@page-speed/agent-everywhere 0.2.0 → 0.3.1

package/dist/index.js

@@ -5,6 +5,7 @@ import * as React4 from 'react';
 import { createContext, forwardRef, useRef, useImperativeHandle, useCallback, useLayoutEffect, useState, useEffect, useReducer, useMemo, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AnimatePresence, motion } from 'motion/react';
+import { Markdown } from '@page-speed/markdown-to-jsx';
 import { SendIcon, PaperclipIcon, FileTextIcon, MicIcon, ImageIcon, XIcon, SearchIcon, UploadIcon, FileIcon, UserCircleIcon, CheckIcon, SparklesIcon, BookmarkIcon, InfoIcon, CheckCircle2Icon, AlertTriangleIcon, LightbulbIcon, BrainIcon, ChevronDownIcon, ZapIcon, CopyIcon, ThumbsUpIcon, ThumbsDownIcon, BotIcon, UserIcon, DownloadIcon, MinusIcon, TrendingDownIcon, TrendingUpIcon, ChevronUpIcon, ArrowUpDownIcon, LinkIcon, PlayIcon, ExternalLinkIcon, WandIcon, LayoutGridIcon, Grid3X3Icon, ArrowUpRightIcon, ShuffleIcon, SkipForwardIcon, ChevronLeftIcon, ChevronRightIcon, XCircleIcon, HelpCircleIcon, Minimize2Icon, Maximize2Icon, RotateCcwIcon, MessageSquareIcon, GripVerticalIcon, PanelLeftOpenIcon, PanelLeftCloseIcon, CheckCircleIcon, AlertCircleIcon, MoreHorizontalIcon, ArrowLeftIcon, MoreVerticalIcon, Loader2Icon, ArrowRightIcon, AlignLeftIcon, ListIcon, HashIcon, TypeIcon, ClockIcon, CoinsIcon, ActivityIcon, ArrowUpIcon, ArrowDownIcon } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -980,8 +981,70 @@ function MessageBubble({ role, children, className, unstyled }) {
     }
   );
 }
-function MessageContent({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("text-sm leading-relaxed whitespace-pre-wrap", className), children });
+var SPACE = "0.5rem";
+var mdStyle = { lineHeight: 1.6 };
+var MdP = ({ children }) => /* @__PURE__ */ jsx("p", { style: { margin: `${SPACE} 0` }, children });
+var MdUl = ({ children }) => /* @__PURE__ */ jsx("ul", { style: { margin: `${SPACE} 0`, paddingLeft: "1.25rem", listStyle: "disc" }, children });
+var MdOl = ({ children }) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    style: { margin: `${SPACE} 0`, paddingLeft: "1.25rem", listStyle: "decimal" },
+    children
+  }
+);
+var MdLi = ({ children }) => /* @__PURE__ */ jsx("li", { style: { margin: "0.2rem 0" }, children });
+var mkHeading = (level, fontSize) => ({ children }) => {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx(Tag, { style: { margin: `${SPACE} 0 0.25rem`, fontSize, fontWeight: 600 }, children });
+};
+var MdBlockquote = ({ children }) => /* @__PURE__ */ jsx(
+  "blockquote",
+  {
+    style: {
+      margin: `${SPACE} 0`,
+      paddingLeft: "0.75rem",
+      borderLeft: "2px solid currentColor",
+      opacity: 0.85
+    },
+    children
+  }
+);
+var MARKDOWN_OVERRIDES = {
+  p: MdP,
+  ul: MdUl,
+  ol: MdOl,
+  li: MdLi,
+  h1: mkHeading(1, "1rem"),
+  h2: mkHeading(2, "0.95rem"),
+  h3: mkHeading(3, "0.9rem"),
+  blockquote: MdBlockquote
+};
+function MessageContent({
+  children,
+  className,
+  markdown = true
+}) {
+  if (markdown && typeof children === "string") {
+    return /* @__PURE__ */ jsx(
+      Markdown,
+      {
+        className: cn(
+          "text-sm [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+          className
+        ),
+        overrides: MARKDOWN_OVERRIDES,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("text-sm leading-relaxed whitespace-pre-wrap", className),
+      style: mdStyle,
+      children
+    }
+  );
 }
 function MessageContainer({ role, children, className }) {
   return /* @__PURE__ */ jsx(