@rslsp1/fa-app-tools 2.0.57 → 2.0.62

package/dist/index.js

@@ -1033,10 +1033,8 @@ var CompactDropdown = ({
 };
 
 // src/components/HistoryPanel.tsx
-var import_react4 = require("react");
-var import_react5 = require("motion/react");
+var import_react4 = require("motion/react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var PAGE_SIZE = 20;
 var formatFriendlyTimestamp = (timestamp) => {
   const date = new Date(timestamp);
   const now = /* @__PURE__ */ new Date();
@@ -1048,8 +1046,7 @@ var formatFriendlyTimestamp = (timestamp) => {
   if (date.toDateString() === yesterday.toDateString()) return `Gestern, ${timeStr}`;
   return `${date.toLocaleDateString([], { day: "2-digit", month: "2-digit" })}, ${timeStr}`;
 };
-var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
-  const [visibleCount, setVisibleCount] = (0, import_react4.useState)(PAGE_SIZE);
+var HistoryPanel = ({ history, currentResultId, onSelect, onDelete, visibleCount, onLoadMore }) => {
   const visibleHistory = history.slice(0, visibleCount);
   if (history.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
@@ -1057,7 +1054,7 @@ var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[10px] font-bold uppercase tracking-widest", children: "Keine Historie" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react5.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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.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__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
@@ -1093,7 +1090,7 @@ var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
       },
       gen.id
     )),
-    visibleCount < history.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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: [
+    visibleCount < history.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", onClick: onLoadMore, 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"
     ] })
@@ -1101,11 +1098,11 @@ var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
 };
 
 // src/components/InspectPanel.tsx
-var import_react6 = require("react");
-var import_react7 = require("motion/react");
+var import_react5 = require("react");
+var import_react6 = require("motion/react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagToggle }) => {
-  const currentIndex = (0, import_react6.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
+  const currentIndex = (0, import_react5.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
   if (!currentResult) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "material-symbols-outlined text-[64px]", children: "info" }),
@@ -1113,7 +1110,7 @@ var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagTogg
     ] });
   }
   const fullDateStr = new Date(currentResult.timestamp).toLocaleString([], { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit" });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react7.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 flex flex-col overflow-hidden", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react6.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0 border-b border-white/5 bg-black/20 py-3 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex gap-2 overflow-x-auto no-scrollbar pb-1", children: history.map((gen) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => onSelect(gen), className: `w-10 h-10 rounded-lg overflow-hidden border shrink-0 transition-all ${currentResult.id === gen.id ? "border-white scale-105 shadow-lg" : "border-white/5 opacity-40 hover:opacity-100"}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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" }) }, gen.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-y-auto p-4 flex flex-col gap-6 dark-scrollbar pb-10", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionLabel, { children: "Vorschau" }),
@@ -1166,8 +1163,8 @@ var InspectPanel = ({ currentResult, history, onSelect, workspaceTags, onTagTogg
 };
 
 // src/components/SetupPanel.tsx
-var import_react8 = require("react");
-var import_react9 = require("motion/react");
+var import_react7 = require("react");
+var import_react8 = require("motion/react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var PRESET_URLS = [
   "https://jsonplaceholder.typicode.com/todos/1",
@@ -1175,12 +1172,12 @@ var PRESET_URLS = [
   "https://esm.sh/@rslsp1/fa-app-tools@latest"
 ];
 var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
-  const workspaceInputRef = (0, import_react8.useRef)(null);
-  const [urlInput, setUrlInput] = (0, import_react8.useState)("");
-  const [tokenInput, setTokenInput] = (0, import_react8.useState)("");
-  const [testStatus, setTestStatus] = (0, import_react8.useState)("idle");
-  const [result, setResult] = (0, import_react8.useState)(null);
-  const [fetchError, setFetchError] = (0, import_react8.useState)(null);
+  const workspaceInputRef = (0, import_react7.useRef)(null);
+  const [urlInput, setUrlInput] = (0, import_react7.useState)("");
+  const [tokenInput, setTokenInput] = (0, import_react7.useState)("");
+  const [testStatus, setTestStatus] = (0, import_react7.useState)("idle");
+  const [result, setResult] = (0, import_react7.useState)(null);
+  const [fetchError, setFetchError] = (0, import_react7.useState)(null);
   const runTest = async (url) => {
     if (!url.trim()) return;
     setTestStatus("loading");
@@ -1220,7 +1217,7 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
       setTestStatus("error");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react9.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-6 flex flex-col gap-10 overflow-y-auto", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react8.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-6 flex flex-col gap-10 overflow-y-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SectionLabel, { children: "Workspace Management" }),
@@ -1343,8 +1340,7 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
 };
 
 // src/components/MediaLibrary.tsx
-var import_react10 = require("react");
-var import_react11 = require("motion/react");
+var import_react9 = require("motion/react");
 
 // src/lib/grouping.ts
 function groupByPrompt(items) {
@@ -1369,9 +1365,7 @@ function groupByPrompt(items) {
 
 // src/components/MediaLibrary.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var PAGE_SIZE2 = 20;
-var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, onBatchDownload, onGenerateReference }) => {
-  const [visibleCount, setVisibleCount] = (0, import_react10.useState)(PAGE_SIZE2);
+var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, onBatchDownload, onGenerateReference, visibleCount, onLoadMore }) => {
   const selectedCount = items.filter((i) => i.selectedForExport).length;
   const groups = groupByPrompt(items);
   const visibleGroups = groups.slice(0, visibleCount);
@@ -1392,7 +1386,7 @@ var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, on
           "Laden"
         ] })
       ] }),
-      selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react11.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, className: "flex items-center justify-between bg-blue-500/10 border border-blue-500/20 p-2 rounded-xl", children: [
+      selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react9.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, className: "flex items-center justify-between bg-blue-500/10 border border-blue-500/20 p-2 rounded-xl", children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[9px] font-bold uppercase text-blue-400 ml-1", children: [
           selectedCount,
           " ausgew\xE4hlt"
@@ -1413,7 +1407,7 @@ var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, on
       visibleGroups.map((group) => {
         const rep = group.representative;
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          import_react11.motion.div,
+          import_react9.motion.div,
           {
             initial: { opacity: 0, scale: 0.9 },
             animate: { opacity: 1, scale: 1 },
@@ -1444,7 +1438,7 @@ var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, on
           rep.id
         );
       }),
-      visibleCount < groups.length && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "col-span-2 flex justify-center pt-2 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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: [
+      visibleCount < groups.length && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "col-span-2 flex justify-center pt-2 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", onClick: onLoadMore, 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"
       ] }) })
@@ -1453,10 +1447,10 @@ var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, on
 };
 
 // src/components/ListView.tsx
