@rslsp1/fa-app-tools 2.0.50 → 2.0.56

package/dist/index.d.mts

@@ -641,6 +641,6 @@ declare function findTips(dag: Dag): number[];
 declare function findForks(dag: Dag): DagFork[];
 declare function topoSort(events: HFEvent[]): HFEvent[];
 
-declare const LIB_VERSION = "2.0.50";
+declare const LIB_VERSION = "2.0.56";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type DagFork, type ExtractedCharacter, FaApp, type FaAppProps, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFEvent, type HFEventVersion, type HFFileInfo$1 as HFFileInfo, type HFMetadataEntry, type HFStateMeta, type HFStateResult, type HFStateSnapshot, HistoryPanel, type ImageAddedPayload, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabFrameExtractor, type LabFrameExtractorProps, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, type MetadataUpdatedPayload, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, ServerTab, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type TagUpsertedPayload, type WorkspaceTags, applyEvent, applyEvents, autoLabel, buildBlendInstruction, buildCompareInstruction, buildDag, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, findForks, findTips, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, getSessionClientId, groupGenerationsToLabItems, hfBatchArchive, hfBootstrapFromLegacy, hfDeleteProject, hfDownloadProject, hfListDir, hfListProjects, hfLoadImageAsBase64, hfUploadImage, hfUploadProjectForm, hfUploadSmallFile, importProjectFromZip, injectXMPMetadata, interpretSdkError, loadHFState, loadPendingEvents, parsePromptFile, parsePromptResponse, setHFToken, topoSort, tsFromEventPath, useHFState, useKeyboardNavigation, useOnClickOutside, writeHFEvent };

package/dist/index.d.ts

@@ -641,6 +641,6 @@ declare function findTips(dag: Dag): number[];
 declare function findForks(dag: Dag): DagFork[];
 declare function topoSort(events: HFEvent[]): HFEvent[];
 
-declare const LIB_VERSION = "2.0.50";
+declare const LIB_VERSION = "2.0.56";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type DagFork, type ExtractedCharacter, FaApp, type FaAppProps, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, type HFEvent, type HFEventVersion, type HFFileInfo$1 as HFFileInfo, type HFMetadataEntry, type HFStateMeta, type HFStateResult, type HFStateSnapshot, HistoryPanel, type ImageAddedPayload, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabFrameExtractor, type LabFrameExtractorProps, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, type MetadataUpdatedPayload, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, ServerTab, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type TagUpsertedPayload, type WorkspaceTags, applyEvent, applyEvents, autoLabel, buildBlendInstruction, buildCompareInstruction, buildDag, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, findForks, findTips, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, getHFToken, getSessionClientId, groupGenerationsToLabItems, hfBatchArchive, hfBootstrapFromLegacy, hfDeleteProject, hfDownloadProject, hfListDir, hfListProjects, hfLoadImageAsBase64, hfUploadImage, hfUploadProjectForm, hfUploadSmallFile, importProjectFromZip, injectXMPMetadata, interpretSdkError, loadHFState, loadPendingEvents, parsePromptFile, parsePromptResponse, setHFToken, topoSort, tsFromEventPath, useHFState, useKeyboardNavigation, useOnClickOutside, writeHFEvent };

package/dist/index.js

@@ -4955,12 +4955,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfTokenInput, setHfTokenInput] = (0, import_react27.useState)(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = (0, import_react27.useState)(false);
   const [hfNamespaceLocal, setHfNamespaceLocal] = (0, import_react27.useState)(() => {
+    const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
+    const DEFAULT = "app.art-by-rolands.de/";
     try {
       const stored = localStorage.getItem("aa-hf-namespace");
-      if (stored) return stored;
-      return "app.art-by-rolands.de/";
+      if (stored && KNOWN.includes(stored)) return stored;
+      localStorage.setItem("aa-hf-namespace", DEFAULT);
+      return DEFAULT;
     } catch {
-      return "";
+      return DEFAULT;
     }
   });
   const [hfNamespaceFromServer, setHfNamespaceFromServer] = (0, import_react27.useState)(null);
@@ -5084,8 +5087,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return [...localOnly, ...merged].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     });
     const sortedEntries = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
