strapi-plugin-magic-mark 3.0.0 → 3.0.2

package/README.md

@@ -644,7 +644,7 @@ Language automatically follows your Strapi admin interface setting.
 
 ## 🙏 Acknowledgments
 
-Built with ❤️ for the Strapi community.
+Built for the Strapi community.
 
 Special thanks to:
 - Strapi team for the amazing CMS

package/dist/_chunks/{App-C5UU0yUr.js → App-B6x0aSMN.js}

@@ -8,7 +8,7 @@ const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-RuDV4dTy.js");
+const index = require("./index-D5-84IjV.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -33,6 +33,11 @@ const theme = {
       500: "#F59E0B",
       600: "#D97706"
     },
+    danger: {
+      100: "#FEE2E2",
+      500: "#EF4444",
+      600: "#DC2626"
+    },
     neutral: {
       0: "#FFFFFF",
       50: "#F9FAFB",
@@ -381,6 +386,7 @@ const HomePageModern = () => {
   const { formatMessage } = reactIntl.useIntl();
   const navigate = reactRouterDom.useNavigate();
   const { get, post, del } = admin.useFetchClient();
+  index.useLicenseInfo();
   const [currentUser, setCurrentUser] = React.useState(null);
   const [bookmarks, setBookmarks] = React.useState([]);
   const [loading, setLoading] = React.useState(false);
@@ -391,11 +397,19 @@ const HomePageModern = () => {
   const [entriesPerPage, setEntriesPerPage] = React.useState("10");
   const [availableRoles, setAvailableRoles] = React.useState([]);
   const [availableUsers, setAvailableUsers] = React.useState([]);
+  const [licenseLimits, setLicenseLimits] = React.useState({
+    maxBookmarks: 10,
+    currentBookmarks: 0,
+    canCreate: true,
+    tier: "free",
+    features: {}
+  });
   React.useEffect(() => {
     fetchBookmarks();
     fetchCurrentUser();
     fetchRoles();
     fetchUsers();
+    fetchLicenseLimits();
   }, []);
   const fetchRoles = async () => {
     try {
@@ -439,6 +453,17 @@ const HomePageModern = () => {
       console.error("[Magic-Mark] Error fetching current user:", error);
     }
   };
+  const fetchLicenseLimits = async () => {
+    try {
+      const response = await get(`/${index.pluginId}/license/limits`);
+      if (response.data?.success) {
+        setLicenseLimits(response.data.data);
+        console.log("[Magic-Mark] License limits loaded:", response.data.data);
+      }
+    } catch (error) {
+      console.error("[Magic-Mark] Error fetching license limits:", error);
+    }
+  };
   const fetchBookmarks = async () => {
     setLoading(true);
     try {
@@ -490,6 +515,7 @@ const HomePageModern = () => {
     setShowModal(false);
     setEditingBookmark(null);
     fetchBookmarks();
+    fetchLicenseLimits();
   };
   const handleBookmarkClick = (bookmark) => {
     if (bookmark.path) {
@@ -529,52 +555,64 @@ const HomePageModern = () => {
       /* @__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(StatValue, { className: "stat-value", children: sharedWithMe.length }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Shared with Me" })
+        /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: formatMessage({ id: `${index.pluginId}.stats.shared`, defaultMessage: "Shared with Me" }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(StatCard, { $delay: "0.3s", $color: theme.colors.warning[500], children: [
         /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.warning[100], $color: theme.colors.warning[600], children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pin, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(StatValue, { className: "stat-value", children: pinnedBookmarks.length }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Pinned" })
+        /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: formatMessage({ id: `${index.pluginId}.stats.pinned`, defaultMessage: "Pinned" }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(StatCard, { $delay: "0.4s", $color: theme.colors.neutral[600], children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.neutral[100], $color: theme.colors.neutral[600], children: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatValue, { className: "stat-value", children: bookmarks.length }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Total Available" })
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        StatCard,
+        {
+          $delay: "0.4s",
+          $color: licenseLimits.canCreate ? theme.colors.neutral[600] : theme.colors.danger[500],
+          onClick: () => !licenseLimits.canCreate && navigate(`/settings/${index.pluginId}/upgrade`),
+          style: { cursor: !licenseLimits.canCreate ? "pointer" : "default" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              StatIcon,
+              {
+                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, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { className: "stat-value", children: [
+              licenseLimits.currentBookmarks,
+              "/",
+              licenseLimits.maxBookmarks === -1 ? "∞" : licenseLimits.maxBookmarks
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: licenseLimits.canCreate ? formatMessage({ id: `${index.pluginId}.stats.limit`, defaultMessage: "Bookmark Limit" }) : formatMessage({ id: `${index.pluginId}.stats.limitReached`, defaultMessage: "Limit Reached - Upgrade" }) })
+          ]
+        }
+      )
     ] }),
-    loading && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading bookmarks..." }) }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: formatMessage({ id: `${index.pluginId}.loading`, defaultMessage: "Loading bookmarks..." }) }) }),
     !loading && sharedWithMe.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: {
       padding: theme.spacing.lg,
       background: theme.colors.primary[50],
       borderRadius: theme.borderRadius.lg,
       border: `1px solid ${theme.colors.primary[200]}`
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { marginBottom: theme.spacing.sm, color: theme.colors.primary[700] }, children: "🤝 Shared with You" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { color: theme.colors.primary[600] }, children: [
-        sharedWithMe.length,
-        " bookmark",
-        sharedWithMe.length > 1 ? "s" : "",
-        " have been shared with you"
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { marginBottom: theme.spacing.sm, color: theme.colors.primary[700] }, children: formatMessage({ id: `${index.pluginId}.shared.title`, defaultMessage: "🤝 Shared with You" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { color: theme.colors.primary[600] }, children: sharedWithMe.length > 1 ? formatMessage({ id: `${index.pluginId}.shared.countPlural`, defaultMessage: "{count} bookmarks have been shared with you" }, { count: sharedWithMe.length }) : formatMessage({ id: `${index.pluginId}.shared.count`, defaultMessage: "{count} bookmark has been shared with you" }, { count: sharedWithMe.length }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 2, children: [...new Map(sharedWithMe.map((b) => [b.createdBy?.id, b.createdBy])).values()].map((creator) => {
         const creatorBookmarks = sharedWithMe.filter((b) => b.createdBy?.id === creator?.id);
         return creator && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", marginTop: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", children: [
-            creator.firstname || "Unknown",
+            creator.firstname || formatMessage({ id: `${index.pluginId}.bookmark.unknown`, defaultMessage: "Unknown" }),
             " ",
             creator.lastname || "",
             ":"
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", marginLeft: 1, children: [
-            creatorBookmarks.length,
-            " bookmark",
-            creatorBookmarks.length > 1 ? "s" : ""
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", marginLeft: 1, children: creatorBookmarks.length > 1 ? formatMessage({ id: `${index.pluginId}.shared.byCreatorPlural`, defaultMessage: "{count} bookmarks" }, { count: creatorBookmarks.length }) : formatMessage({ id: `${index.pluginId}.shared.byCreator`, defaultMessage: "{count} bookmark" }, { count: creatorBookmarks.length }) })
         ] }, creator.id);
       }) })
     ] }) }),
     !loading && bookmarks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-      /* @__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: "🔖 All Available Bookmarks" }) }),
+      /* @__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, {}),
@@ -583,7 +621,7 @@ const HomePageModern = () => {
             {
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
-              placeholder: "Search by name, description...",
+              placeholder: formatMessage({ id: `${index.pluginId}.search.placeholder`, defaultMessage: "Search by name, description..." }),
               type: "text"
             }
           )
@@ -593,12 +631,12 @@ const HomePageModern = () => {
           {
             value: filterType,
             onChange: setFilterType,
-            placeholder: "Filter",
+            placeholder: formatMessage({ id: `${index.pluginId}.filter.placeholder`, defaultMessage: "Filter" }),
             size: "S",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "all", children: "Show All" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "pinned", children: "Pinned Only" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "unpinned", children: "Unpinned Only" })
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "all", children: formatMessage({ id: `${index.pluginId}.filter.all`, defaultMessage: "Show All" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "pinned", children: formatMessage({ id: `${index.pluginId}.filter.pinned`, defaultMessage: "Pinned Only" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "unpinned", children: formatMessage({ id: `${index.pluginId}.filter.unpinned`, defaultMessage: "Unpinned Only" }) })
             ]
           }
         ) }),
@@ -607,13 +645,13 @@ const HomePageModern = () => {
           {
             value: entriesPerPage,
             onChange: setEntriesPerPage,
-            placeholder: "Entries",
+            placeholder: formatMessage({ id: `${index.pluginId}.entries.placeholder`, defaultMessage: "Entries" }),
             size: "S",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: "10 entries" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "25", children: "25 entries" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "50", children: "50 entries" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "100", children: "100 entries" })
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: formatMessage({ id: `${index.pluginId}.entries.10`, defaultMessage: "10 entries" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "25", children: formatMessage({ id: `${index.pluginId}.entries.25`, defaultMessage: "25 entries" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "50", children: formatMessage({ id: `${index.pluginId}.entries.50`, defaultMessage: "50 entries" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "100", children: formatMessage({ id: `${index.pluginId}.entries.100`, defaultMessage: "100 entries" }) })
             ]
           }
         ) })
@@ -652,11 +690,17 @@ const HomePageModern = () => {
             /* @__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.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: "• My Bookmark" }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.neutral[600] }, children: [
-                  "• Shared by ",
-                  bookmark.createdBy?.firstname || "Unknown"
+                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: [
+                  "• ",
+                  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: [
+                  "• ",
+                  formatMessage({ id: `${index.pluginId}.bookmark.sharedBy`, defaultMessage: "Shared by {name}" }, { name: bookmark.createdBy?.firstname || formatMessage({ id: `${index.pluginId}.bookmark.unknown`, defaultMessage: "Unknown" }) })
+                ] }),
+                bookmark.isPublic && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.success[600], marginLeft: "8px" }, children: [
+                  "• ",
+                  formatMessage({ id: `${index.pluginId}.bookmark.public`, defaultMessage: "Public" })
                 ] }),
-                bookmark.isPublic && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.success[600], marginLeft: "8px" }, children: "• Public" }),
                 bookmark.sharedWithRoles && bookmark.sharedWithRoles.length > 0 && !bookmark.isPublic && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.warning[600], marginLeft: "8px" }, children: [
                   "• Roles: ",
                   bookmark.sharedWithRoles.map((roleId) => {
@@ -772,7 +816,7 @@ const HomePageModern = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FloatingEmoji, { children: "✨" }),
+          /* @__PURE__ */ jsxRuntime.jsx(FloatingEmoji, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, { fill: "warning500" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 6, style: { position: "relative", zIndex: 1 }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Box,
@@ -800,10 +844,10 @@ const HomePageModern = () => {
                   color: theme.colors.neutral[800],
                   marginBottom: "8px"
                 },
-                children: "No bookmarks yet"
+                children: formatMessage({ id: `${index.pluginId}.empty.title`, defaultMessage: "No bookmarks yet" })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Typography,
               {
                 variant: "omega",
@@ -813,11 +857,7 @@ const HomePageModern = () => {
                   maxWidth: "500px",
                   lineHeight: "1.6"
                 },
-                children: [
-                  "Navigate to any Content Manager view, apply filters, and click ",
-                  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: '"Save Bookmark"' }),
-                  " to create quick access shortcuts"
-                ]
+                children: formatMessage({ id: `${index.pluginId}.empty.description`, defaultMessage: 'Navigate to any Content Manager view, apply filters, and click "Save Bookmark" to create quick access shortcuts' })
               }
             )
           ] })
@@ -1138,7 +1178,7 @@ const LicenseGuard = ({ children }) => {
                 marginBottom: "12px",
                 display: "block"
               },
-              children: "🔐 Activate MagicMark Plugin"
+              children: "Activate MagicMark Plugin"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1196,7 +1236,7 @@ const LicenseGuard = ({ children }) => {
                   border: "2px solid #BAE6FD",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: useExistingKey ? "🔑 Enter your email and license key to activate." : useAutoCreate && adminUser && adminUser.email ? `✨ Click "Activate" to auto-create a license with your account (${adminUser.email})` : useAutoCreate ? '✨ Click "Activate" to auto-create a license with your admin account' : "💡 A license will be created with the details below." })
+                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: useExistingKey ? "Enter your email and license key to activate." : useAutoCreate && adminUser && adminUser.email ? `Click "Activate" to auto-create a license with your account (${adminUser.email})` : useAutoCreate ? 'Click "Activate" to auto-create a license with your admin account' : "A license will be created with the details below." })
               }
             ),
             useExistingKey ? (
@@ -1262,15 +1302,17 @@ const LicenseGuard = ({ children }) => {
                   },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Ready to activate with your account:" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
-                      "👤 ",
-                      adminUser.firstname || "Admin",
-                      " ",
-                      adminUser.lastname || "User"
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "4px" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(icons.User, { fill: "neutral700", width: "14px", height: "14px" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", children: [
+                        adminUser.firstname || "Admin",
+                        " ",
+                        adminUser.lastname || "User"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
-                      "📧 ",
-                      adminUser.email || "Loading..."
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { fill: "neutral600", width: "14px", height: "14px" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
                     ] })
                   ]
                 }