-var import_react12 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime9 = require("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 = (0, import_react12.useRef)(null);
+  const inputRef = (0, import_react10.useRef)(null);
   const hasChildren = children && children.length > 0;
   const handleKeyDown = (e) => {
     if (e.key === "Tab") {
@@ -1484,7 +1478,7 @@ var ListNode = ({ node, depth, onNodeChange, onAddChild, onDeleteNode, onMoveNod
       onMoveNode(node.id, "down");
     }
   };
-  (0, import_react12.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (isActive && inputRef.current) inputRef.current.focus();
   }, [isActive]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col w-full", children: [
@@ -1518,7 +1512,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] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const [collapsed, setCollapsed] = (0, import_react10.useState)(/* @__PURE__ */ new Set());
   const toggleCollapse = (id) => {
     setCollapsed((prev) => {
       const next = new Set(prev);
@@ -1546,13 +1540,13 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 
 // src/components/PromptTab.tsx
-var import_react14 = require("react");
+var import_react12 = require("react");
 
 // src/components/CollapsibleCard.tsx
-var import_react13 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var CollapsibleCard = ({
   title,
@@ -1563,7 +1557,7 @@ var CollapsibleCard = ({
   collapsible = true,
   className = ""
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react13.useState)(defaultOpen);
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(defaultOpen);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `border border-neutral-800 rounded-lg ${className}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "div",
@@ -1610,20 +1604,20 @@ var PromptTab = ({
   onTagUpdate,
   onTagDelete
 }) => {
-  const [selectedLabels, setSelectedLabels] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
-  const [instructions, setInstructions] = (0, import_react14.useState)("");
-  const [rules, setRules] = (0, import_react14.useState)("");
-  const [activeCategory, setActiveCategory] = (0, import_react14.useState)(null);
-  const [copied, setCopied] = (0, import_react14.useState)(false);
-  const imgInputRef = (0, import_react14.useRef)(null);
-  const [addingInCat, setAddingInCat] = (0, import_react14.useState)(null);
-  const [newLabel, setNewLabel] = (0, import_react14.useState)("");
-  const [newValue, setNewValue] = (0, import_react14.useState)("");
-  const [editingTag, setEditingTag] = (0, import_react14.useState)(null);
-  const [editLabel, setEditLabel] = (0, import_react14.useState)("");
-  const [editValue, setEditValue] = (0, import_react14.useState)("");
-  const longPressTimer = (0, import_react14.useRef)(null);
-  const longPressActivated = (0, import_react14.useRef)(false);
+  const [selectedLabels, setSelectedLabels] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const [instructions, setInstructions] = (0, import_react12.useState)("");
+  const [rules, setRules] = (0, import_react12.useState)("");
+  const [activeCategory, setActiveCategory] = (0, import_react12.useState)(null);
+  const [copied, setCopied] = (0, import_react12.useState)(false);
+  const imgInputRef = (0, import_react12.useRef)(null);
+  const [addingInCat, setAddingInCat] = (0, import_react12.useState)(null);
+  const [newLabel, setNewLabel] = (0, import_react12.useState)("");
+  const [newValue, setNewValue] = (0, import_react12.useState)("");
+  const [editingTag, setEditingTag] = (0, import_react12.useState)(null);
+  const [editLabel, setEditLabel] = (0, import_react12.useState)("");
+  const [editValue, setEditValue] = (0, import_react12.useState)("");
+  const longPressTimer = (0, import_react12.useRef)(null);
+  const longPressActivated = (0, import_react12.useRef)(false);
   const toggleTag = (label) => {
     setSelectedLabels((prev) => {
       const next = new Set(prev);
@@ -2070,7 +2064,7 @@ var PromptTab = ({
 };
 
 // src/components/ProjectSyncTab.tsx
-var import_react15 = require("react");
+var import_react13 = require("react");
 init_hfStateService();
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ProjectSyncTab = ({
@@ -2091,14 +2085,14 @@ var ProjectSyncTab = ({
   onProjectExportBase64,
   onHfInitialSync
 }) => {
-  const projectInputRef = (0, import_react15.useRef)(null);
-  const workspaceInputRef = (0, import_react15.useRef)(null);
-  const [saveName, setSaveName] = (0, import_react15.useState)("");
-  const [isSaving, setIsSaving] = (0, import_react15.useState)(false);
-  const [isExporting, setIsExporting] = (0, import_react15.useState)(false);
-  const [syncState, setSyncState] = (0, import_react15.useState)("idle");
-  const [syncDiff, setSyncDiff] = (0, import_react15.useState)(null);
-  const [selectedLocalIds, setSelectedLocalIds] = (0, import_react15.useState)(/* @__PURE__ */ new Set());
+  const projectInputRef = (0, import_react13.useRef)(null);
+  const workspaceInputRef = (0, import_react13.useRef)(null);
+  const [saveName, setSaveName] = (0, import_react13.useState)("");
+  const [isSaving, setIsSaving] = (0, import_react13.useState)(false);
+  const [isExporting, setIsExporting] = (0, import_react13.useState)(false);
+  const [syncState, setSyncState] = (0, import_react13.useState)("idle");
+  const [syncDiff, setSyncDiff] = (0, import_react13.useState)(null);
+  const [selectedLocalIds, setSelectedLocalIds] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
   const handleExport = async () => {
     if (!onProjectExport) return;
     setIsExporting(true);
@@ -2144,13 +2138,13 @@ var ProjectSyncTab = ({
     });
   };
   const isWorking = projectActionState === "working" || projectActionState === "working-full";
-  const [hfProjects, setHfProjects] = (0, import_react15.useState)([]);
-  const [hfLoading, setHfLoading] = (0, import_react15.useState)(false);
-  const [hfSaving, setHfSaving] = (0, import_react15.useState)(false);
-  const [hfError, setHfError] = (0, import_react15.useState)(null);
-  const [hfSaveName, setHfSaveName] = (0, import_react15.useState)("");
-  const [hfSyncProgress, setHfSyncProgress] = (0, import_react15.useState)(null);
-  const [hfSyncing, setHfSyncing] = (0, import_react15.useState)(false);
+  const [hfProjects, setHfProjects] = (0, import_react13.useState)([]);
+  const [hfLoading, setHfLoading] = (0, import_react13.useState)(false);
+  const [hfSaving, setHfSaving] = (0, import_react13.useState)(false);
+  const [hfError, setHfError] = (0, import_react13.useState)(null);
+  const [hfSaveName, setHfSaveName] = (0, import_react13.useState)("");
+  const [hfSyncProgress, setHfSyncProgress] = (0, import_react13.useState)(null);
+  const [hfSyncing, setHfSyncing] = (0, import_react13.useState)(false);
   const loadHfProjects = async (token) => {
     setHfLoading(true);
     setHfError(null);
@@ -2162,7 +2156,7 @@ var ProjectSyncTab = ({
       setHfLoading(false);
     }
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (hfToken) loadHfProjects(hfToken);
   }, [hfToken]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute inset-0 overflow-y-auto dark-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-6 flex flex-col gap-8", children: [
@@ -2576,7 +2570,7 @@ function toPromptImages(images) {
 init_hfStateService();
 
 // src/hooks/useHFState.ts
-var import_react16 = require("react");
+var import_react14 = require("react");
 init_hfStateService();
 
 // src/lib/hfReducer.ts
@@ -2709,19 +2703,19 @@ function writeOfflineBuffer(events) {
   }
 }
 function useHFState(token, namespace) {
-  const [state, setState] = (0, import_react16.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(null);
-  const [eventCount, setEventCount] = (0, import_react16.useState)(0);
-  const [localOnlyCount, setLocalOnlyCount] = (0, import_react16.useState)(0);
-  const [forks, setForks] = (0, import_react16.useState)([]);
-  const [pendingBufferCount, setPendingBufferCount] = (0, import_react16.useState)(readOfflineBuffer().length);
-  const [lastEventTs, setLastEventTs] = (0, import_react16.useState)(0);
-  const [hasStateZip, setHasStateZip] = (0, import_react16.useState)(false);
-  const knownEventPaths = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const knownFilePaths = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const allEventsRef = (0, import_react16.useRef)([]);
-  const applyNewEvents = (0, import_react16.useCallback)((snapshot, newEvents) => {
+  const [state, setState] = (0, import_react14.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const [eventCount, setEventCount] = (0, import_react14.useState)(0);
+  const [localOnlyCount, setLocalOnlyCount] = (0, import_react14.useState)(0);
+  const [forks, setForks] = (0, import_react14.useState)([]);
+  const [pendingBufferCount, setPendingBufferCount] = (0, import_react14.useState)(readOfflineBuffer().length);
+  const [lastEventTs, setLastEventTs] = (0, import_react14.useState)(0);
+  const [hasStateZip, setHasStateZip] = (0, import_react14.useState)(false);
+  const knownEventPaths = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
+  const knownFilePaths = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
+  const allEventsRef = (0, import_react14.useRef)([]);
+  const applyNewEvents = (0, import_react14.useCallback)((snapshot, newEvents) => {
     if (!newEvents.length && allEventsRef.current.length === 0) {
       setEventCount(0);
       return snapshot;
@@ -2735,7 +2729,7 @@ function useHFState(token, namespace) {
     if (afterConsolidation.length) setLastEventTs(Math.max(...afterConsolidation.map((e) => e.ts)));
     return applyEvents(snapshot, afterConsolidation);
   }, []);
-  const loadFull = (0, import_react16.useCallback)(async () => {
+  const loadFull = (0, import_react14.useCallback)(async () => {
     if (!token || !namespace) return;
     setIsLoading(true);
     setError(null);
@@ -2783,7 +2777,7 @@ function useHFState(token, namespace) {
       setIsLoading(false);
     }
   }, [token, namespace, applyNewEvents]);
-  const pollNew = (0, import_react16.useCallback)(async () => {
+  const pollNew = (0, import_react14.useCallback)(async () => {
     if (!token || !namespace || !state) return;
     try {
       const events = await loadPendingEvents(namespace, token, state.meta.consolidatedAt, knownFilePaths.current);
@@ -2797,15 +2791,15 @@ function useHFState(token, namespace) {
     } catch {
     }
   }, [token, namespace, state, applyNewEvents]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (token && namespace) loadFull();
   }, [token, namespace]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!token || !namespace) return;
     const id = setInterval(pollNew, POLL_INTERVAL_MS);
     return () => clearInterval(id);
   }, [token, namespace, pollNew]);
-  const writeEvent = (0, import_react16.useCallback)(async (type, payload) => {
+  const writeEvent = (0, import_react14.useCallback)(async (type, payload) => {
     const prevTs = lastEventTs ? [lastEventTs] : [state?.meta.consolidatedAt ?? 0];
     console.log("[HF] writeEvent called:", { type, namespace, tokenOk: !!token, prevTs });
     await pollNew();
@@ -2855,13 +2849,13 @@ function useHFState(token, namespace) {
 }
 
 // src/components/labs/LabsTab.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/components/labs/LabRemix.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 
 // src/components/labs/LabImagePicker.tsx
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var LabImagePicker = ({
   availableItems,
@@ -2870,8 +2864,8 @@ var LabImagePicker = ({
   onClose,
   title = "Bild w\xE4hlen"
 }) => {
-  const [search, setSearch] = (0, import_react17.useState)("");
-  const [drillItem, setDrillItem] = (0, import_react17.useState)(null);
+  const [search, setSearch] = (0, import_react15.useState)("");
+  const [drillItem, setDrillItem] = (0, import_react15.useState)(null);
   const filtered = availableItems.filter(
     (item) => !search || item.prompt.toLowerCase().includes(search.toLowerCase())
   );
@@ -2970,16 +2964,120 @@ var LabImagePicker = ({
   ] });
 };
 
-// src/components/labs/LabRemix.tsx
+// src/components/GenerationControls.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var ASPECT_OPTIONS = [
+  { label: "1:1", value: "1:1" },
+  { label: "16:9", value: "16:9" },
+  { label: "9:16", value: "9:16" }
+];
+var MODEL_OPTIONS = [
+  { value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" },
+  { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" },
+  { value: "Imagen 4", label: "Imagen 4" }
+];
+var COUNT_OPTIONS = [
+  { label: "1 Bild", value: "1" },
+  { label: "2 Bilder", value: "2" },
+  { label: "4 Bilder", value: "4" },
+  { label: "8 Bilder", value: "8" }
+];
+var GenerationControls = ({
+  aspectRatio,
+  onAspectRatioChange,
+  model,
+  onModelChange,
+  imageCount,
+  onImageCountChange,
+  runningCount = 0,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `flex items-center gap-2 flex-wrap ${className || ""}`, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CompactDropdown, { value: aspectRatio, onChange: onAspectRatioChange, options: ASPECT_OPTIONS }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CompactDropdown, { value: model, onChange: onModelChange, options: MODEL_OPTIONS }),
+  imageCount !== void 0 && onImageCountChange && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    CompactDropdown,
+    {
+      value: String(imageCount),
+      displayValue: `${imageCount}\xD7`,
+      onChange: onImageCountChange,
+      options: COUNT_OPTIONS
+    }
+  ),
+  runningCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      className: "flex items-center gap-1 rounded-full bg-sky-500/15 border border-sky-400/30 px-2 shrink-0",
+      style: { height: 24 },
+      title: `${runningCount} Generierung${runningCount === 1 ? "" : "en"} l\xE4uft`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-sky-300", style: { fontSize: 14, lineHeight: 1 }, children: "autorenew" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[11px] font-bold text-sky-300 tabular-nums", children: runningCount })
+      ]
+    }
+  )
+] });
+
+// src/hooks/useGenerationSettings.ts
+var import_react16 = require("react");
+function useGenerationSettings() {
+  const [aspectRatio, setAspectRatio] = (0, import_react16.useState)(() => {
+    try {
+      return localStorage.getItem("aa-lab-aspect") || "1:1";
+    } catch {
+      return "1:1";
+    }
+  });
+  const [model, setModel] = (0, import_react16.useState)(() => {
+    try {
+      return localStorage.getItem("aa-lab-model") || "\u{1F34C} Nano Banana Pro";
+    } catch {
+      return "\u{1F34C} Nano Banana Pro";
+    }
+  });
+  const [imageCount, setImageCount] = (0, import_react16.useState)(() => {
+    try {
+      const v = parseInt(localStorage.getItem("aa-image-count") || "", 10);
+      return v >= 1 && v <= 8 ? v : 4;
+    } catch {
+      return 4;
+    }
+  });
+  const updateAspectRatio = (v) => {
+    setAspectRatio(v);
+    try {
+      localStorage.setItem("aa-lab-aspect", v);
+    } catch {
+    }
+  };
+  const updateModel = (v) => {
+    setModel(v);
+    try {
+      localStorage.setItem("aa-lab-model", v);
+    } catch {
+    }
+  };
+  const updateImageCount = (v) => {
+    const n = Math.max(1, Math.min(8, parseInt(v, 10) || 4));
+    setImageCount(n);
+    try {
+      localStorage.setItem("aa-image-count", String(n));
+    } catch {
+    }
+  };
+  return { aspectRatio, model, imageCount, updateAspectRatio, updateModel, updateImageCount };
+}
+
+// src/components/labs/LabRemix.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var LabRemix = ({ services, onResult }) => {
-  const [showPicker, setShowPicker] = (0, import_react18.useState)(false);
-  const [selected, setSelected] = (0, import_react18.useState)(null);
-  const [instruction, setInstruction] = (0, import_react18.useState)("");
-  const [generatedPrompt, setGeneratedPrompt] = (0, import_react18.useState)("");
-  const [resultImage, setResultImage] = (0, import_react18.useState)(null);
-  const [isGeneratingPrompt, setIsGeneratingPrompt] = (0, import_react18.useState)(false);
-  const [isGeneratingImage, setIsGeneratingImage] = (0, import_react18.useState)(false);
+  const [showPicker, setShowPicker] = (0, import_react17.useState)(false);
+  const [selected, setSelected] = (0, import_react17.useState)(null);
+  const [instruction, setInstruction] = (0, import_react17.useState)("");
+  const [generatedPrompt, setGeneratedPrompt] = (0, import_react17.useState)("");
+  const [resultImages, setResultImages] = (0, import_react17.useState)([]);
+  const [isGeneratingPrompt, setIsGeneratingPrompt] = (0, import_react17.useState)(false);
+  const [runningCount, setRunningCount] = (0, import_react17.useState)(0);
+  const { aspectRatio, model, imageCount, updateAspectRatio, updateModel, updateImageCount } = useGenerationSettings();
   const handleSelectImage = (item, frame) => {
     services.onItemUsed(item);
     setSelected({
@@ -2992,7 +3090,7 @@ var LabRemix = ({ services, onResult }) => {
       roleForImage: ""
     });
     setGeneratedPrompt("");
-    setResultImage(null);
+    setResultImages([]);
   };
   const handleGeneratePrompt = async () => {
     if (!selected || !instruction.trim()) return;
@@ -3011,34 +3109,40 @@ var LabRemix = ({ services, onResult }) => {
       setIsGeneratingPrompt(false);
     }
   };
-  const handleGenerateImage = async () => {
+  const handleGenerateBatch = async () => {
     if (!generatedPrompt) return;
-    setIsGeneratingImage(true);
-    try {
-      const refIds = buildReferenceImageMediaIds(selected ? [selected] : []);
-      const { base64, mediaId } = await services.generateImage({
-        prompt: generatedPrompt,
-        aspectRatio: selected?.frame.aspectRatio || "1:1",
-        modelDisplayName: selected?.frame.model || "\u{1F34C} Nano Banana Pro",
-        ...refIds.length ? { referenceImageMediaIds: refIds } : {}
-      });
-      const newBase64 = `data:image/png;base64,${base64}`;
-      setResultImage(newBase64);
-      const frameId = crypto.randomUUID();
-      const newItem = {
-        id: frameId,
-        prompt: generatedPrompt,
-        tags: selected?.item.tags || [],
-        frames: [{ id: frameId, base64: newBase64, mediaId, source: "generated" }]
-      };
-      services.saveResult?.(newItem);
-      onResult?.(newItem);
-    } finally {
-      setIsGeneratingImage(false);
+    const count = Math.max(1, Math.min(8, imageCount));
+    const refIds = buildReferenceImageMediaIds(selected ? [selected] : []);
+    const options = {
+      prompt: generatedPrompt,
+      aspectRatio,
+      modelDisplayName: model,
+      ...refIds.length ? { referenceImageMediaIds: refIds } : {}
+    };
+    setRunningCount((c) => c + count);
+    const results = await Promise.allSettled(
+      Array.from({ length: count }, () => services.generateImage(options))
+    );
+    setRunningCount((c) => c - count);
+    for (const r of results) {
+      if (r.status === "fulfilled") {
+        const { base64, mediaId } = r.value;
+        const newBase64 = `data:image/png;base64,${base64}`;
+        setResultImages((prev) => [newBase64, ...prev]);
+        const frameId = crypto.randomUUID();
+        const newItem = {
+          id: frameId,
+          prompt: generatedPrompt,
+          tags: selected?.item.tags || [],
+          frames: [{ id: frameId, base64: newBase64, mediaId, source: "generated" }]
+        };
+        services.saveResult?.(newItem);
+        onResult?.(newItem);
+      }
     }
   };
   if (showPicker) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       LabImagePicker,
       {
         availableItems: services.availableItems,
@@ -3049,15 +3153,15 @@ var LabRemix = ({ services, onResult }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Basis-Bild" }),
-      selected ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: selected.frame.base64, className: "w-16 h-16 object-cover rounded-lg shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[10px] text-white/60 leading-tight line-clamp-2", children: selected.item.prompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex items-center gap-2 text-[10px] text-white/50", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Basis-Bild" }),
+      selected ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: selected.frame.base64, className: "w-16 h-16 object-cover rounded-lg shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[10px] text-white/60 leading-tight line-clamp-2", children: selected.item.prompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "flex items-center gap-2 text-[10px] text-white/50", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -3067,8 +3171,8 @@ var LabRemix = ({ services, onResult }) => {
             ),
             "Bild an KI (Prompt)"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex items-center gap-2 text-[10px] text-white/50", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "flex items-center gap-2 text-[10px] text-white/50", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -3078,7 +3182,7 @@ var LabRemix = ({ services, onResult }) => {
             ),
             "Bild als Referenz (Generierung)"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "input",
             {
               value: selected.roleForPrompt || "",
@@ -3088,22 +3192,22 @@ var LabRemix = ({ services, onResult }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: () => setShowPicker(true), className: "text-white/30 active:text-white self-start", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "swap_horiz" }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => setShowPicker(true), className: "text-white/30 active:text-white self-start", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "swap_horiz" }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           onClick: () => setShowPicker(true),
           className: "w-full py-6 rounded-xl border border-dashed border-white/20 text-[11px] text-white/30 active:bg-white/5 flex items-center justify-center gap-2",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }),
             "Bild w\xE4hlen"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Anweisung" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Anweisung" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "textarea",
         {
           value: instruction,
@@ -3114,25 +3218,24 @@ var LabRemix = ({ services, onResult }) => {
         }
       )
     ] }),
-    services.workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[9px] text-white/20 italic", children: "Tags: Workspace-Tags k\xF6nnen unter der Anweisung erg\xE4nzt werden (folgt in n\xE4chstem Update)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
       {
         onClick: handleGeneratePrompt,
         disabled: !selected || !instruction.trim() || isGeneratingPrompt,
         className: "w-full py-3 rounded-xl bg-white/10 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-white/15 flex items-center justify-center gap-2",
-        children: isGeneratingPrompt ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Generiere Prompt..." })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "auto_fix_high" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Prompt generieren" })
+        children: isGeneratingPrompt ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Generiere Prompt..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "auto_fix_high" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Prompt generieren" })
         ] })
       }
     ),
-    generatedPrompt && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Generierter Prompt" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    generatedPrompt && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Generierter Prompt" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "textarea",
         {
           value: generatedPrompt,
@@ -3141,37 +3244,46 @@ var LabRemix = ({ services, onResult }) => {
           rows: 4
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        GenerationControls,
+        {
+          aspectRatio,
+          onAspectRatioChange: updateAspectRatio,
+          model,
+          onModelChange: updateModel,
+          imageCount,
+          onImageCountChange: updateImageCount,
+          runningCount
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
-          onClick: handleGenerateImage,
-          disabled: isGeneratingImage,
-          className: "w-full mt-2 py-3 rounded-xl bg-blue-600/80 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-blue-600 flex items-center justify-center gap-2",
-          children: isGeneratingImage ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Generiere Bild..." })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Bild generieren" })
-          ] })
+          onClick: handleGenerateBatch,
+          className: "w-full py-3 rounded-xl bg-blue-600/80 text-white font-bold text-[12px] uppercase tracking-wide active:bg-blue-600 flex items-center justify-center gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Bilder generieren" })
+          ]
         }
       )
     ] }),
-    resultImage && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: resultImage, className: "w-full object-cover" }) })
+    resultImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `grid gap-2 ${resultImages.length > 1 ? "grid-cols-2" : "grid-cols-1"}`, children: resultImages.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src, className: "w-full object-cover" }) }, i)) })
   ] });
 };
 
 // src/components/labs/LabBlend.tsx
-var import_react19 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var LabBlend = ({ services, onResult }) => {
-  const [showPickerFor, setShowPickerFor] = (0, import_react19.useState)(null);
-  const [selectedImages, setSelectedImages] = (0, import_react19.useState)([]);
-  const [instruction, setInstruction] = (0, import_react19.useState)("");
-  const [generatedPrompt, setGeneratedPrompt] = (0, import_react19.useState)("");
-  const [resultImage, setResultImage] = (0, import_react19.useState)(null);
-  const [isGeneratingPrompt, setIsGeneratingPrompt] = (0, import_react19.useState)(false);
-  const [isGeneratingImage, setIsGeneratingImage] = (0, import_react19.useState)(false);
+  const [showPickerFor, setShowPickerFor] = (0, import_react18.useState)(null);
+  const [selectedImages, setSelectedImages] = (0, import_react18.useState)([]);
+  const [instruction, setInstruction] = (0, import_react18.useState)("");
+  const [generatedPrompt, setGeneratedPrompt] = (0, import_react18.useState)("");
+  const [resultImages, setResultImages] = (0, import_react18.useState)([]);
+  const [isGeneratingPrompt, setIsGeneratingPrompt] = (0, import_react18.useState)(false);
+  const [runningCount, setRunningCount] = (0, import_react18.useState)(0);
+  const { aspectRatio, model, imageCount, updateAspectRatio, updateModel, updateImageCount } = useGenerationSettings();
   const handleSelectImage = (index, item, frame) => {
     services.onItemUsed(item);
     const newImg = {
@@ -3190,7 +3302,7 @@ var LabBlend = ({ services, onResult }) => {
     });
     setShowPickerFor(null);
     setGeneratedPrompt("");
-    setResultImage(null);
+    setResultImages([]);
   };
   const addSlot = () => setSelectedImages((prev) => [...prev, null]);
   const removeSlot = (i) => setSelectedImages((prev) => prev.filter((_, idx) => idx !== i));
@@ -3208,35 +3320,41 @@ var LabBlend = ({ services, onResult }) => {
       setIsGeneratingPrompt(false);
     }
   };
-  const handleGenerateImage = async () => {
+  const handleGenerateBatch = async () => {
     if (!generatedPrompt) return;
-    setIsGeneratingImage(true);
-    try {
-      const filled = selectedImages.filter(Boolean);
-      const refIds = buildReferenceImageMediaIds(filled);
-      const { base64, mediaId } = await services.generateImage({
-        prompt: generatedPrompt,
-        aspectRatio: "1:1",
-        modelDisplayName: "\u{1F34C} Nano Banana Pro",
-        ...refIds.length ? { referenceImageMediaIds: refIds } : {}
-      });
-      const newBase64 = `data:image/png;base64,${base64}`;
-      setResultImage(newBase64);
-      const frameId = crypto.randomUUID();
-      const newItem = {
-        id: frameId,
-        prompt: generatedPrompt,
-        tags: [],
-        frames: [{ id: frameId, base64: newBase64, mediaId, source: "generated" }]
-      };
-      services.saveResult?.(newItem);
-      onResult?.(newItem);
-    } finally {
-      setIsGeneratingImage(false);
+    const count = Math.max(1, Math.min(8, imageCount));
+    const filled = selectedImages.filter(Boolean);
+    const refIds = buildReferenceImageMediaIds(filled);
+    const options = {
+      prompt: generatedPrompt,
+      aspectRatio,
+      modelDisplayName: model,
+      ...refIds.length ? { referenceImageMediaIds: refIds } : {}
+    };
+    setRunningCount((c) => c + count);
+    const results = await Promise.allSettled(
+      Array.from({ length: count }, () => services.generateImage(options))
+    );
+    setRunningCount((c) => c - count);
+    for (const r of results) {
+      if (r.status === "fulfilled") {
+        const { base64, mediaId } = r.value;
+        const newBase64 = `data:image/png;base64,${base64}`;
+        setResultImages((prev) => [newBase64, ...prev]);
+        const frameId = crypto.randomUUID();
+        const newItem = {
+          id: frameId,
+          prompt: generatedPrompt,
+          tags: [],
+          frames: [{ id: frameId, base64: newBase64, mediaId, source: "generated" }]
+        };
+        services.saveResult?.(newItem);
+        onResult?.(newItem);
+      }
     }
   };
   if (showPickerFor !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       LabImagePicker,
       {
         availableItems: services.availableItems,
@@ -3247,25 +3365,25 @@ var LabBlend = ({ services, onResult }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder" }),
-    selectedImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
-      img ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0", onClick: () => setShowPickerFor(i) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updateImg(i, { sendToPromptAI: e.target.checked }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder" }),
+    selectedImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
+      img ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0", onClick: () => setShowPickerFor(i) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updateImg(i, { sendToPromptAI: e.target.checked }) }),
               "KI-Prompt"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { type: "checkbox", checked: img.sendToImageGen, onChange: (e) => updateImg(i, { sendToImageGen: e.target.checked }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { type: "checkbox", checked: img.sendToImageGen, onChange: (e) => updateImg(i, { sendToImageGen: e.target.checked }) }),
               "Referenz"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "input",
             {
               value: img.roleForPrompt || "",
@@ -3274,7 +3392,7 @@ var LabBlend = ({ services, onResult }) => {
               className: "bg-black/30 border border-white/10 rounded px-2 py-0.5 text-[10px] text-white/60 outline-none"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "input",
             {
               value: img.roleForImage || "",
@@ -3284,23 +3402,23 @@ var LabBlend = ({ services, onResult }) => {
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => setShowPickerFor(i), className: "flex-1 py-3 border border-dashed border-white/20 rounded-lg text-[10px] text-white/30 active:bg-white/5", children: "Bild w\xE4hlen" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => removeSlot(i), className: "text-white/20 active:text-red-400 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "close" }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => setShowPickerFor(i), className: "flex-1 py-3 border border-dashed border-white/20 rounded-lg text-[10px] text-white/30 active:bg-white/5", children: "Bild w\xE4hlen" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => removeSlot(i), className: "text-white/20 active:text-red-400 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "close" }) })
     ] }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "button",
       {
         onClick: addSlot,
         className: "w-full py-2 border border-dashed border-white/10 rounded-xl text-[10px] text-white/30 active:bg-white/5 flex items-center justify-center gap-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
           "Bild hinzuf\xFCgen"
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Blend-Anweisung" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Blend-Anweisung" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "textarea",
         {
           value: instruction,
@@ -3311,24 +3429,24 @@ var LabBlend = ({ services, onResult }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "button",
       {
         onClick: handleGeneratePrompt,
         disabled: selectedImages.filter(Boolean).length < 2 || !instruction.trim() || isGeneratingPrompt,
         className: "w-full py-3 rounded-xl bg-white/10 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-white/15 flex items-center justify-center gap-2",
-        children: isGeneratingPrompt ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Blend l\xE4uft..." })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "merge" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Prompts blenden" })
+        children: isGeneratingPrompt ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Blend l\xE4uft..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "merge" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Prompts blenden" })
         ] })
       }
     ),
-    generatedPrompt && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Blend-Prompt" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    generatedPrompt && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Blend-Prompt" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "textarea",
         {
           value: generatedPrompt,
@@ -3337,38 +3455,46 @@ var LabBlend = ({ services, onResult }) => {
           rows: 4
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        GenerationControls,
+        {
+          aspectRatio,
+          onAspectRatioChange: updateAspectRatio,
+          model,
+          onModelChange: updateModel,
+          imageCount,
+          onImageCountChange: updateImageCount,
+          runningCount
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "button",
         {
-          onClick: handleGenerateImage,
-          disabled: isGeneratingImage,
-          className: "w-full mt-2 py-3 rounded-xl bg-blue-600/80 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-blue-600 flex items-center justify-center gap-2",
-          children: isGeneratingImage ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Generiere..." })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "Bild generieren" })
-          ] })
+          onClick: handleGenerateBatch,
+          className: "w-full py-3 rounded-xl bg-blue-600/80 text-white font-bold text-[12px] uppercase tracking-wide active:bg-blue-600 flex items-center justify-center gap-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Bilder generieren" })
+          ]
         }
       )
     ] }),
-    resultImage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: resultImage, className: "w-full object-cover" }) })
+    resultImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `grid gap-2 ${resultImages.length > 1 ? "grid-cols-2" : "grid-cols-1"}`, children: resultImages.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src, className: "w-full object-cover" }) }, i)) })
   ] });
 };
 
 // src/components/labs/LabCompare.tsx
-var import_react20 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var LabCompare = ({ services, onResult }) => {
-  const [showPickerFor, setShowPickerFor] = (0, import_react20.useState)(null);
-  const [selectedImages, setSelectedImages] = (0, import_react20.useState)([]);
-  const [instruction, setInstruction] = (0, import_react20.useState)("");
-  const [analysis, setAnalysis] = (0, import_react20.useState)("");
-  const [generatedPrompt, setGeneratedPrompt] = (0, import_react20.useState)("");
-  const [resultImage, setResultImage] = (0, import_react20.useState)(null);
-  const [isAnalyzing, setIsAnalyzing] = (0, import_react20.useState)(false);
-  const [isGeneratingImage, setIsGeneratingImage] = (0, import_react20.useState)(false);
+  const [showPickerFor, setShowPickerFor] = (0, import_react19.useState)(null);
+  const [selectedImages, setSelectedImages] = (0, import_react19.useState)([]);
+  const [instruction, setInstruction] = (0, import_react19.useState)("");
+  const [analysis, setAnalysis] = (0, import_react19.useState)("");
+  const [generatedPrompt, setGeneratedPrompt] = (0, import_react19.useState)("");
+  const [resultImage, setResultImage] = (0, import_react19.useState)(null);
+  const [isAnalyzing, setIsAnalyzing] = (0, import_react19.useState)(false);
+  const [isGeneratingImage, setIsGeneratingImage] = (0, import_react19.useState)(false);
   const handleSelectImage = (index, item, frame) => {
     services.onItemUsed(item);
     const newImg = {
@@ -3426,7 +3552,7 @@ var LabCompare = ({ services, onResult }) => {
     }
   };
   if (showPickerFor !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       LabImagePicker,
       {
         availableItems: services.availableItems,
@@ -3437,19 +3563,19 @@ var LabCompare = ({ services, onResult }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder zum Vergleichen" }),
-    selectedImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
-      img ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0 cursor-pointer", onClick: () => setShowPickerFor(i) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updateImg(i, { sendToPromptAI: e.target.checked }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder zum Vergleichen" }),
+    selectedImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
+      img ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0 cursor-pointer", onClick: () => setShowPickerFor(i) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "flex items-center gap-1 text-[10px] text-white/40", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updateImg(i, { sendToPromptAI: e.target.checked }) }),
             "Bild an KI mitgeben"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "input",
             {
               value: img.roleForPrompt || "",
@@ -3459,16 +3585,16 @@ var LabCompare = ({ services, onResult }) => {
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => setShowPickerFor(i), className: "flex-1 py-3 border border-dashed border-white/20 rounded-lg text-[10px] text-white/30 active:bg-white/5", children: "Bild w\xE4hlen" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => removeSlot(i), className: "text-white/20 active:text-red-400 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "close" }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => setShowPickerFor(i), className: "flex-1 py-3 border border-dashed border-white/20 rounded-lg text-[10px] text-white/30 active:bg-white/5", children: "Bild w\xE4hlen" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => removeSlot(i), className: "text-white/20 active:text-red-400 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "close" }) })
     ] }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { onClick: addSlot, className: "w-full py-2 border border-dashed border-white/10 rounded-xl text-[10px] text-white/30 active:bg-white/5 flex items-center justify-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { onClick: addSlot, className: "w-full py-2 border border-dashed border-white/10 rounded-xl text-[10px] text-white/30 active:bg-white/5 flex items-center justify-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
       "Bild hinzuf\xFCgen"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Analyse-Anweisung" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Analyse-Anweisung" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "textarea",
         {
           value: instruction,
@@ -3479,27 +3605,27 @@ var LabCompare = ({ services, onResult }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "button",
       {
         onClick: handleAnalyze,
         disabled: selectedImages.filter(Boolean).length < 1 || !instruction.trim() || isAnalyzing,
         className: "w-full py-3 rounded-xl bg-white/10 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-white/15 flex items-center justify-center gap-2",
-        children: isAnalyzing ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Analysiere..." })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "compare" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Analysieren" })
+        children: isAnalyzing ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Analysiere..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "compare" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Analysieren" })
         ] })
       }
     ),
-    analysis && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Analyse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "bg-white/5 border border-white/10 rounded-xl px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[12px] text-white/70 leading-relaxed whitespace-pre-wrap", children: analysis }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "mt-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Als Prompt nutzen" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    analysis && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Analyse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-white/5 border border-white/10 rounded-xl px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[12px] text-white/70 leading-relaxed whitespace-pre-wrap", children: analysis }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mt-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40 mb-2", children: "Als Prompt nutzen" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "textarea",
           {
             value: generatedPrompt,
@@ -3509,36 +3635,37 @@ var LabCompare = ({ services, onResult }) => {
             rows: 3
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "button",
           {
             onClick: handleGenerateImage,
             disabled: !generatedPrompt.trim() || isGeneratingImage,
             className: "w-full mt-2 py-3 rounded-xl bg-blue-600/80 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-blue-600 flex items-center justify-center gap-2",
-            children: isGeneratingImage ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Generiere..." })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Bild generieren" })
+            children: isGeneratingImage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Generiere..." })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Bild generieren" })
             ] })
           }
         )
       ] })
     ] }),
-    resultImage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: resultImage, className: "w-full object-cover" }) })
+    resultImage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "rounded-xl overflow-hidden border border-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: resultImage, className: "w-full object-cover" }) })
   ] });
 };
 
 // src/components/labs/LabLoop.tsx
-var import_react21 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var LabLoop = ({ services, onResult }) => {
-  const [rounds, setRounds] = (0, import_react21.useState)([]);
-  const [currentInstruction, setCurrentInstruction] = (0, import_react21.useState)("");
-  const [showPickerForRound, setShowPickerForRound] = (0, import_react21.useState)(null);
-  const [pendingImages, setPendingImages] = (0, import_react21.useState)([]);
-  const [isGenerating, setIsGenerating] = (0, import_react21.useState)(false);
+  const [rounds, setRounds] = (0, import_react20.useState)([]);
+  const [currentInstruction, setCurrentInstruction] = (0, import_react20.useState)("");
+  const [showPickerForRound, setShowPickerForRound] = (0, import_react20.useState)(null);
+  const [pendingImages, setPendingImages] = (0, import_react20.useState)([]);
+  const [isGenerating, setIsGenerating] = (0, import_react20.useState)(false);
+  const { aspectRatio, model, updateAspectRatio, updateModel } = useGenerationSettings();
   const currentPrompt = rounds.length > 0 ? rounds[rounds.length - 1].prompt : "";
   const handleAddImage = (item, frame) => {
     services.onItemUsed(item);
@@ -3572,8 +3699,8 @@ var LabLoop = ({ services, onResult }) => {
       });
       const { base64, mediaId } = await services.generateImage({
         prompt: newPrompt,
-        aspectRatio: "1:1",
-        modelDisplayName: "\u{1F34C} Nano Banana Pro"
+        aspectRatio,
+        modelDisplayName: model
       });
       const newBase64 = `data:image/png;base64,${base64}`;
       const newFrame = { id: crypto.randomUUID(), base64: newBase64, mediaId, source: "generated" };
@@ -3599,7 +3726,7 @@ var LabLoop = ({ services, onResult }) => {
     }
   };
   if (showPickerForRound !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       LabImagePicker,
       {
         availableItems: services.availableItems,
@@ -3610,32 +3737,32 @@ var LabLoop = ({ services, onResult }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
-    rounds.map((round, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col items-center gap-1 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[9px] font-bold text-white/30", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-3 p-4 overflow-y-auto dark-scrollbar", children: [
+    rounds.map((round, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center gap-1 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-[9px] font-bold text-white/30", children: [
           "R",
           i + 1
         ] }),
-        round.frame && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: round.frame.base64, className: "w-12 h-12 object-cover rounded-lg" })
+        round.frame && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: round.frame.base64, className: "w-12 h-12 object-cover rounded-lg" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-[9px] text-white/30 italic mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-[9px] text-white/30 italic mb-1", children: [
           '"',
           round.instruction,
           '"'
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[10px] text-white/60 leading-tight line-clamp-3", children: round.prompt })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[10px] text-white/60 leading-tight line-clamp-3", children: round.prompt })
       ] })
     ] }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rounded-xl border border-white/20 bg-white/5 p-3 flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: rounds.length === 0 ? "Runde 1 \u2014 Erster Prompt" : `Runde ${rounds.length + 1}` }),
-      currentPrompt && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-[10px] text-white/40 italic line-clamp-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rounded-xl border border-white/20 bg-white/5 p-3 flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: rounds.length === 0 ? "Runde 1 \u2014 Erster Prompt" : `Runde ${rounds.length + 1}` }),
+      currentPrompt && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "text-[10px] text-white/40 italic line-clamp-2", children: [
         'Letzter Prompt: "',
         currentPrompt,
         '"'
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "textarea",
         {
           value: currentInstruction,
@@ -3645,10 +3772,10 @@ var LabLoop = ({ services, onResult }) => {
           rows: 3
         }
       ),
-      pendingImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2 items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: img.frame.base64, className: "w-8 h-8 object-cover rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[10px] text-white/40", children: img.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      pendingImages.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: img.frame.base64, className: "w-8 h-8 object-cover rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-white/40", children: img.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "input",
           {
             value: img.roleForPrompt || "",
@@ -3657,36 +3784,43 @@ var LabLoop = ({ services, onResult }) => {
             className: "flex-1 bg-black/30 border border-white/10 rounded px-2 py-0.5 text-[10px] text-white/60 outline-none"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "flex items-center gap-1 text-[9px] text-white/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updatePendingImage(i, { sendToPromptAI: e.target.checked }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "flex items-center gap-1 text-[9px] text-white/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "checkbox", checked: img.sendToPromptAI, onChange: (e) => updatePendingImage(i, { sendToPromptAI: e.target.checked }) }),
           "KI"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => setPendingImages((prev) => prev.filter((_, idx) => idx !== i)), className: "text-white/20 active:text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => setPendingImages((prev) => prev.filter((_, idx) => idx !== i)), className: "text-white/20 active:text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
       ] }, i)),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "button",
         {
           onClick: () => setShowPickerForRound(rounds.length),
           className: "text-[10px] text-white/30 active:text-white/60 flex items-center gap-1 self-start",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
             "Referenzbild hinzuf\xFCgen"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        GenerationControls,
+        {
+          aspectRatio,
+          onAspectRatioChange: updateAspectRatio,
+          model,
+          onModelChange: updateModel,
+          runningCount: isGenerating ? 1 : 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         "button",
         {
           onClick: handleRunRound,
-          disabled: !currentInstruction.trim() || isGenerating,
+          disabled: !currentInstruction.trim(),
           className: "w-full py-3 rounded-xl bg-white/10 text-white font-bold text-[12px] uppercase tracking-wide disabled:opacity-30 active:bg-white/15 flex items-center justify-center gap-2",
-          children: isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Runde l\xE4uft..." })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "loop" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Runde starten" })
-          ] })
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "loop" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Runde starten" })
+          ]
         }
       )
     ] })
@@ -3694,8 +3828,8 @@ var LabLoop = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabFrameExtractor.tsx
-var import_react22 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var formatTime = (s) => {
   const m = Math.floor(s / 60);
   const sec = (s % 60).toFixed(1);
@@ -3708,15 +3842,15 @@ var LabFrameExtractor = ({
   onResult,
   resolveVideoUrl
 }) => {
-  const videoRef = (0, import_react22.useRef)(null);
-  const canvasRef = (0, import_react22.useRef)(null);
-  const cancelledRef = (0, import_react22.useRef)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react22.useState)(null);
-  const [videoSrc, setVideoSrc] = (0, import_react22.useState)(null);
-  const [videoReady, setVideoReady] = (0, import_react22.useState)(false);
-  const [frames, setFrames] = (0, import_react22.useState)([]);
-  const [isExtracting, setIsExtracting] = (0, import_react22.useState)(false);
-  const [intervalSec, setIntervalSec] = (0, import_react22.useState)("1");
+  const videoRef = (0, import_react21.useRef)(null);
+  const canvasRef = (0, import_react21.useRef)(null);
+  const cancelledRef = (0, import_react21.useRef)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react21.useState)(null);
+  const [videoSrc, setVideoSrc] = (0, import_react21.useState)(null);
+  const [videoReady, setVideoReady] = (0, import_react21.useState)(false);
+  const [frames, setFrames] = (0, import_react21.useState)([]);
+  const [isExtracting, setIsExtracting] = (0, import_react21.useState)(false);
+  const [intervalSec, setIntervalSec] = (0, import_react21.useState)("1");
   const handleVideoSelect = (item) => {
     const mediaId = item.frames[0]?.mediaId;
     if (!mediaId) return;
@@ -3726,7 +3860,7 @@ var LabFrameExtractor = ({
     setVideoReady(false);
     cancelledRef.current = false;
   };
-  const captureAt = (0, import_react22.useCallback)(
+  const captureAt = (0, import_react21.useCallback)(
     (t, label) => new Promise((resolve) => {
       const video = videoRef.current;
       const canvas = canvasRef.current;
@@ -3796,10 +3930,10 @@ var LabFrameExtractor = ({
       frames: [labFrame]
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 12, padding: 12, height: "100%", overflow: "auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
-      videoItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: 11, color: "#666", fontStyle: "italic" }, children: "No video items available" }),
-      videoItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 12, padding: 12, height: "100%", overflow: "auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
+      videoItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { fontSize: 11, color: "#666", fontStyle: "italic" }, children: "No video items available" }),
+      videoItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           onClick: () => handleVideoSelect(item),
@@ -3817,7 +3951,7 @@ var LabFrameExtractor = ({
         item.id
       ))
     ] }),
-    videoSrc && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    videoSrc && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "video",
       {
         ref: videoRef,
@@ -3828,9 +3962,9 @@ var LabFrameExtractor = ({
         style: { width: "100%", maxHeight: 280, background: "#000", borderRadius: 6, display: "block" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("canvas", { ref: canvasRef, style: { display: "none" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, alignItems: "center" }, children: [
-      ["start", "current", "end"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("canvas", { ref: canvasRef, style: { display: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, alignItems: "center" }, children: [
+      ["start", "current", "end"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           disabled: !videoReady,
@@ -3849,21 +3983,21 @@ var LabFrameExtractor = ({
         },
         mode
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: 11, color: "#aaa" }, children: "every" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { fontSize: 11, color: "#aaa" }, children: "every" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "select",
         {
           value: intervalSec,
           onChange: (e) => setIntervalSec(e.target.value),
           disabled: !videoReady || isExtracting,
           style: { fontSize: 11, background: "#111", border: "1px solid #333", color: "#fff", borderRadius: 4, padding: "2px 4px" },
-          children: INTERVAL_OPTIONS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("option", { value: v, children: [
+          children: INTERVAL_OPTIONS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("option", { value: v, children: [
             v,
             "s"
           ] }, v))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           disabled: !videoReady,
@@ -3884,8 +4018,8 @@ var LabFrameExtractor = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", gap: 8, overflowX: "auto", paddingBottom: 4 }, children: [
-      frames.map((frame) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: 8, overflowX: "auto", paddingBottom: 4 }, children: [
+      frames.map((frame) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           style: {
@@ -3897,10 +4031,10 @@ var LabFrameExtractor = ({
             background: "rgba(255,255,255,0.03)"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: frame.dataUrl, style: { width: "100%", aspectRatio: "16/9", objectFit: "cover", display: "block" }, alt: frame.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: 9, color: "#888", textAlign: "center", padding: "2px 4px", fontFamily: "monospace" }, children: frame.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", gap: 2, padding: "0 4px 4px", justifyContent: "center" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: frame.dataUrl, style: { width: "100%", aspectRatio: "16/9", objectFit: "cover", display: "block" }, alt: frame.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { style: { fontSize: 9, color: "#888", textAlign: "center", padding: "2px 4px", fontFamily: "monospace" }, children: frame.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", gap: 2, padding: "0 4px 4px", justifyContent: "center" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   onClick: () => useFrame(frame),
@@ -3917,7 +4051,7 @@ var LabFrameExtractor = ({
                   children: "Use"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "button",
                 {
                   onClick: () => setFrames((prev) => prev.filter((f) => f.id !== frame.id)),
@@ -3938,13 +4072,13 @@ var LabFrameExtractor = ({
         },
         frame.id
       )),
-      frames.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { style: { fontSize: 11, color: "#444", fontStyle: "italic", padding: "16px 0" }, children: isExtracting ? "Extracting frames\u2026" : "No frames yet" })
+      frames.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { fontSize: 11, color: "#444", fontStyle: "italic", padding: "16px 0" }, children: isExtracting ? "Extracting frames\u2026" : "No frames yet" })
     ] })
   ] });
 };
 
 // src/components/labs/LabsTab.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var BASE_TABS = [
   { key: "remix", label: "Remix", icon: "auto_fix_high" },
   { key: "blend", label: "Blend", icon: "merge" },
@@ -3953,28 +4087,28 @@ var BASE_TABS = [
 ];
 var FRAMES_TAB = { key: "frames", label: "Frames", icon: "crop_original" };
 var LabsTab = ({ services, onResult, videoItems, resolveVideoUrl }) => {
-  const [activeTab, setActiveTab] = (0, import_react23.useState)("remix");
+  const [activeTab, setActiveTab] = (0, import_react22.useState)("remix");
   const showFrames = !!(videoItems && resolveVideoUrl);
   const tabs = showFrames ? [...BASE_TABS, FRAMES_TAB] : BASE_TABS;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex border-b border-white/5 shrink-0", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex border-b border-white/5 shrink-0", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "button",
       {
         onClick: () => setActiveTab(tab.key),
         className: `flex-1 flex items-center justify-center gap-1 h-10 text-[9px] font-bold uppercase tracking-wide transition-colors ${activeTab === tab.key ? "text-white border-b-2 border-white" : "text-white/30 hover:text-white/60"}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: tab.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: tab.icon }),
           tab.label
         ]
       },
       tab.key
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 overflow-hidden", children: [
-      activeTab === "remix" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabRemix, { services, onResult }),
-      activeTab === "blend" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabBlend, { services, onResult }),
-      activeTab === "compare" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabCompare, { services, onResult }),
-      activeTab === "loop" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabLoop, { services, onResult }),
-      activeTab === "frames" && showFrames && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 overflow-hidden", children: [
+      activeTab === "remix" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabRemix, { services, onResult }),
+      activeTab === "blend" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabBlend, { services, onResult }),
+      activeTab === "compare" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabCompare, { services, onResult }),
+      activeTab === "loop" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabLoop, { services, onResult }),
+      activeTab === "frames" && showFrames && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         LabFrameExtractor,
         {
           videoItems,
@@ -3987,19 +4121,19 @@ var LabsTab = ({ services, onResult, videoItems, resolveVideoUrl }) => {
 };
 
 // src/components/TagManagerPanel.tsx
-var import_react24 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime21 = require("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] = (0, import_react24.useState)(categories[0] || "");
+  const [selectedCategory, setSelectedCategory] = (0, import_react23.useState)(categories[0] || "");
   const effectiveCategory = categories.includes(selectedCategory) ? selectedCategory : categories[0] || "";
-  const [editingLabel, setEditingLabel] = (0, import_react24.useState)(null);
-  const [editState, setEditState] = (0, import_react24.useState)({ label: "", value: "" });
-  const [newTag, setNewTag] = (0, import_react24.useState)({ label: "", value: "" });
-  const [movingLabel, setMovingLabel] = (0, import_react24.useState)(null);
-  const [moveTarget, setMoveTarget] = (0, import_react24.useState)("");
+  const [editingLabel, setEditingLabel] = (0, import_react23.useState)(null);
+  const [editState, setEditState] = (0, import_react23.useState)({ label: "", value: "" });
+  const [newTag, setNewTag] = (0, import_react23.useState)({ label: "", value: "" });
+  const [movingLabel, setMovingLabel] = (0, import_react23.useState)(null);
+  const [moveTarget, setMoveTarget] = (0, import_react23.useState)("");
   const tags = (workspaceTags.by_category[effectiveCategory] || []).filter((t) => !t.is_deleted);
   const otherCategories = categories.filter((c) => c !== effectiveCategory);
   const startEdit = (tag) => {
@@ -4042,10 +4176,10 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
     if (!confirm(`Tag "${tag.label}" l\xF6schen?`)) return;
     onTagDelete(tag.label, effectiveCategory);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "px-3 py-2 border-b border-white/5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-widest text-white/40", children: "Tag Manager" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "px-3 py-2 shrink-0 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-1.5 flex-nowrap", children: [
-      categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-3 py-2 border-b border-white/5 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-widest text-white/40", children: "Tag Manager" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-3 py-2 shrink-0 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-1.5 flex-nowrap", children: [
+      categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "button",
         {
           onClick: () => {
@@ -4057,17 +4191,17 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
           children: [
             cat,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ml-1 opacity-50", children: (workspaceTags.by_category[cat] || []).filter((t) => !t.is_deleted).length })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ml-1 opacity-50", children: (workspaceTags.by_category[cat] || []).filter((t) => !t.is_deleted).length })
           ]
         },
         cat
       )),
-      categories.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[10px] text-white/20", children: "Erst Workspace importieren" })
+      categories.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[10px] text-white/20", children: "Erst Workspace importieren" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 overflow-y-auto dark-scrollbar px-3 pb-2 space-y-1", children: [
-      tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
-        editingLabel === tag.label ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "bg-white/5 border border-blue-600/40 rounded-lg p-2.5 space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex-1 overflow-y-auto dark-scrollbar px-3 pb-2 space-y-1", children: [
+      tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+        editingLabel === tag.label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white/5 border border-blue-600/40 rounded-lg p-2.5 space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "input",
             {
               value: editState.label,
@@ -4078,7 +4212,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
               onKeyDown: (e) => e.key === "Enter" && saveEdit(tag.label)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "textarea",
             {
               value: editState.value,
@@ -4088,24 +4222,24 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
               placeholder: "Prompt-Wert (leer = Label)"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-1.5 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => saveEdit(tag.label), className: "px-2.5 py-1 bg-blue-700 hover:bg-blue-600 text-white text-[10px] font-bold rounded transition", children: "SPEICHERN" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => setEditingLabel(null), className: "px-2.5 py-1 bg-white/5 hover:bg-white/10 text-white/50 text-[10px] font-bold rounded transition", children: "ABBRUCH" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-1.5 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => saveEdit(tag.label), className: "px-2.5 py-1 bg-blue-700 hover:bg-blue-600 text-white text-[10px] font-bold rounded transition", children: "SPEICHERN" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setEditingLabel(null), className: "px-2.5 py-1 bg-white/5 hover:bg-white/10 text-white/50 text-[10px] font-bold rounded transition", children: "ABBRUCH" })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "group flex items-center gap-1.5 bg-white/3 hover:bg-white/6 border border-white/5 rounded-lg px-2 py-1.5 transition", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-0 shrink-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => handleMoveUp(i), disabled: i === 0, className: "text-white/20 hover:text-white/60 disabled:opacity-10 transition leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "arrow_drop_up" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => handleMoveDown(i), disabled: i === tags.length - 1, className: "text-white/20 hover:text-white/60 disabled:opacity-10 transition leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "arrow_drop_down" }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "group flex items-center gap-1.5 bg-white/3 hover:bg-white/6 border border-white/5 rounded-lg px-2 py-1.5 transition", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-0 shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleMoveUp(i), disabled: i === 0, className: "text-white/20 hover:text-white/60 disabled:opacity-10 transition leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "arrow_drop_up" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleMoveDown(i), disabled: i === tags.length - 1, className: "text-white/20 hover:text-white/60 disabled:opacity-10 transition leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "arrow_drop_down" }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-[12px] text-white/80 font-medium truncate", children: tag.label }),
-            tag.value && tag.value !== tag.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "text-[10px] text-white/30 truncate", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-[12px] text-white/80 font-medium truncate", children: tag.label }),
+            tag.value && tag.value !== tag.label && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-[10px] text-white/30 truncate", children: [
               tag.value.slice(0, 60),
               tag.value.length > 60 ? "\u2026" : ""
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition shrink-0", children: [
-            otherCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition shrink-0", children: [
+            otherCategories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "button",
               {
                 onClick: () => {
@@ -4115,29 +4249,29 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
                 },
                 className: "p-1 rounded text-white/30 hover:text-purple-400 transition",
                 title: "Kategorie wechseln",
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "drive_file_move" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "drive_file_move" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => startEdit(tag), className: "p-1 rounded text-white/30 hover:text-blue-400 transition", title: "Bearbeiten", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "edit" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => handleDelete(tag), className: "p-1 rounded text-white/30 hover:text-red-400 transition", title: "L\xF6schen", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "delete" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => startEdit(tag), className: "p-1 rounded text-white/30 hover:text-blue-400 transition", title: "Bearbeiten", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "edit" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleDelete(tag), className: "p-1 rounded text-white/30 hover:text-red-400 transition", title: "L\xF6schen", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[16px]", children: "delete" }) })
           ] })
         ] }),
