@copilotkitnext/react 0.0.22-alpha.1 → 0.0.22-alpha.3

package/dist/hooks/use-render-custom-messages.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactCustomMessageRendererPosition } from '../types/react-custom-message-renderer.mjs';
+import { Message } from '@ag-ui/core';
+
+interface UseRenderCustomMessagesParams {
+    message: Message;
+    position: ReactCustomMessageRendererPosition;
+}
+declare function useRenderCustomMessages(): ((params: UseRenderCustomMessagesParams) => react_jsx_runtime.JSX.Element | null) | null;
+
+export { useRenderCustomMessages };

package/dist/hooks/use-render-custom-messages.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactCustomMessageRendererPosition } from '../types/react-custom-message-renderer.js';
+import { Message } from '@ag-ui/core';
+
+interface UseRenderCustomMessagesParams {
+    message: Message;
+    position: ReactCustomMessageRendererPosition;
+}
+declare function useRenderCustomMessages(): ((params: UseRenderCustomMessagesParams) => react_jsx_runtime.JSX.Element | null) | null;
+
+export { useRenderCustomMessages };

package/dist/hooks/use-render-custom-messages.js

@@ -0,0 +1,170 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/use-render-custom-messages.tsx
+var use_render_custom_messages_exports = {};
+__export(use_render_custom_messages_exports, {
+  useRenderCustomMessages: () => useRenderCustomMessages
+});
+module.exports = __toCommonJS(use_render_custom_messages_exports);
+
+// src/providers/CopilotChatConfigurationProvider.tsx
+var import_react = require("react");
+var import_shared = require("@copilotkitnext/shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CopilotChatConfiguration = (0, import_react.createContext)(null);
+var useCopilotChatConfiguration = () => {
+  const configuration = (0, import_react.useContext)(CopilotChatConfiguration);
+  return configuration;
+};
+
+// src/providers/CopilotKitProvider.tsx
+var import_react3 = require("react");
+var import_zod = require("zod");
+
+// src/lib/react-core.ts
+var import_core = require("@copilotkitnext/core");
+
+// src/components/CopilotKitInspector.tsx
+var React2 = __toESM(require("react"));
+var import_react2 = require("@lit-labs/react");
+var import_web_inspector = require("@copilotkitnext/web-inspector");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+(0, import_web_inspector.defineWebInspector)();
+var CopilotKitInspectorBase = (0, import_react2.createComponent)({
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
+  react: React2
+});
+var CopilotKitInspector = React2.forwardRef(
+  ({ core, ...rest }, ref) => {
+    const innerRef = React2.useRef(null);
+    React2.useImperativeHandle(ref, () => innerRef.current, []);
+    React2.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.core = core ?? null;
+      }
+    }, [core]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
+  }
+);
+CopilotKitInspector.displayName = "CopilotKitInspector";
+
+// src/providers/CopilotKitProvider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CopilotKitContext = (0, import_react3.createContext)({
+  copilotkit: null
+});
+var useCopilotKit = () => {
+  const context = (0, import_react3.useContext)(CopilotKitContext);
+  const [, forceUpdate] = (0, import_react3.useReducer)((x) => x + 1, 0);
+  if (!context) {
+    throw new Error("useCopilotKit must be used within CopilotKitProvider");
+  }
+  (0, import_react3.useEffect)(() => {
+    const unsubscribe = context.copilotkit.subscribe({
+      onRuntimeConnectionStatusChanged: () => {
+        forceUpdate();
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+  return context;
+};
+
+// src/hooks/use-render-custom-messages.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function useRenderCustomMessages() {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  if (!config) {
+    return null;
+  }
+  const { agentId, threadId } = config;
+  const customMessageRenderers = copilotkit.renderCustomMessages.filter((renderer) => renderer.agentId === void 0 || renderer.agentId === agentId).sort((a, b) => {
+    const aHasAgent = a.agentId !== void 0;
+    const bHasAgent = b.agentId !== void 0;
+    if (aHasAgent === bHasAgent) return 0;
+    return aHasAgent ? -1 : 1;
+  });
+  return function(params) {
+    if (!customMessageRenderers.length) {
+      return null;
+    }
+    const { message, position } = params;
+    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id);
+    const agent = copilotkit.getAgent(agentId);
+    if (!agent) {
+      throw new Error("Agent not found");
+    }
+    const messagesIdsInRun = agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id);
+    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;
+    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);
+    const numberOfMessagesInRun = messagesIdsInRun.length;
+    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);
+    let result = null;
+    for (const renderer of customMessageRenderers) {
+      if (!renderer.render) {
+        continue;
+      }
+      const Component = renderer.render;
+      result = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        Component,
+        {
+          message,
+          position,
+          runId,
+          messageIndex,
+          messageIndexInRun,
+          numberOfMessagesInRun,
+          agentId,
+          stateSnapshot
+        },
+        `${runId}-${message.id}-${position}`
+      );
+      if (result) {
+        break;
+      }
+    }
+    return result;
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRenderCustomMessages
+});
+//# sourceMappingURL=use-render-custom-messages.js.map

