@rslsp1/fa-app-tools 2.0.46 → 2.0.48

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.46";
+declare const LIB_VERSION = "2.0.48";
 
 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.46";
+declare const LIB_VERSION = "2.0.48";
 
 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

@@ -1030,29 +1030,6 @@ var CompactDropdown = ({
 // src/components/HistoryPanel.tsx
 var import_react4 = require("react");
 var import_react5 = require("motion/react");
-
-// src/lib/grouping.ts
-function groupByPrompt(items) {
-  const map = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = item.prompt ?? "";
-    if (!map.has(key)) map.set(key, []);
-    map.get(key).push(item);
-  }
-  const groups = [];
-  for (const [prompt, groupItems] of map) {
-    const titled = groupItems.filter((i) => i.titleTs);
-    const representative = titled.length > 0 ? titled.reduce((a, b) => a.titleTs > b.titleTs ? a : b) : groupItems.reduce((a, b) => a.timestamp > b.timestamp ? a : b);
-    groups.push({ prompt, items: groupItems, representative });
-  }
-  return groups.sort((a, b) => {
-    const aMax = Math.max(...a.items.map((i) => i.timestamp));
-    const bMax = Math.max(...b.items.map((i) => i.timestamp));
-    return bMax - aMax;
-  });
-}
-
-// src/components/HistoryPanel.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var PAGE_SIZE = 20;
 var formatFriendlyTimestamp = (timestamp) => {
@@ -1068,10 +1045,7 @@ var formatFriendlyTimestamp = (timestamp) => {
 };
 var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
   const [visibleCount, setVisibleCount] = (0, import_react4.useState)(PAGE_SIZE);
-  const doneItems = history.filter((g) => g.status === "done");
-  const processingItems = history.filter((g) => g.status !== "done");
-  const groups = groupByPrompt(doneItems);
-  const visibleGroups = groups.slice(0, visibleCount);
+  const visibleHistory = history.slice(0, visibleCount);
   if (history.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "material-symbols-outlined text-[64px]", children: "history" }),
@@ -1079,60 +1053,43 @@ var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react5.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-4 flex flex-col gap-3 overflow-y-auto dark-scrollbar", children: [
-    processingItems.map((gen) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    visibleHistory.map((gen) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
-        className: "flex gap-3 p-2 bg-white/5 border border-white/5 rounded-2xl cursor-pointer group transition-all relative",
+        className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${currentResultId === gen.id ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
         onClick: () => onSelect(gen),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-5 h-5 border-t-2 border-white rounded-full animate-spin" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 flex items-center justify-center", children: gen.status === "processing" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-5 h-5 border-t-2 border-white/40 rounded-full animate-spin" }) : gen.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "material-symbols-outlined text-red-400 text-[20px]", children: "warning" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: gen.base64 ? gen.base64.startsWith("data:") ? gen.base64 : `data:image/png;base64,${gen.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[7px] font-bold text-white/20 uppercase", children: "Generiere..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-[9px] text-white/40 line-clamp-2 leading-tight mt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(gen.timestamp) }),
+              gen.model && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: gen.model })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
               '"',
               gen.prompt,
               '"'
-            ] })
-          ] })
+            ] }),
+            gen.status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[8px] text-white/30 mt-0.5", children: "Generiert\u2026" }),
+            gen.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[8px] text-red-400/70 mt-0.5 truncate", children: gen.error?.message })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(gen.id);
+              },
+              className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all",
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "delete" })
+            }
+          )
         ]
       },
       gen.id
     )),
