feat: clarify AI draft messaging in toolbar

This commit is contained in:
2026-04-09 11:59:45 -04:00
parent ecff8bebb1
commit f05e6f5792

View File

@@ -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