@copilotkit/react-ui 0.15.0-alpha.8 → 0.15.0

package/dist/components/chat/Chat.js

@@ -1,44 +1,12 @@
-'use strict';
-
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var reactCore = require('@copilotkit/react-core');
-var nanoid = require('nanoid');
-var ReactMarkdown = require('react-markdown');
-var reactSyntaxHighlighter = require('react-syntax-highlighter');
-var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
-var remarkGfm = require('remark-gfm');
-var remarkMath = require('remark-math');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
-
+"use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -66,6 +34,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+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);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -86,7 +75,21 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var OpenIcon = /* @__PURE__ */ jsxRuntime.jsx(
+
+// src/components/chat/Chat.tsx
+var Chat_exports = {};
+__export(Chat_exports, {
+  CopilotChat: () => CopilotChat
+});
+module.exports = __toCommonJS(Chat_exports);
+var import_react8 = __toESM(require("react"));
+
+// src/components/chat/ChatContext.tsx
+var import_react = __toESM(require("react"));
+
+// src/components/chat/Icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var OpenIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -94,7 +97,7 @@ var OpenIcon = /* @__PURE__ */ jsxRuntime.jsx(
     fill: "currentColor",
     width: "24",
     height: "24",
-    children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "translate(24, 0) scale(-1, 1)", children: /* @__PURE__ */ jsxRuntime.jsx(
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(24, 0) scale(-1, 1)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "path",
       {
         fillRule: "evenodd",
@@ -104,7 +107,7 @@ var OpenIcon = /* @__PURE__ */ jsxRuntime.jsx(
     ) })
   }
 );
-var CloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
+var CloseIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -114,10 +117,10 @@ var CloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
     stroke: "currentColor",
     width: "24",
     height: "24",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
   }
 );
-var HeaderCloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
+var HeaderCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -127,10 +130,10 @@ var HeaderCloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
     stroke: "currentColor",
     width: "24",
     height: "24",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
 );
-var SendIcon = /* @__PURE__ */ jsxRuntime.jsx(
+var SendIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -140,7 +143,7 @@ var SendIcon = /* @__PURE__ */ jsxRuntime.jsx(
     stroke: "currentColor",
     width: "24",
     height: "24",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "path",
       {
         strokeLinecap: "round",
@@ -150,7 +153,7 @@ var SendIcon = /* @__PURE__ */ jsxRuntime.jsx(
     )
   }
 );
-var SpinnerIcon = /* @__PURE__ */ jsxRuntime.jsxs(
+var SpinnerIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     style: {
@@ -163,7 +166,7 @@ var SpinnerIcon = /* @__PURE__ */ jsxRuntime.jsxs(
     fill: "none",
     viewBox: "0 0 24 24",
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "circle",
         {
           style: { opacity: 0.25 },
@@ -174,7 +177,7 @@ var SpinnerIcon = /* @__PURE__ */ jsxRuntime.jsxs(
           strokeWidth: "4"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
           style: { opacity: 0.75 },
@@ -185,7 +188,7 @@ var SpinnerIcon = /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
-var ActivityIcon = /* @__PURE__ */ jsxRuntime.jsxs(
+var ActivityIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     style: {
@@ -199,15 +202,15 @@ var ActivityIcon = /* @__PURE__ */ jsxRuntime.jsxs(
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "copilotKitActivityDot1", cx: "4", cy: "12", r: "3" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "copilotKitActivityDot1 copilotKitActivityDot2", cx: "12", cy: "12", r: "3" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "copilotKitActivityDot1 copilotKitActivityDot3", cx: "20", cy: "12", r: "3" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "copilotKitActivityDot1", cx: "4", cy: "12", r: "3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "copilotKitActivityDot1 copilotKitActivityDot2", cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "copilotKitActivityDot1 copilotKitActivityDot3", cx: "20", cy: "12", r: "3" })
     ]
   }
 );
 function CheckIcon(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -216,13 +219,13 @@ function CheckIcon(_a) {
       style: { height: "1rem", width: "1rem" },
       className
     }, props), {
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z" })
     })
   );
 }
 function DownloadIcon(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -231,13 +234,13 @@ function DownloadIcon(_a) {
       style: { height: "1rem", width: "1rem" },
       className
     }, props), {
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z" })
     })
   );
 }
 function CopyIcon(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -246,33 +249,36 @@ function CopyIcon(_a) {
       style: { height: "1rem", width: "1rem" },
       className
     }, props), {
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z" })
     })
   );
 }