-        movingLabel === tag.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-1 bg-purple-900/20 border border-purple-700/30 rounded-lg p-2.5 space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-[9px] font-bold uppercase tracking-widest text-purple-400/70", children: "Verschieben nach Kategorie" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        movingLabel === tag.label && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-1 bg-purple-900/20 border border-purple-700/30 rounded-lg p-2.5 space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-[9px] font-bold uppercase tracking-widest text-purple-400/70", children: "Verschieben nach Kategorie" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "select",
             {
               value: moveTarget,
               onChange: (e) => setMoveTarget(e.target.value),
               className: "w-full bg-black/40 border border-white/10 rounded px-2 py-1 text-[11px] text-white/70 outline-none",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "\u2014 Kategorie w\xE4hlen \u2014" }),
-                otherCategories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: cat, children: cat }, cat))
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "", children: "\u2014 Kategorie w\xE4hlen \u2014" }),
+                otherCategories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: cat, children: cat }, cat))
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-1.5 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex gap-1.5 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "button",
               {
                 onClick: () => handleMove(tag),
@@ -4146,19 +4280,19 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
                 children: "VERSCHIEBEN"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => setMovingLabel(null), className: "px-2.5 py-1 bg-white/5 hover:bg-white/10 text-white/50 text-[10px] font-bold rounded transition", children: "ABBRUCH" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setMovingLabel(null), className: "px-2.5 py-1 bg-white/5 hover:bg-white/10 text-white/50 text-[10px] font-bold rounded transition", children: "ABBRUCH" })
           ] })
         ] })
       ] }, `${effectiveCategory}-${i}`)),
