@rslsp1/fa-app-tools 1.2.3 → 1.2.5

package/dist/index.mjs

@@ -1,3 +1,14 @@
+import {
+  exportProjectToZip,
+  importProjectFromZip,
+  injectXMPMetadata
+} from "./chunk-UFXDXENC.mjs";
+import {
+  hfDeleteProject,
+  hfListProjects,
+  hfUploadProject
+} from "./chunk-UZE44WOR.mjs";
+
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
 function useOnClickOutside(ref, handler) {
@@ -51,217 +62,6 @@ var GLOBAL_STYLES = `
   .animate-dropdown { animation: dropdown-enter 0.1s ease-out forwards; }
 `;
 
-// 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/project.ts
-import JSZip from "jszip";
-function generateMarkdownReport(nodes, history) {
-  let md = "# Avatar Architect - Projekt Report\n\n";
-  md += `Exportiert: ${(/* @__PURE__ */ new Date()).toLocaleString()}
-
-`;
-  md += "## Hierarchie\n";
-  nodes.forEach((n) => {
-    md += `- **${n.data?.label || "Unbenannt"}**
-`;
-  });
-  md += "\n## Historie der Generationen\n";
-  history.forEach((h, i) => {
-    md += `### ${i + 1}. Generation (${h.model || "AI"})
-`;
-    md += `- **Zeitstempel**: ${new Date(h.timestamp).toLocaleString()}
-`;
-    md += `- **Seed**: ${h.seed}
-`;
-    md += `- **Prompt**:
-> ${h.prompt}
-
-`;
-  });
-  return md;
-}
-async function exportProjectToZip(nodes, edges, history, galleryItems, settings, workspaceTags, recentLabItemIds) {
-  const zip = new JSZip();
-  const projectData = {
-    nodes,
-    edges,
-    history: history.map((h) => ({ ...h, base64: void 0 })),
-    galleryItems: galleryItems.map((g) => ({ ...g, base64: void 0 })),
-    settings,
-    workspaceTags: workspaceTags || null,
-    recentLabItemIds: recentLabItemIds || [],
-    version: "1.3.0"
-  };
-  zip.file("project.json", JSON.stringify(projectData, null, 2));
-  zip.file("projekt_bericht.md", generateMarkdownReport(nodes, history));
-  const imgFolder = zip.folder("images");
-  if (imgFolder) {
-    const allItems = [...history, ...galleryItems];
-    for (const item of allItems) {
-      if (item.base64) {
-        try {
-          const cleanB64 = item.base64.includes(",") ? item.base64.split(",")[1] : item.base64;
-          const withMeta = injectXMPMetadata(cleanB64, item.prompt || "", item.seed, item.model, item.id, item.tags || []);
-          imgFolder.file(`${item.id}.png`, withMeta, { base64: true });
-        } catch (e) {
-          console.error("Fehler beim Packen eines Bildes:", e);
-        }
-      }
-    }
-  }
-  const blob = await zip.generateAsync({ type: "blob", compression: "STORE" });
-  return blobToBase64(blob);
-}
-async function blobToBase64(blob) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      const result = reader.result;
-      resolve({ base64: result.split(",")[1] });
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
-}
-async function importProjectFromZip(file) {
-  const zip = await JSZip.loadAsync(file);
-  const jsonStr = await zip.file("project.json")?.async("string");
-  if (!jsonStr) throw new Error("Keine project.json gefunden.");
-  const data = JSON.parse(jsonStr);
-  const imgFolder = zip.folder("images");
-  if (imgFolder) {
-    const loadImgs = async (items) => {
-      if (!items) return [];
-      return Promise.all(items.map(async (h) => {
-        const imgFile = zip.file(`images/${h.id}.png`);
-        if (!imgFile) return h;
-        const b64 = await imgFile.async("base64");
-        return { ...h, base64: `data:image/png;base64,${b64}` };
-      }));
-    };
-    data.history = await loadImgs(data.history || []);
-    data.galleryItems = await loadImgs(data.galleryItems || []);
-  }
-  return data;
-}
-
 // src/lib/aiHelpers.ts
 function buildGenerationPrompt(hierarchyText, mode = "creative") {
   const safe = hierarchyText.length > 2500 ? hierarchyText.slice(0, 2500) + "..." : hierarchyText;
@@ -664,6 +464,7 @@ var PRESET_URLS = [
 var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
   const workspaceInputRef = useRef2(null);
   const [urlInput, setUrlInput] = useState2("");
+  const [tokenInput, setTokenInput] = useState2("");
   const [testStatus, setTestStatus] = useState2("idle");
   const [result, setResult] = useState2(null);
   const [fetchError, setFetchError] = useState2(null);
@@ -674,7 +475,9 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
     setFetchError(null);
     const t0 = Date.now();
     try {
-      const res = await fetch(url.trim());
+      const reqHeaders = {};
+      if (tokenInput.trim()) reqHeaders["Authorization"] = `Bearer ${tokenInput.trim()}`;
+      const res = await fetch(url.trim(), { headers: reqHeaders });
       const durationMs = Date.now() - t0;
       const contentType = res.headers.get("content-type") || "";
       const headers = {};
@@ -734,6 +537,16 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
         },
         u
       )) }),
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          value: tokenInput,
+          onChange: (e) => setTokenInput(e.target.value),
+          placeholder: "Bearer Token (optional)",
+          type: "password",
+          className: "w-full bg-white/5 border border-white/10 rounded-xl px-3 py-2 text-[11px] text-white/60 outline-none focus:border-white/20 placeholder:text-white/20 font-mono"
+        }
+      ),
       /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsx7(
           "input",
@@ -971,7 +784,7 @@ function ListView({ nodes, edges, onNodeChange, onAddChild, onDeleteNode, onMove
 }
 
 // src/components/AvatarArchitectApp.tsx
-import { useState as useState14, useCallback, useMemo as useMemo2, useEffect as useEffect4, useRef as useRef6 } from "react";
+import { useState as useState14, useCallback, useMemo as useMemo2, useEffect as useEffect5, useRef as useRef6 } from "react";
 
 // src/components/PromptTab.tsx
 import { useRef as useRef4, useState as useState5 } from "react";
@@ -1495,7 +1308,7 @@ var PromptTab = ({
 };
 
 // src/components/ProjectSyncTab.tsx
-import { useRef as useRef5, useState as useState6 } from "react";
+import { useRef as useRef5, useState as useState6, useEffect as useEffect4 } from "react";
 import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var ProjectSyncTab = ({
   onProjectExport,
@@ -1508,7 +1321,10 @@ var ProjectSyncTab = ({
   onServerDelete,
   onRefreshServerProjects,
   onComputeSyncDiff,
-  onExecuteSync
+  onExecuteSync,
+  hfToken,
+  onHfLoad,
+  onProjectExportBase64
 }) => {
   const projectInputRef = useRef5(null);
   const workspaceInputRef = useRef5(null);
@@ -1563,6 +1379,25 @@ var ProjectSyncTab = ({
     });
   };
   const isWorking = projectActionState === "working" || projectActionState === "working-full";
+  const [hfProjects, setHfProjects] = useState6([]);
+  const [hfLoading, setHfLoading] = useState6(false);
+  const [hfSaving, setHfSaving] = useState6(false);
+  const [hfError, setHfError] = useState6(null);
+  const [hfSaveName, setHfSaveName] = useState6("");
+  const loadHfProjects = async (token) => {
+    setHfLoading(true);
+    setHfError(null);
+    try {
+      setHfProjects(await hfListProjects(token));
+    } catch (e) {
+      setHfError(e.message);
+    } finally {
+      setHfLoading(false);
+    }
+  };
+  useEffect4(() => {
+    if (hfToken) loadHfProjects(hfToken);
+  }, [hfToken]);
   return /* @__PURE__ */ jsx12("div", { className: "absolute inset-0 overflow-y-auto dark-scrollbar", children: /* @__PURE__ */ jsxs10("div", { className: "p-6 flex flex-col gap-8", children: [
     (onProjectExport || onProjectImport || onWorkspaceImport) && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ jsx12(SectionLabel, { children: "Projekt-ZIP" }),
@@ -1653,6 +1488,94 @@ var ProjectSyncTab = ({
         /* @__PURE__ */ jsx12("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__ */ jsx12("span", { className: "material-symbols-outlined text-[18px]", children: "delete" }) })
       ] }, p.id)) })
     ] }),
+    hfToken && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx12(SectionLabel, { children: "Hugging Face" }),
+        /* @__PURE__ */ jsx12("button", { onClick: () => loadHfProjects(hfToken), className: "text-white/30 hover:text-white/60 transition", children: /* @__PURE__ */ jsx12("span", { className: `material-symbols-outlined text-[18px]${hfLoading ? " animate-spin" : ""}`, children: "refresh" }) })
+      ] }),
+      onProjectExportBase64 && /* @__PURE__ */ jsxs10("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx12(
+          "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__ */ jsx12(
+          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 hfUploadProject(base64, name, hfToken);
+                setHfSaveName("");
+                await loadHfProjects(hfToken);
+              } catch (e) {
+                setHfError(e.message);
+              } finally {
+                setHfSaving(false);
+              }
+            },
+            children: "Speichern"
+          }
+        )
+      ] }),
+      hfError && /* @__PURE__ */ jsx12("p", { className: "text-[10px] text-red-400 font-mono px-1", children: hfError }),
+      !hfLoading && hfProjects.length === 0 && /* @__PURE__ */ jsx12("p", { className: "text-[10px] text-white/20 px-2", children: "Noch nichts auf HF gespeichert." }),
+      hfProjects.map((p) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-white/5 border border-white/5", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx12("p", { className: "text-[11px] text-white/70 font-bold truncate", children: p.name }),
+          /* @__PURE__ */ jsxs10("p", { className: "text-[9px] text-white/25", children: [
+            (p.size / 1024 / 1024).toFixed(1),
+            " MB",
+            p.isLfs ? " \xB7 LFS" : ""
+          ] })
+        ] }),
+        onHfLoad && /* @__PURE__ */ jsx12(
+          "button",
+          {
+            onClick: async () => {
+              try {
+                const { hfDownloadProject } = await import("./hfStateService-Y563AT2M.mjs");
+                const file = await hfDownloadProject(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__ */ jsx12("span", { className: "material-symbols-outlined text-[18px]", children: "cloud_download" })
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          "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__ */ jsx12("span", { className: "material-symbols-outlined text-[18px]", children: "delete" })
+          }
+        )
+      ] }, p.id))
+    ] }),
     onComputeSyncDiff && onExecuteSync && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ jsx12(SectionLabel, { children: "Sync" }),
       (syncState === "idle" || syncState === "computing") && /* @__PURE__ */ jsx12(PillButton, { variant: "outline", icon: "compare_arrows", loading: syncState === "computing", onClick: handleComputeDiff, children: "Diff berechnen" }),
