@rslsp1/fa-app-tools 2.0.54 → 2.0.57

package/dist/{chunk-TTJTQP43.mjs → chunk-VVLKEBHL.mjs}

@@ -116,11 +116,16 @@ async function loadHFState(namespace, token) {
     meta: JSON.parse(metaStr)
   };
 }
-async function loadPendingEvents(namespace, token, sinceTs) {
+async function loadPendingEvents(namespace, token, sinceTs, knownPaths) {
   const files = await hfListDir(namespace, "events", token);
-  const pending = files.filter((f) => f.type === "file" && tsFromEventPath(f.path) > sinceTs).sort((a, b) => a.path.localeCompare(b.path));
+  const pending = files.filter((f) => f.type === "file" && tsFromEventPath(f.path) > sinceTs && !knownPaths?.has(f.path)).sort((a, b) => a.path.localeCompare(b.path));
+  if (!pending.length) return [];
   const raw = await Promise.all(
-    pending.map((f) => hfDownloadJsonByPath(f.path, token))
+    pending.map(async (f) => {
+      const result = await hfDownloadJsonByPath(f.path, token);
+      knownPaths?.add(f.path);
+      return result;
+    })
   );
   return raw.flatMap((e) => Array.isArray(e) ? e : [e]);
 }

package/dist/{hfStateService-5BU5DVQ6.mjs → hfStateService-PHK6676C.mjs}

@@ -24,7 +24,7 @@ import {
   setHFToken,
   tsFromEventPath,
   writeHFEvent
-} from "./chunk-TTJTQP43.mjs";
+} from "./chunk-VVLKEBHL.mjs";
 export {
   HF_TOKEN_KEY,
   getHFToken,

package/dist/index.d.mts

@@ -589,7 +589,7 @@ declare function hfBatchArchive(moves: Array<{
 }>, token: string, summary: string): Promise<void>;
 declare function tsFromEventPath(repoPath: string): number;
 declare function loadHFState(namespace: string, token: string): Promise<HFStateSnapshot | null>;
-declare function loadPendingEvents(namespace: string, token: string, sinceTs: number): Promise<HFEvent[]>;
+declare function loadPendingEvents(namespace: string, token: string, sinceTs: number, knownPaths?: Set<string>): Promise<HFEvent[]>;
 declare function getSessionClientId(): string;
 declare function writeHFEvent<P>(namespace: string, token: string, type: string, payload: P, prevTs: number[]): Promise<HFEvent<P>>;
 declare function hfBootstrapFromLegacy(namespace: string, token: string, onProgress?: (msg: string) => void): Promise<void>;
@@ -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.54";
+declare const LIB_VERSION = "2.0.57";
 
 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

@@ -589,7 +589,7 @@ declare function hfBatchArchive(moves: Array<{
 }>, token: string, summary: string): Promise<void>;
 declare function tsFromEventPath(repoPath: string): number;
 declare function loadHFState(namespace: string, token: string): Promise<HFStateSnapshot | null>;
-declare function loadPendingEvents(namespace: string, token: string, sinceTs: number): Promise<HFEvent[]>;
+declare function loadPendingEvents(namespace: string, token: string, sinceTs: number, knownPaths?: Set<string>): Promise<HFEvent[]>;
 declare function getSessionClientId(): string;
 declare function writeHFEvent<P>(namespace: string, token: string, type: string, payload: P, prevTs: number[]): Promise<HFEvent<P>>;
 declare function hfBootstrapFromLegacy(namespace: string, token: string, onProgress?: (msg: string) => void): Promise<void>;
@@ -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.54";
+declare const LIB_VERSION = "2.0.57";
 
 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

@@ -404,11 +404,16 @@ async function loadHFState(namespace, token) {
     meta: JSON.parse(metaStr)
   };
 }
