strapi-content-embeddings 0.1.1 → 0.1.2

package/dist/_chunks/{App-7LMg3lrX.mjs → App-BlCKKuQN.mjs}

@@ -6,7 +6,7 @@ import { EmptyStateLayout, Button, Tr, Box, Table, Thead, Th, Typography, Visual
 import { Plus, ArrowRight, Search, ArrowLeft, Cross, Check, Pencil, Trash } from "@strapi/icons";
 import { useIntl } from "react-intl";
 import qs from "qs";
-import { P as PLUGIN_ID, R as RobotIcon, M as MarkdownEditor } from "./index-Cz9cEuvw.mjs";
+import { P as PLUGIN_ID, R as RobotIcon, M as MarkdownEditor } from "./index-CXVoFiJp.mjs";
 import styled from "styled-components";
 import ReactMarkdown from "react-markdown";
 const Illo = () => /* @__PURE__ */ jsxs("svg", { width: "159", height: "88", viewBox: "0 0 159 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [

package/dist/_chunks/{App-wC2qv6kC.js → App-Swmo_WMf.js}

@@ -8,7 +8,7 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
 const qs = require("qs");
-const index = require("./index-o-tbBpJG.js");
+const index = require("./index-BpKkUIJY.js");
 const styled = require("styled-components");
 const ReactMarkdown = require("react-markdown");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/_chunks/{index-o-tbBpJG.js → index-BpKkUIJY.js}

@@ -7,7 +7,6 @@ const styled = require("styled-components");
 const qs = require("qs");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
-require("@mdxeditor/editor/style.css");
 const editor = require("@mdxeditor/editor");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -51,6 +50,290 @@ function RobotIcon({ height = 48, width = 48 }) {
   );
 }
 const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(RobotIcon, { height: 24, width: 24 });
+const MDXEditorStyles = styled.createGlobalStyle`
+  /* MDXEditor CSS Variables */
+  :root {
+    --mdx-spacing-0_5: 0.125rem;
+    --mdx-spacing-1: 0.25rem;
+    --mdx-spacing-1_5: 0.375rem;
+    --mdx-spacing-2: 0.5rem;
+    --mdx-spacing-3: 0.75rem;
+    --mdx-spacing-4: 1rem;
+    --mdx-spacing-36: 9rem;
+    --mdx-radius-base: 0.25rem;
+    --mdx-radius-medium: 0.375rem;
+    --mdx-text-sm: 0.875rem;
+    --mdx-baseBg: #f6f6f9;
+    --mdx-baseBgActive: #e8e8ec;
+    --mdx-basePageBg: #ffffff;
+    --mdx-baseBorder: #dcdce4;
+    --mdx-baseBorderHover: #b9bbc6;
+    --mdx-baseBase: #e0e1e6;
+    --mdx-baseTextContrast: #1c2024;
+    --mdx-accentText: #4945ff;
+  }
+
+  /* Toolbar Root - critical for horizontal layout */
+  [class*="_toolbarRoot"] {
+    z-index: 2;
+    display: flex !important;
+    flex-direction: row !important;
+    flex-wrap: wrap !important;
+    gap: var(--mdx-spacing-1);
+    border-radius: var(--mdx-radius-medium);
+    padding: var(--mdx-spacing-1_5);
+    align-items: center !important;
+    overflow-x: auto;
+    position: sticky;
+    top: 0;
+    background-color: var(--mdx-baseBg) !important;
+    border-bottom: 1px solid var(--mdx-baseBorder);
+    width: 100%;
+  }
+
+  [class*="_toolbarRoot"] div[role='separator'] {
+    margin: var(--mdx-spacing-2) var(--mdx-spacing-1);
+    border-left: 1px solid var(--mdx-baseBorder);
+    border-right: 1px solid var(--mdx-baseBase);
+    height: var(--mdx-spacing-4);
+  }
+
+  [class*="_toolbarRoot"] svg {
+    color: var(--mdx-baseTextContrast);
+    display: block;
+  }
+
+  /* Toolbar button groups */
+  [class*="_toolbarGroupOfGroups"] {
+    display: flex;
+    margin: 0 var(--mdx-spacing-1);
+  }
+
+  [class*="_toolbarToggleSingleGroup"] {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+  }
+
+  /* Toolbar buttons and toggle items */
+  [class*="_toolbarToggleItem"],
+  [class*="_toolbarButton"] {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    padding: var(--mdx-spacing-0_5);
+    border-radius: var(--mdx-radius-base);
+  }
+
+  [class*="_toolbarToggleItem"]:hover,
+  [class*="_toolbarButton"]:hover {
+    background-color: var(--mdx-baseBgActive);
+  }
+
+  [class*="_toolbarToggleItem"][data-state='on'],
+  [class*="_toolbarButton"][data-state='on'],
+  [class*="_toolbarToggleItem"]:active,
+  [class*="_toolbarButton"]:active {
+    color: var(--mdx-baseTextContrast);
+    background-color: var(--mdx-baseBgActive);
+  }
+
+  /* Block type select dropdown */
+  [class*="_toolbarNodeKindSelectTrigger"],
+  [class*="_selectTrigger"] {
+    border: 0;
+    display: flex;
+    color: inherit;
+    align-items: center;
+    width: var(--mdx-spacing-36);
+    padding: var(--mdx-spacing-0_5) var(--mdx-spacing-1);
+    padding-inline-start: var(--mdx-spacing-2);
+    border-radius: var(--mdx-radius-medium);
+    white-space: nowrap;
+    font-size: var(--mdx-text-sm);
+    background-color: var(--mdx-basePageBg);
+    margin: 0 var(--mdx-spacing-1);
+    cursor: pointer;
+  }
+
+  /* Dropdown containers */
+  [class*="_toolbarNodeKindSelectContainer"],
+  [class*="_selectContainer"] {
+    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+    z-index: 100;
+    width: var(--mdx-spacing-36);
+    border-radius: var(--mdx-radius-base);
+    background-color: var(--mdx-basePageBg);
+    font-size: var(--mdx-text-sm);
+  }
+
+  /* Select items */
+  [class*="_toolbarNodeKindSelectItem"],
+  [class*="_selectItem"] {
+    cursor: pointer;
+    display: flex;
+    padding: var(--mdx-spacing-2);
+  }
+
+  [class*="_toolbarNodeKindSelectItem"][data-highlighted],
+  [class*="_selectItem"][data-highlighted],
+  [class*="_toolbarNodeKindSelectItem"][data-state='checked'],
+  [class*="_selectItem"][data-state='checked'] {
+    background-color: var(--mdx-baseBg);
+    outline: none;
+  }
+
+  /* Dropdown arrow */
+  [class*="_selectDropdownArrow"] {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+  }
+
+  /* Content editable area */
+  [class*="_contentEditable"] {
+    box-sizing: border-box;
+    width: 100%;
+    color: var(--mdx-baseTextContrast);
+    padding: var(--mdx-spacing-3);
+    min-height: 200px;
+    outline: none;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+  }
+
+  [class*="_contentEditable"]:focus {
+    outline: none;
+  }
+
+  /* Heading styles */
+  [class*="_contentEditable"] h1 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin: 1rem 0 0.75rem;
+  }
+
+  [class*="_contentEditable"] h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin: 1rem 0 0.5rem;
+  }
+
+  /* Paragraph and list styles */
+  [class*="_contentEditable"] p {
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] ul,
+  [class*="_contentEditable"] ol {
+    margin: 0 0 1rem;
+    padding-left: 1.5rem;
+  }
+
+  [class*="_contentEditable"] li {
+    margin: 0.25rem 0;
+  }
+
+  /* Code styles */
+  [class*="_contentEditable"] code {
+    background: #f0f0f5;
+    padding: 0.2em 0.4em;
+    border-radius: 3px;
+    font-family: "Monaco", "Menlo", monospace;
+    font-size: 0.9em;
+  }
+
+  [class*="_contentEditable"] pre {
+    background: #2d2d2d;
+    color: #f8f8f2;
+    padding: 1rem;
+    border-radius: 4px;
+    overflow-x: auto;
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] pre code {
+    background: none;
+    padding: 0;
+  }
+
+  /* Blockquote */
+  [class*="_contentEditable"] blockquote {
+    border-left: 3px solid #dcdce4;
+    margin: 0 0 1rem;
+    padding-left: 1rem;
+    color: #666;
+  }
+
+  /* Links */
+  [class*="_contentEditable"] a {
+    color: #4945ff;
+    text-decoration: underline;
+  }
+
+  /* Horizontal rule */
+  [class*="_contentEditable"] hr {
+    border: none;
+    border-top: 1px solid #dcdce4;
+    margin: 1.5rem 0;
+  }
+
+  /* Editor root */
+  [class*="_editorRoot"] {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    color: var(--mdx-baseTextContrast);
+    background: var(--mdx-basePageBg);
+  }
+
+  /* Link dialog */
+  [class*="_linkDialogPopoverContent"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mdx-spacing-2);
+    padding: var(--mdx-spacing-3);
+    background-color: var(--mdx-basePageBg);
+    border-radius: var(--mdx-radius-medium);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+    z-index: 100;
+  }
+
+  [class*="_linkDialogInputWrapper"] {
+    display: flex;
+    gap: var(--mdx-spacing-1);
+  }
+
+  [class*="_linkDialogInputWrapper"] input {
+    flex: 1;
+    padding: var(--mdx-spacing-1) var(--mdx-spacing-2);
+    border: 1px solid var(--mdx-baseBorder);
+    border-radius: var(--mdx-radius-base);
+    font-size: var(--mdx-text-sm);
+  }
+
+  [class*="_linkDialogInputWrapper"] button {
+    padding: var(--mdx-spacing-1) var(--mdx-spacing-2);
+    background-color: var(--mdx-accentText);
+    color: white;
+    border: none;
+    border-radius: var(--mdx-radius-base);
+    cursor: pointer;
+  }
+
+  /* Popover positioning */
+  [data-radix-popper-content-wrapper] {
+    z-index: 100 !important;
+  }
+`;
 const EditorWrapper = styled__default.default(designSystem.Box)`
   border: 1px solid ${({ $isFocused }) => $isFocused ? "#4945ff" : "#dcdce4"};
   border-radius: 4px;
@@ -61,45 +344,47 @@ const EditorWrapper = styled__default.default(designSystem.Box)`
 `;
 function MarkdownEditor({ content, onChange, height = 300 }) {
   const [isFocused, setIsFocused] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    EditorWrapper,
-    {
-      $isFocused: isFocused,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: `${height}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        editor.MDXEditor,
-        {
-          markdown: content,
-          onChange,
-          placeholder: "Write your content here...",
-          contentEditableClassName: "mdx-editor-content",
-          plugins: [
-            editor.headingsPlugin(),
-            editor.listsPlugin(),
-            editor.quotePlugin(),
-            editor.thematicBreakPlugin(),
-            editor.linkPlugin(),
-            editor.linkDialogPlugin(),
-            editor.markdownShortcutPlugin(),
-            editor.toolbarPlugin({
-              toolbarContents: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(editor.UndoRedo, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.BlockTypeSelect, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.BoldItalicUnderlineToggles, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.CreateLink, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(editor.ListsToggle, {})
-              ] })
-            })
-          ]
-        }
-      ) })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MDXEditorStyles, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EditorWrapper,
+      {
+        $isFocused: isFocused,
+        onFocus: () => setIsFocused(true),
+        onBlur: () => setIsFocused(false),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: `${height}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          editor.MDXEditor,
+          {
+            markdown: content,
+            onChange,
+            placeholder: "Write your content here...",
+            plugins: [
+              editor.headingsPlugin(),
+              editor.listsPlugin(),
+              editor.quotePlugin(),
+              editor.thematicBreakPlugin(),
+              editor.linkPlugin(),
+              editor.linkDialogPlugin(),
+              editor.markdownShortcutPlugin(),
+              editor.toolbarPlugin({
+                toolbarContents: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.UndoRedo, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.BlockTypeSelect, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.BoldItalicUnderlineToggles, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.CreateLink, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.Separator, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(editor.ListsToggle, {})
+                ] })
+              })
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
 }
 const StyledTypography = styled__default.default(designSystem.Typography)`
   display: block;
@@ -370,7 +655,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-wC2qv6kC.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-Swmo_WMf.js"));
         return App;
       }
     });