@@ -2919,7 +2842,7 @@ function TagManagerPanel({ workspaceTags, onTagCreate, onTagUpdate, onTagDelete,
 // src/components/AvatarArchitectApp.tsx
 import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onSelectMedia, buildInfo, onFetchServerProjects, onServerSave, onServerLoad, onServerDelete }) {
-  useEffect4(() => {
+  useEffect5(() => {
     const id = "flow-styles";
     if (!document.getElementById(id)) {
       const style = document.createElement("style");
@@ -2937,6 +2860,9 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     }
   });
   const [projectLoaded, setProjectLoaded] = useState14(false);
+  const [hfToken, setHfToken] = useState14("");
+  const [hfTokenInput, setHfTokenInput] = useState14("");
+  const [isLoadingFromHF, setIsLoadingFromHF] = useState14(false);
   const wsInputRef = useRef6(null);
   const startApp = (choice) => {
     try {
@@ -3439,7 +3365,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       setTimeout(() => setProjectActionState("idle"), 4e3);
     }
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
   }, [activeTab]);
   if (isFullscreen && currentResult?.base64) {
@@ -3537,6 +3463,59 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         ),
         !projectLoaded && /* @__PURE__ */ jsx20("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex gap-2 w-full", children: [
+          /* @__PURE__ */ jsx20(
+            "input",
+            {
+              type: "password",
+              value: hfTokenInput,
+              onChange: (e) => setHfTokenInput(e.target.value),
+              onKeyDown: (e) => e.key === "Enter" && hfTokenInput.trim() && setHfToken(hfTokenInput.trim()),
+              placeholder: "HF Token (hf_\u2026)",
+              className: "flex-1 rounded-xl px-3 text-[11px] font-mono outline-none",
+              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__ */ jsx20(
+            "button",
+            {
+              onClick: () => setHfToken(hfTokenInput.trim()),
+              className: "px-3 rounded-xl text-[11px] font-bold text-white",
+              style: { background: "#f59e0b", height: 44 },
+              children: "OK"
+            }
+          )
+        ] }),
+        hfToken && /* @__PURE__ */ jsxs18(
+          "button",
+          {
+            disabled: isLoadingFromHF,
+            onClick: async () => {
+              setIsLoadingFromHF(true);
+              try {
+                const { hfListProjects: hfListProjects2, hfDownloadProject } = await import("./hfStateService-Y563AT2M.mjs");
+                const projects = await hfListProjects2(hfToken);
+                if (projects.length > 0) {
+                  const file = await hfDownloadProject(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__ */ jsx20("span", { className: `material-symbols-outlined text-[22px]${isLoadingFromHF ? " animate-spin" : ""}`, children: isLoadingFromHF ? "sync" : "cloud_download" }),
+              isLoadingFromHF ? "Laden\u2026" : "Von HF laden"
+            ]
+          }
+        ),
+        hfToken && /* @__PURE__ */ jsx20("span", { className: "text-white/20 text-[10px] text-center", children: "Letzten Stand von Hugging Face laden" })
+      ] }),
       onFetchServerProjects && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
         /* @__PURE__ */ jsxs18(
           "button",
@@ -3829,7 +3808,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               onServerDelete: onServerDelete ? handleServerDelete : void 0,
               onRefreshServerProjects: onFetchServerProjects ? fetchServerProjects : void 0,
               onComputeSyncDiff: onFetchServerProjects && onServerLoad && onServerSave ? handleComputeSyncDiff : void 0,
-              onExecuteSync: onFetchServerProjects && onServerLoad && onServerSave ? handleExecuteSync : 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;
+              }
             }
           ),
           activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx20(
@@ -4152,7 +4137,13 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onServerDelete: onServerDelete ? handleServerDelete : void 0,
             onRefreshServerProjects: onFetchServerProjects ? fetchServerProjects : void 0,
             onComputeSyncDiff: onFetchServerProjects && onServerLoad && onServerSave ? handleComputeSyncDiff : void 0,
-            onExecuteSync: onFetchServerProjects && onServerLoad && onServerSave ? handleExecuteSync : 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;
+            }
           }
         )
       ] })
@@ -4161,7 +4152,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.2.3";
+var LIB_VERSION = "1.2.5";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/dist/project-O4ORKXY5.mjs

@@ -0,0 +1,8 @@
+import {
+  exportProjectToZip,
+  importProjectFromZip
+} from "./chunk-UFXDXENC.mjs";
+export {
+  exportProjectToZip,
+  importProjectFromZip
+};

package/package.json

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