-async function loadPendingEvents(namespace, token, sinceTs) {
+async function loadPendingEvents(namespace, token, sinceTs, knownPaths) {
   const files = await hfListDir(namespace, "events", token);
-  const pending = files.filter((f) => f.type === "file" && tsFromEventPath(f.path) > sinceTs).sort((a, b) => a.path.localeCompare(b.path));
+  const pending = files.filter((f) => f.type === "file" && tsFromEventPath(f.path) > sinceTs && !knownPaths?.has(f.path)).sort((a, b) => a.path.localeCompare(b.path));
+  if (!pending.length) return [];
   const raw = await Promise.all(
-    pending.map((f) => hfDownloadJsonByPath(f.path, token))
+    pending.map(async (f) => {
+      const result = await hfDownloadJsonByPath(f.path, token);
+      knownPaths?.add(f.path);
+      return result;
+    })
   );
   return raw.flatMap((e) => Array.isArray(e) ? e : [e]);
 }
@@ -2714,6 +2719,7 @@ function useHFState(token, namespace) {
   const [lastEventTs, setLastEventTs] = (0, import_react16.useState)(0);
   const [hasStateZip, setHasStateZip] = (0, import_react16.useState)(false);
   const knownEventPaths = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
+  const knownFilePaths = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
   const allEventsRef = (0, import_react16.useRef)([]);
   const applyNewEvents = (0, import_react16.useCallback)((snapshot, newEvents) => {
     if (!newEvents.length && allEventsRef.current.length === 0) {
@@ -2733,6 +2739,7 @@ function useHFState(token, namespace) {
     if (!token || !namespace) return;
     setIsLoading(true);
     setError(null);
+    knownFilePaths.current = /* @__PURE__ */ new Set();
     try {
       const snapshot = await loadHFState(namespace, token);
       setHasStateZip(snapshot !== null);
@@ -2741,7 +2748,7 @@ function useHFState(token, namespace) {
         tags: { by_category: {}, all: [] },
         meta: { consolidatedAt: 0, version: 1 }
       };
-      const hfEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt);
+      const hfEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt, knownFilePaths.current);
       const hfEventKeys = new Set(hfEvents.map((e) => `${e.ts}_${e.clientId}`));
       const localOnlyEvents = allEventsRef.current.filter(
         (e) => !hfEventKeys.has(`${e.ts}_${e.clientId}`)
@@ -2766,7 +2773,7 @@ function useHFState(token, namespace) {
         }
         writeOfflineBuffer(failed);
         setPendingBufferCount(failed.length);
-        const freshEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt);
+        const freshEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt, knownFilePaths.current);
         freshEvents.forEach((e) => knownEventPaths.current.add(`${e.ts}_${e.clientId}`));
         setState((prev) => prev ? applyNewEvents(base, freshEvents) : prev);
       }
@@ -2779,7 +2786,7 @@ function useHFState(token, namespace) {
   const pollNew = (0, import_react16.useCallback)(async () => {
     if (!token || !namespace || !state) return;
     try {
-      const events = await loadPendingEvents(namespace, token, state.meta.consolidatedAt);
+      const events = await loadPendingEvents(namespace, token, state.meta.consolidatedAt, knownFilePaths.current);
       const newEvents = events.filter((e) => !knownEventPaths.current.has(`${e.ts}_${e.clientId}`));
       if (!newEvents.length) return;
       newEvents.forEach((e) => knownEventPaths.current.add(`${e.ts}_${e.clientId}`));
@@ -5087,8 +5094,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 {
@@ -5343,6 +5354,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);
@@ -6712,7 +6748,7 @@ function FaApp({
 // src/index.ts
 init_hfStateService();
 init_hfStateService();
-var LIB_VERSION = "2.0.54";
+var LIB_VERSION = "2.0.57";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -21,7 +21,7 @@ import {
   setHFToken,
   tsFromEventPath,
   writeHFEvent
-} from "./chunk-TTJTQP43.mjs";
+} from "./chunk-VVLKEBHL.mjs";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -1666,7 +1666,7 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-5BU5DVQ6.mjs");
+                const { hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-PHK6676C.mjs");
                 const file = await hfDownloadProject2(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
@@ -2030,6 +2030,7 @@ function useHFState(token, namespace) {
   const [lastEventTs, setLastEventTs] = useState9(0);
   const [hasStateZip, setHasStateZip] = useState9(false);
   const knownEventPaths = useRef6(/* @__PURE__ */ new Set());
+  const knownFilePaths = useRef6(/* @__PURE__ */ new Set());
   const allEventsRef = useRef6([]);
   const applyNewEvents = useCallback((snapshot, newEvents) => {
     if (!newEvents.length && allEventsRef.current.length === 0) {
@@ -2049,6 +2050,7 @@ function useHFState(token, namespace) {
     if (!token || !namespace) return;
     setIsLoading(true);
     setError(null);
+    knownFilePaths.current = /* @__PURE__ */ new Set();
     try {
       const snapshot = await loadHFState(namespace, token);
       setHasStateZip(snapshot !== null);
@@ -2057,7 +2059,7 @@ function useHFState(token, namespace) {
         tags: { by_category: {}, all: [] },
         meta: { consolidatedAt: 0, version: 1 }
       };
-      const hfEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt);
+      const hfEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt, knownFilePaths.current);
       const hfEventKeys = new Set(hfEvents.map((e) => `${e.ts}_${e.clientId}`));
       const localOnlyEvents = allEventsRef.current.filter(
         (e) => !hfEventKeys.has(`${e.ts}_${e.clientId}`)
@@ -2082,7 +2084,7 @@ function useHFState(token, namespace) {
         }
         writeOfflineBuffer(failed);
         setPendingBufferCount(failed.length);
-        const freshEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt);
+        const freshEvents = await loadPendingEvents(namespace, token, base.meta.consolidatedAt, knownFilePaths.current);
         freshEvents.forEach((e) => knownEventPaths.current.add(`${e.ts}_${e.clientId}`));
         setState((prev) => prev ? applyNewEvents(base, freshEvents) : prev);
       }
@@ -2095,7 +2097,7 @@ function useHFState(token, namespace) {
   const pollNew = useCallback(async () => {
     if (!token || !namespace || !state) return;
     try {
-      const events = await loadPendingEvents(namespace, token, state.meta.consolidatedAt);
+      const events = await loadPendingEvents(namespace, token, state.meta.consolidatedAt, knownFilePaths.current);
       const newEvents = events.filter((e) => !knownEventPaths.current.has(`${e.ts}_${e.clientId}`));
       if (!newEvents.length) return;
       newEvents.forEach((e) => knownEventPaths.current.add(`${e.ts}_${e.clientId}`));
@@ -4403,8 +4405,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 {
@@ -4659,6 +4665,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);
@@ -5195,7 +5226,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-5BU5DVQ6.mjs");
+                const { hfListProjects: hfListProjects2, hfDownloadProject: hfDownloadProject2 } = await import("./hfStateService-PHK6676C.mjs");
                 const projects = await hfListProjects2(hfToken);
                 if (projects.length > 0) {
                   const file = await hfDownloadProject2(projects[0].path, hfToken);
@@ -6026,7 +6057,7 @@ function FaApp({
 }
 
 // src/index.ts
-var LIB_VERSION = "2.0.54";
+var LIB_VERSION = "2.0.57";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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