@proveanything/smartlinks-utils-ui 1.13.4 → 1.13.6

package/dist/{chunk-R3B5CK2M.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
@@ -408,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(),
@@ -424,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",
@@ -593,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,
           {
@@ -2058,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",
@@ -2114,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);
@@ -2252,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)
+      }
     )
   ] });
 };
@@ -2270,7 +2365,7 @@ var AssetPickerContent = ({
   showTypeFilter,
   value,
   onSelect,
-  allowDelete = false,
+  allowDelete = true,
   defaultView = "grid",
   emptyText,
   pageSize = 50,
@@ -2833,5 +2928,5 @@ var AssetPicker = (props) => {
 assertStylesLoaded();
 
 export { ASSET_MIME_FILTERS, AssetPicker, useAppRegistry, useAssets };
-//# sourceMappingURL=chunk-R3B5CK2M.js.map
-//# sourceMappingURL=chunk-R3B5CK2M.js.map
+//# sourceMappingURL=chunk-N2FPPTHH.js.map
+//# sourceMappingURL=chunk-N2FPPTHH.js.map