chore: import upstream snapshot with attribution
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user