@proveanything/smartlinks-utils-ui 1.13.3 → 1.13.5

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

@@ -3,7 +3,7 @@ import { cn } from './chunk-L7FQ52F5.js';
 import React7, { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 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 { 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, AlertTriangle, FileIcon, Film, Music, FileText, AppWindow, MoreVertical, Trash2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/AssetPicker/types.ts
@@ -15,66 +15,6 @@ 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);
@@ -102,19 +42,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         ...listAppId ? { appId: listAppId } : {}
       });
       if (mountedRef.current) {
-        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);
+        setAssets(result);
       }
     } catch (err) {
       if (mountedRef.current) {
@@ -144,7 +72,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         }
       });
       if (mountedRef.current && !scopeOverride) {
-        setAssets((prev) => dedupeAssetList([result, ...prev]));
+        setAssets((prev) => [result, ...prev]);
       }
       return result;
     } catch (err) {
@@ -189,7 +117,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         admin: true
       });
       if (mountedRef.current && !opts?.scopeOverride) {
-        setAssets((prev) => dedupeAssetList([result, ...prev]));
+        setAssets((prev) => [result, ...prev]);
       }
       return result;
     } catch (err) {
@@ -228,10 +156,10 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
     try {
       const result = await SL.asset.restoreAdmin(collectionId, assetId);
       if (mountedRef.current) {
-        setAssets((prev) => dedupeAssetList((() => {
+        setAssets((prev) => {
           const exists = prev.some((a) => a.id === assetId);
           return exists ? prev.map((a) => a.id === assetId ? result : a) : [result, ...prev];
-        })()));
+        });
       }
       return result;
     } catch (err) {
@@ -258,7 +186,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
         }
       });
       if (mountedRef.current) {
-        setAssets((prev) => dedupeAssetList(prev.map((a) => a.id === assetId ? result : a)));
+        setAssets((prev) => prev.map((a) => a.id === assetId ? result : a));
       }
       return result;
     } catch (err) {
@@ -280,7 +208,7 @@ function useAssets({ scope, accept, pageSize, appId, listAppId }) {
     try {
       const result = await SL.asset.updateAdmin({ collectionId, assetId, ...patch });
       if (mountedRef.current) {
-        setAssets((prev) => dedupeAssetList(prev.map((a) => a.id === assetId ? result : a)));
+        setAssets((prev) => prev.map((a) => a.id === assetId ? result : a));
       }
       return result;
     } catch (err) {
@@ -480,7 +408,7 @@ var CardMenu = ({ onRename, onReplace, onEditTags, onDelete, position = "absolut
     {
       ref,
       className: cn(
-        position === "absolute" ? "absolute top-1.5 right-1.5 z-10" : "relative flex-shrink-0"
+        position === "absolute" ? "absolute top-1.5 left-1.5 z-10" : "relative flex-shrink-0"
       ),
       onClick: (e) => e.stopPropagation(),
       onDoubleClick: (e) => e.stopPropagation(),
@@ -496,7 +424,11 @@ var CardMenu = ({ onRename, onReplace, onEditTags, onDelete, position = "absolut
             },
             className: cn(
               "w-6 h-6 rounded-full flex items-center justify-center transition-all",
-              "bg-background/90 border border-border text-foreground hover:bg-background shadow-sm"
+              // Frosted pill so the button stays legible over both light and dark
+              // thumbnails. Backdrop blur + slight white tint + ring gives a clear
+              // outline regardless of the underlying image.
+              "bg-background/80 backdrop-blur-sm border border-border text-foreground",
+              "hover:bg-background shadow-sm ring-1 ring-black/10 dark:ring-white/20"
             ),
             title: "Asset actions",
             "aria-label": "Asset actions",
@@ -665,7 +597,7 @@ var AssetGridItem = ({ asset: asset2, selected, onToggle, onDoubleClick, onDelet
             ] })
           ] })
         ] }),
-        selected && /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 w-5 h-5 rounded-full bg-primary flex items-center justify-center z-10", children: /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-primary-foreground" }) }),
+        selected && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 w-5 h-5 rounded-full bg-primary flex items-center justify-center z-10 shadow-sm ring-1 ring-black/10 dark:ring-white/20", children: /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-primary-foreground" }) }),
         /* @__PURE__ */ jsx(
           CardMenu,
           {
@@ -2130,6 +2062,78 @@ var TagEditor = ({ initial, suggestions, assetName, onCancel, onSave }) => {
     }
   );
 };
+var InlineConfirm = ({ open, title, body, confirmLabel = "Confirm", cancelLabel = "Cancel", destructive, onConfirm, onCancel }) => {
+  React7.useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onCancel();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [open, onCancel]);
+  if (!open || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-[2147483646] flex items-center justify-center p-4",
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50", onClick: onCancel }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "alertdialog",
+              "aria-modal": "true",
+              className: "relative w-full max-w-sm rounded-lg border border-border bg-popover text-popover-foreground shadow-xl p-4",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: cn(
+                    "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",
+                    destructive ? "bg-destructive/10 text-destructive" : "bg-muted text-muted-foreground"
+                  ), children: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-4 h-4" }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: title }),
+                    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: body })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onCancel,
+                      className: "px-3 py-1.5 text-xs rounded-md border border-border bg-background hover:bg-accent",
+                      children: cancelLabel
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      autoFocus: true,
+                      onClick: onConfirm,
+                      className: cn(
+                        "px-3 py-1.5 text-xs rounded-md",
+                        destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"
+                      ),
+                      children: confirmLabel
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+};
 var GlobalUploadToggle = ({ checked, onChange, appName }) => /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2 text-xs text-muted-foreground cursor-pointer select-none p-2 rounded-md border border-border bg-muted/30", children: [
   /* @__PURE__ */ jsx(
     "input",
@@ -2163,7 +2167,7 @@ var AttachToContextToggle = ({ checked, onChange, contextLabel }) => /* @__PURE_
     /* @__PURE__ */ jsx("span", { className: "block", children: checked ? `Asset will be tagged to ${contextLabel}.` : `Asset will be added to the collection (available everywhere). Tick to attach it to ${contextLabel} instead.` })
   ] })
 ] });
