/* ============================================================
SYMPHO · K'IN — IA & control
Copilot en vivo (Claude + RAG) · Automatización · Admin
============================================================ */
// ------------------------------------------------------------
// K'IN COPILOT (PRD §12.7 / §15) — IA en vivo sobre datos del sitio
// ------------------------------------------------------------
const KIN_SYS = `Eres K'in Copilot, el asistente de inteligencia energética de la plataforma K'in (ecosistema Sympho). Respondes preguntas de negocio sobre UNA instalación industrial usando exclusivamente el contexto del sitio que se te da abajo (RAG).
Reglas de respuesta:
- Responde SIEMPRE en español, en tono profesional y claro, como un ingeniero energético senior.
- Sé conciso: máximo ~150 palabras. Sin encabezados markdown ni listas con asteriscos largas; usa frases y, si acaso, guiones simples.
- Fundamenta cada respuesta en los datos del contexto. Cita la fuente entre paréntesis al final, p. ej. (fuente: TD-Frío, calidad de energía) o (fuente: factura CFE mayo).
- Cuando propongas una recomendación, indica el ahorro estimado en MXN y un nivel de confianza en %.
- Si la pregunta es un "qué pasaría si", razona sobre el impacto en pico de demanda, costo y payback con los números del contexto.
- No inventes datos fuera del contexto. Si algo no está, dilo y sugiere qué módulo de K'in lo cubriría.
`;
// convierte **negritas** y limpia viñetas markdown en nodos React
function kinRich(text) {
return String(text).split(/(\*\*[^*]+\*\*)/g).map((seg, i) =>
seg.startsWith("**") && seg.endsWith("**")
? {seg.slice(2, -2)}
: {seg}
);
}
function KinCopilot({ role }) {
const [msgs, setMsgs] = useState([
{ role: "ai", text: `Hola. Soy K'in Copilot para ${window.KIN_SITE.org} — ${window.KIN_SITE.site}. Tengo el estado en vivo de la planta: demanda, calidad de energía, tarifa CFE, DER y alertas. Pregúntame lo que quieras sobre el consumo, el costo o el riesgo del sitio.`, cite: "Digital Twin · telemetría en vivo" },
]);
const [input, setInput] = useState("");
const [busy, setBusy] = useState(false);
const scrollRef = useRef(null);
useEffect(() => {
if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
}, [msgs, busy]);
const send = async (text) => {
const q = (text != null ? text : input).trim();
if (!q || busy) return;
setInput("");
const history = [...msgs, { role: "user", text: q }];
setMsgs(history);
setBusy(true);
try {
const apiMessages = [
{ role: "user", content: KIN_SYS + window.KIN_KB + "\n\n(A partir de aquí inicia la conversación con el usuario.)" },
{ role: "assistant", content: "Contexto del sitio cargado. Listo para responder sobre la Planta Celaya." },
...history.map(m => ({ role: m.role === "ai" ? "assistant" : "user", content: m.text })),
];
const reply = await window.claude.complete({ messages: apiMessages });
setMsgs(m => [...m, { role: "ai", text: (reply || "").trim() || "No pude generar una respuesta. Intenta reformular la pregunta." }]);
} catch (e) {
setMsgs(m => [...m, { role: "ai", text: "Hubo un problema al consultar el modelo. Verifica la conexión e intenta de nuevo. Mientras tanto, las recomendaciones priorizadas siguen disponibles en el panel derecho." }]);
}
setBusy(false);
};
const onKey = (e) => { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); send(); } };
return (