@almadar/ui 5.21.3 → 5.21.5

package/dist/components/index.js

@@ -14,10 +14,6 @@ import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { createPortal } from 'react-dom';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import ELK from 'elkjs/lib/elk.bundled.js';
-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';
@@ -37,6 +33,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 { isInlineTrait } from '@almadar/core';
 import { DndContext, useSensors, useSensor, PointerSensor, KeyboardSensor, useDroppable, pointerWithin, rectIntersection, closestCorners } from '@dnd-kit/core';
 import { useSortable, arrayMove, sortableKeyboardCoordinates, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
@@ -12298,137 +12298,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 = React79__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 = [];
@@ -12974,6 +12843,181 @@ 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 = React79__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 code = String(children).replace(/\n$/, "");
+                      if (match) {
+                        return /* @__PURE__ */ jsx(
+                          CodeBlock,
+                          {
+                            code,
+                            language: match[1],
+                            maxHeight: "60vh"
+                          }
+                        );
+                      }
+                      return /* @__PURE__ */ jsx(
+                        "pre",
+                        {
+                          style: {
+                            backgroundColor: "var(--color-muted)",
+                            color: "var(--color-foreground)",
+                            padding: "1rem",
+                            borderRadius: "0.5rem",
+                            overflow: "auto",
+                            margin: 0
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            "code",
+                            {
+                              ...props,
+                              className: codeClassName,
+                              style: {
+                                fontFamily: "ui-monospace, monospace",
+                                fontSize: "0.875em"
+                              },
+                              children
+                            }
+                          )
+                        }
+                      );
+                    }
+                    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);