From 9dd93f84104c79182e68768d26c8ce7be99bed89 Mon Sep 17 00:00:00 2001
From: Youen Chéné <youen.chene@gadz.org>
Date: Sun, 7 Sep 2025 14:33:28 +0200
Subject: feat(web): render AI summary in markdown (#1869)

* feat: wrap bookmark summary with MarkdownReadonly component to render Markdown properly.

* fix: hydration errors because of the markdown component
---
 apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'apps/web/components/dashboard')

diff --git a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx b/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
index b5e89a01..e75886e1 100644
--- a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
+++ b/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { ActionButton } from "@/components/ui/action-button";
+import { MarkdownReadonly } from "@/components/ui/markdown/markdown-readonly";
 import LoadingSpinner from "@/components/ui/spinner";
 import { toast } from "@/components/ui/use-toast";
 import { useClientConfig } from "@/lib/clientConfig";
@@ -52,11 +53,11 @@ function AISummary({
         onClick={() => !isExpanded && setIsExpanded(true)}
       >
         <div className="h-full rounded-lg bg-accent p-2">
-          <p
-            className={`text-sm text-gray-700 dark:text-gray-300 ${!isExpanded && "line-clamp-3"}`}
+          <MarkdownReadonly
+            className={`text-sm ${!isExpanded && "line-clamp-3"}`}
           >
             {summary}
-          </p>
+          </MarkdownReadonly>
           {isExpanded && (
             <span className="flex justify-end gap-2 pt-2">
               <ActionButton
-- 
cgit v1.2.3-70-g09d2