// Clube da Luz — Coraline (Chakra) chatbot FAB
// Botão flutuante sutil + painel de chat com window.claude.complete
const { useState: useStateChat, useRef: useRefChat, useEffect: useEffectChat } = React;
const CORALINE_SYSTEM = `
Você é Coraline, anfitriã digital do Clube da Luz — um círculo privado de mentoria criativa
conduzido por Adriano Ribeiro. Você fala em português do Brasil, num tom acolhedor, breve e
um pouco poético, sempre objetivo. Suas funções:
— Apresentar o Clube em poucas palavras quando perguntarem.
— Explicar as trilhas (Jeito Criativo de Ser, Régua Criativa, Laboratório de Obra, Mentoria de Marca),
o método (Régua Criativa com 8 dimensões) e como funciona a aplicação por convite.
— Ajudar quem está em dúvida sobre se faz sentido aplicar, fazendo perguntas curtas.
— Encaminhar para o formulário de aplicação quando houver interesse.
— NUNCA citar valores, preços, "high-ticket" ou comparações comerciais. Diga apenas que o investimento
é apresentado após a entrevista de encaixe, se houver convite.
— Suas respostas devem caber em 2-4 frases, no máximo. Use travessões com elegância.
— Se perguntarem quem é você, diga: "Sou a Coraline, anfitriã do círculo — versão Chakra."
Não invente datas, números ou nomes. Se não souber algo específico, sugira agendar pela aplicação.
`.trim();
function ChatbotFAB() {
const [open, setOpen] = useStateChat(false);
const [msgs, setMsgs] = useStateChat([
{ role: "assistant", content: "Olá. Sou a Coraline — anfitriã do círculo. Posso ajudar a entender se o Clube faz sentido para o seu momento. O que te trouxe aqui?" },
]);
const [input, setInput] = useStateChat("");
const [busy, setBusy] = useStateChat(false);
const [unread, setUnread] = useStateChat(false);
const scrollRef = useRefChat(null);
useEffectChat(() => {
if (scrollRef.current) {
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
}
}, [msgs, open]);
const send = async () => {
const text = input.trim();
if (!text || busy) return;
const history = [...msgs, { role: "user", content: text }];
setMsgs(history);
setInput("");
setBusy(true);
try {
const reply = await window.claude.complete({
messages: [
{ role: "user", content: `${CORALINE_SYSTEM}\n\n— Conversa até aqui —\n` +
history.map(m => (m.role === "user" ? "Visitante: " : "Coraline: ") + m.content).join("\n") +
`\n\nResponda como Coraline, em português do Brasil, 2-4 frases.` },
],
});
setMsgs(h => [...h, { role: "assistant", content: (reply || "").trim() || "Posso te ajudar a entender o caminho. Pode contar um pouco mais do seu momento?" }]);
if (!open) setUnread(true);
} catch (e) {
setMsgs(h => [...h, { role: "assistant", content: "Tive um instante de silêncio aqui. Pode repetir, por favor?" }]);
} finally {
setBusy(false);
}
};
const onKeyDown = (e) => {
if (e.key === "Enter" && !e.shiftKey) {
e.preventDefault();
send();
}
};
return (
<>
{/* Floating button */}
{!open && (
)}
{/* Chat panel */}
{open && (