magic-editor-x 1.2.2 → 1.3.1

package/README.md

@@ -13,6 +13,7 @@
 
 - **Character-Level Collaboration** - Multiple users can now type in the same paragraph simultaneously without conflicts
 - **Webtools Links Integration** - Optional integration with PluginPal's Webtools Links addon for internal/external link management
+- **Direct Link Editing** - Click on any link to instantly open the link editor modal
 - **Improved Fullscreen Mode** - Blocks now stretch to full width, Media Library modal works correctly
 - **Performance Improvements** - Removed debug logging, optimized Y.js sync
 

package/dist/_chunks/{App-BHNqY71z.js → App-CWXreQMz.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-DxG1pB5q.js");
-const tools = require("./tools-Dn4jPdJs.js");
-const index = require("./index-C_SiBh7v.js");
-const LicensePage = require("./LicensePage-VwKQMnUO.js");
+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 _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const EditorJS__default = /* @__PURE__ */ _interopDefault(EditorJS);

package/dist/_chunks/{App-LgFoHtyD.mjs → App-Czke2os9.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-ChB_HlBd.mjs";
-import { g as getTools } from "./tools-BAvbiUHr.mjs";
-import { P as PLUGIN_ID } from "./index-CtyxDZ0S.mjs";
-import LicensePage from "./LicensePage-oxUnaZmr.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-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";
 const fadeInUp = keyframes`
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }

package/dist/_chunks/{LicensePage-VwKQMnUO.js → LicensePage-BIaCAB4C.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-DxG1pB5q.js");
+const getTranslation = require("./getTranslation-DB9tlKh9.js");
 const styled = require("styled-components");
-const index = require("./index-C_SiBh7v.js");
+const index = require("./index-DO-QpiC9.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-oxUnaZmr.mjs → LicensePage-Cj6-z6rO.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-ChB_HlBd.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-CZ77ytJY.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-CtyxDZ0S.mjs";
+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";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;

package/dist/_chunks/{LiveCollaborationPanel-CqtkFWJs.js → LiveCollaborationPanel-BmAFvNll.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-DxG1pB5q.js");
+const getTranslation = require("./getTranslation-DB9tlKh9.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-elejZRkh.mjs → LiveCollaborationPanel-D11eAcKk.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-ChB_HlBd.mjs";
+import { u as useIntl, F as Flex, g as getTranslation } from "./getTranslation-CZ77ytJY.mjs";
 import styled, { css, keyframes } from "styled-components";
 const pulse = keyframes`
   0%, 100% { 

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

package/dist/_chunks/{Settings-BI9zxX3k.mjs → Settings-CsaF0hO7.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-ChB_HlBd.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-CZ77ytJY.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-ChB_HlBd.mjs → getTranslation-CZ77ytJY.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-CtyxDZ0S.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-BNxjfrVK.mjs";
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/_chunks/{getTranslation-DxG1pB5q.js → getTranslation-DB9tlKh9.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-C_SiBh7v.js");
+const index$1 = require("./index-DO-QpiC9.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

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

@@ -2383,7 +2383,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => import("./index-IYdGq7Rl.mjs").then((module) => ({
+        Input: async () => import("./index-Byp_IaHi.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-LgFoHtyD.mjs"),
+      Component: () => import("./App-Czke2os9.mjs"),
       permissions: []
     });
     app.createSettingSection(
@@ -2464,7 +2464,7 @@ const index = {
           id: "upgrade",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/upgrade`,
-          Component: () => import("./LicensePage-oxUnaZmr.mjs")
+          Component: () => import("./LicensePage-Cj6-z6rO.mjs")
         },
         {
           intlLabel: {
@@ -2474,7 +2474,7 @@ const index = {
           id: "license",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/license`,
-          Component: () => import("./Settings-BI9zxX3k.mjs")
+          Component: () => import("./Settings-CsaF0hO7.mjs")
         }
       ]
     );
@@ -2484,7 +2484,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-elejZRkh.mjs");
+    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-D11eAcKk.mjs");
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{index-DGRg45vZ.js → index-BmWx_nJX.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-DxG1pB5q.js");
+const getTranslation = require("./getTranslation-DB9tlKh9.js");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
 const EditorJS = require("@editorjs/editorjs");
-const tools = require("./tools-Dn4jPdJs.js");
+const tools = require("./tools-3bMqs3Or.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-C_SiBh7v.js");
+const index = require("./index-DO-QpiC9.js");
 const socket_ioClient = require("socket.io-client");
 const Y = require("yjs");
 const yIndexeddb = require("y-indexeddb");
@@ -2136,19 +2136,118 @@ const FullscreenGlobalStyle = styled.createGlobalStyle`
   }
 `;
 const EditorJSGlobalStyles = styled.createGlobalStyle`
-  /* Popover rendered at document body */
-  body > .ce-popover,
-  body > .ce-popover--opened,
-  body > .ce-popover__container,
-  body > .ce-settings,
-  body > .ce-conversion-toolbar,
-  body > .ce-inline-toolbar {
+  /* ============================================
+     INLINE TOOLBAR - EditorJS 2.31
+     Structure: .ce-inline-toolbar > .ce-popover--inline > .ce-popover__items > .ce-popover-item-html > .ce-inline-tool
+     ============================================ */
+  
+  /* Hide "Nothing found" message when inline tools ARE present */
+  .ce-popover--inline .ce-popover__nothing-found-message {
+    display: none !important;
+  }
+  
+  /* Inline Toolbar Popover - horizontal layout for tool buttons */
+  .ce-popover--inline.ce-popover--opened {
+    display: block !important;
+    opacity: 1 !important;
+    visibility: visible !important;
     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;
   }
   
-  /* Ensure popovers are visible above Strapi modals */
-  .ce-popover,
-  .ce-popover--opened {
+  .ce-popover--inline .ce-popover__container {
+    display: block !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;
+    opacity: 1 !important;
+    visibility: visible !important;
+  }
+  
+  /* Custom HTML wrapper for inline tools */
+  .ce-popover--inline .ce-popover-item-html {
+    display: flex !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+  }
+  
+  /* The actual inline tool buttons (Bold, Italic, etc.) */
+  .ce-popover--inline .ce-inline-tool {
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    width: 32px !important;
+    height: 32px !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+    background: transparent !important;
+    border: none !important;
+    border-radius: 6px !important;
+    cursor: pointer !important;
+    color: #64748b !important;
+    transition: background 0.15s ease, color 0.15s ease !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool:hover {
+    background: #f1f5f9 !important;
+    color: #334155 !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool--active {
+    background: #ede9fe !important;
+    color: #7C3AED !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool svg {
+    width: 18px !important;
+    height: 18px !important;
+  }
+  
+  /* Convert-to button (block type changer) */
+  .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] {
+    display: flex !important;
+    align-items: center !important;
+    padding: 4px 8px !important;
+    border-radius: 6px !important;
+    cursor: pointer !important;
+  }
+  
+  .ce-popover--inline .ce-popover-item[data-item-name="convert-to"]:hover {
+    background: #f1f5f9 !important;
+  }
+  
+  /* Separator line between convert-to and inline tools */
+  .ce-popover--inline .ce-popover-item-separator {
+    width: 1px !important;
+    height: 24px !important;
+    background: #e2e8f0 !important;
+    margin: 0 4px !important;
+  }
+  
+  .ce-popover--inline .ce-popover-item-separator__line {
+    display: none !important;
+  }
+  
+  /* ============================================
+     GLOBAL Z-INDEX FOR ALL EDITOR POPOVERS
+     ============================================ */
+  
+  body > .ce-popover,
+  body > .ce-inline-toolbar,
+  .ce-popover--opened,
+  .ce-inline-toolbar,
+  .ce-settings,
+  .ce-conversion-toolbar {
     z-index: 99999 !important;
   }
   
@@ -2954,19 +3053,29 @@ const EditorWrapper = styled__default.default.div`
      TOOLBAR INSIDE EDITOR - Position Fix
      ============================================ */
   
-  /* Centered content area */
+  /* Content area - full container width */
   .codex-editor__redactor {
     padding-bottom: 100px !important;
     padding-left: 0 !important;
-    margin: 0 auto !important;
-    max-width: 800px !important;
+    padding-right: 0 !important;
+    margin: 0 !important;
+    max-width: 100% !important;
+    width: 100% !important;
   }
   
-  /* Content blocks - centered */
+  /* Content blocks - full width, no centering */
   .ce-block__content {
-    max-width: 100%;
-    margin: 0 auto;
-    padding: 0 16px;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 16px !important;
+  }
+  
+  /* Paragraph and other editable elements - full width */
+  .ce-paragraph,
+  .ce-header,
+  .cdx-block {
+    max-width: 100% !important;
+    width: 100% !important;
   }
   
   /* ============================================
@@ -3015,18 +3124,20 @@ const EditorWrapper = styled__default.default.div`
     border-radius: 6px;
   }
   
-  /* Toolbar positioning - centered with content */
+  /* Toolbar positioning - full width */
   .ce-toolbar__content {
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 0 16px;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 16px !important;
   }
   
   .ce-toolbar {
-    left: 50% !important;
-    transform: translateX(-50%) !important;
+    left: 0 !important;
+    right: 0 !important;
+    transform: none !important;
     width: 100% !important;
-    max-width: 832px !important;
+    max-width: 100% !important;
+    padding-left: 8px !important;
   }
   
   .ce-toolbar__plus {
@@ -4024,6 +4135,7 @@ const Editor = React.forwardRef(({
   const bindAllBlocksToYText = React.useCallback(() => {
     if (!collabEnabled || !editorInstanceRef.current || !yTextMap) return;
     const editor = editorInstanceRef.current;
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") return;
     const blockCount = editor.blocks.getBlocksCount();
     console.log("[Magic Editor X] [CHAR-SYNC] Binding", blockCount, "blocks to Y.Text");
     for (let i = 0; i < blockCount; i++) {
@@ -4443,6 +4555,11 @@ const Editor = React.forwardRef(({
       pendingRenderRef.current = pendingRenderRef.current || true;
       return;
     }
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") {
+      console.warn("[Magic Editor X] Editor blocks API not ready for renderFromYDoc");
+      pendingRenderRef.current = pendingRenderRef.current || true;
+      return;
+    }
     if (isApplyingRemoteRef.current) {
       return;
     }
@@ -4695,6 +4812,7 @@ const Editor = React.forwardRef(({
       return;
     }
     const editor = editorInstanceRef.current;
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") return;
     const lastIndex = editor.blocks.getBlocksCount();
     editor.blocks.insert(blockType, {}, {}, lastIndex, true);
     editor.caret.setToBlock(lastIndex);
@@ -4742,6 +4860,18 @@ const Editor = React.forwardRef(({
           editorRef.current.classList.add("editor-readonly");
         }
       }
+      console.log("[Magic Editor X] Registered tools:", Object.keys(tools$1));
+      const inlineTools = Object.entries(tools$1).filter(([name2, config]) => {
+        const toolClass = config.class || config;
+        const isInline = toolClass?.isInline === true;
+        if (isInline) {
+          console.log(`[Magic Editor X] Found inline tool: ${name2}`, toolClass);
+        }
+        return isInline;
+      }).map(([name2]) => name2);
+      console.log("[Magic Editor X] Inline tools found:", inlineTools);
+      console.log("[Magic Editor X] Marker isInline:", tools$1.marker?.class?.isInline);
+      console.log("[Magic Editor X] Bold isInline:", tools$1.bold?.class?.isInline);
       const editor = new EditorJS__default.default({
         holder: editorRef.current,
         tools: tools$1,
@@ -4750,23 +4880,35 @@ const Editor = React.forwardRef(({
         placeholder: customPlaceholder,
         minHeight: 200,
         autofocus: false,
+        // Note: Do NOT set inlineToolbar here - each block tool controls its own inline toolbar
+        // The inline tools (bold, italic, marker, etc.) are automatically available when block tools have inlineToolbar: true
         onReady: async () => {
           isReadyRef.current = true;
           setIsReady(true);
           console.log("[Magic Editor X] [READY] Editor onReady fired");
           console.log("[Magic Editor X] [READY] Editor holder:", editorRef.current?.id);
-          try {
-            tools.initUndoRedo(editor);
-            console.log("[Magic Editor X] [SUCCESS] Undo/Redo initialized");
-          } catch (e) {
-            console.warn("[Magic Editor X] Could not initialize Undo/Redo:", e);
-          }
-          try {
-            tools.initDragDrop(editor);
-            console.log("[Magic Editor X] [SUCCESS] Drag & Drop initialized");
-          } catch (e) {
-            console.warn("[Magic Editor X] Could not initialize Drag & Drop:", e);
-          }
+          setTimeout(() => {
+            try {
+              if (editor && editor.blocks && typeof editor.blocks.getBlocksCount === "function") {
+                tools.initUndoRedo(editor);
+                console.log("[Magic Editor X] [SUCCESS] Undo/Redo initialized");
+              } else {
+                console.warn("[Magic Editor X] Editor blocks API not ready for Undo/Redo");
+              }
+            } catch (e) {
+              console.warn("[Magic Editor X] Could not initialize Undo/Redo:", e);
+            }
+            try {
+              if (editor && editor.blocks && typeof editor.blocks.getBlocksCount === "function") {
+                tools.initDragDrop(editor);
+                console.log("[Magic Editor X] [SUCCESS] Drag & Drop initialized");
+              } else {
+                console.warn("[Magic Editor X] Editor blocks API not ready for Drag & Drop");
+              }
+            } catch (e) {
+              console.warn("[Magic Editor X] Could not initialize Drag & Drop:", e);
+            }
+          }, 500);
           if (pendingRenderRef.current) {
             try {
               if (typeof pendingRenderRef.current === "object" && pendingRenderRef.current.blocks) {
@@ -4794,6 +4936,47 @@ const Editor = React.forwardRef(({
               bindAllBlocksToYText();
             }, 100);
           }
+          if (isWebtoolsAvailable && webtoolsOpenLinkPicker && editorRef.current) {
+            const handleLinkClick = async (e) => {
+              const anchor = e.target.closest("a");
+              if (anchor && editorRef.current?.contains(anchor)) {
+                e.preventDefault();
+                e.stopPropagation();
+                const existingHref = anchor.href || "";
+                const existingText = anchor.textContent || "";
+                console.log("[Magic Editor X] Link clicked, opening editor:", existingHref);
+                try {
+                  const selection = window.getSelection();
+                  const range = document.createRange();
+                  range.selectNodeContents(anchor);
+                  selection.removeAllRanges();
+                  selection.addRange(range);
+                  const result = await webtoolsOpenLinkPicker({
+                    initialText: existingText,
+                    initialHref: existingHref
+                  });
+                  if (result && result.href) {
+                    anchor.href = result.href;
+                    if (result.label && result.label !== existingText) {
+                      anchor.textContent = result.label;
+                    }
+                    console.log("[Magic Editor X] Link updated:", result.href);
+                  } else if (result === null) {
+                    console.log("[Magic Editor X] Link edit cancelled");
+                  }
+                } catch (err) {
+                  console.error("[Magic Editor X] Error editing link:", err);
+                }
+              }
+            };
+            editorRef.current.addEventListener("click", handleLinkClick);
+            const cleanup = () => {
+              editorRef.current?.removeEventListener("click", handleLinkClick);
+            };
+            if (!editorRef.current._linkClickCleanup) {
+              editorRef.current._linkClickCleanup = cleanup;
+            }
+          }
         },
         onChange: async (api) => {
           try {
@@ -4828,6 +5011,10 @@ const Editor = React.forwardRef(({
       console.log("[Magic Editor X] [CLEANUP] Editor component unmounting, destroying editor");
       isReadyRef.current = false;
       setIsReady(false);
+      if (editorRef.current?._linkClickCleanup) {
+        editorRef.current._linkClickCleanup();
+        delete editorRef.current._linkClickCleanup;
+      }
       if (editorInstanceRef.current && editorInstanceRef.current.destroy) {
         try {
           editorInstanceRef.current.destroy();

package/dist/_chunks/{index-IYdGq7Rl.mjs → index-Byp_IaHi.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-ChB_HlBd.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-CZ77ytJY.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-BAvbiUHr.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-CNqrBm-q.mjs";
 import { useStrapiApp, useFetchClient, useAuth } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-CtyxDZ0S.mjs";
+import { P as PLUGIN_ID } from "./index-BNxjfrVK.mjs";
 import { io } from "socket.io-client";
 import * as Y from "yjs";
 import { IndexeddbPersistence } from "y-indexeddb";
@@ -2112,19 +2112,118 @@ const FullscreenGlobalStyle = createGlobalStyle`
   }
 `;
 const EditorJSGlobalStyles = createGlobalStyle`
-  /* Popover rendered at document body */
-  body > .ce-popover,
-  body > .ce-popover--opened,
-  body > .ce-popover__container,
-  body > .ce-settings,
-  body > .ce-conversion-toolbar,
-  body > .ce-inline-toolbar {
+  /* ============================================
+     INLINE TOOLBAR - EditorJS 2.31
+     Structure: .ce-inline-toolbar > .ce-popover--inline > .ce-popover__items > .ce-popover-item-html > .ce-inline-tool
+     ============================================ */
+  
+  /* Hide "Nothing found" message when inline tools ARE present */
+  .ce-popover--inline .ce-popover__nothing-found-message {
+    display: none !important;
+  }
+  
+  /* Inline Toolbar Popover - horizontal layout for tool buttons */
+  .ce-popover--inline.ce-popover--opened {
+    display: block !important;
+    opacity: 1 !important;
+    visibility: visible !important;
     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;
   }
   
-  /* Ensure popovers are visible above Strapi modals */
-  .ce-popover,
-  .ce-popover--opened {
+  .ce-popover--inline .ce-popover__container {
+    display: block !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;
+    opacity: 1 !important;
+    visibility: visible !important;
+  }
+  
+  /* Custom HTML wrapper for inline tools */
+  .ce-popover--inline .ce-popover-item-html {
+    display: flex !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+  }
+  
+  /* The actual inline tool buttons (Bold, Italic, etc.) */
+  .ce-popover--inline .ce-inline-tool {
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    width: 32px !important;
+    height: 32px !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+    background: transparent !important;
+    border: none !important;
+    border-radius: 6px !important;
+    cursor: pointer !important;
+    color: #64748b !important;
+    transition: background 0.15s ease, color 0.15s ease !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool:hover {
+    background: #f1f5f9 !important;
+    color: #334155 !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool--active {
+    background: #ede9fe !important;
+    color: #7C3AED !important;
+  }
+  
+  .ce-popover--inline .ce-inline-tool svg {
+    width: 18px !important;
+    height: 18px !important;
+  }
+  
+  /* Convert-to button (block type changer) */
+  .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] {
+    display: flex !important;
+    align-items: center !important;
+    padding: 4px 8px !important;
+    border-radius: 6px !important;
+    cursor: pointer !important;
+  }
+  
+  .ce-popover--inline .ce-popover-item[data-item-name="convert-to"]:hover {
+    background: #f1f5f9 !important;
+  }
+  
+  /* Separator line between convert-to and inline tools */
+  .ce-popover--inline .ce-popover-item-separator {
+    width: 1px !important;
+    height: 24px !important;
+    background: #e2e8f0 !important;
+    margin: 0 4px !important;
+  }
+  
+  .ce-popover--inline .ce-popover-item-separator__line {
+    display: none !important;
+  }
+  
+  /* ============================================
+     GLOBAL Z-INDEX FOR ALL EDITOR POPOVERS
+     ============================================ */
+  
+  body > .ce-popover,
+  body > .ce-inline-toolbar,
+  .ce-popover--opened,
+  .ce-inline-toolbar,
+  .ce-settings,
+  .ce-conversion-toolbar {
     z-index: 99999 !important;
   }
   
@@ -2930,19 +3029,29 @@ const EditorWrapper = styled.div`
      TOOLBAR INSIDE EDITOR - Position Fix
      ============================================ */
   
-  /* Centered content area */
+  /* Content area - full container width */
   .codex-editor__redactor {
     padding-bottom: 100px !important;
     padding-left: 0 !important;
-    margin: 0 auto !important;
-    max-width: 800px !important;
+    padding-right: 0 !important;
+    margin: 0 !important;
+    max-width: 100% !important;
+    width: 100% !important;
   }
   
-  /* Content blocks - centered */
+  /* Content blocks - full width, no centering */
   .ce-block__content {
-    max-width: 100%;
-    margin: 0 auto;
-    padding: 0 16px;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 16px !important;
+  }
+  
+  /* Paragraph and other editable elements - full width */
+  .ce-paragraph,
+  .ce-header,
+  .cdx-block {
+    max-width: 100% !important;
+    width: 100% !important;
   }
   
   /* ============================================
@@ -2991,18 +3100,20 @@ const EditorWrapper = styled.div`
     border-radius: 6px;
   }
   
-  /* Toolbar positioning - centered with content */
+  /* Toolbar positioning - full width */
   .ce-toolbar__content {
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 0 16px;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 16px !important;
   }
   
   .ce-toolbar {
-    left: 50% !important;
-    transform: translateX(-50%) !important;
+    left: 0 !important;
+    right: 0 !important;
+    transform: none !important;
     width: 100% !important;
-    max-width: 832px !important;
+    max-width: 100% !important;
+    padding-left: 8px !important;
   }
   
   .ce-toolbar__plus {
@@ -4000,6 +4111,7 @@ const Editor = forwardRef(({
   const bindAllBlocksToYText = useCallback(() => {
     if (!collabEnabled || !editorInstanceRef.current || !yTextMap) return;
     const editor = editorInstanceRef.current;
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") return;
     const blockCount = editor.blocks.getBlocksCount();
     console.log("[Magic Editor X] [CHAR-SYNC] Binding", blockCount, "blocks to Y.Text");
     for (let i = 0; i < blockCount; i++) {
@@ -4419,6 +4531,11 @@ const Editor = forwardRef(({
       pendingRenderRef.current = pendingRenderRef.current || true;
       return;
     }
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") {
+      console.warn("[Magic Editor X] Editor blocks API not ready for renderFromYDoc");
+      pendingRenderRef.current = pendingRenderRef.current || true;
+      return;
+    }
     if (isApplyingRemoteRef.current) {
       return;
     }
@@ -4671,6 +4788,7 @@ const Editor = forwardRef(({
       return;
     }
     const editor = editorInstanceRef.current;
+    if (!editor.blocks || typeof editor.blocks.getBlocksCount !== "function") return;
     const lastIndex = editor.blocks.getBlocksCount();
     editor.blocks.insert(blockType, {}, {}, lastIndex, true);
     editor.caret.setToBlock(lastIndex);
@@ -4718,6 +4836,18 @@ const Editor = forwardRef(({
           editorRef.current.classList.add("editor-readonly");
         }
       }
+      console.log("[Magic Editor X] Registered tools:", Object.keys(tools));
+      const inlineTools = Object.entries(tools).filter(([name2, config]) => {
+        const toolClass = config.class || config;
+        const isInline = toolClass?.isInline === true;
+        if (isInline) {
+          console.log(`[Magic Editor X] Found inline tool: ${name2}`, toolClass);
+        }
+        return isInline;
+      }).map(([name2]) => name2);
+      console.log("[Magic Editor X] Inline tools found:", inlineTools);
+      console.log("[Magic Editor X] Marker isInline:", tools.marker?.class?.isInline);
+      console.log("[Magic Editor X] Bold isInline:", tools.bold?.class?.isInline);
       const editor = new EditorJS({
         holder: editorRef.current,
         tools,
@@ -4726,23 +4856,35 @@ const Editor = forwardRef(({
         placeholder: customPlaceholder,
         minHeight: 200,
         autofocus: false,
+        // Note: Do NOT set inlineToolbar here - each block tool controls its own inline toolbar
+        // The inline tools (bold, italic, marker, etc.) are automatically available when block tools have inlineToolbar: true
         onReady: async () => {
           isReadyRef.current = true;
           setIsReady(true);
           console.log("[Magic Editor X] [READY] Editor onReady fired");
           console.log("[Magic Editor X] [READY] Editor holder:", editorRef.current?.id);
-          try {
-            initUndoRedo(editor);
-            console.log("[Magic Editor X] [SUCCESS] Undo/Redo initialized");
-          } catch (e) {
-            console.warn("[Magic Editor X] Could not initialize Undo/Redo:", e);
-          }
-          try {
-            initDragDrop(editor);
-            console.log("[Magic Editor X] [SUCCESS] Drag & Drop initialized");
-          } catch (e) {
-            console.warn("[Magic Editor X] Could not initialize Drag & Drop:", e);
-          }
+          setTimeout(() => {
+            try {
+              if (editor && editor.blocks && typeof editor.blocks.getBlocksCount === "function") {
+                initUndoRedo(editor);
+                console.log("[Magic Editor X] [SUCCESS] Undo/Redo initialized");
+              } else {
+                console.warn("[Magic Editor X] Editor blocks API not ready for Undo/Redo");
+              }
+            } catch (e) {
+              console.warn("[Magic Editor X] Could not initialize Undo/Redo:", e);
+            }
+            try {
+              if (editor && editor.blocks && typeof editor.blocks.getBlocksCount === "function") {
+                initDragDrop(editor);
+                console.log("[Magic Editor X] [SUCCESS] Drag & Drop initialized");
+              } else {
+                console.warn("[Magic Editor X] Editor blocks API not ready for Drag & Drop");
+              }
+            } catch (e) {
+              console.warn("[Magic Editor X] Could not initialize Drag & Drop:", e);
+            }
+          }, 500);
           if (pendingRenderRef.current) {
             try {
               if (typeof pendingRenderRef.current === "object" && pendingRenderRef.current.blocks) {
@@ -4770,6 +4912,47 @@ const Editor = forwardRef(({
               bindAllBlocksToYText();
             }, 100);
           }
+          if (isWebtoolsAvailable && webtoolsOpenLinkPicker && editorRef.current) {
+            const handleLinkClick = async (e) => {
+              const anchor = e.target.closest("a");
+              if (anchor && editorRef.current?.contains(anchor)) {
+                e.preventDefault();
+                e.stopPropagation();
+                const existingHref = anchor.href || "";
+                const existingText = anchor.textContent || "";
+                console.log("[Magic Editor X] Link clicked, opening editor:", existingHref);
+                try {
+                  const selection = window.getSelection();
+                  const range = document.createRange();
+                  range.selectNodeContents(anchor);
+                  selection.removeAllRanges();
+                  selection.addRange(range);
+                  const result = await webtoolsOpenLinkPicker({
+                    initialText: existingText,
+                    initialHref: existingHref
+                  });
+                  if (result && result.href) {
+                    anchor.href = result.href;
+                    if (result.label && result.label !== existingText) {
+                      anchor.textContent = result.label;
+                    }
+                    console.log("[Magic Editor X] Link updated:", result.href);
+                  } else if (result === null) {
+                    console.log("[Magic Editor X] Link edit cancelled");
+                  }
+                } catch (err) {
+                  console.error("[Magic Editor X] Error editing link:", err);
+                }
+              }
+            };
+            editorRef.current.addEventListener("click", handleLinkClick);
+            const cleanup = () => {
+              editorRef.current?.removeEventListener("click", handleLinkClick);
+            };
+            if (!editorRef.current._linkClickCleanup) {
+              editorRef.current._linkClickCleanup = cleanup;
+            }
+          }
         },
         onChange: async (api) => {
           try {
@@ -4804,6 +4987,10 @@ const Editor = forwardRef(({
       console.log("[Magic Editor X] [CLEANUP] Editor component unmounting, destroying editor");
       isReadyRef.current = false;
       setIsReady(false);
+      if (editorRef.current?._linkClickCleanup) {
+        editorRef.current._linkClickCleanup();
+        delete editorRef.current._linkClickCleanup;
+      }
       if (editorInstanceRef.current && editorInstanceRef.current.destroy) {
         try {
           editorInstanceRef.current.destroy();

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

@@ -2384,7 +2384,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => Promise.resolve().then(() => require("./index-DGRg45vZ.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./index-BmWx_nJX.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-BHNqY71z.js")),
+      Component: () => Promise.resolve().then(() => require("./App-CWXreQMz.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-VwKQMnUO.js"))
+          Component: () => Promise.resolve().then(() => require("./LicensePage-BIaCAB4C.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-4wUHMbn0.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-BsoK7S5l.js"))
         }
       ]
     );
@@ -2485,7 +2485,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-CqtkFWJs.js"));
+    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-BmAFvNll.js"));
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

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

@@ -1729,6 +1729,80 @@ class MediaLibAdapter {
     };
   }
 }
+class BoldInlineTool {
+  static get isInline() {
+    return true;
+  }
+  static get title() {
+    return "Bold";
+  }
+  static get sanitize() {
+    return {
+      b: {},
+      strong: {}
+    };
+  }
+  constructor({ api }) {
+    this.api = api;
+    this.button = null;
+    this._state = false;
+  }
+  render() {
+    this.button = document.createElement("button");
+    this.button.type = "button";
+    this.button.innerHTML = '<svg width="12" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M5.997 14H1.72c-.618 0-1.058-.138-1.323-.415C.132 13.308 0 12.924 0 12.435V1.565C0 1.076.132.692.397.415.662.138 1.102 0 1.72 0h4.418c.862 0 1.592.175 2.189.526.597.35 1.047.818 1.35 1.403.302.585.454 1.236.454 1.952 0 .603-.13 1.144-.388 1.624-.26.48-.617.871-1.072 1.174.659.225 1.182.608 1.57 1.147.388.54.583 1.173.583 1.9 0 .792-.19 1.496-.57 2.111-.38.616-.91 1.1-1.592 1.451-.682.352-1.465.527-2.35.527H6zm-.02-8.393h2.341c.444 0 .804-.13 1.08-.39.278-.26.416-.618.416-1.072 0-.467-.152-.838-.457-1.114-.305-.276-.677-.414-1.115-.414H5.977v2.99zm0 6.182h2.593c.478 0 .862-.152 1.152-.456.29-.305.436-.69.436-1.155 0-.467-.152-.858-.456-1.172-.304-.315-.709-.472-1.214-.472H5.977v3.255z" fill="currentColor"/></svg>';
+    this.button.classList.add("ce-inline-tool");
+    return this.button;
+  }
+  surround(range) {
+    document.execCommand("bold");
+  }
+  checkState() {
+    const isActive = document.queryCommandState("bold");
+    this.button.classList.toggle("ce-inline-tool--active", isActive);
+    return isActive;
+  }
+  get shortcut() {
+    return "CMD+B";
+  }
+}
+class ItalicInlineTool {
+  static get isInline() {
+    return true;
+  }
+  static get title() {
+    return "Italic";
+  }
+  static get sanitize() {
+    return {
+      i: {},
+      em: {}
+    };
+  }
+  constructor({ api }) {
+    this.api = api;
+    this.button = null;
+    this._state = false;
+  }
+  render() {
+    this.button = document.createElement("button");
+    this.button.type = "button";
+    this.button.innerHTML = '<svg width="6" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M3.289 14L4.867 3.286H3.267L3.496 1.59h4.555L8 0H1.49l-.498 1.59h1.594L.844 12.304H.265L0 14h3.289z" fill="currentColor"/></svg>';
+    this.button.classList.add("ce-inline-tool");
+    return this.button;
+  }
+  surround(range) {
+    document.execCommand("italic");
+  }
+  checkState() {
+    const isActive = document.queryCommandState("italic");
+    this.button.classList.toggle("ce-inline-tool--active", isActive);
+    return isActive;
+  }
+  get shortcut() {
+    return "CMD+I";
+  }
+}
 Personality__default.default.isReadOnlySupported = true;
 MediaLibAdapter.isReadOnlySupported = true;
 ButtonTool.isReadOnlySupported = true;
@@ -1761,7 +1835,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     header: {
       class: Header__default.default,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough"],
       tunes: ["alignmentTune"],
       config: {
         placeholder: "Enter a heading",
@@ -1776,7 +1850,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     paragraph: {
       class: Paragraph__default.default,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough", "hyperlink"],
       tunes: ["alignmentTune", "indentTune"],
       config: {
         placeholder: "Start writing or press Tab to add a block...",
@@ -1789,7 +1863,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     list: {
       class: NestedList__default.default,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough"],
       tunes: ["indentTune"],
       config: {
         defaultStyle: "unordered"
@@ -2057,6 +2131,26 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
       inlineToolbar: false
     },
     // ============================================
+    // CORE INLINE TOOLS (Bold & Italic)
+    // These are essential for basic text formatting
+    // ============================================
+    /**
+     * Bold Tool (Custom Implementation)
+     * Essential inline formatting tool
+     */
+    bold: {
+      class: BoldInlineTool,
+      shortcut: "CMD+B"
+    },
+    /**
+     * Italic Tool (Custom Implementation)
+     * Essential inline formatting tool
+     */
+    italic: {
+      class: ItalicInlineTool,
+      shortcut: "CMD+I"
+    },
+    // ============================================
     // OFFICIAL INLINE TOOLS (3 Tools)
     // ============================================
     /**

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

@@ -1696,6 +1696,80 @@ class MediaLibAdapter {
     };
   }
 }
+class BoldInlineTool {
+  static get isInline() {
+    return true;
+  }
+  static get title() {
+    return "Bold";
+  }
+  static get sanitize() {
+    return {
+      b: {},
+      strong: {}
+    };
+  }
+  constructor({ api }) {
+    this.api = api;
+    this.button = null;
+    this._state = false;
+  }
+  render() {
+    this.button = document.createElement("button");
+    this.button.type = "button";
+    this.button.innerHTML = '<svg width="12" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M5.997 14H1.72c-.618 0-1.058-.138-1.323-.415C.132 13.308 0 12.924 0 12.435V1.565C0 1.076.132.692.397.415.662.138 1.102 0 1.72 0h4.418c.862 0 1.592.175 2.189.526.597.35 1.047.818 1.35 1.403.302.585.454 1.236.454 1.952 0 .603-.13 1.144-.388 1.624-.26.48-.617.871-1.072 1.174.659.225 1.182.608 1.57 1.147.388.54.583 1.173.583 1.9 0 .792-.19 1.496-.57 2.111-.38.616-.91 1.1-1.592 1.451-.682.352-1.465.527-2.35.527H6zm-.02-8.393h2.341c.444 0 .804-.13 1.08-.39.278-.26.416-.618.416-1.072 0-.467-.152-.838-.457-1.114-.305-.276-.677-.414-1.115-.414H5.977v2.99zm0 6.182h2.593c.478 0 .862-.152 1.152-.456.29-.305.436-.69.436-1.155 0-.467-.152-.858-.456-1.172-.304-.315-.709-.472-1.214-.472H5.977v3.255z" fill="currentColor"/></svg>';
+    this.button.classList.add("ce-inline-tool");
+    return this.button;
+  }
+  surround(range) {
+    document.execCommand("bold");
+  }
+  checkState() {
+    const isActive = document.queryCommandState("bold");
+    this.button.classList.toggle("ce-inline-tool--active", isActive);
+    return isActive;
+  }
+  get shortcut() {
+    return "CMD+B";
+  }
+}
+class ItalicInlineTool {
+  static get isInline() {
+    return true;
+  }
+  static get title() {
+    return "Italic";
+  }
+  static get sanitize() {
+    return {
+      i: {},
+      em: {}
+    };
+  }
+  constructor({ api }) {
+    this.api = api;
+    this.button = null;
+    this._state = false;
+  }
+  render() {
+    this.button = document.createElement("button");
+    this.button.type = "button";
+    this.button.innerHTML = '<svg width="6" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M3.289 14L4.867 3.286H3.267L3.496 1.59h4.555L8 0H1.49l-.498 1.59h1.594L.844 12.304H.265L0 14h3.289z" fill="currentColor"/></svg>';
+    this.button.classList.add("ce-inline-tool");
+    return this.button;
+  }
+  surround(range) {
+    document.execCommand("italic");
+  }
+  checkState() {
+    const isActive = document.queryCommandState("italic");
+    this.button.classList.toggle("ce-inline-tool--active", isActive);
+    return isActive;
+  }
+  get shortcut() {
+    return "CMD+I";
+  }
+}
 Personality.isReadOnlySupported = true;
 MediaLibAdapter.isReadOnlySupported = true;
 ButtonTool.isReadOnlySupported = true;
@@ -1728,7 +1802,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     header: {
       class: Header,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough"],
       tunes: ["alignmentTune"],
       config: {
         placeholder: "Enter a heading",
@@ -1743,7 +1817,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     paragraph: {
       class: Paragraph,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough", "hyperlink"],
       tunes: ["alignmentTune", "indentTune"],
       config: {
         placeholder: "Start writing or press Tab to add a block...",
@@ -1756,7 +1830,7 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
      */
     list: {
       class: NestedList,
-      inlineToolbar: true,
+      inlineToolbar: ["bold", "italic", "marker", "inlineCode", "underline", "strikethrough"],
       tunes: ["indentTune"],
       config: {
         defaultStyle: "unordered"
@@ -2024,6 +2098,26 @@ const getTools = ({ mediaLibToggleFunc, pluginId, openLinkPicker }) => {
       inlineToolbar: false
     },
     // ============================================
+    // CORE INLINE TOOLS (Bold & Italic)
+    // These are essential for basic text formatting
+    // ============================================
+    /**
+     * Bold Tool (Custom Implementation)
+     * Essential inline formatting tool
+     */
+    bold: {
+      class: BoldInlineTool,
+      shortcut: "CMD+B"
+    },
+    /**
+     * Italic Tool (Custom Implementation)
+     * Essential inline formatting tool
+     */
+    italic: {
+      class: ItalicInlineTool,
+      shortcut: "CMD+I"
+    },
+    // ============================================
     // OFFICIAL INLINE TOOLS (3 Tools)
     // ============================================
     /**

package/dist/admin/index.js

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

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { q } from "../_chunks/index-CtyxDZ0S.mjs";
+import { q } from "../_chunks/index-BNxjfrVK.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.2.1";
+const version = "1.3.0";
 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.2.1";
+const version = "1.3.0";
 const description = "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support";
 const keywords = [
   "strapi",

package/package.json

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