@copilotkitnext/react 0.0.13 → 0.0.14

package/dist/index.d.mts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { AssistantMessage, Message, UserMessage, ToolCall, ToolMessage } from '@ag-ui/core';
+import { Streamdown } from 'streamdown';
 import { Suggestion, CopilotKitCore, ToolCallStatus, FrontendTool, DynamicSuggestionsConfig, StaticSuggestionsConfig, CopilotKitCoreConfig, CopilotKitCoreSubscriber } from '@copilotkitnext/core';
 import { z } from 'zod';
 import * as _lit_labs_react from '@lit-labs/react';
@@ -152,7 +153,7 @@ type CopilotChatAssistantMessageProps = WithSlots<{
 } & React.HTMLAttributes<HTMLDivElement>>;
 declare function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible, markdownRenderer, toolbar, copyButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }: CopilotChatAssistantMessageProps): react_jsx_runtime.JSX.Element;
 declare namespace CopilotChatAssistantMessage {
-    const MarkdownRenderer: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+    const MarkdownRenderer: React.FC<Omit<React.ComponentProps<typeof Streamdown>, "children"> & {
         content: string;
     }>;
     const Toolbar: React.FC<React.HTMLAttributes<HTMLDivElement>>;
@@ -363,12 +364,12 @@ declare namespace CopilotSidebar {
 
 declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
 
-declare const WebInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
-type WebInspectorBaseProps = React$1.ComponentProps<typeof WebInspectorBase>;
-interface WebInspectorProps extends Omit<WebInspectorBaseProps, "core"> {
+declare const CopilotKitInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
+type CopilotKitInspectorBaseProps = React$1.ComponentProps<typeof CopilotKitInspectorBase>;
+interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, "core"> {
     core?: CopilotKitCore | null;
 }
-declare const WebInspector: React$1.ForwardRefExoticComponent<Omit<WebInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
+declare const CopilotKitInspector: React$1.ForwardRefExoticComponent<Omit<CopilotKitInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
 
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
@@ -572,4 +573,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, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WebInspector, type WebInspectorBaseProps, type WebInspectorProps, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderCustomMessages, useRenderToolCall, useSuggestions };
+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, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderCustomMessages, useRenderToolCall, useSuggestions };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { AssistantMessage, Message, UserMessage, ToolCall, ToolMessage } from '@ag-ui/core';
+import { Streamdown } from 'streamdown';
 import { Suggestion, CopilotKitCore, ToolCallStatus, FrontendTool, DynamicSuggestionsConfig, StaticSuggestionsConfig, CopilotKitCoreConfig, CopilotKitCoreSubscriber } from '@copilotkitnext/core';
 import { z } from 'zod';
 import * as _lit_labs_react from '@lit-labs/react';
@@ -152,7 +153,7 @@ type CopilotChatAssistantMessageProps = WithSlots<{
 } & React.HTMLAttributes<HTMLDivElement>>;
 declare function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible, markdownRenderer, toolbar, copyButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }: CopilotChatAssistantMessageProps): react_jsx_runtime.JSX.Element;
 declare namespace CopilotChatAssistantMessage {
-    const MarkdownRenderer: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+    const MarkdownRenderer: React.FC<Omit<React.ComponentProps<typeof Streamdown>, "children"> & {
         content: string;
     }>;
     const Toolbar: React.FC<React.HTMLAttributes<HTMLDivElement>>;
@@ -363,12 +364,12 @@ declare namespace CopilotSidebar {
 
 declare const WildcardToolCallRender: ReactToolCallRenderer<any>;
 
-declare const WebInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
-type WebInspectorBaseProps = React$1.ComponentProps<typeof WebInspectorBase>;
-interface WebInspectorProps extends Omit<WebInspectorBaseProps, "core"> {
+declare const CopilotKitInspectorBase: _lit_labs_react.ReactWebComponent<WebInspectorElement, {}>;
+type CopilotKitInspectorBaseProps = React$1.ComponentProps<typeof CopilotKitInspectorBase>;
+interface CopilotKitInspectorProps extends Omit<CopilotKitInspectorBaseProps, "core"> {
     core?: CopilotKitCore | null;
 }
-declare const WebInspector: React$1.ForwardRefExoticComponent<Omit<WebInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
+declare const CopilotKitInspector: React$1.ForwardRefExoticComponent<Omit<CopilotKitInspectorProps, "ref"> & React$1.RefAttributes<WebInspectorElement>>;
 
 interface UseRenderToolCallProps {
     toolCall: ToolCall;
@@ -572,4 +573,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, CopilotKitProvider, type CopilotKitProviderProps, CopilotModalHeader, type CopilotModalHeaderProps, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WebInspector, type WebInspectorBaseProps, type WebInspectorProps, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderCustomMessages, useRenderToolCall, useSuggestions };
+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, CopilotSidebar, type CopilotSidebarProps, CopilotSidebarView, type CopilotSidebarViewProps, type ReactCustomMessageRenderer, type ReactCustomMessageRendererPosition, type ReactFrontendTool, type ReactHumanInTheLoop, type ReactToolCallRenderer, type ToolsMenuItem, WildcardToolCallRender, defineToolCallRenderer, useAgent, useAgentContext, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useFrontendTool, useHumanInTheLoop, useRenderCustomMessages, useRenderToolCall, useSuggestions };

package/dist/index.js

@@ -47,11 +47,11 @@ __export(index_exports, {
   CopilotChatUserMessage: () => CopilotChatUserMessage_default,
   CopilotChatView: () => CopilotChatView_default,
   CopilotKitCoreReact: () => CopilotKitCoreReact,
+  CopilotKitInspector: () => CopilotKitInspector,
   CopilotKitProvider: () => CopilotKitProvider,
   CopilotModalHeader: () => CopilotModalHeader,
   CopilotSidebar: () => CopilotSidebar,
   CopilotSidebarView: () => CopilotSidebarView,
-  WebInspector: () => WebInspector,
   WildcardToolCallRender: () => WildcardToolCallRender,
   defineToolCallRenderer: () => defineToolCallRenderer,
   useAgent: () => useAgent,
@@ -949,16 +949,11 @@ CopilotChatInput.Toolbar.displayName = "CopilotChatInput.Toolbar";
 var CopilotChatInput_default = CopilotChatInput;
 
 // src/components/chat/CopilotChatAssistantMessage.tsx
-var import_react_markdown = require("react-markdown");
-var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_remark_math = __toESM(require("remark-math"));
-var import_rehype_pretty_code = __toESM(require("rehype-pretty-code"));
-var import_rehype_katex = __toESM(require("rehype-katex"));
 var import_react16 = require("react");
 var import_lucide_react3 = require("lucide-react");
 var import_tailwind_merge4 = require("tailwind-merge");
 var import_katex_min = require("katex/dist/katex.min.css");
-var import_core3 = require("@copilotkitnext/core");
+var import_streamdown = require("streamdown");
 
 // src/hooks/use-render-tool-call.tsx
 var import_react7 = require("react");
@@ -1008,18 +1003,18 @@ var CopilotKitCoreReact = class extends import_core.CopilotKitCore {
   }
 };
 
-// src/components/WebInspector.tsx
+// 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 WebInspectorBase = (0, import_react5.createComponent)({
+var CopilotKitInspectorBase = (0, import_react5.createComponent)({
   tagName: import_web_inspector.WEB_INSPECTOR_TAG,
   elementClass: import_web_inspector.WebInspectorElement,
   react: React4
 });
-var WebInspector = React4.forwardRef(
+var CopilotKitInspector = React4.forwardRef(
   ({ core, ...rest }, ref) => {
     const innerRef = React4.useRef(null);
     React4.useImperativeHandle(ref, () => innerRef.current, []);
@@ -1028,10 +1023,16 @@ var WebInspector = React4.forwardRef(
         innerRef.current.core = core ?? null;
       }
     }, [core]);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WebInspectorBase, { ...rest, ref: innerRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
   }
 );
-WebInspector.displayName = "WebInspector";
+CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -1193,7 +1194,7 @@ var CopilotKitProvider = ({
       },
       children: [
         children,
-        shouldRenderInspector ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WebInspector, { core: copilotkit }) : null
+        shouldRenderInspector ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopilotKitInspector, { core: copilotkit }) : null
       ]
     }
   );