-    visibleGroups.map((group) => {
-      const rep = group.representative;
-      const isActive = group.items.some((i) => i.id === currentResultId);
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        "div",
-        {
-          className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${isActive ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
-          onClick: () => onSelect(rep),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: rep.base64 ? rep.base64.startsWith("data:") ? rep.base64 : `data:image/png;base64,${rep.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }),
-              group.items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0.5 right-0.5 px-1 bg-black/80 rounded text-[7px] font-bold text-white/70", children: group.items.length })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(rep.timestamp) }),
-                rep.model && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: rep.model })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
-                '"',
-                rep.prompt,
-                '"'
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: (e) => {
-              e.stopPropagation();
-              onDelete(rep.id);
-            }, className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "material-symbols-outlined text-[14px]", children: "delete" }) })
-          ]
-        },
-        rep.id
-      );
-    }),
-    visibleCount < groups.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "w-full py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
-      groups.length - visibleCount,
+    visibleCount < history.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "w-full py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
+      history.length - visibleCount,
       " weitere laden"
     ] })
   ] });
@@ -1383,6 +1340,29 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
 // src/components/MediaLibrary.tsx
 var import_react10 = require("react");
 var import_react11 = require("motion/react");
+
+// src/lib/grouping.ts
+function groupByPrompt(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.prompt ?? "";
+    if (!map.has(key)) map.set(key, []);
+    map.get(key).push(item);
+  }
+  const groups = [];
+  for (const [prompt, groupItems] of map) {
+    const titled = groupItems.filter((i) => i.titleTs);
+    const representative = titled.length > 0 ? titled.reduce((a, b) => a.titleTs > b.titleTs ? a : b) : groupItems.reduce((a, b) => a.timestamp > b.timestamp ? a : b);
+    groups.push({ prompt, items: groupItems, representative });
+  }
+  return groups.sort((a, b) => {
+    const aMax = Math.max(...a.items.map((i) => i.timestamp));
+    const bMax = Math.max(...b.items.map((i) => i.timestamp));
+    return bMax - aMax;
+  });
+}
+
+// src/components/MediaLibrary.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var PAGE_SIZE2 = 20;
 var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, onBatchDownload, onGenerateReference }) => {
@@ -4978,7 +4958,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     try {
       const stored = localStorage.getItem("aa-hf-namespace");
       if (stored !== null) return stored;
-      return allowDevNamespace ? "app.art-by-rolands.de/" : "";
+      return "app.art-by-rolands.de/";
     } catch {
       return "";
     }
@@ -6729,7 +6709,7 @@ function FaApp({
 // src/index.ts
 init_hfStateService();
 init_hfStateService();
-var LIB_VERSION = "2.0.46";
+var LIB_VERSION = "2.0.48";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -355,29 +355,6 @@ var CompactDropdown = ({
 // src/components/HistoryPanel.tsx
 import { useState as useState2 } from "react";
 import { motion } from "motion/react";
-
-// src/lib/grouping.ts
-function groupByPrompt(items) {
-  const map = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = item.prompt ?? "";
-    if (!map.has(key)) map.set(key, []);
-    map.get(key).push(item);
-  }
-  const groups = [];
-  for (const [prompt, groupItems] of map) {
-    const titled = groupItems.filter((i) => i.titleTs);
-    const representative = titled.length > 0 ? titled.reduce((a, b) => a.titleTs > b.titleTs ? a : b) : groupItems.reduce((a, b) => a.timestamp > b.timestamp ? a : b);
-    groups.push({ prompt, items: groupItems, representative });
-  }
-  return groups.sort((a, b) => {
-    const aMax = Math.max(...a.items.map((i) => i.timestamp));
-    const bMax = Math.max(...b.items.map((i) => i.timestamp));
-    return bMax - aMax;
-  });
-}
-
-// src/components/HistoryPanel.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var formatFriendlyTimestamp = (timestamp) => {
@@ -393,10 +370,7 @@ var formatFriendlyTimestamp = (timestamp) => {
 };
 var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
   const [visibleCount, setVisibleCount] = useState2(PAGE_SIZE);
-  const doneItems = history.filter((g) => g.status === "done");
-  const processingItems = history.filter((g) => g.status !== "done");
-  const groups = groupByPrompt(doneItems);
-  const visibleGroups = groups.slice(0, visibleCount);
+  const visibleHistory = history.slice(0, visibleCount);
   if (history.length === 0) {
     return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center py-20 text-center gap-4 opacity-10", children: [
       /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[64px]", children: "history" }),
@@ -404,60 +378,43 @@ var HistoryPanel = ({ history, currentResultId, onSelect, onDelete }) => {
     ] });
   }
   return /* @__PURE__ */ jsxs3(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "absolute inset-0 p-4 flex flex-col gap-3 overflow-y-auto dark-scrollbar", children: [
-    processingItems.map((gen) => /* @__PURE__ */ jsxs3(
+    visibleHistory.map((gen) => /* @__PURE__ */ jsxs3(
       "div",
       {
-        className: "flex gap-3 p-2 bg-white/5 border border-white/5 rounded-2xl cursor-pointer group transition-all relative",
+        className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${currentResultId === gen.id ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
         onClick: () => onSelect(gen),
         children: [
-          /* @__PURE__ */ jsx5("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 flex items-center justify-center", children: /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 border-t-2 border-white rounded-full animate-spin" }) }),
+          /* @__PURE__ */ jsx5("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 flex items-center justify-center", children: gen.status === "processing" ? /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 border-t-2 border-white/40 rounded-full animate-spin" }) : gen.status === "error" ? /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-red-400 text-[20px]", children: "warning" }) : /* @__PURE__ */ jsx5("img", { src: gen.base64 ? gen.base64.startsWith("data:") ? gen.base64 : `data:image/png;base64,${gen.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }) }),
           /* @__PURE__ */ jsxs3("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
-            /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/20 uppercase", children: "Generiere..." }),
-            /* @__PURE__ */ jsxs3("p", { className: "text-[9px] text-white/40 line-clamp-2 leading-tight mt-1", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(gen.timestamp) }),
+              gen.model && /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: gen.model })
+            ] }),
+            /* @__PURE__ */ jsxs3("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
               '"',
               gen.prompt,
               '"'
-            ] })
-          ] })
+            ] }),
+            gen.status === "processing" && /* @__PURE__ */ jsx5("p", { className: "text-[8px] text-white/30 mt-0.5", children: "Generiert\u2026" }),
+            gen.status === "error" && /* @__PURE__ */ jsx5("p", { className: "text-[8px] text-red-400/70 mt-0.5 truncate", children: gen.error?.message })
+          ] }),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(gen.id);
+              },
+              className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all",
+              children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[14px]", children: "delete" })
+            }
+          )
         ]
       },
       gen.id
     )),
