@rslsp1/fa-app-tools 2.0.30 → 2.0.48

package/dist/index.mjs

@@ -21,7 +21,7 @@ import {
   setHFToken,
   tsFromEventPath,
   writeHFEvent
-} from "./chunk-UCEQOGPT.mjs";
+} from "./chunk-TTJTQP43.mjs";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -353,8 +353,10 @@ var CompactDropdown = ({
 };
 
 // src/components/HistoryPanel.tsx
+import { useState as useState2 } from "react";
 import { motion } from "motion/react";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
 var formatFriendlyTimestamp = (timestamp) => {
   const date = new Date(timestamp);
   const now = /* @__PURE__ */ new Date();
@@ -367,38 +369,55 @@ var formatFriendlyTimestamp = (timestamp) => {
   return `${date.toLocaleDateString([], { day: "2-digit", month: "2-digit" })}, ${timeStr}`;
 };
 var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
+  const [visibleCount, setVisibleCount] = useState2(PAGE_SIZE);
+  const visibleHistory = history.slice(0, visibleCount);
   if (history.length === 0) {
     return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
       /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[64px]", children: "history" }),
       /* @__PURE__ */ jsx5("p", { className: "text-[10px] font-bold uppercase tracking-widest", children: "Keine Historie" })
     ] });
   }
-  return /* @__PURE__ */ jsx5(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-4 flex flex-col gap-3 overflow-y-auto dark-scrollbar", children: history.map((gen) => /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${currentResultId === gen.id ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
-      onClick: () => onSelect(gen),
-      children: [
-        /* @__PURE__ */ jsx5("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5", children: /* @__PURE__ */ jsx5("img", { src: gen.base64 ? gen.base64.startsWith("data:") ? gen.base64 : `data:image/png;base64,${gen.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }) }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1", children: [
-            /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(gen.timestamp) }),
-            gen.model && /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: gen.model })
+  return /* @__PURE__ */ jsxs3(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-4 flex flex-col gap-3 overflow-y-auto dark-scrollbar", children: [
+    visibleHistory.map((gen) => /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${currentResultId === gen.id ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
+        onClick: () => onSelect(gen),
+        children: [
+          /* @__PURE__ */ jsx5("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 flex items-center justify-center", children: gen.status === "processing" ? /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 border-t-2 border-white/40 rounded-full animate-spin" }) : gen.status === "error" ? /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-red-400 text-[20px]", children: "warning" }) : /* @__PURE__ */ jsx5("img", { src: gen.base64 ? gen.base64.startsWith("data:") ? gen.base64 : `data:image/png;base64,${gen.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }) }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(gen.timestamp) }),
+              gen.model && /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: gen.model })
+            ] }),
+            /* @__PURE__ */ jsxs3("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
+              '"',
+              gen.prompt,
+              '"'
+            ] }),
+            gen.status === "processing" && /* @__PURE__ */ jsx5("p", { className: "text-[8px] text-white/30 mt-0.5", children: "Generiert\u2026" }),
+            gen.status === "error" && /* @__PURE__ */ jsx5("p", { className: "text-[8px] text-red-400/70 mt-0.5 truncate", children: gen.error?.message })
           ] }),
-          /* @__PURE__ */ jsxs3("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
-            '"',
-            gen.prompt,
-            '"'
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx5("button", { onClick: (e) => {
-          e.stopPropagation();
-          onDelete(gen.id);
-        }, className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all", children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[14px]", children: "delete" }) })
-      ]
-    },
-    gen.id
-  )) });
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(gen.id);
+              },
+              className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all",
+              children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[14px]", children: "delete" })
+            }
+          )
+        ]
+      },
+      gen.id
+    )),
+    visibleCount < history.length && /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "w-full py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
+      history.length - visibleCount,
+      " weitere laden"
+    ] })
+  ] });
 };
 
 // src/components/InspectPanel.tsx
@@ -467,7 +486,7 @@ var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagTogg
 };
 
 // src/components/SetupPanel.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
+import { useRef as useRef2, useState as useState3 } from "react";
 import { motion as motion3 } from "motion/react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var PRESET_URLS = [
@@ -477,11 +496,11 @@ var PRESET_URLS = [
 ];
 var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
   const workspaceInputRef = useRef2(null);
-  const [urlInput, setUrlInput] = useState2("");
-  const [tokenInput, setTokenInput] = useState2("");
-  const [testStatus, setTestStatus] = useState2("idle");
-  const [result, setResult] = useState2(null);
-  const [fetchError, setFetchError] = useState2(null);
+  const [urlInput, setUrlInput] = useState3("");
+  const [tokenInput, setTokenInput] = useState3("");
+  const [testStatus, setTestStatus] = useState3("idle");
+  const [result, setResult] = useState3(null);
+  const [fetchError, setFetchError] = useState3(null);
   const runTest = async (url) => {
     if (!url.trim()) return;
     setTestStatus("loading");
@@ -644,18 +663,48 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
 };
 
 // src/components/MediaLibrary.tsx
+import { useState as useState4 } from "react";
 import { motion as motion4 } from "motion/react";
