From f05e6f5792509990c14563f610fb2a5566fa9c2e Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Thu, 9 Apr 2026 11:59:45 -0400
Subject: [PATCH] feat: clarify AI draft messaging in toolbar

---
 src/components/ai-toolbar.tsx | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/ai-toolbar.tsx b/src/components/ai-toolbar.tsx
index 57773df..8790f9c 100644
--- a/src/components/ai-toolbar.tsx
+++ b/src/components/ai-toolbar.tsx
@@ -282,14 +282,28 @@ export const AIToolbar = ({
 						<div className="flex items-center gap-1.5">
 							<Sparkles className="h-3.5 w-3.5 text-primary shrink-0" />
 							<span className="text-xs font-semibold tracking-wide text-primary uppercase">
-								AI
+								AI draft
 							</span>
 						</div>
 
+						<div className="space-y-1">
+							<label
+								htmlFor="ai-event-prompt"
+								className="text-sm font-medium text-foreground"
+							>
+								Describe or paste the event details
+							</label>
+							<p className="text-xs leading-relaxed text-muted-foreground">
+								Type or paste a natural-language description, then generate a
+								draft event for review in the event modal.
+							</p>
+						</div>
+
 						{/* Textarea */}
 						<Textarea
+							id="ai-event-prompt"
 							className="wrap-anywhere field-sizing-content resize-none w-full min-h-[2.5rem] max-h-48 overflow-y-auto bg-transparent border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 px-3 py-1 text-sm placeholder:text-muted-foreground/60 placeholder:italic"
-							placeholder="Describe an event, paste details, or attach a flyer…"
+							placeholder="Example: Lunch with Maya next Thursday at 12:30pm at Toma, remind me 30 minutes before."
 							value={aiPrompt}
 							onChange={(e) => setAiPrompt(e.target.value)}
 							onKeyDown={(e) => {
@@ -460,7 +474,7 @@ export const AIToolbar = ({
 									) : (
 										<Sparkles className="h-3.5 w-3.5" />
 									)}
-									{aiLoading ? "Generating…" : "Generate"}
+									{aiLoading ? "Generating…" : "Generate draft"}
 								</Button>
 							</div>
 						</div>
@@ -473,10 +487,11 @@ export const AIToolbar = ({
 						</div>
 						<div className="flex-1 min-w-0">
 							<p className="text-sm font-medium text-foreground leading-tight">
-								Create events with AI
+								Generate event drafts with AI
 							</p>
 							<p className="text-xs text-muted-foreground mt-0.5">
-								Describe in plain language, attach a flyer — done.
+								Paste natural language or a flyer, then review the filled event
+								before saving.
 							</p>
 						</div>
 						<Button