-    visibleGroups.map((group) => {
-      const rep = group.representative;
-      const isActive = group.items.some((i) => i.id === currentResultId);
-      return /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          className: `flex gap-3 p-2 bg-white/5 border rounded-2xl cursor-pointer group transition-all relative ${isActive ? "border-white/40 bg-white/10 shadow-lg" : "border-white/5 hover:border-white/20"}`,
-          onClick: () => onSelect(rep),
-          children: [
-            /* @__PURE__ */ jsxs3("div", { className: "w-14 h-14 rounded-xl overflow-hidden bg-black shrink-0 border border-white/5 relative", children: [
-              /* @__PURE__ */ jsx5("img", { src: rep.base64 ? rep.base64.startsWith("data:") ? rep.base64 : `data:image/png;base64,${rep.base64}` : "", className: "w-full h-full object-cover", alt: "Thumbnail" }),
-              group.items.length > 1 && /* @__PURE__ */ jsx5("div", { className: "absolute bottom-0.5 right-0.5 px-1 bg-black/80 rounded text-[7px] font-bold text-white/70", children: group.items.length })
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex-1 py-0.5 overflow-hidden", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between mb-1", children: [
-                /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/20 uppercase whitespace-nowrap", children: formatFriendlyTimestamp(rep.timestamp) }),
-                rep.model && /* @__PURE__ */ jsx5("span", { className: "text-[7px] font-bold text-white/40 bg-white/5 px-1 rounded uppercase truncate max-w-[60px]", children: rep.model })
-              ] }),
-              /* @__PURE__ */ jsxs3("p", { className: "text-[9px] text-white/60 line-clamp-2 leading-tight", children: [
-                '"',
-                rep.prompt,
-                '"'
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx5("button", { onClick: (e) => {
-              e.stopPropagation();
-              onDelete(rep.id);
-            }, className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 w-6 h-6 flex items-center justify-center bg-red-500/20 text-red-400 hover:bg-red-500 hover:text-white rounded-md transition-all", children: /* @__PURE__ */ jsx5("span", { className: "material-symbols-outlined text-[14px]", children: "delete" }) })
-          ]
-        },
-        rep.id
-      );
-    }),
-    visibleCount < groups.length && /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "w-full py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
-      groups.length - visibleCount,
+    visibleCount < history.length && /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => setVisibleCount((c) => c + PAGE_SIZE), className: "w-full py-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-xl text-[10px] font-bold uppercase text-white/60 hover:text-white transition-all", children: [
+      history.length - visibleCount,
       " weitere laden"
     ] })
   ] });
@@ -708,6 +665,29 @@ var SetupPanel = ({ onWorkspaceImport, buildInfo }) => {
 // src/components/MediaLibrary.tsx
 import { useState as useState4 } from "react";
 import { motion as motion4 } from "motion/react";
+
+// src/lib/grouping.ts
+function groupByPrompt(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.prompt ?? "";
+    if (!map.has(key)) map.set(key, []);
+    map.get(key).push(item);
+  }
+  const groups = [];
+  for (const [prompt, groupItems] of map) {
+    const titled = groupItems.filter((i) => i.titleTs);
+    const representative = titled.length > 0 ? titled.reduce((a, b) => a.titleTs > b.titleTs ? a : b) : groupItems.reduce((a, b) => a.timestamp > b.timestamp ? a : b);
+    groups.push({ prompt, items: groupItems, representative });
+  }
+  return groups.sort((a, b) => {
+    const aMax = Math.max(...a.items.map((i) => i.timestamp));
+    const bMax = Math.max(...b.items.map((i) => i.timestamp));
+    return bMax - aMax;
+  });
+}
+
+// src/components/MediaLibrary.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 20;
 var MediaLibrary = ({ items, onImport, onDelete, onSelect, onToggleSelection, onBatchDownload, onGenerateReference }) => {
@@ -4294,7 +4274,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
     try {
       const stored = localStorage.getItem("aa-hf-namespace");
       if (stored !== null) return stored;
-      return allowDevNamespace ? "app.art-by-rolands.de/" : "";
+      return "app.art-by-rolands.de/";
     } catch {
       return "";
     }
@@ -6043,7 +6023,7 @@ function FaApp({
 }
 
 // src/index.ts
-var LIB_VERSION = "2.0.46";
+var LIB_VERSION = "2.0.48";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

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