@zaikit/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Lionel Tay
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
+import React from 'react';
+import { ZodType } from 'zod';
+
+type ToolRenderState = "call" | "suspended" | "result";
+type ToolRenderProps<TArgs = Record<string, unknown>, TSuspend = unknown, TResume = unknown> = {
+    toolCallId: string;
+    toolName: string;
+    state: ToolRenderState;
+    args: TArgs;
+    suspendPayload: TSuspend | undefined;
+    result: unknown;
+    resume: (data: TResume) => void;
+};
+type ToolRenderFn = (props: ToolRenderProps) => React.ReactNode;
+type FrontendToolRegistration = {
+    name: string;
+    description: string;
+    parameters: Record<string, unknown>;
+};
+type AgentContextValue = {
+    messages: UIMessage[];
+    rawMessages: UIMessage[];
+    status: string;
+    sendMessage: ((opts: {
+        text: string;
+    }) => void) | undefined;
+    resumeTool: (toolCallId: string, data: unknown) => void;
+    addToolOutput: (opts: {
+        tool: string;
+        toolCallId: string;
+        output: unknown;
+    }) => Promise<void>;
+    hasSuspendedTools: boolean;
+    setMessages: (msgs: UIMessage[]) => void;
+    renderToolPart: (part: unknown) => React.ReactNode | null;
+    registerToolRenderer: (entry: {
+        toolName: string;
+        render: ToolRenderFn;
+    }) => () => void;
+    registerFrontendTool: (tool: FrontendToolRegistration) => () => void;
+};
+
+type AgentProviderProps = {
+    api: string;
+    threadId: string;
+    initialMessages: UIMessage[];
+    fetchMessages?: (threadId: string) => Promise<UIMessage[]>;
+    onFinish?: () => void;
+    children: React.ReactNode;
+};
+declare function AgentProvider({ children, ...chatOptions }: AgentProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useAgent(): AgentContextValue;
+
+type UseToolRenderProps<INPUT> = {
+    args: INPUT;
+    state: ToolRenderState;
+    result: unknown;
+    resume: (data: unknown) => void;
+};
+type UseToolOptions<INPUT> = {
+    name: string;
+    description: string;
+    inputSchema: ZodType<INPUT>;
+    execute?: (args: INPUT) => unknown | Promise<unknown>;
+    render?: (props: UseToolRenderProps<INPUT>) => React.ReactNode;
+};
+declare function useTool<INPUT>({ name, description, inputSchema, execute, render, }: UseToolOptions<INPUT>): void;
+
+declare function useToolRenderer(toolName: string, render: ToolRenderFn): void;
+
+export { type AgentContextValue, AgentProvider, type ToolRenderFn, type ToolRenderProps, type ToolRenderState, type UseToolOptions, useAgent, useTool, useToolRenderer };

package/dist/index.js

@@ -0,0 +1,367 @@
+// src/AgentProvider.tsx
+import { createContext, useCallback as useCallback2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
+
+// src/useAgentChat.ts
+import { useChat } from "@ai-sdk/react";
+import {
+  DefaultChatTransport,
+  lastAssistantMessageIsCompleteWithToolCalls
+} from "ai";
+import { useCallback, useMemo, useState } from "react";
+function getToolName(p) {
+  const part = p;
+  if (typeof part.toolName === "string") return part.toolName;
+  if (typeof part.type === "string" && part.type.startsWith("tool-"))
+    return part.type.slice(5);
+  return void 0;
+}
+function useAgentChat({
+  api,
+  threadId,
+  initialMessages,
+  fetchMessages,
+  onFinish,
+  getFrontendTools,
+  isFrontendTool
+}) {
+  const transport = useMemo(
+    () => new DefaultChatTransport({
+      api,
+      prepareSendMessagesRequest: ({ messages: messages2 }) => {
+        const lastMessage = messages2[messages2.length - 1];
+        const frontendTools = getFrontendTools();
+        if (lastMessage.role === "assistant") {
+          const toolOutputs = lastMessage.parts.filter((p) => {
+            const name = getToolName(p);
+            return "toolCallId" in p && name != null && isFrontendTool(name) && p.state === "output-available";
+          }).map((p) => ({
+            toolCallId: p.toolCallId,
+            output: p.output
+          }));
+          return { body: { threadId, toolOutputs, frontendTools } };
+        }
+        return { body: { threadId, message: lastMessage, frontendTools } };
+      }
+    }),
+    [api, threadId, getFrontendTools, isFrontendTool]
+  );
+  const chat = useChat({
+    transport,
+    messages: initialMessages,
+    onFinish: () => onFinish?.(),
+    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls
+  });
+  const [isResuming, setIsResuming] = useState(false);
+  const messages = useMemo(() => {
+    let result = chat.messages;
+    const merged = [];
+    for (const msg of result) {
+      const prev = merged[merged.length - 1];
+      if (prev?.role === "assistant" && msg.role === "assistant") {
+        merged[merged.length - 1] = {
+          ...prev,
+          parts: [...prev.parts, ...msg.parts]
+        };
+      } else {
+        merged.push(msg);
+      }
+    }
+    result = merged;
+    return result.map((m) => {
+      const suspendMap = /* @__PURE__ */ new Map();
+      for (const p of m.parts) {
+        if (p.type === "data-tool-suspend" && !p.data?.resolved) {
+          const data = p.data;
+          suspendMap.set(data.toolCallId, data);
+        }
+      }
+      if (suspendMap.size === 0) {
+        const hasDataToolSuspend = m.parts.some(
+          (p) => p.type === "data-tool-suspend"
+        );
+        if (!hasDataToolSuspend) return m;
+        return {
+          ...m,
+          parts: m.parts.filter((p) => p.type !== "data-tool-suspend")
+        };
+      }
+      const parts = m.parts.filter((p) => p.type !== "data-tool-suspend").map((p) => {
+        if ("toolCallId" in p) {
+          const suspendData = suspendMap.get(
+            p.toolCallId
+          );
+          if (suspendData) {
+            return { ...p, suspend: suspendData };
+          }
+        }
+        return p;
+      });
+      return { ...m, parts };
+    });
+  }, [chat.messages]);
+  const hasSuspendedTools = useMemo(
+    () => messages.some((m) => m.parts.some((p) => "suspend" in p)),
+    [messages]
+  );
+  const hasPendingFrontendTools = useMemo(() => {
+    const lastMsg = chat.messages[chat.messages.length - 1];
+    if (lastMsg?.role !== "assistant") return false;
+    return lastMsg.parts.some((p) => {
+      const name = getToolName(p);
+      return "toolCallId" in p && name != null && isFrontendTool(name) && p.state === "input-available";
+    });
+  }, [chat.messages, isFrontendTool]);
+  const resumeTool = useCallback(
+    async (toolCallId, data) => {
+      setIsResuming(true);
+      try {
+        const frontendTools = getFrontendTools();
+        const response = await fetch(api, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            threadId,
+            resume: { toolCallId, data },
+            frontendTools
+          })
+        });
+        if (response.status === 204) {
+          if (fetchMessages) {
+            const msgs = await fetchMessages(threadId);
+            chat.setMessages(msgs);
+          }
+          return;
+        }
+        await response.text();
+        if (fetchMessages) {
+          const msgs = await fetchMessages(threadId);
+          chat.setMessages(msgs);
+        }
+      } finally {
+        setIsResuming(false);
+      }
+    },
+    [chat, api, threadId, fetchMessages, getFrontendTools]
+  );
+  return {
+    rawMessages: chat.messages,
+    messages,
+    sendMessage: hasSuspendedTools || hasPendingFrontendTools ? void 0 : chat.sendMessage,
+    status: isResuming ? "streaming" : chat.status,
+    resumeTool,
+    addToolOutput: chat.addToolOutput,
+    hasSuspendedTools,
+    setMessages: chat.setMessages
+  };
+}
+
+// src/AgentProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var AgentContext = createContext(null);
+function AgentProvider({
+  children,
+  ...chatOptions
+}) {
+  const frontendToolsRef = useRef(/* @__PURE__ */ new Map());
+  const getFrontendTools = useCallback2(
+    () => Array.from(frontendToolsRef.current.values()),
+    []
+  );
+  const isFrontendTool = useCallback2(
+    (name) => frontendToolsRef.current.has(name),
+    []
+  );
+  const chat = useAgentChat({
+    ...chatOptions,
+    getFrontendTools,
+    isFrontendTool
+  });
+  const registryRef = useRef(/* @__PURE__ */ new Map());
+  const [, setRegistryVersion] = useState2(0);
+  const registerToolRenderer = useCallback2(
+    (entry) => {
+      registryRef.current.set(entry.toolName, entry.render);
+      setRegistryVersion((v) => v + 1);
+      return () => {
+        registryRef.current.delete(entry.toolName);
+        setRegistryVersion((v) => v + 1);
+      };
+    },
+    []
+  );
+  const renderToolPart = useCallback2(
+    (part) => {
+      const p = part;
+      const toolCallId = p.toolCallId ?? "";
+      const toolName = p.toolName ?? p.suspend?.toolName ?? (p.type?.startsWith("tool-") ? p.type.slice(5) : "") ?? "";
+      const renderer = registryRef.current.get(toolName) ?? registryRef.current.get("*");
+      if (!renderer) return null;
+      const suspend = p.suspend;
+      let state;
+      if (suspend) {
+        state = "suspended";
+      } else if (p.state === "output-available") {
+        state = "result";
+      } else {
+        state = "call";
+      }
+      const props = {
+        toolCallId,
+        toolName,
+        state,
+        args: p.args ?? p.input ?? {},
+        suspendPayload: suspend ? suspend.payload : void 0,
+        result: p.output ?? p.result,
+        resume: (data) => {
+          if (frontendToolsRef.current.has(toolName)) {
+            chat.addToolOutput({ tool: toolName, toolCallId, output: data });
+          } else if (state !== "result") {
+            chat.resumeTool(toolCallId, data);
+          }
+        }
+      };
+      return renderer(props);
+    },
+    [chat.resumeTool, chat.addToolOutput]
+  );
+  const registerFrontendTool = useCallback2((tool) => {
+    frontendToolsRef.current.set(tool.name, tool);
+    return () => {
+      frontendToolsRef.current.delete(tool.name);
+    };
+  }, []);
+  const value = useMemo2(
+    () => ({
+      messages: chat.messages,
+      rawMessages: chat.rawMessages,
+      status: chat.status,
+      sendMessage: chat.sendMessage,
+      resumeTool: chat.resumeTool,
+      addToolOutput: chat.addToolOutput,
+      hasSuspendedTools: chat.hasSuspendedTools,
+      setMessages: chat.setMessages,
+      renderToolPart,
+      registerToolRenderer,
+      registerFrontendTool
+    }),
+    [
+      chat.messages,
+      chat.rawMessages,
+      chat.status,
+      chat.sendMessage,
+      chat.resumeTool,
+      chat.addToolOutput,
+      chat.hasSuspendedTools,
+      chat.setMessages,
+      renderToolPart,
+      registerToolRenderer,
+      registerFrontendTool
+    ]
+  );
+  return /* @__PURE__ */ jsx(AgentContext.Provider, { value, children });
+}
+
+// src/useAgent.ts
+import { useContext } from "react";
+function useAgent() {
+  const ctx = useContext(AgentContext);
+  if (!ctx) {
+    throw new Error("useAgent must be used within an <AgentProvider>");
+  }
+  return ctx;
+}
+
+// src/useTool.tsx
+import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
+import { toJSONSchema } from "zod";
+
+// src/useToolRenderer.ts
+import { useEffect, useRef as useRef2 } from "react";
+function useToolRenderer(toolName, render) {
+  const { registerToolRenderer } = useAgent();
+  const renderRef = useRef2(render);
+  renderRef.current = render;
+  useEffect(() => {
+    const stableRender = (props) => renderRef.current(props);
+    return registerToolRenderer({ toolName, render: stableRender });
+  }, [toolName, registerToolRenderer]);
+}
+
+// src/useTool.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function FrontendToolExecutor({
+  toolProps,
+  execute,
+  render
+}) {
+  const { status } = useAgent();
+  const executeRanRef = useRef3(false);
+  const resumedRef = useRef3(false);
+  const [executeResult, setExecuteResult] = useState3(null);
+  useEffect2(() => {
+    if (toolProps.state !== "call") return;
+    if (executeRanRef.current) return;
+    if (!execute) return;
+    executeRanRef.current = true;
+    Promise.resolve(execute(toolProps.args)).then((result) => {
+      setExecuteResult({ value: result });
+    }).catch((err) => {
+      console.error(`useTool execute "${toolProps.toolName}" failed:`, err);
+      setExecuteResult({ value: { error: String(err) } });
+    });
+  }, [toolProps.state, execute, toolProps.args, toolProps.toolName]);
+  useEffect2(() => {
+    if (!executeResult) return;
+    if (resumedRef.current) return;
+    if (status !== "ready") return;
+    resumedRef.current = true;
+    toolProps.resume(executeResult.value);
+  }, [executeResult, status, toolProps.resume]);
+  if (toolProps.state === "result") {
+    if (render) {
+      return render({
+        args: toolProps.args,
+        state: "result",
+        result: toolProps.result,
+        resume: toolProps.resume
+      });
+    }
+    return null;
+  }
+  if (toolProps.state === "call") {
+    if (render && !execute) {
+      return render({
+        args: toolProps.args,
+        state: "call",
+        result: void 0,
+        resume: toolProps.resume
+      });
+    }
+    return null;
+  }
+  return null;
+}
+function useTool({
+  name,
+  description,
+  inputSchema,
+  execute,
+  render
+}) {
+  const { registerFrontendTool } = useAgent();
+  const parameters = useMemo3(
+    () => toJSONSchema(inputSchema),
+    [inputSchema]
+  );
+  useEffect2(() => {
+    return registerFrontendTool({ name, description, parameters });
+  }, [name, description, parameters, registerFrontendTool]);
+  useToolRenderer(name, (props) => /* @__PURE__ */ jsx2(FrontendToolExecutor, { toolProps: props, execute, render }));
+}
+export {
+  AgentProvider,
+  useAgent,
+  useTool,
+  useToolRenderer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AgentProvider.tsx","../src/useAgentChat.ts","../src/useAgent.ts","../src/useTool.tsx","../src/useToolRenderer.ts"],"sourcesContent":["import type { UIMessage } from \"ai\";\nimport type React from \"react\";\nimport { createContext, useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  AgentContextValue,\n  FrontendToolRegistration,\n  ToolRenderFn,\n  ToolRenderProps,\n  ToolRenderState,\n} from \"./types\";\nimport { useAgentChat } from \"./useAgentChat\";\n\nexport const AgentContext = createContext<AgentContextValue | null>(null);\n\ntype AgentProviderProps = {\n  api: string;\n  threadId: string;\n  initialMessages: UIMessage[];\n  fetchMessages?: (threadId: string) => Promise<UIMessage[]>;\n  onFinish?: () => void;\n  children: React.ReactNode;\n};\n\nexport function AgentProvider({\n  children,\n  ...chatOptions\n}: AgentProviderProps) {\n  const frontendToolsRef = useRef(new Map<string, FrontendToolRegistration>());\n\n  const getFrontendTools = useCallback(\n    () => Array.from(frontendToolsRef.current.values()),\n    [],\n  );\n  const isFrontendTool = useCallback(\n    (name: string) => frontendToolsRef.current.has(name),\n    [],\n  );\n\n  const chat = useAgentChat({\n    ...chatOptions,\n    getFrontendTools,\n    isFrontendTool,\n  });\n\n  const registryRef = useRef(new Map<string, ToolRenderFn>());\n  const [, setRegistryVersion] = useState(0);\n\n  const registerToolRenderer = useCallback(\n    (entry: { toolName: string; render: ToolRenderFn }) => {\n      registryRef.current.set(entry.toolName, entry.render);\n      setRegistryVersion((v) => v + 1);\n      return () => {\n        registryRef.current.delete(entry.toolName);\n        setRegistryVersion((v) => v + 1);\n      };\n    },\n    [],\n  );\n\n  const renderToolPart = useCallback(\n    (part: unknown): React.ReactNode | null => {\n      const p = part as Record<string, unknown>;\n      const toolCallId = (p.toolCallId as string) ?? \"\";\n\n      // toolName can live at p.toolName, inside p.suspend.toolName,\n      // or encoded in the part type as \"tool-<name>\"\n      const toolName =\n        (p.toolName as string) ??\n        ((p.suspend as Record<string, unknown> | undefined)\n          ?.toolName as string) ??\n        ((p.type as string)?.startsWith(\"tool-\")\n          ? (p.type as string).slice(5)\n          : \"\") ??\n        \"\";\n\n      const renderer =\n        registryRef.current.get(toolName) ?? registryRef.current.get(\"*\");\n      if (!renderer) return null;\n\n      const suspend = p.suspend as\n        | { payload?: unknown; toolCallId?: string }\n        | undefined;\n\n      let state: ToolRenderState;\n      if (suspend) {\n        state = \"suspended\";\n      } else if ((p.state as string) === \"output-available\") {\n        state = \"result\";\n      } else {\n        state = \"call\";\n      }\n\n      const props: ToolRenderProps = {\n        toolCallId,\n        toolName,\n        state,\n        args: ((p.args ?? p.input) as Record<string, unknown>) ?? {},\n        suspendPayload: suspend\n          ? (suspend as Record<string, unknown>).payload\n          : undefined,\n        result: (p.output ?? p.result) as unknown,\n        resume: (data: unknown) => {\n          if (frontendToolsRef.current.has(toolName)) {\n            chat.addToolOutput({ tool: toolName, toolCallId, output: data });\n          } else if (state !== \"result\") {\n            chat.resumeTool(toolCallId, data);\n          }\n        },\n      };\n\n      return renderer(props);\n    },\n    [chat.resumeTool, chat.addToolOutput],\n  );\n\n  const registerFrontendTool = useCallback((tool: FrontendToolRegistration) => {\n    frontendToolsRef.current.set(tool.name, tool);\n    return () => {\n      frontendToolsRef.current.delete(tool.name);\n    };\n  }, []);\n\n  const value: AgentContextValue = useMemo(\n    () => ({\n      messages: chat.messages,\n      rawMessages: chat.rawMessages,\n      status: chat.status,\n      sendMessage: chat.sendMessage,\n      resumeTool: chat.resumeTool,\n      addToolOutput: chat.addToolOutput,\n      hasSuspendedTools: chat.hasSuspendedTools,\n      setMessages: chat.setMessages,\n      renderToolPart,\n      registerToolRenderer,\n      registerFrontendTool,\n    }),\n    [\n      chat.messages,\n      chat.rawMessages,\n      chat.status,\n      chat.sendMessage,\n      chat.resumeTool,\n      chat.addToolOutput,\n      chat.hasSuspendedTools,\n      chat.setMessages,\n      renderToolPart,\n      registerToolRenderer,\n      registerFrontendTool,\n    ],\n  );\n\n  return (\n    <AgentContext.Provider value={value}>{children}</AgentContext.Provider>\n  );\n}\n","import { useChat } from \"@ai-sdk/react\";\nimport type { UIMessage } from \"ai\";\nimport {\n  DefaultChatTransport,\n  lastAssistantMessageIsCompleteWithToolCalls,\n} from \"ai\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { FrontendToolRegistration } from \"./types\";\n\nexport type UseAgentChatOptions = {\n  api: string;\n  threadId: string;\n  initialMessages: UIMessage[];\n  fetchMessages?: (threadId: string) => Promise<UIMessage[]>;\n  onFinish?: () => void;\n  getFrontendTools: () => FrontendToolRegistration[];\n  isFrontendTool: (name: string) => boolean;\n};\n\n/** Extract tool name from a UIMessage part (handles both toolName prop and type prefix). */\nfunction getToolName(p: unknown): string | undefined {\n  const part = p as Record<string, unknown>;\n  if (typeof part.toolName === \"string\") return part.toolName;\n  if (typeof part.type === \"string\" && part.type.startsWith(\"tool-\"))\n    return part.type.slice(5);\n  return undefined;\n}\n\nexport function useAgentChat({\n  api,\n  threadId,\n  initialMessages,\n  fetchMessages,\n  onFinish,\n  getFrontendTools,\n  isFrontendTool,\n}: UseAgentChatOptions) {\n  const transport = useMemo(\n    () =>\n      new DefaultChatTransport({\n        api,\n        prepareSendMessagesRequest: ({ messages }) => {\n          const lastMessage = messages[messages.length - 1];\n          const frontendTools = getFrontendTools();\n\n          if (lastMessage.role === \"assistant\") {\n            // Tool output continuation — collect frontend tool outputs\n            const toolOutputs = lastMessage.parts\n              .filter((p) => {\n                const name = getToolName(p);\n                return (\n                  \"toolCallId\" in p &&\n                  name != null &&\n                  isFrontendTool(name) &&\n                  (p as any).state === \"output-available\"\n                );\n              })\n              .map((p) => ({\n                toolCallId: (p as any).toolCallId,\n                output: (p as any).output,\n              }));\n            return { body: { threadId, toolOutputs, frontendTools } };\n          }\n\n          return { body: { threadId, message: lastMessage, frontendTools } };\n        },\n      }),\n    [api, threadId, getFrontendTools, isFrontendTool],\n  );\n\n  const chat = useChat({\n    transport,\n    messages: initialMessages,\n    onFinish: () => onFinish?.(),\n    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,\n  });\n\n  const [isResuming, setIsResuming] = useState(false);\n\n  // Transform messages:\n  // 1. Merge consecutive assistant messages (follow-ups after tool output continuation)\n  // 2. Merge data-tool-suspend parts onto their corresponding tool parts as a `suspend` field\n  // 3. Strip resolved data-tool-suspend parts from the output\n  const messages = useMemo(() => {\n    let result = chat.messages;\n\n    // Merge consecutive assistant messages\n    const merged: UIMessage[] = [];\n    for (const msg of result) {\n      const prev = merged[merged.length - 1];\n      if (prev?.role === \"assistant\" && msg.role === \"assistant\") {\n        merged[merged.length - 1] = {\n          ...prev,\n          parts: [...prev.parts, ...msg.parts],\n        };\n      } else {\n        merged.push(msg);\n      }\n    }\n    result = merged;\n\n    // Enrich tool parts with suspend data, then strip data-tool-suspend parts\n    return result.map((m) => {\n      const suspendMap = new Map<string, unknown>();\n      for (const p of m.parts) {\n        if (p.type === \"data-tool-suspend\" && !(p as any).data?.resolved) {\n          const data = (p as any).data;\n          suspendMap.set(data.toolCallId, data);\n        }\n      }\n      if (suspendMap.size === 0) {\n        // Still strip resolved data-tool-suspend parts\n        const hasDataToolSuspend = m.parts.some(\n          (p) => p.type === \"data-tool-suspend\",\n        );\n        if (!hasDataToolSuspend) return m;\n        return {\n          ...m,\n          parts: m.parts.filter((p) => p.type !== \"data-tool-suspend\"),\n        };\n      }\n\n      const parts = m.parts\n        .filter((p) => p.type !== \"data-tool-suspend\")\n        .map((p) => {\n          if (\"toolCallId\" in p) {\n            const suspendData = suspendMap.get(\n              (p as { toolCallId: string }).toolCallId,\n            );\n            if (suspendData) {\n              return { ...p, suspend: suspendData };\n            }\n          }\n          return p;\n        });\n\n      return { ...m, parts };\n    });\n  }, [chat.messages]);\n\n  const hasSuspendedTools = useMemo(\n    () => messages.some((m) => m.parts.some((p) => \"suspend\" in p)),\n    [messages],\n  );\n\n  const hasPendingFrontendTools = useMemo(() => {\n    const lastMsg = chat.messages[chat.messages.length - 1];\n    if (lastMsg?.role !== \"assistant\") return false;\n    return lastMsg.parts.some((p) => {\n      const name = getToolName(p);\n      return (\n        \"toolCallId\" in p &&\n        name != null &&\n        isFrontendTool(name) &&\n        (p as any).state === \"input-available\"\n      );\n    });\n  }, [chat.messages, isFrontendTool]);\n\n  const resumeTool = useCallback(\n    async (toolCallId: string, data: unknown) => {\n      setIsResuming(true);\n\n      try {\n        const frontendTools = getFrontendTools();\n        const response = await fetch(api, {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            threadId,\n            resume: { toolCallId, data },\n            frontendTools,\n          }),\n        });\n\n        if (response.status === 204) {\n          // More suspensions remain — re-fetch messages from server\n          if (fetchMessages) {\n            const msgs = await fetchMessages(threadId);\n            chat.setMessages(msgs);\n          }\n          return;\n        }\n\n        // All suspensions resolved — LLM follow-up was streamed back.\n        // Consume the stream body so the server's onFinish fires and persists the message.\n        await response.text();\n\n        // Re-fetch messages from server to get the final state\n        if (fetchMessages) {\n          const msgs = await fetchMessages(threadId);\n          chat.setMessages(msgs);\n        }\n      } finally {\n        setIsResuming(false);\n      }\n    },\n    [chat, api, threadId, fetchMessages, getFrontendTools],\n  );\n\n  return {\n    rawMessages: chat.messages,\n    messages,\n    sendMessage:\n      hasSuspendedTools || hasPendingFrontendTools\n        ? undefined\n        : chat.sendMessage,\n    status: isResuming ? (\"streaming\" as const) : chat.status,\n    resumeTool,\n    addToolOutput: chat.addToolOutput,\n    hasSuspendedTools,\n    setMessages: chat.setMessages,\n  };\n}\n","import { useContext } from \"react\";\nimport { AgentContext } from \"./AgentProvider\";\nimport type { AgentContextValue } from \"./types\";\n\nexport function useAgent(): AgentContextValue {\n  const ctx = useContext(AgentContext);\n  if (!ctx) {\n    throw new Error(\"useAgent must be used within an <AgentProvider>\");\n  }\n  return ctx;\n}\n","import type React from \"react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { toJSONSchema, type ZodType } from \"zod\";\nimport type { ToolRenderProps, ToolRenderState } from \"./types\";\nimport { useAgent } from \"./useAgent\";\nimport { useToolRenderer } from \"./useToolRenderer\";\n\nexport type UseToolRenderProps<INPUT> = {\n  args: INPUT;\n  state: ToolRenderState;\n  result: unknown;\n  resume: (data: unknown) => void;\n};\n\nexport type UseToolOptions<INPUT> = {\n  name: string;\n  description: string;\n  inputSchema: ZodType<INPUT>;\n  execute?: (args: INPUT) => unknown | Promise<unknown>;\n  render?: (props: UseToolRenderProps<INPUT>) => React.ReactNode;\n};\n\n/**\n * Inner component that manages handler execution and rendering for a frontend tool call.\n * Frontend tools trigger on state === \"call\" (input-available) and call resume()\n * which routes to addToolOutput via the AgentProvider.\n *\n * For execute-only tools, we must wait for the stream to finish (status === \"ready\")\n * before calling resume/addToolOutput, because the AI SDK's sendAutomaticallyWhen\n * guard skips auto-send while status is \"streaming\" or \"submitted\".\n */\nfunction FrontendToolExecutor({\n  toolProps,\n  execute,\n  render,\n}: {\n  toolProps: ToolRenderProps;\n  execute?: (args: any) => any;\n  render?: (props: any) => React.ReactNode;\n}) {\n  const { status } = useAgent();\n  const executeRanRef = useRef(false);\n  const resumedRef = useRef(false);\n  const [executeResult, setExecuteResult] = useState<{\n    value: unknown;\n  } | null>(null);\n\n  // Run execute when the tool call is ready (state === \"call\" means input-available)\n  useEffect(() => {\n    if (toolProps.state !== \"call\") return;\n    if (executeRanRef.current) return;\n    if (!execute) return;\n    executeRanRef.current = true;\n\n    Promise.resolve(execute(toolProps.args))\n      .then((result) => {\n        setExecuteResult({ value: result });\n      })\n      .catch((err) => {\n        console.error(`useTool execute \"${toolProps.toolName}\" failed:`, err);\n        setExecuteResult({ value: { error: String(err) } });\n      });\n  }, [toolProps.state, execute, toolProps.args, toolProps.toolName]);\n\n  // Call resume (→ addToolOutput) only after the stream finishes,\n  // so sendAutomaticallyWhen can trigger the follow-up request.\n  useEffect(() => {\n    if (!executeResult) return;\n    if (resumedRef.current) return;\n    if (status !== \"ready\") return;\n    resumedRef.current = true;\n    toolProps.resume(executeResult.value);\n  }, [executeResult, status, toolProps.resume]);\n\n  if (toolProps.state === \"result\") {\n    if (render) {\n      return render({\n        args: toolProps.args,\n        state: \"result\",\n        result: toolProps.result,\n        resume: toolProps.resume,\n      });\n    }\n    return null;\n  }\n\n  if (toolProps.state === \"call\") {\n    // Render-only tools: show interactive UI\n    if (render && !execute) {\n      return render({\n        args: toolProps.args,\n        state: \"call\",\n        result: undefined,\n        resume: toolProps.resume,\n      });\n    }\n\n    // Execute-only or execute+render: execute runs via useEffect, nothing to render yet\n    return null;\n  }\n\n  return null;\n}\n\nexport function useTool<INPUT>({\n  name,\n  description,\n  inputSchema,\n  execute,\n  render,\n}: UseToolOptions<INPUT>): void {\n  const { registerFrontendTool } = useAgent();\n\n  const parameters = useMemo(\n    () => toJSONSchema(inputSchema) as Record<string, unknown>,\n    [inputSchema],\n  );\n\n  useEffect(() => {\n    return registerFrontendTool({ name, description, parameters });\n  }, [name, description, parameters, registerFrontendTool]);\n\n  useToolRenderer(name, (props: ToolRenderProps) => (\n    <FrontendToolExecutor toolProps={props} execute={execute} render={render} />\n  ));\n}\n","import { useEffect, useRef } from \"react\";\nimport type { ToolRenderFn } from \"./types\";\nimport { useAgent } from \"./useAgent\";\n\nexport function useToolRenderer(toolName: string, render: ToolRenderFn): void {\n  const { registerToolRenderer } = useAgent();\n  const renderRef = useRef(render);\n  renderRef.current = render;\n\n  useEffect(() => {\n    const stableRender: ToolRenderFn = (props) => renderRef.current(props);\n    return registerToolRenderer({ toolName, render: stableRender });\n  }, [toolName, registerToolRenderer]);\n}\n"],"mappings":"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","names":["useCallback","useMemo","useState","messages","useCallback","useState","useMemo","useEffect","useMemo","useRef","useState","useRef","useRef","jsx","useRef","useState","useEffect","useMemo"]}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@zaikit/react",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "dependencies": {
+    "ai": "^6",
+    "@ai-sdk/react": "^3"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "zod": "^4"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "tsup": "^8",
+    "typescript": "^5",
+    "zod": "^4",
+    "@zaikit/typescript-config": "0.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "check-types": "tsc --noEmit"
+  }
+}