package/dist/_chunks/{App-Dt-v39BQ.mjs → App-BCliVBSB.mjs}

@@ -4,9 +4,9 @@ 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, Check } from "@strapi/icons";
+import { Book, User, Sparkle, Pin, Link, Eye, Pencil, Trash, Search, Cross, Key, Mail, Check } from "@strapi/icons";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { p as pluginId, C as CreateEditModal } from "./index-BAmZV8aX.mjs";
+import { u as useLicenseInfo, p as pluginId, C as CreateEditModal } from "./index-DdTUt6EH.mjs";
 const theme = {
   colors: {
     primary: {
@@ -29,6 +29,11 @@ const theme = {
       500: "#F59E0B",
       600: "#D97706"
     },
+    danger: {
+      100: "#FEE2E2",
+      500: "#EF4444",
+      600: "#DC2626"
+    },
     neutral: {
       0: "#FFFFFF",
       50: "#F9FAFB",
@@ -377,6 +382,7 @@ const HomePageModern = () => {
   const { formatMessage } = useIntl();
   const navigate = useNavigate();
   const { get, post, del } = useFetchClient();
+  useLicenseInfo();
   const [currentUser, setCurrentUser] = useState(null);
   const [bookmarks, setBookmarks] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -387,11 +393,19 @@ const HomePageModern = () => {
   const [entriesPerPage, setEntriesPerPage] = useState("10");
   const [availableRoles, setAvailableRoles] = useState([]);
   const [availableUsers, setAvailableUsers] = useState([]);
+  const [licenseLimits, setLicenseLimits] = useState({
+    maxBookmarks: 10,
+    currentBookmarks: 0,
+    canCreate: true,
+    tier: "free",
+    features: {}
+  });
   useEffect(() => {
     fetchBookmarks();
     fetchCurrentUser();
     fetchRoles();
     fetchUsers();
+    fetchLicenseLimits();
   }, []);
   const fetchRoles = async () => {
     try {
@@ -435,6 +449,17 @@ const HomePageModern = () => {
       console.error("[Magic-Mark] Error fetching current user:", error);
     }
   };
+  const fetchLicenseLimits = async () => {
+    try {
+      const response = await get(`/${pluginId}/license/limits`);
+      if (response.data?.success) {
+        setLicenseLimits(response.data.data);
+        console.log("[Magic-Mark] License limits loaded:", response.data.data);
+      }
+    } catch (error) {
+      console.error("[Magic-Mark] Error fetching license limits:", error);
+    }
+  };
   const fetchBookmarks = async () => {
     setLoading(true);
     try {
@@ -486,6 +511,7 @@ const HomePageModern = () => {
     setShowModal(false);
     setEditingBookmark(null);
     fetchBookmarks();
+    fetchLicenseLimits();
   };
   const handleBookmarkClick = (bookmark) => {
     if (bookmark.path) {
@@ -525,52 +551,64 @@ const HomePageModern = () => {
       /* @__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(StatValue, { className: "stat-value", children: sharedWithMe.length }),
-        /* @__PURE__ */ jsx(StatLabel, { children: "Shared with Me" })
+        /* @__PURE__ */ jsx(StatLabel, { children: formatMessage({ id: `${pluginId}.stats.shared`, defaultMessage: "Shared with Me" }) })
       ] }),
       /* @__PURE__ */ jsxs(StatCard, { $delay: "0.3s", $color: theme.colors.warning[500], children: [
         /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.warning[100], $color: theme.colors.warning[600], children: /* @__PURE__ */ jsx(Pin, {}) }),
         /* @__PURE__ */ jsx(StatValue, { className: "stat-value", children: pinnedBookmarks.length }),
-        /* @__PURE__ */ jsx(StatLabel, { children: "Pinned" })
+        /* @__PURE__ */ jsx(StatLabel, { children: formatMessage({ id: `${pluginId}.stats.pinned`, defaultMessage: "Pinned" }) })
       ] }),
-      /* @__PURE__ */ jsxs(StatCard, { $delay: "0.4s", $color: theme.colors.neutral[600], children: [
-        /* @__PURE__ */ jsx(StatIcon, { className: "stat-icon", $bg: theme.colors.neutral[100], $color: theme.colors.neutral[600], children: /* @__PURE__ */ jsx(Link, {}) }),
-        /* @__PURE__ */ jsx(StatValue, { className: "stat-value", children: bookmarks.length }),
-        /* @__PURE__ */ jsx(StatLabel, { children: "Total Available" })
-      ] })
+      /* @__PURE__ */ jsxs(
+        StatCard,
+        {
+          $delay: "0.4s",
+          $color: licenseLimits.canCreate ? theme.colors.neutral[600] : theme.colors.danger[500],
+          onClick: () => !licenseLimits.canCreate && navigate(`/settings/${pluginId}/upgrade`),
+          style: { cursor: !licenseLimits.canCreate ? "pointer" : "default" },
+          children: [
+            /* @__PURE__ */ jsx(
+              StatIcon,
+              {
+                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, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs(StatValue, { className: "stat-value", children: [
+              licenseLimits.currentBookmarks,
+              "/",
+              licenseLimits.maxBookmarks === -1 ? "∞" : licenseLimits.maxBookmarks
+            ] }),
+            /* @__PURE__ */ jsx(StatLabel, { children: licenseLimits.canCreate ? formatMessage({ id: `${pluginId}.stats.limit`, defaultMessage: "Bookmark Limit" }) : formatMessage({ id: `${pluginId}.stats.limitReached`, defaultMessage: "Limit Reached - Upgrade" }) })
+          ]
+        }
+      )
     ] }),
-    loading && /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: "Loading bookmarks..." }) }),
+    loading && /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({ id: `${pluginId}.loading`, defaultMessage: "Loading bookmarks..." }) }) }),
     !loading && sharedWithMe.length > 0 && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsxs(Box, { style: {
       padding: theme.spacing.lg,
       background: theme.colors.primary[50],
       borderRadius: theme.borderRadius.lg,
       border: `1px solid ${theme.colors.primary[200]}`
     }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { marginBottom: theme.spacing.sm, color: theme.colors.primary[700] }, children: "🤝 Shared with You" }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { color: theme.colors.primary[600] }, children: [
-        sharedWithMe.length,
-        " bookmark",
-        sharedWithMe.length > 1 ? "s" : "",
-        " have been shared with you"
-      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { marginBottom: theme.spacing.sm, color: theme.colors.primary[700] }, children: formatMessage({ id: `${pluginId}.shared.title`, defaultMessage: "🤝 Shared with You" }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { color: theme.colors.primary[600] }, children: sharedWithMe.length > 1 ? formatMessage({ id: `${pluginId}.shared.countPlural`, defaultMessage: "{count} bookmarks have been shared with you" }, { count: sharedWithMe.length }) : formatMessage({ id: `${pluginId}.shared.count`, defaultMessage: "{count} bookmark has been shared with you" }, { count: sharedWithMe.length }) }),
       /* @__PURE__ */ jsx(Box, { marginTop: 2, children: [...new Map(sharedWithMe.map((b) => [b.createdBy?.id, b.createdBy])).values()].map((creator) => {
         const creatorBookmarks = sharedWithMe.filter((b) => b.createdBy?.id === creator?.id);
         return creator && /* @__PURE__ */ jsxs(Flex, { alignItems: "center", marginTop: 1, children: [
           /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "semiBold", children: [
-            creator.firstname || "Unknown",
+            creator.firstname || formatMessage({ id: `${pluginId}.bookmark.unknown`, defaultMessage: "Unknown" }),
             " ",
             creator.lastname || "",
             ":"
           ] }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "pi", marginLeft: 1, children: [
-            creatorBookmarks.length,
-            " bookmark",
-            creatorBookmarks.length > 1 ? "s" : ""
-          ] })
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", marginLeft: 1, children: creatorBookmarks.length > 1 ? formatMessage({ id: `${pluginId}.shared.byCreatorPlural`, defaultMessage: "{count} bookmarks" }, { count: creatorBookmarks.length }) : formatMessage({ id: `${pluginId}.shared.byCreator`, defaultMessage: "{count} bookmark" }, { count: creatorBookmarks.length }) })
         ] }, creator.id);
       }) })
     ] }) }),
     !loading && bookmarks.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__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: "🔖 All Available Bookmarks" }) }),
