@yourgpt/copilot-sdk 1.2.8 → 1.2.10

package/dist/ui/index.js

@@ -413,12 +413,37 @@ function Loader({
       return /* @__PURE__ */ jsx(CircularLoader, { size, className });
   }
 }
+var createHeading = (Tag) => {
+  const HeadingComponent = ({
+    children,
+    className: _,
+    ...props
+  }) => /* @__PURE__ */ jsx(Tag, { className: "text-[1em] font-semibold my-2 first:mt-0", ...props, children });
+  HeadingComponent.displayName = Tag.toUpperCase();
+  return HeadingComponent;
+};
+var headingComponents = {
+  h1: createHeading("h1"),
+  h2: createHeading("h2"),
+  h3: createHeading("h3"),
+  h4: createHeading("h4"),
+  h5: createHeading("h5"),
+  h6: createHeading("h6")
+};
 function MarkdownComponent({
   children,
   className,
   isStreaming = false
 }) {
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(Streamdown, { plugins: { code }, isAnimating: isStreaming, children }) });
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Streamdown,
+    {
+      plugins: { code },
+      isAnimating: isStreaming,
+      components: headingComponents,
+      children
+    }
+  ) });
 }
 var Markdown = memo(MarkdownComponent);
 Markdown.displayName = "Markdown";
@@ -778,10 +803,10 @@ var MessageAvatar = ({
     /* @__PURE__ */ jsx(AvatarFallback, { delayMs, children: fallbackIcon || fallback })
   ] });
 };
-var proseSizeMap = {
-  sm: "prose-sm",
-  base: "prose-base",
-  lg: "prose-lg"
+var textSizeMap = {
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg"
 };
 var MessageContent = ({
   children,
@@ -791,16 +816,17 @@ var MessageContent = ({
   ...props
 }) => {
   const classNames = cn(
-    "rounded-lg p-2 bg-secondary prose break-words whitespace-normal max-w-none",
-    "text-foreground prose-headings:text-foreground prose-p:text-foreground prose-strong:text-foreground prose-li:text-foreground prose-a:text-foreground prose-ol:text-foreground prose-ul:text-foreground prose-code:text-foreground",
-    // Compact spacing overrides
-    "prose-p:my-1 prose-p:leading-relaxed",
-    "prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5",
-    "prose-headings:my-2 first:prose-headings:mt-0",
-    "prose-pre:my-2 prose-blockquote:my-2",
-    // List styling overrides (fix Streamdown's list-inside)
-    "[&_ul]:list-outside [&_ol]:list-outside [&_ul]:pl-4 [&_ol]:pl-4 [&_li]:pl-0",
-    proseSizeMap[size],
+    "rounded-lg p-2 break-words whitespace-normal max-w-none leading-relaxed",
+    // Typography - simple Tailwind utilities (no prose)
+    "[&_p]:my-1 [&_p]:leading-relaxed",
+    "[&_ul]:my-1 [&_ul]:pl-4 [&_ul]:list-disc [&_ul]:list-outside",
+    "[&_ol]:my-1 [&_ol]:pl-4 [&_ol]:list-decimal [&_ol]:list-outside",
+    "[&_li]:my-0.5 [&_li]:pl-0",
+    "[&_pre]:my-2 [&_blockquote]:my-2 [&_blockquote]:pl-3 [&_blockquote]:border-l-2 [&_blockquote]:border-current/30",
+    "[&_code]:bg-current/10 [&_code]:px-1 [&_code]:rounded [&_code]:text-[0.9em]",
+    "[&_a]:underline",
+    "[&_strong]:font-semibold",
+    textSizeMap[size],
     className
   );
   return markdown ? /* @__PURE__ */ jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsx("div", { className: classNames, ...props, children });
@@ -3540,6 +3566,7 @@ function DefaultMessage({
                   "rounded-lg px-4 py-2 bg-primary text-primary-foreground",
                   userMessageClassName
                 ),
+                markdown: true,
                 size,
                 children: message.content
               }