magic-editor-x 1.3.5 → 1.3.7

package/dist/_chunks/{App-CWXreQMz.js → App-BrAGe1KP.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-D21ValYk.js");
+const tools = require("./tools-D4Y_iEui.js");
+const index = require("./index-BnTvuHf2.js");
+const LicensePage = require("./LicensePage-C6TBYCWM.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-SlDn2xdO.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-D2oq0PyC.mjs";
+import { g as getTools } from "./tools-BGR6Cw4p.mjs";
+import { P as PLUGIN_ID } from "./index-tbHD7slZ.mjs";
+import LicensePage from "./LicensePage-zaYXFrKs.mjs";
 const fadeInUp = keyframes`
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }

package/dist/_chunks/{LicensePage-BIaCAB4C.js → LicensePage-C6TBYCWM.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-D21ValYk.js");
 const styled = require("styled-components");
-const index = require("./index-DO-QpiC9.js");
+const index = require("./index-BnTvuHf2.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-zaYXFrKs.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-D2oq0PyC.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-tbHD7slZ.mjs";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;

package/dist/_chunks/{LiveCollaborationPanel-BmAFvNll.js → LiveCollaborationPanel-CGt57XG1.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-D21ValYk.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{LiveCollaborationPanel-D11eAcKk.mjs → LiveCollaborationPanel-yNC8e1Qb.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-D2oq0PyC.mjs";
 import styled, { css, keyframes } from "styled-components";
 const pulse = keyframes`
   0%, 100% { 

package/dist/_chunks/{Settings-BsoK7S5l.js → Settings-BH0Ttu_5.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-D21ValYk.js");
 const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");

package/dist/_chunks/{Settings-CsaF0hO7.mjs → Settings-BXoP5tm9.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-D2oq0PyC.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/{getTranslation-DB9tlKh9.js → getTranslation-D21ValYk.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-BnTvuHf2.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-D2oq0PyC.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-tbHD7slZ.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-DO-QpiC9.js → index-BnTvuHf2.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-Czk5HVLJ.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-BrAGe1KP.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-C6TBYCWM.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-BH0Ttu_5.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-CGt57XG1.js"));
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{index-Byp_IaHi.mjs → index-CUTx2oym.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback, useRef, useMemo, forwardRef } from "react";
-import { u as useIntl, F as Flex, T as Typography, B as Button$2, D as Divider, a as Box, g as getTranslation, b as Field, L as Loader } from "./getTranslation-CZ77ytJY.mjs";
+import { u as useIntl, F as Flex, T as Typography, B as Button$2, D as Divider, a as Box, g as getTranslation, b as Field, L as Loader } from "./getTranslation-D2oq0PyC.mjs";
 import styled, { createGlobalStyle, css } from "styled-components";
 import { ClockIcon, ExclamationTriangleIcon, SparklesIcon as SparklesIcon$1, Bars3BottomLeftIcon, ListBulletIcon, CheckCircleIcon, PhotoIcon, LinkIcon, CodeBracketIcon, TableCellsIcon, ChatBubbleBottomCenterTextIcon, MinusIcon, DocumentDuplicateIcon, TrashIcon, ArrowsPointingInIcon, ArrowsPointingOutIcon, EyeIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
 import EditorJS from "@editorjs/editorjs";
-import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-CNqrBm-q.mjs";
+import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-BGR6Cw4p.mjs";
 import { useStrapiApp, useFetchClient, useAuth } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-BNxjfrVK.mjs";
+import { P as PLUGIN_ID } from "./index-tbHD7slZ.mjs";
 import { io } from "socket.io-client";
 import * as Y from "yjs";
 import { IndexeddbPersistence } from "y-indexeddb";
@@ -2130,22 +2130,24 @@ const EditorJSGlobalStyles = 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;
   }
@@ -2162,26 +2164,28 @@ const EditorJSGlobalStyles = 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 {
@@ -2189,6 +2193,28 @@ const EditorJSGlobalStyles = 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;
@@ -2202,18 +2228,31 @@ const EditorJSGlobalStyles = 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
      ============================================ */
@@ -2223,10 +2262,73 @@ const EditorJSGlobalStyles = 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
      ============================================ */
@@ -2306,11 +2408,29 @@ const EditorJSGlobalStyles = 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 */
@@ -3146,8 +3266,12 @@ const EditorWrapper = styled.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 {

package/dist/_chunks/{index-BmWx_nJX.js → index-Czk5HVLJ.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-D21ValYk.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-D4Y_iEui.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-DO-QpiC9.js");
+const index = require("./index-BnTvuHf2.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 {

package/dist/_chunks/{index-BNxjfrVK.mjs → index-tbHD7slZ.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-CUTx2oym.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-SlDn2xdO.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-zaYXFrKs.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-BXoP5tm9.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-yNC8e1Qb.mjs");
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{tools-CNqrBm-q.mjs → tools-BGR6Cw4p.mjs}

@@ -398,14 +398,15 @@ class HyperlinkTool {
     this.popup = document.createElement("div");
     this.popup.classList.add("ce-inline-tool-hyperlink-popup");
     this.popup.style.cssText = `
-      position: absolute;
+      position: fixed;
       background: white;
       border: 1px solid #e2e8f0;
-      border-radius: 8px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      padding: 12px;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+      padding: 16px;
       z-index: 999999;
-      min-width: 300px;
+      min-width: 360px;
+      max-width: 420px;
     `;
     const urlContainer = this._createInputContainer("URL", "url", parentAnchor?.href || "");
     const targetContainer = this._createSelectContainer(
@@ -585,23 +586,15 @@ class HyperlinkTool {
     return container;
   }
   /**
-   * Positions the popup near the selection
+   * Positions the popup centered on screen
    */
   _positionPopup() {
     if (!this.popup) return;
-    const selection = window.getSelection();
-    if (!selection.rangeCount) return;
-    const range = selection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
     const popupRect = this.popup.getBoundingClientRect();
-    let left = rect.left + rect.width / 2 - popupRect.width / 2;
-    let top = rect.bottom + 10 + window.scrollY;
-    if (left < 10) left = 10;
-    if (left + popupRect.width > window.innerWidth - 10) {
-      left = window.innerWidth - popupRect.width - 10;
-    }
-    this.popup.style.left = `${left}px`;
-    this.popup.style.top = `${top}px`;
+    const left = (window.innerWidth - popupRect.width) / 2;
+    const top = (window.innerHeight - popupRect.height) / 2;
+    this.popup.style.left = `${Math.max(10, left)}px`;
+    this.popup.style.top = `${Math.max(10, top)}px`;
   }
   /**
    * Saves the link with user-entered values
@@ -1423,6 +1416,9 @@ class AIAssistantTool {
       toastManager.error("Keine Lizenz verfügbar");
       return;
     }
+    if (this.api.inlineToolbar) {
+      this.api.inlineToolbar.close();
+    }
     const selection = window.getSelection();
     if (!selection.rangeCount) return;
     const rect = selection.getRangeAt(0).getBoundingClientRect();

package/dist/_chunks/{tools-3bMqs3Or.js → tools-D4Y_iEui.js}

@@ -431,14 +431,15 @@ class HyperlinkTool {
     this.popup = document.createElement("div");
     this.popup.classList.add("ce-inline-tool-hyperlink-popup");
     this.popup.style.cssText = `
-      position: absolute;
+      position: fixed;
       background: white;
       border: 1px solid #e2e8f0;
-      border-radius: 8px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      padding: 12px;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+      padding: 16px;
       z-index: 999999;
-      min-width: 300px;
+      min-width: 360px;
+      max-width: 420px;
     `;
     const urlContainer = this._createInputContainer("URL", "url", parentAnchor?.href || "");
     const targetContainer = this._createSelectContainer(
@@ -618,23 +619,15 @@ class HyperlinkTool {
     return container;
   }
   /**
-   * Positions the popup near the selection
+   * Positions the popup centered on screen
    */
   _positionPopup() {
     if (!this.popup) return;
-    const selection = window.getSelection();
-    if (!selection.rangeCount) return;
-    const range = selection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
     const popupRect = this.popup.getBoundingClientRect();
-    let left = rect.left + rect.width / 2 - popupRect.width / 2;
-    let top = rect.bottom + 10 + window.scrollY;
-    if (left < 10) left = 10;
-    if (left + popupRect.width > window.innerWidth - 10) {
-      left = window.innerWidth - popupRect.width - 10;
-    }
-    this.popup.style.left = `${left}px`;
-    this.popup.style.top = `${top}px`;
+    const left = (window.innerWidth - popupRect.width) / 2;
+    const top = (window.innerHeight - popupRect.height) / 2;
+    this.popup.style.left = `${Math.max(10, left)}px`;
+    this.popup.style.top = `${Math.max(10, top)}px`;
   }
   /**
    * Saves the link with user-entered values
@@ -1456,6 +1449,9 @@ class AIAssistantTool {
       toastManager.error("Keine Lizenz verfügbar");
       return;
     }
+    if (this.api.inlineToolbar) {
+      this.api.inlineToolbar.close();
+    }
     const selection = window.getSelection();
     if (!selection.rangeCount) return;
     const rect = selection.getRangeAt(0).getBoundingClientRect();

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-DO-QpiC9.js");
+const index = require("../_chunks/index-BnTvuHf2.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { q } from "../_chunks/index-BNxjfrVK.mjs";
+import { q } from "../_chunks/index-tbHD7slZ.mjs";
 export {
   q as default
 };

package/dist/server/index.js

@@ -37941,7 +37941,7 @@ var snapshotService$1 = ({ strapi: strapi2 }) => {
   };
 };
 const name = "magic-editor-x";
-const version = "1.3.4";
+const version = "1.3.6";
 const description = "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support";
 const keywords = [
   "strapi",

package/dist/server/index.mjs

@@ -37922,7 +37922,7 @@ var snapshotService$1 = ({ strapi: strapi2 }) => {
   };
 };
 const name = "magic-editor-x";
-const version = "1.3.4";
+const version = "1.3.6";
 const description = "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support";
 const keywords = [
   "strapi",

package/dist/style.css

@@ -38,6 +38,14 @@
   display: none !important;
 }
 
+/* CRITICAL: Allow inline toolbar (text selection) to overflow */
+.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__search {
   background: transparent !important;
   border: none !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "magic-editor-x",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support",
   "keywords": [
     "strapi",