-      tags.length === 0 && effectiveCategory && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-center text-[11px] text-white/20 py-6", children: "Keine Tags in dieser Kategorie." })
+      tags.length === 0 && effectiveCategory && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-center text-[11px] text-white/20 py-6", children: "Keine Tags in dieser Kategorie." })
     ] }),
-    effectiveCategory && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-3 py-2 border-t border-white/5 shrink-0 space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "text-[9px] font-bold uppercase tracking-widest text-white/30", children: [
+    effectiveCategory && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "px-3 py-2 border-t border-white/5 shrink-0 space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-[9px] font-bold uppercase tracking-widest text-white/30", children: [
         "Neuer Tag in \u201E",
         effectiveCategory,
         '"'
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         {
           value: newTag.label,
@@ -4168,7 +4302,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
           className: "w-full bg-black/40 border border-white/10 rounded px-2 py-1.5 text-[12px] text-white outline-none focus:border-white/20"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "textarea",
         {
           value: newTag.value,
@@ -4178,14 +4312,14 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
           className: "w-full bg-black/40 border border-white/10 rounded px-2 py-1 text-[11px] text-white/60 outline-none focus:border-white/20 resize-none"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "button",
         {
           onClick: handleCreate,
           disabled: !newTag.label.trim(),
           className: "w-full py-1.5 bg-white/5 border border-white/10 text-white/60 text-[10px] font-bold rounded hover:bg-white/10 hover:text-white transition disabled:opacity-30 flex items-center justify-center gap-1.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add" }),
             "TAG ERSTELLEN"
           ]
         }
@@ -4195,8 +4329,8 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
 }
 
 // src/components/HFTestTab.tsx
-var import_react25 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react24 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var HF_BASE2 = "https://huggingface.co";
 var HF_REPO2 = "RolandSch/fa-app-state";
 var TEST_DIR = "test";
@@ -4388,8 +4522,8 @@ function tryFmt(s) {
   }
 }
 function CopyBtn({ text }) {
-  const [done, setDone] = (0, import_react25.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  const [done, setDone] = (0, import_react24.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "button",
     {
       onClick: () => {
@@ -4400,7 +4534,7 @@ function CopyBtn({ text }) {
       },
       style: { background: "none", border: "1px solid rgba(255,255,255,0.15)", borderRadius: 5, color: done ? "#4ade80" : "rgba(255,255,255,0.45)", fontSize: 10, padding: "3px 8px", cursor: "pointer", fontFamily: "inherit", display: "flex", alignItems: "center", gap: 3 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: done ? "check" : "content_copy" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: done ? "check" : "content_copy" }),
         done ? "Kopiert" : "Copy"
       ]
     }
@@ -4408,35 +4542,35 @@ function CopyBtn({ text }) {
 }
 function StepView({ step }) {
   const isSpecial = step.method === "-" || step.method === "import()" || step.method === "import()+call";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 6, background: "rgba(0,0,0,0.3)", borderRadius: 7, padding: "7px 9px", border: `1px solid ${step.ok === false ? "rgba(248,113,113,0.2)" : "rgba(255,255,255,0.05)"}` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 4 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: step.ok === false ? "#f87171" : "#4ade80" }, children: step.ok === false ? "\u2717" : "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: 11, fontWeight: 600, color: "rgba(255,255,255,0.7)", flex: 1 }, children: step.label }),
-      step.durationMs !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 6, background: "rgba(0,0,0,0.3)", borderRadius: 7, padding: "7px 9px", border: `1px solid ${step.ok === false ? "rgba(248,113,113,0.2)" : "rgba(255,255,255,0.05)"}` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: step.ok === false ? "#f87171" : "#4ade80" }, children: step.ok === false ? "\u2717" : "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: 11, fontWeight: 600, color: "rgba(255,255,255,0.7)", flex: 1 }, children: step.label }),
+      step.durationMs !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)" }, children: [
         step.durationMs,
         "ms"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopyBtn, { text: JSON.stringify(step, null, 2) })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyBtn, { text: JSON.stringify(step, null, 2) })
     ] }),
-    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.25)", marginBottom: 2 }, children: [
+    !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.25)", marginBottom: 2 }, children: [
         "\u2192 ",
         step.method,
         " ",
         step.url
       ] }),
-      Object.keys(step.reqHeaders).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.35)", margin: "2px 0", padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 60, overflow: "auto" }, children: Object.entries(step.reqHeaders).map(([k, v]) => `${k}: ${v}`).join("\n") }),
-      step.reqBody && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.35)", margin: "2px 0", padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 80, overflow: "auto" }, children: step.reqBody })
+      Object.keys(step.reqHeaders).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.35)", margin: "2px 0", padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 60, overflow: "auto" }, children: Object.entries(step.reqHeaders).map(([k, v]) => `${k}: ${v}`).join("\n") }),
+      step.reqBody && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.35)", margin: "2px 0", padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 80, overflow: "auto" }, children: step.reqBody })
     ] }),
-    step.error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { style: { fontSize: 11, color: "#f87171", margin: 0, padding: "3px 5px", background: "rgba(248,113,113,0.05)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: step.error }),
-    !step.error && (step.resStatus !== void 0 || step.resBody) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-      step.resStatus !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 11, fontWeight: 700, color: (step.resStatus || 0) < 300 ? "#4ade80" : "#f87171", marginBottom: 3 }, children: [
+    step.error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { style: { fontSize: 11, color: "#f87171", margin: 0, padding: "3px 5px", background: "rgba(248,113,113,0.05)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: step.error }),
+    !step.error && (step.resStatus !== void 0 || step.resBody) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+      step.resStatus !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 11, fontWeight: 700, color: (step.resStatus || 0) < 300 ? "#4ade80" : "#f87171", marginBottom: 3 }, children: [
         "\u2190 ",
         step.resStatus,
         " ",
         step.resStatusText
       ] }),
-      step.resBody && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.55)", margin: 0, padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 180, overflow: "auto" }, children: tryFmt(step.resBody) })
+      step.resBody && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { style: { fontSize: 9, color: "rgba(255,255,255,0.55)", margin: 0, padding: "3px 5px", background: "rgba(255,255,255,0.03)", borderRadius: 3, whiteSpace: "pre-wrap", wordBreak: "break-all", maxHeight: 180, overflow: "auto" }, children: tryFmt(step.resBody) })
     ] })
   ] });
 }
@@ -4452,15 +4586,15 @@ function TestCard({
   onToggle
 }) {
   const hasResult = state && state.status !== "idle";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 8, background: "rgba(255,255,255,0.03)", borderRadius: 10, border: `1px solid ${state?.status === "ok" ? "rgba(74,222,128,0.15)" : state?.status === "error" ? "rgba(248,113,113,0.15)" : "rgba(255,255,255,0.07)"}`, overflow: "hidden" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "9px 10px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18, color: state?.status === "ok" ? "#4ade80" : state?.status === "error" ? "#f87171" : state?.status === "running" ? "#60a5fa" : "rgba(255,255,255,0.35)", flexShrink: 0 }, children: state?.status === "ok" ? "check_circle" : state?.status === "error" ? "error" : state?.status === "running" ? "hourglass_top" : icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 13, fontWeight: 700, color: "#fff" }, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: desc })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 8, background: "rgba(255,255,255,0.03)", borderRadius: 10, border: `1px solid ${state?.status === "ok" ? "rgba(74,222,128,0.15)" : state?.status === "error" ? "rgba(248,113,113,0.15)" : "rgba(255,255,255,0.07)"}`, overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "9px 10px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18, color: state?.status === "ok" ? "#4ade80" : state?.status === "error" ? "#f87171" : state?.status === "running" ? "#60a5fa" : "rgba(255,255,255,0.35)", flexShrink: 0 }, children: state?.status === "ok" ? "check_circle" : state?.status === "error" ? "error" : state?.status === "running" ? "hourglass_top" : icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 13, fontWeight: 700, color: "#fff" }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: desc })
       ] }),
-      hasResult && state?.status !== "running" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: onToggle, style: { background: "none", border: "none", color: "rgba(255,255,255,0.3)", cursor: "pointer", padding: 2, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: expanded ? "expand_less" : "expand_more" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      hasResult && state?.status !== "running" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { onClick: onToggle, style: { background: "none", border: "none", color: "rgba(255,255,255,0.3)", cursor: "pointer", padding: 2, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: expanded ? "expand_less" : "expand_more" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "button",
         {
           onClick: onRun,
@@ -4470,20 +4604,20 @@ function TestCard({
         }
       )
     ] }),
-    hasResult && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { borderTop: "1px solid rgba(255,255,255,0.05)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { padding: "4px 10px 5px", display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: state.status === "ok" ? "#4ade80" : "#f87171" }, children: state.status === "ok" ? "\u2713 OK" : state.status === "running" ? "\u2026" : "\u2717 Fehler" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)" }, children: [
+    hasResult && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { borderTop: "1px solid rgba(255,255,255,0.05)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { padding: "4px 10px 5px", display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: state.status === "ok" ? "#4ade80" : "#f87171" }, children: state.status === "ok" ? "\u2713 OK" : state.status === "running" ? "\u2026" : "\u2717 Fehler" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)" }, children: [
           state.totalMs,
           "ms \xB7 ",
           state.steps.length,
           " Step",
           state.steps.length !== 1 ? "s" : ""
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CopyBtn, { text: JSON.stringify(state, null, 2) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyBtn, { text: JSON.stringify(state, null, 2) })
       ] }),
-      expanded && state.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { padding: "0 10px 4px" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StepView, { step }) }, i))
+      expanded && state.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { padding: "0 10px 4px" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StepView, { step }) }, i))
     ] })
   ] });
 }
@@ -4495,10 +4629,10 @@ var EVENT_TYPE_COLORS = {
 };
 function EventMonitor({ events, confirmedEventKeys, galleryItems, imageUploadStatus }) {
   if (!events.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { padding: "12px 14px", fontSize: 12, color: "rgba(255,255,255,0.3)", fontStyle: "italic" }, children: "Noch keine Events geladen." });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { padding: "12px 14px", fontSize: 12, color: "rgba(255,255,255,0.3)", fontStyle: "italic" }, children: "Noch keine Events geladen." });
   }
   const sorted = [...events].sort((a, b) => b.ts - a.ts).slice(0, 30);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { padding: "6px 8px 4px" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { padding: "6px 8px 4px" }, children: [
     sorted.map((e, i) => {
       const eKey = `${e.ts}_${e.clientId}`;
       const isConfirmed = confirmedEventKeys.has(eKey);
@@ -4511,47 +4645,47 @@ function EventMonitor({ events, confirmedEventKeys, galleryItems, imageUploadSta
       const uploadStatus = imgId ? imageUploadStatus.get(imgId) : void 0;
       const payloadStr = JSON.stringify(e.payload ?? {});
       const payloadPreview = payloadStr.length > 70 ? payloadStr.slice(0, 70) + "\u2026" : payloadStr;
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", gap: 7, alignItems: "flex-start", padding: "6px 2px", borderBottom: "1px solid rgba(255,255,255,0.05)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { width: 36, height: 36, flexShrink: 0, borderRadius: 4, overflow: "hidden", background: "rgba(255,255,255,0.05)", display: "flex", alignItems: "center", justifyContent: "center" }, children: isImageEvent ? galleryItem?.base64 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: galleryItem.base64, style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18, color: "rgba(255,255,255,0.2)" }, children: "image" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16, color: "rgba(255,255,255,0.15)" }, children: e.type === "tag_upserted" ? "label" : e.type === "metadata_updated" ? "edit_note" : "data_object" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: typeColor }, children: e.type }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: 9, color: "rgba(255,255,255,0.25)", fontVariantNumeric: "tabular-nums" }, children: timeStr }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { flex: 1 } }),
-            isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, fontWeight: 700, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "check_circle" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: 7, alignItems: "flex-start", padding: "6px 2px", borderBottom: "1px solid rgba(255,255,255,0.05)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { width: 36, height: 36, flexShrink: 0, borderRadius: 4, overflow: "hidden", background: "rgba(255,255,255,0.05)", display: "flex", alignItems: "center", justifyContent: "center" }, children: isImageEvent ? galleryItem?.base64 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: galleryItem.base64, style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18, color: "rgba(255,255,255,0.2)" }, children: "image" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16, color: "rgba(255,255,255,0.15)" }, children: e.type === "tag_upserted" ? "label" : e.type === "metadata_updated" ? "edit_note" : "data_object" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: 11, fontWeight: 700, color: typeColor }, children: e.type }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: 9, color: "rgba(255,255,255,0.25)", fontVariantNumeric: "tabular-nums" }, children: timeStr }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { flex: 1 } }),
+            isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, fontWeight: 700, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "check_circle" }),
               "HF"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, fontWeight: 700, color: "#fbbf24", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "schedule" }),
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, fontWeight: 700, color: "#fbbf24", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "schedule" }),
               "lokal"
             ] })
           ] }),
-          isImageEvent && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3, flexWrap: "wrap" }, children: [
-            uploadStatus === "done" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_done" }),
+          isImageEvent && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3, flexWrap: "wrap" }, children: [
+            uploadStatus === "done" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_done" }),
               "Upload \u2713"
             ] }),
-            uploadStatus === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, color: "#60a5fa", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_upload" }),
+            uploadStatus === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, color: "#60a5fa", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_upload" }),
               "l\xE4dt hoch\u2026"
             ] }),
-            uploadStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, color: "#f87171", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_off" }),
+            uploadStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, color: "#f87171", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "cloud_off" }),
               "Upload fehlgeschlagen"
             ] }),
