+ {code}
+
+ : on déballe le
+ // pour laisser notre CodeBlock (un ) se placer au niveau racine.
+ pre: ({ children }) => <>{children},
+ code({ className, children }) {
+ const text = String(children).replace(/\n$/, "");
+ const match = /language-(\w+)/.exec(className || "");
+ if (match || text.includes("\n")) {
+ return
+ {children}
+
+ );
+ },
+ h1: ({ children }) => (
+
+ {children}
+
+ ),
+ h2: ({ children }) => (
+
+ {children}
+
+ ),
+ h3: ({ children }) => (
+
+ {children}
+
+ ),
+ p: ({ children }) => {children}
,
+ ul: ({ children }) => (
+
+ {children}
+
+ ),
+ ol: ({ children }) => (
+
+ {children}
+
+ ),
+ li: ({ children }) => {children} ,
+ a: ({ href, children }) => (
+
+ {children}
+
+ ),
+ strong: ({ children }) => (
+ {children}
+ ),
+ em: ({ children }) => {children},
+ blockquote: ({ children }) => (
+
+ {children}
+
+ ),
+ hr: () =>
,
+ table: ({ children }) => (
+
+ {children}
+
+ ),
+ th: ({ children }) => (
+
+ {children}
+
+ ),
+ td: ({ children }) => (
+ {children}
+ ),
+};
+
+export function MessageContent({ text }: { text: string }) {
+ return (
+
+ {text}
+
+ );
+}
diff --git a/frontend/src/panels/ChatPanel.tsx b/frontend/src/panels/ChatPanel.tsx
index f4d5bb3..f8f41bc 100644
--- a/frontend/src/panels/ChatPanel.tsx
+++ b/frontend/src/panels/ChatPanel.tsx
@@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from "react";
import { useStore } from "../store/useStore";
import { ClipIcon, LokiMark, SendIcon } from "../components/Icon";
import { ToolCard } from "../components/ToolCard";
+import { MessageContent } from "../components/MessageContent";
import type { Message, ToolCall } from "../api/client";
/** Panneau central : barre de contexte, fil de conversation, composer. */
@@ -218,8 +219,10 @@ function Bubble({
)}
{(msg.content || pending) && (
-
- {msg.content || (
+
+ {msg.content ? (
+