@rslsp1/fa-app-tools 1.3.4 → 1.3.6

package/dist/{chunk-JW5O3URT.mjs → chunk-X6S5BP36.mjs}

@@ -131,6 +131,88 @@ async function hfDeleteProject(path, token) {
   });
   if (!res.ok) throw new Error(`HF delete failed: ${res.status} ${res.statusText}`);
 }
+async function hfSaveTags(workspaceTags, token) {
+  const content = new Blob([JSON.stringify(workspaceTags, null, 2)], { type: "application/json" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: "tags.json", content },
+    branch: "main",
+    commitTitle: "Auto-sync tags"
+  });
+}
+async function hfLoadTags(token) {
+  try {
+    const res = await fetch(
+      `${HF_BASE}/datasets/${HF_REPO}/resolve/main/tags.json?download=true`,
+      { headers: { Authorization: `Bearer ${token}` } }
+    );
+    if (!res.ok) return null;
+    return res.json();
+  } catch {
+    return null;
+  }
+}
+async function hfSaveMetadata(entries, token) {
+  const content = new Blob([JSON.stringify(entries, null, 2)], { type: "application/json" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: "metadata.json", content },
+    branch: "main",
+    commitTitle: "Auto-sync metadata"
+  });
+}
+async function hfLoadMetadata(token) {
+  try {
+    const res = await fetch(
+      `${HF_BASE}/datasets/${HF_REPO}/resolve/main/metadata.json?download=true`,
+      { headers: { Authorization: `Bearer ${token}` } }
+    );
+    if (!res.ok) return [];
+    return res.json();
+  } catch {
+    return [];
+  }
+}
+async function hfUploadImage(base64, id, token, mimeType = "image/jpeg") {
+  const ext = mimeType === "image/png" ? "png" : "jpg";
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  const content = new Blob([bytes], { type: mimeType });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: `images/${id}.${ext}`, content },
+    branch: "main",
+    commitTitle: `Add image ${id}`
+  });
+}
+async function hfLoadImageAsBase64(id, token) {
+  for (const ext of ["jpg", "png"]) {
+    try {
+      const res = await fetch(
+        `${HF_BASE}/datasets/${HF_REPO}/resolve/main/images/${id}.${ext}?download=true`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      );
+      if (!res.ok) continue;
+      const blob = await res.blob();
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result.split(",")[1]);
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch {
+      continue;
+    }
+  }
+  return null;
+}
 
 export {
   HF_TOKEN_KEY,
@@ -140,5 +222,11 @@ export {
   hfDownloadProject,
   hfUploadProject,
   hfUploadProjectForm,
-  hfDeleteProject
+  hfDeleteProject,
+  hfSaveTags,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfLoadMetadata,
+  hfUploadImage,
+  hfLoadImageAsBase64
 };

package/dist/{hfStateService-UUDYKEMD.mjs → hfStateService-B62RV5K3.mjs}

@@ -4,16 +4,28 @@ import {
   hfDeleteProject,
   hfDownloadProject,
   hfListProjects,
+  hfLoadImageAsBase64,
+  hfLoadMetadata,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfSaveTags,
+  hfUploadImage,
   hfUploadProject,
   hfUploadProjectForm,
   setHFToken
-} from "./chunk-JW5O3URT.mjs";
+} from "./chunk-X6S5BP36.mjs";
 export {
   HF_TOKEN_KEY,
   getHFToken,
   hfDeleteProject,
   hfDownloadProject,
   hfListProjects,
+  hfLoadImageAsBase64,
+  hfLoadMetadata,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfSaveTags,
+  hfUploadImage,
   hfUploadProject,
   hfUploadProjectForm,
   setHFToken

package/dist/index.d.mts

@@ -97,6 +97,16 @@ interface LabServices {
     saveResult?: (item: LabItem) => Promise<void>;
     workspaceTags?: WorkspaceTags;
 }
+interface HFMetadataEntry {
+    id: string;
+    prompt?: string;
+    seed?: number;
+    model?: string;
+    tags: string[];
+    timestamp: number;
+    mimeType: string;
+    size?: number;
+}
 
 /**
  * Hook für die Tastaturnavigation im Detailview.
@@ -359,6 +369,7 @@ interface ProjectSyncTabProps {
     hfToken?: string;
     onHfLoad?: (file: File) => void;
     onProjectExportBase64?: () => Promise<string>;
+    onHfInitialSync?: (onProgress: (done: number, total: number) => void) => Promise<void>;
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
@@ -448,6 +459,26 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.4";
+declare function getHFToken(): string | null;
+declare function setHFToken(token: string): void;
+interface HFProjectMeta {
+    id: string;
+    name: string;
+    path: string;
+    size: number;
+    isLfs: boolean;
+}
+declare function hfListProjects(token: string): Promise<HFProjectMeta[]>;
+declare function hfDownloadProject(path: string, token: string): Promise<File>;
+declare function hfUploadProjectForm(zipBase64: string, name: string, token: string): Promise<HFProjectMeta>;
+declare function hfDeleteProject(path: string, token: string): Promise<void>;
+declare function hfSaveTags(workspaceTags: any, token: string): Promise<void>;
+declare function hfLoadTags(token: string): Promise<any | null>;
+declare function hfSaveMetadata(entries: any[], token: string): Promise<void>;
+declare function hfLoadMetadata(token: string): Promise<any[]>;
+declare function hfUploadImage(base64: string, id: string, token: string, mimeType?: string): Promise<void>;
+declare function hfLoadImageAsBase64(id: string, token: string): Promise<string | null>;
+
+declare const LIB_VERSION = "1.3.6";
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, groupGenerationsToLabItems, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };

package/dist/index.d.ts

@@ -97,6 +97,16 @@ interface LabServices {
     saveResult?: (item: LabItem) => Promise<void>;
     workspaceTags?: WorkspaceTags;
 }
+interface HFMetadataEntry {
+    id: string;
+    prompt?: string;
+    seed?: number;
+    model?: string;
+    tags: string[];
+    timestamp: number;
+    mimeType: string;
+    size?: number;
+}
 
 /**
  * Hook für die Tastaturnavigation im Detailview.
@@ -359,6 +369,7 @@ interface ProjectSyncTabProps {
     hfToken?: string;
     onHfLoad?: (file: File) => void;
     onProjectExportBase64?: () => Promise<string>;
+    onHfInitialSync?: (onProgress: (done: number, total: number) => void) => Promise<void>;
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
@@ -448,6 +459,26 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.4";
+declare function getHFToken(): string | null;
+declare function setHFToken(token: string): void;
+interface HFProjectMeta {
+    id: string;
+    name: string;
+    path: string;
+    size: number;
+    isLfs: boolean;
+}
+declare function hfListProjects(token: string): Promise<HFProjectMeta[]>;
+declare function hfDownloadProject(path: string, token: string): Promise<File>;
+declare function hfUploadProjectForm(zipBase64: string, name: string, token: string): Promise<HFProjectMeta>;
+declare function hfDeleteProject(path: string, token: string): Promise<void>;
+declare function hfSaveTags(workspaceTags: any, token: string): Promise<void>;
+declare function hfLoadTags(token: string): Promise<any | null>;
+declare function hfSaveMetadata(entries: any[], token: string): Promise<void>;
+declare function hfLoadMetadata(token: string): Promise<any[]>;
+declare function hfUploadImage(base64: string, id: string, token: string, mimeType?: string): Promise<void>;
+declare function hfLoadImageAsBase64(id: string, token: string): Promise<string | null>;
+
+declare const LIB_VERSION = "1.3.6";
 
-export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, groupGenerationsToLabItems, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };
+export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFMetadataEntry, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, groupGenerationsToLabItems, hfDeleteProject, hfDownloadProject, hfListProjects, hfLoadImageAsBase64, hfLoadMetadata, hfLoadTags, hfSaveMetadata, hfSaveTags, hfUploadImage, hfUploadProjectForm, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, setHFToken, useKeyboardNavigation, useOnClickOutside };

package/dist/index.js

@@ -267,6 +267,12 @@ __export(hfStateService_exports, {
   hfDeleteProject: () => hfDeleteProject,
   hfDownloadProject: () => hfDownloadProject,
   hfListProjects: () => hfListProjects,
+  hfLoadImageAsBase64: () => hfLoadImageAsBase64,
+  hfLoadMetadata: () => hfLoadMetadata,
+  hfLoadTags: () => hfLoadTags,
+  hfSaveMetadata: () => hfSaveMetadata,
+  hfSaveTags: () => hfSaveTags,
+  hfUploadImage: () => hfUploadImage,
   hfUploadProject: () => hfUploadProject,
   hfUploadProjectForm: () => hfUploadProjectForm,
   setHFToken: () => setHFToken
@@ -400,6 +406,88 @@ async function hfDeleteProject(path, token) {
   });
   if (!res.ok) throw new Error(`HF delete failed: ${res.status} ${res.statusText}`);
 }
+async function hfSaveTags(workspaceTags, token) {
+  const content = new Blob([JSON.stringify(workspaceTags, null, 2)], { type: "application/json" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: "tags.json", content },
+    branch: "main",
+    commitTitle: "Auto-sync tags"
+  });
+}
+async function hfLoadTags(token) {
+  try {
+    const res = await fetch(
+      `${HF_BASE}/datasets/${HF_REPO}/resolve/main/tags.json?download=true`,
+      { headers: { Authorization: `Bearer ${token}` } }
+    );
+    if (!res.ok) return null;
+    return res.json();
+  } catch {
+    return null;
+  }
+}
+async function hfSaveMetadata(entries, token) {
+  const content = new Blob([JSON.stringify(entries, null, 2)], { type: "application/json" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: "metadata.json", content },
+    branch: "main",
+    commitTitle: "Auto-sync metadata"
+  });
+}
+async function hfLoadMetadata(token) {
+  try {
+    const res = await fetch(
+      `${HF_BASE}/datasets/${HF_REPO}/resolve/main/metadata.json?download=true`,
+      { headers: { Authorization: `Bearer ${token}` } }
+    );
+    if (!res.ok) return [];
+    return res.json();
+  } catch {
+    return [];
+  }
+}
+async function hfUploadImage(base64, id, token, mimeType = "image/jpeg") {
+  const ext = mimeType === "image/png" ? "png" : "jpg";
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  const content = new Blob([bytes], { type: mimeType });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: `images/${id}.${ext}`, content },
+    branch: "main",
+    commitTitle: `Add image ${id}`
+  });
+}
+async function hfLoadImageAsBase64(id, token) {
+  for (const ext of ["jpg", "png"]) {
+    try {
+      const res = await fetch(
+        `${HF_BASE}/datasets/${HF_REPO}/resolve/main/images/${id}.${ext}?download=true`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      );
+      if (!res.ok) continue;
+      const blob = await res.blob();
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result.split(",")[1]);
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch {
+      continue;
+    }
+  }
+  return null;
+}
 var HF_BASE, HF_REPO, HF_TOKEN_KEY;
 var init_hfStateService = __esm({
   "src/lib/hfStateService.ts"() {
@@ -452,12 +540,24 @@ __export(index_exports, {
   formatTreeToMarkdown: () => formatTreeToMarkdown,
   frameToGeneration: () => frameToGeneration,
   getFormattedTimestamp: () => getFormattedTimestamp,
+  getHFToken: () => getHFToken,
   groupGenerationsToLabItems: () => groupGenerationsToLabItems,
+  hfDeleteProject: () => hfDeleteProject,
+  hfDownloadProject: () => hfDownloadProject,
+  hfListProjects: () => hfListProjects,
+  hfLoadImageAsBase64: () => hfLoadImageAsBase64,
+  hfLoadMetadata: () => hfLoadMetadata,
+  hfLoadTags: () => hfLoadTags,
+  hfSaveMetadata: () => hfSaveMetadata,
+  hfSaveTags: () => hfSaveTags,
+  hfUploadImage: () => hfUploadImage,
+  hfUploadProjectForm: () => hfUploadProjectForm,
   importProjectFromZip: () => importProjectFromZip,
   injectXMPMetadata: () => injectXMPMetadata,
   interpretSdkError: () => interpretSdkError,
   parsePromptFile: () => parsePromptFile,
   parsePromptResponse: () => parsePromptResponse,
+  setHFToken: () => setHFToken,
   useKeyboardNavigation: () => useKeyboardNavigation,
   useOnClickOutside: () => useOnClickOutside
 });
@@ -1783,7 +1883,8 @@ var ProjectSyncTab = ({
   onExecuteSync,
   hfToken,
   onHfLoad,
-  onProjectExportBase64
+  onProjectExportBase64,
+  onHfInitialSync
 }) => {
   const projectInputRef = (0, import_react13.useRef)(null);
   const workspaceInputRef = (0, import_react13.useRef)(null);
@@ -1843,6 +1944,8 @@ var ProjectSyncTab = ({
   const [hfSaving, setHfSaving] = (0, import_react13.useState)(false);
   const [hfError, setHfError] = (0, import_react13.useState)(null);
   const [hfSaveName, setHfSaveName] = (0, import_react13.useState)("");
+  const [hfSyncProgress, setHfSyncProgress] = (0, import_react13.useState)(null);
+  const [hfSyncing, setHfSyncing] = (0, import_react13.useState)(false);
   const loadHfProjects = async (token) => {
     setHfLoading(true);
     setHfError(null);
@@ -1990,6 +2093,38 @@ var ProjectSyncTab = ({
           }
         )
       ] }),
+      onHfInitialSync && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          PillButton,
+          {
+            variant: "outline",
+            icon: "cloud_sync",
+            loading: hfSyncing,
+            onClick: async () => {
+              setHfSyncing(true);
+              setHfError(null);
+              setHfSyncProgress({ done: 0, total: 0 });
+              try {
+                await onHfInitialSync((done, total) => setHfSyncProgress({ done, total }));
+                setHfSyncProgress(null);
+              } catch (e) {
+                setHfError(e.message);
+                setHfSyncProgress(null);
+              } finally {
+                setHfSyncing(false);
+              }
+            },
+            children: hfSyncing && hfSyncProgress ? `${hfSyncProgress.done} / ${hfSyncProgress.total} Bilder` : "Initial-Sync nach HF"
+          }
+        ),
+        hfSyncing && hfSyncProgress && hfSyncProgress.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-full h-1 bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "div",
+          {
+            className: "h-full bg-blue-400 rounded-full transition-all",
+            style: { width: `${Math.round(hfSyncProgress.done / hfSyncProgress.total * 100)}%` }
+          }
+        ) })
+      ] }),
       hfError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-red-400 font-mono px-1", children: hfError }),
       !hfLoading && hfProjects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-[10px] text-white/20 px-2", children: "Noch nichts auf HF gespeichert." }),
       hfProjects.map((p) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-white/5 border border-white/5", children: [
@@ -2231,6 +2366,9 @@ function toPromptImages(images) {
   });
 }
 
+// src/components/AvatarArchitectApp.tsx
+init_hfStateService();
+
 // src/components/labs/LabsTab.tsx
 var import_react19 = require("react");
 
@@ -3334,6 +3472,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfToken, setHfToken] = (0, import_react21.useState)("");
   const [hfTokenInput, setHfTokenInput] = (0, import_react21.useState)("");
   const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react21.useState)(false);
+  const [hfMetadata, setHfMetadata] = (0, import_react21.useState)([]);
+  const hfTagSaveTimer = (0, import_react21.useRef)(null);
   const wsInputRef = (0, import_react21.useRef)(null);
   const startApp = (choice) => {
     try {
@@ -3595,6 +3735,25 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         if (prev.id === genId || !options.silent) return finishedGen;
         return prev;
       });
+      if (hfToken && base64) {
+        const entry = {
+          id: genId,
+          prompt: promptToUse || void 0,
+          seed: seedMode === "fixed" ? seed : activeSeed,
+          model: selectedModel,
+          tags: [],
+          timestamp: Date.now(),
+          mimeType: "image/jpeg"
+        };
+        hfUploadImage(base64, genId, hfToken).catch(() => {
+        });
+        setHfMetadata((prev) => {
+          const next = [...prev, entry];
+          hfSaveMetadata(next, hfToken).catch(() => {
+          });
+          return next;
+        });
+      }
     } catch (err) {
       const errorGen = { ...newGen, status: "error", error: { message: err.message || "Unbekannter Fehler", details: err.toString() } };
       setHistory((prev) => prev.map((g) => g.id === genId ? errorGen : g));
@@ -3800,6 +3959,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     await onServerDelete(id);
     await fetchServerProjects();
   };
+  const handleHfInitialSync = async (onProgress) => {
+    if (!hfToken) return;
+    const gens = galleryItems.filter((g) => g.base64 && g.status === "done");
+    const total = gens.length;
+    onProgress(0, total);
+    let done = 0;
+    for (const gen of gens) {
+      const raw = gen.base64.includes(",") ? gen.base64.split(",")[1] : gen.base64;
+      const mimeType = gen.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg";
+      await hfUploadImage(raw, gen.id, hfToken, mimeType);
+      done++;
+      onProgress(done, total);
+    }
+    const metaEntries = gens.map((g) => ({
+      id: g.id,
+      prompt: g.prompt || void 0,
+      seed: g.seed,
+      model: g.model,
+      tags: g.tags || [],
+      timestamp: g.timestamp,
+      mimeType: g.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg"
+    }));
+    await hfSaveMetadata(metaEntries, hfToken);
+    setHfMetadata(metaEntries);
+    if (workspaceTags) await hfSaveTags(workspaceTags, hfToken);
+  };
   const handleComputeSyncDiff = async () => {
     if (!onFetchServerProjects || !onServerLoad) throw new Error("Server nicht konfiguriert");
     const projects = await onFetchServerProjects();
@@ -3839,6 +4024,28 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   (0, import_react21.useEffect)(() => {
     if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
   }, [activeTab]);
+  (0, import_react21.useEffect)(() => {
+    if (!hfToken) return;
+    hfLoadTags(hfToken).then((tags) => {
+      if (tags?.by_category) setWorkspaceTags(tags);
+    }).catch(() => {
+    });
+    hfLoadMetadata(hfToken).then((entries) => {
+      if (Array.isArray(entries)) setHfMetadata(entries);
+    }).catch(() => {
+    });
+  }, [hfToken]);
+  (0, import_react21.useEffect)(() => {
+    if (!hfToken || !workspaceTags) return;
+    if (hfTagSaveTimer.current) clearTimeout(hfTagSaveTimer.current);
+    hfTagSaveTimer.current = setTimeout(() => {
+      hfSaveTags(workspaceTags, hfToken).catch(() => {
+      });
+    }, 1500);
+    return () => {
+      if (hfTagSaveTimer.current) clearTimeout(hfTagSaveTimer.current);
+    };
+  }, [workspaceTags, hfToken]);
   if (isFullscreen && currentResult?.base64) {
     const fsBase64 = currentResult.base64.startsWith("data:") ? currentResult.base64 : `data:image/png;base64,${currentResult.base64}`;
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -4290,7 +4497,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               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
             }
           ),
           activeTab === "tags" && workspaceTags && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -4619,7 +4827,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onProjectExportBase64: async () => {
               const { base64 } = await Promise.resolve().then(() => (init_project(), project_exports)).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
           }
         )
       ] })
@@ -4628,7 +4837,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.4";
+init_hfStateService();
+var LIB_VERSION = "1.3.6";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,
@@ -4670,12 +4880,24 @@ var LIB_VERSION = "1.3.4";
   formatTreeToMarkdown,
   frameToGeneration,
   getFormattedTimestamp,
+  getHFToken,
   groupGenerationsToLabItems,
+  hfDeleteProject,
+  hfDownloadProject,
+  hfListProjects,
+  hfLoadImageAsBase64,
+  hfLoadMetadata,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfSaveTags,
+  hfUploadImage,
+  hfUploadProjectForm,
   importProjectFromZip,
   injectXMPMetadata,
   interpretSdkError,
   parsePromptFile,
   parsePromptResponse,
+  setHFToken,
   useKeyboardNavigation,
   useOnClickOutside
 });

package/dist/index.mjs

@@ -4,10 +4,19 @@ import {
   injectXMPMetadata
 } from "./chunk-UFXDXENC.mjs";
 import {
+  getHFToken,
   hfDeleteProject,
+  hfDownloadProject,
   hfListProjects,
-  hfUploadProjectForm
-} from "./chunk-JW5O3URT.mjs";
+  hfLoadImageAsBase64,
+  hfLoadMetadata,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfSaveTags,
+  hfUploadImage,
+  hfUploadProjectForm,
+  setHFToken
+} from "./chunk-X6S5BP36.mjs";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -1324,7 +1333,8 @@ var ProjectSyncTab = ({
   onExecuteSync,
   hfToken,
   onHfLoad,
-  onProjectExportBase64
+  onProjectExportBase64,
+  onHfInitialSync
 }) => {
   const projectInputRef = useRef5(null);
   const workspaceInputRef = useRef5(null);
@@ -1384,6 +1394,8 @@ var ProjectSyncTab = ({
   const [hfSaving, setHfSaving] = useState6(false);
   const [hfError, setHfError] = useState6(null);
   const [hfSaveName, setHfSaveName] = useState6("");
+  const [hfSyncProgress, setHfSyncProgress] = useState6(null);
+  const [hfSyncing, setHfSyncing] = useState6(false);
   const loadHfProjects = async (token) => {
     setHfLoading(true);
     setHfError(null);
@@ -1531,6 +1543,38 @@ var ProjectSyncTab = ({
           }
         )
       ] }),
+      onHfInitialSync && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx12(
+          PillButton,
+          {
+            variant: "outline",
+            icon: "cloud_sync",
+            loading: hfSyncing,
+            onClick: async () => {
+              setHfSyncing(true);
+              setHfError(null);
+              setHfSyncProgress({ done: 0, total: 0 });
+              try {
+                await onHfInitialSync((done, total) => setHfSyncProgress({ done, total }));
+                setHfSyncProgress(null);
+              } catch (e) {
+                setHfError(e.message);
+                setHfSyncProgress(null);
+              } finally {
+                setHfSyncing(false);
+              }
+            },
+            children: hfSyncing && hfSyncProgress ? `${hfSyncProgress.done} / ${hfSyncProgress.total} Bilder` : "Initial-Sync nach HF"
+          }
+        ),
+        hfSyncing && hfSyncProgress && hfSyncProgress.total > 0 && /* @__PURE__ */ jsx12("div", { className: "w-full h-1 bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx12(
+          "div",
+          {
+            className: "h-full bg-blue-400 rounded-full transition-all",
+            style: { width: `${Math.round(hfSyncProgress.done / hfSyncProgress.total * 100)}%` }
+          }
+        ) })
+      ] }),
       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: [
@@ -1547,8 +1591,8 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject } = await import("./hfStateService-UUDYKEMD.mjs");
-                const file = await hfDownloadProject(p.path, hfToken);
+                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-B62RV5K3.mjs");
+                const file = await hfDownloadProject2(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
                 setHfError(e.message);
@@ -2871,6 +2915,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfToken, setHfToken] = useState14("");
   const [hfTokenInput, setHfTokenInput] = useState14("");
   const [isLoadingFromHF, setIsLoadingFromHF] = useState14(false);