-var StopIcon = /* @__PURE__ */ jsxRuntime.jsx(
+var StopIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 256 256",
     fill: "currentColor",
     style: { height: "1rem", width: "1rem" },
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm24-120h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8Zm-8 48h-32v-32h32Z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm24-120h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8Zm-8 48h-32v-32h32Z" })
   }
 );
-var RegenerateIcon = /* @__PURE__ */ jsxRuntime.jsx(
+var RegenerateIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 256 256",
     fill: "currentColor",
     style: { height: "1rem", width: "1rem" },
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M197.67 186.37a8 8 0 0 1 0 11.29C196.58 198.73 170.82 224 128 224c-37.39 0-64.53-22.4-80-39.85V208a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16H55.44C67.76 183.35 93 208 128 208c36 0 58.14-21.46 58.36-21.68a8 8 0 0 1 11.31.05ZM216 40a8 8 0 0 0-8 8v23.85C192.53 54.4 165.39 32 128 32c-42.82 0-68.58 25.27-69.66 26.34a8 8 0 0 0 11.3 11.34C69.86 69.46 92 48 128 48c35 0 60.24 24.65 72.56 40H168a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8Z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M197.67 186.37a8 8 0 0 1 0 11.29C196.58 198.73 170.82 224 128 224c-37.39 0-64.53-22.4-80-39.85V208a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16H55.44C67.76 183.35 93 208 128 208c36 0 58.14-21.46 58.36-21.68a8 8 0 0 1 11.31.05ZM216 40a8 8 0 0 0-8 8v23.85C192.53 54.4 165.39 32 128 32c-42.82 0-68.58 25.27-69.66 26.34a8 8 0 0 0 11.3 11.34C69.86 69.46 92 48 128 48c35 0 60.24 24.65 72.56 40H168a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8Z" })
   }
 );