+      /* @__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, {}),
@@ -579,7 +617,7 @@ const HomePageModern = () => {
             {
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
-              placeholder: "Search by name, description...",
+              placeholder: formatMessage({ id: `${pluginId}.search.placeholder`, defaultMessage: "Search by name, description..." }),
               type: "text"
             }
           )
@@ -589,12 +627,12 @@ const HomePageModern = () => {
           {
             value: filterType,
             onChange: setFilterType,
-            placeholder: "Filter",
+            placeholder: formatMessage({ id: `${pluginId}.filter.placeholder`, defaultMessage: "Filter" }),
             size: "S",
             children: [
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "all", children: "Show All" }),
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "pinned", children: "Pinned Only" }),
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "unpinned", children: "Unpinned Only" })
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "all", children: formatMessage({ id: `${pluginId}.filter.all`, defaultMessage: "Show All" }) }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "pinned", children: formatMessage({ id: `${pluginId}.filter.pinned`, defaultMessage: "Pinned Only" }) }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "unpinned", children: formatMessage({ id: `${pluginId}.filter.unpinned`, defaultMessage: "Unpinned Only" }) })
             ]
           }
         ) }),
@@ -603,13 +641,13 @@ const HomePageModern = () => {
           {
             value: entriesPerPage,
             onChange: setEntriesPerPage,
-            placeholder: "Entries",
+            placeholder: formatMessage({ id: `${pluginId}.entries.placeholder`, defaultMessage: "Entries" }),
             size: "S",
             children: [
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10 entries" }),
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: "25 entries" }),
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: "50 entries" }),
-              /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: "100 entries" })
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: formatMessage({ id: `${pluginId}.entries.10`, defaultMessage: "10 entries" }) }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: formatMessage({ id: `${pluginId}.entries.25`, defaultMessage: "25 entries" }) }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: formatMessage({ id: `${pluginId}.entries.50`, defaultMessage: "50 entries" }) }),
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: formatMessage({ id: `${pluginId}.entries.100`, defaultMessage: "100 entries" }) })
             ]
           }
         ) })
@@ -648,11 +686,17 @@ const HomePageModern = () => {
             /* @__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__ */ jsx(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.primary[600], fontWeight: 500 }, children: "• My Bookmark" }) : /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.neutral[600] }, children: [
-                  "• Shared by ",
-                  bookmark.createdBy?.firstname || "Unknown"
+                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: [
+                  "• ",
+                  formatMessage({ id: `${pluginId}.bookmark.myBookmark`, defaultMessage: "My Bookmark" })
+                ] }) : /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.neutral[600] }, children: [
+                  "• ",
+                  formatMessage({ id: `${pluginId}.bookmark.sharedBy`, defaultMessage: "Shared by {name}" }, { name: bookmark.createdBy?.firstname || formatMessage({ id: `${pluginId}.bookmark.unknown`, defaultMessage: "Unknown" }) })
+                ] }),
+                bookmark.isPublic && /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.success[600], marginLeft: "8px" }, children: [
+                  "• ",
+                  formatMessage({ id: `${pluginId}.bookmark.public`, defaultMessage: "Public" })
                 ] }),
