@rslsp1/fa-app-tools 1.3.3 → 1.3.5

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.
@@ -448,6 +458,26 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.3";
+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.5";
 
-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.
@@ -448,6 +458,26 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.3";
+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.5";
 
-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
 });
@@ -2223,6 +2323,16 @@ function autoLabel(index) {
 function buildReferenceImageMediaIds(images) {
   return images.filter((i) => i.sendToImageGen && i.frame.mediaId).map((i) => i.frame.mediaId);
 }
+function toPromptImages(images) {
+  return images.filter((i) => i.sendToPromptAI && i.frame.base64).map((i) => {
+    const raw = i.frame.base64.includes(",") ? i.frame.base64.split(",")[1] : i.frame.base64;
+    const mimeType = i.frame.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg";
+    return { base64: raw, mimeType };
+  });
+}
+
+// src/components/AvatarArchitectApp.tsx
+init_hfStateService();
 
 // src/components/labs/LabsTab.tsx
 var import_react19 = require("react");
@@ -2373,7 +2483,8 @@ var LabRemix = ({ services, onResult }) => {
         instruction,
         selected.item.prompt
       );
-      const images = selected.sendToPromptAI ? [{ base64: selected.frame.base64, mimeType: "image/png" }] : void 0;
+      const imgs = toPromptImages([selected]);
+      const images = imgs.length ? imgs : void 0;
       const result = await services.generateText(text, { systemInstruction, images });
       setGeneratedPrompt(result);
     } finally {
@@ -2766,7 +2877,7 @@ var LabCompare = ({ services, onResult }) => {
     setIsAnalyzing(true);
     try {
       const { text, systemInstruction } = buildCompareInstruction(filled, instruction);
-      const images = filled.filter((i) => i.sendToPromptAI).map((i) => ({ base64: i.frame.base64, mimeType: "image/png" }));
+      const images = toPromptImages(filled);
       const result = await services.generateText(text, { systemInstruction, images: images.length ? images : void 0 });
       setAnalysis(result);
       setGeneratedPrompt("");
@@ -2934,7 +3045,7 @@ var LabLoop = ({ services, onResult }) => {
         images: r.images
       }));
       const { text, systemInstruction } = buildLoopInstruction(historyForBuilder, currentInstruction);
-      const allImages = [...rounds.flatMap((r) => r.images), ...pendingImages].filter((i) => i.sendToPromptAI).map((i) => ({ base64: i.frame.base64, mimeType: "image/png" }));
+      const allImages = toPromptImages([...rounds.flatMap((r) => r.images), ...pendingImages]);
       const newPrompt = await services.generateText(text, {
         systemInstruction,
         images: allImages.length ? allImages : void 0
@@ -3326,6 +3437,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 {
@@ -3587,6 +3700,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));
@@ -3831,6 +3963,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)(
@@ -3932,6 +4086,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             "input",
             {
               type: "password",
+              autoComplete: "current-password",
+              id: "hf-token-input",
               value: hfTokenInput,
               onChange: (e) => setHfTokenInput(e.target.value),
               onKeyDown: (e) => {
@@ -4618,7 +4774,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.3";
+init_hfStateService();
+var LIB_VERSION = "1.3.5";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,
@@ -4660,12 +4817,24 @@ var LIB_VERSION = "1.3.3";
   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";
@@ -1547,8 +1556,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);
@@ -1760,6 +1769,13 @@ function autoLabel(index) {
 function buildReferenceImageMediaIds(images) {
   return images.filter((i) => i.sendToImageGen && i.frame.mediaId).map((i) => i.frame.mediaId);
 }
+function toPromptImages(images) {
+  return images.filter((i) => i.sendToPromptAI && i.frame.base64).map((i) => {
+    const raw = i.frame.base64.includes(",") ? i.frame.base64.split(",")[1] : i.frame.base64;
+    const mimeType = i.frame.base64.startsWith("data:image/png") ? "image/png" : "image/jpeg";
+    return { base64: raw, mimeType };
+  });
+}
 
 // src/components/labs/LabsTab.tsx
 import { useState as useState12 } from "react";
@@ -1910,7 +1926,8 @@ var LabRemix = ({ services, onResult }) => {
         instruction,
         selected.item.prompt
       );
-      const images = selected.sendToPromptAI ? [{ base64: selected.frame.base64, mimeType: "image/png" }] : void 0;
+      const imgs = toPromptImages([selected]);
+      const images = imgs.length ? imgs : void 0;
       const result = await services.generateText(text, { systemInstruction, images });
       setGeneratedPrompt(result);
     } finally {
@@ -2303,7 +2320,7 @@ var LabCompare = ({ services, onResult }) => {
     setIsAnalyzing(true);
     try {
       const { text, systemInstruction } = buildCompareInstruction(filled, instruction);
-      const images = filled.filter((i) => i.sendToPromptAI).map((i) => ({ base64: i.frame.base64, mimeType: "image/png" }));
+      const images = toPromptImages(filled);
       const result = await services.generateText(text, { systemInstruction, images: images.length ? images : void 0 });
       setAnalysis(result);
       setGeneratedPrompt("");
@@ -2471,7 +2488,7 @@ var LabLoop = ({ services, onResult }) => {
         images: r.images
       }));
       const { text, systemInstruction } = buildLoopInstruction(historyForBuilder, currentInstruction);
-      const allImages = [...rounds.flatMap((r) => r.images), ...pendingImages].filter((i) => i.sendToPromptAI).map((i) => ({ base64: i.frame.base64, mimeType: "image/png" }));
+      const allImages = toPromptImages([...rounds.flatMap((r) => r.images), ...pendingImages]);
       const newPrompt = await services.generateText(text, {
         systemInstruction,
         images: allImages.length ? allImages : void 0
@@ -2863,6 +2880,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 {
@@ -3124,6 +3143,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));
@@ -3368,6 +3406,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(
@@ -3469,6 +3529,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             "input",
             {
               type: "password",
+              autoComplete: "current-password",
+              id: "hf-token-input",
               value: hfTokenInput,
               onChange: (e) => setHfTokenInput(e.target.value),
               onKeyDown: (e) => {
@@ -3497,10 +3559,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) {
@@ -4155,7 +4217,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.3";
+var LIB_VERSION = "1.3.5";
 export {
   AvatarArchitectApp,
   CollapsibleCard,
@@ -4196,12 +4258,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.3",
+  "version": "1.3.5",
   "description": "Shared tools and hooks for Fine Art flow apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",