@copilotkitnext/react 0.0.28 → 0.0.30

package/dist/index.d.mts

@@ -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;
@@ -646,4 +645,4 @@ interface CopilotKitProviderProps {
 declare const CopilotKitProvider: React__default.FC<CopilotKitProviderProps>;
 declare const useCopilotKit: () => CopilotKitContextValue;
 
-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 CopilotKitInspectorBaseProps, 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 };
+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

@@ -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;
@@ -646,4 +645,4 @@ interface CopilotKitProviderProps {
 declare const CopilotKitProvider: React__default.FC<CopilotKitProviderProps>;
 declare const useCopilotKit: () => CopilotKitContextValue;
 
-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 CopilotKitInspectorBaseProps, 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 };
+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,29 @@ 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 CopilotKitInspector = ({ core, ...rest }) => {
+  const [InspectorComponent, setInspectorComponent] = React4.useState(null);
+  React4.useEffect(() => {
+    let mounted = true;
+    import("@copilotkitnext/web-inspector").then((mod) => {
+      mod.defineWebInspector?.();
+      const Component = (0, import_react5.createComponent)({
+        tagName: mod.WEB_INSPECTOR_TAG,
+        elementClass: mod.WebInspectorElement,
+        react: React4
+      });
+      if (mounted) {
+        setInspectorComponent(() => Component);
       }
-    );
-  }
-);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  if (!InspectorComponent) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InspectorComponent, { ...rest, core: core ?? null });
+};
 CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx