@almadar/ui 5.21.3 → 5.21.4

package/dist/avl/index.cjs

@@ -12,10 +12,6 @@ var FaIcons = require('react-icons/fa');
 var reactDom = require('react-dom');
 var evaluator = require('@almadar/evaluator');
 var reactRouterDom = require('react-router-dom');
-var ReactMarkdown = require('react-markdown');
-var remarkGfm = require('remark-gfm');
-var remarkMath = require('remark-math');
-var rehypeKatex = require('rehype-katex');
 var SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light.js');
 var dark = require('react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js');
 var syntax = require('@almadar/syntax');
@@ -35,6 +31,10 @@ var langDiff = require('react-syntax-highlighter/dist/esm/languages/prism/diff.j
 var langToml = require('react-syntax-highlighter/dist/esm/languages/prism/toml.js');
 var langGo = require('react-syntax-highlighter/dist/esm/languages/prism/go.js');
 var langGraphql = require('react-syntax-highlighter/dist/esm/languages/prism/graphql.js');
+var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
+var remarkMath = require('remark-math');
+var rehypeKatex = require('rehype-katex');
 var core = require('@almadar/core');
 var core$1 = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
@@ -69,10 +69,6 @@ var LucideIcons2__namespace = /*#__PURE__*/_interopNamespace(LucideIcons2);
 var PhosphorIcons__namespace = /*#__PURE__*/_interopNamespace(PhosphorIcons);
 var TablerIcons__namespace = /*#__PURE__*/_interopNamespace(TablerIcons);
 var FaIcons__namespace = /*#__PURE__*/_interopNamespace(FaIcons);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
-var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
 var SyntaxHighlighter__default = /*#__PURE__*/_interopDefault(SyntaxHighlighter);
 var dark__default = /*#__PURE__*/_interopDefault(dark);
 var langJson__default = /*#__PURE__*/_interopDefault(langJson);
@@ -91,6 +87,10 @@ var langDiff__default = /*#__PURE__*/_interopDefault(langDiff);
 var langToml__default = /*#__PURE__*/_interopDefault(langToml);
 var langGo__default = /*#__PURE__*/_interopDefault(langGo);
 var langGraphql__default = /*#__PURE__*/_interopDefault(langGraphql);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
+var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -17009,137 +17009,6 @@ var init_katex_min = __esm({
   "node_modules/katex/dist/katex.min.css"() {
   }
 });
-var MarkdownContent;
-var init_MarkdownContent = __esm({
-  "components/core/molecules/markdown/MarkdownContent.tsx"() {
-    init_katex_min();
-    init_Box();
-    init_useTranslate();
-    init_cn();
-    MarkdownContent = React97__namespace.default.memo(
-      ({ content, direction, className }) => {
-        const { t: _t } = useTranslate();
-        const safeContent = typeof content === "string" ? content : String(content ?? "");
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          Box,
-          {
-            className: cn("prose max-w-none", className),
-            style: {
-              color: "var(--color-foreground)",
-              "--tw-prose-body": "var(--color-foreground)",
-              "--tw-prose-headings": "var(--color-foreground)",
-              "--tw-prose-lead": "var(--color-muted-foreground)",
-              "--tw-prose-links": "var(--color-primary)",
-              "--tw-prose-bold": "var(--color-foreground)",
-              "--tw-prose-counters": "var(--color-muted-foreground)",
-              "--tw-prose-bullets": "var(--color-muted-foreground)",
-              "--tw-prose-hr": "var(--color-border)",
-              "--tw-prose-quotes": "var(--color-foreground)",
-              "--tw-prose-quote-borders": "var(--color-primary)",
-              "--tw-prose-captions": "var(--color-muted-foreground)",
-              "--tw-prose-code": "var(--color-foreground)",
-              "--tw-prose-pre-code": "var(--color-foreground)",
-              "--tw-prose-pre-bg": "var(--color-muted)",
-              "--tw-prose-th-borders": "var(--color-border)",
-              "--tw-prose-td-borders": "var(--color-border)",
-              direction
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              ReactMarkdown__default.default,
-              {
-                remarkPlugins: [remarkMath__default.default, remarkGfm__default.default],
-                rehypePlugins: [
-                  [rehypeKatex__default.default, { strict: false, throwOnError: false }]
-                ],
-                components: {
-                  // Handle inline code only — fenced code blocks are parsed out separately
-                  code({ className: codeClassName, children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "code",
-                      {
-                        ...props,
-                        className: codeClassName,
-                        style: {
-                          backgroundColor: "var(--color-muted)",
-                          color: "var(--color-foreground)",
-                          border: "1px solid var(--color-border)",
-                          padding: "0.125rem 0.375rem",
-                          borderRadius: "0.25rem",
-                          fontSize: "0.875em",
-                          fontFamily: "ui-monospace, monospace"
-                        },
-                        children
-                      }
-                    );
-                  },
-                  // Style links
-                  a({ href, children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "a",
-                      {
-                        href,
-                        ...props,
-                        className: "text-[var(--color-primary)] hover:underline",
-                        target: href?.startsWith("http") ? "_blank" : void 0,
-                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-                        children
-                      }
-                    );
-                  },
-                  // Style tables
-                  table({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "table",
-                      {
-                        ...props,
-                        className: "min-w-full border-collapse border border-[var(--color-border)]",
-                        children
-                      }
-                    ) });
-                  },
-                  th({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "th",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
-                        children
-                      }
-                    );
-                  },
-                  td({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "td",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] px-4 py-2",
-                        children
-                      }
-                    );
-                  },
-                  // Style blockquotes
-                  blockquote({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "blockquote",
-                      {
-                        ...props,
-                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
-                        children
-                      }
-                    );
-                  }
-                },
-                children: safeContent
-              }
-            )
-          }
-        );
-      },
-      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
-    );
-    MarkdownContent.displayName = "MarkdownContent";
-  }
-});
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -17685,6 +17554,155 @@ var init_CodeBlock = __esm({
     CodeBlock.displayName = "CodeBlock";
   }
 });
