@elevasis/ui 2.67.0 → 2.68.0

package/dist/{chunk-JFBZ6XDW.js → chunk-SNZDFCOQ.js}

@@ -1,14 +1,11 @@
-import { Stack, Textarea, Group, Text, Tooltip, ActionIcon, Paper, Card, Box, Collapse, Code, Title, Badge, Progress, Alert, Center, Loader } from '@mantine/core';
+import { StyledMarkdown } from './chunk-3KMDHCAR.js';
+import { Stack, Textarea, Group, Text, Tooltip, ActionIcon, Paper, Card, Box, Collapse, Title, Badge, Progress, Alert, Center, Loader } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import { IconSend, IconCheck, IconCopy, IconChevronDown, IconAlertCircle, IconAlertTriangle } from '@tabler/icons-react';
 import { useClipboard } from '@mantine/hooks';
 import JSONPrettyRaw from 'react-json-pretty';
-import Markdown from 'react-markdown';
-import { Prism } from 'react-syntax-highlighter';
-import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
-// src/components/chat/ChatSidebar.tsx
 function ChatSidebar({ isOpen, title = "Details", children, width = 320, zIndex = 10 }) {
   return /* @__PURE__ */ jsxs(
     Paper,
@@ -188,49 +185,6 @@ var ChatInputArea = memo(function ChatInputArea2({
     }
   ) });
 });
-var customCodeTheme = Object.fromEntries(
-  Object.entries(oneDark).map(([key, value]) => [
-    key,
-    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
-  ])
-);
-var defaultComponents = {
-  h1: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 3, c: "var(--color-primary)", mb: "xs", mt: "md", children }),
-  h2: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 4, c: "var(--color-primary)", mb: "xs", mt: "sm", children }),
-  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
-  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
-  li: ({ children }) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "0.25rem", fontSize: "var(--mantine-font-size-sm)" }, children }),
-  code: ({ className, children, ...props }) => {
-    const match = /language-(\w+)/.exec(className || "");
-    const codeString = String(children).replace(/\n$/, "");
-    if (match) {
-      return /* @__PURE__ */ jsx(
-        Prism,
-        {
-          style: customCodeTheme,
-          language: match[1],
-          PreTag: "div",
-          customStyle: {
-            margin: "0.5rem 0",
-            borderRadius: "var(--mantine-radius-default)",
-            fontSize: "0.8rem"
-          },
-          children: codeString
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(Code, { ...props, children });
-  },
-  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
-  blockquote: ({ children }) => /* @__PURE__ */ jsx(Box, { pl: "sm", my: "xs", style: { borderLeft: "2px solid var(--color-border)" }, children }),
-  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children }),
-  strong: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fw: 700, children }),
-  em: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fs: "italic", children })
-};
-function StyledMarkdown({ children, components, className, style }) {
-  const mergedComponents = components ? { ...defaultComponents, ...components } : defaultComponents;
-  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx(Markdown, { components: mergedComponents, children }) });
-}
 var JSONPretty = JSONPrettyRaw;
 var jsonTheme = {
   main: "line-height:1.3;color:var(--color-text);background:transparent;overflow:auto;",
@@ -742,4 +696,4 @@ function ScrollableContainer({
   );
 }
 
-export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator, StyledMarkdown };
+export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator };