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">
|
<div className="flex items-center gap-1.5">
|
||||||
<Sparkles className="h-3.5 w-3.5 text-primary shrink-0" />
|
<Sparkles className="h-3.5 w-3.5 text-primary shrink-0" />
|
||||||
<span className="text-xs font-semibold tracking-wide text-primary uppercase">
|
<span className="text-xs font-semibold tracking-wide text-primary uppercase">
|
||||||
AI
|
AI draft
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</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 */}
|
||||||
<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"
|
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}
|
value={aiPrompt}
|
||||||
onChange={(e) => setAiPrompt(e.target.value)}
|
onChange={(e) => setAiPrompt(e.target.value)}
|
||||||
onKeyDown={(e) => {
|
onKeyDown={(e) => {
|
||||||
@@ -460,7 +474,7 @@ export const AIToolbar = ({
|
|||||||
) : (
|
) : (
|
||||||
<Sparkles className="h-3.5 w-3.5" />
|
<Sparkles className="h-3.5 w-3.5" />
|
||||||
)}
|
)}
|
||||||
{aiLoading ? "Generating…" : "Generate"}
|
{aiLoading ? "Generating…" : "Generate draft"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -473,10 +487,11 @@ export const AIToolbar = ({
|
|||||||
</div>
|
</div>
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<p className="text-sm font-medium text-foreground leading-tight">
|
<p className="text-sm font-medium text-foreground leading-tight">
|
||||||
Create events with AI
|
Generate event drafts with AI
|
||||||
</p>
|
</p>
|
||||||
<p className="text-xs text-muted-foreground mt-0.5">
|
<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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
Reference in New Issue
Block a user