atualizacoes codex

src/components/chat/ChatMessage.tsx

@@ -1,4 +1,5 @@
 import { Bot, User, Copy, File } from "lucide-react";
+import ReactMarkdown from "react-markdown";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { useState } from "react";
@@ -53,7 +54,7 @@ export const ChatMessage = ({ role, content, model, attachments }: ChatMessagePr
         </div>
       )}
 
-      <div className={`flex-1 max-w-3xl space-y-1 md:space-y-2 ${isAssistant ? "" : "flex flex-col items-end"}`}>
+      <div className={`flex-1 max-w-4xl space-y-1 md:space-y-2 ${isAssistant ? "" : "flex flex-col items-end"}`}>
         {/* Attachments */}
         {attachments && attachments.length > 0 && (
           <div className="flex flex-wrap gap-2 mb-2">
@@ -73,15 +74,19 @@ export const ChatMessage = ({ role, content, model, attachments }: ChatMessagePr
         )}
 
         <div
-          className={`inline-block px-3 md:px-4 py-2 md:py-3 rounded-xl ${
+          className={`inline-block max-w-[90%] px-3 md:px-4 py-2 md:py-3 rounded-xl break-words ${
             isAssistant
-              ? "bg-card border border-border"
+              ? "bg-card border border-border text-foreground"
               : "bg-gradient-to-br from-primary to-secondary text-primary-foreground"
           }`}
         >
-          <p className={`text-sm md:text-base leading-relaxed ${isAssistant ? "text-foreground" : "text-white"}`}>
-            {content}
-          </p>
+          {isAssistant ? (
+            <div className="prose prose-sm md:prose-base prose-neutral dark:prose-invert max-w-none prose-headings:font-semibold prose-p:leading-relaxed">
+              <ReactMarkdown>{content}</ReactMarkdown>
+            </div>
+          ) : (
+            <p className="text-sm md:text-base leading-relaxed text-white">{content}</p>
+          )}
         </div>
 
         {showActions && (