From 5d308c764e46a45f683196ed6d030da95e4cb826 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Wed, 2 Apr 2025 16:02:20 +0200
Subject: [PATCH] Update AIPageLinkSummary.tsx

---
 .../src/components/Adaptive/AIPageLinkSummary.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/gitbook/src/components/Adaptive/AIPageLinkSummary.tsx b/packages/gitbook/src/components/Adaptive/AIPageLinkSummary.tsx
index 3f50c88a2..a7cb3e1a9 100644
--- a/packages/gitbook/src/components/Adaptive/AIPageLinkSummary.tsx
+++ b/packages/gitbook/src/components/Adaptive/AIPageLinkSummary.tsx
@@ -56,18 +56,21 @@ export function AIPageLinkSummary(props: {
     }, [currentSpaceId, currentPageId, targetSpaceId, targetPageId]);
 
     return (
-        <div>
-            <div className="mb-1 flex items-center gap-1 font-semibold text-tint text-xs uppercase leading-tight tracking-wide">
+        <div className="flex flex-col gap-1">
+            <div className="flex items-center gap-1 font-semibold text-tint text-xs uppercase leading-tight tracking-wide">
                 {showTrademark ? (
                     <Loading className="size-4" busy={!highlight || highlight.length === 0} />
                 ) : (
                     <Icon icon="sparkle" className="size-3" />
                 )}
-                <h6 className="text-tint">
-                    Page highlight
-                </h6>
+                <h6 className="text-tint">Page highlight</h6>
             </div>
-            {highlight}
+            {highlight.length > 0 ? <p>{highlight}</p> : null}
+            {highlight.length > 0 ? (
+                <div className="text-tint-subtle text-xs">
+                    Based on your context. May contain mistakes.
+                </div>
+            ) : null}
         </div>
     );
 }