-                bookmark.isPublic && /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.success[600], marginLeft: "8px" }, children: "• Public" }),
                 bookmark.sharedWithRoles && bookmark.sharedWithRoles.length > 0 && !bookmark.isPublic && /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "0.75rem", color: theme.colors.warning[600], marginLeft: "8px" }, children: [
                   "• Roles: ",
                   bookmark.sharedWithRoles.map((roleId) => {
@@ -768,7 +812,7 @@ const HomePageModern = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx(FloatingEmoji, { children: "✨" }),
+          /* @__PURE__ */ jsx(FloatingEmoji, { children: /* @__PURE__ */ jsx(Sparkle, { fill: "warning500" }) }),
           /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 6, style: { position: "relative", zIndex: 1 }, children: [
             /* @__PURE__ */ jsx(
               Box,
@@ -796,10 +840,10 @@ const HomePageModern = () => {
                   color: theme.colors.neutral[800],
                   marginBottom: "8px"
                 },
-                children: "No bookmarks yet"
+                children: formatMessage({ id: `${pluginId}.empty.title`, defaultMessage: "No bookmarks yet" })
               }
             ),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx(
               Typography,
               {
                 variant: "omega",
@@ -809,11 +853,7 @@ const HomePageModern = () => {
                   maxWidth: "500px",
                   lineHeight: "1.6"
                 },
-                children: [
-                  "Navigate to any Content Manager view, apply filters, and click ",
-                  /* @__PURE__ */ jsx("strong", { children: '"Save Bookmark"' }),
-                  " to create quick access shortcuts"
-                ]
+                children: formatMessage({ id: `${pluginId}.empty.description`, defaultMessage: 'Navigate to any Content Manager view, apply filters, and click "Save Bookmark" to create quick access shortcuts' })
               }
             )
           ] })