+
+// src/lib/grouping.ts
+function groupByPrompt(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.prompt ?? "";
+    if (!map.has(key)) map.set(key, []);
+    map.get(key).push(item);
+  }
+  const groups = [];
+  for (const [prompt, groupItems] of map) {
+    const titled = groupItems.filter((i) => i.titleTs);
+    const representative = titled.length > 0 ? titled.reduce((a, b) => a.titleTs > b.titleTs ? a : b) : groupItems.reduce((a, b) => a.timestamp > b.timestamp ? a : b);
+    groups.push({ prompt, items: groupItems, representative });
+  }
+  return groups.sort((a, b) => {
+    const aMax = Math.max(...a.items.map((i) => i.timestamp));
+    const bMax = Math.max(...b.items.map((i) => i.timestamp));
+    return bMax - aMax;
+  });
+}
+
+// src/components/MediaLibrary.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var PAGE_SIZE2 = 20;
 var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, onBatchDownload, onGenerateReference }) => {
+  const [visibleCount, setVisibleCount] = useState4(PAGE_SIZE2);
   const selectedCount = items.filter((i) => i.selectedForExport).length;
+  const groups = groupByPrompt(items);
+  const visibleGroups = groups.slice(0, visibleCount);
   return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col h-full overflow-hidden", children: [
     /* @__PURE__ */ jsxs6("div", { className: "flex flex-col p-4 border-b border-white/5 gap-3 bg-black/20", children: [
       /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-bold text-white uppercase tracking-widest", children: "Projekt Galerie" }),
           /* @__PURE__ */ jsxs6("span", { className: "text-[9px] text-white/30 uppercase tracking-tighter", children: [
+            visibleCount < groups.length ? `${visibleCount} / ${groups.length}` : groups.length,
+            " Gruppen \xB7 ",
             items.length,
-            " Assets geladen"
+            " Assets"
           ] })
         ] }),
         /* @__PURE__ */ jsxs6("button", { type: "button", onClick: () => onImport?.(), className: "flex items-center gap-1.5 px-3 py-1.5 bg-blue-500 hover:bg-blue-400 text-white rounded-lg text-[10px] font-bold uppercase transition-all shadow-[0_0_15px_rgba(59,130,246,0.3)]", children: [
@@ -674,41 +723,57 @@ var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, on
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "flex-1 overflow-y-auto p-4 dark-scrollbar", children: items.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
+    /* @__PURE__ */ jsx8("div", { className: "flex-1 overflow-y-auto p-4 dark-scrollbar", children: groups.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
       /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[64px]", children: "photo_library" }),
       /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx8("p", { className: "text-[12px] font-bold uppercase tracking-widest", children: "Keine Medien" }),
         /* @__PURE__ */ jsx8("p", { className: "text-[10px] italic", children: "Importiere Assets aus deinem Projekt." })
       ] })
-    ] }) : /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-2 gap-3 pb-10", children: items.map((item) => /* @__PURE__ */ jsxs6(motion4.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, className: `relative aspect-square group/item rounded-xl overflow-hidden border transition-all bg-white/5 cursor-pointer shadow-lg ${item.selectedForExport ? "border-blue-500 shadow-[0_0_15px_rgba(59,130,246,0.2)]" : "border-white/10 opacity-70 hover:opacity-100"}`, onClick: () => onSelect?.(item), children: [
-      item.status === "processing" ? /* @__PURE__ */ jsxs6("div", { className: "w-full h-full flex flex-col items-center justify-center gap-2 bg-black/40", children: [
-        /* @__PURE__ */ jsx8("div", { className: "w-6 h-6 border-t-2 border-white rounded-full animate-spin" }),
-        /* @__PURE__ */ jsx8("span", { className: "text-[8px] text-white/40 uppercase font-bold tracking-widest", children: "Generiere\u2026" })
-      ] }) : /* @__PURE__ */ jsx8("img", { src: item.base64 ? item.base64.startsWith("data:") ? item.base64 : `data:image/png;base64,${item.base64}` : "", className: "w-full h-full object-cover transition-transform duration-500 group-hover/item:scale-110", alt: item.prompt }),
-      /* @__PURE__ */ jsx8("button", { type: "button", className: `absolute top-2 left-2 w-5 h-5 rounded-md border flex items-center justify-center transition-all z-30 pointer-events-auto ${item.selectedForExport ? "bg-blue-500 border-blue-400" : "bg-black/60 border-white/20"}`, onClick: (e) => {
-        e.stopPropagation();
-        onToggleSelection?.(item.id);
-      }, children: item.selectedForExport && /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[14px] text-white", children: "check" }) }),
-      /* @__PURE__ */ jsx8("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent opacity-0 group-hover/item:opacity-100 transition-opacity flex flex-col justify-end p-2 gap-2 pointer-events-none", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx8("span", { className: "text-[8px] font-bold text-white/80 truncate max-w-[80px] uppercase tracking-tighter", children: item.prompt || "Importiert" }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1", children: [
-          onGenerateReference && /* @__PURE__ */ jsx8("button", { type: "button", onClick: (e) => {
-            e.stopPropagation();
-            onGenerateReference(item);
-          }, className: "w-6 h-6 flex items-center justify-center bg-blue-500/20 text-blue-400 hover:bg-blue-500 rounded-md transition-all hover:text-white pointer-events-auto", children: /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }) }),
-          /* @__PURE__ */ jsx8("button", { type: "button", onClick: (e) => {
-            e.stopPropagation();
-            onDelete?.(item.id);
-          }, className: "w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 rounded-md transition-all hover:text-white pointer-events-auto", children: /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[14px]", children: "delete" }) })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx8("div", { className: "absolute top-1 right-1 px-1.5 py-0.5 bg-black/60 backdrop-blur-md rounded text-[7px] font-bold text-white/60 uppercase tracking-tight", children: item.type === "import" ? "Library" : "Gen" })
-    ] }, item.id)) }) })
+    ] }) : /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-3 pb-10", children: [
+      visibleGroups.map((group) => {
+        const rep = group.representative;
+        return /* @__PURE__ */ jsxs6(
+          motion4.div,
+          {
+            initial: { opacity: 0, scale: 0.9 },
+            animate: { opacity: 1, scale: 1 },
+            className: "relative aspect-square group/item rounded-xl overflow-hidden border border-white/10 opacity-70 hover:opacity-100 transition-all bg-white/5 cursor-pointer shadow-lg",
+            onClick: () => onSelect(rep),
+            children: [
+              /* @__PURE__ */ jsx8("img", { src: rep.base64 ? rep.base64.startsWith("data:") ? rep.base64 : `data:image/png;base64,${rep.base64}` : "", className: "w-full h-full object-cover transition-transform duration-500 group-hover/item:scale-110", alt: rep.prompt }),
+              group.items.length > 1 && /* @__PURE__ */ jsxs6("div", { className: "absolute top-1.5 left-1.5 px-1.5 py-0.5 bg-black/70 backdrop-blur-md rounded text-[8px] font-bold text-white/80 flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[10px]", children: "photo_library" }),
+                group.items.length
+              ] }),
+              /* @__PURE__ */ jsx8("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent opacity-0 group-hover/item:opacity-100 transition-opacity flex flex-col justify-end p-2 gap-2 pointer-events-none", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx8("span", { className: "text-[8px] font-bold text-white/80 truncate max-w-[80px] uppercase tracking-tighter", children: rep.prompt || "Importiert" }),
+                /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1", children: [
+                  onGenerateReference && /* @__PURE__ */ jsx8("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    onGenerateReference(rep);
+                  }, className: "w-6 h-6 flex items-center justify-center bg-blue-500/20 text-blue-400 hover:bg-blue-500 rounded-md transition-all hover:text-white pointer-events-auto", children: /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }) }),
+                  /* @__PURE__ */ jsx8("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(rep.id);
+                  }, className: "w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 rounded-md transition-all hover:text-white pointer-events-auto", children: /* @__PURE__ */ jsx8("span", { className: "material-symbols-outlined text-[14px]", children: "delete" }) })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx8("div", { className: "absolute top-1 right-1 px-1.5 py-0.5 bg-black/60 backdrop-blur-md rounded text-[7px] font-bold text-white/60 uppercase tracking-tight", children: rep.type === "import" ? "Library" : "Gen" })
+            ]
+          },
+          rep.id
+        );
+      }),
+      visibleCount < groups.length && /* @__PURE__ */ jsx8("div", { className: "col-span-2 flex justify-center pt-2 pb-4", children: /* @__PURE__ */ jsxs6("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE2), className: "px-4 py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-lg text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
+        groups.length - visibleCount,
+        " weitere laden"
+      ] }) })
+    ] }) })
   ] });
 };
 
 // src/components/ListView.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { useEffect as useEffect3, useRef as useRef3, useState as useState5 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var ListNode = ({ node, depth, onNodeChange, onAddChild, onDeleteNode, onMoveNode, onIndentNode, onOutdentNode, onAddSibling, isActive, isInPath, onFocus, onGenerate, onGenerateBranch, onGenerateSubtree, isGenerating, isCollapsed, toggleCollapse, renderNode, children }) => {
   const inputRef = useRef3(null);