package/dist/hooks/use-render-custom-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-render-custom-messages.tsx","../../src/providers/CopilotChatConfigurationProvider.tsx","../../src/providers/CopilotKitProvider.tsx","../../src/lib/react-core.ts","../../src/components/CopilotKitInspector.tsx"],"sourcesContent":["import { useCopilotChatConfiguration, useCopilotKit } from \"@/providers\";\nimport { ReactCustomMessageRendererPosition } from \"@/types/react-custom-message-renderer\";\nimport { Message } from \"@ag-ui/core\";\n\ninterface UseRenderCustomMessagesParams {\n  message: Message;\n  position: ReactCustomMessageRendererPosition;\n}\n\nexport function useRenderCustomMessages() {\n  const { copilotkit } = useCopilotKit();\n  const config = useCopilotChatConfiguration();\n\n  if (!config) {\n    return null;\n  }\n\n  const { agentId, threadId } = config;\n\n  const customMessageRenderers = copilotkit.renderCustomMessages\n    .filter((renderer) => renderer.agentId === undefined || renderer.agentId === agentId)\n    .sort((a, b) => {\n      const aHasAgent = a.agentId !== undefined;\n      const bHasAgent = b.agentId !== undefined;\n      if (aHasAgent === bHasAgent) return 0;\n      return aHasAgent ? -1 : 1;\n    });\n\n  return function (params: UseRenderCustomMessagesParams) {\n    if (!customMessageRenderers.length) {\n      return null;\n    }\n    const { message, position } = params;\n    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id)!;\n    const agent = copilotkit.getAgent(agentId);\n    if (!agent) {\n      throw new Error(\"Agent not found\");\n    }\n\n    const messagesIdsInRun = agent.messages\n      .filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId)\n      .map((msg) => msg.id);\n\n    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;\n    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);\n    const numberOfMessagesInRun = messagesIdsInRun.length;\n    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);\n\n    let result = null;\n    for (const renderer of customMessageRenderers) {\n      if (!renderer.render) {\n        continue;\n      }\n      const Component = renderer.render;\n      result = (\n        <Component\n          key={`${runId}-${message.id}-${position}`}\n          message={message}\n          position={position}\n          runId={runId}\n          messageIndex={messageIndex}\n          messageIndexInRun={messageIndexInRun}\n          numberOfMessagesInRun={numberOfMessagesInRun}\n          agentId={agentId}\n          stateSnapshot={stateSnapshot}\n        />\n      );\n      if (result) {\n        break;\n      }\n    }\n    return result;\n  };\n}\n","import React, { createContext, useContext, ReactNode, useMemo, useState } from \"react\";\nimport { DEFAULT_AGENT_ID, randomUUID } from \"@copilotkitnext/shared\";\n\n// Default labels\nexport const CopilotChatDefaultLabels = {\n  chatInputPlaceholder: \"Type a message...\",\n  chatInputToolbarStartTranscribeButtonLabel: \"Transcribe\",\n  chatInputToolbarCancelTranscribeButtonLabel: \"Cancel\",\n  chatInputToolbarFinishTranscribeButtonLabel: \"Finish\",\n  chatInputToolbarAddButtonLabel: \"Add photos or files\",\n  chatInputToolbarToolsButtonLabel: \"Tools\",\n  assistantMessageToolbarCopyCodeLabel: \"Copy\",\n  assistantMessageToolbarCopyCodeCopiedLabel: \"Copied\",\n  assistantMessageToolbarCopyMessageLabel: \"Copy\",\n  assistantMessageToolbarThumbsUpLabel: \"Good response\",\n  assistantMessageToolbarThumbsDownLabel: \"Bad response\",\n  assistantMessageToolbarReadAloudLabel: \"Read aloud\",\n  assistantMessageToolbarRegenerateLabel: \"Regenerate\",\n  userMessageToolbarCopyMessageLabel: \"Copy\",\n  userMessageToolbarEditMessageLabel: \"Edit\",\n  chatDisclaimerText: \"AI can make mistakes. Please verify important information.\",\n  chatToggleOpenLabel: \"Open chat\",\n  chatToggleCloseLabel: \"Close chat\",\n  modalHeaderTitle: \"CopilotKit Chat\",\n};\n\nexport type CopilotChatLabels = typeof CopilotChatDefaultLabels;\n\n// Define the full configuration interface\nexport interface CopilotChatConfigurationValue {\n  labels: CopilotChatLabels;\n  agentId: string;\n  threadId: string;\n  isModalOpen: boolean;\n  setModalOpen: (open: boolean) => void;\n  isModalDefaultOpen: boolean;\n}\n\n// Create the configuration context\nconst CopilotChatConfiguration =\n  createContext<CopilotChatConfigurationValue | null>(null);\n\n// Provider props interface\nexport interface CopilotChatConfigurationProviderProps {\n  children: ReactNode;\n  labels?: Partial<CopilotChatLabels>;\n  agentId?: string;\n  threadId?: string;\n  isModalDefaultOpen?: boolean;\n}\n\n// Provider component\nexport const CopilotChatConfigurationProvider: React.FC<\n  CopilotChatConfigurationProviderProps\n> = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {\n  const parentConfig = useContext(CopilotChatConfiguration);\n\n  const mergedLabels: CopilotChatLabels = useMemo(\n    () => ({\n      ...CopilotChatDefaultLabels,\n      ...(parentConfig?.labels ?? {}),\n      ...(labels ?? {}),\n    }),\n    [labels, parentConfig?.labels],\n  );\n\n  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;\n\n  const resolvedThreadId = useMemo(() => {\n    if (threadId) {\n      return threadId;\n    }\n    if (parentConfig?.threadId) {\n      return parentConfig.threadId;\n    }\n    return randomUUID();\n  }, [threadId, parentConfig?.threadId]);\n\n  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;\n\n  const [internalModalOpen, setInternalModalOpen] = useState<boolean>(\n    parentConfig?.isModalOpen ?? resolvedDefaultOpen,\n  );\n\n  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;\n  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;\n\n  const configurationValue: CopilotChatConfigurationValue = useMemo(\n    () => ({\n      labels: mergedLabels,\n      agentId: resolvedAgentId,\n      threadId: resolvedThreadId,\n      isModalOpen: resolvedIsModalOpen,\n      setModalOpen: resolvedSetModalOpen,\n      isModalDefaultOpen: resolvedDefaultOpen,\n    }),\n    [\n      mergedLabels,\n      resolvedAgentId,\n      resolvedThreadId,\n      resolvedIsModalOpen,\n      resolvedSetModalOpen,\n      resolvedDefaultOpen,\n    ],\n  );\n\n  return (\n    <CopilotChatConfiguration.Provider value={configurationValue}>\n      {children}\n    </CopilotChatConfiguration.Provider>\n  );\n};\n\n// Hook to use the full configuration\nexport const useCopilotChatConfiguration =\n  (): CopilotChatConfigurationValue | null => {\n    const configuration = useContext(CopilotChatConfiguration);\n    return configuration;\n  };\n","\"use client\";\n\nimport React, {\n  createContext,\n  useContext,\n  ReactNode,\n  useMemo,\n  useEffect,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"../types\";\nimport { ReactCustomMessageRenderer } from \"../types/react-custom-message-renderer\";\nimport { ReactFrontendTool } from \"../types/frontend-tool\";\nimport { ReactHumanInTheLoop } from \"../types/human-in-the-loop\";\nimport { z } from \"zod\";\nimport { FrontendTool } from \"@copilotkitnext/core\";\nimport { AbstractAgent } from \"@ag-ui/client\";\nimport { CopilotKitCoreReact } from \"../lib/react-core\";\nimport { CopilotKitInspector } from \"../components/CopilotKitInspector\";\n\n// Define the context value interface - idiomatic React naming\nexport interface CopilotKitContextValue {\n  copilotkit: CopilotKitCoreReact;\n}\n\n// Create the CopilotKit context\nconst CopilotKitContext = createContext<CopilotKitContextValue>({\n  copilotkit: null!,\n});\n\n// Provider props interface\nexport interface CopilotKitProviderProps {\n  children: ReactNode;\n  runtimeUrl?: string;\n  headers?: Record<string, string>;\n  properties?: Record<string, unknown>;\n  useSingleEndpoint?: boolean;\n  agents__unsafe_dev_only?: Record<string, AbstractAgent>;\n  renderToolCalls?: ReactToolCallRenderer<any>[];\n  renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n  renderCustomMessages?: ReactCustomMessageRenderer[];\n  frontendTools?: ReactFrontendTool[];\n  humanInTheLoop?: ReactHumanInTheLoop[];\n  showDevConsole?: boolean | \"auto\";\n}\n\n// Small helper to normalize array props to a stable reference and warn\nfunction useStableArrayProp<T>(\n  prop: T[] | undefined,\n  warningMessage?: string,\n  isMeaningfulChange?: (initial: T[], next: T[]) => boolean,\n): T[] {\n  const empty = useMemo<T[]>(() => [], []);\n  const value = prop ?? empty;\n  const initial = useRef(value);\n\n  useEffect(() => {\n    if (\n      warningMessage &&\n      value !== initial.current &&\n      (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)\n    ) {\n      console.error(warningMessage);\n    }\n  }, [value, warningMessage]);\n\n  return value;\n}\n\n// Provider component\nexport const CopilotKitProvider: React.FC<CopilotKitProviderProps> = ({\n  children,\n  runtimeUrl,\n  headers = {},\n  properties = {},\n  agents__unsafe_dev_only: agents = {},\n  renderToolCalls,\n  renderActivityMessages,\n  renderCustomMessages,\n  frontendTools,\n  humanInTheLoop,\n  showDevConsole = false,\n  useSingleEndpoint = false,\n}) => {\n  const [shouldRenderInspector, setShouldRenderInspector] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (showDevConsole === true) {\n      // Explicitly show the inspector\n      setShouldRenderInspector(true);\n    } else if (showDevConsole === \"auto\") {\n      // Show on localhost or 127.0.0.1 only\n      const localhostHosts = new Set([\"localhost\", \"127.0.0.1\"]);\n      if (localhostHosts.has(window.location.hostname)) {\n        setShouldRenderInspector(true);\n      } else {\n        setShouldRenderInspector(false);\n      }\n    } else {\n      // showDevConsole is false or undefined (default false)\n      setShouldRenderInspector(false);\n    }\n  }, [showDevConsole]);\n\n  // Normalize array props to stable references with clear dev warnings\n  const renderToolCallsList = useStableArrayProp<ReactToolCallRenderer<any>>(\n    renderToolCalls,\n    \"renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.\",\n    (initial, next) => {\n      // Only warn if the shape (names+agentId) changed. Allow identity changes\n      // to support updated closures from parents (e.g., Storybook state).\n      const key = (rc?: ReactToolCallRenderer<unknown>) => `${rc?.agentId ?? \"\"}:${rc?.name ?? \"\"}`;\n      const setFrom = (arr: ReactToolCallRenderer<unknown>[]) => new Set(arr.map(key));\n      const a = setFrom(initial);\n      const b = setFrom(next);\n      if (a.size !== b.size) return true;\n      for (const k of a) if (!b.has(k)) return true;\n      return false;\n    },\n  );\n\n  const renderCustomMessagesList = useStableArrayProp<ReactCustomMessageRenderer>(\n    renderCustomMessages,\n    \"renderCustomMessages must be a stable array.\",\n  );\n\n  const renderActivityMessagesList = useStableArrayProp<ReactActivityMessageRenderer<any>>(\n    renderActivityMessages,\n    \"renderActivityMessages must be a stable array.\",\n  );\n\n  const frontendToolsList = useStableArrayProp<ReactFrontendTool>(\n    frontendTools,\n    \"frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.\",\n  );\n  const humanInTheLoopList = useStableArrayProp<ReactHumanInTheLoop>(\n    humanInTheLoop,\n    \"humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead.\",\n  );\n\n  // Note: warnings for array identity changes are handled by useStableArrayProp\n\n  // Process humanInTheLoop tools to create handlers and add render components\n  const processedHumanInTheLoopTools = useMemo(() => {\n    const processedTools: FrontendTool[] = [];\n    const processedRenderToolCalls: ReactToolCallRenderer<unknown>[] = [];\n\n    humanInTheLoopList.forEach((tool) => {\n      // Create a promise-based handler for each human-in-the-loop tool\n      const frontendTool: FrontendTool = {\n        name: tool.name,\n        description: tool.description,\n        parameters: tool.parameters,\n        followUp: tool.followUp,\n        ...(tool.agentId && { agentId: tool.agentId }),\n        handler: async () => {\n          // This handler will be replaced by the hook when it runs\n          // For provider-level tools, we create a basic handler that waits for user interaction\n          return new Promise((resolve) => {\n            // The actual implementation will be handled by the render component\n            // This is a placeholder that the hook will override\n            console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);\n            resolve(undefined);\n          });\n        },\n      };\n      processedTools.push(frontendTool);\n\n      // Add the render component to renderToolCalls\n      if (tool.render) {\n        processedRenderToolCalls.push({\n          name: tool.name,\n          args: tool.parameters!,\n          render: tool.render,\n          ...(tool.agentId && { agentId: tool.agentId }),\n        } as ReactToolCallRenderer<unknown>);\n      }\n    });\n\n    return { tools: processedTools, renderToolCalls: processedRenderToolCalls };\n  }, [humanInTheLoopList]);\n\n  // Combine all tools for CopilotKitCore\n  const allTools = useMemo(() => {\n    const tools: FrontendTool[] = [];\n\n    // Add frontend tools\n    tools.push(...frontendToolsList);\n\n    // Add processed human-in-the-loop tools\n    tools.push(...processedHumanInTheLoopTools.tools);\n\n    return tools;\n  }, [frontendToolsList, processedHumanInTheLoopTools]);\n\n  // Combine all render tool calls\n  const allRenderToolCalls = useMemo(() => {\n    const combined: ReactToolCallRenderer<unknown>[] = [...renderToolCallsList];\n\n    // Add render components from frontend tools\n    frontendToolsList.forEach((tool) => {\n      if (tool.render) {\n        // For wildcard tools without parameters, default to z.any()\n        const args = tool.parameters || (tool.name === \"*\" ? z.any() : undefined);\n        if (args) {\n          combined.push({\n            name: tool.name,\n            args: args,\n            render: tool.render,\n          } as ReactToolCallRenderer<unknown>);\n        }\n      }\n    });\n\n    // Add render components from human-in-the-loop tools\n    combined.push(...processedHumanInTheLoopTools.renderToolCalls);\n\n    return combined;\n  }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);\n\n  const copilotkit = useMemo(() => {\n    const copilotkit = new CopilotKitCoreReact({\n      runtimeUrl,\n      runtimeTransport: useSingleEndpoint ? \"single\" : \"rest\",\n      headers,\n      properties,\n      agents__unsafe_dev_only: agents,\n      tools: allTools,\n      renderToolCalls: allRenderToolCalls,\n      renderActivityMessages: renderActivityMessagesList,\n      renderCustomMessages: renderCustomMessagesList,\n    });\n\n    return copilotkit;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);\n\n  // Subscribe to render tool calls changes to force re-renders\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  useEffect(() => {\n    const unsubscribe = copilotkit.subscribe({\n      onRenderToolCallsChanged: () => {\n        forceUpdate();\n      },\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [copilotkit]);\n\n  useEffect(() => {\n    copilotkit.setRuntimeUrl(runtimeUrl);\n    copilotkit.setRuntimeTransport(useSingleEndpoint ? \"single\" : \"rest\");\n    copilotkit.setHeaders(headers);\n    copilotkit.setProperties(properties);\n    copilotkit.setAgents__unsafe_dev_only(agents);\n  }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);\n\n  return (\n    <CopilotKitContext.Provider\n      value={{\n        copilotkit,\n      }}\n    >\n      {children}\n      {shouldRenderInspector ? <CopilotKitInspector core={copilotkit} /> : null}\n    </CopilotKitContext.Provider>\n  );\n};\n\n// Hook to use the CopilotKit instance - returns the full context value\nexport const useCopilotKit = (): CopilotKitContextValue => {\n  const context = useContext(CopilotKitContext);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  if (!context) {\n    throw new Error(\"useCopilotKit must be used within CopilotKitProvider\");\n  }\n  useEffect(() => {\n    const unsubscribe = context.copilotkit.subscribe({\n      onRuntimeConnectionStatusChanged: () => {\n        forceUpdate();\n      },\n    });\n    return () => {\n      unsubscribe();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return context;\n};\n","import { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"@/types\";\nimport { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport { CopilotKitCore, CopilotKitCoreConfig, CopilotKitCoreSubscriber } from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n  // Add any additional configuration properties specific to the React implementation\n  renderToolCalls?: ReactToolCallRenderer<any>[];\n  renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n  // Add custom message renderers\n  renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n  onRenderToolCallsChanged?: (event: {\n    copilotkit: CopilotKitCore;\n    renderToolCalls: ReactToolCallRenderer<any>[];\n  }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n  private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n  private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n  private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n\n  constructor(config: CopilotKitCoreReactConfig) {\n    super(config);\n    this._renderToolCalls = config.renderToolCalls ?? [];\n    this._renderCustomMessages = config.renderCustomMessages ?? [];\n    this._renderActivityMessages = config.renderActivityMessages ?? [];\n  }\n\n  get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n    return this._renderCustomMessages;\n  }\n\n  get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n    return this._renderActivityMessages;\n  }\n\n  get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n    return this._renderToolCalls;\n  }\n\n  setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n    this._renderToolCalls = renderToolCalls;\n\n    // Notify React-specific subscribers\n    void this.notifySubscribers(\n      (subscriber) => {\n        const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n        if (reactSubscriber.onRenderToolCallsChanged) {\n          reactSubscriber.onRenderToolCallsChanged({\n            copilotkit: this,\n            renderToolCalls: this.renderToolCalls,\n          });\n        }\n      },\n      \"Subscriber onRenderToolCallsChanged error:\"\n    );\n  }\n\n  // Override to accept React-specific subscriber type\n  subscribe(subscriber: CopilotKitCoreReactSubscriber): () => void {\n    return super.subscribe(subscriber);\n  }\n\n  unsubscribe(subscriber: CopilotKitCoreReactSubscriber): void {\n    super.unsubscribe(subscriber);\n  }\n}\n","import * as React from \"react\";\nimport { createComponent } from \"@lit-labs/react\";\nimport {\n  WEB_INSPECTOR_TAG,\n  WebInspectorElement,\n  defineWebInspector,\n} from \"@copilotkitnext/web-inspector\";\nimport type { CopilotKitCore } from \"@copilotkitnext/core\";\n\ndefineWebInspector();\n\nconst CopilotKitInspectorBase = createComponent({\n  tagName: WEB_INSPECTOR_TAG,\n  elementClass: WebInspectorElement,\n  react: React,\n});\n\nexport type CopilotKitInspectorBaseProps = React.ComponentProps<typeof CopilotKitInspectorBase>;\n\nexport interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, \"core\"> {\n  core?: CopilotKitCore | null;\n}\n\nexport const CopilotKitInspector = React.forwardRef<\n  WebInspectorElement,\n  CopilotKitInspectorProps\n>(\n  ({ core, ...rest }, ref) => {\n    const innerRef = React.useRef<WebInspectorElement>(null);\n\n    React.useImperativeHandle(ref, () => innerRef.current as WebInspectorElement, []);\n\n    React.useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.core = core ?? null;\n      }\n    }, [core]);\n\n    return (\n      <CopilotKitInspectorBase\n        {...(rest as CopilotKitInspectorBaseProps)}\n        ref={innerRef}\n      />\n    ); // eslint-disable-line react/jsx-props-no-spreading\n  },\n);\n\nCopilotKitInspector.displayName = \"CopilotKitInspector\";\n"],"mappings":"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","names":["import_react","React","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/hooks/use-render-custom-messages.mjs

@@ -0,0 +1,12 @@
+import {
+  useRenderCustomMessages
+} from "../chunk-CSHBUHRW.mjs";
+import "../chunk-YZUPVMHC.mjs";
+import "../chunk-4XJK5IVQ.mjs";
+import "../chunk-VE3SBLU7.mjs";
+import "../chunk-YPH4BHOY.mjs";
+import "../chunk-NNAYEAP2.mjs";
+export {
+  useRenderCustomMessages
+};
+//# sourceMappingURL=use-render-custom-messages.mjs.map

package/dist/hooks/use-render-custom-messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/use-render-tool-call.d.mts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { ToolCall, ToolMessage } from '@ag-ui/core';
+
+interface UseRenderToolCallProps {
+    toolCall: ToolCall;
+    toolMessage?: ToolMessage;
+}
+/**
+ * Hook that returns a function to render tool calls based on the render functions
+ * defined in CopilotKitProvider.
+ *
+ * @returns A function that takes a tool call and optional tool message and returns the rendered component
+ */
+declare function useRenderToolCall(): ({ toolCall, toolMessage, }: UseRenderToolCallProps) => React__default.ReactElement | null;
+
+export { type UseRenderToolCallProps, useRenderToolCall };

package/dist/hooks/use-render-tool-call.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { ToolCall, ToolMessage } from '@ag-ui/core';
+
+interface UseRenderToolCallProps {
+    toolCall: ToolCall;
+    toolMessage?: ToolMessage;
+}
+/**
+ * Hook that returns a function to render tool calls based on the render functions
+ * defined in CopilotKitProvider.
+ *
+ * @returns A function that takes a tool call and optional tool message and returns the rendered component
+ */
+declare function useRenderToolCall(): ({ toolCall, toolMessage, }: UseRenderToolCallProps) => React__default.ReactElement | null;
+
+export { type UseRenderToolCallProps, useRenderToolCall };

package/dist/hooks/use-render-tool-call.js

@@ -0,0 +1,208 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/use-render-tool-call.tsx
+var use_render_tool_call_exports = {};
+__export(use_render_tool_call_exports, {
+  useRenderToolCall: () => useRenderToolCall
+});
+module.exports = __toCommonJS(use_render_tool_call_exports);
+var import_react4 = require("react");
+var import_core2 = require("@copilotkitnext/core");
+
+// src/providers/CopilotKitProvider.tsx
+var import_react2 = require("react");
+var import_zod = require("zod");
+
+// src/lib/react-core.ts
+var import_core = require("@copilotkitnext/core");
+
+// src/components/CopilotKitInspector.tsx
+var React = __toESM(require("react"));
+var import_react = require("@lit-labs/react");
+var import_web_inspector = require("@copilotkitnext/web-inspector");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_web_inspector.defineWebInspector)();
+var CopilotKitInspectorBase = (0, import_react.createComponent)({
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
+  react: React
+});
+var CopilotKitInspector = React.forwardRef(
+  ({ core, ...rest }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    React.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.core = core ?? null;
+      }
+    }, [core]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
+  }
+);
+CopilotKitInspector.displayName = "CopilotKitInspector";
+
+// src/providers/CopilotKitProvider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CopilotKitContext = (0, import_react2.createContext)({
+  copilotkit: null
+});
+var useCopilotKit = () => {
+  const context = (0, import_react2.useContext)(CopilotKitContext);
+  const [, forceUpdate] = (0, import_react2.useReducer)((x) => x + 1, 0);
+  if (!context) {
+    throw new Error("useCopilotKit must be used within CopilotKitProvider");
+  }
+  (0, import_react2.useEffect)(() => {
+    const unsubscribe = context.copilotkit.subscribe({
+      onRuntimeConnectionStatusChanged: () => {
+        forceUpdate();
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+  return context;
+};
+
+// src/providers/CopilotChatConfigurationProvider.tsx
+var import_react3 = require("react");
+var import_shared = require("@copilotkitnext/shared");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CopilotChatConfiguration = (0, import_react3.createContext)(null);
+var useCopilotChatConfiguration = () => {
+  const configuration = (0, import_react3.useContext)(CopilotChatConfiguration);
+  return configuration;
+};
+
+// src/hooks/use-render-tool-call.tsx
+var import_shared2 = require("@copilotkitnext/shared");
+var import_shared3 = require("@copilotkitnext/shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function useRenderToolCall() {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  const agentId = config?.agentId ?? import_shared2.DEFAULT_AGENT_ID;
+  const [executingToolCallIds, setExecutingToolCallIds] = (0, import_react4.useState)(() => /* @__PURE__ */ new Set());
+  const renderToolCalls = (0, import_react4.useSyncExternalStore)(
+    (callback) => {
+      return copilotkit.subscribe({
+        onRenderToolCallsChanged: callback
+      });
+    },
+    () => copilotkit.renderToolCalls,
+    () => copilotkit.renderToolCalls
+  );
+  (0, import_react4.useEffect)(() => {
+    const unsubscribe = copilotkit.subscribe({
+      onToolExecutionStart: ({ toolCallId }) => {
+        setExecutingToolCallIds((prev) => {
+          if (prev.has(toolCallId)) return prev;
+          const next = new Set(prev);
+          next.add(toolCallId);
+          return next;
+        });
+      },
+      onToolExecutionEnd: ({ toolCallId }) => {
+        setExecutingToolCallIds((prev) => {
+          if (!prev.has(toolCallId)) return prev;
+          const next = new Set(prev);
+          next.delete(toolCallId);
+          return next;
+        });
+      }
+    });
+    return () => unsubscribe();
+  }, [copilotkit]);
+  const renderToolCall = (0, import_react4.useCallback)(
+    ({
+      toolCall,
+      toolMessage
+    }) => {
+      const exactMatches = renderToolCalls.filter(
+        (rc) => rc.name === toolCall.function.name
+      );
+      const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
+      if (!renderConfig) {
+        return null;
+      }
+      const RenderComponent = renderConfig.render;
+      const args = (0, import_shared3.partialJSONParse)(toolCall.function.arguments);
+      const toolName = toolCall.function.name;
+      if (toolMessage) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.Complete,
+            result: toolMessage.content
+          },
+          toolCall.id
+        );
+      } else if (executingToolCallIds.has(toolCall.id)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.Executing,
+            result: void 0
+          },
+          toolCall.id
+        );
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.InProgress,
+            result: void 0
+          },
+          toolCall.id
+        );
+      }
+    },
+    [renderToolCalls, executingToolCallIds, agentId]
+  );
+  return renderToolCall;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRenderToolCall
+});
+//# sourceMappingURL=use-render-tool-call.js.map