+var MarkdownContent;
+var init_MarkdownContent = __esm({
+  "components/core/molecules/markdown/MarkdownContent.tsx"() {
+    init_katex_min();
+    init_Box();
+    init_CodeBlock();
+    init_useTranslate();
+    init_cn();
+    MarkdownContent = React97__namespace.default.memo(
+      ({ content, direction, className }) => {
+        const { t: _t } = useTranslate();
+        const safeContent = typeof content === "string" ? content : String(content ?? "");
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
+          {
+            className: cn("prose max-w-none", className),
+            style: {
+              color: "var(--color-foreground)",
+              "--tw-prose-body": "var(--color-foreground)",
+              "--tw-prose-headings": "var(--color-foreground)",
+              "--tw-prose-lead": "var(--color-muted-foreground)",
+              "--tw-prose-links": "var(--color-primary)",
+              "--tw-prose-bold": "var(--color-foreground)",
+              "--tw-prose-counters": "var(--color-muted-foreground)",
+              "--tw-prose-bullets": "var(--color-muted-foreground)",
+              "--tw-prose-hr": "var(--color-border)",
+              "--tw-prose-quotes": "var(--color-foreground)",
+              "--tw-prose-quote-borders": "var(--color-primary)",
+              "--tw-prose-captions": "var(--color-muted-foreground)",
+              "--tw-prose-code": "var(--color-foreground)",
+              "--tw-prose-pre-code": "var(--color-foreground)",
+              "--tw-prose-pre-bg": "var(--color-muted)",
+              "--tw-prose-th-borders": "var(--color-border)",
+              "--tw-prose-td-borders": "var(--color-border)",
+              direction
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              ReactMarkdown__default.default,
+              {
+                remarkPlugins: [remarkMath__default.default, remarkGfm__default.default],
+                rehypePlugins: [
+                  [rehypeKatex__default.default, { strict: false, throwOnError: false }]
+                ],
+                components: {
+                  code({
+                    className: codeClassName,
+                    children,
+                    inline,
+                    ...props
+                  }) {
+                    if (!inline) {
+                      const match = /language-(\w+)/.exec(codeClassName ?? "");
+                      const language = match ? match[1] : "text";
+                      const code = String(children).replace(/\n$/, "");
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        CodeBlock,
+                        {
+                          code,
+                          language,
+                          maxHeight: "60vh"
+                        }
+                      );
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "code",
+                      {
+                        ...props,
+                        className: codeClassName,
+                        style: {
+                          backgroundColor: "var(--color-muted)",
+                          color: "var(--color-foreground)",
+                          border: "1px solid var(--color-border)",
+                          padding: "0.125rem 0.375rem",
+                          borderRadius: "0.25rem",
+                          fontSize: "0.875em",
+                          fontFamily: "ui-monospace, monospace"
+                        },
+                        children
+                      }
+                    );
+                  },
+                  // Style links
+                  a({ href, children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href,
+                        ...props,
+                        className: "text-[var(--color-primary)] hover:underline",
+                        target: href?.startsWith("http") ? "_blank" : void 0,
+                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
+                        children
+                      }
+                    );
+                  },
+                  // Style tables
+                  table({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "table",
+                      {
+                        ...props,
+                        className: "min-w-full border-collapse border border-[var(--color-border)]",
+                        children
+                      }
+                    ) });
+                  },
+                  th({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "th",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
+                        children
+                      }
+                    );
+                  },
+                  td({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] px-4 py-2",
+                        children
+                      }
+                    );
+                  },
+                  // Style blockquotes
+                  blockquote({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "blockquote",
+                      {
+                        ...props,
+                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
+                        children
+                      }
+                    );
+                  }
+                },
+                children: safeContent
+              }
+            )
+          }
+        );
+      },
+      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
+    );
+    MarkdownContent.displayName = "MarkdownContent";
+  }
+});
 function useLongPress(onLongPress, options = {}) {
   const { duration = 500, moveThreshold = 10 } = options;
   const timerRef = React97.useRef(null);

package/dist/avl/index.js

@@ -12,10 +12,6 @@ import * as FaIcons from 'react-icons/fa';
 import { createPortal } from 'react-dom';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { Link, Outlet, useLocation } from 'react-router-dom';
-import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import remarkMath from 'remark-math';
-import rehypeKatex from 'rehype-katex';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
 import { orbLanguage, loloLanguage, ORB_COLORS } from '@almadar/syntax';
@@ -35,6 +31,10 @@ import langDiff from 'react-syntax-highlighter/dist/esm/languages/prism/diff.js'
 import langToml from 'react-syntax-highlighter/dist/esm/languages/prism/toml.js';
 import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
 import { FieldTypeSchema, isInlineTrait, isPageReference, isEntityCall, schemaToIR, getPage, isCircuitEvent } from '@almadar/core';
 import { useDroppable, useDraggable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor, KeyboardSensor, pointerWithin, rectIntersection, closestCorners } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, useSortable, arrayMove, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
@@ -16960,137 +16960,6 @@ var init_katex_min = __esm({
   "node_modules/katex/dist/katex.min.css"() {
   }
 });
-var MarkdownContent;
-var init_MarkdownContent = __esm({
-  "components/core/molecules/markdown/MarkdownContent.tsx"() {
-    init_katex_min();
-    init_Box();
-    init_useTranslate();
-    init_cn();
-    MarkdownContent = React97__default.memo(
-      ({ content, direction, className }) => {
-        const { t: _t } = useTranslate();
-        const safeContent = typeof content === "string" ? content : String(content ?? "");
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: cn("prose max-w-none", className),
-            style: {
-              color: "var(--color-foreground)",
-              "--tw-prose-body": "var(--color-foreground)",
-              "--tw-prose-headings": "var(--color-foreground)",
-              "--tw-prose-lead": "var(--color-muted-foreground)",
-              "--tw-prose-links": "var(--color-primary)",
-              "--tw-prose-bold": "var(--color-foreground)",
-              "--tw-prose-counters": "var(--color-muted-foreground)",
-              "--tw-prose-bullets": "var(--color-muted-foreground)",
-              "--tw-prose-hr": "var(--color-border)",
-              "--tw-prose-quotes": "var(--color-foreground)",
-              "--tw-prose-quote-borders": "var(--color-primary)",
-              "--tw-prose-captions": "var(--color-muted-foreground)",
-              "--tw-prose-code": "var(--color-foreground)",
-              "--tw-prose-pre-code": "var(--color-foreground)",
-              "--tw-prose-pre-bg": "var(--color-muted)",
-              "--tw-prose-th-borders": "var(--color-border)",
-              "--tw-prose-td-borders": "var(--color-border)",
-              direction
-            },
-            children: /* @__PURE__ */ jsx(
-              ReactMarkdown,
-              {
-                remarkPlugins: [remarkMath, remarkGfm],
-                rehypePlugins: [
-                  [rehypeKatex, { strict: false, throwOnError: false }]
-                ],
-                components: {
-                  // Handle inline code only — fenced code blocks are parsed out separately
-                  code({ className: codeClassName, children, ...props }) {
-                    return /* @__PURE__ */ jsx(
-                      "code",
-                      {
-                        ...props,
-                        className: codeClassName,
-                        style: {
-                          backgroundColor: "var(--color-muted)",
-                          color: "var(--color-foreground)",
-                          border: "1px solid var(--color-border)",
-                          padding: "0.125rem 0.375rem",
-                          borderRadius: "0.25rem",
-                          fontSize: "0.875em",
-                          fontFamily: "ui-monospace, monospace"
-                        },
-                        children
-                      }
-                    );
-                  },
-                  // Style links
-                  a({ href, children, ...props }) {
-                    return /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href,
-                        ...props,
-                        className: "text-[var(--color-primary)] hover:underline",
-                        target: href?.startsWith("http") ? "_blank" : void 0,
-                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-                        children
-                      }
-                    );
-                  },
-                  // Style tables
-                  table({ children, ...props }) {
-                    return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsx(
-                      "table",
-                      {
-                        ...props,
-                        className: "min-w-full border-collapse border border-[var(--color-border)]",
-                        children
-                      }
-                    ) });
-                  },
-                  th({ children, ...props }) {
-                    return /* @__PURE__ */ jsx(
-                      "th",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
-                        children
-                      }
-                    );
-                  },
-                  td({ children, ...props }) {
-                    return /* @__PURE__ */ jsx(
-                      "td",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] px-4 py-2",
-                        children
-                      }
-                    );
-                  },
-                  // Style blockquotes
-                  blockquote({ children, ...props }) {
-                    return /* @__PURE__ */ jsx(
-                      "blockquote",
-                      {
-                        ...props,
-                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
-                        children
-                      }
-                    );
-                  }
-                },
-                children: safeContent
-              }
-            )
-          }
-        );
-      },
-      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
-    );
-    MarkdownContent.displayName = "MarkdownContent";
-  }
-});
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -17636,6 +17505,155 @@ var init_CodeBlock = __esm({
     CodeBlock.displayName = "CodeBlock";
   }
 });
