@page-speed/agent-everywhere 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -6,6 +6,7 @@ var tailwindMerge = require('tailwind-merge');
 var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('motion/react');
+var markdownToJsx = require('@page-speed/markdown-to-jsx');
 var lucideReact = require('lucide-react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -1006,7 +1007,32 @@ function MessageBubble({ role, children, className, unstyled }) {
     }
   );
 }
-function MessageContent({ children, className }) {
+var PROSE_CLASSES = cn(
+  "text-sm leading-relaxed",
+  "[&_p]:my-1.5 first:[&_p]:mt-0 last:[&_p]:mb-0",
+  "[&_ul]:my-1.5 [&_ul]:list-disc [&_ul]:pl-5",
+  "[&_ol]:my-1.5 [&_ol]:list-decimal [&_ol]:pl-5",
+  "[&_li]:my-0.5",
+  "[&_h1]:mt-2 [&_h1]:mb-1 [&_h1]:text-base [&_h1]:font-semibold",
+  "[&_h2]:mt-2 [&_h2]:mb-1 [&_h2]:text-sm [&_h2]:font-semibold",
+  "[&_h3]:mt-2 [&_h3]:mb-1 [&_h3]:text-sm [&_h3]:font-semibold",
+  "[&_strong]:font-semibold",
+  "[&_a]:underline [&_a]:underline-offset-2",
+  "[&_code]:rounded [&_code]:bg-black/10 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.85em]",
+  "[&_pre]:my-1.5 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-black/10 [&_pre]:p-2 [&_pre]:text-xs",
+  "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
+  "[&_blockquote]:border-l-2 [&_blockquote]:border-current/30 [&_blockquote]:pl-3 [&_blockquote]:opacity-90",
+  "[&_hr]:my-2 [&_hr]:border-current/20",
+  "whitespace-normal"
+);
+function MessageContent({
+  children,
+  className,
+  markdown = true
+}) {
+  if (markdown && typeof children === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(markdownToJsx.Markdown, { className: cn(PROSE_CLASSES, className), children });
+  }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm leading-relaxed whitespace-pre-wrap", className), children });
 }
 function MessageContainer({ role, children, className }) {