@rslsp1/fa-app-tools 6.1.0 → 7.0.1

package/dist/index.mjs

@@ -2,37 +2,26 @@ import {
   SzenenView,
   alsFlowTextZugang,
   applyEvents,
-  createFlowSzenenViewPort
-} from "./chunk-GHKN2VX3.mjs";
-import "./chunk-FUY2OCVC.mjs";
-import {
-  exportProjectToZip,
-  importProjectFromZip,
-  injectXMPMetadata
-} from "./chunk-UFXDXENC.mjs";
-import {
+  createFlowSzenenViewPort,
   getHFToken,
   getSessionClientId,
   hfBatchArchive,
   hfBootstrapFromLegacy,
-  hfDeleteProject,
   hfDownloadBinaryByPath,
-  hfDownloadProject,
   hfListDir,
-  hfListProjects,
   hfLoadImageAsBase64,
   hfUploadImage,
-  hfUploadProjectForm,
   hfUploadSmallFile,
   loadHFState,
   loadPendingEvents,
   setHFToken,
   tsFromEventPath,
   writeHFEvent
-} from "./chunk-NBUS7AWR.mjs";
+} from "./chunk-B2YV4TNI.mjs";
+import "./chunk-FUY2OCVC.mjs";
 
 // package.json
-var version = "6.1.0";
+var version = "7.0.1";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -128,6 +117,125 @@ var GLOBAL_STYLES = `
   @media (max-width: 760px) { .flow-szenen-shell__content { padding: 8px; } }
 ` + SZENEN_VIEW_STYLES;
 
+// src/lib/metadata.ts
+var crcTable = (() => {
+  let c;
+  const table = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    c = n;
+    for (let k = 0; k < 8; k++) {
+      c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+    }
+    table[n] = c;
+  }
+  return table;
+})();
+function calculateCRC(bytes) {
+  let crc = 4294967295;
+  for (let i = 0; i < bytes.length; i++) {
+    crc = crcTable[(crc ^ bytes[i]) & 255] ^ crc >>> 8;
+  }
+  return (crc ^ 4294967295) >>> 0;
+}
+function indexOfBytes(buffer, search, start = 0) {
+  for (let i = start; i <= buffer.length - search.length; i++) {
+    let found = true;
+    for (let j = 0; j < search.length; j++) {
+      if (buffer[i + j] !== search[j]) {
+        found = false;
+        break;
+      }
+    }
+    if (found) return i;
+  }
+  return -1;
+}
+function createXMPPacket(prompt, seed, model, id, tags = [], hierarchy) {
+  const sanitize = (str) => (str || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  const escPrompt = sanitize(prompt);
+  const escModel = sanitize(model || "AI Model");
+  const escHierarchy = sanitize(hierarchy || "");
+  const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+  const allTags = [.../* @__PURE__ */ new Set([...tags, "Avatar Architect", escModel])];
+  const rdfTags = allTags.map((t) => `<rdf:li>${sanitize(t)}</rdf:li>`).join("");
+  const BOM = "\uFEFF";
+  return `<?xpacket begin="${BOM}" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+  <rdf:Description rdf:about=""
+    xmlns:xmp="http://ns.adobe.com/xap/1.0/"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/"
+    xmlns:ai="http://ns.flow.creative/ai/1.0/">
+   <dc:format>image/png</dc:format>
+   <dc:description><rdf:Alt><rdf:li xml:lang="x-default">${escPrompt}</rdf:li></rdf:Alt></dc:description>
+   <dc:subject><rdf:Bag>${rdfTags}</rdf:Bag></dc:subject>
+   <photoshop:Instructions>Seed: ${seed} | Model: ${escModel}</photoshop:Instructions>
+   <xmp:CreateDate>${timestamp}</xmp:CreateDate>
+   <ai:prompt>${escPrompt}</ai:prompt>
+   <ai:seed>${seed ?? "0"}</ai:seed>
+   <ai:model>${escModel}</ai:model>
+   <ai:hierarchy>${escHierarchy}</ai:hierarchy>
+  </rdf:Description>
+ </rdf:RDF>
+</x:xmpmeta>${" ".repeat(1024)}<?xpacket end="w"?>`;
+}
+function bytesToBase64(bytes) {
+  let binary = "";
+  const len = bytes.byteLength;
+  for (let i = 0; i < len; i++) binary += String.fromCharCode(bytes[i]);
+  return btoa(binary);
+}
+function base64ToBytes(base64) {
+  const clean = base64.includes(",") ? base64.split(",")[1] : base64.trim();
+  try {
+    const binary = atob(clean);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+    return bytes;
+  } catch (e) {
+    return new Uint8Array(0);
+  }
+}
+function injectXMPMetadata(base64, prompt, seed, model, id, tags = [], hierarchy) {
+  try {
+    const bytes = base64ToBytes(base64);
+    if (bytes.length < 8 || bytes[0] !== 137 || bytes[1] !== 80) {
+      console.warn("Metadaten-Injektion \xFCbersprungen: Datei ist kein PNG.");
+      return base64;
+    }
+    const xmpData = createXMPPacket(prompt, seed, model, id, tags, hierarchy);
+    const encoder = new TextEncoder();
+    const keyword = encoder.encode("XML:com.adobe.xmp");
+    const textBytes = encoder.encode(xmpData);
+    const chunkData = new Uint8Array(keyword.length + 5 + textBytes.length);
+    chunkData.set(keyword, 0);
+    chunkData.set(textBytes, keyword.length + 5);
+    const type = encoder.encode("iTXt");
+    const crcInput = new Uint8Array(type.length + chunkData.length);
+    crcInput.set(type, 0);
+    crcInput.set(chunkData, type.length);
+    const crc = calculateCRC(crcInput);
+    const fullChunk = new Uint8Array(4 + 4 + chunkData.length + 4);
+    const view = new DataView(fullChunk.buffer);
+    view.setUint32(0, chunkData.length);
+    fullChunk.set(type, 4);
+    fullChunk.set(chunkData, 8);
+    view.setUint32(8 + chunkData.length, crc);
+    const IDAT = encoder.encode("IDAT");
+    const idatPos = indexOfBytes(bytes, IDAT);
+    const insertPos = idatPos !== -1 ? idatPos - 4 : 8;
+    const result = new Uint8Array(bytes.length + fullChunk.length);
+    result.set(bytes.slice(0, insertPos), 0);
+    result.set(fullChunk, insertPos);
+    result.set(bytes.slice(insertPos), insertPos + fullChunk.length);
+    return bytesToBase64(result);
+  } catch (e) {
+    console.error("Fehler beim Einbetten der Metadaten:", e);
+    return base64;
+  }
+}
+
 // src/lib/aiHelpers.ts
 function buildGenerationPrompt(hierarchyText, mode = "creative") {
   const safe = hierarchyText.length > 2500 ? hierarchyText.slice(0, 2500) + "..." : hierarchyText;
@@ -1446,7 +1554,7 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { useState as useState25, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect10, useRef as useRef11 } from "react";
+import { useState as useState25, useCallback as useCallback4, useMemo as useMemo6, useEffect as useEffect9, useRef as useRef10 } from "react";
 
 // src/components/PromptTab.tsx
 import { useRef as useRef5, useState as useState8 } from "react";
@@ -2033,374 +2141,50 @@ var TaskExecutor = ({ openTasks, onExecute, onTaskCompleted }) => {
   ] });
 };
 
-// src/components/ProjectSyncTab.tsx
-import { useRef as useRef7, useState as useState10, useEffect as useEffect6 } from "react";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var ProjectSyncTab = ({
-  topSlot,
-  onProjectExport,
-  onProjectImport,
-  onWorkspaceImport,
-  projectActionState,
-  serverProjects,
-  onServerSave,
-  onServerLoad,
-  onServerDelete,
-  onRefreshServerProjects,
-  onComputeSyncDiff,
-  onExecuteSync,
-  hfToken,
-  onHfLoad,
-  onProjectExportBase64,
-  onHfInitialSync
-}) => {
-  const projectInputRef = useRef7(null);
-  const workspaceInputRef = useRef7(null);
-  const [saveName, setSaveName] = useState10("");
-  const [isSaving, setIsSaving] = useState10(false);
-  const [isExporting, setIsExporting] = useState10(false);
-  const [syncState, setSyncState] = useState10("idle");
-  const [syncDiff, setSyncDiff] = useState10(null);
-  const [selectedLocalIds, setSelectedLocalIds] = useState10(/* @__PURE__ */ new Set());
-  const handleExport = async () => {
-    if (!onProjectExport) return;
-    setIsExporting(true);
-    try {
-      await onProjectExport();
-    } finally {
-      setIsExporting(false);
-    }
-  };
-  const handleComputeDiff = async () => {
-    if (!onComputeSyncDiff) return;
-    setSyncState("computing");
-    setSyncDiff(null);
-    try {
-      const diff = await onComputeSyncDiff();
-      setSyncDiff(diff);
-      setSelectedLocalIds(new Set(diff.localOnly.map((g) => g.id)));
-      setSyncState("ready");
-    } catch {
-      setSyncState("error");
-      setTimeout(() => setSyncState("idle"), 4e3);
-    }
-  };
-  const handleExecuteSync = async () => {
-    if (!onExecuteSync || !syncDiff) return;
-    setSyncState("executing");
-    try {
-      await onExecuteSync([...selectedLocalIds]);
-      setSyncState("done");
-      setSyncDiff(null);
-      setTimeout(() => setSyncState("idle"), 3e3);
-    } catch {
-      setSyncState("error");
-      setTimeout(() => setSyncState("idle"), 4e3);
-    }
-  };
-  const toggleLocalId = (id) => {
-    setSelectedLocalIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  };
-  const isWorking = projectActionState === "working" || projectActionState === "working-full";
-  const [hfProjects, setHfProjects] = useState10([]);
-  const [hfLoading, setHfLoading] = useState10(false);
-  const [hfSaving, setHfSaving] = useState10(false);
-  const [hfError, setHfError] = useState10(null);
-  const [hfSaveName, setHfSaveName] = useState10("");
-  const [hfSyncProgress, setHfSyncProgress] = useState10(null);
-  const [hfSyncing, setHfSyncing] = useState10(false);
-  const loadHfProjects = async (token) => {
-    setHfLoading(true);
-    setHfError(null);
-    try {
-      setHfProjects(await hfListProjects(token));
-    } catch (e) {
-      setHfError(e.message);
-    } finally {
-      setHfLoading(false);
-    }
-  };
-  useEffect6(() => {
-    if (hfToken) loadHfProjects(hfToken);
-  }, [hfToken]);
+// src/components/HfMediaSyncTab.tsx
+import { useState as useState10 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var HfMediaSyncTab = ({ topSlot, onHfInitialSync }) => {
+  const [error, setError] = useState10(null);
+  const [progress, setProgress] = useState10(null);
+  const [syncing, setSyncing] = useState10(false);
   return /* @__PURE__ */ jsx15("div", { className: "absolute inset-0 overflow-y-auto dark-scrollbar", children: /* @__PURE__ */ jsxs13("div", { className: "p-6 flex flex-col gap-8", children: [
     topSlot && /* @__PURE__ */ jsx15("div", { children: topSlot }),
-    (onProjectExport || onProjectImport || onWorkspaceImport) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx15(SectionLabel, { children: "Projekt-ZIP" }),
+    onHfInitialSync && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx15(SectionLabel, { children: "Hugging Face" }),
       /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-        onProjectExport && /* @__PURE__ */ jsx15(PillButton, { variant: "filled", icon: "download", loading: isExporting || isWorking, onClick: handleExport, children: "Exportieren (.zip)" }),
-        onProjectImport && /* @__PURE__ */ jsxs13(Fragment5, { children: [
-          /* @__PURE__ */ jsx15(PillButton, { variant: "outline", icon: "upload", onClick: () => projectInputRef.current?.click(), children: "ZIP laden" }),
-          /* @__PURE__ */ jsx15(
-            "input",
-            {
-              ref: projectInputRef,
-              type: "file",
-              accept: ".zip",
-              className: "hidden",
-              onChange: (e) => {
-                const f = e.target.files?.[0];
-                if (f) onProjectImport(f);
-                e.target.value = "";
-              }
-            }
-          )
-        ] })
-      ] }),
-      onWorkspaceImport && /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        /* @__PURE__ */ jsx15(PillButton, { variant: "outline", icon: "upload_file", onClick: () => workspaceInputRef.current?.click(), children: "Tags laden (.json)" }),
-        /* @__PURE__ */ jsx15(
-          "input",
-          {
-            ref: workspaceInputRef,
-            type: "file",
-            accept: ".json",
-            className: "hidden",
-            onChange: (e) => {
-              const f = e.target.files?.[0];
-              if (f) onWorkspaceImport(f);
-              e.target.value = "";
-            }
-          }
-        )
-      ] })
-    ] }),
-    (onServerSave || serverProjects || onServerDelete) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx15(SectionLabel, { children: "Server-Speicher" }),
-      onServerSave && /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx15(
-          "input",
-          {
-            type: "text",
-            value: saveName,
-            onChange: (e) => setSaveName(e.target.value),
-            placeholder: "Name (optional)",
-            className: "flex-1 bg-white/5 border border-white/10 rounded-xl px-3 text-[12px] text-white/70 outline-none placeholder:text-white/20",
-            style: { height: 40 }
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          PillButton,
-          {
-            variant: "filled",
-            icon: "cloud_upload",
-            loading: isSaving,
-            onClick: async () => {
-              setIsSaving(true);
-              try {
-                await onServerSave(saveName || void 0);
-                setSaveName("");
-                await onRefreshServerProjects?.();
-              } finally {
-                setIsSaving(false);
-              }
-            },
-            children: "Speichern"
-          }
-        )
-      ] }),
-      (!serverProjects || serverProjects.length === 0) && /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-white/20 px-2", children: "Noch nichts gespeichert." }),
-      serverProjects && serverProjects.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1", children: serverProjects.map((p) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-white/5 border border-white/5", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-[11px] text-white/70 font-bold truncate", children: p.name }),
-          /* @__PURE__ */ jsxs13("p", { className: "text-[9px] text-white/25", children: [
-            new Date(p.saved_at).toLocaleString("de-DE", { dateStyle: "short", timeStyle: "short" }),
-            " \xB7 ",
-            (p.size / 1024).toFixed(0),
-            " KB"
-          ] })
-        ] }),
-        onServerLoad && /* @__PURE__ */ jsx15("button", { onClick: () => onServerLoad(p.id), className: "w-8 h-8 flex items-center justify-center text-white/30 active:text-white transition-colors", children: /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[18px]", children: "cloud_download" }) }),
-        /* @__PURE__ */ jsx15("button", { onClick: () => onServerDelete?.(p.id), className: "w-8 h-8 flex items-center justify-center text-white/20 active:text-red-400 transition-colors", children: /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[18px]", children: "delete" }) })
-      ] }, p.id)) })
-    ] }),
-    hfToken && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx15(SectionLabel, { children: "Hugging Face" }),
-        /* @__PURE__ */ jsx15("button", { onClick: () => loadHfProjects(hfToken), className: "text-white/30 hover:text-white/60 transition", children: /* @__PURE__ */ jsx15("span", { className: `material-symbols-outlined text-[18px]${hfLoading ? " animate-spin" : ""}`, children: "refresh" }) })
-      ] }),
-      onProjectExportBase64 && /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx15(
-          "input",
-          {
-            type: "text",
-            value: hfSaveName,
-            onChange: (e) => setHfSaveName(e.target.value),
-            placeholder: "Name (optional)",
-            className: "flex-1 bg-white/5 border border-white/10 rounded-xl px-3 text-[12px] text-white/70 outline-none placeholder:text-white/20",
-            style: { height: 40 }
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          PillButton,
-          {
-            variant: "filled",
-            icon: "cloud_upload",
-            loading: hfSaving,
-            onClick: async () => {
-              if (!onProjectExportBase64) return;
-              setHfSaving(true);
-              setHfError(null);
-              try {
-                const base64 = await onProjectExportBase64();
-                const name = hfSaveName.trim() || `project_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 16).replace("T", "_").replace(":", "")}`;
-                await hfUploadProjectForm(base64, name, hfToken);
-                setHfSaveName("");
-                await loadHfProjects(hfToken);
-              } catch (e) {
-                setHfError(e.message);
-              } finally {
-                setHfSaving(false);
-              }
-            },
-            children: "Speichern"
-          }
-        )
-      ] }),
-      onHfInitialSync && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsx15(
           PillButton,
           {
             variant: "outline",
             icon: "cloud_sync",
-            loading: hfSyncing,
+            loading: syncing,
             onClick: async () => {
-              setHfSyncing(true);
-              setHfError(null);
-              setHfSyncProgress({ done: 0, total: 0 });
+              setSyncing(true);
+              setError(null);
+              setProgress({ done: 0, total: 0 });
               try {
-                await onHfInitialSync((done, total) => setHfSyncProgress({ done, total }));
-                setHfSyncProgress(null);
+                await onHfInitialSync((done, total) => setProgress({ done, total }));
+                setProgress(null);
               } catch (e) {
-                setHfError(e.message);
-                setHfSyncProgress(null);
+                setError(e instanceof Error ? e.message : String(e));
+                setProgress(null);
               } finally {
-                setHfSyncing(false);
+                setSyncing(false);
               }
             },
-            children: hfSyncing && hfSyncProgress ? `${hfSyncProgress.done} / ${hfSyncProgress.total} Bilder` : "Initial-Sync nach HF"
+            children: syncing && progress ? `${progress.done} / ${progress.total} Bilder` : "Initial-Sync nach HF"
           }
         ),