+var MarkdownContent;
+var init_MarkdownContent = __esm({
+  "components/core/molecules/markdown/MarkdownContent.tsx"() {
+    init_katex_min();
+    init_Box();
+    init_CodeBlock();
+    init_useTranslate();
+    init_cn();
+    MarkdownContent = React97__default.memo(
+      ({ content, direction, className }) => {
+        const { t: _t } = useTranslate();
+        const safeContent = typeof content === "string" ? content : String(content ?? "");
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: cn("prose max-w-none", className),
+            style: {
+              color: "var(--color-foreground)",
+              "--tw-prose-body": "var(--color-foreground)",
+              "--tw-prose-headings": "var(--color-foreground)",
+              "--tw-prose-lead": "var(--color-muted-foreground)",
+              "--tw-prose-links": "var(--color-primary)",
+              "--tw-prose-bold": "var(--color-foreground)",
+              "--tw-prose-counters": "var(--color-muted-foreground)",
+              "--tw-prose-bullets": "var(--color-muted-foreground)",
+              "--tw-prose-hr": "var(--color-border)",
+              "--tw-prose-quotes": "var(--color-foreground)",
+              "--tw-prose-quote-borders": "var(--color-primary)",
+              "--tw-prose-captions": "var(--color-muted-foreground)",
+              "--tw-prose-code": "var(--color-foreground)",
+              "--tw-prose-pre-code": "var(--color-foreground)",
+              "--tw-prose-pre-bg": "var(--color-muted)",
+              "--tw-prose-th-borders": "var(--color-border)",
+              "--tw-prose-td-borders": "var(--color-border)",
+              direction
+            },
+            children: /* @__PURE__ */ jsx(
+              ReactMarkdown,
+              {
+                remarkPlugins: [remarkMath, remarkGfm],
+                rehypePlugins: [
+                  [rehypeKatex, { strict: false, throwOnError: false }]
+                ],
+                components: {
+                  code({
+                    className: codeClassName,
+                    children,
+                    inline,
+                    ...props
+                  }) {
+                    if (!inline) {
+                      const match = /language-(\w+)/.exec(codeClassName ?? "");
+                      const language = match ? match[1] : "text";
+                      const code = String(children).replace(/\n$/, "");
+                      return /* @__PURE__ */ jsx(
+                        CodeBlock,
+                        {
+                          code,
+                          language,
+                          maxHeight: "60vh"
+                        }
+                      );
+                    }
+                    return /* @__PURE__ */ jsx(
+                      "code",
+                      {
+                        ...props,
+                        className: codeClassName,
+                        style: {
+                          backgroundColor: "var(--color-muted)",
+                          color: "var(--color-foreground)",
+                          border: "1px solid var(--color-border)",
+                          padding: "0.125rem 0.375rem",
+                          borderRadius: "0.25rem",
+                          fontSize: "0.875em",
+                          fontFamily: "ui-monospace, monospace"
+                        },
+                        children
+                      }
+                    );
+                  },
+                  // Style links
+                  a({ href, children, ...props }) {
+                    return /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href,
+                        ...props,
+                        className: "text-[var(--color-primary)] hover:underline",
+                        target: href?.startsWith("http") ? "_blank" : void 0,
+                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
+                        children
+                      }
+                    );
+                  },
+                  // Style tables
+                  table({ children, ...props }) {
+                    return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsx(
+                      "table",
+                      {
+                        ...props,
+                        className: "min-w-full border-collapse border border-[var(--color-border)]",
+                        children
+                      }
+                    ) });
+                  },
+                  th({ children, ...props }) {
+                    return /* @__PURE__ */ jsx(
+                      "th",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
+                        children
+                      }
+                    );
+                  },
+                  td({ children, ...props }) {
+                    return /* @__PURE__ */ jsx(
+                      "td",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] px-4 py-2",
+                        children
+                      }
+                    );
+                  },
+                  // Style blockquotes
+                  blockquote({ children, ...props }) {
+                    return /* @__PURE__ */ jsx(
+                      "blockquote",
+                      {
+                        ...props,
+                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
+                        children
+                      }
+                    );
+                  }
+                },
+                children: safeContent
+              }
+            )
+          }
+        );
+      },
+      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
+    );
+    MarkdownContent.displayName = "MarkdownContent";
+  }
+});
 function useLongPress(onLongPress, options = {}) {
   const { duration = 500, moveThreshold = 10 } = options;
   const timerRef = useRef(null);