@@ -1898,105 +1899,7 @@ function CopilotChatAssistantMessage({
   );
 }
 ((CopilotChatAssistantMessage2) => {
-  const InlineCode = ({
-    children,
-    ...props
-  }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "code",
-      {
-        className: "px-[4.8px] py-[2.5px] bg-[rgb(236,236,236)] dark:bg-gray-800 rounded text-sm font-mono font-medium! text-foreground!",
-        ...props,
-        children
-      }
-    );
-  };
-  const CodeBlock = ({ children, className, onClick, ...props }) => {
-    const config = useCopilotChatConfiguration();
-    const labels = config?.labels ?? CopilotChatDefaultLabels;
-    const [copied, setCopied] = (0, import_react16.useState)(false);
-    const getCodeContent = (node) => {
-      if (typeof node === "string") return node;
-      if (Array.isArray(node)) return node.map(getCodeContent).join("");
-      if (node?.props?.children) return getCodeContent(node.props.children);
-      return "";
-    };
-    const codeContent = getCodeContent(children);
-    const language = props["data-language"];
-    const copyToClipboard = async () => {
-      if (!codeContent.trim()) return;
-      try {
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2e3);
-        if (onClick) {
-          onClick();
-        }
-      } catch (err) {
-        console.error("Failed to copy code:", err);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between px-4 pr-3 py-3 text-xs", children: [
-        language && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-regular text-muted-foreground dark:text-white", children: language }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-          "button",
-          {
-            className: cn(
-              "px-2 gap-0.5 text-xs flex items-center cursor-pointer text-muted-foreground dark:text-white"
-            ),
-            onClick: copyToClipboard,
-            title: copied ? labels.assistantMessageToolbarCopyCodeCopiedLabel : `${labels.assistantMessageToolbarCopyCodeLabel} code`,
-            children: [
-              copied ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Check, { className: "h-[10px]! w-[10px]!" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.Copy, { className: "h-[10px]! w-[10px]!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-[11px]", children: copied ? labels.assistantMessageToolbarCopyCodeCopiedLabel : labels.assistantMessageToolbarCopyCodeLabel })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "pre",
-        {
-          className: cn(
-            className,
-            "rounded-2xl bg-transparent border-t-0 my-1!"
-          ),
-          ...props,
-          children
-        }
-      )
-    ] });
-  };
-  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react_markdown.MarkdownHooks,
-    {
-      remarkPlugins: [import_remark_gfm.default, import_remark_math.default],
-      rehypePlugins: [
-        [
-          import_rehype_pretty_code.default,
-          {
-            keepBackground: false,
-            theme: {
-              dark: "one-dark-pro",
-              light: "one-light"
-            },
-            bypassInlineCode: true
-          }
-        ],
-        import_rehype_katex.default
-      ],
-      components: {
-        pre: CodeBlock,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        code: ({ className: className2, children, ...props }) => {
-          if (typeof children === "string") {
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineCode, { ...props, children });
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { className: className2, ...props, children });
-        }
-      },
-      children: (0, import_core3.completePartialMarkdown)(content || "")
-    }
-  ) });
+  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_streamdown.Streamdown, { className, ...props, children: content ?? "" });
   CopilotChatAssistantMessage2.Toolbar = ({
     className,
     ...props
@@ -3307,11 +3210,11 @@ var WildcardToolCallRender = defineToolCallRenderer({
   CopilotChatUserMessage,
   CopilotChatView,
   CopilotKitCoreReact,
+  CopilotKitInspector,
   CopilotKitProvider,
   CopilotModalHeader,
   CopilotSidebar,
   CopilotSidebarView,
-  WebInspector,
   WildcardToolCallRender,
   defineToolCallRenderer,
   useAgent,