package/dist/hooks/use-render-tool-call.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-render-tool-call.tsx","../../src/providers/CopilotKitProvider.tsx","../../src/lib/react-core.ts","../../src/components/CopilotKitInspector.tsx","../../src/providers/CopilotChatConfigurationProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useSyncExternalStore } from \"react\";\nimport { ToolCall, ToolMessage } from \"@ag-ui/core\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useCopilotChatConfiguration } from \"@/providers/CopilotChatConfigurationProvider\";\nimport { DEFAULT_AGENT_ID } from \"@copilotkitnext/shared\";\nimport { partialJSONParse } from \"@copilotkitnext/shared\";\n\nexport interface UseRenderToolCallProps {\n  toolCall: ToolCall;\n  toolMessage?: ToolMessage;\n}\n\n/**\n * Hook that returns a function to render tool calls based on the render functions\n * defined in CopilotKitProvider.\n *\n * @returns A function that takes a tool call and optional tool message and returns the rendered component\n */\nexport function useRenderToolCall() {\n  const { copilotkit } = useCopilotKit();\n  const config = useCopilotChatConfiguration();\n  const agentId = config?.agentId ?? DEFAULT_AGENT_ID;\n  const [executingToolCallIds, setExecutingToolCallIds] = useState<\n    ReadonlySet<string>\n  >(() => new Set());\n\n  // Subscribe to render tool calls changes using useSyncExternalStore\n  // This ensures we always have the latest value, even if subscriptions run in any order\n  const renderToolCalls = useSyncExternalStore(\n    (callback) => {\n      return copilotkit.subscribe({\n        onRenderToolCallsChanged: callback,\n      });\n    },\n    () => copilotkit.renderToolCalls,\n    () => copilotkit.renderToolCalls\n  );\n\n  useEffect(() => {\n    const unsubscribe = copilotkit.subscribe({\n      onToolExecutionStart: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.add(toolCallId);\n          return next;\n        });\n      },\n      onToolExecutionEnd: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (!prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.delete(toolCallId);\n          return next;\n        });\n      },\n    });\n    return () => unsubscribe();\n  }, [copilotkit]);\n\n  const renderToolCall = useCallback(\n    ({\n      toolCall,\n      toolMessage,\n    }: UseRenderToolCallProps): React.ReactElement | null => {\n      // Find the render config for this tool call by name\n      // For rendering, we show all tool calls regardless of agentId\n      // The agentId scoping only affects handler execution (in core)\n      // Priority order:\n      // 1. Exact match by name (prefer agent-specific if multiple exist)\n      // 2. Wildcard (*) renderer\n      const exactMatches = renderToolCalls.filter(\n        (rc) => rc.name === toolCall.function.name\n      );\n\n      // If multiple renderers with same name exist, prefer the one matching our agentId\n      const renderConfig =\n        exactMatches.find((rc) => rc.agentId === agentId) ||\n        exactMatches.find((rc) => !rc.agentId) ||\n        exactMatches[0] ||\n        renderToolCalls.find((rc) => rc.name === \"*\");\n\n      if (!renderConfig) {\n        return null;\n      }\n\n      const RenderComponent = renderConfig.render;\n\n      // Parse the arguments if they're a string\n      const args = partialJSONParse(toolCall.function.arguments);\n\n      // Create props based on status with proper typing\n      const toolName = toolCall.function.name;\n\n      if (toolMessage) {\n        // Complete status with result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.Complete}\n            result={toolMessage.content}\n          />\n        );\n      } else if (executingToolCallIds.has(toolCall.id)) {\n        // Tool is currently executing\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            // args should be complete when executing; but pass whatever we have\n            args={args}\n            status={ToolCallStatus.Executing}\n            result={undefined}\n          />\n        );\n      } else {\n        // In progress status - tool call exists but hasn't completed yet\n        // This remains true even after agent stops running, until we get a result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.InProgress}\n            result={undefined}\n          />\n        );\n      }\n    },\n    [renderToolCalls, executingToolCallIds, agentId]\n  );\n\n  return renderToolCall;\n}\n","\"use client\";\n\nimport React, {\n  createContext,\n  useContext,\n  ReactNode,\n  useMemo,\n  useEffect,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"../types\";\nimport { ReactCustomMessageRenderer } from \"../types/react-custom-message-renderer\";\nimport { ReactFrontendTool } from \"../types/frontend-tool\";\nimport { ReactHumanInTheLoop } from \"../types/human-in-the-loop\";\nimport { z } from \"zod\";\nimport { FrontendTool } from \"@copilotkitnext/core\";\nimport { AbstractAgent } from \"@ag-ui/client\";\nimport { CopilotKitCoreReact } from \"../lib/react-core\";\nimport { CopilotKitInspector } from \"../components/CopilotKitInspector\";\n\n// Define the context value interface - idiomatic React naming\nexport interface CopilotKitContextValue {\n  copilotkit: CopilotKitCoreReact;\n}\n\n// Create the CopilotKit context\nconst CopilotKitContext = createContext<CopilotKitContextValue>({\n  copilotkit: null!,\n});\n\n// Provider props interface\nexport interface CopilotKitProviderProps {\n  children: ReactNode;\n  runtimeUrl?: string;\n  headers?: Record<string, string>;\n  properties?: Record<string, unknown>;\n  useSingleEndpoint?: boolean;\n  agents__unsafe_dev_only?: Record<string, AbstractAgent>;\n  renderToolCalls?: ReactToolCallRenderer<any>[];\n  renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n  renderCustomMessages?: ReactCustomMessageRenderer[];\n  frontendTools?: ReactFrontendTool[];\n  humanInTheLoop?: ReactHumanInTheLoop[];\n  showDevConsole?: boolean | \"auto\";\n}\n\n// Small helper to normalize array props to a stable reference and warn\nfunction useStableArrayProp<T>(\n  prop: T[] | undefined,\n  warningMessage?: string,\n  isMeaningfulChange?: (initial: T[], next: T[]) => boolean,\n): T[] {\n  const empty = useMemo<T[]>(() => [], []);\n  const value = prop ?? empty;\n  const initial = useRef(value);\n\n  useEffect(() => {\n    if (\n      warningMessage &&\n      value !== initial.current &&\n      (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)\n    ) {\n      console.error(warningMessage);\n    }\n  }, [value, warningMessage]);\n\n  return value;\n}\n\n// Provider component\nexport const CopilotKitProvider: React.FC<CopilotKitProviderProps> = ({\n  children,\n  runtimeUrl,\n  headers = {},\n  properties = {},\n  agents__unsafe_dev_only: agents = {},\n  renderToolCalls,\n  renderActivityMessages,\n  renderCustomMessages,\n  frontendTools,\n  humanInTheLoop,\n  showDevConsole = false,\n  useSingleEndpoint = false,\n}) => {\n  const [shouldRenderInspector, setShouldRenderInspector] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (showDevConsole === true) {\n      // Explicitly show the inspector\n      setShouldRenderInspector(true);\n    } else if (showDevConsole === \"auto\") {\n      // Show on localhost or 127.0.0.1 only\n      const localhostHosts = new Set([\"localhost\", \"127.0.0.1\"]);\n      if (localhostHosts.has(window.location.hostname)) {\n        setShouldRenderInspector(true);\n      } else {\n        setShouldRenderInspector(false);\n      }\n    } else {\n      // showDevConsole is false or undefined (default false)\n      setShouldRenderInspector(false);\n    }\n  }, [showDevConsole]);\n\n  // Normalize array props to stable references with clear dev warnings\n  const renderToolCallsList = useStableArrayProp<ReactToolCallRenderer<any>>(\n    renderToolCalls,\n    \"renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.\",\n    (initial, next) => {\n      // Only warn if the shape (names+agentId) changed. Allow identity changes\n      // to support updated closures from parents (e.g., Storybook state).\n      const key = (rc?: ReactToolCallRenderer<unknown>) => `${rc?.agentId ?? \"\"}:${rc?.name ?? \"\"}`;\n      const setFrom = (arr: ReactToolCallRenderer<unknown>[]) => new Set(arr.map(key));\n      const a = setFrom(initial);\n      const b = setFrom(next);\n      if (a.size !== b.size) return true;\n      for (const k of a) if (!b.has(k)) return true;\n      return false;\n    },\n  );\n\n  const renderCustomMessagesList = useStableArrayProp<ReactCustomMessageRenderer>(\n    renderCustomMessages,\n    \"renderCustomMessages must be a stable array.\",\n  );\n\n  const renderActivityMessagesList = useStableArrayProp<ReactActivityMessageRenderer<any>>(\n    renderActivityMessages,\n    \"renderActivityMessages must be a stable array.\",\n  );\n\n  const frontendToolsList = useStableArrayProp<ReactFrontendTool>(\n    frontendTools,\n    \"frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.\",\n  );\n  const humanInTheLoopList = useStableArrayProp<ReactHumanInTheLoop>(\n    humanInTheLoop,\n    \"humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead.\",\n  );\n\n  // Note: warnings for array identity changes are handled by useStableArrayProp\n\n  // Process humanInTheLoop tools to create handlers and add render components\n  const processedHumanInTheLoopTools = useMemo(() => {\n    const processedTools: FrontendTool[] = [];\n    const processedRenderToolCalls: ReactToolCallRenderer<unknown>[] = [];\n\n    humanInTheLoopList.forEach((tool) => {\n      // Create a promise-based handler for each human-in-the-loop tool\n      const frontendTool: FrontendTool = {\n        name: tool.name,\n        description: tool.description,\n        parameters: tool.parameters,\n        followUp: tool.followUp,\n        ...(tool.agentId && { agentId: tool.agentId }),\n        handler: async () => {\n          // This handler will be replaced by the hook when it runs\n          // For provider-level tools, we create a basic handler that waits for user interaction\n          return new Promise((resolve) => {\n            // The actual implementation will be handled by the render component\n            // This is a placeholder that the hook will override\n            console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);\n            resolve(undefined);\n          });\n        },\n      };\n      processedTools.push(frontendTool);\n\n      // Add the render component to renderToolCalls\n      if (tool.render) {\n        processedRenderToolCalls.push({\n          name: tool.name,\n          args: tool.parameters!,\n          render: tool.render,\n          ...(tool.agentId && { agentId: tool.agentId }),\n        } as ReactToolCallRenderer<unknown>);\n      }\n    });\n\n    return { tools: processedTools, renderToolCalls: processedRenderToolCalls };\n  }, [humanInTheLoopList]);\n\n  // Combine all tools for CopilotKitCore\n  const allTools = useMemo(() => {\n    const tools: FrontendTool[] = [];\n\n    // Add frontend tools\n    tools.push(...frontendToolsList);\n\n    // Add processed human-in-the-loop tools\n    tools.push(...processedHumanInTheLoopTools.tools);\n\n    return tools;\n  }, [frontendToolsList, processedHumanInTheLoopTools]);\n\n  // Combine all render tool calls\n  const allRenderToolCalls = useMemo(() => {\n    const combined: ReactToolCallRenderer<unknown>[] = [...renderToolCallsList];\n\n    // Add render components from frontend tools\n    frontendToolsList.forEach((tool) => {\n      if (tool.render) {\n        // For wildcard tools without parameters, default to z.any()\n        const args = tool.parameters || (tool.name === \"*\" ? z.any() : undefined);\n        if (args) {\n          combined.push({\n            name: tool.name,\n            args: args,\n            render: tool.render,\n          } as ReactToolCallRenderer<unknown>);\n        }\n      }\n    });\n\n    // Add render components from human-in-the-loop tools\n    combined.push(...processedHumanInTheLoopTools.renderToolCalls);\n\n    return combined;\n  }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);\n\n  const copilotkit = useMemo(() => {\n    const copilotkit = new CopilotKitCoreReact({\n      runtimeUrl,\n      runtimeTransport: useSingleEndpoint ? \"single\" : \"rest\",\n      headers,\n      properties,\n      agents__unsafe_dev_only: agents,\n      tools: allTools,\n      renderToolCalls: allRenderToolCalls,\n      renderActivityMessages: renderActivityMessagesList,\n      renderCustomMessages: renderCustomMessagesList,\n    });\n\n    return copilotkit;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);\n\n  // Subscribe to render tool calls changes to force re-renders\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  useEffect(() => {\n    const unsubscribe = copilotkit.subscribe({\n      onRenderToolCallsChanged: () => {\n        forceUpdate();\n      },\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [copilotkit]);\n\n  useEffect(() => {\n    copilotkit.setRuntimeUrl(runtimeUrl);\n    copilotkit.setRuntimeTransport(useSingleEndpoint ? \"single\" : \"rest\");\n    copilotkit.setHeaders(headers);\n    copilotkit.setProperties(properties);\n    copilotkit.setAgents__unsafe_dev_only(agents);\n  }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);\n\n  return (\n    <CopilotKitContext.Provider\n      value={{\n        copilotkit,\n      }}\n    >\n      {children}\n      {shouldRenderInspector ? <CopilotKitInspector core={copilotkit} /> : null}\n    </CopilotKitContext.Provider>\n  );\n};\n\n// Hook to use the CopilotKit instance - returns the full context value\nexport const useCopilotKit = (): CopilotKitContextValue => {\n  const context = useContext(CopilotKitContext);\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  if (!context) {\n    throw new Error(\"useCopilotKit must be used within CopilotKitProvider\");\n  }\n  useEffect(() => {\n    const unsubscribe = context.copilotkit.subscribe({\n      onRuntimeConnectionStatusChanged: () => {\n        forceUpdate();\n      },\n    });\n    return () => {\n      unsubscribe();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return context;\n};\n","import { ReactActivityMessageRenderer, ReactToolCallRenderer } from \"@/types\";\nimport { ReactCustomMessageRenderer } from \"@/types/react-custom-message-renderer\";\nimport { CopilotKitCore, CopilotKitCoreConfig, CopilotKitCoreSubscriber } from \"@copilotkitnext/core\";\n\nexport interface CopilotKitCoreReactConfig extends CopilotKitCoreConfig {\n  // Add any additional configuration properties specific to the React implementation\n  renderToolCalls?: ReactToolCallRenderer<any>[];\n  renderActivityMessages?: ReactActivityMessageRenderer<any>[];\n\n  // Add custom message renderers\n  renderCustomMessages?: ReactCustomMessageRenderer[];\n}\n\nexport interface CopilotKitCoreReactSubscriber extends CopilotKitCoreSubscriber {\n  onRenderToolCallsChanged?: (event: {\n    copilotkit: CopilotKitCore;\n    renderToolCalls: ReactToolCallRenderer<any>[];\n  }) => void | Promise<void>;\n}\n\nexport class CopilotKitCoreReact extends CopilotKitCore {\n  private _renderToolCalls: ReactToolCallRenderer<any>[] = [];\n  private _renderCustomMessages: ReactCustomMessageRenderer[] = [];\n  private _renderActivityMessages: ReactActivityMessageRenderer<any>[] = [];\n\n  constructor(config: CopilotKitCoreReactConfig) {\n    super(config);\n    this._renderToolCalls = config.renderToolCalls ?? [];\n    this._renderCustomMessages = config.renderCustomMessages ?? [];\n    this._renderActivityMessages = config.renderActivityMessages ?? [];\n  }\n\n  get renderCustomMessages(): Readonly<ReactCustomMessageRenderer[]> {\n    return this._renderCustomMessages;\n  }\n\n  get renderActivityMessages(): Readonly<ReactActivityMessageRenderer<any>>[] {\n    return this._renderActivityMessages;\n  }\n\n  get renderToolCalls(): Readonly<ReactToolCallRenderer<any>>[] {\n    return this._renderToolCalls;\n  }\n\n  setRenderToolCalls(renderToolCalls: ReactToolCallRenderer<any>[]): void {\n    this._renderToolCalls = renderToolCalls;\n\n    // Notify React-specific subscribers\n    void this.notifySubscribers(\n      (subscriber) => {\n        const reactSubscriber = subscriber as CopilotKitCoreReactSubscriber;\n        if (reactSubscriber.onRenderToolCallsChanged) {\n          reactSubscriber.onRenderToolCallsChanged({\n            copilotkit: this,\n            renderToolCalls: this.renderToolCalls,\n          });\n        }\n      },\n      \"Subscriber onRenderToolCallsChanged error:\"\n    );\n  }\n\n  // Override to accept React-specific subscriber type\n  subscribe(subscriber: CopilotKitCoreReactSubscriber): () => void {\n    return super.subscribe(subscriber);\n  }\n\n  unsubscribe(subscriber: CopilotKitCoreReactSubscriber): void {\n    super.unsubscribe(subscriber);\n  }\n}\n","import * as React from \"react\";\nimport { createComponent } from \"@lit-labs/react\";\nimport {\n  WEB_INSPECTOR_TAG,\n  WebInspectorElement,\n  defineWebInspector,\n} from \"@copilotkitnext/web-inspector\";\nimport type { CopilotKitCore } from \"@copilotkitnext/core\";\n\ndefineWebInspector();\n\nconst CopilotKitInspectorBase = createComponent({\n  tagName: WEB_INSPECTOR_TAG,\n  elementClass: WebInspectorElement,\n  react: React,\n});\n\nexport type CopilotKitInspectorBaseProps = React.ComponentProps<typeof CopilotKitInspectorBase>;\n\nexport interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, \"core\"> {\n  core?: CopilotKitCore | null;\n}\n\nexport const CopilotKitInspector = React.forwardRef<\n  WebInspectorElement,\n  CopilotKitInspectorProps\n>(\n  ({ core, ...rest }, ref) => {\n    const innerRef = React.useRef<WebInspectorElement>(null);\n\n    React.useImperativeHandle(ref, () => innerRef.current as WebInspectorElement, []);\n\n    React.useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.core = core ?? null;\n      }\n    }, [core]);\n\n    return (\n      <CopilotKitInspectorBase\n        {...(rest as CopilotKitInspectorBaseProps)}\n        ref={innerRef}\n      />\n    ); // eslint-disable-line react/jsx-props-no-spreading\n  },\n);\n\nCopilotKitInspector.displayName = \"CopilotKitInspector\";\n","import React, { createContext, useContext, ReactNode, useMemo, useState } from \"react\";\nimport { DEFAULT_AGENT_ID, randomUUID } from \"@copilotkitnext/shared\";\n\n// Default labels\nexport const CopilotChatDefaultLabels = {\n  chatInputPlaceholder: \"Type a message...\",\n  chatInputToolbarStartTranscribeButtonLabel: \"Transcribe\",\n  chatInputToolbarCancelTranscribeButtonLabel: \"Cancel\",\n  chatInputToolbarFinishTranscribeButtonLabel: \"Finish\",\n  chatInputToolbarAddButtonLabel: \"Add photos or files\",\n  chatInputToolbarToolsButtonLabel: \"Tools\",\n  assistantMessageToolbarCopyCodeLabel: \"Copy\",\n  assistantMessageToolbarCopyCodeCopiedLabel: \"Copied\",\n  assistantMessageToolbarCopyMessageLabel: \"Copy\",\n  assistantMessageToolbarThumbsUpLabel: \"Good response\",\n  assistantMessageToolbarThumbsDownLabel: \"Bad response\",\n  assistantMessageToolbarReadAloudLabel: \"Read aloud\",\n  assistantMessageToolbarRegenerateLabel: \"Regenerate\",\n  userMessageToolbarCopyMessageLabel: \"Copy\",\n  userMessageToolbarEditMessageLabel: \"Edit\",\n  chatDisclaimerText: \"AI can make mistakes. Please verify important information.\",\n  chatToggleOpenLabel: \"Open chat\",\n  chatToggleCloseLabel: \"Close chat\",\n  modalHeaderTitle: \"CopilotKit Chat\",\n};\n\nexport type CopilotChatLabels = typeof CopilotChatDefaultLabels;\n\n// Define the full configuration interface\nexport interface CopilotChatConfigurationValue {\n  labels: CopilotChatLabels;\n  agentId: string;\n  threadId: string;\n  isModalOpen: boolean;\n  setModalOpen: (open: boolean) => void;\n  isModalDefaultOpen: boolean;\n}\n\n// Create the configuration context\nconst CopilotChatConfiguration =\n  createContext<CopilotChatConfigurationValue | null>(null);\n\n// Provider props interface\nexport interface CopilotChatConfigurationProviderProps {\n  children: ReactNode;\n  labels?: Partial<CopilotChatLabels>;\n  agentId?: string;\n  threadId?: string;\n  isModalDefaultOpen?: boolean;\n}\n\n// Provider component\nexport const CopilotChatConfigurationProvider: React.FC<\n  CopilotChatConfigurationProviderProps\n> = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {\n  const parentConfig = useContext(CopilotChatConfiguration);\n\n  const mergedLabels: CopilotChatLabels = useMemo(\n    () => ({\n      ...CopilotChatDefaultLabels,\n      ...(parentConfig?.labels ?? {}),\n      ...(labels ?? {}),\n    }),\n    [labels, parentConfig?.labels],\n  );\n\n  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;\n\n  const resolvedThreadId = useMemo(() => {\n    if (threadId) {\n      return threadId;\n    }\n    if (parentConfig?.threadId) {\n      return parentConfig.threadId;\n    }\n    return randomUUID();\n  }, [threadId, parentConfig?.threadId]);\n\n  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;\n\n  const [internalModalOpen, setInternalModalOpen] = useState<boolean>(\n    parentConfig?.isModalOpen ?? resolvedDefaultOpen,\n  );\n\n  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;\n  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;\n\n  const configurationValue: CopilotChatConfigurationValue = useMemo(\n    () => ({\n      labels: mergedLabels,\n      agentId: resolvedAgentId,\n      threadId: resolvedThreadId,\n      isModalOpen: resolvedIsModalOpen,\n      setModalOpen: resolvedSetModalOpen,\n      isModalDefaultOpen: resolvedDefaultOpen,\n    }),\n    [\n      mergedLabels,\n      resolvedAgentId,\n      resolvedThreadId,\n      resolvedIsModalOpen,\n      resolvedSetModalOpen,\n      resolvedDefaultOpen,\n    ],\n  );\n\n  return (\n    <CopilotChatConfiguration.Provider value={configurationValue}>\n      {children}\n    </CopilotChatConfiguration.Provider>\n  );\n};\n\n// Hook to use the full configuration\nexport const useCopilotChatConfiguration =\n  (): CopilotChatConfigurationValue | null => {\n    const configuration = useContext(CopilotChatConfiguration);\n    return configuration;\n  };\n"],"mappings":"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","names":["import_react","import_core","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_shared","import_jsx_runtime"]}

