feat: make AI summary notification dismissable

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}

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">
+								<div className="flex items-center gap-2">
-									{summaryUpdated}
+									<span className="text-xs text-muted-foreground/60">
-								</span>
+										{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>