@proveanything/smartlinks-utils-ui 1.13.2 → 1.13.3

package/dist/{chunk-AWWWHHLL.js → chunk-VP4LZEEZ.js}

@@ -1,9 +1,9 @@
 import { assertStylesLoaded } from './chunk-OLYC54YT.js';
 import { cn } from './chunk-L7FQ52F5.js';
 import React7, { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
-import * as SL from '@proveanything/smartlinks';
 import { createPortal } from 'react-dom';
-import { Filter, Search, LayoutGrid, List, X, Loader2, AlertCircle, Tag, ImageOff, Wand2, Maximize2, Clipboard, Pencil, Check, Upload, Link, MicOff, Mic, ChevronDown, ChevronRight, Sparkles, Image as Image$1, Plus, FileIcon, Film, Music, FileText, AppWindow, MoreVertical, Trash2 } from 'lucide-react';
+import * as SL from '@proveanything/smartlinks';
+import { Filter, Search, LayoutGrid, List, Loader2, AlertCircle, Tag, X, ImageOff, Wand2, Maximize2, Clipboard, Pencil, Check, Upload, Link, MicOff, Mic, ChevronDown, ChevronRight, Sparkles, Image as Image$1, Plus, FileIcon, Film, Music, FileText, AppWindow, MoreVertical, Trash2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/AssetPicker/types.ts
@@ -15,6 +15,66 @@ var ASSET_MIME_FILTERS = [
   { value: "document", label: "Documents", prefix: "application/" },
   { value: "pdf", label: "PDFs", prefix: "application/pdf" }
 ];
+function safeDecode(value) {
+  if (!value) return "";
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+}
+function getAssetIdentityKeys(asset2) {
+  const keys = [];
+  if (asset2.id) keys.push(`id:${asset2.id}`);
+  const normalizedUrl = safeDecode(asset2.url).trim().toLowerCase();
+  if (normalizedUrl) keys.push(`url:${normalizedUrl}`);
+  const normalizedThumb = safeDecode(asset2.thumbnail).trim().toLowerCase();
+  if (normalizedThumb) keys.push(`thumb:${normalizedThumb}`);
+  const normalizedHash = asset2.hash?.trim().toLowerCase();
+  if (normalizedHash) keys.push(`hash:${normalizedHash}`);
+  return keys;
+}
+function scoreAsset(asset2) {
+  const productId = asset2.productId ?? asset2.metadata?.productId;
+  const proofId = asset2.proofId ?? asset2.metadata?.proofId;
+  const plainName = asset2.name && !asset2.name.startsWith("sites/") ? 1 : 0;
+  const plainCleanName = asset2.cleanName && !asset2.cleanName.startsWith("sites/") ? 1 : 0;
+  return (proofId ? 32 : 0) + (productId ? 16 : 0) + (asset2.thumbnail ? 8 : 0) + (asset2.mimeType ? 4 : 0) + (asset2.size ? 2 : 0) + plainName + plainCleanName;
+}
+function mergeAssets(a, b) {
+  const keepB = scoreAsset(b) > scoreAsset(a);
+  const primary = keepB ? b : a;
+  const secondary = keepB ? a : b;
+  return {
+    ...secondary,
+    ...primary,
+    metadata: {
+      ...secondary.metadata || {},
+      ...primary.metadata || {}
+    },
+    labels: Array.from(/* @__PURE__ */ new Set([...secondary.labels || [], ...primary.labels || []])),
+    thumbnail: primary.thumbnail ?? secondary.thumbnail ?? null,
+    app: primary.app ?? secondary.app ?? null,
+    thumbnails: primary.thumbnails ?? secondary.thumbnails
+  };
+}
+function dedupeAssetList(items) {
+  const deduped = [];
+  const keyToIndex = /* @__PURE__ */ new Map();
+  for (const asset2 of items) {
+    const keys = getAssetIdentityKeys(asset2);
+    const existingIndex = keys.map((key) => keyToIndex.get(key)).find((index) => index !== void 0);
+    if (existingIndex === void 0) {
+      const nextIndex = deduped.push(asset2) - 1;
+      keys.forEach((key) => keyToIndex.set(key, nextIndex));
+      continue;
+    }
+    const merged = mergeAssets(deduped[existingIndex], asset2);
+    deduped[existingIndex] = merged;
+    getAssetIdentityKeys(merged).forEach((key) => keyToIndex.set(key, existingIndex));
+  }
+  return deduped;
+}
 function useAssets({ scope, accept, pageSize, appId, listAppId }) {
   const [assets, setAssets] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -42,7 +102,19 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         ...listAppId ? { appId: listAppId } : {}
       });
       if (mountedRef.current) {
-        setAssets(result);
+        const raw = result;
+        const deduped = dedupeAssetList(raw);
+        const idCounts = /* @__PURE__ */ new Map();
+        for (const a of raw) idCounts.set(a.id, (idCounts.get(a.id) || 0) + 1);
+        const dupIds = Array.from(idCounts.entries()).filter(([, n]) => n > 1);
+        console.debug("[AssetPicker] list", {
+          scope,
+          listAppId,
+          rawCount: raw.length,
+          dedupedCount: deduped.length,
+          duplicateIds: dupIds
+        });
+        setAssets(deduped);
       }
     } catch (err) {
       if (mountedRef.current) {
@@ -72,7 +144,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         }
       });
       if (mountedRef.current && !scopeOverride) {
-        setAssets((prev) => [result, ...prev]);
+        setAssets((prev) => dedupeAssetList([result, ...prev]));
       }
       return result;
     } catch (err) {
@@ -117,7 +189,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         admin: true
       });
       if (mountedRef.current && !opts?.scopeOverride) {
-        setAssets((prev) => [result, ...prev]);
+        setAssets((prev) => dedupeAssetList([result, ...prev]));
       }
       return result;
     } catch (err) {
@@ -156,10 +228,10 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
     try {
       const result = await SL.asset.restoreAdmin(collectionId, assetId);
       if (mountedRef.current) {
-        setAssets((prev) => {
+        setAssets((prev) => dedupeAssetList((() => {
           const exists = prev.some((a) => a.id === assetId);
           return exists ? prev.map((a) => a.id === assetId ? result : a) : [result, ...prev];
-        });
+        })()));
       }
       return result;
     } catch (err) {
@@ -186,7 +258,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         }
       });
       if (mountedRef.current) {
-        setAssets((prev) => prev.map((a) => a.id === assetId ? result : a));
+        setAssets((prev) => dedupeAssetList(prev.map((a) => a.id === assetId ? result : a)));
       }
       return result;
     } catch (err) {
@@ -208,7 +280,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
     try {
       const result = await SL.asset.updateAdmin({ collectionId, assetId, ...patch });
       if (mountedRef.current) {
-        setAssets((prev) => prev.map((a) => a.id === assetId ? result : a));
+        setAssets((prev) => dedupeAssetList(prev.map((a) => a.id === assetId ? result : a)));
       }
       return result;
     } catch (err) {
@@ -436,7 +508,7 @@ var CardMenu = ({ onRename, onReplace, onEditTags, onDelete, position = "absolut
             "div",
             {
               ref: menuRef,
-              className: "fixed z-[1000] min-w-[160px] rounded-md border border-border bg-popover text-popover-foreground shadow-lg py-1",
+              className: "fixed z-[2147483647] min-w-[160px] rounded-md border border-border bg-popover text-popover-foreground shadow-lg py-1",
               style: pos ? { top: pos.top, left: pos.left } : { visibility: "hidden", top: 0, left: 0 },
               role: "menu",
               onClick: (e) => e.stopPropagation(),
@@ -2769,7 +2841,7 @@ var AssetPickerContent = ({
 };
 var PickerDialog = ({ open, onClose, maxWidth, children }) => {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+  const node = /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[2147483600] flex items-center justify-center", children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -2803,6 +2875,8 @@ var PickerDialog = ({ open, onClose, maxWidth, children }) => {
       }
     )
   ] });
+  if (typeof document === "undefined") return node;
+  return createPortal(node, document.body);
 };
 var AssetPicker = (props) => {
   const { mode = "inline", open: controlledOpen, onClose, trigger, onSelect, multiple, className, dialogMaxWidth } = props;
@@ -2836,5 +2910,5 @@ var AssetPicker = (props) => {
 assertStylesLoaded();
 
 export { ASSET_MIME_FILTERS, AssetPicker, useAppRegistry, useAssets };
-//# sourceMappingURL=chunk-AWWWHHLL.js.map
-//# sourceMappingURL=chunk-AWWWHHLL.js.map
+//# sourceMappingURL=chunk-VP4LZEEZ.js.map
+//# sourceMappingURL=chunk-VP4LZEEZ.js.map