@@ -1134,7 +1174,7 @@ const LicenseGuard = ({ children }) => {
                 marginBottom: "12px",
                 display: "block"
               },
-              children: "🔐 Activate MagicMark Plugin"
+              children: "Activate MagicMark Plugin"
             }
           ),
           /* @__PURE__ */ jsx(
@@ -1192,7 +1232,7 @@ const LicenseGuard = ({ children }) => {
                   border: "2px solid #BAE6FD",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: useExistingKey ? "🔑 Enter your email and license key to activate." : useAutoCreate && adminUser && adminUser.email ? `✨ Click "Activate" to auto-create a license with your account (${adminUser.email})` : useAutoCreate ? '✨ Click "Activate" to auto-create a license with your admin account' : "💡 A license will be created with the details below." })
+                children: /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: useExistingKey ? "Enter your email and license key to activate." : useAutoCreate && adminUser && adminUser.email ? `Click "Activate" to auto-create a license with your account (${adminUser.email})` : useAutoCreate ? 'Click "Activate" to auto-create a license with your admin account' : "A license will be created with the details below." })
               }
             ),
             useExistingKey ? (
@@ -1258,15 +1298,17 @@ const LicenseGuard = ({ children }) => {
                   },
                   children: [
                     /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "Ready to activate with your account:" }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
-                      "👤 ",
-                      adminUser.firstname || "Admin",
-                      " ",
-                      adminUser.lastname || "User"
+                    /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, style: { marginBottom: "4px" }, children: [
+                      /* @__PURE__ */ jsx(User, { fill: "neutral700", width: "14px", height: "14px" }),
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", children: [
+                        adminUser.firstname || "Admin",
+                        " ",
+                        adminUser.lastname || "User"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-                      "📧 ",
-                      adminUser.email || "Loading..."
+                    /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+                      /* @__PURE__ */ jsx(Mail, { fill: "neutral600", width: "14px", height: "14px" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
                     ] })
                   ]
                 }