-            galleryItem?.base64 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "photo" }),
+            galleryItem?.base64 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, color: "#4ade80", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "photo" }),
               uploadStatus ? "lokal" : "von HF geladen"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: 9, color: "#f87171", display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "broken_image" }),
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { style: { fontSize: 9, color: "#f87171", display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 11 }, children: "broken_image" }),
               uploadStatus === "failed" ? "Binary nicht auf HF" : "wird geladen\u2026"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 9, color: "rgba(255,255,255,0.25)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: payloadPreview })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 9, color: "rgba(255,255,255,0.25)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: payloadPreview })
         ] })
       ] }, `${eKey}_${i}`);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { padding: "6px 0 2px", fontSize: 9, color: "rgba(255,255,255,0.2)", textAlign: "right" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { padding: "6px 0 2px", fontSize: 9, color: "rgba(255,255,255,0.2)", textAlign: "right" }, children: [
       events.length,
       " Events gesamt \xB7 ",
       [...confirmedEventKeys].length,
@@ -4560,9 +4694,9 @@ function EventMonitor({ events, confirmedEventKeys, galleryItems, imageUploadSta
   ] });
 }
 function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEventKeys = /* @__PURE__ */ new Set(), imageUploadStatus = /* @__PURE__ */ new Map(), missingImages = [] }) {
-  const [selected, setSelected] = (0, import_react25.useState)(null);
-  const [results, setResults] = (0, import_react25.useState)({});
-  const [expanded, setExpanded] = (0, import_react25.useState)({});
+  const [selected, setSelected] = (0, import_react24.useState)(null);
+  const [results, setResults] = (0, import_react24.useState)({});
+  const [expanded, setExpanded] = (0, import_react24.useState)({});
   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) => {
@@ -4610,15 +4744,15 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
     { id: "img-hub", label: "Upload hub lib", icon: "package_2", desc: "uploadFile() via @huggingface/hub" },
     { id: "img-cdn", label: "Upload CDN lib", icon: "language", desc: "uploadFile() via esm.sh hub lib" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexDirection: "column", height: "100%", overflowY: "auto", padding: "12px 10px 80px", boxSizing: "border-box", fontFamily: "inherit" }, children: [
-    noToken && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginBottom: 10, padding: "8px 12px", background: "rgba(248,113,113,0.08)", borderRadius: 8, border: "1px solid rgba(248,113,113,0.2)", fontSize: 12, color: "#f87171" }, children: "Kein HF-Token geladen \u2014 bitte zuerst Token im Sync-Tab eingeben." }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", flexDirection: "column", height: "100%", overflowY: "auto", padding: "12px 10px 80px", boxSizing: "border-box", fontFamily: "inherit" }, children: [
+    noToken && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginBottom: 10, padding: "8px 12px", background: "rgba(248,113,113,0.08)", borderRadius: 8, border: "1px solid rgba(248,113,113,0.2)", fontSize: 12, color: "#f87171" }, children: "Kein HF-Token geladen \u2014 bitte zuerst Token im Sync-Tab eingeben." }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       CollapsibleCard,
       {
         title: "Event Monitor",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "bolt" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "bolt" }),
         defaultOpen: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           EventMonitor,
           {
             events: allEvents,
@@ -4629,52 +4763,52 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
         )
       }
     ) }),
-    missingImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    missingImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       CollapsibleCard,
       {
         title: `Fehlende Bilder auf HF (${missingImages.length})`,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "broken_image" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "broken_image" }),
         defaultOpen: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { padding: "8px 10px 4px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", gap: 8, marginBottom: 8, fontSize: 11, color: "rgba(255,255,255,0.5)" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { padding: "8px 10px 4px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: 8, marginBottom: 8, fontSize: 11, color: "rgba(255,255,255,0.5)" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { children: [
               "UUID (Flow-App): ",
               missingImages.filter((e) => !e.filename).length
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "\xB7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { children: [
               "Filename (Server-Upload): ",
               missingImages.filter((e) => !!e.filename).length
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { maxHeight: 300, overflowY: "auto", fontFamily: "monospace", fontSize: 10 }, children: missingImages.map((e) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)("span", { style: { color: e.filename ? "#fb923c" : "#60a5fa", minWidth: 60 }, children: e.filename ? "filename" : "uuid" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: e.filename ?? e.id }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { color: "rgba(255,255,255,0.3)" }, children: new Date(e.timestamp).toLocaleDateString("de") })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { maxHeight: 300, overflowY: "auto", fontFamily: "monospace", fontSize: 10 }, children: missingImages.map((e) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("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__ */ (0, import_jsx_runtime22.jsx)("span", { style: { color: e.filename ? "#fb923c" : "#60a5fa", minWidth: 60 }, children: e.filename ? "filename" : "uuid" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: e.filename ?? e.id }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { color: "rgba(255,255,255,0.3)" }, children: new Date(e.timestamp).toLocaleDateString("de") })
           ] }, e.id)) })
         ] })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       CollapsibleCard,
       {
         title: "Upload Tests",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "science" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "science" }),
         defaultOpen: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { padding: "10px 10px 4px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 14 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.08em", marginBottom: 8 }, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { padding: "10px 10px 4px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 14 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.08em", marginBottom: 8 }, children: [
               "Bild ausw\xE4hlen (",
               withResults.length,
               " verf\xFCgbar)"
             ] }),
-            withResults.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 12, color: "rgba(255,255,255,0.3)", fontStyle: "italic" }, children: "Noch keine Bilder in der Galerie. Generiere zuerst ein Bild oder lade von HF." }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 6 }, children: withResults.slice(0, 12).map((g) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            withResults.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 12, color: "rgba(255,255,255,0.3)", fontStyle: "italic" }, children: "Noch keine Bilder in der Galerie. Generiere zuerst ein Bild oder lade von HF." }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 6 }, children: withResults.slice(0, 12).map((g) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 onClick: () => setSelected(g),
                 style: { padding: 0, border: `2px solid ${selected?.id === g.id ? "#0284c7" : "transparent"}`, borderRadius: 6, cursor: "pointer", overflow: "hidden", background: "none", lineHeight: 0 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "img",
                   {
                     src: g.base64,
@@ -4685,38 +4819,38 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
               },
               g.id
             )) }),
-            selected && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginTop: 10, display: "flex", gap: 10, alignItems: "flex-start" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            selected && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginTop: 10, display: "flex", gap: 10, alignItems: "flex-start" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "img",
                 {
                   src: selected.base64,
                   style: { width: 80, height: 80, objectFit: "cover", borderRadius: 8, border: "1px solid rgba(255,255,255,0.1)", flexShrink: 0 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 11, fontWeight: 700, color: "rgba(255,255,255,0.7)", marginBottom: 2 }, children: "Ausgew\xE4hlt" }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", wordBreak: "break-all" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 11, fontWeight: 700, color: "rgba(255,255,255,0.7)", marginBottom: 2 }, children: "Ausgew\xE4hlt" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", wordBreak: "break-all" }, children: [
                   "ID: ",
                   selected.id
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", marginTop: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.3)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", marginTop: 2 }, children: [
                   "Ziel: test/",
                   selected.id,
                   ".jpg"
                 ] }),
-                selected.prompt && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.25)", marginTop: 2, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selected.prompt })
+                selected.prompt && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: 10, color: "rgba(255,255,255,0.25)", marginTop: 2, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selected.prompt })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 14 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: 8, borderBottom: "1px solid rgba(255,255,255,0.06)", paddingBottom: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 14 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: 8, borderBottom: "1px solid rgba(255,255,255,0.06)", paddingBottom: 4 }, children: [
               "Bild hochladen \u2192 test/",
               "{",
               "id",
               "}",
               ".jpg"
             ] }),
-            imgTests.map((t) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            imgTests.map((t) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               TestCard,
               {
                 id: t.id,
@@ -4732,13 +4866,13 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
               t.id
             ))
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { marginBottom: 4 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: 8, borderBottom: "1px solid rgba(255,255,255,0.06)", paddingBottom: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { marginBottom: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: 10, fontWeight: 700, color: "rgba(255,255,255,0.3)", textTransform: "uppercase", letterSpacing: "0.1em", marginBottom: 8, borderBottom: "1px solid rgba(255,255,255,0.06)", paddingBottom: 4 }, children: [
               "Event schreiben \u2192 ",
               namespace || "(kein namespace)",
               "test/events/"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               TestCard,
               {
                 id: "event",
@@ -4760,10 +4894,10 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
 }
 
 // src/components/ServerTab.tsx
-var import_react26 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function StarRating({ rating = 0 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
 }
 async function serverGet(baseUrl, path) {
   const url = `${baseUrl.replace(/\/$/, "")}${path}`;
@@ -4773,21 +4907,21 @@ async function serverGet(baseUrl, path) {
   return json && typeof json === "object" && "data" in json ? json.data : json;
 }
 function ServerTab({ serverBaseUrl }) {
-  const [step, setStep] = (0, import_react26.useState)("user");
-  const [users, setUsers] = (0, import_react26.useState)([]);
-  const [usersLoading, setUsersLoading] = (0, import_react26.useState)(false);
-  const [usersError, setUsersError] = (0, import_react26.useState)(null);
-  const [selectedUser, setSelectedUser] = (0, import_react26.useState)(null);
-  const [contexts, setContexts] = (0, import_react26.useState)([]);
-  const [contextsLoading, setContextsLoading] = (0, import_react26.useState)(false);
-  const [selectedContext, setSelectedContext] = (0, import_react26.useState)(null);
-  const [tags, setTags] = (0, import_react26.useState)([]);
-  const [items, setItems] = (0, import_react26.useState)([]);
-  const [libLoading, setLibLoading] = (0, import_react26.useState)(false);
-  const [libError, setLibError] = (0, import_react26.useState)(null);
-  const [activeTag, setActiveTag] = (0, import_react26.useState)(null);
-  const [preview, setPreview] = (0, import_react26.useState)(null);
-  (0, import_react26.useEffect)(() => {
+  const [step, setStep] = (0, import_react25.useState)("user");
+  const [users, setUsers] = (0, import_react25.useState)([]);
+  const [usersLoading, setUsersLoading] = (0, import_react25.useState)(false);
+  const [usersError, setUsersError] = (0, import_react25.useState)(null);
+  const [selectedUser, setSelectedUser] = (0, import_react25.useState)(null);
+  const [contexts, setContexts] = (0, import_react25.useState)([]);
+  const [contextsLoading, setContextsLoading] = (0, import_react25.useState)(false);
+  const [selectedContext, setSelectedContext] = (0, import_react25.useState)(null);
+  const [tags, setTags] = (0, import_react25.useState)([]);
+  const [items, setItems] = (0, import_react25.useState)([]);
+  const [libLoading, setLibLoading] = (0, import_react25.useState)(false);
+  const [libError, setLibError] = (0, import_react25.useState)(null);
+  const [activeTag, setActiveTag] = (0, import_react25.useState)(null);
+  const [preview, setPreview] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     if (!serverBaseUrl) return;
     setUsersLoading(true);
     setUsersError(null);
@@ -4841,54 +4975,54 @@ function ServerTab({ serverBaseUrl }) {
   };
   const filteredItems = activeTag ? items.filter((item) => item.tags?.some((t) => t.l === activeTag)) : items;
   if (!serverBaseUrl) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-white/8", children: [
-      step !== "user" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { onClick: reset, className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "arrow_back" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-[11px] font-medium text-white/40 tracking-wide flex-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-white/8", children: [
+      step !== "user" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: reset, className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "arrow_back" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "text-[11px] font-medium text-white/40 tracking-wide flex-1", children: [
         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__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-3 gap-2", children: [
-      usersLoading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-white/30 text-[11px] text-center py-4", children: "Lade User\u2026" }),
-      usersError && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-red-400 text-[11px] text-center py-4", children: usersError }),
-      !usersLoading && users.map((u) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    step === "user" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-3 gap-2", children: [
+      usersLoading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-white/30 text-[11px] text-center py-4", children: "Lade User\u2026" }),
+      usersError && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-red-400 text-[11px] text-center py-4", children: usersError }),
+      !usersLoading && users.map((u) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         "button",
         {
           onClick: () => selectUser(u),
           className: "flex items-center gap-3 px-3 py-2.5 rounded-xl border border-white/8 hover:border-white/20 hover:bg-white/5 transition-all text-left",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[20px] text-white/40", children: "person" }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[12px] font-medium text-white", children: u.username }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[10px] text-white/30", children: u.id })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px] text-white/40", children: "person" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] font-medium text-white", children: u.username }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/30", children: u.id })
             ] }),
-            contextsLoading && selectedUser?.id === u.id ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/30 animate-spin", children: "progress_activity" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/20", children: "chevron_right" })
+            contextsLoading && selectedUser?.id === u.id ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/30 animate-spin", children: "progress_activity" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/20", children: "chevron_right" })
           ]
         },
         u.id
       ))
     ] }),
-    step === "context" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-3 gap-2", children: contexts.map((ctx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    step === "context" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-3 gap-2", children: contexts.map((ctx) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "button",
       {
         onClick: () => loadLibrary(selectedUser, ctx),
         className: "flex items-center gap-3 px-3 py-2.5 rounded-xl border border-white/8 hover:border-white/20 hover:bg-white/5 transition-all text-left",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[20px] text-white/40", children: "folder" }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[12px] font-medium text-white", children: ctx.label || ctx.name || ctx.id }),
-            ctx.description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[10px] text-white/30 truncate", children: ctx.description })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px] text-white/40", children: "folder" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] font-medium text-white", children: ctx.label || ctx.name || ctx.id }),
+            ctx.description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/30 truncate", children: ctx.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/20", children: "chevron_right" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[16px] text-white/20", children: "chevron_right" })
         ]
       },
       ctx.id
     )) }),
-    step === "library" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-      tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-1.5 px-3 py-2 overflow-x-auto border-b border-white/8", style: { scrollbarWidth: "none" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    step === "library" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+      tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-1.5 px-3 py-2 overflow-x-auto border-b border-white/8", style: { scrollbarWidth: "none" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
             onClick: () => setActiveTag(null),
@@ -4896,7 +5030,7 @@ function ServerTab({ serverBaseUrl }) {
             children: "Alle"
           }
         ),
-        tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
             onClick: () => setActiveTag(activeTag === t.label ? null : t.label),
@@ -4906,22 +5040,22 @@ function ServerTab({ serverBaseUrl }) {
           t.id
         ))
       ] }),
-      libLoading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-white/30 text-[11px] text-center py-8", children: "Lade Library\u2026" }),
-      libError && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-red-400 text-[11px] text-center py-8", children: libError }),
-      !libLoading && !libError && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex-1 min-h-0 overflow-y-auto p-3 grid grid-cols-2 gap-2 content-start", children: [
-        filteredItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "col-span-2 text-white/30 text-[11px] text-center py-8", children: "Keine Eintr\xE4ge." }),
+      libLoading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-white/30 text-[11px] text-center py-8", children: "Lade Library\u2026" }),
+      libError && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-red-400 text-[11px] text-center py-8", children: libError }),
+      !libLoading && !libError && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 min-h-0 overflow-y-auto p-3 grid grid-cols-2 gap-2 content-start", children: [
+        filteredItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "col-span-2 text-white/30 text-[11px] text-center py-8", children: "Keine Eintr\xE4ge." }),
         filteredItems.map((item, i) => {
           const imgUrl = item.images?.[0]?.url;
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "button",
             {
               onClick: () => imgUrl && setPreview(imgUrl),
               className: "flex flex-col rounded-xl overflow-hidden border border-white/8 hover:border-white/25 transition-all bg-white/3 text-left",
               children: [
-                imgUrl ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: imgUrl, alt: "", className: "w-full aspect-square object-cover bg-white/5" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full aspect-square bg-white/5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[24px] text-white/15", children: "image" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "p-1.5 flex flex-col gap-0.5", children: [
-                  item.title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[10px] font-medium text-white/70 truncate", children: item.title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StarRating, { rating: item.rating })
+                imgUrl ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: imgUrl, alt: "", className: "w-full aspect-square object-cover bg-white/5" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full aspect-square bg-white/5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[24px] text-white/15", children: "image" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-1.5 flex flex-col gap-0.5", children: [
+                  item.title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] font-medium text-white/70 truncate", children: item.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarRating, { rating: item.rating })
                 ] })
               ]
             },
@@ -4930,17 +5064,17 @@ function ServerTab({ serverBaseUrl }) {
         })
       ] })
     ] }),
-    preview && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "absolute inset-0 z-50 bg-black/90 flex items-center justify-center", onClick: () => setPreview(null), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: preview, alt: "", className: "max-w-full max-h-full object-contain" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { className: "absolute top-3 right-3 text-white/60 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "material-symbols-outlined text-[24px]", children: "close" }) })
+    preview && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "absolute inset-0 z-50 bg-black/90 flex items-center justify-center", onClick: () => setPreview(null), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: preview, alt: "", className: "max-w-full max-h-full object-contain" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { className: "absolute top-3 right-3 text-white/60 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[24px]", children: "close" }) })
     ] })
   ] });
 }
 
 // src/components/AvatarArchitectApp.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
       const style = document.createElement("style");
@@ -4949,19 +5083,19 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       document.head.appendChild(style);
     }
   }, []);
-  const [showStart, setShowStart] = (0, import_react27.useState)(true);
-  const [layoutChoice, setLayoutChoice] = (0, import_react27.useState)(() => {
+  const [showStart, setShowStart] = (0, import_react26.useState)(true);
+  const [layoutChoice, setLayoutChoice] = (0, import_react26.useState)(() => {
     try {
       return localStorage.getItem("aa-layout") || null;
     } catch {
       return null;
     }
   });
-  const [projectLoaded, setProjectLoaded] = (0, import_react27.useState)(false);
-  const [hfToken, setHfToken] = (0, import_react27.useState)(initialHfToken || "");
-  const [hfTokenInput, setHfTokenInput] = (0, import_react27.useState)(initialHfToken || "");
-  const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react27.useState)(false);
-  const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react27.useState)(() => {
+  const [projectLoaded, setProjectLoaded] = (0, import_react26.useState)(false);
+  const [hfToken, setHfToken] = (0, import_react26.useState)(initialHfToken || "");
+  const [hfTokenInput, setHfTokenInput] = (0, import_react26.useState)(initialHfToken || "");
+  const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react26.useState)(false);
+  const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react26.useState)(() => {
     const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
     const DEFAULT = "app.art-by-rolands.de/";
     try {
@@ -4973,8 +5107,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return DEFAULT;
     }
   });
-  const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => {
+  const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     if (hfNamespace !== void 0) return;
     const backendUrl = typeof window !== "undefined" ? window.BACKEND_URL || window.location.origin : null;
     if (!backendUrl) return;
@@ -4996,36 +5130,36 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     refresh: refreshHF,
     hasStateZip
   } = useHFState(hfToken, effectiveNamespace);
-  const [imageUploadStatus, setImageUploadStatus] = (0, import_react27.useState)(/* @__PURE__ */ new Map());
-  const [bootstrapLog, setBootstrapLog] = (0, import_react27.useState)([]);
-  const [isBootstrapping, setIsBootstrapping] = (0, import_react27.useState)(false);
-  const [hfMissingImages, setHfMissingImages] = (0, import_react27.useState)([]);
-  const syncTopSlot = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    localOnlyCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { background: "rgba(234,179,8,0.15)", border: "1px solid rgba(234,179,8,0.3)", padding: "4px 10px", fontSize: 11, color: "#fbbf24", borderRadius: 4, marginBottom: 4 }, children: [
+  const [imageUploadStatus, setImageUploadStatus] = (0, import_react26.useState)(/* @__PURE__ */ new Map());
+  const [bootstrapLog, setBootstrapLog] = (0, import_react26.useState)([]);
+  const [isBootstrapping, setIsBootstrapping] = (0, import_react26.useState)(false);
+  const [hfMissingImages, setHfMissingImages] = (0, import_react26.useState)([]);
+  const syncTopSlot = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    localOnlyCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { background: "rgba(234,179,8,0.15)", border: "1px solid rgba(234,179,8,0.3)", padding: "4px 10px", fontSize: 11, color: "#fbbf24", borderRadius: 4, marginBottom: 4 }, children: [
       "\u26A0 ",
       localOnlyCount,
       " lokale Event",
       localOnlyCount > 1 ? "s" : "",
       " noch nicht auf HF best\xE4tigt"
     ] }),
-    pendingBufferCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { background: "linear-gradient(90deg,#f59e0b,#ef4444)", padding: "4px 10px", fontSize: 11, color: "#fff", borderRadius: 4, marginBottom: 4 }, children: [
+    pendingBufferCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { background: "linear-gradient(90deg,#f59e0b,#ef4444)", padding: "4px 10px", fontSize: 11, color: "#fff", borderRadius: 4, marginBottom: 4 }, children: [
       pendingBufferCount,
       " \xC4nderung",
       pendingBufferCount > 1 ? "en" : "",
       " lokal \u2014 bei Flow-Reload verloren wenn nicht synchronisiert"
     ] }),
