wehub-resource-sync
38 lines
859 B
TypeScript
38 lines
859 B
TypeScript
import { useAgent } from "@copilotkit/react-core/v2";
|
|
import { useCallback, useState } from "react";
|
|
|
|
export const HeadlessChat = () => {
|
|
const { agent } = useAgent();
|
|
const [message, setMessage] = useState("");
|
|
|
|
const sendMessage = useCallback(
|
|
(message: string) => {
|
|
agent.addMessage({
|
|
role: "user",
|
|
id: crypto.randomUUID(),
|
|
content: message,
|
|
});
|
|
agent.runAgent();
|
|
setMessage("");
|
|
},
|
|
[agent],
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
<h1>Chat</h1>
|
|
{agent.messages.map((message) => (
|
|
<div key={message.id}>
|
|
<p>{JSON.stringify(message.content)}</p>
|
|
</div>
|
|
))}
|
|
<input
|
|
type="text"
|
|
value={message}
|
|
onChange={(e) => setMessage(e.target.value)}
|
|
/>
|
|
<button onClick={() => sendMessage(message)}>Send</button>
|
|
</div>
|
|
);
|
|
};
|