{/* Header */}
Elvis — AI Assistant
Online · Axious Creative Studio
{phase > 0 && (
)}
{onClose && (
)}
{/* Progress bar */}
{/* Messages */}
{messages.map((m, i) => (
{m.sender==='elvis' &&
}
{m.text}
))}
{isTyping && (
{[0,0.15,0.3].map((d,i) =>
)}
)}
{quickReplies.length > 0 && !isTyping && (
{quickReplies.map((qr, i) => (
))}
)}
{/* Add-on picker */}
{showAddonPicker && (
Tap to add — tap again to remove
{Object.entries(addonCategories).map(([cat, items]) => {
const meta = ADDON_CAT_META[cat] || ADDON_CAT_META['Essentials'];
return (
{cat}
{items.map(item => {
const sel = selectedAddons.has(item.key);
return (
);
})}
);
})}
)}
{/* Payment options */}
{showPayment && (
Choose payment method
)}
{/* EFT Pay Now / Pay Later */}
{showEFTOptions && (
When would you like to pay?
)}
{/* Retry payment */}
{showRetryPayment && (
What would you like to do?
)}
{/* WhatsApp follow-up */}
{showWhatsApp && (
Want a faster response?
Send your quote summary directly to our team on WhatsApp.
)}
{/* Input bar */}
setInputValue(e.target.value)}
onKeyDown={e => {
if (e.key !== 'Enter') return;
if (isEFTWaiting && inputValue.trim()) { user(inputValue.trim()); handleEFTConfirm(inputValue.trim()); setInputValue(''); }
else if (!inputDisabled) { handleSend(); }
}}
disabled={inputDisabled && !isEFTWaiting}
style={{flex:1,background:'var(--bg,#fff)',border:'1px solid var(--border,#ececec)',borderRadius:'0.75rem',padding:'0.75rem 1rem',fontSize:16,color:'var(--text,#111)',outline:'none'}}
onFocus={e=>e.target.style.borderColor='var(--accent,#f97316)'}
onBlur={e=>e.target.style.borderColor='var(--border,#ececec)'}
placeholder={inputDisabled&&!isEFTWaiting?'Processing…':isEFTWaiting?'Enter your preferred domain name…':showAddonPicker?'Use the cards above to select add-ons…':'Type your message…'}
autoFocus
/>