@copilotkit/react-ui 0.22.0-multi-release-alpha.0 → 0.22.0-multi-feature-usecopilotreadable.3

package/dist/components/chat/Chat.mjs

@@ -1,1201 +1,19 @@
-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 }) })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
+import {
+  CopilotChat
+} from "../../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 "../../chunk-7LMXXGJT.mjs";
+import "../../chunk-7YXG7D47.mjs";
+import "../../chunk-54JAUBUJ.mjs";
+import "../../chunk-MRXNTQOX.mjs";
 export {
   CopilotChat
 };