-    eventCount > 100 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { background: "#dc2626", color: "#fff", padding: "5px 10px", borderRadius: 4, marginBottom: 4, fontWeight: 600, fontSize: 11 }, children: [
+    eventCount > 100 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { background: "#dc2626", color: "#fff", padding: "5px 10px", borderRadius: 4, marginBottom: 4, fontWeight: 600, fontSize: 11 }, children: [
       "\u26A0 ",
       eventCount,
       " Events nicht konsolidiert \u2014 Konsolidierung dringend empfohlen"
     ] }),
-    eventCount > 50 && eventCount <= 100 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { background: "#44403c", color: "#a8a29e", padding: "4px 10px", borderRadius: 4, marginBottom: 4, fontSize: 11 }, children: [
+    eventCount > 50 && eventCount <= 100 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { background: "#44403c", color: "#a8a29e", padding: "4px 10px", borderRadius: 4, marginBottom: 4, fontSize: 11 }, children: [
       eventCount,
       " Events seit letzter Konsolidierung \u2014 Konsolidierung empfohlen"
     ] }),
-    hfToken && !hasStateZip && !isHfRefreshing && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { background: "#1c1917", border: "1px solid #44403c", borderRadius: 6, padding: "10px 12px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { fontSize: 12, color: "#a8a29e", marginBottom: 6 }, children: effectiveNamespace ? `Kein State-Snapshot in HF (${effectiveNamespace}) \u2014 aus Legacy-Daten (tags.json + metadata.json) migrieren?` : "Namespace wird geladen\u2026" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    hfToken && !hasStateZip && !isHfRefreshing && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { background: "#1c1917", border: "1px solid #44403c", borderRadius: 6, padding: "10px 12px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { fontSize: 12, color: "#a8a29e", marginBottom: 6 }, children: effectiveNamespace ? `Kein State-Snapshot in HF (${effectiveNamespace}) \u2014 aus Legacy-Daten (tags.json + metadata.json) migrieren?` : "Namespace wird geladen\u2026" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "button",
         {
           disabled: isBootstrapping || !effectiveNamespace,
@@ -5046,10 +5180,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           children: isBootstrapping ? "Migriere\u2026" : "Legacy-Migration starten"
         }
       ),
-      bootstrapLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: l }, i)) })
+      bootstrapLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: l }, i)) })
     ] })
   ] });
-  const wsInputRef = (0, import_react27.useRef)(null);
+  const wsInputRef = (0, import_react26.useRef)(null);
   const startApp = (choice) => {
     try {
       localStorage.setItem("aa-layout", choice);
@@ -5058,16 +5192,37 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setLayoutChoice(choice);
     setShowStart(false);
   };
-  const [nodes, setNodes] = (0, import_react27.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
-  const [edges, setEdges] = (0, import_react27.useState)([]);
-  const [history, setHistory] = (0, import_react27.useState)([]);
-  const [galleryItems, setGalleryItems] = (0, import_react27.useState)([]);
-  const galleryItemsRef = (0, import_react27.useRef)([]);
-  (0, import_react27.useEffect)(() => {
+  const [nodes, setNodes] = (0, import_react26.useState)([{ id: "1", type: "custom", position: { x: 0, y: 0 }, data: { label: "Fine Art Project", placeholder: "Name..." } }]);
+  const [edges, setEdges] = (0, import_react26.useState)([]);
+  const [history, setHistory] = (0, import_react26.useState)([]);
+  const [galleryItems, setGalleryItems] = (0, import_react26.useState)([]);
+  const galleryItemsRef = (0, import_react26.useRef)([]);
+  (0, import_react26.useEffect)(() => {
     galleryItemsRef.current = galleryItems;
   }, [galleryItems]);
-  const hfImageNotFoundRef = (0, import_react27.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react27.useEffect)(() => {
+  const hfImageNotFoundRef = (0, import_react26.useRef)(/* @__PURE__ */ new Map());
+  const [galleryVisibleCount, setGalleryVisibleCount] = (0, import_react26.useState)(20);
+  const [historyVisibleCount, setHistoryVisibleCount] = (0, import_react26.useState)(20);
+  const loadThumbnailsForEntries = (0, import_react26.useCallback)(async (entries) => {
+    for (const entry of entries) {
+      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) => prev.find((e) => e.id === entry.id) ? prev : [...prev, { id: entry.id, filename: entry.filename, mimeType: entry.mimeType ?? "image/jpeg", timestamp: entry.timestamp ?? 0 }]);
+          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());
+      }
+    }
+  }, [hfToken, effectiveNamespace]);
+  (0, import_react26.useEffect)(() => {
     if (!hfState) return;
     if (hfState.tags?.by_category) setWorkspaceTags(hfState.tags);
     const hfIds = new Set(hfState.metadata.map((m) => m.id));
@@ -5093,90 +5248,97 @@ 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 sortedEntries = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
-    const galleryRepIds = new Set(groupByPrompt(skeletons).slice(0, 20).map((g) => g.representative.id));
-    const historyIds = new Set(sortedEntries.slice(0, 20).map((e) => e.id));
-    const initialIds = /* @__PURE__ */ new Set([...galleryRepIds, ...historyIds]);
-    const toLoad = sortedEntries.filter((e) => initialIds.has(e.id));
-    (async () => {
-      for (const entry of toLoad) {
-        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());
-        }
-      }
-    })();
   }, [hfState]);
-  const [activePrompt, setActivePrompt] = (0, import_react27.useState)("");
-  const [isSynthesizing, setIsSynthesizing] = (0, import_react27.useState)(false);
-  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react27.useState)(0);
-  const [currentResult, setCurrentResult] = (0, import_react27.useState)(null);
-  const [focusedNodeId, setFocusedNodeId] = (0, import_react27.useState)(null);
-  const [leftTab, setLeftTab] = (0, import_react27.useState)("prompt");
-  const [promptFeedback, setPromptFeedback] = (0, import_react27.useState)(null);
-  const [lastPromptPayload, setLastPromptPayload] = (0, import_react27.useState)(null);
-  const [isPromptTabGenerating, setIsPromptTabGenerating] = (0, import_react27.useState)(false);
-  const [activeTab, setActiveTab] = (0, import_react27.useState)("history");
-  const [mobileTab, setMobileTab] = (0, import_react27.useState)("stage");
-  const [middlePanel, setMiddlePanel] = (0, import_react27.useState)("stage");
-  const [recentLabItems, setRecentLabItems] = (0, import_react27.useState)([]);
-  const [aspectRatio, setAspectRatio] = (0, import_react27.useState)("1:1");
-  const [selectedModel, setSelectedModel] = (0, import_react27.useState)("\u{1F34C} Nano Banana Pro");
-  const [seed, setSeed] = (0, import_react27.useState)(Math.floor(Math.random() * 1e6));
-  const [seedMode, setSeedMode] = (0, import_react27.useState)("random");
-  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react27.useState)(false);
-  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react27.useState)(false);
-  const [leftPanelWidth, setLeftPanelWidth] = (0, import_react27.useState)(() => {
+  (0, import_react26.useEffect)(() => {
+    if (!hfState) return;
+    const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
+    const skeletons = sortedMeta.map((m) => ({ id: m.id, prompt: m.prompt, timestamp: m.timestamp, status: "done", nodeId: m.id, tags: m.tags || [] }));
+    const repIds = new Set(groupByPrompt(skeletons).slice(0, galleryVisibleCount).map((g) => g.representative.id));
+    loadThumbnailsForEntries(sortedMeta.filter((e) => repIds.has(e.id)));
+  }, [hfState, galleryVisibleCount, loadThumbnailsForEntries]);
+  (0, import_react26.useEffect)(() => {
+    if (!hfState) return;
+    const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
+    loadThumbnailsForEntries(sortedMeta.slice(0, historyVisibleCount));
+  }, [hfState, historyVisibleCount, loadThumbnailsForEntries]);
+  const [activePrompt, setActivePrompt] = (0, import_react26.useState)("");
+  const [isSynthesizing, setIsSynthesizing] = (0, import_react26.useState)(false);
+  const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react26.useState)(0);
+  const [currentResult, setCurrentResult] = (0, import_react26.useState)(null);
+  const [focusedNodeId, setFocusedNodeId] = (0, import_react26.useState)(null);
+  const [leftTab, setLeftTab] = (0, import_react26.useState)("prompt");
+  const [promptFeedback, setPromptFeedback] = (0, import_react26.useState)(null);
+  const [lastPromptPayload, setLastPromptPayload] = (0, import_react26.useState)(null);
+  const [isPromptTabGenerating, setIsPromptTabGenerating] = (0, import_react26.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react26.useState)("history");
+  const [mobileTab, setMobileTab] = (0, import_react26.useState)("stage");
+  const [middlePanel, setMiddlePanel] = (0, import_react26.useState)("stage");
+  const [recentLabItems, setRecentLabItems] = (0, import_react26.useState)([]);
+  const [aspectRatio, setAspectRatio] = (0, import_react26.useState)("1:1");
+  const [selectedModel, setSelectedModel] = (0, import_react26.useState)("\u{1F34C} Nano Banana Pro");
+  const [seed, setSeed] = (0, import_react26.useState)(Math.floor(Math.random() * 1e6));
+  const [seedMode, setSeedMode] = (0, import_react26.useState)("random");
+  const [imageCount, setImageCount] = (0, import_react26.useState)(() => {
+    try {
+      const v = parseInt(localStorage.getItem("aa-image-count") || "", 10);
+      return v >= 1 && v <= 8 ? v : 4;
+    } catch {
+      return 4;
+    }
+  });
+  const updateImageCount = (val) => {
+    const n = Math.max(1, Math.min(8, parseInt(val, 10) || 4));
+    setImageCount(n);
+    try {
+      localStorage.setItem("aa-image-count", String(n));
+    } catch {
+    }
+  };
+  const imageCountOptions = [
+    { label: "1 Bild", value: "1" },
+    { label: "2 Bilder", value: "2" },
+    { label: "4 Bilder", value: "4" },
+    { label: "8 Bilder", value: "8" }
+  ];
+  const [isLeftCollapsed, setIsLeftCollapsed] = (0, import_react26.useState)(false);
+  const [isRightCollapsed, setIsRightCollapsed] = (0, import_react26.useState)(false);
+  const [leftPanelWidth, setLeftPanelWidth] = (0, import_react26.useState)(() => {
     try {
       return parseInt(localStorage.getItem("aa-left-width") || "260", 10);
     } catch {
       return 260;
     }
   });
-  const [rightPanelWidth, setRightPanelWidth] = (0, import_react27.useState)(() => {
+  const [rightPanelWidth, setRightPanelWidth] = (0, import_react26.useState)(() => {
     try {
       return parseInt(localStorage.getItem("aa-right-width") || "320", 10);
     } catch {
       return 320;
     }
   });
-  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react27.useState)(false);
-  const [projectActionState, setProjectActionState] = (0, import_react27.useState)("idle");
-  const syncServerDataRef = (0, import_react27.useRef)(null);
-  const [workspaceTags, setWorkspaceTags] = (0, import_react27.useState)(null);
-  const [serverProjects, setServerProjects] = (0, import_react27.useState)([]);
-  const [isLoadingFromServer, setIsLoadingFromServer] = (0, import_react27.useState)(false);
-  const [highContrast, setHighContrast] = (0, import_react27.useState)(() => {
+  const [isPromptCollapsed, setIsPromptCollapsed] = (0, import_react26.useState)(false);
+  const [projectActionState, setProjectActionState] = (0, import_react26.useState)("idle");
+  const syncServerDataRef = (0, import_react26.useRef)(null);
+  const [workspaceTags, setWorkspaceTags] = (0, import_react26.useState)(null);
+  const [serverProjects, setServerProjects] = (0, import_react26.useState)([]);
+  const [isLoadingFromServer, setIsLoadingFromServer] = (0, import_react26.useState)(false);
+  const [highContrast, setHighContrast] = (0, import_react26.useState)(() => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
     } catch {
       return false;
     }
   });
-  const [activeReferenceId, setActiveReferenceId] = (0, import_react27.useState)(null);
-  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = (0, import_react27.useState)(null);
-  const [isScanningImage, setIsScanningImage] = (0, import_react27.useState)(false);
-  const [touchStartX, setTouchStartX] = (0, import_react27.useState)(null);
-  const [isFullscreen, setIsFullscreen] = (0, import_react27.useState)(false);
-  const [zoomScale, setZoomScale] = (0, import_react27.useState)(1);
-  const [zoomOffset, setZoomOffset] = (0, import_react27.useState)({ x: 0, y: 0 });
-  const lastPinchDist = (0, import_react27.useRef)(null);
-  const lastTapTime = (0, import_react27.useRef)(0);
-  const dragStart = (0, import_react27.useRef)(null);
+  const [activeReferenceId, setActiveReferenceId] = (0, import_react26.useState)(null);
+  const [activeReferenceThumbnail, setActiveReferenceThumbnail] = (0, import_react26.useState)(null);
+  const [isScanningImage, setIsScanningImage] = (0, import_react26.useState)(false);
+  const [touchStartX, setTouchStartX] = (0, import_react26.useState)(null);
+  const [isFullscreen, setIsFullscreen] = (0, import_react26.useState)(false);
+  const [zoomScale, setZoomScale] = (0, import_react26.useState)(1);
+  const [zoomOffset, setZoomOffset] = (0, import_react26.useState)({ x: 0, y: 0 });
+  const lastPinchDist = (0, import_react26.useRef)(null);
+  const lastTapTime = (0, import_react26.useRef)(0);
+  const dragStart = (0, import_react26.useRef)(null);
   const openFullscreen = () => {
     setIsFullscreen(true);
     setZoomScale(1);
@@ -5239,7 +5401,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     setActiveReferenceId(null);
     setActiveReferenceThumbnail(null);
   };
-  const labServices = (0, import_react27.useMemo)(() => {
+  const labServices = (0, import_react26.useMemo)(() => {
     const available = groupGenerationsToLabItems([...galleryItems, ...history]);
     return {
       availableItems: available,
@@ -5319,17 +5481,17 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setIsScanningImage(false);
     }
   };
-  const currentIndex = (0, import_react27.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
-  const goToPrev = (0, import_react27.useCallback)(() => {
+  const currentIndex = (0, import_react26.useMemo)(() => history.findIndex((h) => h.id === currentResult?.id), [history, currentResult]);
+  const goToPrev = (0, import_react26.useCallback)(() => {
     if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
   }, [currentIndex, history]);
-  const goToNext = (0, import_react27.useCallback)(() => {
+  const goToNext = (0, import_react26.useCallback)(() => {
     if (currentIndex < history.length - 1) setCurrentResult(history[currentIndex + 1]);
   }, [currentIndex, history]);
-  const handleGallerySelect = (0, import_react27.useCallback)((g) => {
+  const handleGallerySelect = (0, import_react26.useCallback)((g) => {
     setCurrentResult(g);
     setMobileTab("stage");
-    if (g.filename && hfToken && !g.fullBase64) {
+    if (g.hasThumb && 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}`;
@@ -5339,7 +5501,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       });
     }
   }, [hfToken, effectiveNamespace]);
-  const handleTitleSet = (0, import_react27.useCallback)((id) => {
+  const handleTitleSet = (0, import_react26.useCallback)((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));
@@ -5348,13 +5510,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       });
     }
   }, [hfToken, effectiveNamespace, hfWriteEvent]);
-  const currentGroup = (0, import_react27.useMemo)(() => {
+  const currentGroup = (0, import_react26.useMemo)(() => {
     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]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!currentResult?.prompt || !hfToken || !effectiveNamespace || !hfState) return;
     const siblings = galleryItemsRef.current.filter(
       (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
@@ -5380,9 +5542,20 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     })();
   }, [currentResult?.id, currentResult?.prompt]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
-  const isGenerating = activeGenerationsCount > 0;
+  const runningBadge = activeGenerationsCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "div",
+    {
+      className: "flex items-center gap-1 rounded-full bg-sky-500/15 border border-sky-400/30 px-2 shrink-0",
+      style: { height: 24 },
+      title: `${activeGenerationsCount} Generierung${activeGenerationsCount === 1 ? "" : "en"} l\xE4uft gerade`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-sky-300", style: { fontSize: 14, lineHeight: 1 }, children: "autorenew" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[11px] font-bold text-sky-300 tabular-nums", children: activeGenerationsCount })
+      ]
+    }
+  ) : null;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
-  const getSubtreeFormat = (0, import_react27.useCallback)((nodeId, depth = 0) => {
+  const getSubtreeFormat = (0, import_react26.useCallback)((nodeId, depth = 0) => {
     const node = nodes.find((n) => n.id === nodeId);
     if (!node) return "";
     const childrenIds = edges.filter((e) => e.source === nodeId).map((e) => e.target);
@@ -5390,7 +5563,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     return `${indent}- ${node.data.label || "(unbenannt)"}
 ` + childrenIds.map((id) => getSubtreeFormat(id, depth + 1)).join("");
   }, [nodes, edges]);
-  const activePath = (0, import_react27.useMemo)(() => {
+  const activePath = (0, import_react26.useMemo)(() => {
     if (!focusedNodeId) return /* @__PURE__ */ new Set();
     const path = /* @__PURE__ */ new Set([focusedNodeId]);
     let currId = focusedNodeId;
@@ -5453,6 +5626,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setActiveGenerationsCount((prev) => Math.max(0, prev - 1));
     }
   };
+  const handleGenerateBatch = (customPrompt, useReferenceId, overrideNodeId, options = { silent: false }) => {
+    const count = Math.max(1, Math.min(8, imageCount));
+    return Promise.all(
+      Array.from(
+        { length: count },
+        (_, i) => handleGenerateImage(customPrompt, useReferenceId, overrideNodeId, { silent: options.silent || i > 0 })
+      )
+    );
+  };
   const handleSynthesizePrompt = async (nodeId, autoGenerate = false) => {
     setIsSynthesizing(true);
     try {
@@ -5739,7 +5921,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setTimeout(() => setProjectActionState("idle"), 4e3);
     }
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
   }, [activeTab]);
   const mergeWorkspaceTags = (local, remote) => {
@@ -5764,7 +5946,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   if (isFullscreen && currentResult?.base64) {
     const fsRaw = currentResult.fullBase64 || currentResult.base64;
     const fsBase64 = fsRaw.startsWith("data:") ? fsRaw : `data:image/png;base64,${fsRaw}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         className: "fixed inset-0 bg-black z-50 flex items-center justify-center overflow-hidden touch-none",
@@ -5772,7 +5954,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         onTouchMove: handleFsTouchMove,
         onTouchEnd: handleFsTouchEnd,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "img",
             {
               src: fsBase64,
@@ -5789,77 +5971,77 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: closeFullscreen, className: "absolute top-4 right-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "close" }) }),
-          zoomScale > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: closeFullscreen, className: "absolute top-4 right-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "close" }) }),
+          zoomScale > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => {
             setZoomScale(1);
             setZoomOffset({ x: 0, y: 0 });
-          }, className: "absolute top-4 left-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "zoom_out_map" }) }),
-          history.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+          }, className: "absolute top-4 left-4 w-10 h-10 flex items-center justify-center rounded-full bg-black/70 border border-white/20 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "zoom_out_map" }) }),
+          history.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => {
               if (currentIndex > 0) setCurrentResult(history[currentIndex - 1]);
-            }, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+            }, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => {
               if (currentIndex < history.length - 1) setCurrentResult(history[currentIndex + 1]);
-            }, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
+            }, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
               currentIndex + 1,
               " / ",
               history.length
             ] })
           ] }),
-          zoomScale === 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-6 right-4 text-[9px] text-white/20 font-mono", children: "Pinch zum Zoomen \xB7 Doppeltipp 2.5\xD7" })
+          zoomScale === 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-6 right-4 text-[9px] text-white/20 font-mono", children: "Pinch zum Zoomen \xB7 Doppeltipp 2.5\xD7" })
         ]
       }
     );
   }
   if (showStart) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("input", { ref: wsInputRef, type: "file", accept: ".zip", className: "hidden", onChange: (e) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", { ref: wsInputRef, type: "file", accept: ".zip", className: "hidden", onChange: (e) => {
         const f = e.target.files?.[0];
         if (f) handleProjectImport(f);
         e.target.value = "";
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/25 text-[10px] font-bold uppercase tracking-[0.25em]", children: "Avatar Architect" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "text-white text-[13px] font-mono", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/25 text-[10px] font-bold uppercase tracking-[0.25em]", children: "Avatar Architect" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-white text-[13px] font-mono", children: [
           "v",
           LIB_VERSION
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "button",
         {
           onClick: toggleContrast,
           className: "flex items-center gap-3 px-5 py-3 rounded-2xl border transition-colors",
           style: { borderColor: highContrast ? "rgba(255,255,255,0.3)" : "rgba(255,255,255,0.08)", background: highContrast ? "rgba(255,255,255,0.08)" : "transparent" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.35)" }, children: highContrast ? "light_mode" : "dark_mode" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[13px] font-bold", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.5)" }, children: highContrast ? "Hoher Kontrast" : "Normaler Kontrast" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px]", style: { color: "rgba(255,255,255,0.25)" }, children: "Tippen zum Umschalten" })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.35)" }, children: highContrast ? "light_mode" : "dark_mode" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[13px] font-bold", style: { color: highContrast ? "#fff" : "rgba(255,255,255,0.5)" }, children: highContrast ? "Hoher Kontrast" : "Normaler Kontrast" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[10px]", style: { color: "rgba(255,255,255,0.25)" }, children: "Tippen zum Umschalten" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
             onClick: () => wsInputRef.current?.click(),
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform",
             style: { height: 56, background: projectLoaded ? "#16a34a" : "#0284c7" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: projectLoaded ? "check_circle" : "folder_zip" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: projectLoaded ? "check_circle" : "folder_zip" }),
               projectLoaded ? "Projekt geladen \u2713" : "Projekt laden (.zip)"
             ]
           }
         ),
