import { useState } from "react";
export default function IntelAgentUI() {
const [messages, setMessages] = useState([]);
const [input, setInput] = useState("");
const sendMessage = async () => {
if (!input.trim()) return;
const userMsg = { role: "user", content: input };
setMessages([...messages, userMsg]);
setInput("");
const response = await fetch("https://api.openai.com/v1/threads", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${process.env.NEXT_PUBLIC_OPENAI_KEY}`
},
body: JSON.stringify({
assistant_id: "asst_qc5ywujh3oHabxwmhsyrGey2",
messages: [{ role: "user", content: userMsg.content }]
})
});
const data = await response.json();
const reply = data.output_text || "Errore nella risposta.";
setMessages(prev => [...prev, { role: "assistant", content: reply }]);
};
return (
{/* Sidebar */}
{/* Main chat */}
{/* Header iniziale */}
{messages.length === 0 && (
)}
{/* Conversazione */}
{messages.length > 0 && (
);
}
Migliora le decisioni con Intel Agent
setInput(e.target.value)}
onKeyDown={(e) => e.key === "Enter" && sendMessage()}
/>
Disclaimer: Il tuo consulente AI addestrato per aiutarti a prendere decisioni migliori.
{messages.map((msg, i) => (
))}
)}
{/* Input persistente quando chat attiva */}
{messages.length > 0 && (
{msg.content}
setInput(e.target.value)}
onKeyDown={(e) => e.key === "Enter" && sendMessage()}
/>
)}