@cloudbase/agent-ui-web 0.0.2

package/dist/index.mjs

@@ -0,0 +1,513 @@
+// src/use-chat.tsx
+import {
+  sendMessageEventSchema,
+  isV4Schema
+} from "@cloudbase/agent-shared";
+
+// src/utils.ts
+import { useRef, useState } from "react";
+import { EventSourceParserStream } from "eventsource-parser/stream";
+import { jsonrepair } from "jsonrepair";
+function partialParse(input) {
+  try {
+    return JSON.parse(input);
+  } catch (_) {
+    try {
+      return JSON.parse(jsonrepair(input));
+    } catch (e) {
+      console.error("Failed to repair JSON", e);
+      return {};
+    }
+  }
+}
+function bodyToSseAsyncGenerator(body) {
+  const eventSourceStream = body.pipeThrough(new TextDecoderStream()).pipeThrough(new EventSourceParserStream());
+  return readableStreamToAsyncGenerator(eventSourceStream);
+}
+async function* readableStreamToAsyncGenerator(stream) {
+  const reader = stream.getReader();
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    yield value;
+  }
+}
+function safeJSONParse(json) {
+  try {
+    return JSON.parse(json);
+  } catch (_) {
+    return null;
+  }
+}
+function useRefState(initialValue) {
+  const ref = useRef(initialValue);
+  const [state, setState] = useState(initialValue);
+  const setStateAndRef = (value) => {
+    const next = typeof value === "function" ? value(ref.current) : value;
+    ref.current = next;
+    setState(next);
+  };
+  const getLatest = () => ref.current;
+  return [state, setStateAndRef, getLatest];
+}
+
+// src/use-chat.tsx
+import * as z4 from "zod/v4/core";
+import { useEffect } from "react";
+
+// src/tool.ts
+function clientTool(tool) {
+  return tool;
+}
+function isClientToolWithHandler(tool) {
+  return "handler" in tool;
+}
+function isClientToolWithRender(tool) {
+  return "render" in tool;
+}
+function isClientToolWithRenderAndWaitForResponse(tool) {
+  return "renderAndWaitForResponse" in tool;
+}
+function serverTool(tool) {
+  return tool;
+}
+
+// src/use-chat.tsx
+import { useRef as useRef2 } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { zodToJsonSchema } from "@ag-kit/zod-to-json-schema";
+function toJsonSchema(schema) {
+  return isV4Schema(schema) ? z4.toJSONSchema(schema) : zodToJsonSchema(schema);
+}
+function useChat({
+  clientTools,
+  serverTools,
+  url = "/send-message",
+  threadId = uuidv4(),
+  interrupt,
+  fetch = globalThis.fetch
+}) {
+  const threadIdRef = useRef2(threadId);
+  const [messages, setMessages] = useRefState([]);
+  const [_, setDeltaMessages, getLatestDeltaMessages] = useRefState([]);
+  const [loading] = useRefState(false);
+  const [streaming, setStreaming] = useRefState(false);
+  const [pendingInterrupt, setPendingInterrupt] = useRefState(
+    null
+  );
+  const [resolveInterrupt, setResolveInterrupt] = useRefState(null);
+  const [uiToolCalls, setUiToolCalls] = useRefState([]);
+  const [currentRoundUiToolCallIds, setCurrentRoundUiToolCallIds] = useRefState([]);
+  const calledToolCalls = useRef2(/* @__PURE__ */ new Set());
+  const [error, setError] = useRefState(null);
+  const uiMessages = messages.reduce((acc, cur, index) => {
+    if (cur.role === "user") {
+      return [
+        ...acc,
+        {
+          role: "user",
+          parts: [{ type: "text", text: cur.content }]
+        }
+      ];
+    } else if (cur.role === "system") {
+      return acc;
+    } else {
+      const lastMessage = acc.at(-1);
+      if (cur.role === "assistant") {
+        let parts = [];
+        if (cur.content?.trim()) {
+          parts.push({ type: "text", text: cur.content });
+        }
+        if (Array.isArray(cur.toolCalls) && cur.toolCalls.length > 0) {
+          parts = [
+            ...parts,
+            ...cur.toolCalls.map(
+              (toolCall) => {
+                const uiToolCall = uiToolCalls.find(
+                  (x) => x.id === toolCall.id
+                );
+                const clientTool3 = clientTools?.find(
+                  (tool) => tool.name === uiToolCall.name
+                );
+                const serverTool3 = serverTools?.find(
+                  (tool) => tool.name === uiToolCall.name
+                );
+                if (clientTool3) {
+                  if (isClientToolWithRender(clientTool3)) {
+                    return {
+                      ...uiToolCall,
+                      type: "tool-call",
+                      render: () => clientTool3.render({
+                        input: partialParse(uiToolCall.arguments),
+                        part: { ...uiToolCall, type: "tool-call" }
+                      })
+                    };
+                  }
+                  if (isClientToolWithRenderAndWaitForResponse(clientTool3)) {
+                    return {
+                      ...uiToolCall,
+                      type: "tool-call",
+                      render: () => clientTool3.renderAndWaitForResponse({
+                        part: { ...uiToolCall, type: "tool-call" },
+                        submitToolResult: uiToolCall.state === "input-available" ? (output) => {
+                          setUiToolCalls((oldToolCalls) => {
+                            const toolCallIndex = oldToolCalls.findIndex(
+                              (x) => x.id === uiToolCall.id
+                            );
+                            return [
+                              ...oldToolCalls.slice(0, toolCallIndex),
+                              {
+                                ...oldToolCalls[toolCallIndex],
+                                result: output,
+                                state: "output-available"
+                              },
+                              ...oldToolCalls.slice(toolCallIndex + 1)
+                            ];
+                          });
+                        } : void 0
+                      })
+                    };
+                  }
+                }
+                if (serverTool3) {
+                  return {
+                    ...uiToolCall,
+                    type: "tool-call",
+                    render: () => serverTool3.render({
+                      input: partialParse(uiToolCall.arguments),
+                      part: { ...uiToolCall, type: "tool-call" }
+                    })
+                  };
+                }
+                return { ...uiToolCall, type: "tool-call" };
+              }
+            )
+          ];
+        }
+        if (pendingInterrupt && !resolveInterrupt) {
+          parts.push({
+            type: "interrupt",
+            interrupt: pendingInterrupt,
+            render: messages.slice(index + 1).findIndex((x) => x.role === "assistant") === -1 && interrupt ? () => interrupt.renderWithResume({
+              interrupt: pendingInterrupt,
+              resume: (result) => {
+                setResolveInterrupt({
+                  id: pendingInterrupt.id,
+                  reason: pendingInterrupt.reason,
+                  payload: pendingInterrupt.payload,
+                  resumePayload: result
+                });
+              }
+            }) : void 0
+          });
+        }
+        if (lastMessage === void 0) {
+          return [...acc, { role: "assistant", parts }];
+        }
+        if (lastMessage.role === "user") {
+          return [...acc, { role: "assistant", parts }];
+        } else {
+          return [
+            ...acc.slice(0, -1),
+            { ...lastMessage, parts: [...lastMessage.parts, ...parts] }
+          ];
+        }
+      } else {
+        return acc;
+      }
+    }
+  }, []);
+  const sendMessage = async (prop) => {
+    setStreaming(true);
+    setCurrentRoundUiToolCallIds([]);
+    if (typeof prop === "string") {
+      setMessages((oldMessages) => [
+        ...oldMessages,
+        { role: "user", content: prop }
+      ]);
+      setDeltaMessages((oldMessages) => [
+        ...oldMessages,
+        { role: "user", content: prop }
+      ]);
+    } else if (prop && "toolCallId" in prop) {
+      setMessages((old) => [
+        ...old,
+        { role: "tool", content: prop.content, toolCallId: prop.toolCallId }
+      ]);
+      setDeltaMessages((old) => [
+        ...old,
+        { role: "tool", content: prop.content, toolCallId: prop.toolCallId }
+      ]);
+    }
+    let sendMessageInput;
+    if (prop && typeof prop === "object" && "interruptId" in prop) {
+      sendMessageInput = {
+        resume: {
+          interruptId: prop.interruptId,
+          payload: JSON.stringify(prop.payload)
+        },
+        tools: clientTools?.map((tool) => ({
+          name: tool.name,
+          description: tool.description,
+          parameters: JSON.stringify(toJsonSchema(tool.parameters))
+        })),
+        conversationId: threadIdRef.current
+      };
+    } else {
+      const deltaMessages = getLatestDeltaMessages();
+      setDeltaMessages([]);
+      sendMessageInput = {
+        messages: deltaMessages,
+        tools: clientTools?.map((tool) => ({
+          name: tool.name,
+          description: tool.description,
+          parameters: JSON.stringify(toJsonSchema(tool.parameters))
+        })),
+        conversationId: threadIdRef.current
+      };
+    }
+    const requestInit = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "text/event-stream"
+      },
+      body: JSON.stringify(sendMessageInput)
+    };
+    try {
+      const res = await fetch(url, requestInit);
+      if (!res.ok) {
+        throw new Error(
+          JSON.stringify({
+            request: {
+              url,
+              ...requestInit
+            },
+            response: {
+              status: res.status,
+              statusText: res.statusText,
+              body: res.bodyUsed ? null : await res.text()
+            }
+          })
+        );
+      }
+      const eventSourceGenerator = bodyToSseAsyncGenerator(res.body);
+      for await (const event of eventSourceGenerator) {
+        if (event.data === "[DONE]") {
+          break;
+        }
+        const parsed = sendMessageEventSchema.safeParse(
+          safeJSONParse(event.data)
+        );
+        if (parsed.success !== true) {
+          continue;
+        }
+        const { data } = parsed;
+        if (data.type === "text") {
+          setMessages((oldMessages) => {
+            const lastMessage = oldMessages.at(-1);
+            if (lastMessage?.role === "assistant") {
+              return [
+                ...oldMessages.slice(0, -1),
+                {
+                  ...lastMessage,
+                  content: (lastMessage.content ?? "") + data.content
+                }
+              ];
+            } else {
+              const newMessage = {
+                role: "assistant",
+                content: data.content
+              };
+              return [...oldMessages, newMessage];
+            }
+          });
+        } else if (data.type === "tool-call-start") {
+          const toolCall = {
+            type: "function",
+            id: data.toolCallId,
+            function: {
+              arguments: "",
+              name: data.toolCallName
+            }
+          };
+          setMessages((old) => {
+            const lastMessage = old.at(-1);
+            if (lastMessage?.role === "assistant") {
+              return [
+                ...old.slice(0, -1),
+                {
+                  ...lastMessage,
+                  toolCalls: [...lastMessage?.toolCalls ?? [], toolCall]
+                }
+              ];
+            } else {
+              return [...old, { role: "assistant", toolCalls: [toolCall] }];
+            }
+          });
+          setUiToolCalls((old) => [
+            ...old,
+            {
+              id: data.toolCallId,
+              name: data.toolCallName,
+              arguments: "",
+              state: "input-streaming"
+            }
+          ]);
+        } else if (data.type === "tool-call-args") {
+          setMessages((old) => {
+            const lastMessage = old.at(-1);
+            if (lastMessage?.role !== "assistant") {
+              throw new Error(`Last message is not an assistant message.`);
+            }
+            const toolCalls = lastMessage.toolCalls;
+            const toolCallIndex = toolCalls.findIndex(
+              (x) => x.id === data.toolCallId
+            );
+            const nextToolCalls = [
+              ...toolCalls.slice(0, toolCallIndex),
+              {
+                ...toolCalls[toolCallIndex],
+                function: {
+                  ...toolCalls[toolCallIndex].function,
+                  arguments: toolCalls[toolCallIndex].function.arguments + data.delta
+                }
+              },
+              ...toolCalls.slice(toolCallIndex + 1)
+            ];
+            return [
+              ...old.slice(0, -1),
+              { ...lastMessage, toolCalls: nextToolCalls }
+            ];
+          });
+          setUiToolCalls((old) => {
+            const index = old.findIndex((x) => x.id === data.toolCallId);
+            return [
+              ...old.slice(0, index),
+              {
+                ...old[index],
+                arguments: old[index].arguments + data.delta,
+                state: "input-streaming"
+              },
+              ...old.slice(index + 1)
+            ];
+          });
+        } else if (data.type === "tool-call-end") {
+          setUiToolCalls((old) => {
+            const index = old.findIndex((x) => x.id === data.toolCallId);
+            return [
+              ...old.slice(0, index),
+              { ...old[index], state: "input-available" },
+              ...old.slice(index + 1)
+            ];
+          });
+          setCurrentRoundUiToolCallIds((old) => [...old, data.toolCallId]);
+        } else if (data.type === "tool-result") {
+          setCurrentRoundUiToolCallIds(
+            (old) => old.filter((x) => x !== data.toolCallId)
+          );
+          setMessages((old) => [
+            ...old,
+            { role: "tool", content: data.result, toolCallId: data.toolCallId }
+          ]);
+          setUiToolCalls((old) => {
+            const index = old.findIndex((x) => x.id === data.toolCallId);
+            return [
+              ...old.slice(0, index),
+              { ...old[index], result: data.result, state: "output-available" },
+              ...old.slice(index + 1)
+            ];
+          });
+        } else if (data.type === "interrupt") {
+          setPendingInterrupt({
+            id: data.id,
+            payload: data.payload,
+            reason: data.reason
+          });
+        }
+      }
+      setStreaming(false);
+    } catch (e) {
+      console.log(e);
+      setError(e);
+      setStreaming(false);
+    }
+  };
+  const runnableTools = clientTools?.filter(isClientToolWithHandler) || [];
+  const runnableToolCalls = uiToolCalls.filter(
+    (toolCall) => toolCall.state === "input-available" && runnableTools.some((tool) => tool.name === toolCall.name)
+  );
+  useEffect(() => {
+    if (streaming) {
+      return;
+    }
+    runnableToolCalls.filter((toolCall) => !calledToolCalls.current.has(toolCall.id)).forEach((toolCall) => {
+      calledToolCalls.current.add(toolCall.id);
+      const tool = runnableTools.find((tool2) => tool2.name === toolCall.name);
+      async function runToolCall() {
+        return tool.handler(JSON.parse(toolCall.arguments));
+      }
+      Promise.resolve(runToolCall()).then(
+        (res) => res,
+        (err) => `Tool call failed with info: ${typeof err === "string" ? err : String(err)}`
+      ).then((res) => {
+        setUiToolCalls((old) => {
+          const index = old.findIndex((x) => x.id === toolCall.id);
+          return [
+            ...old.slice(0, index),
+            {
+              ...old[index],
+              result: typeof res === "string" ? res : JSON.stringify(res),
+              state: "output-available"
+            },
+            ...old.slice(index + 1)
+          ];
+        });
+        const toolResultMessage = {
+          role: "tool",
+          content: typeof res === "string" ? res : JSON.stringify(res),
+          toolCallId: toolCall.id
+        };
+        setMessages((old) => [...old, toolResultMessage]);
+        setDeltaMessages((old) => [...old, toolResultMessage]);
+      });
+    });
+  }, [runnableToolCalls, runnableTools, streaming]);
+  useEffect(() => {
+    if (streaming) {
+      return;
+    }
+    if (currentRoundUiToolCallIds.length > 0 && currentRoundUiToolCallIds.every(
+      (id) => uiToolCalls.find((x) => x.id === id)?.state === "output-available"
+    )) {
+      sendMessage();
+    }
+  }, [streaming, currentRoundUiToolCallIds, uiToolCalls]);
+  useEffect(() => {
+    if (!streaming && pendingInterrupt && resolveInterrupt && pendingInterrupt.id === resolveInterrupt.id) {
+      setPendingInterrupt(null);
+      setResolveInterrupt(null);
+      sendMessage({
+        interruptId: resolveInterrupt.id,
+        payload: resolveInterrupt.resumePayload
+      });
+    }
+  }, [pendingInterrupt, resolveInterrupt, streaming]);
+  return {
+    messages,
+    setMessages,
+    uiMessages,
+    uiToolCalls,
+    sendMessage,
+    loading,
+    streaming,
+    error
+  };
+}
+export {
+  clientTool,
+  partialParse,
+  serverTool,
+  useChat
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-chat.tsx","../src/utils.ts","../src/tool.ts"],"sourcesContent":["import {\n  sendMessageEventSchema,\n  ClientMessage,\n  SendMessageInput,\n  isV4Schema,\n  Schema,\n} from \"@cloudbase/agent-shared\";\nimport {\n  safeJSONParse,\n  bodyToSseAsyncGenerator,\n  useRefState,\n  partialParse,\n} from \"./utils\";\nimport {\n  UIMessage,\n  UIMessagePart,\n  UIMessagePartToolCallWithRender,\n  InterruptWithResume,\n  Interrupt,\n  ToolStreamingState,\n} from \"./type\";\nimport * as z4 from \"zod/v4/core\";\nimport { useEffect } from \"react\";\nimport {\n  clientTool,\n  isClientToolWithHandler,\n  isClientToolWithRender,\n  isClientToolWithRenderAndWaitForResponse,\n  serverTool,\n} from \"./tool\";\nimport { useRef } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { zodToJsonSchema } from \"@ag-kit/zod-to-json-schema\";\n\nfunction toJsonSchema(schema: Schema) {\n  return isV4Schema(schema) ? z4.toJSONSchema(schema) : zodToJsonSchema(schema);\n}\n\ninterface UseChatOptions {\n  url?: string;\n  clientTools?: ReadonlyArray<ReturnType<typeof clientTool>>;\n  serverTools?: ReadonlyArray<ReturnType<typeof serverTool>>;\n  threadId?: string;\n  interrupt?: InterruptWithResume;\n  fetch?: typeof fetch;\n}\n\nexport function useChat({\n  clientTools,\n  serverTools,\n  url = \"/send-message\",\n  threadId = uuidv4(),\n  interrupt,\n  fetch = globalThis.fetch,\n}: UseChatOptions) {\n  const threadIdRef = useRef(threadId);\n  const [messages, setMessages] = useRefState<Array<ClientMessage>>([]);\n  const [_, setDeltaMessages, getLatestDeltaMessages] = useRefState<\n    Array<ClientMessage>\n  >([]);\n\n  const [loading] = useRefState(false);\n  const [streaming, setStreaming] = useRefState(false);\n\n  const [pendingInterrupt, setPendingInterrupt] = useRefState<Interrupt | null>(\n    null\n  );\n  const [resolveInterrupt, setResolveInterrupt] = useRefState<\n    (Interrupt & { resumePayload: unknown }) | null\n  >(null);\n\n  const [uiToolCalls, setUiToolCalls] = useRefState<\n    Array<{\n      id: string;\n      name: string;\n      arguments: string;\n      result?: string;\n      state: ToolStreamingState;\n      errorText?: string;\n    }>\n  >([]);\n\n  const [currentRoundUiToolCallIds, setCurrentRoundUiToolCallIds] = useRefState<\n    Array<string>\n  >([]);\n\n  const calledToolCalls = useRef(new Set<string>());\n  const [error, setError] = useRefState<null | unknown>(null);\n\n  const uiMessages = messages.reduce<Array<UIMessage>>((acc, cur, index) => {\n    if (cur.role === \"user\") {\n      return [\n        ...acc,\n        {\n          role: \"user\" as const,\n          parts: [{ type: \"text\", text: cur.content }],\n        },\n      ];\n    } else if (cur.role === \"system\") {\n      return acc;\n    } else {\n      const lastMessage = acc.at(-1);\n      if (cur.role === \"assistant\") {\n        let parts: Array<UIMessagePart> = [];\n        if (cur.content?.trim()) {\n          parts.push({ type: \"text\", text: cur.content });\n        }\n        if (Array.isArray(cur.toolCalls) && cur.toolCalls.length > 0) {\n          parts = [\n            ...parts,\n            ...cur.toolCalls.map<UIMessagePartToolCallWithRender>(\n              (toolCall) => {\n                const uiToolCall = uiToolCalls.find(\n                  (x) => x.id === toolCall.id\n                )!;\n\n                const clientTool = clientTools?.find(\n                  (tool) => tool.name === uiToolCall.name\n                );\n\n                const serverTool = serverTools?.find(\n                  (tool) => tool.name === uiToolCall.name\n                );\n\n                if (clientTool) {\n                  if (isClientToolWithRender(clientTool)) {\n                    return {\n                      ...uiToolCall,\n                      type: \"tool-call\",\n                      render: () =>\n                        clientTool.render({\n                          input: partialParse(uiToolCall.arguments),\n                          part: { ...uiToolCall, type: \"tool-call\" },\n                        }),\n                    };\n                  }\n                  if (isClientToolWithRenderAndWaitForResponse(clientTool)) {\n                    return {\n                      ...uiToolCall,\n                      type: \"tool-call\",\n                      render: () =>\n                        clientTool.renderAndWaitForResponse({\n                          part: { ...uiToolCall, type: \"tool-call\" },\n                          submitToolResult:\n                            uiToolCall.state === \"input-available\"\n                              ? (output) => {\n                                  setUiToolCalls((oldToolCalls) => {\n                                    const toolCallIndex =\n                                      oldToolCalls.findIndex(\n                                        (x) => x.id === uiToolCall.id\n                                      );\n                                    return [\n                                      ...oldToolCalls.slice(0, toolCallIndex),\n                                      {\n                                        ...oldToolCalls[toolCallIndex],\n                                        result: output,\n                                        state: \"output-available\",\n                                      },\n                                      ...oldToolCalls.slice(toolCallIndex + 1),\n                                    ];\n                                  });\n                                }\n                              : undefined,\n                        }),\n                    };\n                  }\n                }\n\n                if (serverTool) {\n                  return {\n                    ...uiToolCall,\n                    type: \"tool-call\",\n                    render: () =>\n                      serverTool.render({\n                        input: partialParse(uiToolCall.arguments),\n                        part: { ...uiToolCall, type: \"tool-call\" },\n                      }),\n                  };\n                }\n\n                return { ...uiToolCall, type: \"tool-call\" };\n              }\n            ),\n          ];\n        }\n\n        if (pendingInterrupt && !resolveInterrupt) {\n          parts.push({\n            type: \"interrupt\",\n            interrupt: pendingInterrupt,\n            render:\n              messages\n                .slice(index + 1)\n                .findIndex((x) => x.role === \"assistant\") === -1 && interrupt\n                ? () =>\n                    interrupt.renderWithResume({\n                      interrupt: pendingInterrupt,\n                      resume: (result) => {\n                        setResolveInterrupt({\n                          id: pendingInterrupt.id,\n                          reason: pendingInterrupt.reason,\n                          payload: pendingInterrupt.payload,\n                          resumePayload: result,\n                        });\n                      },\n                    })\n                : undefined,\n          });\n        }\n\n        if (lastMessage === undefined) {\n          return [...acc, { role: \"assistant\", parts }];\n        }\n        if (lastMessage.role === \"user\") {\n          return [...acc, { role: \"assistant\", parts }];\n        } else {\n          return [\n            ...acc.slice(0, -1),\n            { ...lastMessage, parts: [...lastMessage.parts, ...parts] },\n          ];\n        }\n      } else {\n        return acc;\n      }\n    }\n  }, []);\n\n  const sendMessage = async (\n    prop?:\n      | string\n      | { toolCallId: string; content: string }\n      | {\n          interruptId: string;\n          payload: unknown;\n        }\n  ) => {\n    setStreaming(true);\n    setCurrentRoundUiToolCallIds([]);\n\n    if (typeof prop === \"string\") {\n      setMessages((oldMessages) => [\n        ...oldMessages,\n        { role: \"user\", content: prop },\n      ]);\n      setDeltaMessages((oldMessages) => [\n        ...oldMessages,\n        { role: \"user\", content: prop },\n      ]);\n    } else if (prop && \"toolCallId\" in prop) {\n      setMessages((old) => [\n        ...old,\n        { role: \"tool\", content: prop.content, toolCallId: prop.toolCallId },\n      ]);\n      setDeltaMessages((old) => [\n        ...old,\n        { role: \"tool\", content: prop.content, toolCallId: prop.toolCallId },\n      ]);\n    }\n\n    let sendMessageInput: SendMessageInput;\n\n    if (prop && typeof prop === \"object\" && \"interruptId\" in prop) {\n      sendMessageInput = {\n        resume: {\n          interruptId: prop.interruptId,\n          payload: JSON.stringify(prop.payload),\n        },\n        tools: clientTools?.map((tool) => ({\n          name: tool.name,\n          description: tool.description,\n          parameters: JSON.stringify(toJsonSchema(tool.parameters)),\n        })),\n        conversationId: threadIdRef.current,\n      };\n    } else {\n      const deltaMessages = getLatestDeltaMessages();\n      setDeltaMessages([]);\n\n      sendMessageInput = {\n        messages: deltaMessages,\n        tools: clientTools?.map((tool) => ({\n          name: tool.name,\n          description: tool.description,\n          parameters: JSON.stringify(toJsonSchema(tool.parameters)),\n        })),\n        conversationId: threadIdRef.current,\n      };\n    }\n\n    const requestInit = {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"text/event-stream\",\n      },\n      body: JSON.stringify(sendMessageInput),\n    };\n\n    try {\n      const res = await fetch(url, requestInit);\n\n      if (!res.ok) {\n        throw new Error(\n          JSON.stringify({\n            request: {\n              url,\n              ...requestInit,\n            },\n            response: {\n              status: res.status,\n              statusText: res.statusText,\n              body: res.bodyUsed ? null : await res.text(),\n            },\n          })\n        );\n      }\n\n      const eventSourceGenerator = bodyToSseAsyncGenerator(res.body!);\n\n      for await (const event of eventSourceGenerator) {\n        if (event.data === \"[DONE]\") {\n          break;\n        }\n\n        const parsed = sendMessageEventSchema.safeParse(\n          safeJSONParse(event.data)\n        );\n\n        if (parsed.success !== true) {\n          continue;\n        }\n\n        const { data } = parsed;\n\n        if (data.type === \"text\") {\n          setMessages((oldMessages) => {\n            const lastMessage = oldMessages.at(-1);\n            if (lastMessage?.role === \"assistant\") {\n              return [\n                ...oldMessages.slice(0, -1),\n                {\n                  ...lastMessage,\n                  content: (lastMessage.content ?? \"\") + data.content,\n                },\n              ];\n            } else {\n              const newMessage: ClientMessage = {\n                role: \"assistant\",\n                content: data.content,\n              };\n              return [...oldMessages, newMessage];\n            }\n          });\n        } else if (data.type === \"tool-call-start\") {\n          const toolCall = {\n            type: \"function\" as const,\n            id: data.toolCallId,\n            function: {\n              arguments: \"\",\n              name: data.toolCallName,\n            },\n          };\n          setMessages((old) => {\n            const lastMessage = old.at(-1);\n            if (lastMessage?.role === \"assistant\") {\n              return [\n                ...old.slice(0, -1),\n                {\n                  ...lastMessage,\n                  toolCalls: [...(lastMessage?.toolCalls ?? []), toolCall],\n                },\n              ];\n            } else {\n              return [...old, { role: \"assistant\", toolCalls: [toolCall] }];\n            }\n          });\n          setUiToolCalls((old) => [\n            ...old,\n            {\n              id: data.toolCallId,\n              name: data.toolCallName,\n              arguments: \"\",\n              state: \"input-streaming\",\n            },\n          ]);\n        } else if (data.type === \"tool-call-args\") {\n          setMessages((old) => {\n            const lastMessage = old.at(-1);\n            if (lastMessage?.role !== \"assistant\") {\n              throw new Error(`Last message is not an assistant message.`);\n            }\n\n            const toolCalls = lastMessage.toolCalls!;\n            const toolCallIndex = toolCalls.findIndex(\n              (x) => x.id === data.toolCallId\n            );\n            const nextToolCalls: typeof toolCalls = [\n              ...toolCalls.slice(0, toolCallIndex),\n              {\n                ...toolCalls[toolCallIndex],\n                function: {\n                  ...toolCalls[toolCallIndex].function,\n                  arguments:\n                    toolCalls[toolCallIndex].function.arguments + data.delta,\n                },\n              },\n              ...toolCalls.slice(toolCallIndex + 1),\n            ];\n\n            return [\n              ...old.slice(0, -1),\n              { ...lastMessage, toolCalls: nextToolCalls },\n            ];\n          });\n\n          setUiToolCalls((old) => {\n            const index = old.findIndex((x) => x.id === data.toolCallId)!;\n            return [\n              ...old.slice(0, index),\n              {\n                ...old[index],\n                arguments: old[index].arguments + data.delta,\n                state: \"input-streaming\",\n              },\n              ...old.slice(index + 1),\n            ];\n          });\n        } else if (data.type === \"tool-call-end\") {\n          setUiToolCalls((old) => {\n            const index = old.findIndex((x) => x.id === data.toolCallId)!;\n            return [\n              ...old.slice(0, index),\n              { ...old[index], state: \"input-available\" },\n              ...old.slice(index + 1),\n            ];\n          });\n          setCurrentRoundUiToolCallIds((old) => [...old, data.toolCallId]);\n        } else if (data.type === \"tool-result\") {\n          setCurrentRoundUiToolCallIds((old) =>\n            old.filter((x) => x !== data.toolCallId)\n          );\n          setMessages((old) => [\n            ...old,\n            { role: \"tool\", content: data.result, toolCallId: data.toolCallId },\n          ]);\n          setUiToolCalls((old) => {\n            const index = old.findIndex((x) => x.id === data.toolCallId)!;\n            return [\n              ...old.slice(0, index),\n              { ...old[index], result: data.result, state: \"output-available\" },\n              ...old.slice(index + 1),\n            ];\n          });\n        } else if (data.type === \"interrupt\") {\n          setPendingInterrupt({\n            id: data.id,\n            payload: data.payload,\n            reason: data.reason,\n          });\n        }\n      }\n\n      setStreaming(false);\n    } catch (e) {\n      console.log(e);\n      setError(e);\n      setStreaming(false);\n    }\n  };\n\n  const runnableTools = clientTools?.filter(isClientToolWithHandler) || [];\n\n  const runnableToolCalls = uiToolCalls.filter(\n    (toolCall) =>\n      toolCall.state === \"input-available\" &&\n      runnableTools.some((tool) => tool.name === toolCall.name)\n  );\n\n  useEffect(() => {\n    if (streaming) {\n      return;\n    }\n\n    runnableToolCalls\n      .filter((toolCall) => !calledToolCalls.current.has(toolCall.id))\n      .forEach((toolCall) => {\n        calledToolCalls.current.add(toolCall.id);\n        const tool = runnableTools.find((tool) => tool.name === toolCall.name)!;\n        async function runToolCall() {\n          return tool.handler(JSON.parse(toolCall.arguments));\n        }\n        Promise.resolve(runToolCall())\n          .then(\n            (res) => res,\n            (err) =>\n              `Tool call failed with info: ${typeof err === \"string\" ? err : String(err)}`\n          )\n          .then((res) => {\n            setUiToolCalls((old) => {\n              const index = old.findIndex((x) => x.id === toolCall.id)!;\n              return [\n                ...old.slice(0, index),\n                {\n                  ...old[index],\n                  result: typeof res === \"string\" ? res : JSON.stringify(res),\n                  state: \"output-available\",\n                },\n                ...old.slice(index + 1),\n              ];\n            });\n\n            const toolResultMessage: ClientMessage = {\n              role: \"tool\",\n              content: typeof res === \"string\" ? res : JSON.stringify(res),\n              toolCallId: toolCall.id,\n            };\n\n            setMessages((old) => [...old, toolResultMessage]);\n            setDeltaMessages((old) => [...old, toolResultMessage]);\n          });\n      });\n  }, [runnableToolCalls, runnableTools, streaming]);\n\n  useEffect(() => {\n    if (streaming) {\n      return;\n    }\n\n    if (\n      currentRoundUiToolCallIds.length > 0 &&\n      currentRoundUiToolCallIds.every(\n        (id) =>\n          uiToolCalls.find((x) => x.id === id)?.state === \"output-available\"\n      )\n    ) {\n      sendMessage();\n    }\n  }, [streaming, currentRoundUiToolCallIds, uiToolCalls]);\n\n  useEffect(() => {\n    if (\n      !streaming &&\n      pendingInterrupt &&\n      resolveInterrupt &&\n      pendingInterrupt.id === resolveInterrupt.id\n    ) {\n      setPendingInterrupt(null);\n      setResolveInterrupt(null);\n      sendMessage({\n        interruptId: resolveInterrupt.id,\n        payload: resolveInterrupt.resumePayload,\n      });\n    }\n  }, [pendingInterrupt, resolveInterrupt, streaming]);\n\n  return {\n    messages,\n    setMessages,\n    uiMessages,\n    uiToolCalls,\n    sendMessage,\n    loading,\n    streaming,\n    error,\n  };\n}\n","import { useRef, useState } from \"react\";\nimport { EventSourceParserStream } from \"eventsource-parser/stream\";\nimport { jsonrepair } from \"jsonrepair\";\n\nexport function partialParse<T>(input: string) {\n  try {\n    return JSON.parse(input) as T;\n  } catch (_) {\n    try {\n      return JSON.parse(jsonrepair(input)) as T;\n    } catch (e) {\n      console.error(\"Failed to repair JSON\", e);\n      return {} as T;\n    }\n  }\n}\n\nexport function bodyToSseAsyncGenerator(\n  body: NonNullable<Awaited<ReturnType<typeof fetch>>[\"body\"]>\n) {\n  const eventSourceStream = body\n    .pipeThrough(new TextDecoderStream())\n    .pipeThrough(new EventSourceParserStream());\n\n  return readableStreamToAsyncGenerator(eventSourceStream);\n}\n\nexport async function* readableStreamToAsyncGenerator<T>(\n  stream: ReadableStream<T>\n) {\n  const reader = stream.getReader();\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    yield value;\n  }\n}\n\nexport function safeJSONParse(json: string) {\n  try {\n    return JSON.parse(json);\n  } catch (_) {\n    return null;\n  }\n}\n\nexport function useRefState<T>(initialValue: T) {\n  const ref = useRef<T>(initialValue);\n  const [state, setState] = useState<T>(initialValue);\n\n  const setStateAndRef = (value: T | ((prev: T) => T)) => {\n    const next =\n      typeof value === \"function\"\n        ? (value as (prev: T) => T)(ref.current)\n        : value;\n\n    ref.current = next;\n\n    setState(next);\n  };\n\n  const getLatest = () => ref.current;\n\n  return [state, setStateAndRef, getLatest] as const;\n}\n","import {\n  ClientTool,\n  ClientToolBase,\n  ClientToolWithHandler,\n  ClientToolWithInputSchema,\n  ClientToolWithRender,\n  ClientToolWithRenderAndWaitForResponse,\n  ServerTool,\n} from \"./type\";\nimport type { Schema } from \"@cloudbase/agent-shared\";\n\nexport function clientTool<TSchema extends Schema>(\n  tool: ClientToolBase<TSchema>\n): ClientToolWithInputSchema<TSchema>;\nexport function clientTool<TSchema extends Schema>(\n  tool: ClientToolWithHandler<TSchema>\n): ClientToolWithInputSchema<TSchema>;\nexport function clientTool<TSchema extends Schema>(\n  tool: ClientToolWithRender<TSchema>\n): ClientToolWithInputSchema<TSchema>;\nexport function clientTool<TSchema extends Schema>(\n  tool: ClientToolWithRenderAndWaitForResponse<TSchema>\n): ClientToolWithInputSchema<TSchema>;\nexport function clientTool<TSchema extends Schema>(tool: ClientTool<TSchema>) {\n  return tool;\n}\n\nexport function isClientToolWithHandler<TSchema extends Schema>(\n  tool: ClientToolWithInputSchema<TSchema>\n): tool is ClientToolWithHandler<TSchema> {\n  return \"handler\" in tool;\n}\n\nexport function isClientToolWithRender<TSchema extends Schema>(\n  tool: ClientToolWithInputSchema<TSchema>\n): tool is ClientToolWithRender<TSchema> {\n  return \"render\" in tool;\n}\n\nexport function isClientToolWithRenderAndWaitForResponse<\n  TSchema extends Schema,\n>(\n  tool: ClientToolWithInputSchema<TSchema>\n): tool is ClientToolWithRenderAndWaitForResponse<TSchema> {\n  return \"renderAndWaitForResponse\" in tool;\n}\n\nexport function serverTool<TSchema extends Schema>(\n  tool: ServerTool<TSchema>\n): ServerTool<TSchema> {\n  return tool;\n}\n"],"mappings":"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","names":["useRef","clientTool","serverTool","tool"]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@cloudbase/agent-ui-web",
+  "version": "0.0.2",
+  "description": "React UI components for AG-Kit",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "keywords": [
+    "ui",
+    "react",
+    "web",
+    "components"
+  ],
+  "author": "AG-Kit Team",
+  "license": "MIT",
+  "dependencies": {
+    "@ag-kit/zod-to-json-schema": "^3.24.6",
+    "eventsource-parser": "^3.0.6",
+    "jsonrepair": "^3.13.1",
+    "react": "^19.1.0",
+    "uuid": "^13.0.0",
+    "@cloudbase/agent-shared": "^0.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "tsup": "^8.5.0",
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "peerDependencies": {
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "scripts": {
+    "dev": "echo 'React UI development'",
+    "build": "tsup --config tsup.config.ts",
+    "test": "echo 'Testing React UI'",
+    "lint": "echo 'Linting React UI'"
+  }
+}