@copilotkitnext/react 0.0.27 → 0.0.29

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { AssistantMessage, Message, UserMessage, ToolCall, ToolMessage, ActivityMessage } from '@ag-ui/core';
 export * from '@ag-ui/core';
-import { AbstractAgent, Context } from '@ag-ui/client';
+import { AbstractAgent } from '@ag-ui/client';
 export * from '@ag-ui/client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
@@ -8,8 +8,6 @@ import React__default, { ReactNode } from 'react';
 import { Streamdown } from 'streamdown';
 import { Suggestion, CopilotKitCore, ToolCallStatus, FrontendTool, DynamicSuggestionsConfig, StaticSuggestionsConfig, CopilotKitCoreConfig, CopilotKitCoreSubscriber, CopilotKitCoreSubscription } from '@copilotkitnext/core';
 import { z } from 'zod';
-import * as _lit_labs_react from '@lit-labs/react';
-import { WebInspectorElement } from '@copilotkitnext/web-inspector';
 
 declare const CopilotChatDefaultLabels: {
     chatInputPlaceholder: string;
@@ -394,12 +392,13 @@ declare namespace CopilotPopup {
 
 declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
 
-declare const CopilotKitInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
-type CopilotKitInspectorBaseProps = React$1.ComponentProps<typeof CopilotKitInspectorBase>;
-interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, "core"> {
+type CopilotKitInspectorBaseProps = {
     core?: CopilotKitCore | null;
+    [key: string]: unknown;
+};
+interface CopilotKitInspectorProps extends CopilotKitInspectorBaseProps {
 }
-declare const CopilotKitInspector: React$1.ForwardRefExoticComponent<Omit<CopilotKitInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
+declare const CopilotKitInspector: React$1.FC<CopilotKitInspectorProps>;
 
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
@@ -508,7 +507,23 @@ declare function useAgent({ agentId, updates }?: UseAgentProps): {
     agent: AbstractAgent;
 };
 
-declare function useAgentContext(context: Context): void;
+/**
+ * Represents any value that can be serialized to JSON.
+ */
+type JsonSerializable = string | number | boolean | null | JsonSerializable[] | {
+    [key: string]: JsonSerializable;
+};
+/**
+ * Context configuration for useAgentContext.
+ * Accepts any JSON-serializable value which will be converted to a string.
+ */
+interface AgentContextInput {
+    /** A human-readable description of what this context represents */
+    description: string;
+    /** The context value - will be converted to a JSON string if not already a string */
+    value: JsonSerializable;
+}
+declare function useAgentContext(context: AgentContextInput): void;
 
 interface UseSuggestionsOptions {
     agentId?: string;
@@ -630,4 +645,4 @@ interface CopilotKitProviderProps {
 declare const CopilotKitProvider: React__default.FC<CopilotKitProviderProps>;
 declare const useCopilotKit: () => CopilotKitContextValue;
 
-export { AudioRecorderError, type AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, type CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, type CopilotChatConfigurationProviderProps, type CopilotChatConfigurationValue, CopilotChatInput, type CopilotChatInputProps, type CopilotChatLabels, CopilotChatMessageView, type CopilotChatMessageViewProps, type CopilotChatProps, CopilotChatSuggestionPill, type CopilotChatSuggestionPillProps, CopilotChatSuggestionView, type CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatUserMessage, type CopilotChatUserMessageProps, CopilotChatView, type CopilotChatViewProps, type CopilotKitContextValue, CopilotKitCoreReact, type CopilotKitCoreReactConfig, type CopilotKitCoreReactSubscriber, CopilotKitInspector, type CopilotKitInspectorBaseProps, type CopilotKitInspectorProps, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotPopup, type CopilotPopupProps, CopilotPopupView, type CopilotPopupViewProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactActivityMessageRenderer, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderActivityMessage, useRenderCustomMessages, useRenderToolCall, useSuggestions };
+export { type AgentContextInput, AudioRecorderError, type AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, type CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, type CopilotChatConfigurationProviderProps, type CopilotChatConfigurationValue, CopilotChatInput, type CopilotChatInputProps, type CopilotChatLabels, CopilotChatMessageView, type CopilotChatMessageViewProps, type CopilotChatProps, CopilotChatSuggestionPill, type CopilotChatSuggestionPillProps, CopilotChatSuggestionView, type CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatUserMessage, type CopilotChatUserMessageProps, CopilotChatView, type CopilotChatViewProps, type CopilotKitContextValue, CopilotKitCoreReact, type CopilotKitCoreReactConfig, type CopilotKitCoreReactSubscriber, CopilotKitInspector, type CopilotKitInspectorProps, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotPopup, type CopilotPopupProps, CopilotPopupView, type CopilotPopupViewProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type JsonSerializable, type ReactActivityMessageRenderer, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderActivityMessage, useRenderCustomMessages, useRenderToolCall, useSuggestions };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AssistantMessage, Message, UserMessage, ToolCall, ToolMessage, ActivityMessage } from '@ag-ui/core';
 export * from '@ag-ui/core';
-import { AbstractAgent, Context } from '@ag-ui/client';
+import { AbstractAgent } from '@ag-ui/client';
 export * from '@ag-ui/client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
@@ -8,8 +8,6 @@ import React__default, { ReactNode } from 'react';
 import { Streamdown } from 'streamdown';
 import { Suggestion, CopilotKitCore, ToolCallStatus, FrontendTool, DynamicSuggestionsConfig, StaticSuggestionsConfig, CopilotKitCoreConfig, CopilotKitCoreSubscriber, CopilotKitCoreSubscription } from '@copilotkitnext/core';
 import { z } from 'zod';
-import * as _lit_labs_react from '@lit-labs/react';
-import { WebInspectorElement } from '@copilotkitnext/web-inspector';
 
 declare const CopilotChatDefaultLabels: {
     chatInputPlaceholder: string;
@@ -394,12 +392,13 @@ declare namespace CopilotPopup {
 
 declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
 
-declare const CopilotKitInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
-type CopilotKitInspectorBaseProps = React$1.ComponentProps<typeof CopilotKitInspectorBase>;
-interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, "core"> {
+type CopilotKitInspectorBaseProps = {
     core?: CopilotKitCore | null;
+    [key: string]: unknown;
+};
+interface CopilotKitInspectorProps extends CopilotKitInspectorBaseProps {
 }
-declare const CopilotKitInspector: React$1.ForwardRefExoticComponent<Omit<CopilotKitInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
+declare const CopilotKitInspector: React$1.FC<CopilotKitInspectorProps>;
 
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
@@ -508,7 +507,23 @@ declare function useAgent({ agentId, updates }?: UseAgentProps): {
     agent: AbstractAgent;
 };
 
-declare function useAgentContext(context: Context): void;
+/**
+ * Represents any value that can be serialized to JSON.
+ */
+type JsonSerializable = string | number | boolean | null | JsonSerializable[] | {
+    [key: string]: JsonSerializable;
+};
+/**
+ * Context configuration for useAgentContext.
+ * Accepts any JSON-serializable value which will be converted to a string.
+ */
+interface AgentContextInput {
+    /** A human-readable description of what this context represents */
+    description: string;
+    /** The context value - will be converted to a JSON string if not already a string */
+    value: JsonSerializable;
+}
+declare function useAgentContext(context: AgentContextInput): void;
 
 interface UseSuggestionsOptions {
     agentId?: string;
@@ -630,4 +645,4 @@ interface CopilotKitProviderProps {
 declare const CopilotKitProvider: React__default.FC<CopilotKitProviderProps>;
 declare const useCopilotKit: () => CopilotKitContextValue;
 
-export { AudioRecorderError, type AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, type CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, type CopilotChatConfigurationProviderProps, type CopilotChatConfigurationValue, CopilotChatInput, type CopilotChatInputProps, type CopilotChatLabels, CopilotChatMessageView, type CopilotChatMessageViewProps, type CopilotChatProps, CopilotChatSuggestionPill, type CopilotChatSuggestionPillProps, CopilotChatSuggestionView, type CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatUserMessage, type CopilotChatUserMessageProps, CopilotChatView, type CopilotChatViewProps, type CopilotKitContextValue, CopilotKitCoreReact, type CopilotKitCoreReactConfig, type CopilotKitCoreReactSubscriber, CopilotKitInspector, type CopilotKitInspectorBaseProps, type CopilotKitInspectorProps, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotPopup, type CopilotPopupProps, CopilotPopupView, type CopilotPopupViewProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactActivityMessageRenderer, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderActivityMessage, useRenderCustomMessages, useRenderToolCall, useSuggestions };
+export { type AgentContextInput, AudioRecorderError, type AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, type CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, type CopilotChatConfigurationProviderProps, type CopilotChatConfigurationValue, CopilotChatInput, type CopilotChatInputProps, type CopilotChatLabels, CopilotChatMessageView, type CopilotChatMessageViewProps, type CopilotChatProps, CopilotChatSuggestionPill, type CopilotChatSuggestionPillProps, CopilotChatSuggestionView, type CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, type CopilotChatToggleButtonProps, CopilotChatToolCallsView, type CopilotChatToolCallsViewProps, CopilotChatUserMessage, type CopilotChatUserMessageProps, CopilotChatView, type CopilotChatViewProps, type CopilotKitContextValue, CopilotKitCoreReact, type CopilotKitCoreReactConfig, type CopilotKitCoreReactSubscriber, CopilotKitInspector, type CopilotKitInspectorProps, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotPopup, type CopilotPopupProps, CopilotPopupView, type CopilotPopupViewProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type JsonSerializable, type ReactActivityMessageRenderer, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderActivityMessage, useRenderCustomMessages, useRenderToolCall, useSuggestions };

package/dist/index.js

@@ -1483,32 +1483,23 @@ var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
 // src/components/CopilotKitInspector.tsx
 var React4 = __toESM(require("react"));
 var import_react5 = require("@lit-labs/react");
-var import_web_inspector = require("@copilotkitnext/web-inspector");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-(0, import_web_inspector.defineWebInspector)();
-var CopilotKitInspectorBase = (0, import_react5.createComponent)({
-  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
-  elementClass: import_web_inspector.WebInspectorElement,
-  react: React4
-});
-var CopilotKitInspector = React4.forwardRef(
-  ({ core, ...rest }, ref) => {
-    const innerRef = React4.useRef(null);
-    React4.useImperativeHandle(ref, () => innerRef.current, []);
-    React4.useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.core = core ?? null;
-      }
-    }, [core]);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      CopilotKitInspectorBase,
-      {
-        ...rest,
-        ref: innerRef
-      }
-    );
+var CopilotKitInspectorBase = React4.lazy(() => {
+  if (typeof window === "undefined") {
+    const NullComponent = () => null;
+    return Promise.resolve({ default: NullComponent });
   }
-);
+  return import("@copilotkitnext/web-inspector").then((mod) => {
+    mod.defineWebInspector?.();
+    const Component = (0, import_react5.createComponent)({
+      tagName: mod.WEB_INSPECTOR_TAG,
+      elementClass: mod.WebInspectorElement,
+      react: React4
+    });
+    return { default: Component };
+  });
+});
+var CopilotKitInspector = ({ core, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(React4.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CopilotKitInspectorBase, { ...rest, core: core ?? null }) });
 CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx
@@ -2124,13 +2115,19 @@ var import_react13 = require("react");
 function useAgentContext(context) {
   const { description, value } = context;
   const { copilotkit } = useCopilotKit();
+  const stringValue = (0, import_react13.useMemo)(() => {
+    if (typeof value === "string") {
+      return value;
+    }
+    return JSON.stringify(value);
+  }, [value]);
   (0, import_react13.useEffect)(() => {
     if (!copilotkit) return;
-    const id = copilotkit.addContext(context);
+    const id = copilotkit.addContext({ description, value: stringValue });
     return () => {
       copilotkit.removeContext(id);
     };
-  }, [description, value, copilotkit]);
+  }, [description, stringValue, copilotkit]);
 }
 
 // src/hooks/use-suggestions.tsx