-        hfSyncing && hfSyncProgress && hfSyncProgress.total > 0 && /* @__PURE__ */ jsx15("div", { className: "w-full h-1 bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx15(
+        syncing && progress && progress.total > 0 && /* @__PURE__ */ jsx15("div", { className: "w-full h-1 bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx15(
           "div",
           {
             className: "h-full bg-blue-400 rounded-full transition-all",
-            style: { width: `${Math.round(hfSyncProgress.done / hfSyncProgress.total * 100)}%` }
+            style: { width: `${Math.round(progress.done / progress.total * 100)}%` }
           }
         ) })
       ] }),
-      hfError && /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-red-400 font-mono px-1", children: hfError }),
-      !hfLoading && hfProjects.length === 0 && /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-white/20 px-2", children: "Noch nichts auf HF gespeichert." }),
-      hfProjects.map((p) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-white/5 border border-white/5", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx15("p", { className: "text-[11px] text-white/70 font-bold truncate", children: p.name }),
-          /* @__PURE__ */ jsxs13("p", { className: "text-[9px] text-white/25", children: [
-            (p.size / 1024 / 1024).toFixed(1),
-            " MB",
-            p.isLfs ? " \xB7 LFS" : ""
-          ] })
-        ] }),
-        onHfLoad && /* @__PURE__ */ jsx15(
-          "button",
-          {
-            onClick: async () => {
-              try {
-                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-W7KO2FOH.mjs");
-                const file = await hfDownloadProject2(p.path, hfToken);
-                onHfLoad(file);
-              } catch (e) {
-                setHfError(e.message);
-              }
-            },
-            className: "w-8 h-8 flex items-center justify-center text-white/30 active:text-white transition-colors",
-            children: /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[18px]", children: "cloud_download" })
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          "button",
-          {
-            onClick: async () => {
-              if (!confirm(`"${p.name}" auf HF l\xF6schen?`)) return;
-              try {
-                await hfDeleteProject(p.path, hfToken);
-                await loadHfProjects(hfToken);
-              } catch (e) {
-                setHfError(e.message);
-              }
-            },
-            className: "w-8 h-8 flex items-center justify-center text-white/20 active:text-red-400 transition-colors",
-            children: /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[18px]", children: "delete" })
-          }
-        )
-      ] }, p.id))
-    ] }),
-    onComputeSyncDiff && onExecuteSync && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx15(SectionLabel, { children: "Sync" }),
-      (syncState === "idle" || syncState === "computing") && /* @__PURE__ */ jsx15(PillButton, { variant: "outline", icon: "compare_arrows", loading: syncState === "computing", onClick: handleComputeDiff, children: "Diff berechnen" }),
-      syncState === "done" && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-2 text-[11px] text-green-400", children: [
-        /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[16px]", children: "check_circle" }),
-        "Sync abgeschlossen"
-      ] }),
-      syncState === "error" && /* @__PURE__ */ jsx15("p", { className: "text-[11px] text-red-400 px-2", children: "Fehler beim Sync." }),
-      syncDiff && (syncState === "ready" || syncState === "executing") && /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        syncDiff.localOnly.length === 0 && syncDiff.serverOnly.length === 0 && /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-white/30 px-2", children: "Alles synchron \u2014 keine Unterschiede." }),
-        syncDiff.localOnly.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs13("p", { className: "text-[9px] text-white/30 uppercase tracking-widest px-1 font-bold", children: [
-            "Nur lokal (",
-            syncDiff.localOnly.length,
-            ")"
-          ] }),
-          syncDiff.localOnly.map((gen) => /* @__PURE__ */ jsxs13(
-            "button",
-            {
-              onClick: () => toggleLocalId(gen.id),
-              className: `flex items-center gap-3 px-3 py-2 rounded-xl border transition-all text-left ${selectedLocalIds.has(gen.id) ? "bg-blue-500/10 border-blue-500/30" : "bg-white/3 border-white/5 opacity-60"}`,
-              children: [
-                /* @__PURE__ */ jsx15("div", { className: `w-4 h-4 rounded border flex items-center justify-center flex-shrink-0 ${selectedLocalIds.has(gen.id) ? "bg-blue-500 border-blue-500" : "border-white/20"}`, children: selectedLocalIds.has(gen.id) && /* @__PURE__ */ jsx15("span", { className: "material-symbols-outlined text-[11px] text-white", children: "check" }) }),
-                gen.base64 && /* @__PURE__ */ jsx15("img", { src: gen.base64, className: "w-10 h-10 rounded object-cover flex-shrink-0" }),
-                /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-white/60 truncate", children: gen.prompt || "Kein Prompt" }),
-                  /* @__PURE__ */ jsx15("p", { className: "text-[9px] text-white/25", children: new Date(gen.timestamp).toLocaleString("de-DE", { dateStyle: "short", timeStyle: "short" }) })
-                ] })
-              ]
-            },
-            gen.id
-          ))
-        ] }),
-        syncDiff.serverOnly.length > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs13("p", { className: "text-[9px] text-white/30 uppercase tracking-widest px-1 font-bold", children: [
-            "Nur auf Server (",
-            syncDiff.serverOnly.length,
-            ")"
-          ] }),
-          syncDiff.serverOnly.map((gen) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 px-3 py-2 rounded-xl bg-white/3 border border-white/5 opacity-40", children: [
-            gen.base64 && /* @__PURE__ */ jsx15("img", { src: gen.base64, className: "w-10 h-10 rounded object-cover flex-shrink-0" }),
-            /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-white/60 truncate", children: gen.prompt || "Kein Prompt" }),
-              /* @__PURE__ */ jsx15("p", { className: "text-[9px] text-white/25", children: new Date(gen.timestamp).toLocaleString("de-DE", { dateStyle: "short", timeStyle: "short" }) })
-            ] })
-          ] }, gen.id))
-        ] }),
-        (syncDiff.localOnly.length > 0 || syncDiff.serverOnly.length > 0) && /* @__PURE__ */ jsxs13(
-          PillButton,
-          {
-            variant: "solid",
-            icon: "sync",
-            loading: syncState === "executing",
-            disabled: selectedLocalIds.size === 0,
-            onClick: handleExecuteSync,
-            children: [
-              selectedLocalIds.size,
-              " \xFCbertragen"
-            ]
-          }
-        )
-      ] })
+      error && /* @__PURE__ */ jsx15("p", { className: "text-[10px] text-red-400 font-mono px-1", children: error })
     ] })
   ] }) });
 };
