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

package/dist/providers/CopilotKitProvider.js

@@ -0,0 +1,314 @@
+"use strict";
+"use client";
+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/providers/CopilotKitProvider.tsx
+var CopilotKitProvider_exports = {};
+__export(CopilotKitProvider_exports, {
+  CopilotKitProvider: () => CopilotKitProvider,
+  useCopilotKit: () => useCopilotKit
+});
+module.exports = __toCommonJS(CopilotKitProvider_exports);
+var import_react2 = require("react");
+var import_zod = require("zod");
+
+// src/lib/react-core.ts
+var import_core = require("@copilotkitnext/core");
+var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
+  _renderToolCalls = [];
+  _renderCustomMessages = [];
+  _renderActivityMessages = [];
+  constructor(config) {
+    super(config);
+    this._renderToolCalls = config.renderToolCalls ?? [];
+    this._renderCustomMessages = config.renderCustomMessages ?? [];
+    this._renderActivityMessages = config.renderActivityMessages ?? [];
+  }
+  get renderCustomMessages() {
+    return this._renderCustomMessages;
+  }
+  get renderActivityMessages() {
+    return this._renderActivityMessages;
+  }
+  get renderToolCalls() {
+    return this._renderToolCalls;
+  }
+  setRenderToolCalls(renderToolCalls) {
+    this._renderToolCalls = renderToolCalls;
+    void this.notifySubscribers(
+      (subscriber) => {
+        const reactSubscriber = subscriber;
+        if (reactSubscriber.onRenderToolCallsChanged) {
+          reactSubscriber.onRenderToolCallsChanged({
+            copilotkit: this,
+            renderToolCalls: this.renderToolCalls
+          });
+        }
+      },
+      "Subscriber onRenderToolCallsChanged error:"
+    );
+  }
+  // Override to accept React-specific subscriber type
+  subscribe(subscriber) {
+    return super.subscribe(subscriber);
+  }
+  unsubscribe(subscriber) {
+    super.unsubscribe(subscriber);
+  }
+};
+
+// 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
+});
+function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
+  const empty = (0, import_react2.useMemo)(() => [], []);
+  const value = prop ?? empty;
+  const initial = (0, import_react2.useRef)(value);
+  (0, import_react2.useEffect)(() => {
+    if (warningMessage && value !== initial.current && (isMeaningfulChange ? isMeaningfulChange(initial.current, value) : true)) {
+      console.error(warningMessage);
+    }
+  }, [value, warningMessage]);
+  return value;
+}
+var CopilotKitProvider = ({
+  children,
+  runtimeUrl,
+  headers = {},
+  properties = {},
+  agents__unsafe_dev_only: agents = {},
+  renderToolCalls,
+  renderActivityMessages,
+  renderCustomMessages,
+  frontendTools,
+  humanInTheLoop,
+  showDevConsole = false,
+  useSingleEndpoint = false
+}) => {
+  const [shouldRenderInspector, setShouldRenderInspector] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    if (showDevConsole === true) {
+      setShouldRenderInspector(true);
+    } else if (showDevConsole === "auto") {
+      const localhostHosts = /* @__PURE__ */ new Set(["localhost", "127.0.0.1"]);
+      if (localhostHosts.has(window.location.hostname)) {
+        setShouldRenderInspector(true);
+      } else {
+        setShouldRenderInspector(false);
+      }
+    } else {
+      setShouldRenderInspector(false);
+    }
+  }, [showDevConsole]);
+  const renderToolCallsList = useStableArrayProp(
+    renderToolCalls,
+    "renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.",
+    (initial, next) => {
+      const key = (rc) => `${rc?.agentId ?? ""}:${rc?.name ?? ""}`;
+      const setFrom = (arr) => new Set(arr.map(key));
+      const a = setFrom(initial);
+      const b = setFrom(next);
+      if (a.size !== b.size) return true;
+      for (const k of a) if (!b.has(k)) return true;
+      return false;
+    }
+  );
+  const renderCustomMessagesList = useStableArrayProp(
+    renderCustomMessages,
+    "renderCustomMessages must be a stable array."
+  );
+  const renderActivityMessagesList = useStableArrayProp(
+    renderActivityMessages,
+    "renderActivityMessages must be a stable array."
+  );
+  const frontendToolsList = useStableArrayProp(
+    frontendTools,
+    "frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead."
+  );
+  const humanInTheLoopList = useStableArrayProp(
+    humanInTheLoop,
+    "humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead."
+  );
+  const processedHumanInTheLoopTools = (0, import_react2.useMemo)(() => {
+    const processedTools = [];
+    const processedRenderToolCalls = [];
+    humanInTheLoopList.forEach((tool) => {
+      const frontendTool = {
+        name: tool.name,
+        description: tool.description,
+        parameters: tool.parameters,
+        followUp: tool.followUp,
+        ...tool.agentId && { agentId: tool.agentId },
+        handler: async () => {
+          return new Promise((resolve) => {
+            console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);
+            resolve(void 0);
+          });
+        }
+      };
+      processedTools.push(frontendTool);
+      if (tool.render) {
+        processedRenderToolCalls.push({
+          name: tool.name,
+          args: tool.parameters,
+          render: tool.render,
+          ...tool.agentId && { agentId: tool.agentId }
+        });
+      }
+    });
+    return { tools: processedTools, renderToolCalls: processedRenderToolCalls };
+  }, [humanInTheLoopList]);
+  const allTools = (0, import_react2.useMemo)(() => {
+    const tools = [];
+    tools.push(...frontendToolsList);
+    tools.push(...processedHumanInTheLoopTools.tools);
+    return tools;
+  }, [frontendToolsList, processedHumanInTheLoopTools]);
+  const allRenderToolCalls = (0, import_react2.useMemo)(() => {
+    const combined = [...renderToolCallsList];
+    frontendToolsList.forEach((tool) => {
+      if (tool.render) {
+        const args = tool.parameters || (tool.name === "*" ? import_zod.z.any() : void 0);
+        if (args) {
+          combined.push({
+            name: tool.name,
+            args,
+            render: tool.render
+          });
+        }
+      }
+    });
+    combined.push(...processedHumanInTheLoopTools.renderToolCalls);
+    return combined;
+  }, [renderToolCallsList, frontendToolsList, processedHumanInTheLoopTools]);
+  const copilotkit = (0, import_react2.useMemo)(() => {
+    const copilotkit2 = new CopilotKitCoreReact({
+      runtimeUrl,
+      runtimeTransport: useSingleEndpoint ? "single" : "rest",
+      headers,
+      properties,
+      agents__unsafe_dev_only: agents,
+      tools: allTools,
+      renderToolCalls: allRenderToolCalls,
+      renderActivityMessages: renderActivityMessagesList,
+      renderCustomMessages: renderCustomMessagesList
+    });
+    return copilotkit2;
+  }, [allTools, allRenderToolCalls, renderActivityMessagesList, renderCustomMessagesList, useSingleEndpoint]);
+  const [, forceUpdate] = (0, import_react2.useReducer)((x) => x + 1, 0);
+  (0, import_react2.useEffect)(() => {
+    const unsubscribe = copilotkit.subscribe({
+      onRenderToolCallsChanged: () => {
+        forceUpdate();
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [copilotkit]);
+  (0, import_react2.useEffect)(() => {
+    copilotkit.setRuntimeUrl(runtimeUrl);
+    copilotkit.setRuntimeTransport(useSingleEndpoint ? "single" : "rest");
+    copilotkit.setHeaders(headers);
+    copilotkit.setProperties(properties);
+    copilotkit.setAgents__unsafe_dev_only(agents);
+  }, [runtimeUrl, headers, properties, agents, useSingleEndpoint]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    CopilotKitContext.Provider,
+    {
+      value: {
+        copilotkit
+      },
+      children: [
+        children,
+        shouldRenderInspector ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CopilotKitInspector, { core: 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;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotKitProvider,
+  useCopilotKit
+});
+//# sourceMappingURL=CopilotKitProvider.js.map

package/dist/providers/CopilotKitProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/CopilotKitProvider.tsx","../../src/lib/react-core.ts","../../src/components/CopilotKitInspector.tsx"],"sourcesContent":["\"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","import_jsx_runtime","copilotkit"]}

package/dist/providers/CopilotKitProvider.mjs

@@ -0,0 +1,12 @@
+"use client";
+import {
+  CopilotKitProvider,
+  useCopilotKit
+} from "../chunk-VE3SBLU7.mjs";
+import "../chunk-YPH4BHOY.mjs";
+import "../chunk-NNAYEAP2.mjs";
+export {
+  CopilotKitProvider,
+  useCopilotKit
+};
+//# sourceMappingURL=CopilotKitProvider.mjs.map

package/dist/providers/CopilotKitProvider.mjs.map

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

package/dist/providers/index.d.mts

@@ -0,0 +1,13 @@
+export { CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatLabels, useCopilotChatConfiguration } from './CopilotChatConfigurationProvider.mjs';
+export { CopilotKitContextValue, CopilotKitProvider, CopilotKitProviderProps, useCopilotKit } from './CopilotKitProvider.mjs';
+import 'react';
+import '../types/react-tool-call-renderer.mjs';
+import 'zod';
+import '@copilotkitnext/core';
+import '../types/react-activity-message-renderer.mjs';
+import '@ag-ui/core';
+import '@ag-ui/client';
+import '../types/react-custom-message-renderer.mjs';
+import '../types/frontend-tool.mjs';
+import '../types/human-in-the-loop.mjs';
+import '../lib/react-core.mjs';

package/dist/providers/index.d.ts

@@ -0,0 +1,13 @@
+export { CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatLabels, useCopilotChatConfiguration } from './CopilotChatConfigurationProvider.js';
+export { CopilotKitContextValue, CopilotKitProvider, CopilotKitProviderProps, useCopilotKit } from './CopilotKitProvider.js';
+import 'react';
+import '../types/react-tool-call-renderer.js';
+import 'zod';
+import '@copilotkitnext/core';
+import '../types/react-activity-message-renderer.js';
+import '@ag-ui/core';
+import '@ag-ui/client';
+import '../types/react-custom-message-renderer.js';
+import '../types/frontend-tool.js';
+import '../types/human-in-the-loop.js';
+import '../lib/react-core.js';