@@ -773,7 +838,7 @@ var ListNode = ({ node, depth, onNodeChange, onAddChild, onDeleteNode, onMoveNod
   ] });
 };
 function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMoveNode, onIndentNode, onOutdentNode, onAddSibling, focusedNodeId, onFocus, activePath, onGenerate, onGenerateBranch, onGenerateSubtree, isGeneratingNodeId }) {
-  const [collapsed, setCollapsed] = useState3(/* @__PURE__ */ new Set());
+  const [collapsed, setCollapsed] = useState5(/* @__PURE__ */ new Set());
   const toggleCollapse = (id) => {
     setCollapsed((prev) => {
       const next = new Set(prev);
@@ -801,13 +866,13 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { useState as useState18, useCallback as useCallback3, useMemo as useMemo2, useEffect as useEffect7, useRef as useRef8 } from "react";
+import { useState as useState20, useCallback as useCallback3, useMemo as useMemo2, useEffect as useEffect7, useRef as useRef8 } from "react";
 
 // src/components/PromptTab.tsx
-import { useRef as useRef4, useState as useState5 } from "react";
+import { useRef as useRef4, useState as useState7 } from "react";
 
 // src/components/CollapsibleCard.tsx
-import { useState as useState4 } from "react";
+import { useState as useState6 } from "react";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var CollapsibleCard = ({
   title,
@@ -818,7 +883,7 @@ var CollapsibleCard = ({
   collapsible = true,
   className = ""
 }) => {
-  const [isOpen, setIsOpen] = useState4(defaultOpen);
+  const [isOpen, setIsOpen] = useState6(defaultOpen);
   return /* @__PURE__ */ jsxs8("div", { className: `border border-neutral-800 rounded-lg ${className}`, children: [
     /* @__PURE__ */ jsxs8(
       "div",
@@ -865,18 +930,18 @@ var PromptTab = ({
   onTagUpdate,
   onTagDelete
 }) => {
-  const [selectedLabels, setSelectedLabels] = useState5(/* @__PURE__ */ new Set());
-  const [instructions, setInstructions] = useState5("");
-  const [rules, setRules] = useState5("");
-  const [activeCategory, setActiveCategory] = useState5(null);
-  const [copied, setCopied] = useState5(false);
+  const [selectedLabels, setSelectedLabels] = useState7(/* @__PURE__ */ new Set());
+  const [instructions, setInstructions] = useState7("");
+  const [rules, setRules] = useState7("");
+  const [activeCategory, setActiveCategory] = useState7(null);
+  const [copied, setCopied] = useState7(false);
   const imgInputRef = useRef4(null);
-  const [addingInCat, setAddingInCat] = useState5(null);
-  const [newLabel, setNewLabel] = useState5("");
-  const [newValue, setNewValue] = useState5("");
-  const [editingTag, setEditingTag] = useState5(null);
-  const [editLabel, setEditLabel] = useState5("");
-  const [editValue, setEditValue] = useState5("");
+  const [addingInCat, setAddingInCat] = useState7(null);
+  const [newLabel, setNewLabel] = useState7("");
+  const [newValue, setNewValue] = useState7("");
+  const [editingTag, setEditingTag] = useState7(null);
+  const [editLabel, setEditLabel] = useState7("");
+  const [editValue, setEditValue] = useState7("");
   const longPressTimer = useRef4(null);
   const longPressActivated = useRef4(false);
   const toggleTag = (label) => {
@@ -1325,7 +1390,7 @@ var PromptTab = ({
 };
 
 // src/components/ProjectSyncTab.tsx
-import { useRef as useRef5, useState as useState6, useEffect as useEffect4 } from "react";
+import { useRef as useRef5, useState as useState8, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var ProjectSyncTab = ({
   topSlot,
@@ -1347,12 +1412,12 @@ var ProjectSyncTab = ({
 }) => {
   const projectInputRef = useRef5(null);
   const workspaceInputRef = useRef5(null);
-  const [saveName, setSaveName] = useState6("");
-  const [isSaving, setIsSaving] = useState6(false);
-  const [isExporting, setIsExporting] = useState6(false);
-  const [syncState, setSyncState] = useState6("idle");
-  const [syncDiff, setSyncDiff] = useState6(null);
-  const [selectedLocalIds, setSelectedLocalIds] = useState6(/* @__PURE__ */ new Set());
+  const [saveName, setSaveName] = useState8("");
+  const [isSaving, setIsSaving] = useState8(false);
+  const [isExporting, setIsExporting] = useState8(false);
+  const [syncState, setSyncState] = useState8("idle");
+  const [syncDiff, setSyncDiff] = useState8(null);
+  const [selectedLocalIds, setSelectedLocalIds] = useState8(/* @__PURE__ */ new Set());
   const handleExport = async () => {
     if (!onProjectExport) return;
     setIsExporting(true);
@@ -1398,13 +1463,13 @@ var ProjectSyncTab = ({
     });
   };
   const isWorking = projectActionState === "working" || projectActionState === "working-full";
-  const [hfProjects, setHfProjects] = useState6([]);
-  const [hfLoading, setHfLoading] = useState6(false);
-  const [hfSaving, setHfSaving] = useState6(false);
-  const [hfError, setHfError] = useState6(null);
-  const [hfSaveName, setHfSaveName] = useState6("");
-  const [hfSyncProgress, setHfSyncProgress] = useState6(null);
-  const [hfSyncing, setHfSyncing] = useState6(false);
+  const [hfProjects, setHfProjects] = useState8([]);
+  const [hfLoading, setHfLoading] = useState8(false);
+  const [hfSaving, setHfSaving] = useState8(false);
+  const [hfError, setHfError] = useState8(null);
+  const [hfSaveName, setHfSaveName] = useState8("");
+  const [hfSyncProgress, setHfSyncProgress] = useState8(null);
+  const [hfSyncing, setHfSyncing] = useState8(false);
   const loadHfProjects = async (token) => {
     setHfLoading(true);
     setHfError(null);
@@ -1601,7 +1666,7 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-TC65WQXK.mjs");
+                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-5BU5DVQ6.mjs");
                 const file = await hfDownloadProject2(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
@@ -1823,7 +1888,7 @@ function toPromptImages(images) {
 }
 
 // src/hooks/useHFState.ts
-import { useState as useState7, useEffect as useEffect5, useRef as useRef6, useCallback } from "react";
+import { useState as useState9, useEffect as useEffect5, useRef as useRef6, useCallback } from "react";
 
 // src/lib/hfReducer.ts
 function applyEvent(state, event) {
@@ -1844,6 +1909,13 @@ function applyEvent(state, event) {
       const newAll = tags.all.some((t) => t.value === p.value && t.category === p.category) ? tags.all.map((t) => t.value === p.value && t.category === p.category ? { ...t, ...updated, category: p.category } : t) : [...tags.all, { ...updated, category: p.category }];
       return { ...state, tags: { by_category: { ...tags.by_category, [p.category]: newCat }, all: newAll } };
     }
+    case "thumb_added": {
+      const p = event.payload;
+      return {
+        ...state,
+        metadata: state.metadata.map((m) => m.id === p.id ? { ...m, hasThumb: true } : m)
+      };
+    }
     case "metadata_updated": {
       const p = event.payload;
       return {
@@ -1851,6 +1923,13 @@ function applyEvent(state, event) {
         metadata: state.metadata.map((m) => m.id === p.id ? { ...m, ...p.delta } : m)
       };
     }
+    case "title_set": {
+      const p = event.payload;
+      return {
+        ...state,
+        metadata: state.metadata.map((m) => m.id === p.id ? { ...m, titleTs: event.ts } : m)
+      };
+    }
     default:
       return state;
   }
@@ -1941,15 +2020,15 @@ function writeOfflineBuffer(events) {
   }
 }
 function useHFState(token, namespace) {
-  const [state, setState] = useState7(null);
-  const [isLoading, setIsLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [eventCount, setEventCount] = useState7(0);
-  const [localOnlyCount, setLocalOnlyCount] = useState7(0);
-  const [forks, setForks] = useState7([]);
-  const [pendingBufferCount, setPendingBufferCount] = useState7(readOfflineBuffer().length);
-  const [lastEventTs, setLastEventTs] = useState7(0);
-  const [hasStateZip, setHasStateZip] = useState7(false);
+  const [state, setState] = useState9(null);
+  const [isLoading, setIsLoading] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [eventCount, setEventCount] = useState9(0);
+  const [localOnlyCount, setLocalOnlyCount] = useState9(0);
+  const [forks, setForks] = useState9([]);
+  const [pendingBufferCount, setPendingBufferCount] = useState9(readOfflineBuffer().length);
+  const [lastEventTs, setLastEventTs] = useState9(0);
+  const [hasStateZip, setHasStateZip] = useState9(false);
   const knownEventPaths = useRef6(/* @__PURE__ */ new Set());
   const allEventsRef = useRef6([]);
   const applyNewEvents = useCallback((snapshot, newEvents) => {
@@ -2085,13 +2164,13 @@ function useHFState(token, namespace) {
 }
 
 // src/components/labs/LabsTab.tsx
-import { useState as useState14 } from "react";
+import { useState as useState16 } from "react";
 
 // src/components/labs/LabRemix.tsx
-import { useState as useState9 } from "react";
+import { useState as useState11 } from "react";
 
 // src/components/labs/LabImagePicker.tsx
-import { useState as useState8 } from "react";
+import { useState as useState10 } from "react";
 import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var LabImagePicker = ({
   availableItems,
@@ -2100,8 +2179,8 @@ var LabImagePicker = ({
   onClose,
   title = "Bild w\xE4hlen"
 }) => {
-  const [search, setSearch] = useState8("");
-  const [drillItem, setDrillItem] = useState8(null);
+  const [search, setSearch] = useState10("");
+  const [drillItem, setDrillItem] = useState10(null);
   const filtered = availableItems.filter(
     (item) => !search || item.prompt.toLowerCase().includes(search.toLowerCase())
   );
@@ -2203,13 +2282,13 @@ var LabImagePicker = ({
 // src/components/labs/LabRemix.tsx
 import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var LabRemix = ({ services, onResult }) => {
-  const [showPicker, setShowPicker] = useState9(false);
-  const [selected, setSelected] = useState9(null);
-  const [instruction, setInstruction] = useState9("");
-  const [generatedPrompt, setGeneratedPrompt] = useState9("");
-  const [resultImage, setResultImage] = useState9(null);
-  const [isGeneratingPrompt, setIsGeneratingPrompt] = useState9(false);
-  const [isGeneratingImage, setIsGeneratingImage] = useState9(false);
+  const [showPicker, setShowPicker] = useState11(false);
+  const [selected, setSelected] = useState11(null);
+  const [instruction, setInstruction] = useState11("");
+  const [generatedPrompt, setGeneratedPrompt] = useState11("");
+  const [resultImage, setResultImage] = useState11(null);
+  const [isGeneratingPrompt, setIsGeneratingPrompt] = useState11(false);
+  const [isGeneratingImage, setIsGeneratingImage] = useState11(false);
   const handleSelectImage = (item, frame) => {
     services.onItemUsed(item);
     setSelected({
@@ -2392,16 +2471,16 @@ var LabRemix = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabBlend.tsx
-import { useState as useState10 } from "react";
+import { useState as useState12 } from "react";
 import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var LabBlend = ({ services, onResult }) => {
-  const [showPickerFor, setShowPickerFor] = useState10(null);
-  const [selectedImages, setSelectedImages] = useState10([]);
-  const [instruction, setInstruction] = useState10("");
-  const [generatedPrompt, setGeneratedPrompt] = useState10("");
-  const [resultImage, setResultImage] = useState10(null);
-  const [isGeneratingPrompt, setIsGeneratingPrompt] = useState10(false);
-  const [isGeneratingImage, setIsGeneratingImage] = useState10(false);
+  const [showPickerFor, setShowPickerFor] = useState12(null);
+  const [selectedImages, setSelectedImages] = useState12([]);
+  const [instruction, setInstruction] = useState12("");
+  const [generatedPrompt, setGeneratedPrompt] = useState12("");
+  const [resultImage, setResultImage] = useState12(null);
+  const [isGeneratingPrompt, setIsGeneratingPrompt] = useState12(false);
+  const [isGeneratingImage, setIsGeneratingImage] = useState12(false);
   const handleSelectImage = (index, item, frame) => {
     services.onItemUsed(item);
     const newImg = {
@@ -2588,17 +2667,17 @@ var LabBlend = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabCompare.tsx
-import { useState as useState11 } from "react";
+import { useState as useState13 } from "react";
 import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var LabCompare = ({ services, onResult }) => {
-  const [showPickerFor, setShowPickerFor] = useState11(null);
-  const [selectedImages, setSelectedImages] = useState11([]);
-  const [instruction, setInstruction] = useState11("");
-  const [analysis, setAnalysis] = useState11("");
-  const [generatedPrompt, setGeneratedPrompt] = useState11("");
-  const [resultImage, setResultImage] = useState11(null);
-  const [isAnalyzing, setIsAnalyzing] = useState11(false);
-  const [isGeneratingImage, setIsGeneratingImage] = useState11(false);
+  const [showPickerFor, setShowPickerFor] = useState13(null);
+  const [selectedImages, setSelectedImages] = useState13([]);
+  const [instruction, setInstruction] = useState13("");
+  const [analysis, setAnalysis] = useState13("");
+  const [generatedPrompt, setGeneratedPrompt] = useState13("");
+  const [resultImage, setResultImage] = useState13(null);
+  const [isAnalyzing, setIsAnalyzing] = useState13(false);
+  const [isGeneratingImage, setIsGeneratingImage] = useState13(false);
   const handleSelectImage = (index, item, frame) => {
     services.onItemUsed(item);
     const newImg = {
@@ -2761,14 +2840,14 @@ var LabCompare = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabLoop.tsx
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var LabLoop = ({ services, onResult }) => {
-  const [rounds, setRounds] = useState12([]);
-  const [currentInstruction, setCurrentInstruction] = useState12("");
-  const [showPickerForRound, setShowPickerForRound] = useState12(null);
-  const [pendingImages, setPendingImages] = useState12([]);
-  const [isGenerating, setIsGenerating] = useState12(false);
+  const [rounds, setRounds] = useState14([]);
+  const [currentInstruction, setCurrentInstruction] = useState14("");
+  const [showPickerForRound, setShowPickerForRound] = useState14(null);
+  const [pendingImages, setPendingImages] = useState14([]);
+  const [isGenerating, setIsGenerating] = useState14(false);
   const currentPrompt = rounds.length > 0 ? rounds[rounds.length - 1].prompt : "";
   const handleAddImage = (item, frame) => {
     services.onItemUsed(item);
@@ -2924,7 +3003,7 @@ var LabLoop = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabFrameExtractor.tsx
-import { useRef as useRef7, useState as useState13, useCallback as useCallback2 } from "react";
+import { useRef as useRef7, useState as useState15, useCallback as useCallback2 } from "react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var formatTime = (s) => {
   const m = Math.floor(s / 60);
@@ -2941,12 +3020,12 @@ var LabFrameExtractor = ({
   const videoRef = useRef7(null);
   const canvasRef = useRef7(null);
   const cancelledRef = useRef7(false);
-  const [selectedItem, setSelectedItem] = useState13(null);
-  const [videoSrc, setVideoSrc] = useState13(null);
-  const [videoReady, setVideoReady] = useState13(false);
-  const [frames, setFrames] = useState13([]);
-  const [isExtracting, setIsExtracting] = useState13(false);
-  const [intervalSec, setIntervalSec] = useState13("1");
+  const [selectedItem, setSelectedItem] = useState15(null);
+  const [videoSrc, setVideoSrc] = useState15(null);
+  const [videoReady, setVideoReady] = useState15(false);
+  const [frames, setFrames] = useState15([]);
+  const [isExtracting, setIsExtracting] = useState15(false);
+  const [intervalSec, setIntervalSec] = useState15("1");
   const handleVideoSelect = (item) => {
     const mediaId = item.frames[0]?.mediaId;
     if (!mediaId) return;
@@ -3183,7 +3262,7 @@ var BASE_TABS = [
 ];
 var FRAMES_TAB = { key: "frames", label: "Frames", icon: "crop_original" };
 var LabsTab = ({ services, onResult, videoItems, resolveVideoUrl }) => {
-  const [activeTab, setActiveTab] = useState14("remix");
+  const [activeTab, setActiveTab] = useState16("remix");
   const showFrames = !!(videoItems && resolveVideoUrl);
   const tabs = showFrames ? [...BASE_TABS, FRAMES_TAB] : BASE_TABS;
   return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col h-full overflow-hidden", children: [
@@ -3217,19 +3296,19 @@ var LabsTab = ({ services, onResult, videoItems, resolveVideoUrl }) => {
 };
 
 // src/components/TagManagerPanel.tsx
-import { useState as useState15 } from "react";
+import { useState as useState17 } from "react";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete, onTagReorder, onTagMove }) {
   const categories = Object.keys(workspaceTags.by_category).filter(
     (cat) => (workspaceTags.by_category[cat] || []).some((t) => !t.is_deleted)
   );
-  const [selectedCategory, setSelectedCategory] = useState15(categories[0] || "");
+  const [selectedCategory, setSelectedCategory] = useState17(categories[0] || "");
   const effectiveCategory = categories.includes(selectedCategory) ? selectedCategory : categories[0] || "";
-  const [editingLabel, setEditingLabel] = useState15(null);
-  const [editState, setEditState] = useState15({ label: "", value: "" });
-  const [newTag, setNewTag] = useState15({ label: "", value: "" });
-  const [movingLabel, setMovingLabel] = useState15(null);
-  const [moveTarget, setMoveTarget] = useState15("");
+  const [editingLabel, setEditingLabel] = useState17(null);
+  const [editState, setEditState] = useState17({ label: "", value: "" });
+  const [newTag, setNewTag] = useState17({ label: "", value: "" });
+  const [movingLabel, setMovingLabel] = useState17(null);
+  const [moveTarget, setMoveTarget] = useState17("");
   const tags = (workspaceTags.by_category[effectiveCategory] || []).filter((t) => !t.is_deleted);
   const otherCategories = categories.filter((c) => c !== effectiveCategory);
   const startEdit = (tag) => {
@@ -3425,7 +3504,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
 }
 
 // src/components/HFTestTab.tsx
-import { useState as useState16 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var HF_BASE = "https://huggingface.co";
 var HF_REPO = "RolandSch/fa-app-state";
@@ -3618,7 +3697,7 @@ function tryFmt(s) {
   }
 }
 function CopyBtn({ text }) {
-  const [done, setDone] = useState16(false);
+  const [done, setDone] = useState18(false);
   return /* @__PURE__ */ jsxs19(
     "button",
     {
@@ -3789,10 +3868,10 @@ function EventMonitor({ events, confirmedEventKeys, galleryItems, imageUploadSta
     ] })
   ] });
 }
-function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEventKeys = /* @__PURE__ */ new Set(), imageUploadStatus = /* @__PURE__ */ new Map() }) {
-  const [selected, setSelected] = useState16(null);
-  const [results, setResults] = useState16({});
-  const [expanded, setExpanded] = useState16({});
+function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEventKeys = /* @__PURE__ */ new Set(), imageUploadStatus = /* @__PURE__ */ new Map(), missingImages = [] }) {
+  const [selected, setSelected] = useState18(null);
+  const [results, setResults] = useState18({});
+  const [expanded, setExpanded] = useState18({});
   const withResults = galleryItems.filter((g) => g.base64 && g.status === "done");
   const setRunning = (id) => setResults((r) => ({ ...r, [id]: { status: "running", steps: [], totalMs: 0 } }));
   const setDone = (id, steps, t0) => {
@@ -3859,6 +3938,33 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
         )
       }
     ) }),
+    missingImages.length > 0 && /* @__PURE__ */ jsx21("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ jsx21(
+      CollapsibleCard,
+      {
+        title: `Fehlende Bilder auf HF (${missingImages.length})`,
+        icon: /* @__PURE__ */ jsx21("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "broken_image" }),
+        defaultOpen: false,
+        children: /* @__PURE__ */ jsxs19("div", { style: { padding: "8px 10px 4px" }, children: [
+          /* @__PURE__ */ jsx21("div", { style: { fontSize: 11, color: "rgba(255,255,255,0.4)", marginBottom: 8 }, children: "Metadata-Eintr\xE4ge ohne Bild auf HuggingFace \u2014 Orphaned entries." }),
+          /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: 8, marginBottom: 8, fontSize: 11, color: "rgba(255,255,255,0.5)" }, children: [
+            /* @__PURE__ */ jsxs19("span", { children: [
+              "UUID (Flow-App): ",
+              missingImages.filter((e) => !e.filename).length
+            ] }),
+            /* @__PURE__ */ jsx21("span", { children: "\xB7" }),
+            /* @__PURE__ */ jsxs19("span", { children: [
+              "Filename (Server-Upload): ",
+              missingImages.filter((e) => !!e.filename).length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx21("div", { style: { maxHeight: 300, overflowY: "auto", fontFamily: "monospace", fontSize: 10 }, children: missingImages.map((e) => /* @__PURE__ */ jsxs19("div", { style: { padding: "3px 0", borderBottom: "1px solid rgba(255,255,255,0.04)", color: "rgba(255,255,255,0.5)", display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ jsx21("span", { style: { color: e.filename ? "#fb923c" : "#60a5fa", minWidth: 60 }, children: e.filename ? "filename" : "uuid" }),
+            /* @__PURE__ */ jsx21("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: e.filename ?? e.id }),
+            /* @__PURE__ */ jsx21("span", { style: { color: "rgba(255,255,255,0.3)" }, children: new Date(e.timestamp).toLocaleDateString("de") })
+          ] }, e.id)) })
+        ] })
+      }
+    ) }),
     /* @__PURE__ */ jsx21(
       CollapsibleCard,
       {
@@ -3963,75 +4069,44 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
 }
 
 // src/components/ServerTab.tsx
-import { useState as useState17, useEffect as useEffect6 } from "react";
-
-// src/lib/faHfServerService.ts
-var FA_APP_SPACE = "https://rolandsch-fa-app.hf.space";
-async function request(method, path, env = "prod", body, tokenOverride) {
-  const token = tokenOverride || getHFToken();
-  if (!token) throw new Error("fa-app gateway: kein HF Token gesetzt");
-  const res = await fetch(`${FA_APP_SPACE}/${path.replace(/^\//, "")}`, {
-    method,
-    headers: {
-      "Authorization": `Bearer ${token}`,
-      "X-Env": env,
-      ...body !== void 0 ? { "Content-Type": "application/json" } : {}
-    },
-    ...body !== void 0 ? { body: JSON.stringify(body) } : {}
-  });
-  if (!res.ok) {
-    const text = await res.text().catch(() => "");
-    throw new Error(`fa-app gateway ${method} /${path} [${env}] \u2192 ${res.status}: ${text.slice(0, 200)}`);
-  }
-  return res.json();
-}
-function faServerGet(path, env = "prod", token) {
-  return request("GET", path, env, void 0, token);
-}
-function faServerPost(path, body, env = "prod", token) {
-  return request("POST", path, env, body, token);
-}
-function faServerPut(path, body, env = "prod", token) {
-  return request("PUT", path, env, body, token);
-}
-function faServerDelete(path, env = "prod", token) {
-  return request("DELETE", path, env, void 0, token);
-}
-
-// src/components/ServerTab.tsx
+import { useState as useState19, useEffect as useEffect6 } from "react";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function StarRating({ rating = 0 }) {
   return /* @__PURE__ */ jsx22("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx22("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
 }
-function ServerTab({ hfToken }) {
-  const token = hfToken || getHFToken() || "";
-  const hasToken = !!token;
-  const [env, setEnv] = useState17("prod");
-  const [step, setStep] = useState17("user");
-  const [users, setUsers] = useState17([]);
-  const [usersLoading, setUsersLoading] = useState17(false);
-  const [usersError, setUsersError] = useState17(null);
-  const [selectedUser, setSelectedUser] = useState17(null);
-  const [contexts, setContexts] = useState17([]);
-  const [contextsLoading, setContextsLoading] = useState17(false);
-  const [selectedContext, setSelectedContext] = useState17(null);
-  const [tags, setTags] = useState17([]);
-  const [items, setItems] = useState17([]);
-  const [libLoading, setLibLoading] = useState17(false);
-  const [libError, setLibError] = useState17(null);
-  const [activeTag, setActiveTag] = useState17(null);
-  const [preview, setPreview] = useState17(null);
+async function serverGet(baseUrl, path) {
+  const url = `${baseUrl.replace(/\/$/, "")}${path}`;
+  const res = await fetch(url, { credentials: "include" });
+  if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);
+  const json = await res.json();
+  return json && typeof json === "object" && "data" in json ? json.data : json;
+}
+function ServerTab({ serverBaseUrl }) {
+  const [step, setStep] = useState19("user");
+  const [users, setUsers] = useState19([]);
+  const [usersLoading, setUsersLoading] = useState19(false);
+  const [usersError, setUsersError] = useState19(null);
+  const [selectedUser, setSelectedUser] = useState19(null);
+  const [contexts, setContexts] = useState19([]);
+  const [contextsLoading, setContextsLoading] = useState19(false);
+  const [selectedContext, setSelectedContext] = useState19(null);
+  const [tags, setTags] = useState19([]);
+  const [items, setItems] = useState19([]);
+  const [libLoading, setLibLoading] = useState19(false);
+  const [libError, setLibError] = useState19(null);
+  const [activeTag, setActiveTag] = useState19(null);
+  const [preview, setPreview] = useState19(null);
   useEffect6(() => {
-    if (!hasToken) return;
+    if (!serverBaseUrl) return;
     setUsersLoading(true);
     setUsersError(null);
-    faServerGet("/api/v2/users", env, token).then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
-  }, [env, hasToken]);
+    serverGet(serverBaseUrl, "/api/v2/users").then(setUsers).catch((e) => setUsersError(String(e))).finally(() => setUsersLoading(false));
+  }, [serverBaseUrl]);
   const selectUser = async (user) => {
     setSelectedUser(user);
     setContextsLoading(true);
     try {
-      const data = await faServerGet(`/api2/contexts?user_id=${user.id}`, env, token);
+      const data = await serverGet(serverBaseUrl, `/api2/contexts?user_id=${user.id}`);
       if (data.length === 1) {
         await loadLibrary(user, data[0]);
       } else {
@@ -4051,12 +4126,11 @@ function ServerTab({ hfToken }) {
     setLibError(null);
     try {
       const [tagsRes, libRes] = await Promise.all([
-        faServerGet(`/api2/tags?user_id=${user.id}`, env, token),
-        faServerGet(`/api2/user-library?user_id=${user.id}&context_id=${ctx.id}&limit=100`, env, token)
+        serverGet(serverBaseUrl, `/api2/tags?user_id=${user.id}`),
+        serverGet(serverBaseUrl, `/api/storage/${user.id}/library`)
       ]);
       setTags(Array.isArray(tagsRes) ? tagsRes : []);
-      const raw = Array.isArray(libRes) ? libRes : libRes.data ?? [];
-      setItems(raw);
+      setItems(Array.isArray(libRes) ? libRes : []);
     } catch (e) {
       setLibError(String(e));
     } finally {
@@ -4075,13 +4149,7 @@ function ServerTab({ hfToken }) {
     setLibError(null);
   };
   const filteredItems = activeTag ? items.filter((item) => item.tags?.some((t) => t.l === activeTag)) : items;
-  if (!hasToken) {
-    return /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-center h-full p-6", children: /* @__PURE__ */ jsxs20("p", { className: "text-white/30 text-[12px] text-center", children: [
-      "Kein HF Token gesetzt.",
-      /* @__PURE__ */ jsx22("br", {}),
-      "Bitte zuerst im Setup-Tab einrichten."
-    ] }) });
-  }
+  if (!serverBaseUrl) return null;
   return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col h-full min-h-0", children: [
     /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-white/8", children: [
       step !== "user" && /* @__PURE__ */ jsx22("button", { onClick: reset, className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ jsx22("span", { className: "material-symbols-outlined text-[18px]", children: "arrow_back" }) }),
@@ -4089,16 +4157,7 @@ function ServerTab({ hfToken }) {
         step === "user" && "Server Browser",
         step === "context" && `${selectedUser?.username} \u2014 Kontext w\xE4hlen`,
         step === "library" && `${selectedUser?.username} / ${selectedContext?.label || selectedContext?.name || selectedContext?.id}`
-      ] }),
-      step === "user" && /* @__PURE__ */ jsx22("div", { className: "flex gap-1", children: ["prod", "dev"].map((e) => /* @__PURE__ */ jsx22(
-        "button",
-        {
-          onClick: () => setEnv(e),
-          className: `text-[10px] font-bold px-2 py-0.5 rounded-lg transition-colors ${env === e ? "bg-white/15 text-white" : "text-white/30 hover:text-white/60"}`,
-          children: e
-        },
-        e
-      )) })
+      ] })
     ] }),
     step === "user" && /* @__PURE__ */ jsxs20("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-3 gap-2", children: [
       usersLoading && /* @__PURE__ */ jsx22("p", { className: "text-white/30 text-[11px] text-center py-4", children: "Lade User\u2026" }),
@@ -4189,7 +4248,7 @@ function ServerTab({ hfToken }) {
 
 // src/components/AvatarArchitectApp.tsx
 import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
+function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
   useEffect7(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
@@ -4199,28 +4258,28 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [showStart, setShowStart] = useState18(true);
-  const [layoutChoice, setLayoutChoice] = useState18(() => {
+  const [showStart, setShowStart] = useState20(true);
+  const [layoutChoice, setLayoutChoice] = useState20(() => {
     try {
       return localStorage.getItem("aa-layout") || null;
     } catch {
       return null;
     }
   });
-  const [projectLoaded, setProjectLoaded] = useState18(false);
-  const [hfToken, setHfToken] = useState18(initialHfToken || "");
-  const [hfTokenInput, setHfTokenInput] = useState18(initialHfToken || "");
-  const [isLoadingFromHF, setIsLoadingFromHF] = useState18(false);
-  const [hfNamespaceLocal, setHfNamespaceLocal] = useState18(() => {
+  const [projectLoaded, setProjectLoaded] = useState20(false);
+  const [hfToken, setHfToken] = useState20(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = useState20(initialHfToken || "");
+  const [isLoadingFromHF, setIsLoadingFromHF] = useState20(false);
+  const [hfNamespaceLocal, setHfNamespaceLocal] = useState20(() => {
     try {
       const stored = localStorage.getItem("aa-hf-namespace");
       if (stored !== null) return stored;
-      return allowDevNamespace ? "app.art-by-rolands.de/" : "";
+      return "app.art-by-rolands.de/";
     } catch {
       return "";
     }
   });
-  const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState18(null);
+  const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState20(null);
   useEffect7(() => {
     if (hfNamespace !== void 0) return;
     const backendUrl = typeof window !== "undefined" ? window.BACKEND_URL || window.location.origin : null;
@@ -4243,9 +4302,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     refresh: refreshHF,
     hasStateZip
   } = useHFState(hfToken, effectiveNamespace);
-  const [imageUploadStatus, setImageUploadStatus] = useState18(/* @__PURE__ */ new Map());
-  const [bootstrapLog, setBootstrapLog] = useState18([]);
-  const [isBootstrapping, setIsBootstrapping] = useState18(false);
+  const [imageUploadStatus, setImageUploadStatus] = useState20(/* @__PURE__ */ new Map());
+  const [bootstrapLog, setBootstrapLog] = useState20([]);
+  const [isBootstrapping, setIsBootstrapping] = useState20(false);
+  const [hfMissingImages, setHfMissingImages] = useState20([]);
   const syncTopSlot = /* @__PURE__ */ jsxs21(Fragment9, { children: [
     localOnlyCount > 0 && /* @__PURE__ */ jsxs21("div", { style: { background: "rgba(234,179,8,0.15)", border: "1px solid rgba(234,179,8,0.3)", padding: "4px 10px", fontSize: 11, color: "#fbbf24", borderRadius: 4, marginBottom: 4 }, children: [
       "\u26A0 ",
@@ -4304,10 +4364,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setLayoutChoice(choice);
     setShowStart(false);
   };
-  const [nodes, setNodes] = useState18([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = useState18([]);
-  const [history, setHistory] = useState18([]);
-  const [galleryItems, setGalleryItems] = useState18([]);
+  const [nodes, setNodes] = useState20([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = useState20([]);
+  const [history, setHistory] = useState20([]);
+  const [galleryItems, setGalleryItems] = useState20([]);
   const galleryItemsRef = useRef8([]);
   useEffect7(() => {
     galleryItemsRef.current = galleryItems;
@@ -4325,7 +4385,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       model: m.model,
       tags: m.tags || [],
       timestamp: m.timestamp,
-      status: "done"
+      status: "done",
+      filename: m.filename,
+      hasThumb: m.hasThumb
     }));
     setGalleryItems((prev) => {
       const localOnly = prev.filter((g) => !hfIds.has(g.id));
@@ -4337,77 +4399,83 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const merged = skeletons.map((s) => prev.find((g) => g.id === s.id) ?? s);
       return [...localOnly, ...merged].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     });
-    const COOLDOWN_MS = 5 * 60 * 1e3;
-    for (const entry of hfState.metadata) {
-      if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
-      const failedAt = hfImageNotFoundRef.current.get(entry.id);
-      if (failedAt && Date.now() - failedAt < COOLDOWN_MS) continue;
-      hfLoadImageAsBase64(entry.id, hfToken).then((b64) => {
-        if (!b64) {
+    const sortedEntries = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
+    (async () => {
+      for (const entry of sortedEntries) {
+        if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
+        if (hfImageNotFoundRef.current.has(entry.id)) continue;
+        try {
+          const b64 = await hfLoadImageAsBase64(entry.id, hfToken, effectiveNamespace, entry.filename, void 0, entry.mimeType, entry.hasThumb);
+          if (!b64) {
+            hfImageNotFoundRef.current.set(entry.id, Date.now());
+            setHfMissingImages((prev) => {
+              if (prev.find((e) => e.id === entry.id)) return prev;
+              return [...prev, { id: entry.id, filename: entry.filename, mimeType: entry.mimeType, timestamp: entry.timestamp }];
+            });
+            continue;
+          }
+          const prefix = `data:${entry.mimeType || "image/jpeg"};base64,`;
+          setGalleryItems((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+          setHistory((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+        } catch {
           hfImageNotFoundRef.current.set(entry.id, Date.now());
-          return;
         }
-        const prefix = `data:${entry.mimeType || "image/jpeg"};base64,`;
-        setGalleryItems((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
-        setHistory((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
-      }).catch(() => {
-        hfImageNotFoundRef.current.set(entry.id, Date.now());
-      });
-    }
+      }
+    })();
   }, [hfState]);
-  const [activePrompt, setActivePrompt] = useState18("");
-  const [isSynthesizing, setIsSynthesizing] = useState18(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = useState18(0);
-  const [currentResult, setCurrentResult] = useState18(null);
-  const [focusedNodeId, setFocusedNodeId] = useState18(null);
-  const [leftTab, setLeftTab] = useState18("prompt");
-  const [promptFeedback, setPromptFeedback] = useState18(null);
-  const [lastPromptPayload, setLastPromptPayload] = useState18(null);
-  const [isPromptTabGenerating, setIsPromptTabGenerating] = useState18(false);
-  const [activeTab, setActiveTab] = useState18("history");
-  const [mobileTab, setMobileTab] = useState18("stage");
-  const [middlePanel, setMiddlePanel] = useState18("stage");
-  const [recentLabItems, setRecentLabItems] = useState18([]);
-  const [aspectRatio, setAspectRatio] = useState18("1:1");
-  const [selectedModel, setSelectedModel] = useState18("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = useState18(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = useState18("random");
-  const [isLeftCollapsed, setIsLeftCollapsed] = useState18(false);
-  const [isRightCollapsed, setIsRightCollapsed] = useState18(false);
-  const [leftPanelWidth, setLeftPanelWidth] = useState18(() => {
+  const [activePrompt, setActivePrompt] = useState20("");
+  const [isSynthesizing, setIsSynthesizing] = useState20(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = useState20(0);
+  const [currentResult, setCurrentResult] = useState20(null);
+  const [focusedNodeId, setFocusedNodeId] = useState20(null);
+  const [leftTab, setLeftTab] = useState20("prompt");
+  const [promptFeedback, setPromptFeedback] = useState20(null);
+  const [lastPromptPayload, setLastPromptPayload] = useState20(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = useState20(false);
+  const [activeTab, setActiveTab] = useState20("history");
+  const [mobileTab, setMobileTab] = useState20("stage");
+  const [middlePanel, setMiddlePanel] = useState20("stage");
+  const [recentLabItems, setRecentLabItems] = useState20([]);
+  const [aspectRatio, setAspectRatio] = useState20("1:1");
+  const [selectedModel, setSelectedModel] = useState20("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = useState20(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = useState20("random");
+  const [isLeftCollapsed, setIsLeftCollapsed] = useState20(false);
+  const [isRightCollapsed, setIsRightCollapsed] = useState20(false);
+  const [leftPanelWidth, setLeftPanelWidth] = useState20(() => {
     try {
       return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
     } catch {
       return 260;
     }
   });
-  const [rightPanelWidth, setRightPanelWidth] = useState18(() => {
+  const [rightPanelWidth, setRightPanelWidth] = useState20(() => {
     try {
       return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
     } catch {
       return 320;
     }
   });
-  const [isPromptCollapsed, setIsPromptCollapsed] = useState18(false);
-  const [projectActionState, setProjectActionState] = useState18("idle");
+  const [isPromptCollapsed, setIsPromptCollapsed] = useState20(false);
+  const [projectActionState, setProjectActionState] = useState20("idle");
   const syncServerDataRef = useRef8(null);
-  const [workspaceTags, setWorkspaceTags] = useState18(null);
-  const [serverProjects, setServerProjects] = useState18([]);
-  const [isLoadingFromServer, setIsLoadingFromServer] = useState18(false);
-  const [highContrast, setHighContrast] = useState18(() => {
+  const [workspaceTags, setWorkspaceTags] = useState20(null);
+  const [serverProjects, setServerProjects] = useState20([]);
+  const [isLoadingFromServer, setIsLoadingFromServer] = useState20(false);
+  const [highContrast, setHighContrast] = useState20(() => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
     } catch {
       return false;
     }
   });
-  const [activeReferenceId, setActiveReferenceId] = useState18(null);
-  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = useState18(null);
-  const [isScanningImage, setIsScanningImage] = useState18(false);
-  const [touchStartX, setTouchStartX] = useState18(null);
-  const [isFullscreen, setIsFullscreen] = useState18(false);
-  const [zoomScale, setZoomScale] = useState18(1);
-  const [zoomOffset, setZoomOffset] = useState18({ x: 0, y: 0 });
+  const [activeReferenceId, setActiveReferenceId] = useState20(null);
+  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = useState20(null);
+  const [isScanningImage, setIsScanningImage] = useState20(false);
+  const [touchStartX, setTouchStartX] = useState20(null);
+  const [isFullscreen, setIsFullscreen] = useState20(false);
+  const [zoomScale, setZoomScale] = useState20(1);
+  const [zoomOffset, setZoomOffset] = useState20({ x: 0, y: 0 });
   const lastPinchDist = useRef8(null);
   const lastTapTime = useRef8(0);
   const dragStart = useRef8(null);
@@ -4560,6 +4628,34 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const goToNext = useCallback3(() => {
     if (currentIndex < history.length - 1) setCurrentResult(history[currentIndex + 1]);
   }, [currentIndex, history]);
+  const handleGallerySelect = useCallback3((g) => {
+    setCurrentResult(g);
+    setMobileTab("stage");
+    if (g.filename && hfToken && !g.fullBase64) {
+      hfLoadImageAsBase64(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) => prev?.id === g.id ? { ...prev, fullBase64: full } : prev);
+        setGalleryItems((prev) => prev.map((item) => item.id === g.id ? { ...item, fullBase64: full } : item));
+      }).catch(() => {
+      });
+    }
+  }, [hfToken, effectiveNamespace]);
+  const handleTitleSet = useCallback3((id) => {
+    const ts = Date.now();
+    setGalleryItems((prev) => prev.map((g) => g.id === id ? { ...g, titleTs: ts } : g));
+    setHistory((prev) => prev.map((g) => g.id === id ? { ...g, titleTs: ts } : g));
+    if (hfToken && effectiveNamespace) {
+      hfWriteEvent("title_set", { id }).catch(() => {
+      });
+    }
+  }, [hfToken, effectiveNamespace, hfWriteEvent]);
+  const currentGroup = useMemo2(() => {
+    if (!currentResult?.prompt) return [];
+    const groups = groupByPrompt(galleryItems.filter((g) => g.status === "done" && !!g.base64));
+    const group = groups.find((gr) => gr.prompt === currentResult.prompt);
+    return group ? group.items : [];
+  }, [galleryItems, currentResult?.prompt]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
   const isGenerating = activeGenerationsCount > 0;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
@@ -4741,8 +4837,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const handleDownloadSingle = async () => {
     if (!currentResult?.base64) return;
     try {
-      const base64Data = currentResult.base64.split(",")[1];
-      const mimeType = currentResult.base64.split(";")[0].split(":")[1] || "image/png";
+      const downloadSrc = currentResult.fullBase64 || currentResult.base64;
+      const base64Data = downloadSrc.split(",")[1];
+      const mimeType = downloadSrc.split(";")[0].split(":")[1] || "image/png";
       let finalBase64 = base64Data;
       if (mimeType === "image/png") finalBase64 = injectXMPMetadata(base64Data, currentResult.prompt || "", currentResult.seed, currentResult.model, currentResult.id, currentResult.tags || [], getSubtreeFormat(currentResult.nodeId));
       await onDownload(finalBase64, mimeType, `avatar_${currentResult.id.slice(0, 5)}.${mimeType.split("/")[1]}`);
@@ -4942,7 +5039,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     return { by_category: merged, all };
   };
   if (isFullscreen && currentResult?.base64) {
-    const fsBase64 = currentResult.base64.startsWith("data:") ? currentResult.base64 : `data:image/png;base64,${currentResult.base64}`;
+    const fsRaw = currentResult.fullBase64 || currentResult.base64;
+    const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
     return /* @__PURE__ */ jsxs21(
       "div",
       {
@@ -5094,7 +5192,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-TC65WQXK.mjs");
+                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-5BU5DVQ6.mjs");
                 const projects = await hfListProjects2(hfToken);
                 if (projects.length > 0) {
                   const file = await hfDownloadProject2(projects[0].path, hfToken);
@@ -5189,7 +5287,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           setMobileTab("stage");
         }
       } }) }),
-      mobileTab === "server" && /* @__PURE__ */ jsx23("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 }) }),
+      mobileTab === "server" && /* @__PURE__ */ jsx23("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ jsx23(ServerTab, { serverBaseUrl }) }),
       mobileTab === "tags" && workspaceTags && /* @__PURE__ */ jsx23("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ jsx23(
         TagManagerPanel,
         {
@@ -5267,7 +5365,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   /* @__PURE__ */ jsx23("p", { className: "text-white/50 text-[13px]", children: currentResult.error?.message }),
                   /* @__PURE__ */ jsx23("button", { onClick: () => handleGenerateImage(currentResult.prompt), className: "px-4 py-2 rounded-lg border border-white/20 text-[13px] text-white/70 active:bg-white/10", children: "Erneut versuchen" })
                 ] }),
-                currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx23("img", { src: currentResult.base64, className: "w-full h-full object-contain" }),
+                currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx23("img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
                 !currentResult && /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
                   /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
                   /* @__PURE__ */ jsx23("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
@@ -5285,6 +5383,49 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               ]
             }
           ),
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx23("div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs21("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx23(
+              "div",
+              {
+                onClick: () => handleGallerySelect(item),
+                style: {
+                  width: 44,
+                  height: 44,
+                  borderRadius: 8,
+                  overflow: "hidden",
+                  cursor: "pointer",
+                  border: item.id === currentResult.id ? "2px solid rgba(255,255,255,0.8)" : "2px solid rgba(255,255,255,0.15)",
+                  opacity: item.id === currentResult.id ? 1 : 0.55
+                },
+                children: /* @__PURE__ */ jsx23("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleTitleSet(item.id);
+                },
+                style: {
+                  position: "absolute",
+                  bottom: 2,
+                  right: 2,
+                  width: 14,
+                  height: 14,
+                  background: item.titleTs ? "#f59e0b" : "rgba(0,0,0,0.75)",
+                  border: "1px solid rgba(255,255,255,0.25)",
+                  borderRadius: 3,
+                  cursor: "pointer",
+                  padding: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined", style: { fontSize: 9, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+              }
+            )
+          ] }, item.id)) }),
           currentResult?.status === "done" && /* @__PURE__ */ jsxs21("div", { className: "flex gap-2 mt-3", children: [
             /* @__PURE__ */ jsxs21("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__ */ jsx23("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
@@ -5307,10 +5448,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           hfToken && /* @__PURE__ */ jsx23("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__ */ jsx23("span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
         ] }),
         /* @__PURE__ */ jsxs21("div", { className: "flex-1 overflow-hidden relative", children: [
-          activeTab === "history" && /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: (g) => {
-            setCurrentResult(g);
-            setMobileTab("stage");
-          }, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
+          activeTab === "history" && /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
           activeTab === "gallery" && /* @__PURE__ */ jsx23(
             MediaLibrary,
             {
@@ -5321,10 +5459,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 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)),
-              onSelect: (g) => {
-                setCurrentResult(g);
-                setMobileTab("stage");
-              },
+              onSelect: handleGallerySelect,
               onGenerateReference: (item) => {
                 handleGenerateImage(item.prompt || activePrompt, item.mediaId, void 0, { silent: true });
                 setMobileTab("stage");
@@ -5364,7 +5499,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "biotech" }),
             "HF"
           ] }),
-          /* @__PURE__ */ jsx23("button", { onClick: () => setActiveTab("server"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "server" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
+          serverBaseUrl && /* @__PURE__ */ jsx23("button", { onClick: () => setActiveTab("server"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "server" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
           workspaceTags && /* @__PURE__ */ jsx23("button", { onClick: () => setActiveTab("tags"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "tags" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
         ] }),
         /* @__PURE__ */ jsxs21("div", { className: "flex-1 overflow-hidden relative", children: [
@@ -5447,10 +5582,11 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               galleryItems,
               allEvents: hfAllEvents,
               confirmedEventKeys: hfConfirmedKeys,
-              imageUploadStatus
+              imageUploadStatus,
+              missingImages: hfMissingImages
             }
           ) }),
-          activeTab === "server" && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 }) })
+          activeTab === "server" && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx23(ServerTab, { serverBaseUrl }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx23("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
@@ -5459,7 +5595,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         { id: "labs", icon: "science", label: "Labs" },
         ...workspaceTags ? [{ id: "tags", icon: "label", label: "Tags" }] : [],
         { id: "browse", icon: "photo_library", label: "Galerie" },
-        { id: "server", icon: "storage", label: "Server" }
+        ...serverBaseUrl ? [{ id: "server", icon: "storage", label: "Server" }] : []
       ].map((tab) => /* @__PURE__ */ jsxs21("button", { onClick: () => setMobileTab(tab.id), className: `flex-1 flex flex-col items-center justify-center gap-0.5 transition-colors ${mobileTab === tab.id ? "text-white" : "text-white/30"}`, children: [
         /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
         /* @__PURE__ */ jsx23("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
@@ -5510,7 +5646,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ] })
           }
         ) }),
-        /* @__PURE__ */ jsx23("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }) })
+        /* @__PURE__ */ jsx23("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }) })
       ] }),
       /* @__PURE__ */ jsxs21("div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
         /* @__PURE__ */ jsx23(
@@ -5535,7 +5671,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 /* @__PURE__ */ jsx23("p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: currentResult.error?.message }),
                 /* @__PURE__ */ jsx23("button", { onClick: () => handleGenerateImage(currentResult.prompt), style: { padding: "8px 16px", borderRadius: 8, border: "1px solid rgba(255,255,255,0.2)", fontSize: 11, color: "rgba(255,255,255,0.7)", background: "none", cursor: "pointer", fontFamily: "inherit" }, children: "Erneut versuchen" })
               ] }),
-              currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx23("img", { src: currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
+              currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ jsx23("img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
               !currentResult && /* @__PURE__ */ jsxs21("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
                 /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
                 /* @__PURE__ */ jsx23("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
@@ -5677,33 +5813,81 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         middlePanel === "labs" ? /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx23(LabsTab, { services: labServices, onResult: (item) => {
           const frame = item.frames[0];
           if (frame?.base64) setCurrentResult(frameToGeneration(frame, item));
-        } }) }) : /* @__PURE__ */ jsx23("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsxs21("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: [
-          isGenerating && currentResult?.status === "done" && /* @__PURE__ */ jsxs21("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx23("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
-          ] }),
-          currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ jsx23("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
-          ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs21("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
-            /* @__PURE__ */ jsx23("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx23("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-              /* @__PURE__ */ jsx23("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
+        } }) }) : /* @__PURE__ */ jsxs21("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
+          /* @__PURE__ */ jsx23("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ jsxs21("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: [
+            isGenerating && currentResult?.status === "done" && /* @__PURE__ */ jsxs21("div", { className: "absolute top-6 right-6 z-30 bg-black/60 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx23("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
             ] }),
-            /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
-          ] }) : /* @__PURE__ */ jsxs21("div", { className: "h-full w-full relative flex items-center justify-center", children: [
-            /* @__PURE__ */ jsx23("img", { src: currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
-            /* @__PURE__ */ jsxs21("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
-              /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
-              /* @__PURE__ */ jsx23(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
-              /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
+            currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4", children: [
+              /* @__PURE__ */ jsx23("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
+              /* @__PURE__ */ jsx23("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+            ] }) : currentResult.status === "error" ? /* @__PURE__ */ jsxs21("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
+              /* @__PURE__ */ jsx23("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx23("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
+                /* @__PURE__ */ jsx23("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
+              ] }),
+              /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
+            ] }) : /* @__PURE__ */ jsxs21("div", { className: "h-full w-full relative flex items-center justify-center", children: [
+              /* @__PURE__ */ jsx23("img", { src: currentResult.fullBase64 || currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
+              /* @__PURE__ */ jsxs21("div", { className: "absolute bottom-6 flex gap-2 opacity-0 group-hover:opacity-100 transition-all translate-y-4 group-hover:translate-y-0 z-20", children: [
+                /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
+                /* @__PURE__ */ jsx23(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
+                /* @__PURE__ */ jsx23(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
+              ] })
+            ] }) : /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+              /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
+              /* @__PURE__ */ jsx23("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
             ] })
-          ] }) : /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-            /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
-            /* @__PURE__ */ jsx23("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
-          ] })
-        ] }) })
+          ] }) }),
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ jsx23("div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ jsxs21("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx23(
+              "div",
+              {
+                onClick: () => handleGallerySelect(item),
+                style: {
+                  width: 52,
+                  height: 52,
+                  borderRadius: 10,
+                  overflow: "hidden",
+                  cursor: "pointer",
+                  border: item.id === currentResult.id ? "2px solid rgba(255,255,255,0.8)" : "2px solid rgba(255,255,255,0.12)",
+                  opacity: item.id === currentResult.id ? 1 : 0.5,
+                  transition: "opacity 0.15s, border-color 0.15s"
+                },
+                className: "hover:opacity-80",
+                children: /* @__PURE__ */ jsx23("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleTitleSet(item.id);
+                },
+                title: "Als Titel markieren",
+                style: {
+                  position: "absolute",
+                  bottom: 3,
+                  right: 3,
+                  width: 16,
+                  height: 16,
+                  background: item.titleTs ? "#f59e0b" : "rgba(0,0,0,0.75)",
+                  border: "1px solid rgba(255,255,255,0.25)",
+                  borderRadius: 4,
+                  cursor: "pointer",
+                  padding: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined", style: { fontSize: 10, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+              }
+            )
+          ] }, item.id)) })
+        ] })
       ] })
     ] }),
     !isRightCollapsed && /* @__PURE__ */ jsx23("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
@@ -5714,7 +5898,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             setActiveTab(tab);
             setIsRightCollapsed(false);
           }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
-          /* @__PURE__ */ jsx23("button", { onClick: () => {
+          serverBaseUrl && /* @__PURE__ */ jsx23("button", { onClick: () => {
             setActiveTab("server");
             setIsRightCollapsed(false);
           }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
@@ -5738,7 +5922,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           /* @__PURE__ */ jsx23("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
           /* @__PURE__ */ jsx23("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        activeTab === "history" && /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: setCurrentResult, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
+        activeTab === "history" && /* @__PURE__ */ jsx23(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
         activeTab === "gallery" && /* @__PURE__ */ jsx23(
           MediaLibrary,
           {
@@ -5749,7 +5933,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               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)),
-            onSelect: setCurrentResult,
+            onSelect: handleGallerySelect,
             onGenerateReference: (item) => handleGenerateImage(item.prompt || activePrompt, item.mediaId, void 0, { silent: true })
           }
         ),
@@ -5779,14 +5963,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
-        activeTab === "server" && /* @__PURE__ */ jsx23(ServerTab, { hfToken: hfToken || void 0 })
+        activeTab === "server" && /* @__PURE__ */ jsx23(ServerTab, { serverBaseUrl })
       ] })
     ] })
   ] });
 }
 
 // src/components/FaApp.tsx
-import { useState as useState19, useEffect as useEffect8 } from "react";
+import { useState as useState21, useEffect as useEffect8 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function FaApp({
   onGenerateImage,
@@ -5806,7 +5990,7 @@ function FaApp({
   onServerDelete,
   buildInfo
 }) {
-  const [hfNamespace, setHfNamespace] = useState19(void 0);
+  const [hfNamespace, setHfNamespace] = useState21(void 0);
   useEffect8(() => {
     if (!serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
@@ -5828,6 +6012,7 @@ function FaApp({
       initialHfToken: libToken ? libToken.startsWith("hf_") ? libToken : `hf_${libToken}` : void 0,
       hfNamespace,
       allowDevNamespace: !hfNamespace && allowDevNamespace,
+      serverBaseUrl,
       onFetchServerProjects,
       onServerSave,
       onServerLoad,
@@ -5838,7 +6023,7 @@ function FaApp({
 }
 
 // src/index.ts
-var LIB_VERSION = "2.0.30";
+var LIB_VERSION = "2.0.48";
 export {
   AvatarArchitectApp,
   CollapsibleCard,
@@ -5882,10 +6067,6 @@ export {
   cleanAiResponse,
   createFlowServices,
   exportProjectToZip,
-  faServerDelete,
-  faServerGet,
-  faServerPost,
-  faServerPut,
   findForks,
   findTips,
   formatTreeToMarkdown,