@@ -2532,7 +2316,7 @@ function toPromptImages(images) {
 }
 
 // src/hooks/useHFState.ts
-import { useState as useState11, useEffect as useEffect7, useRef as useRef8, useCallback } from "react";
+import { useState as useState11, useEffect as useEffect6, useRef as useRef7, useCallback } from "react";
 
 // src/lib/hfDag.ts
 function buildDag(events) {
@@ -2622,9 +2406,9 @@ function useHFState(token, namespace) {
   const [pendingBufferCount, setPendingBufferCount] = useState11(readOfflineBuffer().length);
   const [lastEventTs, setLastEventTs] = useState11(0);
   const [hasStateZip, setHasStateZip] = useState11(false);
-  const knownEventPaths = useRef8(/* @__PURE__ */ new Set());
-  const knownFilePaths = useRef8(/* @__PURE__ */ new Set());
-  const allEventsRef = useRef8([]);
+  const knownEventPaths = useRef7(/* @__PURE__ */ new Set());
+  const knownFilePaths = useRef7(/* @__PURE__ */ new Set());
+  const allEventsRef = useRef7([]);
   const applyNewEvents = useCallback((snapshot, newEvents) => {
     if (!newEvents.length && allEventsRef.current.length === 0) {
       setEventCount(0);
@@ -2701,10 +2485,10 @@ function useHFState(token, namespace) {
     } catch {
     }
   }, [token, namespace, state, applyNewEvents]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (token && namespace) loadFull();
   }, [token, namespace]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!token || !namespace) return;
     const id = setInterval(pollNew, POLL_INTERVAL_MS);
     return () => clearInterval(id);
@@ -2759,7 +2543,7 @@ function useHFState(token, namespace) {
 }
 
 // src/hooks/useTagBase.ts
-import { useState as useState12, useEffect as useEffect8, useCallback as useCallback2, useRef as useRef9 } from "react";
+import { useState as useState12, useEffect as useEffect7, useCallback as useCallback2, useRef as useRef8 } from "react";
 
 // src/lib/hfTagBaseService.ts
 import JSZip from "jszip";
@@ -2895,13 +2679,13 @@ function useTagBase(token, namespace) {
   const [selectedContextId, setSelectedContextId] = useState12(() => readStoredId(CONTEXT_ID_KEY));
   const [pickerMessage, setPickerMessage] = useState12(null);
   const [pendingTags, setPendingTags] = useState12([]);
-  const pendingIdCounter = useRef9(-1);
-  const selectedUserIdRef = useRef9(selectedUserId);
-  const selectedContextIdRef = useRef9(selectedContextId);
-  useEffect8(() => {
+  const pendingIdCounter = useRef8(-1);
+  const selectedUserIdRef = useRef8(selectedUserId);
+  const selectedContextIdRef = useRef8(selectedContextId);
+  useEffect7(() => {
     selectedUserIdRef.current = selectedUserId;
   }, [selectedUserId]);
-  useEffect8(() => {
+  useEffect7(() => {
     selectedContextIdRef.current = selectedContextId;
   }, [selectedContextId]);
   const load = useCallback2(async () => {
@@ -2946,7 +2730,7 @@ function useTagBase(token, namespace) {
       setIsLoading(false);
     }
   }, [token, namespace]);
-  useEffect8(() => {
+  useEffect7(() => {
     load();
   }, [load]);
   const selectUser = useCallback2((userId) => {
@@ -3045,7 +2829,7 @@ import { useState as useState15 } from "react";
 
 // src/components/labs/LabImagePicker.tsx
 import { useState as useState13 } from "react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var LabImagePicker = ({
   availableItems,
   recentItems,
@@ -3142,7 +2926,7 @@ var LabImagePicker = ({
       }
     ) }),
     /* @__PURE__ */ jsxs14("div", { className: "flex-1 overflow-y-auto dark-scrollbar px-3 pb-3", children: [
-      recentItems.length > 0 && !search && /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      recentItems.length > 0 && !search && /* @__PURE__ */ jsxs14(Fragment5, { children: [
         /* @__PURE__ */ jsx16("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/30 mb-2 mt-1", children: "Zuletzt verwendet" }),
         /* @__PURE__ */ jsx16("div", { className: "grid grid-cols-3 gap-2 mb-4", children: recentItems.slice(0, 6).map(renderItemCard) }),
         /* @__PURE__ */ jsx16("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/30 mb-2", children: "Alle Bilder" })
@@ -3257,7 +3041,7 @@ function useGenerationSettings() {
 }
 
 // src/components/labs/LabRemix.tsx
-import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var LabRemix = ({ services, onResult }) => {
   const [showPicker, setShowPicker] = useState15(false);
   const [selected, setSelected] = useState15(null);
@@ -3413,10 +3197,10 @@ var LabRemix = ({ services, onResult }) => {
         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__ */ jsxs16(Fragment7, { children: [
+        children: isGeneratingPrompt ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
           /* @__PURE__ */ jsx18("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
           /* @__PURE__ */ jsx18("span", { children: "Generiere Prompt..." })
-        ] }) : /* @__PURE__ */ jsxs16(Fragment7, { children: [
+        ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
           /* @__PURE__ */ jsx18("span", { className: "material-symbols-outlined text-[16px]", children: "auto_fix_high" }),
           /* @__PURE__ */ jsx18("span", { children: "Prompt generieren" })
         ] })
@@ -3463,7 +3247,7 @@ var LabRemix = ({ services, onResult }) => {
 
 // src/components/labs/LabBlend.tsx
 import { useState as useState16 } from "react";
-import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var LabBlend = ({ services, onResult }) => {
   const [showPickerFor, setShowPickerFor] = useState16(null);
   const [selectedImages, setSelectedImages] = useState16([]);
@@ -3558,7 +3342,7 @@ var LabBlend = ({ services, onResult }) => {
     /* @__PURE__ */ jsx19("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder" }),
     selectedImages.map((img, i) => /* @__PURE__ */ jsxs17("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
       /* @__PURE__ */ jsx19("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
-      img ? /* @__PURE__ */ jsxs17(Fragment8, { children: [
+      img ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
         /* @__PURE__ */ jsx19("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0", onClick: () => setShowPickerFor(i) }),
         /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
@@ -3624,10 +3408,10 @@ var LabBlend = ({ services, onResult }) => {
         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__ */ jsxs17(Fragment8, { children: [
+        children: isGeneratingPrompt ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
           /* @__PURE__ */ jsx19("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
           /* @__PURE__ */ jsx19("span", { children: "Blend l\xE4uft..." })
-        ] }) : /* @__PURE__ */ jsxs17(Fragment8, { children: [
+        ] }) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
           /* @__PURE__ */ jsx19("span", { className: "material-symbols-outlined text-[16px]", children: "merge" }),
           /* @__PURE__ */ jsx19("span", { children: "Prompts blenden" })
         ] })
@@ -3674,7 +3458,7 @@ var LabBlend = ({ services, onResult }) => {
 
 // src/components/labs/LabCompare.tsx
 import { useState as useState17 } from "react";
-import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var LabCompare = ({ services, onResult }) => {
   const [showPickerFor, setShowPickerFor] = useState17(null);
   const [selectedImages, setSelectedImages] = useState17([]);
@@ -3756,7 +3540,7 @@ var LabCompare = ({ services, onResult }) => {
     /* @__PURE__ */ jsx20("p", { className: "text-[9px] font-bold uppercase tracking-widest text-white/40", children: "Bilder zum Vergleichen" }),
     selectedImages.map((img, i) => /* @__PURE__ */ jsxs18("div", { className: "flex gap-3 p-3 rounded-xl border border-white/10 bg-white/5", children: [
       /* @__PURE__ */ jsx20("span", { className: "text-[10px] font-bold text-white/40 w-6 shrink-0 pt-1", children: autoLabel(i) }),
-      img ? /* @__PURE__ */ jsxs18(Fragment9, { children: [
+      img ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
         /* @__PURE__ */ jsx20("img", { src: img.frame.base64, className: "w-12 h-12 object-cover rounded-lg shrink-0 cursor-pointer", onClick: () => setShowPickerFor(i) }),
         /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-white/50 line-clamp-1", children: img.item.prompt }),
@@ -3800,10 +3584,10 @@ var LabCompare = ({ services, onResult }) => {
         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__ */ jsxs18(Fragment9, { children: [
+        children: isAnalyzing ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
           /* @__PURE__ */ jsx20("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
           /* @__PURE__ */ jsx20("span", { children: "Analysiere..." })
-        ] }) : /* @__PURE__ */ jsxs18(Fragment9, { children: [
+        ] }) : /* @__PURE__ */ jsxs18(Fragment8, { children: [
           /* @__PURE__ */ jsx20("span", { className: "material-symbols-outlined text-[16px]", children: "compare" }),
           /* @__PURE__ */ jsx20("span", { children: "Analysieren" })
         ] })
@@ -3830,10 +3614,10 @@ var LabCompare = ({ services, onResult }) => {
             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__ */ jsxs18(Fragment9, { children: [
+            children: isGeneratingImage ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
               /* @__PURE__ */ jsx20("div", { className: "w-3 h-3 border-t border-white rounded-full animate-spin" }),
               /* @__PURE__ */ jsx20("span", { children: "Generiere..." })
-            ] }) : /* @__PURE__ */ jsxs18(Fragment9, { children: [
+            ] }) : /* @__PURE__ */ jsxs18(Fragment8, { children: [
               /* @__PURE__ */ jsx20("span", { className: "material-symbols-outlined text-[16px]", children: "image" }),
               /* @__PURE__ */ jsx20("span", { children: "Bild generieren" })
             ] })
@@ -4017,7 +3801,7 @@ var LabLoop = ({ services, onResult }) => {
 };
 
 // src/components/labs/LabFrameExtractor.tsx
-import { useRef as useRef10, useState as useState19, useCallback as useCallback3 } from "react";
+import { useRef as useRef9, useState as useState19, useCallback as useCallback3 } from "react";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var formatTime = (s) => {
   const m = Math.floor(s / 60);
@@ -4031,9 +3815,9 @@ var LabFrameExtractor = ({
   onResult,
   resolveVideoUrl
 }) => {
-  const videoRef = useRef10(null);
-  const canvasRef = useRef10(null);
-  const cancelledRef = useRef10(false);
+  const videoRef = useRef9(null);
+  const canvasRef = useRef9(null);
+  const cancelledRef = useRef9(false);
   const [selectedItem, setSelectedItem] = useState19(null);
   const [videoSrc, setVideoSrc] = useState19(null);
   const [videoReady, setVideoReady] = useState19(false);
@@ -5425,7 +5209,7 @@ function HFTestTab({ token, namespace, galleryItems, allEvents = [], confirmedEv
 }
 
 // src/components/ServerTab.tsx
-import { useState as useState23, useEffect as useEffect9 } from "react";
+import { useState as useState23, useEffect as useEffect8 } from "react";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 function StarRating({ rating = 0 }) {
   return /* @__PURE__ */ jsx27("div", { className: "flex gap-[2px]", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx27("span", { className: `material-symbols-outlined text-[12px] ${i <= rating ? "text-yellow-400" : "text-white/15"}`, children: "star" }, i)) });
@@ -5452,7 +5236,7 @@ function ServerTab({ serverBaseUrl }) {
   const [libError, setLibError] = useState23(null);
   const [activeTag, setActiveTag] = useState23(null);
   const [preview, setPreview] = useState23(null);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!serverBaseUrl) return;
     setUsersLoading(true);
     setUsersError(null);
@@ -5604,7 +5388,7 @@ function ServerTab({ serverBaseUrl }) {
 
 // src/components/FlowWorkspacePicker.tsx
 import { useMemo as useMemo5, useState as useState24 } from "react";
-import { Fragment as Fragment10, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 function FlowWorkspacePicker({
   tagBase,
   selectedUserId,
@@ -5646,7 +5430,7 @@ function FlowWorkspacePicker({
         tagBase.meta.version,
         " enth\xE4lt keine Benutzer."
       ] })
-    ] }) : /* @__PURE__ */ jsxs26(Fragment10, { children: [
+    ] }) : /* @__PURE__ */ jsxs26(Fragment9, { children: [
       /* @__PURE__ */ jsx28("button", { className: "flow-workspace-picker__back", type: "button", onClick: back, children: "\u2190 Anderen Benutzer w\xE4hlen" }),
       /* @__PURE__ */ jsxs26("div", { className: "flow-workspace-picker__choices", "aria-label": "Kontext w\xE4hlen", children: [
         contexts.map((context) => /* @__PURE__ */ jsxs26("button", { type: "button", onClick: () => onSelectContext(context.id), children: [
@@ -5725,9 +5509,9 @@ function resolveBootstrapTarget(input) {
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
-function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
-  useEffect10(() => {
+import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, initialHfToken, hfNamespace, allowDevNamespace, requireWorkspaceSelection = false, serverBaseUrl }) {
+  useEffect9(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
       const style = document.createElement("style");
@@ -5745,10 +5529,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return null;
     }
   });
-  const [projectLoaded, setProjectLoaded] = useState25(false);
   const [hfToken, setHfToken] = useState25(initialHfToken || "");
   const [hfTokenInput, setHfTokenInput] = useState25(initialHfToken || "");
-  const [isLoadingFromHF, setIsLoadingFromHF] = useState25(false);
   const [hfNamespaceLocal, setHfNamespaceLocal] = useState25(() => {
     try {
       return normalizeSelectableNamespace(localStorage.getItem("aa-hf-namespace"));
@@ -5758,7 +5540,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   });
   const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState25(null);
   const [serverProbeFailed, setServerProbeFailed] = useState25(false);
-  useEffect10(() => {
+  useEffect9(() => {
     if (hfNamespace !== void 0 || !serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string" && d.hfNamespace) setHfNamespaceFromServer(d.hfNamespace);
@@ -5776,7 +5558,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     isStartDialogOpen: isDialogTarget && !targetConfirmed
   });
   const effectiveNamespace = bootstrapTarget.namespace ?? "";
-  const kontextRef = useRef11(null);
+  const kontextRef = useRef10(null);
   const szenenPort = useMemo6(() => hfToken && effectiveNamespace ? createFlowSzenenViewPort({
     generateText: onGeneratePrompt,
     token: hfToken,
@@ -5803,7 +5585,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [bootstrapLog, setBootstrapLog] = useState25([]);
   const [isBootstrapping, setIsBootstrapping] = useState25(false);
   const [hfMissingImages, setHfMissingImages] = useState25([]);
-  const syncTopSlot = /* @__PURE__ */ jsxs27(Fragment11, { children: [
+  const syncTopSlot = /* @__PURE__ */ jsxs27(Fragment10, { children: [
     localOnlyCount > 0 && /* @__PURE__ */ jsxs27("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,
@@ -5852,7 +5634,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       bootstrapLog.length > 0 && /* @__PURE__ */ jsx29("div", { style: { marginTop: 6, fontFamily: "monospace", fontSize: 10, color: "#78716c", lineHeight: 1.6 }, children: bootstrapLog.map((l, i) => /* @__PURE__ */ jsx29("div", { children: l }, i)) })
     ] })
   ] });
-  const wsInputRef = useRef11(null);
   const startApp = (choice) => {
     try {
       localStorage.setItem("aa-layout", choice);
@@ -5866,11 +5647,11 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [edges, setEdges] = useState25([]);
   const [history, setHistory] = useState25([]);
   const [galleryItems, setGalleryItems] = useState25([]);
-  const galleryItemsRef = useRef11([]);
-  useEffect10(() => {
+  const galleryItemsRef = useRef10([]);
+  useEffect9(() => {
     galleryItemsRef.current = galleryItems;
   }, [galleryItems]);
-  const hfImageNotFoundRef = useRef11(/* @__PURE__ */ new Map());
+  const hfImageNotFoundRef = useRef10(/* @__PURE__ */ new Map());
   const [galleryVisibleCount, setGalleryVisibleCount] = useState25(20);
   const [historyVisibleCount, setHistoryVisibleCount] = useState25(20);
   const loadThumbnailsForEntries = useCallback4(async (entries) => {
@@ -5892,7 +5673,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       }
     }
   }, [hfToken, effectiveNamespace]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!hfState) return;
     if (hfState.tags?.by_category) setWorkspaceTags(hfState.tags);
     const hfIds = new Set(hfState.metadata.map((m) => m.id));
@@ -5919,14 +5700,14 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return [...localOnly, ...merged].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     });
   }, [hfState]);
-  useEffect10(() => {
+  useEffect9(() => {
     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]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!hfState) return;
     const sortedMeta = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     loadThumbnailsForEntries(sortedMeta.slice(0, historyVisibleCount));
@@ -5987,11 +5768,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   });
   const [isPromptCollapsed, setIsPromptCollapsed] = useState25(false);
-  const [projectActionState, setProjectActionState] = useState25("idle");
-  const syncServerDataRef = useRef11(null);
   const [workspaceTags, setWorkspaceTags] = useState25(null);
-  const [serverProjects, setServerProjects] = useState25([]);
-  const [isLoadingFromServer, setIsLoadingFromServer] = useState25(false);
   const [highContrast, setHighContrast] = useState25(() => {
     try {
       return localStorage.getItem("aa-contrast") === "high";
@@ -6006,9 +5783,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [isFullscreen, setIsFullscreen] = useState25(false);
   const [zoomScale, setZoomScale] = useState25(1);
   const [zoomOffset, setZoomOffset] = useState25({ x: 0, y: 0 });
-  const lastPinchDist = useRef11(null);
-  const lastTapTime = useRef11(0);
-  const dragStart = useRef11(null);
+  const lastPinchDist = useRef10(null);
+  const lastTapTime = useRef10(0);
+  const dragStart = useRef10(null);
   const openFullscreen = () => {
     setIsFullscreen(true);
     setZoomScale(1);
@@ -6186,7 +5963,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
     return group ? group.items : [];
   }, [galleryItems, currentResult?.prompt]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!currentResult?.prompt || !hfToken || !effectiveNamespace || !hfState) return;
     const siblings = galleryItemsRef.current.filter(
       (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
@@ -6439,51 +6216,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       console.error("Download Error", e);
     }
   };
-  const handleProjectExport = async () => {
-    setProjectActionState("working-full");
-    try {
-      const { base64 } = await exportProjectToZip(nodes, edges, history, galleryItems, { aspectRatio, selectedModel, seed, seedMode }, workspaceTags, recentLabItems.map((i) => i.id));
-      await onDownload(base64, "application/zip", `avatar_project_${getFormattedTimestamp()}.zip`);
-      setProjectActionState("done");
-      setTimeout(() => setProjectActionState("idle"), 3e3);
-    } catch {
-      setProjectActionState("error");
-    }
-  };
-  const handleProjectImport = async (input) => {
-    const file = input instanceof FileList ? input[0] : input;
-    if (!file) return;
-    setProjectActionState("working-full");
-    try {
-      const data = await importProjectFromZip(file);
-      if (data.nodes) setNodes(data.nodes);
-      if (data.edges) setEdges(data.edges);
-      if (data.history) {
-        setHistory(data.history);
-        if (data.history.length > 0) setCurrentResult(data.history[0]);
-      }
-      if (data.galleryItems) setGalleryItems(data.galleryItems);
-      if (data.settings) {
-        setAspectRatio(data.settings.aspectRatio || "1:1");
-        setSelectedModel(data.settings.selectedModel || "\u{1F34C} Nano Banana Pro");
-        setSeed(data.settings.seed || 0);
-        setSeedMode(data.settings.seedMode || "random");
-      }
-      if (data.workspaceTags?.by_category) setWorkspaceTags(data.workspaceTags);
-      if (data.recentLabItemIds?.length) {
-        const allGens = [...data.history || [], ...data.galleryItems || []];
-        const labItems = groupGenerationsToLabItems(allGens);
-        const recent = data.recentLabItemIds.map((id) => labItems.find((item) => item.id === id)).filter(Boolean);
-        setRecentLabItems(recent);
-      }
-      setProjectActionState("done");
-      setProjectLoaded(true);
-      setTimeout(() => setProjectActionState("idle"), 2e3);
-    } catch {
-      setProjectActionState("error");
-      setTimeout(() => setProjectActionState("idle"), 4e3);
-    }
-  };
   const handleWorkspaceImport = (file) => {
     const reader = new FileReader();
     reader.onload = (ev) => {
@@ -6505,37 +6237,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     };
     reader.readAsText(file);
   };
-  const fetchServerProjects = async () => {
-    if (!onFetchServerProjects) return;
-    try {
-      setServerProjects(await onFetchServerProjects());
-    } catch {
-    }
-  };
-  const handleServerSave = async (name) => {
-    if (!onServerSave) return;
-    setProjectActionState("working-full");
-    try {
-      const { base64 } = await exportProjectToZip(nodes, edges, history, galleryItems, { aspectRatio, selectedModel, seed, seedMode }, workspaceTags, recentLabItems.map((i) => i.id));
-      await onServerSave(base64, name || `avatar_project_${getFormattedTimestamp()}`);
-      await fetchServerProjects();
-      setProjectActionState("done");
-      setTimeout(() => setProjectActionState("idle"), 2e3);
-    } catch {
-      setProjectActionState("error");
-      setTimeout(() => setProjectActionState("idle"), 4e3);
-    }
-  };
-  const handleServerLoad = async (id) => {
-    if (!onServerLoad) return;
-    const file = await onServerLoad(id);
-    await handleProjectImport(file);
-  };
-  const handleServerDelete = async (id) => {
-    if (!onServerDelete) return;
-    await onServerDelete(id);
-    await fetchServerProjects();
-  };
   const handleHfInitialSync = async (onProgress) => {
     if (!hfToken || !effectiveNamespace) return;
     const existingIds = new Set((hfState?.metadata || []).map((m) => m.id));
@@ -6563,45 +6264,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       onProgress(done, total);
     }
   };
-  const handleComputeSyncDiff = async () => {
-    if (!onFetchServerProjects || !onServerLoad) throw new Error("Server nicht konfiguriert");
-    const projects = await onFetchServerProjects();
-    if (projects.length === 0) return { localOnly: [...history], serverOnly: [] };
-    const file = await onServerLoad(projects[0].id);
-    const serverData = await importProjectFromZip(file);
-    syncServerDataRef.current = serverData;
-    const localOnly = history.filter((h) => !(serverData.history || []).find((s) => s.id === h.id));
-    const serverOnly = (serverData.history || []).filter((s) => !history.find((h) => h.id === s.id));
-    return { localOnly, serverOnly };
-  };
-  const handleExecuteSync = async (selectedLocalIds) => {
-    const serverData = syncServerDataRef.current;
-    if (!serverData || !onServerSave) return;
-    setProjectActionState("working-full");
-    try {
-      const selectedLocal = history.filter((h) => selectedLocalIds.includes(h.id));
-      const mergedHistory = [...serverData.history || [], ...selectedLocal];
-      const { base64 } = await exportProjectToZip(
-        serverData.nodes || nodes,
-        serverData.edges || edges,
-        mergedHistory,
-        serverData.galleryItems || galleryItems,
-        serverData.settings || { aspectRatio, selectedModel, seed, seedMode },
-        serverData.workspaceTags || workspaceTags,
-        serverData.recentLabItemIds || recentLabItems.map((i) => i.id)
-      );
-      await onServerSave(base64, `sync_${getFormattedTimestamp()}`);
-      await fetchServerProjects();
-      setProjectActionState("done");
-      setTimeout(() => setProjectActionState("idle"), 2e3);
-    } catch {
-      setProjectActionState("error");
-      setTimeout(() => setProjectActionState("idle"), 4e3);
-    }
-  };
-  useEffect10(() => {
-    if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
-  }, [activeTab]);
   const mergeWorkspaceTags = (local, remote) => {
     if (!remote?.by_category) return local;
     const merged = {};
@@ -6654,7 +6316,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             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__ */ jsx29("span", { className: "material-symbols-outlined text-[20px]", children: "zoom_out_map" }) }),
-          history.length > 1 && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+          history.length > 1 && /* @__PURE__ */ jsxs27(Fragment10, { children: [
             /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
@@ -6692,11 +6354,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   }
   if (showStart) {
     return /* @__PURE__ */ jsxs27("div", { className: "fixed inset-0 bg-[#0e0e0e] flex flex-col items-center justify-center p-6", style: { gap: 28, ...hcStyle }, children: [
-      /* @__PURE__ */ jsx29("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__ */ jsxs27("div", { className: "flex flex-col items-center gap-1", children: [
         /* @__PURE__ */ jsx29("span", { className: "material-symbols-outlined text-white/15 text-[44px]", children: "palette" }),
         /* @__PURE__ */ jsx29("span", { className: "text-white/25 text-[10px] font-bold uppercase tracking-[0.25em]", children: "Avatar Architect" }),
@@ -6720,21 +6377,6 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           ]
         }
       ),
-      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs27(
-          "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__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: projectLoaded ? "check_circle" : "folder_zip" }),
-              projectLoaded ? "Projekt geladen \u2713" : "Projekt laden (.zip)"
-            ]
-          }
-        ),
-        !projectLoaded && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
-      ] }),
       /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
         !initialHfToken && /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 w-full", children: [
           /* @__PURE__ */ jsx29(
@@ -6785,64 +6427,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             },
             ns
           ))
-        ] }),
-        hfToken && /* @__PURE__ */ jsxs27(
-          "button",
-          {
-            disabled: isLoadingFromHF,
-            onClick: async () => {
-              setIsLoadingFromHF(true);
-              try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-W7KO2FOH.mjs");
-                const projects = await hfListProjects2(hfToken);
-                if (projects.length > 0) {
-                  const file = await hfDownloadProject2(projects[0].path, hfToken);
-                  await handleProjectImport(file);
-                }
-              } catch (e) {
-                alert("HF Fehler: " + e.message);
-              } finally {
-                setIsLoadingFromHF(false);
-              }
-            },
-            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__ */ jsx29("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
-              isLoadingFromHF ? "Laden\u2026" : "Von HF laden"
-            ]
-          }
-        ),
-        hfToken && /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
-      ] }),
-      onFetchServerProjects && /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs27(
-          "button",
-          {
-            disabled: isLoadingFromServer,
-            onClick: async () => {
-              setIsLoadingFromServer(true);
-              try {
-                const projects = await onFetchServerProjects();
-                setServerProjects(projects);
-                if (projects.length > 0 && onServerLoad) {
-                  const file = await onServerLoad(projects[0].id);
-                  await handleProjectImport(file);
-                }
-              } catch {
-              } finally {
-                setIsLoadingFromServer(false);
-              }
-            },
-            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__ */ jsx29("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromServer ? " animate-spin" : ""}`, children: isLoadingFromServer ? "sync" : "cloud_download" }),
-              isLoadingFromServer ? "Laden\u2026" : "Vom Server laden"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx29("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand vom Server wiederherstellen" })
+        ] })
       ] }),
       /* @__PURE__ */ jsxs27("div", { className: "flow-szenen-entry", children: [
         /* @__PURE__ */ jsxs27(
@@ -7029,7 +6614,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                   /* @__PURE__ */ jsx29("span", { className: "text-[11px] font-bold uppercase tracking-[0.2em]", children: "Avatar Architect" })
                 ] }),
                 currentResult?.status === "done" && /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined text-[18px]", children: "fullscreen" }) }),
-                history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+                history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment10, { children: [
                   /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_left" }) }),
                   /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined text-[22px]", children: "chevron_right" }) }),
                   /* @__PURE__ */ jsxs27("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: [
@@ -7200,26 +6785,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
           }, onTagCreate: handleTagCreate, onTagUpdate: handleTagUpdate, onTagDelete: handleTagDelete, onScanImage: handleScanImage, isScanning: isScanningImage }) }),
           activeTab === "setup" && /* @__PURE__ */ jsx29(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
           activeTab === "sync" && /* @__PURE__ */ jsx29(
-            ProjectSyncTab,
+            HfMediaSyncTab,
             {
               topSlot: syncTopSlot,
-              onProjectExport: handleProjectExport,
-              onProjectImport: (f) => handleProjectImport(f),
-              onWorkspaceImport: handleWorkspaceImport,
-              projectActionState,
-              serverProjects: onFetchServerProjects ? serverProjects : void 0,
-              onServerSave: onServerSave ? handleServerSave : void 0,
-              onServerLoad: onServerLoad ? handleServerLoad : void 0,
-              onServerDelete: onServerDelete ? handleServerDelete : void 0,
-              onRefreshServerProjects: onFetchServerProjects ? fetchServerProjects : void 0,
-              onComputeSyncDiff: onFetchServerProjects && onServerLoad && onServerSave ? handleComputeSyncDiff : void 0,
-              onExecuteSync: onFetchServerProjects && onServerLoad && onServerSave ? handleExecuteSync : void 0,
-              hfToken: hfToken || void 0,
-              onHfLoad: (f) => handleProjectImport(f),
-              onProjectExportBase64: async () => {
-                const { base64 } = await exportProjectToZip(nodes, edges, history, galleryItems, { aspectRatio, selectedModel, seed, seedMode }, workspaceTags, recentLabItems.map((i) => i.id));
-                return base64;
-              },
               onHfInitialSync: hfToken ? handleHfInitialSync : void 0
             }
           ),
@@ -7338,7 +6906,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
                 /* @__PURE__ */ jsx29("span", { style: { fontSize: 11, fontWeight: "bold", textTransform: "uppercase", letterSpacing: "0.2em" }, children: "Avatar Architect" })
               ] }),
               currentResult?.status === "done" && /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: "fullscreen" }) }),
-              history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment11, { children: [
+              history.length > 1 && currentResult && /* @__PURE__ */ jsxs27(Fragment10, { children: [
                 /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_left" }) }),
                 /* @__PURE__ */ jsx29("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__ */ jsx29("span", { className: "material-symbols-outlined", style: { fontSize: 20 }, children: "chevron_right" }) }),
                 /* @__PURE__ */ jsxs27("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: [
@@ -7601,26 +7169,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         activeTab === "inspect" && /* @__PURE__ */ jsx29(InspectPanel, { currentResult, history, onSelect: setCurrentResult }),
         activeTab === "setup" && /* @__PURE__ */ jsx29(SetupPanel, { onWorkspaceImport: handleWorkspaceImport, buildInfo, tagBase: tagBaseResult }),
         activeTab === "sync" && /* @__PURE__ */ jsx29(
-          ProjectSyncTab,
+          HfMediaSyncTab,
           {
             topSlot: syncTopSlot,
-            onProjectExport: handleProjectExport,
-            onProjectImport: (f) => handleProjectImport(f),
-            onWorkspaceImport: handleWorkspaceImport,
-            projectActionState,
-            serverProjects: onFetchServerProjects ? serverProjects : void 0,
-            onServerSave: onServerSave ? handleServerSave : void 0,
-            onServerLoad: onServerLoad ? handleServerLoad : void 0,
-            onServerDelete: onServerDelete ? handleServerDelete : void 0,
-            onRefreshServerProjects: onFetchServerProjects ? fetchServerProjects : void 0,
-            onComputeSyncDiff: onFetchServerProjects && onServerLoad && onServerSave ? handleComputeSyncDiff : void 0,
-            onExecuteSync: onFetchServerProjects && onServerLoad && onServerSave ? handleExecuteSync : void 0,
-            hfToken: hfToken || void 0,
-            onHfLoad: (f) => handleProjectImport(f),
-            onProjectExportBase64: async () => {
-              const { base64 } = await import("./project-O4ORKXY5.mjs").then((m) => m.exportProjectToZip(nodes, edges, history, galleryItems, { aspectRatio, selectedModel, seed, seedMode }, workspaceTags, recentLabItems.map((i) => i.id)));
-              return base64;
-            },
             onHfInitialSync: hfToken ? handleHfInitialSync : void 0
           }
         ),
@@ -7631,7 +7182,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/components/FaApp.tsx
-import { useState as useState26, useEffect as useEffect11, useMemo as useMemo7 } from "react";
+import { useState as useState26, useEffect as useEffect10, useMemo as useMemo7 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 function FaApp({
   onGenerateImage,
@@ -7645,14 +7196,10 @@ function FaApp({
   libToken,
   allowDevNamespace,
   serverBaseUrl,
-  onFetchServerProjects,
-  onServerSave,
-  onServerLoad,
-  onServerDelete,
   buildInfo
 }) {
   const [hfNamespace, setHfNamespace] = useState26(void 0);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!serverBaseUrl) return;
     fetch(`${serverBaseUrl}/api/status`).then((r) => r.json()).then((d) => {
       if (typeof d.hfNamespace === "string") setHfNamespace(d.hfNamespace);
@@ -7675,10 +7222,6 @@ function FaApp({
       allowDevNamespace: !hfNamespace && allowDevNamespace,
       requireWorkspaceSelection: true,
       serverBaseUrl,
-      onFetchServerProjects,
-      onServerSave,
-      onServerLoad,
-      onServerDelete,
       buildInfo
     }
   );
@@ -8252,6 +7795,7 @@ export {
   FaToolsBadge,
   FlowWorkspacePicker,
   GLOBAL_STYLES,
+  HfMediaSyncTab,
   HistoryPanel,
   InspectPanel,
   LIBRARY_CUTOVER_MARKER,
@@ -8268,7 +7812,6 @@ export {
   ListView,
   MediaLibrary,
   PillButton,
-  ProjectSyncTab,
   PromptTab,
   SCOPE_MAP,
   SectionLabel,
@@ -8302,7 +7845,6 @@ export {
   createTagsDefault,
   deriveTagBaseWorkspaceTags,
   deriveTagViewModel,
-  exportProjectToZip,
   formatTreeToMarkdown,
   frameToGeneration,
   getFormattedTimestamp,
@@ -8311,15 +7853,10 @@ export {
   groupGenerationsToLabItems,
   hfBatchArchive,
   hfBootstrapFromLegacy,
-  hfDeleteProject,
-  hfDownloadProject,
   hfListDir,
-  hfListProjects,
   hfLoadImageAsBase64,
   hfUploadImage,
-  hfUploadProjectForm,
   hfUploadSmallFile,
-  importProjectFromZip,
   injectXMPMetadata,
   interpretSdkError,
   libraryContract,