mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Ran Shem Tov
f13f8865a8
Add a zodState() helper that attaches a lazy `~standard.jsonSchema.input` to a zod schema so LangGraph's StateSchema.getJsonSchema() emits the field into the graph's output_schema. Without it, zod v4 fields carry `~standard.validate` + `vendor` only, `isStandardJSONSchema` returns false, and the field is silently dropped from output_schema — which in turn causes the AG-UI LangGraphAgent proxy to filter the value out of STATE_SNAPSHOT events on the wire, so the frontend never sees it even though the underlying thread state has the data. Apply zodState to the middleware's own `copilotkit` state field so it surfaces in output_schema and export it for demos to use on custom state fields (todos, documents, etc.). Uses `z.toJSONSchema` when available (zod v4 subpath) and falls back to an empty object, which is sufficient to make langgraph-api include the key in output_schema.
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>
|
|
);
|
|
};
|