feat: clarify AI draft messaging in toolbar
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user