magic-editor-x 1.3.4 → 1.3.6

package/dist/_chunks/{App-CWXreQMz.js → App-BpSMhQIR.js}

@@ -7,10 +7,10 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
 const EditorJS = require("@editorjs/editorjs");
-const getTranslation = require("./getTranslation-DB9tlKh9.js");
-const tools = require("./tools-3bMqs3Or.js");
-const index = require("./index-DO-QpiC9.js");
-const LicensePage = require("./LicensePage-BIaCAB4C.js");
+const getTranslation = require("./getTranslation-BFYSgCMJ.js");
+const tools = require("./tools-CZFxM_lD.js");
+const index = require("./index-B_gIy3qL.js");
+const LicensePage = require("./LicensePage-DuV_uXao.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const EditorJS__default = /* @__PURE__ */ _interopDefault(EditorJS);

package/dist/_chunks/{App-Czke2os9.mjs → App-CWCkeXGo.mjs}

@@ -5,10 +5,10 @@ import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { HashtagIcon, DocumentTextIcon, ListBulletIcon, CheckIcon, ChatBubbleBottomCenterTextIcon, CodeBracketIcon, PhotoIcon, TableCellsIcon, LinkIcon, ExclamationTriangleIcon, PaperClipIcon, BellAlertIcon, SparklesIcon, BeakerIcon, PlayCircleIcon, ArrowPathIcon, EyeIcon, DocumentDuplicateIcon, ChevronRightIcon, CubeTransparentIcon, Cog6ToothIcon, UserGroupIcon, BookOpenIcon, CommandLineIcon, UserPlusIcon, TrashIcon, CheckCircleIcon, XMarkIcon, KeyIcon } from "@heroicons/react/24/outline";
 import EditorJS from "@editorjs/editorjs";
-import { u as useIntl, g as getTranslation, L as Loader, a as Box, T as Typography, F as Flex, c as TextInput, B as Button$2 } from "./getTranslation-CZ77ytJY.mjs";
-import { g as getTools } from "./tools-CNqrBm-q.mjs";
-import { P as PLUGIN_ID } from "./index-BNxjfrVK.mjs";
-import LicensePage from "./LicensePage-Cj6-z6rO.mjs";
+import { u as useIntl, g as getTranslation, L as Loader, a as Box, T as Typography, F as Flex, c as TextInput, B as Button$2 } from "./getTranslation-DP4KaXRi.mjs";
+import { g as getTools } from "./tools-Qb0aXrud.mjs";
+import { P as PLUGIN_ID } from "./index-BYzgJaH8.mjs";
+import LicensePage from "./LicensePage-DunwoRaq.mjs";
 const fadeInUp = keyframes`
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }

package/dist/_chunks/{LicensePage-BIaCAB4C.js → LicensePage-DuV_uXao.js}

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const admin = require("@strapi/strapi/admin");
-const getTranslation = require("./getTranslation-DB9tlKh9.js");
+const getTranslation = require("./getTranslation-BFYSgCMJ.js");
 const styled = require("styled-components");
-const index = require("./index-DO-QpiC9.js");
+const index = require("./index-B_gIy3qL.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Container = styled__default.default(getTranslation.Box)`

package/dist/_chunks/{LicensePage-Cj6-z6rO.mjs → LicensePage-DunwoRaq.mjs}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { u as useIntl, F as Flex, L as Loader, T as Typography, d as Badge, a as Box, g as getTranslation, B as Button } from "./getTranslation-CZ77ytJY.mjs";
+import { u as useIntl, F as Flex, L as Loader, T as Typography, d as Badge, a as Box, g as getTranslation, B as Button } from "./getTranslation-DP4KaXRi.mjs";
 import styled from "styled-components";
-import { F as ForwardRef$2o, a as ForwardRef$26, b as ForwardRef$o, c as ForwardRef$1g, d as ForwardRef$y } from "./index-BNxjfrVK.mjs";
+import { F as ForwardRef$2o, a as ForwardRef$26, b as ForwardRef$o, c as ForwardRef$1g, d as ForwardRef$y } from "./index-BYzgJaH8.mjs";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;

package/dist/_chunks/{LiveCollaborationPanel-D11eAcKk.mjs → LiveCollaborationPanel-C-xwOtK-.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { u as useIntl, F as Flex, g as getTranslation } from "./getTranslation-CZ77ytJY.mjs";
+import { u as useIntl, F as Flex, g as getTranslation } from "./getTranslation-DP4KaXRi.mjs";
 import styled, { css, keyframes } from "styled-components";
 const pulse = keyframes`
   0%, 100% { 

package/dist/_chunks/{LiveCollaborationPanel-BmAFvNll.js → LiveCollaborationPanel-Cszm9ewD.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-DB9tlKh9.js");
+const getTranslation = require("./getTranslation-BFYSgCMJ.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Settings-CsaF0hO7.mjs → Settings-CDbiC2pb.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { u as useIntl, L as Loader, a as Box, A as Alert, F as Flex, T as Typography, B as Button, d as Badge, e as Accordion, g as getTranslation } from "./getTranslation-CZ77ytJY.mjs";
+import { u as useIntl, L as Loader, a as Box, A as Alert, F as Flex, T as Typography, B as Button, d as Badge, e as Accordion, g as getTranslation } from "./getTranslation-DP4KaXRi.mjs";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowPathIcon, DocumentDuplicateIcon, ArrowDownTrayIcon, UserIcon, UsersIcon, ShieldCheckIcon, SparklesIcon, ChartBarIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";

package/dist/_chunks/{Settings-BsoK7S5l.js → Settings-DvH7epUa.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-DB9tlKh9.js");
+const getTranslation = require("./getTranslation-BFYSgCMJ.js");
 const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");

package/dist/_chunks/{getTranslation-DB9tlKh9.js → getTranslation-BFYSgCMJ.js}

@@ -3,7 +3,7 @@ const React = require("react");
 const styled = require("styled-components");
 const jsxRuntime = require("react/jsx-runtime");
 const ReactDOM = require("react-dom");
-const index$1 = require("./index-DO-QpiC9.js");
+const index$1 = require("./index-B_gIy3qL.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{getTranslation-CZ77ytJY.mjs → getTranslation-DP4KaXRi.mjs}

@@ -4,7 +4,7 @@ import { styled, css, keyframes, createGlobalStyle, useTheme } from "styled-comp
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
-import { a as ForwardRef$26, e as ForwardRef$2n, f as ForwardRef$2, g as ForwardRef$1l, h as ForwardRef$1b, i as ForwardRef$2v, j as ForwardRef$1U, k as ForwardRef$2j, l as ForwardRef$12, m as ForwardRef$2k, n as ForwardRef$2x, o as ForwardRef$2h, p as ForwardRef$v, P as PLUGIN_ID } from "./index-BNxjfrVK.mjs";
+import { a as ForwardRef$26, e as ForwardRef$2n, f as ForwardRef$2, g as ForwardRef$1l, h as ForwardRef$1b, i as ForwardRef$2v, j as ForwardRef$1U, k as ForwardRef$2j, l as ForwardRef$12, m as ForwardRef$2k, n as ForwardRef$2x, o as ForwardRef$2h, p as ForwardRef$v, P as PLUGIN_ID } from "./index-BYzgJaH8.mjs";
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/_chunks/{index-BNxjfrVK.mjs → index-BYzgJaH8.mjs}

@@ -2383,7 +2383,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => import("./index-Byp_IaHi.mjs").then((module) => ({
+        Input: async () => import("./index-JeJFUWv9.mjs").then((module) => ({
           default: module.default
         }))
       },
@@ -2445,7 +2445,7 @@ const index = {
         defaultMessage: "Magic Editor X"
       },
       // Use lazy import without async wrapper to avoid deprecation warning
-      Component: () => import("./App-Czke2os9.mjs"),
+      Component: () => import("./App-CWCkeXGo.mjs"),
       permissions: []
     });
     app.createSettingSection(
@@ -2464,7 +2464,7 @@ const index = {
           id: "upgrade",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/upgrade`,
-          Component: () => import("./LicensePage-Cj6-z6rO.mjs")
+          Component: () => import("./LicensePage-DunwoRaq.mjs")
         },
         {
           intlLabel: {
@@ -2474,7 +2474,7 @@ const index = {
           id: "license",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/license`,
-          Component: () => import("./Settings-CsaF0hO7.mjs")
+          Component: () => import("./Settings-CDbiC2pb.mjs")
         }
       ]
     );
@@ -2484,7 +2484,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-D11eAcKk.mjs");
+    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-C-xwOtK-.mjs");
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{index-DO-QpiC9.js → index-B_gIy3qL.js}

@@ -2384,7 +2384,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => Promise.resolve().then(() => require("./index-BmWx_nJX.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./index-C2pIXifO.js")).then((module2) => ({
           default: module2.default
         }))
       },
@@ -2446,7 +2446,7 @@ const index = {
         defaultMessage: "Magic Editor X"
       },
       // Use lazy import without async wrapper to avoid deprecation warning
-      Component: () => Promise.resolve().then(() => require("./App-CWXreQMz.js")),
+      Component: () => Promise.resolve().then(() => require("./App-BpSMhQIR.js")),
       permissions: []
     });
     app.createSettingSection(
@@ -2465,7 +2465,7 @@ const index = {
           id: "upgrade",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/upgrade`,
-          Component: () => Promise.resolve().then(() => require("./LicensePage-BIaCAB4C.js"))
+          Component: () => Promise.resolve().then(() => require("./LicensePage-DuV_uXao.js"))
         },
         {
           intlLabel: {
@@ -2475,7 +2475,7 @@ const index = {
           id: "license",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/license`,
-          Component: () => Promise.resolve().then(() => require("./Settings-BsoK7S5l.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-DvH7epUa.js"))
         }
       ]
     );
@@ -2485,7 +2485,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-BmAFvNll.js"));
+    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-Cszm9ewD.js"));
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{index-BmWx_nJX.js → index-C2pIXifO.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-DB9tlKh9.js");
+const getTranslation = require("./getTranslation-BFYSgCMJ.js");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
 const EditorJS = require("@editorjs/editorjs");
-const tools = require("./tools-3bMqs3Or.js");
+const tools = require("./tools-CZFxM_lD.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-DO-QpiC9.js");
+const index = require("./index-B_gIy3qL.js");
 const socket_ioClient = require("socket.io-client");
 const Y = require("yjs");
 const yIndexeddb = require("y-indexeddb");
@@ -2154,22 +2154,24 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
     z-index: 99999 !important;
     background: white !important;
     border: 1px solid #e2e8f0 !important;
-    border-radius: 8px !important;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
-    padding: 4px !important;
+    border-radius: 12px !important;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
+    padding: 6px !important;
+    position: absolute !important;
+    transform: translateY(-8px) !important;
   }
   
   .ce-popover--inline .ce-popover__container {
     display: block !important;
+    height: auto !important;
   }
   
   /* Items container - HORIZONTAL layout for inline tools */
   .ce-popover--inline .ce-popover__items {
     display: flex !important;
     flex-direction: row !important;
-    flex-wrap: wrap !important;
-    align-items: center !important;
-    gap: 2px !important;
+    flex-wrap: nowrap !important;
+    gap: 4px !important;
     opacity: 1 !important;
     visibility: visible !important;
   }
@@ -2186,26 +2188,28 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
-    width: 32px !important;
-    height: 32px !important;
+    width: 36px !important;
+    height: 36px !important;
     opacity: 1 !important;
     visibility: visible !important;
     background: transparent !important;
     border: none !important;
-    border-radius: 6px !important;
+    border-radius: 8px !important;
     cursor: pointer !important;
     color: #64748b !important;
-    transition: background 0.15s ease, color 0.15s ease !important;
+    transition: all 0.15s ease !important;
   }
   
   .ce-popover--inline .ce-inline-tool:hover {
     background: #f1f5f9 !important;
     color: #334155 !important;
+    transform: scale(1.05) !important;
   }
   
   .ce-popover--inline .ce-inline-tool--active {
-    background: #ede9fe !important;
+    background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%) !important;
     color: #7C3AED !important;
+    font-weight: 600 !important;
   }
   
   .ce-popover--inline .ce-inline-tool svg {
@@ -2213,6 +2217,28 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
     height: 18px !important;
   }
   
+  /* AI Assistant button in inline toolbar - special styling */
+  .ce-popover--inline .ce-inline-tool[data-tool="aiAssistant"] {
+    background: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%) !important;
+    color: white !important;
+    margin-left: 4px !important;
+    position: relative !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool[data-tool="aiAssistant"]:hover {
+    background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%) !important;
+    color: white !important;
+    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4) !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool[data-tool="aiAssistant"]::before {
+    content: '✨';
+    position: absolute;
+    top: -2px;
+    right: -2px;
+    font-size: 12px;
+  }
+  
   /* Convert-to button (block type changer) */
   .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] {
     display: flex !important;
@@ -2226,18 +2252,31 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
     background: #f1f5f9 !important;
   }
   
-  /* Separator line between convert-to and inline tools */
+  /* Separator line between tool groups */
   .ce-popover--inline .ce-popover-item-separator {
     width: 1px !important;
-    height: 24px !important;
-    background: #e2e8f0 !important;
-    margin: 0 4px !important;
+    height: 28px !important;
+    background: linear-gradient(180deg, transparent 0%, #e2e8f0 20%, #e2e8f0 80%, transparent 100%) !important;
+    margin: 0 6px !important;
+    flex-shrink: 0 !important;
   }
   
   .ce-popover--inline .ce-popover-item-separator__line {
     display: none !important;
   }
   
+  /* Separator before AI button */
+  .ce-popover--inline .ce-inline-tool[data-tool="aiAssistant"]::after {
+    content: '';
+    position: absolute;
+    left: -8px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 1px;
+    height: 28px;
+    background: linear-gradient(180deg, transparent 0%, #c4b5fd 20%, #c4b5fd 80%, transparent 100%);
+  }
+  
   /* ============================================
      GLOBAL Z-INDEX FOR ALL EDITOR POPOVERS
      ============================================ */
@@ -2247,10 +2286,73 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
   .ce-popover--opened,
   .ce-inline-toolbar,
   .ce-settings,
-  .ce-conversion-toolbar {
+  .ce-conversion-toolbar,
+  .ce-toolbox {
     z-index: 99999 !important;
   }
   
+  /* ============================================
+     TOOLBOX POPOVER (Plus Button) - CRITICAL FIX
+     Make sure items are visible and properly displayed
+     ============================================ */
+  
+  .ce-popover:not(.ce-popover--inline) {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    z-index: 99999 !important;
+  }
+  
+  .ce-popover--opened {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
+  .ce-popover__container {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
+  .ce-popover__items {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    max-height: 400px !important;
+    overflow-y: auto !important;
+  }
+  
+  .ce-popover-item {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
+  .ce-popover-item__icon {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
+  .ce-popover-item__title {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
+  /* Hide empty/nothing-found message for main toolbox */
+  .ce-popover:not(.ce-popover--inline) .ce-popover__nothing-found-message {
+    display: none !important;
+  }
+  
+  /* Make sure search is visible */
+  .ce-popover__search {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+  
   /* ============================================
      READONLY MODE - Block all editing interactions
      ============================================ */
@@ -2330,11 +2432,29 @@ const EditorJSGlobalStyles = styled.createGlobalStyle`
   /* Inline toolbar */
   .ce-inline-toolbar {
     z-index: 99998 !important;
+    background: white !important;
+    border: 1px solid #e2e8f0 !important;
+    border-radius: 12px !important;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
   }
   
   /* Conversion toolbar */
   .ce-conversion-toolbar {
     z-index: 99999 !important;
+    padding: 8px !important;
+    display: flex !important;
+    flex-wrap: wrap !important;
+    align-items: center !important;
+    justify-content: center !important;
+    gap: 4px !important;
+    background: white !important;
+    border: 1px solid #e2e8f0 !important;
+    border-radius: 12px !important;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
+  }
+  
+  .ce-conversion-tool {
+    margin: 0 !important;
   }
   
   /* Block tune popovers */
@@ -3170,8 +3290,12 @@ const EditorWrapper = styled__default.default.div`
     border-radius: 12px !important;
   }
   
-  .ce-popover__items {
-    padding: 8px !important;
+  /* Only inline toolbar (text selection) needs overflow visible */
+  .ce-inline-toolbar,
+  .ce-inline-toolbar .ce-popover,
+  .ce-inline-toolbar .ce-popover__container,
+  .ce-inline-toolbar .ce-popover__items {
+    overflow: visible !important;
   }
   
   .ce-popover-item {