package/dist/_chunks/{index-Cz9cEuvw.mjs → index-CXVoFiJp.mjs}

@@ -2,11 +2,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useEffect, useState } from "react";
 import { Box, Typography, Loader, Flex, Button, Modal, Field, TextInput } from "@strapi/design-system";
 import { useNavigate } from "react-router-dom";
-import styled from "styled-components";
+import styled, { createGlobalStyle } from "styled-components";
 import qs from "qs";
 import { useFetchClient, useNotification, unstable_useContentManagerContext } from "@strapi/strapi/admin";
 import { Eye, Pencil, Plus } from "@strapi/icons";
-import "@mdxeditor/editor/style.css";
 import { MDXEditor, headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, linkPlugin, linkDialogPlugin, markdownShortcutPlugin, toolbarPlugin, UndoRedo, Separator, BlockTypeSelect, BoldItalicUnderlineToggles, CreateLink, ListsToggle } from "@mdxeditor/editor";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
@@ -47,6 +46,290 @@ function RobotIcon({ height = 48, width = 48 }) {
   );
 }
 const PluginIcon = () => /* @__PURE__ */ jsx(RobotIcon, { height: 24, width: 24 });
+const MDXEditorStyles = createGlobalStyle`
+  /* MDXEditor CSS Variables */
+  :root {
+    --mdx-spacing-0_5: 0.125rem;
+    --mdx-spacing-1: 0.25rem;
+    --mdx-spacing-1_5: 0.375rem;
+    --mdx-spacing-2: 0.5rem;
+    --mdx-spacing-3: 0.75rem;
+    --mdx-spacing-4: 1rem;
+    --mdx-spacing-36: 9rem;
+    --mdx-radius-base: 0.25rem;
+    --mdx-radius-medium: 0.375rem;
+    --mdx-text-sm: 0.875rem;
+    --mdx-baseBg: #f6f6f9;
+    --mdx-baseBgActive: #e8e8ec;
+    --mdx-basePageBg: #ffffff;
+    --mdx-baseBorder: #dcdce4;
+    --mdx-baseBorderHover: #b9bbc6;
+    --mdx-baseBase: #e0e1e6;
+    --mdx-baseTextContrast: #1c2024;
+    --mdx-accentText: #4945ff;
+  }
+
+  /* Toolbar Root - critical for horizontal layout */
+  [class*="_toolbarRoot"] {
+    z-index: 2;
+    display: flex !important;
+    flex-direction: row !important;
+    flex-wrap: wrap !important;
+    gap: var(--mdx-spacing-1);
+    border-radius: var(--mdx-radius-medium);
+    padding: var(--mdx-spacing-1_5);
+    align-items: center !important;
+    overflow-x: auto;
+    position: sticky;
+    top: 0;
+    background-color: var(--mdx-baseBg) !important;
+    border-bottom: 1px solid var(--mdx-baseBorder);
+    width: 100%;
+  }
+
+  [class*="_toolbarRoot"] div[role='separator'] {
+    margin: var(--mdx-spacing-2) var(--mdx-spacing-1);
+    border-left: 1px solid var(--mdx-baseBorder);
+    border-right: 1px solid var(--mdx-baseBase);
+    height: var(--mdx-spacing-4);
+  }
+
+  [class*="_toolbarRoot"] svg {
+    color: var(--mdx-baseTextContrast);
+    display: block;
+  }
+
+  /* Toolbar button groups */
+  [class*="_toolbarGroupOfGroups"] {
+    display: flex;
+    margin: 0 var(--mdx-spacing-1);
+  }
+
+  [class*="_toolbarToggleSingleGroup"] {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+  }
+
+  /* Toolbar buttons and toggle items */
+  [class*="_toolbarToggleItem"],
+  [class*="_toolbarButton"] {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    appearance: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    padding: var(--mdx-spacing-0_5);
+    border-radius: var(--mdx-radius-base);
+  }
+
+  [class*="_toolbarToggleItem"]:hover,
+  [class*="_toolbarButton"]:hover {
+    background-color: var(--mdx-baseBgActive);
+  }
+
+  [class*="_toolbarToggleItem"][data-state='on'],
+  [class*="_toolbarButton"][data-state='on'],
+  [class*="_toolbarToggleItem"]:active,
+  [class*="_toolbarButton"]:active {
+    color: var(--mdx-baseTextContrast);
+    background-color: var(--mdx-baseBgActive);
+  }
+
+  /* Block type select dropdown */
+  [class*="_toolbarNodeKindSelectTrigger"],
+  [class*="_selectTrigger"] {
+    border: 0;
+    display: flex;
+    color: inherit;
+    align-items: center;
+    width: var(--mdx-spacing-36);
+    padding: var(--mdx-spacing-0_5) var(--mdx-spacing-1);
+    padding-inline-start: var(--mdx-spacing-2);
+    border-radius: var(--mdx-radius-medium);
+    white-space: nowrap;
+    font-size: var(--mdx-text-sm);
+    background-color: var(--mdx-basePageBg);
+    margin: 0 var(--mdx-spacing-1);
+    cursor: pointer;
+  }
+
+  /* Dropdown containers */
+  [class*="_toolbarNodeKindSelectContainer"],
+  [class*="_selectContainer"] {
+    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
+    z-index: 100;
+    width: var(--mdx-spacing-36);
+    border-radius: var(--mdx-radius-base);
+    background-color: var(--mdx-basePageBg);
+    font-size: var(--mdx-text-sm);
+  }
+
+  /* Select items */
+  [class*="_toolbarNodeKindSelectItem"],
+  [class*="_selectItem"] {
+    cursor: pointer;
+    display: flex;
+    padding: var(--mdx-spacing-2);
+  }
+
+  [class*="_toolbarNodeKindSelectItem"][data-highlighted],
+  [class*="_selectItem"][data-highlighted],
+  [class*="_toolbarNodeKindSelectItem"][data-state='checked'],
+  [class*="_selectItem"][data-state='checked'] {
+    background-color: var(--mdx-baseBg);
+    outline: none;
+  }
+
+  /* Dropdown arrow */
+  [class*="_selectDropdownArrow"] {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+  }
+
+  /* Content editable area */
+  [class*="_contentEditable"] {
+    box-sizing: border-box;
+    width: 100%;
+    color: var(--mdx-baseTextContrast);
+    padding: var(--mdx-spacing-3);
+    min-height: 200px;
+    outline: none;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+  }
+
+  [class*="_contentEditable"]:focus {
+    outline: none;
+  }
+
+  /* Heading styles */
+  [class*="_contentEditable"] h1 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin: 1rem 0 0.75rem;
+  }
+
+  [class*="_contentEditable"] h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin: 1rem 0 0.5rem;
+  }
+
+  /* Paragraph and list styles */
+  [class*="_contentEditable"] p {
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] ul,
+  [class*="_contentEditable"] ol {
+    margin: 0 0 1rem;
+    padding-left: 1.5rem;
+  }
+
+  [class*="_contentEditable"] li {
+    margin: 0.25rem 0;
+  }
+
+  /* Code styles */
+  [class*="_contentEditable"] code {
+    background: #f0f0f5;
+    padding: 0.2em 0.4em;
+    border-radius: 3px;
+    font-family: "Monaco", "Menlo", monospace;
+    font-size: 0.9em;
+  }
+
+  [class*="_contentEditable"] pre {
+    background: #2d2d2d;
+    color: #f8f8f2;
+    padding: 1rem;
+    border-radius: 4px;
+    overflow-x: auto;
+    margin: 0 0 1rem;
+  }
+
+  [class*="_contentEditable"] pre code {
+    background: none;
+    padding: 0;
+  }
+
+  /* Blockquote */
+  [class*="_contentEditable"] blockquote {
+    border-left: 3px solid #dcdce4;
+    margin: 0 0 1rem;
+    padding-left: 1rem;
+    color: #666;
+  }
+
+  /* Links */
+  [class*="_contentEditable"] a {
+    color: #4945ff;
+    text-decoration: underline;
+  }
+
+  /* Horizontal rule */
+  [class*="_contentEditable"] hr {
+    border: none;
+    border-top: 1px solid #dcdce4;
+    margin: 1.5rem 0;
+  }
+
+  /* Editor root */
+  [class*="_editorRoot"] {
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    color: var(--mdx-baseTextContrast);
+    background: var(--mdx-basePageBg);
+  }
+
+  /* Link dialog */
+  [class*="_linkDialogPopoverContent"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mdx-spacing-2);
+    padding: var(--mdx-spacing-3);
+    background-color: var(--mdx-basePageBg);
+    border-radius: var(--mdx-radius-medium);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+    z-index: 100;
+  }
+
+  [class*="_linkDialogInputWrapper"] {
+    display: flex;
+    gap: var(--mdx-spacing-1);
+  }
+
+  [class*="_linkDialogInputWrapper"] input {
+    flex: 1;
+    padding: var(--mdx-spacing-1) var(--mdx-spacing-2);
+    border: 1px solid var(--mdx-baseBorder);
+    border-radius: var(--mdx-radius-base);
+    font-size: var(--mdx-text-sm);
+  }
+
+  [class*="_linkDialogInputWrapper"] button {
+    padding: var(--mdx-spacing-1) var(--mdx-spacing-2);
+    background-color: var(--mdx-accentText);
+    color: white;
+    border: none;
+    border-radius: var(--mdx-radius-base);
+    cursor: pointer;
+  }
+
+  /* Popover positioning */
+  [data-radix-popper-content-wrapper] {
+    z-index: 100 !important;
+  }
+`;
 const EditorWrapper = styled(Box)`
   border: 1px solid ${({ $isFocused }) => $isFocused ? "#4945ff" : "#dcdce4"};
   border-radius: 4px;
@@ -57,45 +340,47 @@ const EditorWrapper = styled(Box)`
 `;
 function MarkdownEditor({ content, onChange, height = 300 }) {
   const [isFocused, setIsFocused] = useState(false);
-  return /* @__PURE__ */ jsx(
-    EditorWrapper,
-    {
-      $isFocused: isFocused,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      children: /* @__PURE__ */ jsx("div", { style: { minHeight: `${height}px` }, children: /* @__PURE__ */ jsx(
-        MDXEditor,
-        {
-          markdown: content,
-          onChange,
-          placeholder: "Write your content here...",
-          contentEditableClassName: "mdx-editor-content",
-          plugins: [
-            headingsPlugin(),
-            listsPlugin(),
-            quotePlugin(),
-            thematicBreakPlugin(),
-            linkPlugin(),
-            linkDialogPlugin(),
-            markdownShortcutPlugin(),
-            toolbarPlugin({
-              toolbarContents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(UndoRedo, {}),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsx(BlockTypeSelect, {}),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsx(BoldItalicUnderlineToggles, {}),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsx(CreateLink, {}),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsx(ListsToggle, {})
-              ] })
-            })
-          ]
-        }
-      ) })
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MDXEditorStyles, {}),
+    /* @__PURE__ */ jsx(
+      EditorWrapper,
+      {
+        $isFocused: isFocused,
+        onFocus: () => setIsFocused(true),
+        onBlur: () => setIsFocused(false),
+        children: /* @__PURE__ */ jsx("div", { style: { minHeight: `${height}px` }, children: /* @__PURE__ */ jsx(
+          MDXEditor,
+          {
+            markdown: content,
+            onChange,
+            placeholder: "Write your content here...",
+            plugins: [
+              headingsPlugin(),
+              listsPlugin(),
+              quotePlugin(),
+              thematicBreakPlugin(),
+              linkPlugin(),
+              linkDialogPlugin(),
+              markdownShortcutPlugin(),
+              toolbarPlugin({
+                toolbarContents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(UndoRedo, {}),
+                  /* @__PURE__ */ jsx(Separator, {}),
+                  /* @__PURE__ */ jsx(BlockTypeSelect, {}),
+                  /* @__PURE__ */ jsx(Separator, {}),
+                  /* @__PURE__ */ jsx(BoldItalicUnderlineToggles, {}),
+                  /* @__PURE__ */ jsx(Separator, {}),
+                  /* @__PURE__ */ jsx(CreateLink, {}),
+                  /* @__PURE__ */ jsx(Separator, {}),
+                  /* @__PURE__ */ jsx(ListsToggle, {})
+                ] })
+              })
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
 }
 const StyledTypography = styled(Typography)`
   display: block;
