@rslsp1/fa-app-tools 1.3.12 → 1.3.14

package/dist/index.d.mts

@@ -479,6 +479,6 @@ 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.12";
+declare const LIB_VERSION = "1.3.14";
 
 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

@@ -479,6 +479,6 @@ 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.12";
+declare const LIB_VERSION = "1.3.14";
 
 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

@@ -3474,6 +3474,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react21.useState)(false);
   const [hfMetadata, setHfMetadata] = (0, import_react21.useState)([]);
   const hfTagSaveTimer = (0, import_react21.useRef)(null);
+  const hfMetaSaveQueue = (0, import_react21.useRef)(Promise.resolve());
   const wsInputRef = (0, import_react21.useRef)(null);
   const startApp = (choice) => {
     try {
@@ -3487,6 +3488,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [edges, setEdges] = (0, import_react21.useState)([]);
   const [history, setHistory] = (0, import_react21.useState)([]);
   const [galleryItems, setGalleryItems] = (0, import_react21.useState)([]);
+  const galleryItemsRef = (0, import_react21.useRef)([]);
+  (0, import_react21.useEffect)(() => {
+    galleryItemsRef.current = galleryItems;
+  }, [galleryItems]);
   const [activePrompt, setActivePrompt] = (0, import_react21.useState)("");
   const [isSynthesizing, setIsSynthesizing] = (0, import_react21.useState)(false);
   const [activeGenerationsCount, setActiveGenerationsCount] = (0, import_react21.useState)(0);
@@ -3747,15 +3752,18 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         };
         hfUploadImage(base64, genId, hfToken).catch(() => {
         });
-        hfLoadMetadata(hfToken).then((existing) => {
-          const ids = new Set((existing || []).map((e) => e.id));
-          if (!ids.has(genId)) {
-            const next = [...existing || [], entry];
-            hfSaveMetadata(next, hfToken).catch(() => {
-            });
-            setHfMetadata(next);
+        const token = hfToken;
+        hfMetaSaveQueue.current = hfMetaSaveQueue.current.then(async () => {
+          try {
+            const existing = await hfLoadMetadata(token);
+            const ids = new Set((existing || []).map((e) => e.id));
+            if (!ids.has(genId)) {
+              const next = [...existing || [], entry];
+              await hfSaveMetadata(next, token);
+              setHfMetadata(next);
+            }
+          } catch {
           }
-        }).catch(() => {
         });
       }
     } catch (err) {
@@ -4048,7 +4056,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const entries = await hfLoadMetadata(token);
       if (!Array.isArray(entries) || entries.length === 0) return;
       setHfMetadata(entries);
-      const skeletons = entries.map((e) => ({
+      const hfIds = new Set(entries.map((e) => e.id));
+      const hfSkeletons = entries.map((e) => ({
         id: e.id,
         nodeId: e.id,
         prompt: e.prompt,
@@ -4058,18 +4067,55 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         timestamp: e.timestamp,
         status: "done"
       }));
-      setGalleryItems(skeletons);
-      setHistory(skeletons);
-      if (skeletons.length > 0) setCurrentResult(skeletons[0]);
+      setGalleryItems((prev) => {
+        const localOnly = prev.filter((g) => !hfIds.has(g.id));
+        const merged = hfSkeletons.map((s) => prev.find((g) => g.id === s.id) ?? s);
+        return [...localOnly, ...merged];
+      });
+      setHistory((prev) => {
+        const localOnly = prev.filter((g) => !hfIds.has(g.id));
+        const merged = hfSkeletons.map((s) => prev.find((g) => g.id === s.id) ?? s);
+        return [...localOnly, ...merged];
+      });
       for (const entry of entries) {
         hfLoadImageAsBase64(entry.id, token).then((b64) => {
           if (!b64) return;
           const prefix = `data:${entry.mimeType || "image/jpeg"};base64,`;
-          setGalleryItems((prev) => prev.map((g) => g.id === entry.id ? { ...g, base64: prefix + b64 } : g));
-          setHistory((prev) => prev.map((g) => g.id === entry.id ? { ...g, base64: prefix + b64 } : g));
+          setGalleryItems((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+          setHistory((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
         }).catch(() => {
         });
       }
+      const localOnlyItems = galleryItemsRef.current.filter((g) => !hfIds.has(g.id) && g.base64 && g.status === "done");
+      if (localOnlyItems.length > 0) {
+        hfMetaSaveQueue.current = hfMetaSaveQueue.current.then(async () => {
+          try {
+            let currentMeta = await hfLoadMetadata(token);
+            const existingIds = new Set((currentMeta || []).map((e) => e.id));
+            for (const gen of localOnlyItems) {
+              if (existingIds.has(gen.id)) continue;
+              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, token, mimeType).catch(() => {
+              });
+              const entry = {
+                id: gen.id,
+                prompt: gen.prompt || void 0,
+                seed: gen.seed,
+                model: gen.model,
+                tags: gen.tags || [],
+                timestamp: gen.timestamp,
+                mimeType
+              };
+              currentMeta = [...currentMeta || [], entry];
+              existingIds.add(gen.id);
+            }
+            await hfSaveMetadata(currentMeta, token);
+            setHfMetadata(currentMeta);
+          } catch {
+          }
+        });
+      }
     } finally {
       setIsHfRefreshing(false);
     }
@@ -4908,7 +4954,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 
 // src/index.ts
 init_hfStateService();
-var LIB_VERSION = "1.3.12";
+var LIB_VERSION = "1.3.14";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -2917,6 +2917,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [isLoadingFromHF, setIsLoadingFromHF] = useState14(false);
   const [hfMetadata, setHfMetadata] = useState14([]);
   const hfTagSaveTimer = useRef6(null);
+  const hfMetaSaveQueue = useRef6(Promise.resolve());
   const wsInputRef = useRef6(null);
   const startApp = (choice) => {
     try {
@@ -2930,6 +2931,10 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [edges, setEdges] = useState14([]);
   const [history, setHistory] = useState14([]);
   const [galleryItems, setGalleryItems] = useState14([]);
+  const galleryItemsRef = useRef6([]);
+  useEffect5(() => {
+    galleryItemsRef.current = galleryItems;
+  }, [galleryItems]);
   const [activePrompt, setActivePrompt] = useState14("");
   const [isSynthesizing, setIsSynthesizing] = useState14(false);
   const [activeGenerationsCount, setActiveGenerationsCount] = useState14(0);
@@ -3190,15 +3195,18 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         };
         hfUploadImage(base64, genId, hfToken).catch(() => {
         });
-        hfLoadMetadata(hfToken).then((existing) => {
-          const ids = new Set((existing || []).map((e) => e.id));
-          if (!ids.has(genId)) {
-            const next = [...existing || [], entry];
-            hfSaveMetadata(next, hfToken).catch(() => {
-            });
-            setHfMetadata(next);
+        const token = hfToken;
+        hfMetaSaveQueue.current = hfMetaSaveQueue.current.then(async () => {
+          try {
+            const existing = await hfLoadMetadata(token);
+            const ids = new Set((existing || []).map((e) => e.id));
+            if (!ids.has(genId)) {
+              const next = [...existing || [], entry];
+              await hfSaveMetadata(next, token);
+              setHfMetadata(next);
+            }
+          } catch {
           }
-        }).catch(() => {
         });
       }
     } catch (err) {
@@ -3491,7 +3499,8 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       const entries = await hfLoadMetadata(token);
       if (!Array.isArray(entries) || entries.length === 0) return;
       setHfMetadata(entries);
-      const skeletons = entries.map((e) => ({
+      const hfIds = new Set(entries.map((e) => e.id));
+      const hfSkeletons = entries.map((e) => ({
         id: e.id,
         nodeId: e.id,
         prompt: e.prompt,
@@ -3501,18 +3510,55 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         timestamp: e.timestamp,
         status: "done"
       }));
-      setGalleryItems(skeletons);
-      setHistory(skeletons);
-      if (skeletons.length > 0) setCurrentResult(skeletons[0]);
+      setGalleryItems((prev) => {
+        const localOnly = prev.filter((g) => !hfIds.has(g.id));
+        const merged = hfSkeletons.map((s) => prev.find((g) => g.id === s.id) ?? s);
+        return [...localOnly, ...merged];
+      });
+      setHistory((prev) => {
+        const localOnly = prev.filter((g) => !hfIds.has(g.id));
+        const merged = hfSkeletons.map((s) => prev.find((g) => g.id === s.id) ?? s);
+        return [...localOnly, ...merged];
+      });
       for (const entry of entries) {
         hfLoadImageAsBase64(entry.id, token).then((b64) => {
           if (!b64) return;
           const prefix = `data:${entry.mimeType || "image/jpeg"};base64,`;
-          setGalleryItems((prev) => prev.map((g) => g.id === entry.id ? { ...g, base64: prefix + b64 } : g));
-          setHistory((prev) => prev.map((g) => g.id === entry.id ? { ...g, base64: prefix + b64 } : g));
+          setGalleryItems((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+          setHistory((prev) => prev.map((g) => g.id === entry.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
         }).catch(() => {
         });
       }
+      const localOnlyItems = galleryItemsRef.current.filter((g) => !hfIds.has(g.id) && g.base64 && g.status === "done");
+      if (localOnlyItems.length > 0) {
+        hfMetaSaveQueue.current = hfMetaSaveQueue.current.then(async () => {
+          try {
+            let currentMeta = await hfLoadMetadata(token);
+            const existingIds = new Set((currentMeta || []).map((e) => e.id));
+            for (const gen of localOnlyItems) {
+              if (existingIds.has(gen.id)) continue;
+              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, token, mimeType).catch(() => {
+              });
+              const entry = {
+                id: gen.id,
+                prompt: gen.prompt || void 0,
+                seed: gen.seed,
+                model: gen.model,
+                tags: gen.tags || [],
+                timestamp: gen.timestamp,
+                mimeType
+              };
+              currentMeta = [...currentMeta || [], entry];
+              existingIds.add(gen.id);
+            }
+            await hfSaveMetadata(currentMeta, token);
+            setHfMetadata(currentMeta);
+          } catch {
+          }
+        });
+      }
     } finally {
       setIsHfRefreshing(false);
     }
@@ -4350,7 +4396,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.12";
+var LIB_VERSION = "1.3.14";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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