-var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize, viewMode, search, selectedIds, onToggleSelect, onDoubleClickSelect, onDelete, allowDelete, emptyText, listAppId: _listAppId, requireProductId, currentAppId, currentAppName, getAppName, assets, loading, error, refresh, remove, updateAsset, replaceFile }) => {
+var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize, viewMode, search, selectedIds, onToggleSelect, onDoubleClickSelect, onDelete, allowDelete, emptyText, listAppId: _listAppId, currentAppId, currentAppName, getAppName, assets, loading, error, refresh, remove, updateAsset, replaceFile }) => {
   const replaceInputRef = React7.useRef(null);
   const replaceTargetRef = React7.useRef(null);
   const handleRename = useCallback(async (asset2) => {
@@ -2186,11 +2190,17 @@ var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize,
     if (!file || !assetId) return;
     await replaceFile(assetId, file);
   }, [replaceFile]);
-  const handleDeleteWithConfirm = useCallback(async (assetId) => {
-    if (!window.confirm("Delete this asset? It can be restored from the asset manager within 30 days.")) return;
-    const ok = await remove(assetId);
-    if (ok) onDelete?.(assetId);
-  }, [remove, onDelete]);
+  const [pendingDeleteId, setPendingDeleteId] = useState(null);
+  const handleDeleteWithConfirm = useCallback((assetId) => {
+    setPendingDeleteId(assetId);
+  }, []);
+  const confirmDelete = useCallback(async () => {
+    const id = pendingDeleteId;
+    setPendingDeleteId(null);
+    if (!id) return;
+    const ok = await remove(id);
+    if (ok) onDelete?.(id);
+  }, [pendingDeleteId, remove, onDelete]);
   const [tagEditorAsset, setTagEditorAsset] = useState(null);
   const handleEditTags = useCallback((asset2) => {
     setTagEditorAsset(asset2);
@@ -2222,10 +2232,6 @@ var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize,
   const filteredAssets = useMemo(() => {
     const q = search.trim().toLowerCase();
     return assets.filter((a) => {
-      if (requireProductId) {
-        const pid = a.productId || a.metadata?.productId || (a.scope?.type === "product" ? a.scope?.productId : void 0);
-        if (pid !== requireProductId) return false;
-      }
       if (q) {
         const hit = (a.name || "").toLowerCase().includes(q) || (a.cleanName || "").toLowerCase().includes(q) || (a.mimeType || "").toLowerCase().includes(q) || (a.labels || []).some((l) => l.toLowerCase().includes(q));
         if (!hit) return false;
@@ -2238,7 +2244,7 @@ var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize,
       }
       return true;
     });
-  }, [assets, search, activeLabels, requireProductId]);
+  }, [assets, search, activeLabels]);
   if (loading && assets.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loader2, { className: "w-6 h-6 text-muted-foreground animate-spin" }) });
   }
@@ -2328,6 +2334,19 @@ var ScopedAssetBrowser = ({ scope: _scope, accept: _accept, pageSize: _pageSize,
         onCancel: () => setTagEditorAsset(null),
         onSave: handleSaveTags
       }
+    ),
+    /* @__PURE__ */ jsx(
+      InlineConfirm,
+      {
+        open: pendingDeleteId !== null,
+        title: "Delete asset?",
+        body: "This asset can be restored from the asset manager within 30 days.",
+        confirmLabel: "Delete",
+        cancelLabel: "Cancel",
+        destructive: true,
+        onConfirm: confirmDelete,
+        onCancel: () => setPendingDeleteId(null)
+      }
     )
   ] });
 };
@@ -2346,7 +2365,7 @@ var AssetPickerContent = ({
   showTypeFilter,
   value,
   onSelect,
-  allowDelete = false,
+  allowDelete = true,
   defaultView = "grid",
   emptyText,
   pageSize = 50,
@@ -2696,7 +2715,6 @@ var AssetPickerContent = ({
         allowDelete,
         emptyText,
         listAppId,
-        requireProductId: hasProductScope && scopeTab === "product" ? productScope.productId : void 0,
         currentAppId: appId,
         currentAppName: resolvedAppName,
         getAppName,
@@ -2910,5 +2928,5 @@ var AssetPicker = (props) => {
 assertStylesLoaded();
 
 export { ASSET_MIME_FILTERS, AssetPicker, useAppRegistry, useAssets };
-//# sourceMappingURL=chunk-VP4LZEEZ.js.map
-//# sourceMappingURL=chunk-VP4LZEEZ.js.map
+//# sourceMappingURL=chunk-N2FPPTHH.js.map
+//# sourceMappingURL=chunk-N2FPPTHH.js.map