-        !projectLoaded && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
+        !projectLoaded && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        !initialHfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-2 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        !initialHfToken && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "input",
             {
               type: "password",
@@ -5875,7 +6057,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
             }
           ),
-          hfTokenInput.trim() && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          hfTokenInput.trim() && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "button",
             {
               type: "button",
@@ -5886,9 +6068,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        !hfNamespace && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
-          ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        !hfNamespace && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold flex-shrink-0", children: "State:" }),
+          ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"].map((ns, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "button",
             {
               onClick: () => {
@@ -5908,7 +6090,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ns
           ))
         ] }),
-        hfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        hfToken && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
             disabled: isLoadingFromHF,
@@ -5930,15 +6112,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform disabled:opacity-50",
             style: { height: 56, background: "#f59e0b" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
               isLoadingFromHF ? "Laden\u2026" : "Von HF laden"
             ]
           }
         ),
-        hfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
+        hfToken && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
       ] }),
-      onFetchServerProjects && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      onFetchServerProjects && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
             disabled: isLoadingFromServer,
@@ -5959,35 +6141,35 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             className: "w-full flex items-center justify-center gap-3 rounded-2xl font-bold text-[14px] uppercase tracking-wide text-white active:scale-95 transition-transform disabled:opacity-50",
             style: { height: 56, background: "#7c3aed" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromServer ? " animate-spin" : ""}`, children: isLoadingFromServer ? "sync" : "cloud_download" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromServer ? " animate-spin" : ""}`, children: isLoadingFromServer ? "sync" : "cloud_download" }),
               isLoadingFromServer ? "Laden\u2026" : "Vom Server laden"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand vom Server wiederherstellen" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand vom Server wiederherstellen" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold", children: "Layout w\xE4hlen & starten" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "grid grid-cols-2 gap-2 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/25 text-[10px] uppercase tracking-widest font-bold", children: "Layout w\xE4hlen & starten" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "grid grid-cols-2 gap-2 w-full", children: [
           { id: "mobile", icon: "smartphone", label: "Mobile" },
           { id: "mobile-desktop", icon: "phonelink", label: "Mobile+" },
           { id: "desktop", icon: "desktop_windows", label: "Desktop" },
           { id: "tablet-landscape", icon: "tablet", label: "Landscape" }
-        ].map((opt) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        ].map((opt) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
             onClick: () => startApp(opt.id),
             className: "flex flex-col items-center gap-2 py-4 rounded-2xl border transition-colors",
             style: { borderColor: layoutChoice === opt.id ? "rgba(255,255,255,0.35)" : "rgba(255,255,255,0.08)", background: layoutChoice === opt.id ? "rgba(255,255,255,0.07)" : "transparent" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[24px]", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[11px] font-bold", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.label })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[24px]", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[11px] font-bold", style: { color: layoutChoice === opt.id ? "#fff" : "rgba(255,255,255,0.4)" }, children: opt.label })
             ]
           },
           opt.id
         )) }),
-        layoutChoice === "mobile-desktop" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/20 text-[9px] text-center", children: "Mobil-Layout skaliert f\xFCr Desktop-Modus" }),
-        layoutChoice === "tablet-landscape" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-white/20 text-[9px] text-center", children: "2-Spalten-Layout f\xFCr Landscape-Tablet im Desktop-Mode" })
+        layoutChoice === "mobile-desktop" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/20 text-[9px] text-center", children: "Mobil-Layout skaliert f\xFCr Desktop-Modus" }),
+        layoutChoice === "tablet-landscape" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-white/20 text-[9px] text-center", children: "2-Spalten-Layout f\xFCr Landscape-Tablet im Desktop-Mode" })
       ] })
     ] });
   }
@@ -5996,22 +6178,22 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const mdScale = mdMode ? window.innerWidth / 430 : 1;
     const mdW = mdMode ? 430 : void 0;
     const mdH = mdMode ? Math.ceil(window.innerHeight / mdScale) : void 0;
-    const mobileRoot = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col bg-[#0e0e0e] text-white overflow-hidden", style: {
+    const mobileRoot = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col bg-[#0e0e0e] text-white overflow-hidden", style: {
       width: mdMode ? mdW : "100vw",
       height: mdMode ? mdH : "100dvh",
       transform: mdMode ? `scale(${mdScale})` : void 0,
       transformOrigin: mdMode ? "top left" : void 0,
       ...hcStyle || {}
     }, children: [
-      mobileTab === "labs" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LabsTab, { services: labServices, onResult: (item) => {
+      mobileTab === "labs" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LabsTab, { services: labServices, onResult: (item) => {
         const frame = item.frames[0];
         if (frame?.base64) {
           setCurrentResult(frameToGeneration(frame, item));
           setMobileTab("stage");
         }
       } }) }),
-      mobileTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { serverBaseUrl }) }),
-      mobileTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      mobileTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col flex-1 min-h-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ServerTab, { serverBaseUrl }) }),
+      mobileTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         TagManagerPanel,
         {
           workspaceTags,
@@ -6022,21 +6204,23 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           onTagMove: handleTagMove
         }
       ) }),
-      mobileTab === "stage" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2 px-3 border-b border-white/5 bg-black/30 shrink-0", style: { height: 52 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1" }),
-          activeReferenceThumbnail ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden mr-2", style: { height: 28 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 active:text-white/80 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: handleSelectReference, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: toggleContrast, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: highContrast ? "light_mode" : "dark_mode" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setShowStart(true), className: "text-white/20 active:text-white/60 transition-colors mr-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "desktop_windows" }) })
+      mobileTab === "stage" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 px-3 border-b border-white/5 bg-black/30 shrink-0", style: { height: 52 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-1" }),
+          runningBadge,
+          activeReferenceThumbnail ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden mr-2", style: { height: 28 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 active:text-white/80 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: handleSelectReference, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "add_photo_alternate" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: toggleContrast, className: "text-white/20 active:text-white/60 transition-colors mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: highContrast ? "light_mode" : "dark_mode" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setShowStart(true), className: "text-white/20 active:text-white/60 transition-colors mr-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "desktop_windows" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `relative rounded-xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `relative rounded-xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "textarea",
             {
               value: activePrompt,
@@ -6046,26 +6230,23 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "Prompt eingeben..."
             }
           ),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center text-white/20 active:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "close" }) })
+          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center text-white/20 active:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "close" }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-3 pb-3 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-3 pb-3 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
-            onClick: () => handleGenerateImage(),
-            disabled: !activePrompt.trim() || isGenerating,
+            onClick: () => handleGenerateBatch(),
+            disabled: !activePrompt.trim(),
             className: "w-full flex items-center justify-center gap-2 rounded-xl font-bold text-[14px] uppercase tracking-wide transition-all disabled:opacity-30 active:scale-95",
-            style: { height: 48, background: activePrompt.trim() && !isGenerating ? "#0284c7" : void 0, border: "1px solid rgba(255,255,255,0.1)" },
-            children: isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-4 h-4 border-t-2 border-white rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Generiere..." })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "bolt" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Generieren" })
-            ] })
+            style: { height: 48, background: activePrompt.trim() ? "#0284c7" : void 0, border: "1px solid rgba(255,255,255,0.1)" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "bolt" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Generieren" })
+            ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 min-h-0 px-3 pb-3 flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-h-0 px-3 pb-3 flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             "div",
             {
               className: "w-full rounded-2xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center",
@@ -6079,25 +6260,25 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 setTouchStartX(null);
               },
               children: [
-                currentResult?.status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[11px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+                currentResult?.status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-3 opacity-40", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[11px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
                 ] }),
-                currentResult?.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-red-400 text-[36px]", children: "warning" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-white/50 text-[13px]", children: currentResult.error?.message }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => handleGenerateImage(currentResult.prompt), className: "px-4 py-2 rounded-lg border border-white/20 text-[13px] text-white/70 active:bg-white/10", children: "Erneut versuchen" })
+                currentResult?.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-6 text-center flex flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-red-400 text-[36px]", children: "warning" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-white/50 text-[13px]", children: currentResult.error?.message }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
-                !currentResult && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+                currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, className: "w-full h-full object-contain" }),
+                !currentResult && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[64px]", children: "palette" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
                 ] }),
-                currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: openFullscreen, className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-full bg-black/60 border border-white/10 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
-                history.length > 1 && currentResult && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: goToPrev, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
+                currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: openFullscreen, className: "absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-full bg-black/60 border border-white/10 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
+                history.length > 1 && currentResult && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: goToPrev, disabled: currentIndex <= 0, className: "absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, className: "absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/60 border border-white/10 disabled:opacity-0 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 bg-black/60 rounded-full px-3 py-0.5 text-[10px] text-white/40 font-mono", children: [
                     currentIndex + 1,
                     " / ",
                     history.length
@@ -6106,8 +6287,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               ]
             }
           ),
-          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 flex gap-1.5 overflow-x-auto pb-1", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "div",
               {
                 onClick: () => handleGallerySelect(item),
@@ -6120,10 +6301,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   border: item.id === currentResult.id ? "2px solid rgba(255,255,255,0.8)" : "2px solid rgba(255,255,255,0.15)",
                   opacity: item.id === currentResult.id ? 1 : 0.55
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "button",
               {
                 onClick: (e) => {
@@ -6145,34 +6326,34 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 9, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-2 mt-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] text-white/60", children: "Prompt" })
+          currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 mt-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "replay" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[12px] text-white/60", children: "Prompt" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl bg-white/10 active:bg-white/15 transition-colors", style: { height: 44 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/80", children: "auto_fix_high" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] text-white/80 font-bold", children: "Referenz" })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl bg-white/10 active:bg-white/15 transition-colors", style: { height: 44 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/80", children: "auto_fix_high" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[12px] text-white/80 font-bold", children: "Referenz" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: handleDownloadSingle, className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "download" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] text-white/60", children: "Laden" })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: handleDownloadSingle, className: "flex-1 flex items-center justify-center gap-1.5 rounded-xl border border-white/10 bg-white/5 active:bg-white/10 transition-colors", style: { height: 44 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px] text-white/60", children: "download" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[12px] text-white/60", children: "Laden" })
             ] })
           ] })
         ] })
       ] }),
-      mobileTab === "browse" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
-          ["history", "gallery", "inspect"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setActiveTab(tab), className: `flex-1 flex items-center justify-center gap-1.5 transition-colors text-[11px] font-bold uppercase tracking-wide ${activeTab === tab ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : "info" }) }, tab)),
-          hfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
+      mobileTab === "browse" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
+          ["history", "gallery", "inspect"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setActiveTab(tab), className: `flex-1 flex items-center justify-center gap-1.5 transition-colors text-[11px] font-bold uppercase tracking-wide ${activeTab === tab ? "text-white border-b-2 border-white" : "text-white/30"}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : "info" }) }, tab)),
+          hfToken && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: `material-symbols-outlined text-[20px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
-          activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
-          activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
+          activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+          activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             MediaLibrary,
             {
               items: galleryItems,
@@ -6184,49 +6365,51 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onDelete: (id) => setGalleryItems((g) => g.filter((x) => x.id !== id)),
               onSelect: handleGallerySelect,
               onGenerateReference: (item) => {
-                handleGenerateImage(item.prompt || activePrompt, item.mediaId, void 0, { silent: true });
+                handleGenerateBatch(item.prompt || activePrompt, item.mediaId, void 0, { silent: true });
                 setMobileTab("stage");
-              }
+              },
+              visibleCount: galleryVisibleCount,
+              onLoadMore: () => setGalleryVisibleCount((c) => c + 20)
             }
           ),
-          activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InspectPanel, { currentResult, history, onSelect: (g) => {
+          activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InspectPanel, { currentResult, history, onSelect: (g) => {
             setCurrentResult(g);
           } })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
-          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: mobileTab === "tools" ? "flex" : "none" }, className: "flex flex-col flex-1 min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex border-b border-white/5 shrink-0", style: { height: 52 }, children: [
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => {
             setLeftTab("prompt");
             if (activeTab === "setup" || activeTab === "sync") setActiveTab("history");
           }, className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "auto_fix_high" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "auto_fix_high" }),
             "Prompt"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => {
             setLeftTab("hierarchy");
             if (activeTab === "setup" || activeTab === "sync") setActiveTab("history");
           }, className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "account_tree" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "account_tree" }),
             "Hierarchie"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setActiveTab("setup"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "setup" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setActiveTab("setup"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "setup" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "settings" }),
             "Setup"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setActiveTab("sync"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "cloud_sync" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setActiveTab("sync"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "sync" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "cloud_sync" }),
             "Sync"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setActiveTab("hftest"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "hftest" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "biotech" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setActiveTab("hftest"), className: `flex-1 flex items-center justify-center gap-1.5 text-[11px] font-bold uppercase tracking-wide transition-colors ${activeTab === "hftest" ? "text-white border-b-2 border-white" : "text-white/30"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "biotech" }),
             "HF"
           ] }),
-          serverBaseUrl && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
-          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
+          serverBaseUrl && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) }),
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
-          leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
+          leftTab === "hierarchy" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             ListView,
             {
               nodes,
@@ -6257,12 +6440,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
             }
           ) }),
-          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
-            handleGenerateImage(prompt);
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { display: leftTab === "prompt" && activeTab !== "setup" && activeTab !== "sync" && activeTab !== "hftest" ? "flex" : "none" }, className: "absolute inset-0 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => {
+            handleGenerateBatch(prompt);
             setMobileTab("stage");
           }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage }) }),
-          activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
-          activeTab === "sync" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
+          activeTab === "sync" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             ProjectSyncTab,
             {
               topSlot: syncTopSlot,
@@ -6286,7 +6469,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onHfInitialSync: hfToken ? handleHfInitialSync : void 0
             }
           ),
-          activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             TagManagerPanel,
             {
               workspaceTags,
@@ -6297,7 +6480,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onTagMove: handleTagMove
             }
           ),
-          activeTab === "hftest" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          activeTab === "hftest" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             HFTestTab,
             {
               token: hfToken,
@@ -6309,23 +6492,23 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               missingImages: hfMissingImages
             }
           ) }),
-          activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { serverBaseUrl }) })
+          activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ServerTab, { serverBaseUrl }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex border-t border-white/10 bg-black shrink-0", style: { height: 56, paddingBottom: "env(safe-area-inset-bottom, 0px)" }, children: [
         { id: "tools", icon: "auto_fix_high", label: "Prompt" },
         { id: "stage", icon: "palette", label: "Stage" },
         { id: "labs", icon: "science", label: "Labs" },
         ...workspaceTags ? [{ id: "tags", icon: "label", label: "Tags" }] : [],
         { id: "browse", icon: "photo_library", label: "Galerie" },
         ...serverBaseUrl ? [{ id: "server", icon: "storage", label: "Server" }] : []
-      ].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
+      ].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[24px]", children: tab.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wide", children: tab.label })
       ] }, tab.id)) })
     ] });
     if (mdMode) {
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { position: "fixed", inset: 0, overflow: "hidden", background: "#0e0e0e" }, children: mobileRoot });
+      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { position: "fixed", inset: 0, overflow: "hidden", background: "#0e0e0e" }, children: mobileRoot });
     }
     return mobileRoot;
   }
