@copilotkit/react-ui 0.22.0-function-calling-fixes.1 → 0.22.0-function-calling-fixes.2

package/dist/index.mjs

@@ -1,32 +1,1229 @@
 "use client";
-import "./chunk-IU3WTXLQ.mjs";
-import "./chunk-JD7BAH7U.mjs";
-import "./chunk-UGQQ4WEQ.mjs";
-import "./chunk-WB3YULQ4.mjs";
-import {
-  CopilotPopup
-} from "./chunk-YAORLSQ3.mjs";
-import {
-  CopilotSidebar
-} from "./chunk-T3WYKWNC.mjs";
-import "./chunk-6U3O2JZP.mjs";
-import "./chunk-73EBDGYK.mjs";
-import "./chunk-WDHLWSSU.mjs";
-import "./chunk-YEHO5VMA.mjs";
-import "./chunk-B7DNOYVQ.mjs";
-import "./chunk-YTIGBBTC.mjs";
-import "./chunk-MBYUBR3F.mjs";
-import "./chunk-7JYUCW7H.mjs";
-import "./chunk-KE3N45ZY.mjs";
-import "./chunk-WM6BS77F.mjs";
-import {
-  useChatContext
-} from "./chunk-7LMXXGJT.mjs";
-import "./chunk-7YXG7D47.mjs";
-import "./chunk-H4VKQGVU.mjs";
-import "./chunk-54JAUBUJ.mjs";
-import "./chunk-MRXNTQOX.mjs";
-import "./chunk-7NSRDJ5C.mjs";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/components/chat/Chat.tsx
+import React7, { useEffect as useEffect5 } from "react";
+
+// src/components/chat/ChatContext.tsx
+import React, { useMemo } from "react";
+
+// src/components/chat/Icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var OpenIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    width: "24",
+    height: "24",
+    children: /* @__PURE__ */ jsx("g", { transform: "translate(24, 0) scale(-1, 1)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M5.337 21.718a6.707 6.707 0 01-.533-.074.75.75 0 01-.44-1.223 3.73 3.73 0 00.814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 01-4.246.997z",
+        clipRule: "evenodd"
+      }
+    ) })
+  }
+);
+var CloseIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    stroke: "currentColor",
+    width: "24",
+    height: "24",
+    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+  }
+);
+var HeaderCloseIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    stroke: "currentColor",
+    width: "24",
+    height: "24",
+    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+  }
+);
+var SendIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    width: "24",
+    height: "24",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"
+      }
+    )
+  }
+);
+var SpinnerIcon = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    style: {
+      animation: "copilotKitSpinAnimation 1s linear infinite",
+      color: "rgb(107 114 128)"
+    },
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          style: { opacity: 0.25 },
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          style: { opacity: 0.75 },
+          fill: "currentColor",
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+        }
+      )
+    ]
+  }
+);
+var ActivityIcon = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    style: {
+      display: "inline-block",
+      marginLeft: "0.25rem",
+      marginRight: "0.25rem"
+    },
+    height: "24",
+    width: "24",
+    viewBox: "0 0 27 27",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    children: [
+      /* @__PURE__ */ jsx("circle", { className: "copilotKitActivityDot1", cx: "4", cy: "12", r: "3" }),
+      /* @__PURE__ */ jsx("circle", { className: "copilotKitActivityDot1 copilotKitActivityDot2", cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ 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__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      style: { height: "1rem", width: "1rem" },
+      className
+    }, props), {
+      children: /* @__PURE__ */ 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__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      style: { height: "1rem", width: "1rem" },
+      className
+    }, props), {
+      children: /* @__PURE__ */ 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__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      style: { height: "1rem", width: "1rem" },
+      className
+    }, props), {
+      children: /* @__PURE__ */ 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__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 256 256",
+    fill: "currentColor",
+    style: { height: "1rem", width: "1rem" },
+    children: /* @__PURE__ */ 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__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 256 256",
+    fill: "currentColor",
+    style: { height: "1rem", width: "1rem" },
+    children: /* @__PURE__ */ 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" })
+  }
+);
+
+// src/components/chat/ChatContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChatContext = React.createContext(void 0);
+function useChatContext() {
+  const context = React.useContext(ChatContext);
+  if (context === void 0) {
+    throw new Error(
+      "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
+    );
+  }
+  return context;
+}
+var ChatContextProvider = ({
+  // temperature,
+  // instructions,
+  // maxFeedback,
+  labels,
+  icons,
+  children,
+  open,
+  setOpen
+}) => {
+  const context = useMemo(
+    () => ({
+      labels: __spreadValues(__spreadValues({}, {
+        initial: "",
+        title: "CopilotKit",
+        placeholder: "Type a message...",
+        thinking: "Thinking...",
+        error: "\u274C An error occurred. Please try again.",
+        stopGenerating: "Stop generating",
+        regenerateResponse: "Regenerate response"
+      }), labels),
+      icons: __spreadProps(__spreadValues({}, {
+        openIcon: OpenIcon,
+        closeIcon: CloseIcon,
+        headerCloseIcon: HeaderCloseIcon,
+        sendIcon: SendIcon,
+        activityIcon: ActivityIcon,
+        spinnerIcon: SpinnerIcon,
+        stopIcon: StopIcon,
+        regenerateIcon: RegenerateIcon
+      }), {
+        icons
+      }),
+      open,
+      setOpen
+    }),
+    [labels, icons, open, setOpen]
+  );
+  return /* @__PURE__ */ jsx2(ChatContext.Provider, { value: context, children });
+};
+
+// src/components/chat/Chat.tsx
+import { useCopilotChat } from "@copilotkit/react-core";
+
+// src/components/chat/Window.tsx
+import React2, { useCallback, useEffect } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Window = ({
+  open,
+  setOpen,
+  children,
+  clickOutsideToClose,
+  shortcut,
+  hitEscapeToClose
+}) => {
+  const windowRef = React2.useRef(null);
+  const handleClickOutside = useCallback(
+    (event) => {
+      var _a;
+      if (!clickOutsideToClose) {
+        return;
+      }
+      const parentElement = (_a = windowRef.current) == null ? void 0 : _a.parentElement;
+      if (open && parentElement && !parentElement.contains(event.target)) {
+        setOpen(false);
+      }
+    },
+    [clickOutsideToClose, open, setOpen]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      var _a;
+      const target = event.target;
+      const isInput = target.tagName === "INPUT" || target.tagName === "SELECT" || target.tagName === "TEXTAREA" || target.isContentEditable;
+      const isDescendantOfWrapper = (_a = windowRef.current) == null ? void 0 : _a.contains(target);
+      if (open && event.key === "Escape" && (!isInput || isDescendantOfWrapper) && hitEscapeToClose) {
+        setOpen(false);
+      } else if (event.key === shortcut && (isMacOS() && event.metaKey || !isMacOS() && event.ctrlKey) && (!isInput || isDescendantOfWrapper)) {
+        setOpen(!open);
+      }
+    },
+    [hitEscapeToClose, shortcut, open, setOpen]
+  );
+  const adjustForMobile = useCallback(() => {
+    const copilotKitWindow = windowRef.current;
+    const vv = window.visualViewport;
+    if (!copilotKitWindow || !vv) {
+      return;
+    }
+    if (window.innerWidth < 640 && open) {
+      copilotKitWindow.style.height = `${vv.height}px`;
+      copilotKitWindow.style.left = `${vv.offsetLeft}px`;
+      copilotKitWindow.style.top = `${vv.offsetTop}px`;
+      document.body.style.position = "fixed";
+      document.body.style.width = "100%";
+      document.body.style.height = `${window.innerHeight}px`;
+      document.body.style.overflow = "hidden";
+      document.body.style.touchAction = "none";
+      document.body.addEventListener("touchmove", preventScroll, {
+        passive: false
+      });
+    } else {
+      copilotKitWindow.style.height = "";
+      copilotKitWindow.style.left = "";
+      copilotKitWindow.style.top = "";
+      document.body.style.position = "";
+      document.body.style.height = "";
+      document.body.style.width = "";
+      document.body.style.overflow = "";
+      document.body.style.top = "";
+      document.body.style.touchAction = "";
+      document.body.removeEventListener("touchmove", preventScroll);
+    }
+  }, [open]);
+  useEffect(() => {
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleKeyDown);
+    if (window.visualViewport) {
+      window.visualViewport.addEventListener("resize", adjustForMobile);
+      adjustForMobile();
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleKeyDown);
+      if (window.visualViewport) {
+        window.visualViewport.removeEventListener("resize", adjustForMobile);
+      }
+    };
+  }, [adjustForMobile, handleClickOutside, handleKeyDown]);
+  return /* @__PURE__ */ jsx3("div", { className: `copilotKitWindow${open ? " open" : ""}`, ref: windowRef, children });
+};
+var preventScroll = (event) => {
+  let targetElement = event.target;
+  const hasParentWithClass = (element, className) => {
+    while (element && element !== document.body) {
+      if (element.classList.contains(className)) {
+        return true;
+      }
+      element = element.parentElement;
+    }
+    return false;
+  };
+  if (!hasParentWithClass(targetElement, "copilotKitMessages")) {
+    event.preventDefault();
+  }
+};
+function isMacOS() {
+  return /Mac|iMac|Macintosh/i.test(navigator.userAgent);
+}
+
+// src/components/chat/Button.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = ({ open, setOpen }) => {
+  const context = useChatContext();
+  return /* @__PURE__ */ jsx4("div", { onClick: () => setOpen(!open), children: /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      className: `copilotKitButton ${open ? "open" : ""}`,
+      "aria-label": open ? "Close Chat" : "Open Chat",
+      children: [
+        /* @__PURE__ */ jsx4("div", { className: "copilotKitButtonIcon copilotKitButtonIconOpen", children: context.icons.openIcon }),
+        /* @__PURE__ */ jsx4("div", { className: "copilotKitButtonIcon copilotKitButtonIconClose", children: context.icons.closeIcon })
+      ]
+    }
+  ) });
+};
+
+// src/components/chat/Header.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var Header = ({ setOpen }) => {
+  const context = useChatContext();
+  return /* @__PURE__ */ jsxs3("div", { className: "copilotKitHeader", children: [
+    /* @__PURE__ */ jsx5("div", { children: context.labels.title }),
+    /* @__PURE__ */ jsx5("button", { onClick: () => setOpen(false), "aria-label": "Close", children: context.icons.headerCloseIcon })
+  ] });
+};
+
+// src/components/chat/Messages.tsx
+import React4, { useEffect as useEffect2, useMemo as useMemo2 } from "react";
+import { nanoid } from "nanoid";
+import { decodeResult } from "@copilotkit/shared";
+
+// src/components/chat/Markdown.tsx
+import { memo as memo2 } from "react";
+import ReactMarkdown from "react-markdown";
+
+// src/components/chat/CodeBlock.tsx
+import { memo } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+
+// src/hooks/use-copy-to-clipboard.tsx
+import * as React3 from "react";
+function useCopyToClipboard({ timeout = 2e3 }) {
+  const [isCopied, setIsCopied] = React3.useState(false);
+  const copyToClipboard = (value) => {
+    var _a;
+    if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      return;
+    }
+    if (!value) {
+      return;
+    }
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => {
+        setIsCopied(false);
+      }, timeout);
+    });
+  };
+  return { isCopied, copyToClipboard };
+}
+
+// src/components/chat/CodeBlock.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var programmingLanguages = {
+  javascript: ".js",
+  python: ".py",
+  java: ".java",
+  c: ".c",
+  cpp: ".cpp",
+  "c++": ".cpp",
+  "c#": ".cs",
+  ruby: ".rb",
+  php: ".php",
+  swift: ".swift",
+  "objective-c": ".m",
+  kotlin: ".kt",
+  typescript: ".ts",
+  go: ".go",
+  perl: ".pl",
+  rust: ".rs",
+  scala: ".scala",
+  haskell: ".hs",
+  lua: ".lua",
+  shell: ".sh",
+  sql: ".sql",
+  html: ".html",
+  css: ".css"
+  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
+};
+var generateRandomString = (length, lowercase = false) => {
+  const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return lowercase ? result.toLowerCase() : result;
+};
+var CodeBlock = memo(({ language, value }) => {
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
+  const downloadAsFile = () => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const fileExtension = programmingLanguages[language] || ".file";
+    const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
+    const fileName = window.prompt("Enter file name", suggestedFileName);
+    if (!fileName) {
+      return;
+    }
+    const blob = new Blob([value], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.download = fileName;
+    link.href = url;
+    link.style.display = "none";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  const onCopy = () => {
+    if (isCopied)
+      return;
+    copyToClipboard(value);
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: "copilotKitCodeBlock", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "copilotKitCodeBlockToolbar", children: [
+      /* @__PURE__ */ jsx6("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
+      /* @__PURE__ */ jsxs4("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
+        /* @__PURE__ */ jsxs4("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: [
+          /* @__PURE__ */ jsx6(DownloadIcon, {}),
+          /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Download" })
+        ] }),
+        /* @__PURE__ */ jsxs4("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: [
+          isCopied ? /* @__PURE__ */ jsx6(CheckIcon, {}) : /* @__PURE__ */ jsx6(CopyIcon, {}),
+          /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Copy code" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      SyntaxHighlighter,
+      {
+        language,
+        style: highlightStyle,
+        PreTag: "div",
+        customStyle: {
+          margin: 0,
+          borderBottomLeftRadius: "0.375rem",
+          borderBottomRightRadius: "0.375rem"
+        },
+        children: value
+      }
+    )
+  ] });
+});
+CodeBlock.displayName = "CodeBlock";
+var highlightStyle = {
+  'pre[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    background: "#1e1e1e"
+  },
+  'code[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'pre[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: ".1em .3em",
+    borderRadius: ".3em",
+    color: "#db4c69",
+    background: "#1e1e1e"
+  },
+  ".namespace": {
+    Opacity: ".7"
+  },
+  "doctype.doctype-tag": {
+    color: "#569CD6"
+  },
+  "doctype.name": {
+    color: "#9cdcfe"
+  },
+  comment: {
+    color: "#6a9955"
+  },
+  prolog: {
+    color: "#6a9955"
+  },
+  punctuation: {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-css .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-javascript .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  property: {
+    color: "#9cdcfe"
+  },
+  tag: {
+    color: "#569cd6"
+  },
+  boolean: {
+    color: "#569cd6"
+  },
+  number: {
+    color: "#b5cea8"
+  },
+  constant: {
+    color: "#9cdcfe"
+  },
+  symbol: {
+    color: "#b5cea8"
+  },
+  inserted: {
+    color: "#b5cea8"
+  },
+  unit: {
+    color: "#b5cea8"
+  },
+  selector: {
+    color: "#d7ba7d"
+  },
+  "attr-name": {
+    color: "#9cdcfe"
+  },
+  string: {
+    color: "#ce9178"
+  },
+  char: {
+    color: "#ce9178"
+  },
+  builtin: {
+    color: "#ce9178"
+  },
+  deleted: {
+    color: "#ce9178"
+  },
+  ".language-css .token.string.url": {
+    textDecoration: "underline"
+  },
+  operator: {
+    color: "#d4d4d4"
+  },
+  entity: {
+    color: "#569cd6"
+  },
+  "operator.arrow": {
+    color: "#569CD6"
+  },
+  atrule: {
+    color: "#ce9178"
+  },
+  "atrule.rule": {
+    color: "#c586c0"
+  },
+  "atrule.url": {
+    color: "#9cdcfe"
+  },
+  "atrule.url.function": {
+    color: "#dcdcaa"
+  },
+  "atrule.url.punctuation": {
+    color: "#d4d4d4"
+  },
+  keyword: {
+    color: "#569CD6"
+  },
+  "keyword.module": {
+    color: "#c586c0"
+  },
+  "keyword.control-flow": {
+    color: "#c586c0"
+  },
+  function: {
+    color: "#dcdcaa"
+  },
+  "function.maybe-class-name": {
+    color: "#dcdcaa"
+  },
+  regex: {
+    color: "#d16969"
+  },
+  important: {
+    color: "#569cd6"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  "class-name": {
+    color: "#4ec9b0"
+  },
+  "maybe-class-name": {
+    color: "#4ec9b0"
+  },
+  console: {
+    color: "#9cdcfe"
+  },
+  parameter: {
+    color: "#9cdcfe"
+  },
+  interpolation: {
+    color: "#9cdcfe"
+  },
+  "punctuation.interpolation-punctuation": {
+    color: "#569cd6"
+  },
+  variable: {
+    color: "#9cdcfe"
+  },
+  "imports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  "exports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  escape: {
+    color: "#d7ba7d"
+  },
+  "tag.punctuation": {
+    color: "#808080"
+  },
+  cdata: {
+    color: "#808080"
+  },
+  "attr-value": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation.attr-equals": {
+    color: "#d4d4d4"
+  },
+  namespace: {
+    color: "#4ec9b0"
+  },
+  'pre[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'code[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'pre[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  'code[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  ".language-regex .token.anchor": {
+    color: "#dcdcaa"
+  },
+  ".language-html .token.punctuation": {
+    color: "#808080"
+  },
+  'pre[class*="language-"] > code[class*="language-"]': {
+    position: "relative",
+    zIndex: "1"
+  },
+  ".line-highlight.line-highlight": {
+    background: "#f7ebc6",
+    boxShadow: "inset 5px 0 0 #f7d87c",
+    zIndex: "0"
+  }
+};
+
+// src/components/chat/Markdown.tsx
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var MemoizedReactMarkdown = memo2(
+  ReactMarkdown,
+  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className
+);
+var Markdown = ({ content }) => {
+  return /* @__PURE__ */ jsx7("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ jsx7(MemoizedReactMarkdown, { components, remarkPlugins: [remarkGfm, remarkMath], children: content }) });
+};
+var components = {
+  p({ children }) {
+    return /* @__PURE__ */ jsx7("p", { children });
+  },
+  a(_a) {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ jsx7(
+      "a",
+      __spreadProps(__spreadValues({
+        style: { color: "blue", textDecoration: "underline" }
+      }, props), {
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children
+      })
+    );
+  },
+  code(_c) {
+    var _d = _c, { children, className, inline } = _d, props = __objRest(_d, ["children", "className", "inline"]);
+    if (children.length) {
+      if (children[0] == "\u258D") {
+        return /* @__PURE__ */ jsx7(
+          "span",
+          {
+            style: {
+              animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+              marginTop: "0.25rem"
+            },
+            children: "\u258D"
+          }
+        );
+      }
+      children[0] = children[0].replace("`\u258D`", "\u258D");
+    }
+    const match = /language-(\w+)/.exec(className || "");
+    if (inline) {
+      return /* @__PURE__ */ jsx7("code", __spreadProps(__spreadValues({ className }, props), { children }));
+    }
+    return /* @__PURE__ */ jsx7(
+      CodeBlock,
+      __spreadValues({
+        language: match && match[1] || "",
+        value: String(children).replace(/\n$/, "")
+      }, props),
+      Math.random()
+    );
+  }
+};
+
+// src/components/chat/Messages.tsx
+import { useCopilotContext } from "@copilotkit/react-core";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var Messages = ({ messages, inProgress }) => {
+  const { chatComponentsCache } = useCopilotContext();
+  const context = useChatContext();
+  const initialMessages = useMemo2(
+    () => makeInitialMessages(context.labels.initial),
+    [context.labels.initial]
+  );
+  messages = [...initialMessages, ...messages];
+  const functionResults = {};
+  for (let i = 0; i < messages.length; i++) {
+    if (messages[i].role === "assistant" && messages[i].function_call) {
+      const id = messages[i].id;
+      if (i + 1 < messages.length && messages[i + 1].role === "function") {
+        functionResults[id] = decodeResult(messages[i + 1].content || "");
+      }
+    }
+  }
+  const messagesEndRef = React4.useRef(null);
+  const scrollToBottom = () => {
+    if (messagesEndRef.current) {
+      messagesEndRef.current.scrollIntoView({
+        behavior: "auto"
+      });
+    }
+  };
+  useEffect2(() => {
+    scrollToBottom();
+  }, [messages]);
+  return /* @__PURE__ */ jsxs5("div", { className: "copilotKitMessages", children: [
+    messages.map((message, index) => {
+      var _a, _b, _c;
+      const isCurrentMessage = index === messages.length - 1;
+      if (message.role === "user") {
+        return /* @__PURE__ */ jsx8("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
+      } else if (message.role == "assistant") {
+        if (isCurrentMessage && inProgress && !message.content && !message.partialFunctionCall) {
+          return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+        } else if (message.function_call || message.partialFunctionCall) {
+          const functionCallName = ((_a = message.function_call) == null ? void 0 : _a.name) || ((_b = message.partialFunctionCall) == null ? void 0 : _b.name);
+          if (chatComponentsCache.current !== null && chatComponentsCache.current[functionCallName]) {
+            const render = chatComponentsCache.current[functionCallName];
+            if (typeof render === "string") {
+              if (isCurrentMessage && inProgress) {
+                return /* @__PURE__ */ jsxs5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                  context.icons.spinnerIcon,
+                  " ",
+                  /* @__PURE__ */ jsx8("span", { className: "inProgressLabel", children: render })
+                ] }, index);
+              } else {
+                return null;
+              }
+            } else {
+              const args = message.function_call ? JSON.parse(message.function_call.arguments || "{}") : (_c = message.partialFunctionCall) == null ? void 0 : _c.arguments;
+              let status = "inProgress";
+              if (functionResults[message.id] !== void 0) {
+                status = "complete";
+              } else if (message.function_call) {
+                status = "executing";
+              }
+              const toRender = render({
+                status,
+                args,
+                result: functionResults[message.id]
+              });
+              if (!toRender && status === "complete") {
+                return null;
+              }
+              if (typeof toRender === "string") {
+                return /* @__PURE__ */ jsxs5("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: [
+                  isCurrentMessage && inProgress && context.icons.spinnerIcon,
+                  " ",
+                  toRender
+                ] }, index);
+              } else {
+                return /* @__PURE__ */ jsx8("div", { className: "copilotKitCustomAssistantMessage", children: toRender }, index);
+              }
+            }
+          } else if ((!inProgress || !isCurrentMessage) && message.function_call) {
+            return null;
+          } else {
+            return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: context.icons.spinnerIcon }, index);
+          }
+        }
+        return /* @__PURE__ */ jsx8("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: /* @__PURE__ */ jsx8(Markdown, { content: message.content }) }, index);
+      }
+    }),
+    /* @__PURE__ */ jsx8("div", { ref: messagesEndRef })
+  ] });
+};
+function makeInitialMessages(initial) {
+  let initialArray = [];
+  if (initial) {
+    if (Array.isArray(initial)) {
+      initialArray.push(...initial);
+    } else {
+      initialArray.push(initial);
+    }
+  }
+  return initialArray.map((message) => ({
+    id: nanoid(),
+    role: "assistant",
+    content: message
+  }));
+}
+
+// src/components/chat/Input.tsx
+import { useEffect as useEffect4, useRef as useRef2, useState as useState3 } from "react";
+
+// src/components/chat/Textarea.tsx
+import { useState as useState2, useRef, useEffect as useEffect3, forwardRef, useImperativeHandle } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var AutoResizingTextarea = forwardRef(
+  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
+    const internalTextareaRef = useRef(null);
+    const [maxHeight, setMaxHeight] = useState2(0);
+    useImperativeHandle(ref, () => internalTextareaRef.current);
+    useEffect3(() => {
+      const calculateMaxHeight = () => {
+        const textarea = internalTextareaRef.current;
+        if (textarea) {
+          textarea.style.height = "auto";
+          const singleRowHeight = textarea.scrollHeight;
+          setMaxHeight(singleRowHeight * maxRows);
+          if (autoFocus) {
+            textarea.focus();
+          }
+        }
+      };
+      calculateMaxHeight();
+    }, [maxRows]);
+    useEffect3(() => {
+      const textarea = internalTextareaRef.current;
+      if (textarea) {
+        textarea.style.height = "auto";
+        textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;
+      }
+    }, [value, maxHeight]);
+    return /* @__PURE__ */ jsx9(
+      "textarea",
+      {
+        ref: internalTextareaRef,
+        value,
+        onChange,
+        onKeyDown,
+        placeholder,
+        style: {
+          overflow: "hidden",
+          resize: "none",
+          maxHeight: `${maxHeight}px`
+        },
+        rows: 1
+      }
+    );
+  }
+);
+var Textarea_default = AutoResizingTextarea;
+
+// src/components/chat/Input.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var Input = ({ inProgress, onSend, children, isVisible = false }) => {
+  const context = useChatContext();
+  const textareaRef = useRef2(null);
+  const handleDivClick = (event) => {
+    var _a;
+    if (event.target !== event.currentTarget)
+      return;
+    (_a = textareaRef.current) == null ? void 0 : _a.focus();
+  };
+  const [text, setText] = useState3("");
+  const send = () => {
+    var _a;
+    if (inProgress)
+      return;
+    onSend(text);
+    setText("");
+    (_a = textareaRef.current) == null ? void 0 : _a.focus();
+  };
+  useEffect4(() => {
+    var _a;
+    if (isVisible) {
+      (_a = textareaRef.current) == null ? void 0 : _a.focus();
+    }
+  }, [isVisible]);
+  const icon = inProgress ? context.icons.activityIcon : context.icons.sendIcon;
+  const disabled = inProgress || text.length === 0;
+  return /* @__PURE__ */ jsxs6("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
+    /* @__PURE__ */ jsx10("span", { children }),
+    /* @__PURE__ */ jsx10("button", { className: "copilotKitSendButton", disabled, onClick: send, children: icon }),
+    /* @__PURE__ */ jsx10(
+      Textarea_default,
+      {
+        ref: textareaRef,
+        placeholder: context.labels.placeholder,
+        autoFocus: true,
+        maxRows: 5,
+        value: text,
+        onChange: (event) => setText(event.target.value),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            send();
+          }
+        }
+      }
+    )
+  ] });
+};
+
+// src/components/chat/Chat.tsx
+import { nanoid as nanoid2 } from "nanoid";
+
+// src/components/chat/Response.tsx
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var ResponseButton = ({ onClick, inProgress }) => {
+  const context = useChatContext();
+  return /* @__PURE__ */ jsxs7("button", { onClick, className: "copilotKitResponseButton", children: [
+    /* @__PURE__ */ jsx11("span", { children: inProgress ? context.icons.stopIcon : context.icons.regenerateIcon }),
+    inProgress ? context.labels.stopGenerating : context.labels.regenerateResponse
+  ] });
+};
+
+// src/components/chat/Chat.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var CopilotChat = ({
+  instructions,
+  defaultOpen = false,
+  clickOutsideToClose = true,
+  hitEscapeToClose = true,
+  onSetOpen,
+  onSubmitMessage,
+  shortcut = "/",
+  icons,
+  labels,
+  makeSystemMessage,
+  showResponseButton = true,
+  onInProgress,
+  Window: Window2 = Window,
+  Button: Button2 = Button,
+  Header: Header2 = Header,
+  Messages: Messages2 = Messages,
+  Input: Input2 = Input,
+  ResponseButton: ResponseButton2 = ResponseButton,
+  className,
+  children
+}) => {
+  const { visibleMessages, append, reload, stop, isLoading, input, setInput } = useCopilotChat({
+    id: nanoid2(),
+    makeSystemMessage,
+    additionalInstructions: instructions
+  });
+  useEffect5(() => {
+    onInProgress == null ? void 0 : onInProgress(isLoading);
+  }, [isLoading]);
+  const [openState, setOpenState] = React7.useState(defaultOpen);
+  const setOpen = (open) => {
+    onSetOpen == null ? void 0 : onSetOpen(open);
+    setOpenState(open);
+  };
+  const sendMessage = (message) => __async(void 0, null, function* () {
+    onSubmitMessage == null ? void 0 : onSubmitMessage(message);
+    append({
+      id: nanoid2(),
+      content: message,
+      role: "user"
+    });
+  });
+  return /* @__PURE__ */ jsxs8(ChatContextProvider, { icons, labels, open: openState, setOpen: setOpenState, children: [
+    children,
+    /* @__PURE__ */ jsxs8("div", { className, children: [
+      /* @__PURE__ */ jsx12(Button2, { open: openState, setOpen }),
+      /* @__PURE__ */ jsxs8(
+        Window2,
+        {
+          open: openState,
+          setOpen,
+          clickOutsideToClose,
+          shortcut,
+          hitEscapeToClose,
+          children: [
+            /* @__PURE__ */ jsx12(Header2, { open: openState, setOpen }),
+            /* @__PURE__ */ jsx12(Messages2, { messages: visibleMessages, inProgress: isLoading }),
+            /* @__PURE__ */ jsx12(Input2, { inProgress: isLoading, onSend: sendMessage, isVisible: openState, children: showResponseButton && visibleMessages.length > 0 && /* @__PURE__ */ jsx12(ResponseButton2, { onClick: isLoading ? stop : reload, inProgress: isLoading }) })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/chat/Popup.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CopilotPopup = (props) => {
+  props = __spreadProps(__spreadValues({}, props), {
+    className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
+  });
+  return /* @__PURE__ */ jsx13(CopilotChat, __spreadProps(__spreadValues({}, props), { children: props.children }));
+};
+
+// src/components/chat/Sidebar.tsx
+import { useState as useState4 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var CopilotSidebar = (props) => {
+  props = __spreadProps(__spreadValues({}, props), {
+    className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
+  });
+  const [expandedClassName, setExpandedClassName] = useState4(
+    props.defaultOpen ? "sidebarExpanded" : ""
+  );
+  const onSetOpen = (open) => {
+    var _a;
+    (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
+    setExpandedClassName(open ? "sidebarExpanded" : "");
+  };
+  return /* @__PURE__ */ jsx14("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ jsx14(CopilotChat, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
+};
 export {
   CopilotPopup,
   CopilotSidebar,