@@ -366,7 +651,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("./App-7LMg3lrX.mjs");
+        const { App } = await import("./App-BlCKKuQN.mjs");
         return App;
       }
     });

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-o-tbBpJG.js");
+const index = require("../_chunks/index-BpKkUIJY.js");
 require("react/jsx-runtime");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-Cz9cEuvw.mjs";
+import { i } from "../_chunks/index-CXVoFiJp.mjs";
 import "react/jsx-runtime";
 export {
   i as default

package/dist/admin/src/components/custom/MarkdownEditor.d.ts

@@ -1,5 +1,3 @@
-import '@mdxeditor/editor/style.css';
-import './markdown-editor.css';
 interface MarkdownEditorProps {
     content: string;
     onChange: (content: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-content-embeddings",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Strapi v5 plugin for vector embeddings with OpenAI and Neon PostgreSQL. Enables semantic search, RAG chat, and MCP (Model Context Protocol) integration.",
   "keywords": [
     "strapi",

package/dist/style.css

@@ -1,350 +0,0 @@
-/* MDXEditor CSS Variables - required for toolbar styling */
-:root {
-  --spacing-0_5: 0.125rem;
-  --spacing-1: 0.25rem;
-  --spacing-1_5: 0.375rem;
-  --spacing-2: 0.5rem;
-  --spacing-3: 0.75rem;
-  --spacing-4: 1rem;
-  --spacing-5: 1.25rem;
-  --spacing-36: 9rem;
-  --spacing-48: 12rem;
-  --radius-none: 0;
-  --radius-base: 0.25rem;
-  --radius-medium: 0.375rem;
-  --text-xs: 0.75rem;
-  --text-sm: 0.875rem;
-  --baseBg: #f6f6f9;
-  --baseBgActive: #e8e8ec;
-  --basePageBg: #ffffff;
-  --baseBorder: #dcdce4;
-  --baseBorderHover: #b9bbc6;
-  --baseBase: #e0e1e6;
-  --baseText: #60646c;
-  --baseTextContrast: #1c2024;
-  --accentText: #4945ff;
-}
-
-/* MDXEditor Toolbar Root - critical for horizontal layout */
-[class*="_toolbarRoot"],
-.mdxeditor-toolbar {
-  z-index: 2;
-  display: flex !important;
-  flex-direction: row !important;
-  flex-wrap: wrap !important;
-  gap: var(--spacing-1);
-  border-radius: var(--radius-medium);
-  padding: var(--spacing-1_5);
-  align-items: center !important;
-  overflow-x: auto;
-  position: sticky;
-  top: 0;
-  background-color: var(--baseBg) !important;
-  border-bottom: 1px solid var(--baseBorder);
-  width: 100%;
-}
-
-[class*="_toolbarRoot"] div[role='separator'],
-.mdxeditor-toolbar div[role='separator'] {
-  margin: var(--spacing-2) var(--spacing-1);
-  border-left: 1px solid var(--baseBorder);
-  border-right: 1px solid var(--baseBase);
-  height: var(--spacing-4);
-}
-
-[class*="_toolbarRoot"] svg,
-.mdxeditor-toolbar svg {
-  color: var(--baseTextContrast);
-  display: block;
-}
-
-/* Toolbar button groups */
-[class*="_toolbarGroupOfGroups"] {
-  display: flex;
-  margin: 0 var(--spacing-1);
-}
-
-[class*="_toolbarToggleSingleGroup"] {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-
-/* Toolbar buttons and toggle items */
-[class*="_toolbarToggleItem"],
-[class*="_toolbarButton"] {
-  border: 0;
-  background-color: transparent;
-  font-size: inherit;
-  appearance: none;
-  box-sizing: border-box;
-  cursor: default;
-  padding: var(--spacing-0_5);
-  border-radius: var(--radius-base);
-}
-
-[class*="_toolbarToggleItem"]:hover,
-[class*="_toolbarButton"]:hover {
-  background-color: var(--baseBgActive);
-}
-
-[class*="_toolbarToggleItem"][data-state='on'],
-[class*="_toolbarButton"][data-state='on'],
-[class*="_toolbarToggleItem"]:active,
-[class*="_toolbarButton"]:active {
-  color: var(--baseTextContrast);
-  background-color: var(--baseBgActive);
-}
-
-[class*="_toolbarToggleItem"][data-disabled],
-[class*="_toolbarButton"][data-disabled] {
-  pointer-events: none;
-}
-
-[class*="_toolbarToggleItem"][data-disabled] svg,
-[class*="_toolbarButton"][data-disabled] svg {
-  color: var(--baseBorderHover);
-}
-
-/* Block type select dropdown */
-[class*="_toolbarNodeKindSelectTrigger"],
-[class*="_selectTrigger"] {
-  border: 0;
-  background-color: transparent;
-  display: flex;
-  color: inherit;
-  align-items: center;
-  width: var(--spacing-36);
-  padding: var(--spacing-0_5) var(--spacing-1);
-  padding-inline-start: var(--spacing-2);
-  border-radius: var(--radius-medium);
-  white-space: nowrap;
-  flex-wrap: nowrap;
-  font-size: var(--text-sm);
-  background-color: var(--basePageBg);
-  margin: 0 var(--spacing-1);
-}
-
-[class*="_toolbarNodeKindSelectTrigger"][data-state='open'],
-[class*="_selectTrigger"][data-state='open'] {
-  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
-  border-bottom-right-radius: var(--radius-none);
-  border-bottom-left-radius: var(--radius-none);
-}
-
-/* Dropdown containers */
-[class*="_toolbarNodeKindSelectContainer"],
-[class*="_toolbarButtonDropdownContainer"],
-[class*="_selectContainer"] {
-  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
-  z-index: 3;
-  width: var(--spacing-36);
-  border-bottom-left-radius: var(--radius-base);
-  border-bottom-right-radius: var(--radius-base);
-  background-color: var(--basePageBg);
-  font-size: var(--text-sm);
-}
-
-/* Select items in dropdowns */
-[class*="_toolbarNodeKindSelectItem"],
-[class*="_selectItem"] {
-  cursor: default;
-  display: flex;
-  padding: var(--spacing-2);
-}
-
-[class*="_toolbarNodeKindSelectItem"][data-highlighted],
-[class*="_selectItem"][data-highlighted] {
-  background-color: var(--baseBg);
-  outline: none;
-}
-
-[class*="_toolbarNodeKindSelectItem"][data-state='checked'],
-[class*="_selectItem"][data-state='checked'] {
-  color: var(--baseTextContrast);
-  background-color: var(--baseBg);
-}
-
-[class*="_toolbarNodeKindSelectItem"]:last-child,
-[class*="_selectItem"]:last-child {
-  border-bottom-left-radius: var(--radius-base);
-  border-bottom-right-radius: var(--radius-base);
-}
-
-/* Dropdown arrow */
-[class*="_toolbarNodeKindSelectDropdownArrow"],
-[class*="_selectDropdownArrow"] {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-}
-
-/* Content editable area styling */
-[class*="_contentEditable"],
-.mdx-editor-content {
-  box-sizing: border-box;
-  width: 100%;
-  color: var(--baseTextContrast);
-  padding: var(--spacing-3);
-  min-height: 200px;
-  outline: none;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-[class*="_contentEditable"]:focus,
-.mdx-editor-content:focus {
-  outline: none;
-}
-
-/* Heading styles */
-.mdx-editor-content h1,
-[class*="_contentEditable"] h1 {
-  font-size: 1.75rem;
-  font-weight: 600;
-  margin: 0 0 1rem;
-}
-
-.mdx-editor-content h2,
-[class*="_contentEditable"] h2 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  margin: 1rem 0 0.75rem;
-}
-
-.mdx-editor-content h3,
-[class*="_contentEditable"] h3 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin: 1rem 0 0.5rem;
-}
-
-/* Paragraph and list styles */
-.mdx-editor-content p,
-[class*="_contentEditable"] p {
-  margin: 0 0 1rem;
-}
-
-.mdx-editor-content ul,
-.mdx-editor-content ol,
-[class*="_contentEditable"] ul,
-[class*="_contentEditable"] ol {
-  margin: 0 0 1rem;
-  padding-left: 1.5rem;
-}
-
-.mdx-editor-content li,
-[class*="_contentEditable"] li {
-  margin: 0.25rem 0;
-}
-
-/* Code styles */
-.mdx-editor-content code,
-[class*="_contentEditable"] code {
-  background: #f0f0f5;
-  padding: 0.2em 0.4em;
-  border-radius: 3px;
-  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
-  font-size: 0.9em;
-}
-
-.mdx-editor-content pre,
-[class*="_contentEditable"] pre {
-  background: #2d2d2d;
-  color: #f8f8f2;
-  padding: 1rem;
-  border-radius: 4px;
-  overflow-x: auto;
-  margin: 0 0 1rem;
-}
-
-.mdx-editor-content pre code,
-[class*="_contentEditable"] pre code {
-  background: none;
-  padding: 0;
-}
-
-/* Blockquote styles */
-.mdx-editor-content blockquote,
-[class*="_contentEditable"] blockquote {
-  border-left: 3px solid #dcdce4;
-  margin: 0 0 1rem;
-  padding-left: 1rem;
-  color: #666;
-}
-
-/* Link styles */
-.mdx-editor-content a,
-[class*="_contentEditable"] a {
-  color: #4945ff;
-  text-decoration: underline;
-}
-
-/* Horizontal rule */
-.mdx-editor-content hr,
-[class*="_contentEditable"] hr {
-  border: none;
-  border-top: 1px solid #dcdce4;
-  margin: 1.5rem 0;
-}
-
-/* MDXEditor root wrapper */
-[class*="_editorRoot"] {
-  --font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  color: var(--baseTextContrast);
-  background: var(--basePageBg);
-}
-
-/* Link dialog */
-[class*="_linkDialogPopoverContent"] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-2);
-  padding: var(--spacing-3);
-  background-color: var(--basePageBg);
-  border-radius: var(--radius-medium);
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  z-index: 10;
-}
-
-[class*="_linkDialogInputContainer"] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-1);
-}
-
-[class*="_linkDialogInputWrapper"] {
-  display: flex;
-  gap: var(--spacing-1);
-}
-
-[class*="_linkDialogInputWrapper"] input {
-  flex: 1;
-  padding: var(--spacing-1) var(--spacing-2);
-  border: 1px solid var(--baseBorder);
-  border-radius: var(--radius-base);
-  font-size: var(--text-sm);
-}
-
-[class*="_linkDialogInputWrapper"] button {
-  padding: var(--spacing-1) var(--spacing-2);
-  background-color: var(--accentText);
-  color: white;
-  border: none;
-  border-radius: var(--radius-base);
-  cursor: pointer;
-  font-size: var(--text-sm);
-}
-
-[class*="_linkDialogInputWrapper"] button:hover {
-  opacity: 0.9;
-}
-
-/* Popover positioning */
-[data-radix-popper-content-wrapper] {
-  z-index: 100 !important;
-}