{formatInline(b.text, b.key)}
); } const AgentModal = ({ open, seed, onClose }) => { const [messages, setMessages] = React.useState([]); const [input, setInput] = React.useState(""); const [loading, setLoading] = React.useState(false); const [handoff, setHandoff] = React.useState(false); const scrollRef = React.useRef(null); const inputRef = React.useRef(null); const seedSent = React.useRef(null); const funneledRef = React.useRef(false); const send = React.useCallback(async (text) => { const content = (text != null ? text : input).trim(); if (!content || loading) return; setInput(""); const next = messages.concat({ role: "user", content }); setMessages(next); setLoading(true); const userCount = next.filter((m) => m.role === "user").length; const { reply, handoff: h } = await callAgent(next); // Lead capture: once the user has shared real context (2nd exchange) or // shows intent, make sure there's a clear next step — but add it only once, // and never if the model already routed them to email itself. let finalReply = reply; const mentionsEmail = /contact@ignitedusa\.com/i.test(finalReply); if (!funneledRef.current && !mentionsEmail && (h || userCount >= 2)) { finalReply = finalReply.trim() + "\n\nWant Ignited's team to pressure-test this with you? Email contact@ignitedusa.com and we'll take it from here."; funneledRef.current = true; } if (mentionsEmail) funneledRef.current = true; setMessages((m) => m.concat({ role: "assistant", content: finalReply })); if (h || userCount >= 2) setHandoff(true); setLoading(false); }, [input, loading, messages]); // Auto-send the seed message (the challenge typed in the hero) once per unique seed. React.useEffect(() => { if (open && seed && seedSent.current !== seed) { seedSent.current = seed; send(seed); } }, [open, seed]); // eslint-disable-line // Esc to close, lock body scroll while open. React.useEffect(() => { if (!open) return; const onKey = (e) => {if (e.key === "Escape") onClose();}; window.addEventListener("keydown", onKey); document.body.style.overflow = "hidden"; setTimeout(() => inputRef.current && inputRef.current.focus(), 120); return () => {window.removeEventListener("keydown", onKey);document.body.style.overflow = "";}; }, [open, onClose]); // Keep the transcript pinned to the latest message. React.useEffect(() => { const el = scrollRef.current; if (el) el.scrollTop = el.scrollHeight; }, [messages, loading]); if (!open) return null; return ReactDOM.createPortal(Tell me what you're up against — budget pressure, sameness, measurement, attention — and I'll give you Ignited's point of view.