fix: allow markdown renderer style overrides

Author: ammar-agent

src/browser/components/Messages/MarkdownRenderer.tsx

@@ -5,11 +5,12 @@ import { cn } from "@/common/lib/utils";
 interface MarkdownRendererProps {
   content: string;
   className?: string;
+  style?: React.CSSProperties;
 }
 
-export const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content, className }) => {
+export const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content, className, style }) => {
   return (
-    <div className={cn("markdown-content", className)}>
+    <div className={cn("markdown-content", className)} style={style}>
       <MarkdownCore content={content} />
     </div>
   );

src/browser/components/Messages/ReasoningMessage.tsx

@@ -78,7 +78,8 @@ export const ReasoningMessage: React.FC<ReasoningMessageProps> = ({ message, cla
             ) : isSingleLineTrace ? (
               <MarkdownRenderer
                 content={trimmedContent}
-                className="truncate text-[12px] leading-[18px] [&_*]:inline [&_*]:whitespace-nowrap [&_*]:align-baseline"
+                className="truncate [&_*]:inline [&_*]:whitespace-nowrap [&_*]:align-baseline"
+                style={{ fontSize: 12, lineHeight: "18px" }}
               />
             ) : (
               "Thought"