From 0807779c9bdbb8c9deefd7d077b9951476d78fae Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Wed, 8 Apr 2026 01:47:29 -0400
Subject: [PATCH] feat: make AI summary notification dismissable

---
 src/app/page.tsx              |  1 +
 src/components/ai-toolbar.tsx | 19 ++++++++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0d5192f..815ea77 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -308,6 +308,7 @@ export default function HomePage() {
 				onImageClear={handleImageClear}
 				onAiCreate={handleAiCreate}
 				onAiSummarize={handleAiSummarize}
+				onSummaryDismiss={() => setSummary(null)}
 				summary={summary}
 				summaryUpdated={summaryUpdated}
 				events={events}
diff --git a/src/components/ai-toolbar.tsx b/src/components/ai-toolbar.tsx
index 3769061..6e711a0 100644
--- a/src/components/ai-toolbar.tsx
+++ b/src/components/ai-toolbar.tsx
@@ -33,6 +33,7 @@ interface AIToolbarProps {
 	onImageClear: () => void;
 	onAiCreate: () => void;
 	onAiSummarize: () => void;
+	onSummaryDismiss: () => void;
 	summary: string | null;
 	summaryUpdated: string | null;
 	// event actions
@@ -54,6 +55,7 @@ export const AIToolbar = ({
 	onImageClear,
 	onAiCreate,
 	onAiSummarize,
+	onSummaryDismiss,
 	summary,
 	summaryUpdated,
 	events,
@@ -230,9 +232,20 @@ export const AIToolbar = ({
 								<span className="text-xs font-medium text-muted-foreground">
 									AI Summary
 								</span>
-								<span className="text-xs text-muted-foreground/60">
-									{summaryUpdated}
-								</span>
+								<div className="flex items-center gap-2">
+									<span className="text-xs text-muted-foreground/60">
+										{summaryUpdated}
+									</span>
+									<Button
+										variant="ghost"
+										size="icon"
+										className="h-5 w-5"
+										onClick={onSummaryDismiss}
+										aria-label="Dismiss AI summary"
+									>
+										<X className="h-3 w-3" />
+									</Button>
+								</div>
 							</div>
 							<p className="text-sm leading-relaxed">{summary}</p>
 						</div>