@copilotkitnext/react 0.0.13 → 0.0.14

package/dist/index.mjs

@@ -882,11 +882,6 @@ CopilotChatInput.Toolbar.displayName = "CopilotChatInput.Toolbar";
 var CopilotChatInput_default = CopilotChatInput;
 
 // src/components/chat/CopilotChatAssistantMessage.tsx
-import { MarkdownHooks } from "react-markdown";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import rehypePrettyCode from "rehype-pretty-code";
-import rehypeKatex from "rehype-katex";
 import { useState as useState7 } from "react";
 import {
   Copy,
@@ -898,7 +893,7 @@ import {
 } from "lucide-react";
 import { twMerge as twMerge4 } from "tailwind-merge";
 import "katex/dist/katex.min.css";
-import { completePartialMarkdown } from "@copilotkitnext/core";
+import { Streamdown } from "streamdown";
 
 // src/hooks/use-render-tool-call.tsx
 import { useCallback, useEffect as useEffect5, useState as useState4, useSyncExternalStore } from "react";
@@ -956,7 +951,7 @@ var CopilotKitCoreReact = class extends CopilotKitCore {
   }
 };
 
-// src/components/WebInspector.tsx
+// src/components/CopilotKitInspector.tsx
 import * as React4 from "react";
 import { createComponent } from "@lit-labs/react";
 import {
@@ -966,12 +961,12 @@ import {
 } from "@copilotkitnext/web-inspector";
 import { jsx as jsx7 } from "react/jsx-runtime";
 defineWebInspector();
-var WebInspectorBase = createComponent({
+var CopilotKitInspectorBase = createComponent({
   tagName: WEB_INSPECTOR_TAG,
   elementClass: WebInspectorElement,
   react: React4
 });
-var WebInspector = React4.forwardRef(
+var CopilotKitInspector = React4.forwardRef(
   ({ core, ...rest }, ref) => {
     const innerRef = React4.useRef(null);
     React4.useImperativeHandle(ref, () => innerRef.current, []);
@@ -980,10 +975,16 @@ var WebInspector = React4.forwardRef(
         innerRef.current.core = core ?? null;
       }
     }, [core]);
-    return /* @__PURE__ */ jsx7(WebInspectorBase, { ...rest, ref: innerRef });
+    return /* @__PURE__ */ jsx7(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
   }
 );
-WebInspector.displayName = "WebInspector";
+CopilotKitInspector.displayName = "CopilotKitInspector";
 
 // src/providers/CopilotKitProvider.tsx
 import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -1145,7 +1146,7 @@ var CopilotKitProvider = ({
       },
       children: [
         children,
-        shouldRenderInspector ? /* @__PURE__ */ jsx8(WebInspector, { core: copilotkit }) : null
+        shouldRenderInspector ? /* @__PURE__ */ jsx8(CopilotKitInspector, { core: copilotkit }) : null
       ]
     }
   );
@@ -1850,105 +1851,7 @@ function CopilotChatAssistantMessage({
   );
 }
 ((CopilotChatAssistantMessage2) => {
-  const InlineCode = ({
-    children,
-    ...props
-  }) => {
-    return /* @__PURE__ */ jsx12(
-      "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] = useState7(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__ */ jsxs5("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between px-4 pr-3 py-3 text-xs", children: [
-        language && /* @__PURE__ */ jsx12("span", { className: "font-regular text-muted-foreground dark:text-white", children: language }),
-        /* @__PURE__ */ jsxs5(
-          "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__ */ jsx12(Check2, { className: "h-[10px]! w-[10px]!" }) : /* @__PURE__ */ jsx12(Copy, { className: "h-[10px]! w-[10px]!" }),
-              /* @__PURE__ */ jsx12("span", { className: "text-[11px]", children: copied ? labels.assistantMessageToolbarCopyCodeCopiedLabel : labels.assistantMessageToolbarCopyCodeLabel })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx12(
-        "pre",
-        {
-          className: cn(
-            className,
-            "rounded-2xl bg-transparent border-t-0 my-1!"
-          ),
-          ...props,
-          children
-        }
-      )
-    ] });
-  };
-  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className }) => /* @__PURE__ */ jsx12("div", { className, children: /* @__PURE__ */ jsx12(
-    MarkdownHooks,
-    {
-      remarkPlugins: [remarkGfm, remarkMath],
-      rehypePlugins: [
-        [
-          rehypePrettyCode,
-          {
-            keepBackground: false,
-            theme: {
-              dark: "one-dark-pro",
-              light: "one-light"
-            },
-            bypassInlineCode: true
-          }
-        ],
-        rehypeKatex
-      ],
-      components: {
-        pre: CodeBlock,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        code: ({ className: className2, children, ...props }) => {
-          if (typeof children === "string") {
-            return /* @__PURE__ */ jsx12(InlineCode, { ...props, children });
-          }
-          return /* @__PURE__ */ jsx12("code", { className: className2, ...props, children });
-        }
-      },
-      children: completePartialMarkdown(content || "")
-    }
-  ) });
+  CopilotChatAssistantMessage2.MarkdownRenderer = ({ content, className, ...props }) => /* @__PURE__ */ jsx12(Streamdown, { className, ...props, children: content ?? "" });
   CopilotChatAssistantMessage2.Toolbar = ({
     className,
     ...props
@@ -3258,11 +3161,11 @@ export {
   CopilotChatUserMessage_default as CopilotChatUserMessage,
   CopilotChatView_default as CopilotChatView,
   CopilotKitCoreReact,
+  CopilotKitInspector,
   CopilotKitProvider,
   CopilotModalHeader,
   CopilotSidebar,
   CopilotSidebarView,
-  WebInspector,
   WildcardToolCallRender,
   defineToolCallRenderer,
   useAgent,