+  const [hfMetadata, setHfMetadata] = useState14([]);
+  const hfTagSaveTimer = useRef6(null);
   const wsInputRef = useRef6(null);
   const startApp = (choice) => {
     try {
@@ -3132,6 +3178,25 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         if (prev.id === genId || !options.silent) return finishedGen;
         return prev;
       });
+      if (hfToken && base64) {
+        const entry = {
+          id: genId,
+          prompt: promptToUse || void 0,
+          seed: seedMode === "fixed" ? seed : activeSeed,
+          model: selectedModel,
+          tags: [],
+          timestamp: Date.now(),
+          mimeType: "image/jpeg"
+        };
+        hfUploadImage(base64, genId, hfToken).catch(() => {
+        });
+        setHfMetadata((prev) => {
+          const next = [...prev, entry];
+          hfSaveMetadata(next, hfToken).catch(() => {
+          });
+          return next;
+        });
+      }
     } catch (err) {
       const errorGen = { ...newGen, status: "error", error: { message: err.message || "Unbekannter Fehler", details: err.toString() } };
       setHistory((prev) => prev.map((g) => g.id === genId ? errorGen : g));
@@ -3337,6 +3402,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     await onServerDelete(id);
     await fetchServerProjects();
   };
+  const handleHfInitialSync = async (onProgress) => {
+    if (!hfToken) return;
+    const gens = galleryItems.filter((g) => g.base64 && g.status === "done");
+    const total = gens.length;
+    onProgress(0, total);
+    let done = 0;
+    for (const gen of gens) {
+      const raw = gen.base64.includes(",") ? gen.base64.split(",")[1] : gen.base64;
+      const mimeType = gen.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg";
+      await hfUploadImage(raw, gen.id, hfToken, mimeType);
+      done++;
+      onProgress(done, total);
+    }
+    const metaEntries = gens.map((g) => ({
+      id: g.id,
+      prompt: g.prompt || void 0,
+      seed: g.seed,
+      model: g.model,
+      tags: g.tags || [],
+      timestamp: g.timestamp,
+      mimeType: g.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg"
+    }));
+    await hfSaveMetadata(metaEntries, hfToken);
+    setHfMetadata(metaEntries);
+    if (workspaceTags) await hfSaveTags(workspaceTags, hfToken);
+  };
   const handleComputeSyncDiff = async () => {
     if (!onFetchServerProjects || !onServerLoad) throw new Error("Server nicht konfiguriert");
     const projects = await onFetchServerProjects();
@@ -3376,6 +3467,28 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   useEffect5(() => {
     if (activeTab === "setup" || activeTab === "sync") fetchServerProjects();
   }, [activeTab]);
+  useEffect5(() => {
+    if (!hfToken) return;
+    hfLoadTags(hfToken).then((tags) => {
+      if (tags?.by_category) setWorkspaceTags(tags);
+    }).catch(() => {
+    });
+    hfLoadMetadata(hfToken).then((entries) => {
+      if (Array.isArray(entries)) setHfMetadata(entries);
+    }).catch(() => {
+    });
+  }, [hfToken]);
+  useEffect5(() => {
+    if (!hfToken || !workspaceTags) return;
+    if (hfTagSaveTimer.current) clearTimeout(hfTagSaveTimer.current);
+    hfTagSaveTimer.current = setTimeout(() => {
+      hfSaveTags(workspaceTags, hfToken).catch(() => {
+      });
+    }, 1500);
+    return () => {
+      if (hfTagSaveTimer.current) clearTimeout(hfTagSaveTimer.current);
+    };
+  }, [workspaceTags, hfToken]);
   if (isFullscreen && currentResult?.base64) {
     const fsBase64 = currentResult.base64.startsWith("data:") ? currentResult.base64 : `data:image/png;base64,${currentResult.base64}`;
     return /* @__PURE__ */ jsxs18(
@@ -3507,10 +3620,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject } = await import("./hfStateService-UUDYKEMD.mjs");
+                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-B62RV5K3.mjs");
                 const projects = await hfListProjects2(hfToken);
                 if (projects.length > 0) {
-                  const file = await hfDownloadProject(projects[0].path, hfToken);
+                  const file = await hfDownloadProject2(projects[0].path, hfToken);
                   await handleProjectImport(file);
                 }
               } catch (e) {
@@ -3827,7 +3940,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
               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
             }
           ),
           activeTab === "tags" && workspaceTags && /* @__PURE__ */ jsx20(
@@ -4156,7 +4270,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             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
           }
         )
       ] })
@@ -4165,7 +4280,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.4";
+var LIB_VERSION = "1.3.6";
 export {
   AvatarArchitectApp,
   CollapsibleCard,
@@ -4206,12 +4321,24 @@ export {
   formatTreeToMarkdown,
   frameToGeneration,
   getFormattedTimestamp,
+  getHFToken,
   groupGenerationsToLabItems,
+  hfDeleteProject,
+  hfDownloadProject,
+  hfListProjects,
+  hfLoadImageAsBase64,
+  hfLoadMetadata,
+  hfLoadTags,
+  hfSaveMetadata,
+  hfSaveTags,
+  hfUploadImage,
+  hfUploadProjectForm,
   importProjectFromZip,
   injectXMPMetadata,
   interpretSdkError,
   parsePromptFile,
   parsePromptResponse,
+  setHFToken,
   useKeyboardNavigation,
   useOnClickOutside
 };

package/package.json

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