+    const galleryRepIds = new Set(groupByPrompt(skeletons).slice(0, 20).map((g) => g.representative.id));
+    const historyIds = new Set(sortedEntries.slice(0, 20).map((e) => e.id));
+    const initialIds = /* @__PURE__ */ new Set([...galleryRepIds, ...historyIds]);
+    const toLoad = sortedEntries.filter((e) => initialIds.has(e.id));
     (async () => {
-      for (const entry of sortedEntries) {
+      for (const entry of toLoad) {
         if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
         if (hfImageNotFoundRef.current.has(entry.id)) continue;
         try {
@@ -5340,6 +5347,31 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
     return group ? group.items : [];
   }, [galleryItems, currentResult?.prompt]);
+  (0, import_react27.useEffect)(() => {
+    if (!currentResult?.prompt || !hfToken || !effectiveNamespace || !hfState) return;
+    const siblings = galleryItemsRef.current.filter(
+      (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
+    );
+    if (!siblings.length) return;
+    (async () => {
+      for (const sib of siblings) {
+        const meta = hfState.metadata.find((m) => m.id === sib.id);
+        if (!meta) continue;
+        try {
+          const b64 = await hfLoadImageAsBase64(sib.id, hfToken, effectiveNamespace, meta.filename, void 0, meta.mimeType, meta.hasThumb);
+          if (!b64) {
+            hfImageNotFoundRef.current.set(sib.id, Date.now());
+            continue;
+          }
+          const prefix = `data:${meta.mimeType || "image/jpeg"};base64,`;
+          setGalleryItems((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+          setHistory((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+        } catch {
+          hfImageNotFoundRef.current.set(sib.id, Date.now());
+        }
+      }
+    })();
+  }, [currentResult?.id, currentResult?.prompt]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
   const isGenerating = activeGenerationsCount > 0;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
@@ -6709,7 +6741,7 @@ function FaApp({
 // src/index.ts
 init_hfStateService();
 init_hfStateService();
-var LIB_VERSION = "2.0.50";
+var LIB_VERSION = "2.0.56";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -4271,12 +4271,15 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
   const [hfTokenInput, setHfTokenInput] = useState20(initialHfToken || "");
   const [isLoadingFromHF, setIsLoadingFromHF] = useState20(false);
   const [hfNamespaceLocal, setHfNamespaceLocal] = useState20(() => {
+    const KNOWN = ["app.art-by-rolands.de/", "dev-app.art-by-rolands.de/"];
+    const DEFAULT = "app.art-by-rolands.de/";
     try {
       const stored = localStorage.getItem("aa-hf-namespace");
-      if (stored) return stored;
-      return "app.art-by-rolands.de/";
+      if (stored && KNOWN.includes(stored)) return stored;
+      localStorage.setItem("aa-hf-namespace", DEFAULT);
+      return DEFAULT;
     } catch {
-      return "";
+      return DEFAULT;
     }
   });
   const [hfNamespaceFromServer, setHfNamespaceFromServer] = useState20(null);
@@ -4400,8 +4403,12 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
       return [...localOnly, ...merged].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
     });
     const sortedEntries = [...hfState.metadata].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0));
+    const galleryRepIds = new Set(groupByPrompt(skeletons).slice(0, 20).map((g) => g.representative.id));
+    const historyIds = new Set(sortedEntries.slice(0, 20).map((e) => e.id));
+    const initialIds = /* @__PURE__ */ new Set([...galleryRepIds, ...historyIds]);
+    const toLoad = sortedEntries.filter((e) => initialIds.has(e.id));
     (async () => {
-      for (const entry of sortedEntries) {
+      for (const entry of toLoad) {
         if (galleryItemsRef.current.find((g) => g.id === entry.id)?.base64) continue;
         if (hfImageNotFoundRef.current.has(entry.id)) continue;
         try {
@@ -4656,6 +4663,31 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     const group = groups.find((gr) => gr.prompt === currentResult.prompt);
     return group ? group.items : [];
   }, [galleryItems, currentResult?.prompt]);
+  useEffect7(() => {
+    if (!currentResult?.prompt || !hfToken || !effectiveNamespace || !hfState) return;
+    const siblings = galleryItemsRef.current.filter(
+      (g) => g.prompt === currentResult.prompt && !g.base64 && !hfImageNotFoundRef.current.has(g.id)
+    );
+    if (!siblings.length) return;
+    (async () => {
+      for (const sib of siblings) {
+        const meta = hfState.metadata.find((m) => m.id === sib.id);
+        if (!meta) continue;
+        try {
+          const b64 = await hfLoadImageAsBase64(sib.id, hfToken, effectiveNamespace, meta.filename, void 0, meta.mimeType, meta.hasThumb);
+          if (!b64) {
+            hfImageNotFoundRef.current.set(sib.id, Date.now());
+            continue;
+          }
+          const prefix = `data:${meta.mimeType || "image/jpeg"};base64,`;
+          setGalleryItems((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+          setHistory((prev) => prev.map((g) => g.id === sib.id && !g.base64 ? { ...g, base64: prefix + b64 } : g));
+        } catch {
+          hfImageNotFoundRef.current.set(sib.id, Date.now());
+        }
+      }
+    })();
+  }, [currentResult?.id, currentResult?.prompt]);
   const hcStyle = highContrast ? { filter: "brightness(1.6) contrast(1.05)" } : void 0;
   const isGenerating = activeGenerationsCount > 0;
   useKeyboardNavigation(history, currentResult, setCurrentResult);
@@ -6023,7 +6055,7 @@ function FaApp({
 }
 
 // src/index.ts
-var LIB_VERSION = "2.0.50";
+var LIB_VERSION = "2.0.56";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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