-var ChatContext = React__namespace.default.createContext(void 0);
+
+// src/components/chat/ChatContext.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChatContext = import_react.default.createContext(void 0);
 function useChatContext() {
-  const context = React__namespace.default.useContext(ChatContext);
+  const context = import_react.default.useContext(ChatContext);
   if (context === void 0) {
     throw new Error(
       "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
@@ -288,7 +294,7 @@ var ChatContextProvider = ({
   icons,
   children
 }) => {
-  const context = React.useMemo(
+  const context = (0, import_react.useMemo)(
     () => ({
       labels: __spreadValues(__spreadValues({}, {
         initial: "",
@@ -315,8 +321,15 @@ var ChatContextProvider = ({
     }),
     [labels, icons]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value: context, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChatContext.Provider, { value: context, children });
 };
+
+// src/components/chat/Chat.tsx
+var import_react_core = require("@copilotkit/react-core");
+
+// src/components/chat/Window.tsx
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Window = ({
   open,
   setOpen,
@@ -325,8 +338,8 @@ var Window = ({
   hotkey,
   hitEscapeToClose
 }) => {
-  const windowRef = React__namespace.default.useRef(null);
-  const handleClickOutside = React.useCallback(
+  const windowRef = import_react2.default.useRef(null);
+  const handleClickOutside = (0, import_react2.useCallback)(
     (event) => {
       var _a;
       if (!clickOutsideToClose) {
@@ -339,7 +352,7 @@ var Window = ({
     },
     [clickOutsideToClose, open, setOpen]
   );
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = (0, import_react2.useCallback)(
     (event) => {
       var _a;
       const target = event.target;
@@ -353,7 +366,7 @@ var Window = ({
     },
     [hitEscapeToClose, hotkey, open, setOpen]
   );
-  const adjustForMobile = React.useCallback(() => {
+  const adjustForMobile = (0, import_react2.useCallback)(() => {
     const copilotKitWindow = windowRef.current;
     const vv = window.visualViewport;
     if (!copilotKitWindow || !vv) {
@@ -384,7 +397,7 @@ var Window = ({
       document.body.removeEventListener("touchmove", preventScroll);
     }
   }, [open]);
-  React.useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     document.addEventListener("mousedown", handleClickOutside);
     document.addEventListener("keydown", handleKeyDown);
     if (window.visualViewport) {
@@ -399,7 +412,7 @@ var Window = ({
       }
     };
   }, [adjustForMobile, handleClickOutside, handleKeyDown]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `copilotKitWindow${open ? " open" : ""}`, ref: windowRef, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `copilotKitWindow${open ? " open" : ""}`, ref: windowRef, children });
 };
 var preventScroll = (event) => {
   let targetElement = event.target;
@@ -419,29 +432,51 @@ var preventScroll = (event) => {
 function isMacOS() {
   return /Mac|iMac|Macintosh/i.test(navigator.userAgent);
 }
+
+// src/components/chat/Button.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var Button = ({ open, setOpen }) => {
   const context = useChatContext();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "button",
     {
       className: `copilotKitButton ${open ? "open" : ""}`,
       "aria-label": open ? "Close Chat" : "Open Chat",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: context.icons.openIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: context.icons.closeIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: context.icons.openIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: context.icons.closeIcon })
       ]
     }
   ) });
 };
+
+// src/components/chat/Header.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var Header = ({ setOpen }) => {
   const context = useChatContext();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitHeader", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: context.labels.title }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setOpen(false), "aria-label": "Close", children: context.icons.headerCloseIcon })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "copilotKitHeader", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: context.labels.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => setOpen(false), "aria-label": "Close", children: context.icons.headerCloseIcon })
   ] });
 };
+
+// src/components/chat/Messages.tsx
+var import_react5 = __toESM(require("react"));
+var import_nanoid = require("nanoid");
+
+// src/components/chat/Markdown.tsx
+var import_react4 = require("react");
+var import_react_markdown = __toESM(require("react-markdown"));
+
+// src/components/chat/CodeBlock.tsx
+var import_react3 = require("react");
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
+
+// src/hooks/use-copy-to-clipboard.tsx
+var React3 = __toESM(require("react"));
 function useCopyToClipboard({ timeout = 2e3 }) {
-  const [isCopied, setIsCopied] = React__namespace.useState(false);
+  const [isCopied, setIsCopied] = React3.useState(false);
   const copyToClipboard = (value) => {
     var _a;
     if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
@@ -459,6 +494,9 @@ function useCopyToClipboard({ timeout = 2e3 }) {
   };
   return { isCopied, copyToClipboard };
 }
+
+// src/components/chat/CodeBlock.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var programmingLanguages = {
   javascript: ".js",
   python: ".py",
@@ -493,7 +531,7 @@ var generateRandomString = (length, lowercase = false) => {
   }
   return lowercase ? result.toLowerCase() : result;
 };
-var CodeBlock = React.memo(({ language, value }) => {
+var CodeBlock = (0, import_react3.memo)(({ language, value }) => {
   const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
   const downloadAsFile = () => {
     if (typeof window === "undefined") {
@@ -521,25 +559,25 @@ var CodeBlock = React.memo(({ language, value }) => {
       return;
     copyToClipboard(value);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitCodeBlock", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitCodeBlockToolbar", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Download" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitCodeBlock", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitCodeBlockToolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DownloadIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Download" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: [
-          isCopied ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Copy code" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: [
+          isCopied ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CopyIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Copy code" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactSyntaxHighlighter.Prism,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_syntax_highlighter.Prism,
       {
         language,
-        style: prism.vscDarkPlus,
+        style: import_prism.vscDarkPlus,
         PreTag: "div",
         customStyle: {
           margin: 0,
@@ -552,22 +590,27 @@ var CodeBlock = React.memo(({ language, value }) => {
   ] });
 });
 CodeBlock.displayName = "CodeBlock";
-var MemoizedReactMarkdown = React.memo(
-  ReactMarkdown__default.default,
+
+// src/components/chat/Markdown.tsx
+var import_remark_gfm = __toESM(require("remark-gfm"));
+var import_remark_math = __toESM(require("remark-math"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var MemoizedReactMarkdown = (0, import_react4.memo)(
+  import_react_markdown.default,
   (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className
 );
 var Markdown = ({ content }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedReactMarkdown, { components, remarkPlugins: [remarkGfm__default.default, remarkMath__default.default], children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MemoizedReactMarkdown, { components, remarkPlugins: [import_remark_gfm.default, import_remark_math.default], children: content }) });
 };
 var components = {
   p({ children }) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children });
   },
   code(_a) {
     var _b = _a, { children, className, inline } = _b, props = __objRest(_b, ["children", "className", "inline"]);
     if (children.length) {
       if (children[0] == "\u258D") {
-        return /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "span",
           {
             style: {
@@ -582,9 +625,9 @@ var components = {
     }
     const match = /language-(\w+)/.exec(className || "");
     if (inline) {
-      return /* @__PURE__ */ jsxRuntime.jsx("code", __spreadProps(__spreadValues({ className }, props), { children }));
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", __spreadProps(__spreadValues({ className }, props), { children }));
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       CodeBlock,
       __spreadValues({
         language: match && match[1] || "",
@@ -594,14 +637,17 @@ var components = {
     );
   }
 };
+
+// src/components/chat/Messages.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Messages = ({ messages, inProgress }) => {
   const context = useChatContext();
-  const initialMessages = React.useMemo(
+  const initialMessages = (0, import_react5.useMemo)(
     () => makeInitialMessages(context.labels.initial),
     [context.labels.initial]
   );
   messages = [...initialMessages, ...messages];
-  const messagesEndRef = React__namespace.default.useRef(null);
+  const messagesEndRef = import_react5.default.useRef(null);
   const scrollToBottom = () => {
     if (messagesEndRef.current) {
       messagesEndRef.current.scrollIntoView({
@@ -609,25 +655,25 @@ var Messages = ({ messages, inProgress }) => {
       });
     }
   };
-  React.useEffect(() => {
+  (0, import_react5.useEffect)(() => {
     scrollToBottom();
   }, [messages]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitMessages", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "copilotKitMessages", children: [
     messages.map((message, index) => {
       const isCurrentMessage = index === messages.length - 1;
       if (message.role === "user") {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
       } else if (message.role == "assistant") {
         if (isCurrentMessage && inProgress && !message.content) {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
         } else if ((!inProgress || index != messages.length - 1) && !message.content && message.function_call) {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.labels.done }, index);
         } else {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: message.content }) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Markdown, { content: message.content }) }, index);
         }
       }
     }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: messagesEndRef })
   ] });
 };
 function makeInitialMessages(initial) {
@@ -640,17 +686,24 @@ function makeInitialMessages(initial) {
     }
   }
   return initialArray.map((message) => ({
-    id: nanoid.nanoid(),
+    id: (0, import_nanoid.nanoid)(),
     role: "assistant",
     content: message
   }));
 }
-var AutoResizingTextarea = React.forwardRef(
+
+// src/components/chat/Input.tsx
+var import_react7 = require("react");
+
+// src/components/chat/Textarea.tsx
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var AutoResizingTextarea = (0, import_react6.forwardRef)(
   ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
-    const internalTextareaRef = React.useRef(null);
-    const [maxHeight, setMaxHeight] = React.useState(0);
-    React.useImperativeHandle(ref, () => internalTextareaRef.current);
-    React.useEffect(() => {
+    const internalTextareaRef = (0, import_react6.useRef)(null);
+    const [maxHeight, setMaxHeight] = (0, import_react6.useState)(0);
+    (0, import_react6.useImperativeHandle)(ref, () => internalTextareaRef.current);
+    (0, import_react6.useEffect)(() => {
       const calculateMaxHeight = () => {
         const textarea = internalTextareaRef.current;
         if (textarea) {
@@ -664,14 +717,14 @@ var AutoResizingTextarea = React.forwardRef(
       };
       calculateMaxHeight();
     }, [maxRows]);
-    React.useEffect(() => {
+    (0, import_react6.useEffect)(() => {
       const textarea = internalTextareaRef.current;
       if (textarea) {
         textarea.style.height = "auto";
         textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;
       }
     }, [value, maxHeight]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "textarea",
       {
         ref: internalTextareaRef,
@@ -690,16 +743,19 @@ var AutoResizingTextarea = React.forwardRef(
   }
 );
 var Textarea_default = AutoResizingTextarea;
+
+// src/components/chat/Input.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Input = ({ inProgress, onSend, children }) => {
   const context = useChatContext();
-  const textareaRef = React.useRef(null);
+  const textareaRef = (0, import_react7.useRef)(null);
   const handleDivClick = (event) => {
     var _a;
     if (event.target !== event.currentTarget)
       return;
     (_a = textareaRef.current) == null ? void 0 : _a.focus();
   };
-  const [text, setText] = React.useState("");
+  const [text, setText] = (0, import_react7.useState)("");
   const send = () => {
     var _a;
     if (inProgress)
@@ -710,10 +766,10 @@ var Input = ({ inProgress, onSend, children }) => {
   };
   const icon = inProgress ? context.icons.activityIcon : context.icons.sendIcon;
   const disabled = inProgress || text.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "copilotKitSendButton", disabled, onClick: send, children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "copilotKitSendButton", disabled, onClick: send, children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Textarea_default,
       {
         ref: textareaRef,
@@ -732,13 +788,22 @@ var Input = ({ inProgress, onSend, children }) => {
     )
   ] });
 };
+
+// src/components/chat/Chat.tsx
+var import_nanoid2 = require("nanoid");
+
+// src/components/chat/Response.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ResponseButton = ({ onClick, inProgress }) => {
   const context = useChatContext();
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick, className: "copilotKitResponseButton", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: inProgress ? context.icons.stopIcon : context.icons.regenerateIcon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { onClick, className: "copilotKitResponseButton", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: inProgress ? context.icons.stopIcon : context.icons.regenerateIcon }),
     inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse
   ] });
 };
+
+// src/components/chat/Chat.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var CopilotChat = ({
   instructions,
   defaultOpen = false,
@@ -758,26 +823,26 @@ var CopilotChat = ({
   ResponseButton: ResponseButton2 = ResponseButton,
   className
 }) => {
-  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = reactCore.useCopilotChat({
-    id: nanoid.nanoid(),
+  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = (0, import_react_core.useCopilotChat)({
+    id: (0, import_nanoid2.nanoid)(),
     makeSystemMessage,
     additionalInstructions: instructions
   });
-  const [openState, setOpenState] = React__namespace.default.useState(defaultOpen);
+  const [openState, setOpenState] = import_react8.default.useState(defaultOpen);
   const setOpen = (open) => {
     onSetOpen == null ? void 0 : onSetOpen(open);
     setOpenState(open);
   };
   const sendMessage = (message) => __async(void 0, null, function* () {
     append({
-      id: nanoid.nanoid(),
+      id: (0, import_nanoid2.nanoid)(),
       content: message,
       role: "user"
     });
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ChatContextProvider, { icons, labels, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button2, { open: openState, setOpen }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChatContextProvider, { icons, labels, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button2, { open: openState, setOpen }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       Window2,
       {
         open: openState,
@@ -786,15 +851,16 @@ var CopilotChat = ({
         hotkey,
         hitEscapeToClose,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Header2, { open: openState, setOpen }),
-          /* @__PURE__ */ jsxRuntime.jsx(Messages2, { messages: visibleMessages, inProgress: isLoading }),
-          /* @__PURE__ */ jsxRuntime.jsx(Input2, { inProgress: isLoading, onSend: sendMessage, children: showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ResponseButton2, { onClick: isLoading ? stop : reload, inProgress: isLoading }) })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Header2, { open: openState, setOpen }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Messages2, { messages: visibleMessages, inProgress: isLoading }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Input2, { inProgress: isLoading, onSend: sendMessage, children: showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ResponseButton2, { onClick: isLoading ? stop : reload, inProgress: isLoading }) })
         ]
       }
     )
   ] }) });
 };
-
-exports.CopilotChat = CopilotChat;
-//# sourceMappingURL=out.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotChat
+});
 //# sourceMappingURL=Chat.js.map