package/dist/hooks/use-render-tool-call.mjs

@@ -0,0 +1,11 @@
+import {
+  useRenderToolCall
+} from "../chunk-5AAT4Z3C.mjs";
+import "../chunk-4XJK5IVQ.mjs";
+import "../chunk-VE3SBLU7.mjs";
+import "../chunk-YPH4BHOY.mjs";
+import "../chunk-NNAYEAP2.mjs";
+export {
+  useRenderToolCall
+};
+//# sourceMappingURL=use-render-tool-call.mjs.map

package/dist/hooks/use-render-tool-call.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/use-suggestions.d.mts

@@ -0,0 +1,14 @@
+import { Suggestion } from '@copilotkitnext/core';
+
+interface UseSuggestionsOptions {
+    agentId?: string;
+}
+interface UseSuggestionsResult {
+    suggestions: Suggestion[];
+    reloadSuggestions: () => void;
+    clearSuggestions: () => void;
+    isLoading: boolean;
+}
+declare function useSuggestions({ agentId }?: UseSuggestionsOptions): UseSuggestionsResult;
+
+export { type UseSuggestionsOptions, type UseSuggestionsResult, useSuggestions };

package/dist/hooks/use-suggestions.d.ts

@@ -0,0 +1,14 @@
+import { Suggestion } from '@copilotkitnext/core';
+
+interface UseSuggestionsOptions {
+    agentId?: string;
+}
+interface UseSuggestionsResult {
+    suggestions: Suggestion[];
+    reloadSuggestions: () => void;
+    clearSuggestions: () => void;
+    isLoading: boolean;
+}
+declare function useSuggestions({ agentId }?: UseSuggestionsOptions): UseSuggestionsResult;
+
+export { type UseSuggestionsOptions, type UseSuggestionsResult, useSuggestions };