@@ -6333,17 +6516,19 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const tlScale = Math.min(window.innerWidth / 920, window.innerHeight / 520);
     const tlW = 920;
     const tlH = 520;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { position: "fixed", inset: 0, background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", ...hcStyle || {} }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { width: tlW, height: tlH, transform: `scale(${tlScale})`, transformOrigin: "center center", display: "flex", flexDirection: "row", color: "#fff", overflow: "hidden", borderRadius: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { width: 320, height: tlH, display: "flex", flexDirection: "column", borderRight: "1px solid rgba(255,255,255,0.05)", background: "#000", flexShrink: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { height: 52, borderBottom: "1px solid rgba(255,255,255,0.05)", display: "flex", alignItems: "center", gap: 8, padding: "0 12px", flexShrink: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: toggleContrast, style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: highContrast ? "light_mode" : "dark_mode" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setShowStart(true), style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "apps" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { position: "fixed", inset: 0, background: "#0e0e0e", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", ...hcStyle || {} }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { width: tlW, height: tlH, transform: `scale(${tlScale})`, transformOrigin: "center center", display: "flex", flexDirection: "row", color: "#fff", overflow: "hidden", borderRadius: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { width: 320, height: tlH, display: "flex", flexDirection: "column", borderRight: "1px solid rgba(255,255,255,0.05)", background: "#000", flexShrink: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { height: 52, borderBottom: "1px solid rgba(255,255,255,0.05)", display: "flex", alignItems: "center", gap: 8, padding: "0 12px", flexShrink: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { flex: 1 } }),
+          runningBadge,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: toggleContrast, style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: highContrast ? "light_mode" : "dark_mode" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setShowStart(true), style: { color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 4, lineHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "apps" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { padding: "12px 12px 8px", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { position: "relative", borderRadius: 12, border: `1px solid ${isSynthesizing ? "rgba(255,255,255,0.2)" : "rgba(255,255,255,0.1)"}`, background: "rgba(255,255,255,0.05)" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { padding: "12px 12px 8px", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { position: "relative", borderRadius: 12, border: `1px solid ${isSynthesizing ? "rgba(255,255,255,0.2)" : "rgba(255,255,255,0.1)"}`, background: "rgba(255,255,255,0.05)" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "textarea",
             {
               value: activePrompt,
@@ -6352,27 +6537,24 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               placeholder: "Prompt eingeben..."
             }
           ),
-          activePrompt && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setActivePrompt(""), style: { position: "absolute", top: 6, right: 6, width: 22, height: 22, display: "flex", alignItems: "center", justifyContent: "center", color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 15 }, children: "close" }) })
+          activePrompt && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setActivePrompt(""), style: { position: "absolute", top: 6, right: 6, width: 22, height: 22, display: "flex", alignItems: "center", justifyContent: "center", color: "rgba(255,255,255,0.2)", background: "none", border: "none", cursor: "pointer", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 15 }, children: "close" }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { padding: "0 12px 10px", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { padding: "0 12px 10px", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "button",
           {
-            onClick: () => handleGenerateImage(),
-            disabled: !activePrompt.trim() || isGenerating,
-            style: { width: "100%", height: 42, display: "flex", alignItems: "center", justifyContent: "center", gap: 8, borderRadius: 10, fontWeight: "bold", fontSize: 13, textTransform: "uppercase", letterSpacing: "0.05em", border: "1px solid rgba(255,255,255,0.1)", background: activePrompt.trim() && !isGenerating ? "#0284c7" : "transparent", color: "#fff", cursor: activePrompt.trim() && !isGenerating ? "pointer" : "default", opacity: !activePrompt.trim() || isGenerating ? 0.3 : 1, fontFamily: "inherit", transition: "background 0.2s" },
-            children: isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { width: 14, height: 14, borderTop: "2px solid #fff", borderRadius: "50%", animation: "spin 1s linear infinite" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Generiere..." })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "bolt" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Generieren" })
-            ] })
+            onClick: () => handleGenerateBatch(),
+            disabled: !activePrompt.trim(),
+            style: { width: "100%", height: 42, display: "flex", alignItems: "center", justifyContent: "center", gap: 8, borderRadius: 10, fontWeight: "bold", fontSize: 13, textTransform: "uppercase", letterSpacing: "0.05em", border: "1px solid rgba(255,255,255,0.1)", background: activePrompt.trim() ? "#0284c7" : "transparent", color: "#fff", cursor: activePrompt.trim() ? "pointer" : "default", opacity: !activePrompt.trim() ? 0.3 : 1, fontFamily: "inherit", transition: "background 0.2s" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "bolt" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Generieren" })
+            ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { flex: 1, overflow: "hidden", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, height: tlH, display: "flex", flexDirection: "column", background: "#0b0b0b" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             style: { flex: 1, padding: 16, display: "flex", alignItems: "center", justifyContent: "center", position: "relative" },
@@ -6384,26 +6566,26 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               else if (dx > 50) goToPrev();
               setTouchStartX(null);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { height: "100%", width: "100%", borderRadius: 20, border: "1px solid rgba(255,255,255,0.05)", background: "rgba(0,0,0,0.4)", position: "relative", overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
-              currentResult?.status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { width: 36, height: 36, borderTop: "2px solid #fff", borderRadius: "50%", animation: "spin 1s linear infinite" } }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.4)", textTransform: "uppercase", fontWeight: "bold", letterSpacing: "0.15em" }, children: "Erstelle Bild..." })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { height: "100%", width: "100%", borderRadius: 20, border: "1px solid rgba(255,255,255,0.05)", background: "rgba(0,0,0,0.4)", position: "relative", overflow: "hidden", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
+              currentResult?.status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 12, opacity: 0.4 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 36 }, children: "hourglass_top" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { fontSize: 10, color: "rgba(255,255,255,0.6)", textTransform: "uppercase", fontWeight: "bold", letterSpacing: "0.15em" }, children: "Erstelle Bild..." })
               ] }),
-              currentResult?.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 32, color: "#f87171" }, children: "warning" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: currentResult.error?.message }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => handleGenerateImage(currentResult.prompt), style: { padding: "8px 16px", borderRadius: 8, border: "1px solid rgba(255,255,255,0.2)", fontSize: 11, color: "rgba(255,255,255,0.7)", background: "none", cursor: "pointer", fontFamily: "inherit" }, children: "Erneut versuchen" })
+              currentResult?.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { padding: 24, textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center", gap: 12 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 32, color: "#f87171" }, children: "warning" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { fontSize: 11, color: "rgba(255,255,255,0.5)", margin: 0 }, children: currentResult.error?.message }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
-              !currentResult && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
+              currentResult?.status === "done" && currentResult.base64 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, style: { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } }),
+              !currentResult && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8, opacity: 0.1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 64 }, children: "palette" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
               ] }),
-              currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: openFullscreen, style: { position: "absolute", top: 8, right: 8, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
-              history.length > 1 && currentResult && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: goToPrev, disabled: currentIndex <= 0, style: { position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex <= 0 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, style: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex >= history.length - 1 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { position: "absolute", bottom: 8, left: "50%", transform: "translateX(-50%)", background: "rgba(0,0,0,0.6)", borderRadius: 999, padding: "2px 12px", fontSize: 10, color: "rgba(255,255,255,0.4)", fontFamily: "monospace" }, children: [
+              currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: openFullscreen, style: { position: "absolute", top: 8, right: 8, width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
+              history.length > 1 && currentResult && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: goToPrev, disabled: currentIndex <= 0, style: { position: "absolute", left: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex <= 0 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: goToNext, disabled: currentIndex >= history.length - 1, style: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)", width: 36, height: 36, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.1)", cursor: "pointer", color: "#fff", opacity: currentIndex >= history.length - 1 ? 0 : 1, transition: "opacity 0.2s" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { position: "absolute", bottom: 8, left: "50%", transform: "translateX(-50%)", background: "rgba(0,0,0,0.6)", borderRadius: 999, padding: "2px 12px", fontSize: 10, color: "rgba(255,255,255,0.4)", fontFamily: "monospace" }, children: [
                   currentIndex + 1,
                   " / ",
                   history.length
@@ -6412,42 +6594,42 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             ] })
           }
         ),
-        currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "replay" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Prompt" })
+        currentResult?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { padding: "0 16px 16px", display: "flex", gap: 8, flexShrink: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setActivePrompt(currentResult.prompt || ""), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "replay" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Prompt" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "none", background: "rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.8)", fontSize: 11, fontWeight: "bold", cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "auto_fix_high" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Referenz" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "none", background: "rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.8)", fontSize: 11, fontWeight: "bold", cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "auto_fix_high" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Referenz" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: handleDownloadSingle, style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "download" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Laden" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: handleDownloadSingle, style: { flex: 1, height: 40, display: "flex", alignItems: "center", justifyContent: "center", gap: 6, borderRadius: 10, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.05)", color: "rgba(255,255,255,0.6)", fontSize: 11, cursor: "pointer", fontFamily: "inherit" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 16 }, children: "download" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Laden" })
           ] })
         ] })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
-        !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-1 gap-1", children: [
-          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex h-screen w-screen bg-[#0e0e0e] text-white overflow-hidden", style: hcStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute top-2 right-2 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setShowStart(true), className: "text-white/10 hover:text-white/30 transition-colors text-[10px]", children: "\u21C4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col border-r border-white/5 overflow-hidden relative bg-black/10 shrink-0", style: { width: isLeftCollapsed ? 48 : leftPanelWidth, transition: "none" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center justify-between shrink-0 px-1", children: [
+        !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-1 gap-1", children: [
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setLeftTab("prompt"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "prompt" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "auto_fix_high" }),
             "Prompt"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: () => setLeftTab("hierarchy"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: () => setLeftTab("hierarchy"), className: `flex-1 flex items-center justify-center gap-1 h-8 rounded-lg text-[8px] font-bold uppercase tracking-wide transition-colors ${leftTab === "hierarchy" ? "bg-white/10 text-white" : "text-white/30 hover:text-white/60"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "account_tree" }),
             "Hierarchie"
           ] }),
-          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
+          workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "label" }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setIsLeftCollapsed(!isLeftCollapsed), className: "material-symbols-outlined text-[18px] text-white/40 hover:text-white transition-all w-10 flex items-center justify-center", children: isLeftCollapsed ? "chevron_right" : "chevron_left" })
       ] }),
-      !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
-        activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
+        activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TagManagerPanel,
           {
             workspaceTags,
@@ -6458,11 +6640,11 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onTagMove: handleTagMove
           }
         ),
-        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
+        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        leftTab === "hierarchy" && activeTab !== "tags" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        leftTab === "hierarchy" && activeTab !== "tags" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ListView,
           {
             nodes,
@@ -6487,18 +6669,19 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             isGeneratingNodeId: (id) => isSynthesizing && focusedNodeId === id
           }
         ) }),
-        leftTab === "prompt" && workspaceTags && activeTab !== "tags" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateImage(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
+        leftTab === "prompt" && workspaceTags && activeTab !== "tags" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PromptTab, { workspaceTags, onGenerate: handlePromptTabGenerate, isGenerating: isPromptTabGenerating, feedback: promptFeedback, promptResult: activePrompt || null, lastPayload: lastPromptPayload, onGenerateImage: (prompt) => handleGenerateBatch(prompt), onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage })
       ] })
     ] }),
-    !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] })
+    !isLeftCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { onMouseDown: startLeftResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 flex flex-col bg-[#0b0b0b] overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "h-14 border-b border-white/5 flex items-center px-4 gap-2 justify-between shrink-0 bg-black/20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: aspectRatio, onChange: setAspectRatio, options: [{ label: "1:1", value: "1:1" }, { label: "16:9", value: "16:9" }, { label: "9:16", value: "9:16" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: selectedModel, onChange: setSelectedModel, options: [{ value: "\u{1F34C} Nano Banana Pro", label: "\u{1F34C} Nano Banana Pro" }, { value: "\u{1F34C} Nano Banana 2", label: "\u{1F34C} Nano Banana 2" }, { value: "Imagen 4", label: "Imagen 4" }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CompactDropdown, { value: String(imageCount), displayValue: `${imageCount}\xD7`, onChange: updateImageCount, options: imageCountOptions })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1 mx-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1 mx-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "button",
             {
               onClick: () => setMiddlePanel("stage"),
@@ -6506,7 +6689,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               children: "Stage"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "button",
             {
               onClick: () => setMiddlePanel("labs"),
@@ -6515,57 +6698,52 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
-          activeReferenceThumbnail ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden", style: { height: 28 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 hover:text-white/80 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("button", { onClick: handleSelectReference, className: "flex items-center gap-1 h-7 px-2 rounded-lg border border-white/10 text-white/30 hover:text-white/60 hover:border-white/20 transition-colors text-[10px] font-bold uppercase tracking-wide", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: "Ref" })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+          activeReferenceThumbnail ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1 rounded-lg border border-white/20 bg-white/5 overflow-hidden", style: { height: 28 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: activeReferenceThumbnail, className: "h-full aspect-square object-cover" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[10px] text-white/60 font-bold uppercase tracking-wide px-1", children: "Ref" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: clearReference, className: "w-6 h-full flex items-center justify-center text-white/30 hover:text-white/80 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("button", { onClick: handleSelectReference, className: "flex items-center gap-1 h-7 px-2 rounded-lg border border-white/10 text-white/30 hover:text-white/60 hover:border-white/20 transition-colors text-[10px] font-bold uppercase tracking-wide", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "add_photo_alternate" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Ref" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PillButton, { variant: "solid", icon: "bolt", loading: isGenerating, disabled: !activePrompt.trim(), onClick: () => handleGenerateImage(), children: "Generieren" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setIsPromptCollapsed(!isPromptCollapsed), className: "text-white/40 hover:text-white transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined", children: isPromptCollapsed ? "expand_more" : "expand_less" }) }),
+          runningBadge,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PillButton, { variant: "solid", icon: "bolt", disabled: !activePrompt.trim(), onClick: () => handleGenerateBatch(), children: "Generieren" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
-        !isPromptCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("textarea", { value: activePrompt, onChange: (e) => setActivePrompt(e.target.value), className: "w-full bg-transparent border-none outline-none text-[12px] leading-relaxed text-white/80 resize-none h-20 dark-scrollbar", placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..." }),
-          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
+        !isPromptCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-6 py-4 border-b border-white/5 bg-black/10 overflow-hidden shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `relative min-h-[60px] p-4 rounded-2xl border transition-all ${isSynthesizing ? "prompt-loading" : "bg-white/5 border-white/10"}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("textarea", { value: activePrompt, onChange: (e) => setActivePrompt(e.target.value), className: "w-full bg-transparent border-none outline-none text-[12px] leading-relaxed text-white/80 resize-none h-20 dark-scrollbar", placeholder: "W\xE4hle einen Knoten oder tippe einen Prompt..." }),
+          activePrompt && !isSynthesizing && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setActivePrompt(""), className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center transition-colors text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "close" }) })
         ] }) }),
-        middlePanel === "labs" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LabsTab, { services: labServices, onResult: (item) => {
+        middlePanel === "labs" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LabsTab, { services: labServices, onResult: (item) => {
           const frame = item.frames[0];
           if (frame?.base64) setCurrentResult(frameToGeneration(frame, item));
-        } }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-3 h-3 border-t-2 border-white rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/60 uppercase font-bold tracking-widest", children: "Neue Referenz..." })
+        } }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-hidden flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-1 p-6 overflow-hidden flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full w-full max-w-4xl aspect-square rounded-3xl border border-white/5 bg-black/40 relative overflow-hidden flex items-center justify-center group shadow-2xl", children: currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-4 opacity-40", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[40px]", children: "hourglass_top" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[10px] uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
+          ] }) : currentResult.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
             ] }),
-            currentResult ? currentResult.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-10 h-10 border-t-2 border-white rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[10px] text-white/40 uppercase font-bold tracking-widest", children: "Erstelle Bild..." })
-            ] }) : currentResult.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-10 text-center flex flex-col items-center gap-5 max-w-md", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-red-500 text-[32px]", children: "warning" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "text-[11px] font-bold uppercase tracking-widest text-red-400", children: "Generierungsfehler" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-white/60 text-[12px] leading-relaxed", children: currentResult.error?.message })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "h-full w-full relative flex items-center justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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__ */ (0, import_jsx_runtime23.jsx)(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateImage(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
-              ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PillButton, { variant: "outline", icon: "refresh", onClick: () => handleGenerateImage(currentResult.prompt), children: "Erneut versuchen" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "h-full w-full relative flex items-center justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: currentResult.fullBase64 || currentResult.base64, className: "max-h-full max-w-full object-contain rounded-xl shadow-2xl" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("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__ */ (0, import_jsx_runtime24.jsx)(PillButton, { variant: "outline", icon: "replay", onClick: () => setActivePrompt(currentResult.prompt || ""), children: "Prompt" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PillButton, { variant: "solid", icon: "auto_fix_high", onClick: () => handleGenerateBatch(currentResult.prompt || activePrompt, currentResult.mediaId, void 0, { silent: true }), children: "Referenz" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PillButton, { variant: "outline", icon: "download", onClick: handleDownloadSingle, children: "Speichern" })
             ] })
-          ] }) }),
-          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 opacity-10", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[100px]", children: "palette" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-[12px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
+          ] }) }) }),
+          currentResult?.status === "done" && currentGroup.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-6 pb-4 shrink-0 flex gap-2 overflow-x-auto", style: { scrollbarWidth: "none" }, children: currentGroup.map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "div",
               {
                 onClick: () => handleGallerySelect(item),
@@ -6580,10 +6758,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   transition: "opacity 0.15s, border-color 0.15s"
                 },
                 className: "hover:opacity-80",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: item.base64, style: { width: "100%", height: "100%", objectFit: "cover" }, alt: "" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "button",
               {
                 onClick: (e) => {
@@ -6606,31 +6784,31 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: 10, color: item.titleTs ? "#fff" : "rgba(255,255,255,0.5)", lineHeight: 1 }, children: "star" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-1", children: [
-          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+    !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { onMouseDown: startRightResize, className: "w-1 shrink-0 cursor-col-resize hover:bg-white/20 active:bg-white/30 transition-colors", style: { background: "transparent" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col border-l border-white/5 bg-[#0e0e0e] shrink-0", style: { width: isRightCollapsed ? 60 : rightPanelWidth, transition: "none" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex border-b border-white/5 h-14 shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-1", children: [
+          ["history", "gallery", "inspect", "setup", "sync", "tags"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => {
             setActiveTab(tab);
             setIsRightCollapsed(false);
-          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
-          serverBaseUrl && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => {
+          }, className: `flex-1 flex items-center justify-center relative transition-colors ${activeTab === tab ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: tab === "history" ? "history" : tab === "gallery" ? "photo_library" : tab === "inspect" ? "info" : tab === "setup" ? "settings" : tab === "sync" ? "cloud_sync" : "label" }) }, tab)),
+          serverBaseUrl && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
+          }, className: `w-10 flex items-center justify-center relative transition-colors ${activeTab === "server" ? "text-white" : "text-white/20"}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[20px]", children: "storage" }) })
         ] }),
-        hfToken && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
+        hfToken && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => refreshHF(), disabled: isHfRefreshing, className: "w-10 flex items-center justify-center text-white/20 hover:text-white/60 transition-colors disabled:opacity-30", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: `material-symbols-outlined text-[18px]${isHfRefreshing ? " animate-spin" : ""}`, children: "sync" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setIsRightCollapsed(!isRightCollapsed), className: "w-10 flex items-center justify-center text-white/20 hover:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[18px]", children: isRightCollapsed ? "chevron_left" : "chevron_right" }) })
       ] }),
-      !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
-        activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      !isRightCollapsed && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-hidden relative", children: [
+        activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TagManagerPanel,
           {
             workspaceTags,
@@ -6641,12 +6819,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onTagMove: handleTagMove
           }
         ),
-        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
+        activeTab === "tags" && !workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-center h-full p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "material-symbols-outlined text-[40px] text-white/10 block mb-3", children: "label_off" }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-[11px] text-white/20", children: "Erst Workspace importieren um Tags zu verwalten." })
         ] }) }),
-        activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)) }),
-        activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        activeTab === "history" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HistoryPanel, { history, currentResultId: currentResult?.id || null, onSelect: handleGallerySelect, onDelete: (id) => setHistory((h) => h.filter((x) => x.id !== id)), visibleCount: historyVisibleCount, onLoadMore: () => setHistoryVisibleCount((c) => c + 20) }),
+        activeTab === "gallery" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           MediaLibrary,
           {
             items: galleryItems,
@@ -6657,12 +6835,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             },
             onDelete: (id) => setGalleryItems((g) => g.filter((x) => x.id !== id)),
             onSelect: handleGallerySelect,
-            onGenerateReference: (item) => handleGenerateImage(item.prompt || activePrompt, item.mediaId, void 0, { silent: true })
+            onGenerateReference: (item) => handleGenerateBatch(item.prompt || activePrompt, item.mediaId, void 0, { silent: true }),
+            visibleCount: galleryVisibleCount,
+            onLoadMore: () => setGalleryVisibleCount((c) => c + 20)
           }
         ),
-        activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InspectPanel, { currentResult, history, onSelect: setCurrentResult }),
-        activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
-        activeTab === "sync" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        activeTab === "inspect" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InspectPanel, { currentResult, history, onSelect: setCurrentResult }),
+        activeTab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo }),
+        activeTab === "sync" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ProjectSyncTab,
           {
             topSlot: syncTopSlot,
@@ -6686,15 +6866,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
-        activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ServerTab, { serverBaseUrl })
+        activeTab === "server" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ServerTab, { serverBaseUrl })
       ] })
     ] })
   ] });
 }
 
 // src/components/FaApp.tsx
-var import_react28 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react27 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function FaApp({
   onGenerateImage,
   onGeneratePrompt,
@@ -6713,8 +6893,8 @@ function FaApp({
   onServerDelete,
   buildInfo
 }) {
-  const [hfNamespace, setHfNamespace] = (0, import_react28.useState)(void 0);
-  (0, import_react28.useEffect)(() => {
+  const [hfNamespace, setHfNamespace] = (0, import_react27.useState)(void 0);
+  (0, import_react27.useEffect)(() => {
     if (!serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string") setHfNamespace(d.hfNamespace);
@@ -6725,7 +6905,7 @@ function FaApp({
     const result = await onGeneratePrompt(text, options);
     return result.text;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     AvatarArchitectApp,
     {
       onGenerateImage,
@@ -6748,7 +6928,7 @@ function FaApp({
 // src/index.ts
 init_hfStateService();
 init_hfStateService();
-var LIB_VERSION = "2.0.57";
+var LIB_VERSION = "2.0.62";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,