feat(chat): add conversation selection and enhance message rendering

- Add currentConversationId prop to ChatContainer for loading selected conversations
- Implement logic to load messages when conversation is selected and clear when deselected
- Improve user message rendering with proper whitespace handling
- Enhance MarkdownRenderer with content normalization and adjusted spacing for better readability
- Add paragraph styling to markdown output for improved layout

This enables users to switch between conversations seamlessly and provides cleaner message display.

components/chat/ChatContainer.tsx

@@ -15,12 +15,14 @@ interface ChatContainerProps {
   models: ModelInfo[];
   offline: boolean;
   onConversationCreated?: () => void;
+  currentConversationId?: string | null;
 }
 
 export function ChatContainer({
   models,
   offline,
   onConversationCreated,
+  currentConversationId: propCurrentConversationId,
 }: ChatContainerProps) {
   const { prefs, ready, update } = useUserPrefs();
   const [messages, setMessages] = useState<Message[]>([]);
@@ -42,6 +44,17 @@ export function ChatContainer({
     }
   }, [ready, prefs.selectedModel]);
 
+  // Carregar mensagens quando uma conversa é selecionada
+  useEffect(() => {
+    if (propCurrentConversationId) {
+      loadConversation(propCurrentConversationId);
+    } else {
+      // Limpar mensagens quando nenhuma conversa está selecionada
+      setMessages([]);
+      setConversationId(null);
+    }
+  }, [propCurrentConversationId]);
+
   // Salvar modelo quando selecionado
   const handleModelChange = (modelName: string) => {
     setSelectedModel(modelName);

components/chat/ChatMessage.tsx

@@ -34,9 +34,9 @@ export function ChatMessage({
             : "bg-[var(--surface)] text-[var(--foreground)]"
         }`}
       >
-        <div className="whitespace-pre-wrap break-words">
+        <div className="break-words">
           {isUser ? (
-            message.content
+            <div className="whitespace-pre-wrap">{message.content}</div>
           ) : (
             <MarkdownRenderer content={message.content} />
           )}