strapi-plugin-magic-mark 3.2.8 → 3.3.0

package/dist/_chunks/{App-C6T1ltR3.mjs → App-CZEZ9x55.mjs}

@@ -4,9 +4,10 @@ import { useIntl } from "react-intl";
 import { useNavigate } from "react-router-dom";
 import styled, { keyframes } from "styled-components";
 import { Flex, Loader, Box, Typography, SingleSelect, SingleSelectOption, Thead, Tr, Th, VisuallyHidden, Tbody, Td, Button, Table, TextInput } from "@strapi/design-system";
-import { Book, User, Sparkle, Pin, Link, Eye, Pencil, Trash, Search, Cross, Key, Mail, Check } from "@strapi/icons";
+import { Pin, Eye, Pencil, Trash, Cross, Key, User, Mail, Check } from "@strapi/icons";
+import { BookOpenIcon, UserIcon, SparklesIcon, LinkIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { u as useLicenseInfo, p as pluginId, C as CreateEditModal } from "./index-C7wF7iqT.mjs";
+import { u as useLicenseInfo, p as pluginId, g as getIconById, C as CreateEditModal } from "./index-DF8ICn1F.mjs";
 const theme = {
   colors: {
     primary: {
@@ -312,10 +313,21 @@ styled(Box)`
   border-radius: 2px;
   transition: all ${theme.transitions.normal};
 `;
-styled.div`
-  font-size: 32px;
-  line-height: 1;
-  text-align: center;
+const BookmarkIconWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: linear-gradient(135deg, ${theme.colors.primary[100]} 0%, #E0E7FF 100%);
+  border-radius: 8px;
+  flex-shrink: 0;
+  
+  svg {
+    width: 20px;
+    height: 20px;
+    color: ${theme.colors.primary[600]};
+  }
 `;
 const ActionButtons = styled(Flex)`
   opacity: 1;
@@ -323,13 +335,18 @@ const ActionButtons = styled(Flex)`
   gap: ${theme.spacing.xs};
   justify-content: flex-end;
 `;
-const FloatingEmoji = styled.div`
+const FloatingIcon = styled.div`
   position: absolute;
   bottom: 40px;
   right: 40px;
-  font-size: 72px;
   opacity: 0.08;
   animation: ${float} 4s ease-in-out infinite;
+  
+  svg {
+    width: 72px;
+    height: 72px;
+    color: ${theme.colors.warning[500]};
+  }
 `;
 const FilterBar = styled(Flex)`
   background: ${theme.colors.neutral[0]};
@@ -350,7 +367,7 @@ const SearchInputWrapper = styled.div`
   display: flex;
   align-items: center;
 `;
-const SearchIcon = styled(Search)`
+const SearchIconStyled = styled(MagnifyingGlassIcon)`
   position: absolute;
   left: 12px;
   width: 16px;
@@ -449,6 +466,19 @@ const HomePageModern = () => {
       console.error("[Magic-Mark] Error fetching current user:", error);
     }
   };
+  const isCurrentUserOwner = (bookmark) => {
+    if (!bookmark.createdBy || !currentUser) return false;
+    if (bookmark.createdBy.documentId && currentUser.documentId) {
+      return bookmark.createdBy.documentId === currentUser.documentId;
+    }
+    if (bookmark.createdBy.id && currentUser.id) {
+      return String(bookmark.createdBy.id) === String(currentUser.id);
+    }
+    if (bookmark.createdBy.id && currentUser.documentId) {
+      return String(bookmark.createdBy.id) === String(currentUser.documentId);
+    }
+    return false;
+  };
   const fetchLicenseLimits = async () => {
     try {
       const response = await get(`/${pluginId}/license/limits`);
@@ -473,27 +503,29 @@ const HomePageModern = () => {
       setLoading(false);
     }
   };
-  const handleDelete = async (id) => {
+  const handleDelete = async (bookmark) => {
     if (!confirm(formatMessage({
       id: `${pluginId}.confirm.delete`,
       defaultMessage: "Are you sure you want to delete this bookmark?"
     }))) {
       return;
     }
+    const deleteId = bookmark.documentId || bookmark.id;
     try {
-      await del(`/${pluginId}/bookmarks/${id}`);
-      console.log("[Magic-Mark HomePage] Bookmark deleted:", id);
+      await del(`/${pluginId}/bookmarks/${deleteId}`);
+      console.log("[Magic-Mark HomePage] Bookmark deleted:", deleteId);
       fetchBookmarks();
     } catch (error) {
       console.error("[Magic-Mark HomePage] Error deleting bookmark:", error);
     }
   };
   const handlePin = async (bookmark) => {
+    const pinId = bookmark.documentId || bookmark.id;
     try {
-      await post(`/${pluginId}/bookmarks/${bookmark.id}/pin`, {
+      await post(`/${pluginId}/bookmarks/${pinId}/pin`, {
         isPinned: !bookmark.isPinned
       });
-      console.log("[Magic-Mark HomePage] Bookmark pinned:", bookmark.id);
+      console.log("[Magic-Mark HomePage] Bookmark pinned:", pinId);
       fetchBookmarks();
     } catch (error) {
       console.error("[Magic-Mark HomePage] Error pinning bookmark:", error);
@@ -532,24 +564,24 @@ const HomePageModern = () => {
     return bookmark.name.toLowerCase().includes(query) || bookmark.description && bookmark.description.toLowerCase().includes(query) || bookmark.path.toLowerCase().includes(query);
   }).slice(0, parseInt(entriesPerPage));
   const pinnedBookmarks = bookmarks.filter((b) => b.isPinned);
-  const myBookmarks = bookmarks.filter((b) => b.createdBy?.id === currentUser?.id);
-  const sharedWithMe = bookmarks.filter((b) => b.createdBy?.id !== currentUser?.id && b.createdBy?.id);
+  const myBookmarks = bookmarks.filter((b) => isCurrentUserOwner(b));
+  const sharedWithMe = bookmarks.filter((b) => !isCurrentUserOwner(b) && b.createdBy);
   return /* @__PURE__ */ jsxs(Container, { padding: 8, children: [
     /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsxs(HeaderContent, { direction: "column", alignItems: "flex-start", gap: 2, children: [
       /* @__PURE__ */ jsxs(Title, { children: [
-        /* @__PURE__ */ jsx(Book, {}),
+        /* @__PURE__ */ jsx(BookOpenIcon, {}),
         " MagicMark"
       ] }),
       /* @__PURE__ */ jsx(Subtitle, { children: "Save filtered views and navigate with one click" })
     ] }) }),
     /* @__PURE__ */ jsxs(StatsGrid, { children: [
       /* @__PURE__ */ jsxs(StatCard, { $delay: "0.1s", $color: theme.colors.primary[500], children: [
-        /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.primary[100], $color: theme.colors.primary[600], children: /* @__PURE__ */ jsx(User, {}) }),
+        /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.primary[100], $color: theme.colors.primary[600], children: /* @__PURE__ */ jsx(UserIcon, {}) }),
         /* @__PURE__ */ jsx(StatValue, { className: "stat-value", children: myBookmarks.length }),
         /* @__PURE__ */ jsx(StatLabel, { children: "My Bookmarks" })
       ] }),
       /* @__PURE__ */ jsxs(StatCard, { $delay: "0.2s", $color: theme.colors.success[500], children: [
-        /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.success[100], $color: theme.colors.success[600], children: /* @__PURE__ */ jsx(Sparkle, {}) }),
+        /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.success[100], $color: theme.colors.success[600], children: /* @__PURE__ */ jsx(SparklesIcon, {}) }),
         /* @__PURE__ */ jsx(StatValue, { className: "stat-value", children: sharedWithMe.length }),
         /* @__PURE__ */ jsx(StatLabel, { children: formatMessage({ id: `${pluginId}.stats.shared`, defaultMessage: "Shared with Me" }) })
       ] }),
@@ -572,7 +604,7 @@ const HomePageModern = () => {
                 className: "stat-icon",
                 $bg: licenseLimits.canCreate ? theme.colors.neutral[100] : theme.colors.danger[100],
                 $color: licenseLimits.canCreate ? theme.colors.neutral[600] : theme.colors.danger[600],
-                children: /* @__PURE__ */ jsx(Link, {})
+                children: /* @__PURE__ */ jsx(LinkIcon, {})
               }
             ),
             /* @__PURE__ */ jsxs(StatValue, { className: "stat-value", children: [
@@ -611,7 +643,7 @@ const HomePageModern = () => {
       /* @__PURE__ */ jsx(Box, { style: { marginBottom: theme.spacing.md }, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", style: { marginBottom: theme.spacing.md, color: theme.colors.neutral[700] }, children: formatMessage({ id: `${pluginId}.allBookmarks.title`, defaultMessage: "🔖 All Available Bookmarks" }) }) }),
       /* @__PURE__ */ jsxs(FilterBar, { children: [
         /* @__PURE__ */ jsxs(SearchInputWrapper, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx(SearchIcon, {}),
+          /* @__PURE__ */ jsx(SearchIconStyled, {}),
           /* @__PURE__ */ jsx(
             StyledSearchInput,
             {
@@ -668,25 +700,14 @@ const HomePageModern = () => {
           background: bookmark.isPinned ? theme.colors.warning[50] : "transparent"
         }, children: [
           /* @__PURE__ */ jsx(Td, { onClick: () => handleBookmarkClick(bookmark), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                style: {
-                  width: "36px",
-                  height: "36px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  flexShrink: 0,
-                  fontSize: "24px"
-                },
-                children: bookmark.emoji
-              }
-            ),
+            /* @__PURE__ */ jsx(BookmarkIconWrapper, { children: (() => {
+              const IconComponent = getIconById(bookmark.icon || bookmark.emoji || "bookmark");
+              return /* @__PURE__ */ jsx(IconComponent, {});
+            })() }),
             /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 0, children: [
               /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", ellipsis: true, style: { fontSize: "1.125rem", lineHeight: "1.4" }, children: bookmark.name }),
               /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
-                bookmark.createdBy?.id && currentUser?.id && bookmark.createdBy.id === currentUser.id ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: [
+                isCurrentUserOwner(bookmark) ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: [
                   "• ",
                   formatMessage({ id: `${pluginId}.bookmark.myBookmark`, defaultMessage: "My Bookmark" })
                 ] }) : /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.neutral[600] }, children: [
@@ -748,7 +769,7 @@ const HomePageModern = () => {
                     children: /* @__PURE__ */ jsx(Eye, {})
                   }
                 ),
-                bookmark.createdBy && /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
@@ -757,18 +778,18 @@ const HomePageModern = () => {
                       e.stopPropagation();
                       handleEdit(bookmark);
                     },
-                    disabled: bookmark.createdBy?.id !== currentUser?.id,
+                    disabled: !isCurrentUserOwner(bookmark),
                     children: /* @__PURE__ */ jsx(Pencil, {})
                   }
                 ),
-                bookmark.createdBy?.id && currentUser?.id && bookmark.createdBy.id === currentUser.id && /* @__PURE__ */ jsx(
+                isCurrentUserOwner(bookmark) && /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
                     size: "S",
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleDelete(bookmark.id);
+                      handleDelete(bookmark);
                     },
                     children: /* @__PURE__ */ jsx(Trash, {})
                   }
@@ -812,7 +833,7 @@ const HomePageModern = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx(FloatingEmoji, { children: /* @__PURE__ */ jsx(Sparkle, { fill: "warning500" }) }),
+          /* @__PURE__ */ jsx(FloatingIcon, { children: /* @__PURE__ */ jsx(SparklesIcon, {}) }),
           /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 6, style: { position: "relative", zIndex: 1 }, children: [
             /* @__PURE__ */ jsx(
               Box,
@@ -827,7 +848,7 @@ const HomePageModern = () => {
                   justifyContent: "center",
                   boxShadow: theme.shadows.xl
                 },
-                children: /* @__PURE__ */ jsx(Sparkle, { style: { width: "60px", height: "60px", color: theme.colors.primary[600] } })
+                children: /* @__PURE__ */ jsx(SparklesIcon, { style: { width: "60px", height: "60px", color: theme.colors.primary[600] } })
               }
             ),
             /* @__PURE__ */ jsx(

package/dist/_chunks/{App-C6Crb_w7.js → App-DduKOTII.js}

@@ -7,8 +7,9 @@ const reactRouterDom = require("react-router-dom");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
+const outline = require("@heroicons/react/24/outline");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-svfBWq9B.js");
+const index = require("./index-BKaROSTg.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -316,10 +317,21 @@ styled__default.default(designSystem.Box)`
   border-radius: 2px;
   transition: all ${theme.transitions.normal};
 `;
-styled__default.default.div`
-  font-size: 32px;
-  line-height: 1;
-  text-align: center;
+const BookmarkIconWrapper = styled__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: linear-gradient(135deg, ${theme.colors.primary[100]} 0%, #E0E7FF 100%);
+  border-radius: 8px;
+  flex-shrink: 0;
+  
+  svg {
+    width: 20px;
+    height: 20px;
+    color: ${theme.colors.primary[600]};
+  }
 `;
 const ActionButtons = styled__default.default(designSystem.Flex)`
   opacity: 1;
@@ -327,13 +339,18 @@ const ActionButtons = styled__default.default(designSystem.Flex)`
   gap: ${theme.spacing.xs};
   justify-content: flex-end;
 `;
-const FloatingEmoji = styled__default.default.div`
+const FloatingIcon = styled__default.default.div`
   position: absolute;
   bottom: 40px;
   right: 40px;
-  font-size: 72px;
   opacity: 0.08;
   animation: ${float} 4s ease-in-out infinite;
+  
+  svg {
+    width: 72px;
+    height: 72px;
+    color: ${theme.colors.warning[500]};
+  }
 `;
 const FilterBar = styled__default.default(designSystem.Flex)`
   background: ${theme.colors.neutral[0]};
@@ -354,7 +371,7 @@ const SearchInputWrapper = styled__default.default.div`
   display: flex;
   align-items: center;
 `;
-const SearchIcon = styled__default.default(icons.Search)`
+const SearchIconStyled = styled__default.default(outline.MagnifyingGlassIcon)`
   position: absolute;
   left: 12px;
   width: 16px;
@@ -453,6 +470,19 @@ const HomePageModern = () => {
       console.error("[Magic-Mark] Error fetching current user:", error);
     }
   };
+  const isCurrentUserOwner = (bookmark) => {
+    if (!bookmark.createdBy || !currentUser) return false;
+    if (bookmark.createdBy.documentId && currentUser.documentId) {
+      return bookmark.createdBy.documentId === currentUser.documentId;
+    }
+    if (bookmark.createdBy.id && currentUser.id) {
+      return String(bookmark.createdBy.id) === String(currentUser.id);
+    }
+    if (bookmark.createdBy.id && currentUser.documentId) {
+      return String(bookmark.createdBy.id) === String(currentUser.documentId);
+    }
+    return false;
+  };
   const fetchLicenseLimits = async () => {
     try {
       const response = await get(`/${index.pluginId}/license/limits`);
@@ -477,27 +507,29 @@ const HomePageModern = () => {
       setLoading(false);
     }
   };
-  const handleDelete = async (id) => {
+  const handleDelete = async (bookmark) => {
     if (!confirm(formatMessage({
       id: `${index.pluginId}.confirm.delete`,
       defaultMessage: "Are you sure you want to delete this bookmark?"
     }))) {
       return;
     }
+    const deleteId = bookmark.documentId || bookmark.id;
     try {
-      await del(`/${index.pluginId}/bookmarks/${id}`);
-      console.log("[Magic-Mark HomePage] Bookmark deleted:", id);
+      await del(`/${index.pluginId}/bookmarks/${deleteId}`);
+      console.log("[Magic-Mark HomePage] Bookmark deleted:", deleteId);
       fetchBookmarks();
     } catch (error) {
       console.error("[Magic-Mark HomePage] Error deleting bookmark:", error);
     }
   };
   const handlePin = async (bookmark) => {
+    const pinId = bookmark.documentId || bookmark.id;
     try {
-      await post(`/${index.pluginId}/bookmarks/${bookmark.id}/pin`, {
+      await post(`/${index.pluginId}/bookmarks/${pinId}/pin`, {
         isPinned: !bookmark.isPinned
       });
-      console.log("[Magic-Mark HomePage] Bookmark pinned:", bookmark.id);
+      console.log("[Magic-Mark HomePage] Bookmark pinned:", pinId);
       fetchBookmarks();
     } catch (error) {
       console.error("[Magic-Mark HomePage] Error pinning bookmark:", error);
@@ -536,24 +568,24 @@ const HomePageModern = () => {
     return bookmark.name.toLowerCase().includes(query) || bookmark.description && bookmark.description.toLowerCase().includes(query) || bookmark.path.toLowerCase().includes(query);
   }).slice(0, parseInt(entriesPerPage));
   const pinnedBookmarks = bookmarks.filter((b) => b.isPinned);
-  const myBookmarks = bookmarks.filter((b) => b.createdBy?.id === currentUser?.id);
-  const sharedWithMe = bookmarks.filter((b) => b.createdBy?.id !== currentUser?.id && b.createdBy?.id);
+  const myBookmarks = bookmarks.filter((b) => isCurrentUserOwner(b));
+  const sharedWithMe = bookmarks.filter((b) => !isCurrentUserOwner(b) && b.createdBy);
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { padding: 8, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(HeaderContent, { direction: "column", alignItems: "flex-start", gap: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.Book, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(outline.BookOpenIcon, {}),
         " MagicMark"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { children: "Save filtered views and navigate with one click" })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(StatCard, { $delay: "0.1s", $color: theme.colors.primary[500], children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.primary[100], $color: theme.colors.primary[600], children: /* @__PURE__ */ jsxRuntime.jsx(icons.User, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.primary[100], $color: theme.colors.primary[600], children: /* @__PURE__ */ jsxRuntime.jsx(outline.UserIcon, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(StatValue, { className: "stat-value", children: myBookmarks.length }),
         /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "My Bookmarks" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(StatCard, { $delay: "0.2s", $color: theme.colors.success[500], children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.success[100], $color: theme.colors.success[600], children: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.success[100], $color: theme.colors.success[600], children: /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(StatValue, { className: "stat-value", children: sharedWithMe.length }),
         /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: formatMessage({ id: `${index.pluginId}.stats.shared`, defaultMessage: "Shared with Me" }) })
       ] }),
@@ -576,7 +608,7 @@ const HomePageModern = () => {
                 className: "stat-icon",
                 $bg: licenseLimits.canCreate ? theme.colors.neutral[100] : theme.colors.danger[100],
                 $color: licenseLimits.canCreate ? theme.colors.neutral[600] : theme.colors.danger[600],
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(outline.LinkIcon, {})
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { className: "stat-value", children: [
@@ -615,7 +647,7 @@ const HomePageModern = () => {
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { marginBottom: theme.spacing.md }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", style: { marginBottom: theme.spacing.md, color: theme.colors.neutral[700] }, children: formatMessage({ id: `${index.pluginId}.allBookmarks.title`, defaultMessage: "🔖 All Available Bookmarks" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(FilterBar, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(SearchInputWrapper, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(SearchIconStyled, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
             StyledSearchInput,
             {
@@ -672,25 +704,14 @@ const HomePageModern = () => {
           background: bookmark.isPinned ? theme.colors.warning[50] : "transparent"
         }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { onClick: () => handleBookmarkClick(bookmark), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                style: {
-                  width: "36px",
-                  height: "36px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  flexShrink: 0,
-                  fontSize: "24px"
-                },
-                children: bookmark.emoji
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(BookmarkIconWrapper, { children: (() => {
+              const IconComponent = index.getIconById(bookmark.icon || bookmark.emoji || "bookmark");
+              return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {});
+            })() }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 0, children: [
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", ellipsis: true, style: { fontSize: "1.125rem", lineHeight: "1.4" }, children: bookmark.name }),
               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
-                bookmark.createdBy?.id && currentUser?.id && bookmark.createdBy.id === currentUser.id ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: [
+                isCurrentUserOwner(bookmark) ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: [
                   "• ",
                   formatMessage({ id: `${index.pluginId}.bookmark.myBookmark`, defaultMessage: "My Bookmark" })
                 ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.neutral[600] }, children: [
@@ -752,7 +773,7 @@ const HomePageModern = () => {
                     children: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {})
                   }
                 ),
-                bookmark.createdBy && /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Button,
                   {
                     variant: "ghost",
@@ -761,18 +782,18 @@ const HomePageModern = () => {
                       e.stopPropagation();
                       handleEdit(bookmark);
                     },
-                    disabled: bookmark.createdBy?.id !== currentUser?.id,
+                    disabled: !isCurrentUserOwner(bookmark),
                     children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
                   }
                 ),
-                bookmark.createdBy?.id && currentUser?.id && bookmark.createdBy.id === currentUser.id && /* @__PURE__ */ jsxRuntime.jsx(
+                isCurrentUserOwner(bookmark) && /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Button,
                   {
                     variant: "ghost",
                     size: "S",
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleDelete(bookmark.id);
+                      handleDelete(bookmark);
                     },
                     children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
                   }
@@ -816,7 +837,7 @@ const HomePageModern = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FloatingEmoji, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, { fill: "warning500" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FloatingIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, {}) }),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 6, style: { position: "relative", zIndex: 1 }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Box,
@@ -831,7 +852,7 @@ const HomePageModern = () => {
                   justifyContent: "center",
                   boxShadow: theme.shadows.xl
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, { style: { width: "60px", height: "60px", color: theme.colors.primary[600] } })
+                children: /* @__PURE__ */ jsxRuntime.jsx(outline.SparklesIcon, { style: { width: "60px", height: "60px", color: theme.colors.primary[600] } })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(

package/dist/_chunks/{UpgradePage-CYrqGUnv.js → UpgradePage-B5kfn6Np.js}

@@ -7,7 +7,7 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-svfBWq9B.js");
+const index = require("./index-BKaROSTg.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Container = styled__default.default(designSystem.Box)`

package/dist/_chunks/{UpgradePage-BWjKwdCf.mjs → UpgradePage-BeQJjvjk.mjs}

@@ -5,7 +5,7 @@ import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import styled from "styled-components";
 import { Flex, Typography, Box, Badge, Button } from "@strapi/design-system";
 import { Check, Cross, Sparkle, Lightning, Rocket } from "@strapi/icons";
-import { p as pluginId } from "./index-C7wF7iqT.mjs";
+import { p as pluginId } from "./index-DF8ICn1F.mjs";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;