reachat 1.5.1 → 1.6.0

package/dist/index-D-JgMn3h.js

@@ -0,0 +1,2149 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createContext, useContext, useRef, forwardRef, useState, useEffect, useImperativeHandle, lazy, useMemo, Suspense, useCallback } from "react";
+import { Button, cn, Textarea, Ellipsis, DateFormat, IconButton, Card, Divider, useInfinityList, useComponentTheme, List, ListItem } from "reablocks";
+import { Slot } from "@radix-ui/react-slot";
+import { motion, AnimatePresence } from "motion/react";
+import ReactMarkdown from "react-markdown";
+import { Prism } from "react-syntax-highlighter";
+import rehypeKatex from "rehype-katex";
+import { findAndReplace } from "mdast-util-find-and-replace";
+import { useHotkeys } from "reakeys";
+import remarkGfm from "remark-gfm";
+import remarkYoutube from "remark-youtube";
+import remarkMath from "remark-math";
+import { isToday, isYesterday, isThisWeek, isThisMonth, isThisYear, format } from "date-fns";
+const SvgSend = (props) => /* @__PURE__ */ React.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { id: "send" }, /* @__PURE__ */ React.createElement("path", { id: "Vector", d: "M14.6111 2.33327C14.5349 2.3339 14.4598 2.35194 14.3917 2.386L2.39168 8.386C2.31456 8.42456 2.24872 8.4824 2.20055 8.55391C2.15238 8.62543 2.12352 8.70818 2.11677 8.79414C2.11002 8.88009 2.12561 8.96634 2.16203 9.04449C2.19845 9.12264 2.25446 9.19005 2.32462 9.24017L4.52514 10.8124L5.47371 13.6581C5.50257 13.7447 5.55457 13.8217 5.62406 13.8808C5.69355 13.9399 5.7779 13.9789 5.86796 13.9935C5.95802 14.0082 6.05036 13.9979 6.13499 13.9638C6.21962 13.9297 6.2933 13.873 6.34806 13.8001L7.05249 12.8606L10.3207 15.2376C10.3843 15.2839 10.4579 15.3146 10.5355 15.3271C10.6132 15.3396 10.6927 15.3336 10.7676 15.3097C10.8425 15.2857 10.9107 15.2444 10.9667 15.1891C11.0226 15.1338 11.0647 15.0661 11.0896 14.9915L15.0896 2.99147C15.1148 2.91597 15.1216 2.83555 15.1094 2.7569C15.0972 2.67825 15.0665 2.60363 15.0197 2.53926C14.9729 2.47488 14.9114 2.42261 14.8403 2.38678C14.7693 2.35096 14.6907 2.33261 14.6111 2.33327ZM13.2478 5.35345L10.3565 14.0266L7.67293 12.0755L13.2478 5.35345ZM10.684 5.35801L4.934 9.87559L3.58113 8.90879L10.684 5.35801ZM11.2784 6.16205L6.56746 11.843C6.56681 11.8437 6.56616 11.8443 6.56551 11.845L6.56355 11.8476C6.55841 11.8538 6.55342 11.8601 6.54858 11.8665C6.54319 11.8733 6.53798 11.8802 6.53295 11.8873L6.12085 12.4361L5.53426 10.6751L11.2784 6.16205Z", fill: "currentColor" })));
+const SvgStop = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-octagon-x", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m15 9-6 6" }), /* @__PURE__ */ React.createElement("path", { d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z" }), /* @__PURE__ */ React.createElement("path", { d: "m9 9 6 6" }));
+const ChatContext = createContext({
+  sessions: [],
+  activeSessionId: null
+});
+const SvgPaperclip = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-paperclip", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }));
+const FileInput = ({
+  allowedFiles,
+  onFileUpload,
+  isLoading,
+  disabled,
+  attachIcon = /* @__PURE__ */ jsx(SvgPaperclip, {})
+}) => {
+  const { theme } = useContext(ChatContext);
+  const fileInputRef = useRef(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "file",
+        ref: fileInputRef,
+        className: "hidden",
+        accept: allowedFiles.join(","),
+        onChange: onFileUpload
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        title: "Upload",
+        variant: "text",
+        disabled: isLoading || disabled,
+        className: cn(theme.input.upload),
+        onClick: () => {
+          var _a;
+          return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+        },
+        children: attachIcon
+      }
+    )
+  ] });
+};
+const ChatInput = forwardRef(({
+  allowedFiles,
+  placeholder,
+  defaultValue,
+  sendIcon = /* @__PURE__ */ jsx(SvgSend, {}),
+  stopIcon = /* @__PURE__ */ jsx(SvgStop, {}),
+  attachIcon
+}, ref) => {
+  const { theme, isLoading, disabled, sendMessage, stopMessage, fileUpload, activeSessionId } = useContext(ChatContext);
+  const [message, setMessage] = useState("");
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [activeSessionId, inputRef]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _a;
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }
+  }));
+  const handleSendMessage = () => {
+    if (message.trim()) {
+      sendMessage == null ? void 0 : sendMessage(message);
+      setMessage("");
+    }
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSendMessage();
+    }
+  };
+  const handleFileUpload = (event) => {
+    var _a;
+    const file = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (file && fileUpload) {
+      fileUpload(file);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn(theme.input.base), children: [
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        ref: inputRef,
+        containerClassName: cn(theme.input.input),
+        minRows: 1,
+        autoFocus: true,
+        value: message,
+        defaultValue,
+        onKeyPress: handleKeyPress,
+        placeholder,
+        disabled: isLoading || disabled,
+        onChange: (e) => setMessage(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: cn(theme.input.actions.base), children: [
+      (allowedFiles == null ? void 0 : allowedFiles.length) > 0 && /* @__PURE__ */ jsx(
+        FileInput,
+        {
+          allowedFiles,
+          onFileUpload: handleFileUpload,
+          isLoading,
+          disabled,
+          attachIcon
+        }
+      ),
+      isLoading && /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: "Stop",
+          className: cn(theme.input.actions.stop),
+          onClick: stopMessage,
+          disabled,
+          children: stopIcon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          title: "Send",
+          className: cn(theme.input.actions.send),
+          onClick: handleSendMessage,
+          disabled: isLoading || disabled,
+          children: sendIcon
+        }
+      )
+    ] })
+  ] });
+});
+const SessionEmpty = ({
+  children
+}) => {
+  const { theme } = useContext(ChatContext);
+  return /* @__PURE__ */ jsx("div", { className: cn(theme.empty), children });
+};
+const SessionMessagesHeader = ({ children }) => {
+  const { activeSession, theme } = useContext(ChatContext);
+  const Comp = children ? Slot : "header";
+  if (!activeSession) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Comp, { className: cn(theme.messages.header), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h2", { className: cn(theme.messages.title), children: /* @__PURE__ */ jsx(Ellipsis, { limit: 125, value: activeSession.title }) }),
+    /* @__PURE__ */ jsx(
+      DateFormat,
+      {
+        className: cn(theme.messages.date),
+        date: activeSession.createdAt
+      }
+    )
+  ] }) });
+};
+const SvgBack = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-chevron-left", ...props }, /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" }));
+const SessionMessagePanel = ({ children }) => {
+  const { activeSessionId, theme, isCompact, selectSession, viewType } = useContext(ChatContext);
+  const isVisible = isCompact && activeSessionId || viewType === "chat" || !isCompact;
+  return isVisible && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { translateX: "200%" },
+      animate: {
+        translateX: "0%",
+        transition: {
+          type: "tween",
+          ease: "linear",
+          duration: 0.2,
+          when: "beforeChildren"
+        }
+      },
+      exit: { translateX: "200%" },
+      className: cn(theme.messages.base, {
+        [theme.messages.companion]: isCompact,
+        [theme.messages.console]: !isCompact
+      }),
+      children: /* @__PURE__ */ jsxs("div", { className: cn(theme.messages.inner), children: [
+        isCompact && viewType !== "chat" && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "text",
+            size: "small",
+            onClick: () => selectSession(null),
+            className: cn(theme.messages.back),
+            children: [
+              /* @__PURE__ */ jsx(SvgBack, {}),
+              "Back"
+            ]
+          }
+        ),
+        children
+      ] })
+    }
+  );
+};
+const SvgCopy = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-copy", ...props }, /* @__PURE__ */ React.createElement("rect", { width: 14, height: 14, x: 8, y: 8, rx: 2, ry: 2 }), /* @__PURE__ */ React.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }));
+const dark = {
+  'code[class*="language-"]': {
+    "background": "#11111f",
+    "color": "#e2e8f0",
+    "textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+    "fontFamily": '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    "direction": "ltr",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "2",
+    "OTabSize": "2",
+    "tabSize": "2",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none"
+  },
+  'pre[class*="language-"]': {
+    "background": "#11111f",
+    "color": "#e2e8f0",
+    "textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+    "fontFamily": '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    "direction": "ltr",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "2",
+    "OTabSize": "2",
+    "tabSize": "2",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none",
+    "padding": "1em",
+    "margin": "0",
+    "overflow": "auto"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"] *::-moz-selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'pre[class*="language-"] *::-moz-selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"]::selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"] *::selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'pre[class*="language-"] *::selection': {
+    "background": "#1e293b",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    "padding": "0.2em 0.3em",
+    "borderRadius": "0.3em",
+    "whiteSpace": "normal"
+  },
+  "comment": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  "prolog": {
+    "color": "#64748b"
+  },
+  "cdata": {
+    "color": "#64748b"
+  },
+  "doctype": {
+    "color": "#e2e8f0"
+  },
+  "punctuation": {
+    "color": "#e2e8f0"
+  },
+  "entity": {
+    "color": "#3b82f6",
+    "cursor": "help"
+  },
+  "attr-name": {
+    "color": "#f59e0b"
+  },
+  "class-name": {
+    "color": "#f59e0b"
+  },
+  "boolean": {
+    "color": "#3b82f6"
+  },
+  "constant": {
+    "color": "#3b82f6"
+  },
+  "number": {
+    "color": "#3b82f6"
+  },
+  "atrule": {
+    "color": "#f59e0b"
+  },
+  "keyword": {
+    "color": "#f472b6"
+  },
+  "property": {
+    "color": "#3b82f6"
+  },
+  "tag": {
+    "color": "#3b82f6"
+  },
+  "symbol": {
+    "color": "#3b82f6"
+  },
+  "deleted": {
+    "color": "#ef4444"
+  },
+  "important": {
+    "color": "#f472b6"
+  },
+  "selector": {
+    "color": "#10b981"
+  },
+  "string": {
+    "color": "#10b981"
+  },
+  "char": {
+    "color": "#10b981"
+  },
+  "builtin": {
+    "color": "#10b981"
+  },
+  "inserted": {
+    "color": "#10b981"
+  },
+  "regex": {
+    "color": "#10b981"
+  },
+  "attr-value": {
+    "color": "#10b981"
+  },
+  "attr-value > .token.punctuation": {
+    "color": "#10b981"
+  },
+  "variable": {
+    "color": "#60a5fa"
+  },
+  "operator": {
+    "color": "#60a5fa"
+  },
+  "function": {
+    "color": "#60a5fa"
+  },
+  "url": {
+    "color": "#60a5fa"
+  },
+  "attr-value > .token.punctuation.attr-equals": {
+    "color": "#e2e8f0"
+  },
+  "special-attr > .token.attr-value > .token.value.css": {
+    "color": "#e2e8f0"
+  },
+  ".language-css .token.selector": {
+    "color": "#3b82f6"
+  },
+  ".language-css .token.property": {
+    "color": "#e2e8f0"
+  },
+  ".language-css .token.function": {
+    "color": "#60a5fa"
+  },
+  ".language-css .token.url > .token.function": {
+    "color": "#60a5fa"
+  },
+  ".language-css .token.url > .token.string.url": {
+    "color": "#10b981"
+  },
+  ".language-css .token.important": {
+    "color": "#f472b6"
+  },
+  ".language-css .token.atrule .token.rule": {
+    "color": "#f472b6"
+  },
+  ".language-javascript .token.operator": {
+    "color": "#f472b6"
+  },
+  ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+    "color": "#ef4444"
+  },
+  ".language-json .token.operator": {
+    "color": "#e2e8f0"
+  },
+  ".language-json .token.null.keyword": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.url": {
+    "color": "#e2e8f0"
+  },
+  ".language-markdown .token.url > .token.operator": {
+    "color": "#e2e8f0"
+  },
+  ".language-markdown .token.url-reference.url > .token.string": {
+    "color": "#e2e8f0"
+  },
+  ".language-markdown .token.url > .token.content": {
+    "color": "#60a5fa"
+  },
+  ".language-markdown .token.url > .token.url": {
+    "color": "#60a5fa"
+  },
+  ".language-markdown .token.url-reference.url": {
+    "color": "#60a5fa"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  ".language-markdown .token.code-snippet": {
+    "color": "#10b981"
+  },
+  ".language-markdown .token.bold .token.content": {
+    "color": "#f59e0b"
+  },
+  ".language-markdown .token.italic .token.content": {
+    "color": "#f472b6"
+  },
+  ".language-markdown .token.strike .token.content": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.strike .token.punctuation": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.list.punctuation": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.title.important > .token.punctuation": {
+    "color": "#3b82f6"
+  },
+  "bold": {
+    "fontWeight": "bold"
+  },
+  "italic": {
+    "fontStyle": "italic"
+  },
+  "namespace": {
+    "Opacity": "0.8"
+  },
+  "token.tab:not(:empty):before": {
+    "color": "#64748b",
+    "textShadow": "none"
+  },
+  "token.cr:before": {
+    "color": "#64748b",
+    "textShadow": "none"
+  },
+  "token.lf:before": {
+    "color": "#64748b",
+    "textShadow": "none"
+  },
+  "token.space:before": {
+    "color": "#64748b",
+    "textShadow": "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item": {
+    "marginRight": "0.4em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    "background": "#1e293b",
+    "color": "#94a3b8",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    "background": "#1e293b",
+    "color": "#94a3b8",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    "background": "#1e293b",
+    "color": "#94a3b8",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  ".line-highlight.line-highlight": {
+    "background": "rgba(59, 130, 246, 0.08)"
+  },
+  ".line-highlight.line-highlight:before": {
+    "background": "#1e293b",
+    "color": "#e2e8f0",
+    "padding": "0.1em 0.6em",
+    "borderRadius": "0.3em",
+    "boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    "background": "#1e293b",
+    "color": "#e2e8f0",
+    "padding": "0.1em 0.6em",
+    "borderRadius": "0.3em",
+    "boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    "backgroundColor": "rgba(59, 130, 246, 0.08)"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    "borderRightColor": "#1e293b"
+  },
+  ".command-line .command-line-prompt": {
+    "borderRightColor": "#1e293b"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    "color": "#64748b"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    "color": "#64748b"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    "color": "#10b981"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    "color": "#10b981"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    "color": "#10b981"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    "color": "#60a5fa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    "color": "#60a5fa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    "color": "#60a5fa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    "color": "#f472b6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    "color": "#f472b6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    "color": "#f472b6"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "rgba(239, 68, 68, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "rgba(239, 68, 68, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(239, 68, 68, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "rgba(16, 185, 129, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "rgba(16, 185, 129, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(16, 185, 129, 0.25)"
+  },
+  ".prism-previewer.prism-previewer:before": {
+    "borderColor": "#11111f"
+  },
+  ".prism-previewer-gradient.prism-previewer-gradient div": {
+    "borderColor": "#11111f",
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer-color.prism-previewer-color:before": {
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer-easing.prism-previewer-easing:before": {
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer.prism-previewer:after": {
+    "borderTopColor": "#11111f"
+  },
+  ".prism-previewer-flipped.prism-previewer-flipped.after": {
+    "borderBottomColor": "#11111f"
+  },
+  ".prism-previewer-angle.prism-previewer-angle:before": {
+    "background": "#1e293b"
+  },
+  ".prism-previewer-time.prism-previewer-time:before": {
+    "background": "#1e293b"
+  },
+  ".prism-previewer-easing.prism-previewer-easing": {
+    "background": "#1e293b"
+  },
+  ".prism-previewer-angle.prism-previewer-angle circle": {
+    "stroke": "#e2e8f0",
+    "strokeOpacity": "1"
+  },
+  ".prism-previewer-time.prism-previewer-time circle": {
+    "stroke": "#e2e8f0",
+    "strokeOpacity": "1"
+  },
+  ".prism-previewer-easing.prism-previewer-easing circle": {
+    "stroke": "#e2e8f0",
+    "fill": "transparent"
+  },
+  ".prism-previewer-easing.prism-previewer-easing path": {
+    "stroke": "#e2e8f0"
+  },
+  ".prism-previewer-easing.prism-previewer-easing line": {
+    "stroke": "#e2e8f0"
+  }
+};
+const light = {
+  'code[class*="language-"]': {
+    "background": "#fff",
+    "color": "#1e293b",
+    "textShadow": "none",
+    "fontFamily": '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    "direction": "ltr",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "2",
+    "OTabSize": "2",
+    "tabSize": "2",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none"
+  },
+  'pre[class*="language-"]': {
+    "background": "#fff",
+    "color": "#1e293b",
+    "textShadow": "none",
+    "fontFamily": '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    "direction": "ltr",
+    "textAlign": "left",
+    "whiteSpace": "pre",
+    "wordSpacing": "normal",
+    "wordBreak": "normal",
+    "lineHeight": "1.5",
+    "MozTabSize": "2",
+    "OTabSize": "2",
+    "tabSize": "2",
+    "WebkitHyphens": "none",
+    "MozHyphens": "none",
+    "msHyphens": "none",
+    "hyphens": "none",
+    "padding": "1em",
+    "margin": "0.5em 0",
+    "overflow": "auto",
+    "borderRadius": "0.3em",
+    "border": "1px solid #e2e8f0"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"] *::-moz-selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'pre[class*="language-"] *::-moz-selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"]::selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'code[class*="language-"] *::selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  'pre[class*="language-"] *::selection': {
+    "background": "#e2e8f0",
+    "color": "inherit",
+    "textShadow": "none"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    "padding": "0.2em 0.3em",
+    "borderRadius": "0.3em",
+    "whiteSpace": "normal",
+    "background": "#f1f5f9"
+  },
+  "comment": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  "prolog": {
+    "color": "#64748b"
+  },
+  "cdata": {
+    "color": "#64748b"
+  },
+  "doctype": {
+    "color": "#1e293b"
+  },
+  "punctuation": {
+    "color": "#64748b"
+  },
+  "entity": {
+    "color": "#3b82f6",
+    "cursor": "help"
+  },
+  "attr-name": {
+    "color": "#ea580c"
+  },
+  "class-name": {
+    "color": "#ea580c"
+  },
+  "boolean": {
+    "color": "#3b82f6"
+  },
+  "constant": {
+    "color": "#3b82f6"
+  },
+  "number": {
+    "color": "#3b82f6"
+  },
+  "atrule": {
+    "color": "#ea580c"
+  },
+  "keyword": {
+    "color": "#9333ea"
+  },
+  "property": {
+    "color": "#3b82f6"
+  },
+  "tag": {
+    "color": "#3b82f6"
+  },
+  "symbol": {
+    "color": "#3b82f6"
+  },
+  "deleted": {
+    "color": "#dc2626"
+  },
+  "important": {
+    "color": "#9333ea"
+  },
+  "selector": {
+    "color": "#16a34a"
+  },
+  "string": {
+    "color": "#16a34a"
+  },
+  "char": {
+    "color": "#16a34a"
+  },
+  "builtin": {
+    "color": "#16a34a"
+  },
+  "inserted": {
+    "color": "#16a34a"
+  },
+  "regex": {
+    "color": "#16a34a"
+  },
+  "attr-value": {
+    "color": "#16a34a"
+  },
+  "attr-value > .token.punctuation": {
+    "color": "#16a34a"
+  },
+  "variable": {
+    "color": "#3b82f6"
+  },
+  "operator": {
+    "color": "#3b82f6"
+  },
+  "function": {
+    "color": "#3b82f6"
+  },
+  "url": {
+    "color": "#3b82f6"
+  },
+  "attr-value > .token.punctuation.attr-equals": {
+    "color": "#64748b"
+  },
+  "special-attr > .token.attr-value > .token.value.css": {
+    "color": "#1e293b"
+  },
+  ".language-css .token.selector": {
+    "color": "#3b82f6"
+  },
+  ".language-css .token.property": {
+    "color": "#1e293b"
+  },
+  ".language-css .token.function": {
+    "color": "#3b82f6"
+  },
+  ".language-css .token.url > .token.function": {
+    "color": "#3b82f6"
+  },
+  ".language-css .token.url > .token.string.url": {
+    "color": "#16a34a"
+  },
+  ".language-css .token.important": {
+    "color": "#9333ea"
+  },
+  ".language-css .token.atrule .token.rule": {
+    "color": "#9333ea"
+  },
+  ".language-javascript .token.operator": {
+    "color": "#9333ea"
+  },
+  ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+    "color": "#dc2626"
+  },
+  ".language-json .token.operator": {
+    "color": "#1e293b"
+  },
+  ".language-json .token.null.keyword": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.url": {
+    "color": "#1e293b"
+  },
+  ".language-markdown .token.url > .token.operator": {
+    "color": "#1e293b"
+  },
+  ".language-markdown .token.url-reference.url > .token.string": {
+    "color": "#1e293b"
+  },
+  ".language-markdown .token.url > .token.content": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.url > .token.url": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.url-reference.url": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    "color": "#64748b",
+    "fontStyle": "italic"
+  },
+  ".language-markdown .token.code-snippet": {
+    "color": "#16a34a"
+  },
+  ".language-markdown .token.bold .token.content": {
+    "color": "#ea580c"
+  },
+  ".language-markdown .token.italic .token.content": {
+    "color": "#9333ea"
+  },
+  ".language-markdown .token.strike .token.content": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.strike .token.punctuation": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.list.punctuation": {
+    "color": "#3b82f6"
+  },
+  ".language-markdown .token.title.important > .token.punctuation": {
+    "color": "#3b82f6"
+  },
+  "bold": {
+    "fontWeight": "bold"
+  },
+  "italic": {
+    "fontStyle": "italic"
+  },
+  "namespace": {
+    "Opacity": "0.8"
+  },
+  "token.tab:not(:empty):before": {
+    "color": "#94a3b8"
+  },
+  "token.cr:before": {
+    "color": "#94a3b8"
+  },
+  "token.lf:before": {
+    "color": "#94a3b8"
+  },
+  "token.space:before": {
+    "color": "#94a3b8"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item": {
+    "marginRight": "0.4em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    "background": "#f1f5f9",
+    "color": "#475569",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    "background": "#f1f5f9",
+    "color": "#475569",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    "background": "#f1f5f9",
+    "color": "#475569",
+    "padding": "0.1em 0.4em",
+    "borderRadius": "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    "background": "#3b82f6",
+    "color": "#ffffff"
+  },
+  ".line-highlight.line-highlight": {
+    "background": "rgba(59, 130, 246, 0.08)"
+  },
+  ".line-highlight.line-highlight:before": {
+    "background": "#f1f5f9",
+    "color": "#1e293b",
+    "padding": "0.1em 0.6em",
+    "borderRadius": "0.3em",
+    "boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.1)"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    "background": "#f1f5f9",
+    "color": "#1e293b",
+    "padding": "0.1em 0.6em",
+    "borderRadius": "0.3em",
+    "boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.1)"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    "backgroundColor": "rgba(59, 130, 246, 0.08)"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    "borderRightColor": "#e2e8f0"
+  },
+  ".command-line .command-line-prompt": {
+    "borderRightColor": "#e2e8f0"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    "color": "#94a3b8"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    "color": "#94a3b8"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    "color": "#3b82f6"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    "color": "#16a34a"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    "color": "#16a34a"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    "color": "#16a34a"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    "color": "#ea580c"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    "color": "#ea580c"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    "color": "#ea580c"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    "color": "#9333ea"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    "color": "#9333ea"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    "color": "#9333ea"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "rgba(220, 38, 38, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    "backgroundColor": "rgba(220, 38, 38, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(220, 38, 38, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "rgba(22, 163, 74, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    "backgroundColor": "rgba(22, 163, 74, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": {
+    "backgroundColor": "rgba(22, 163, 74, 0.25)"
+  },
+  ".prism-previewer.prism-previewer:before": {
+    "borderColor": "#fff"
+  },
+  ".prism-previewer-gradient.prism-previewer-gradient div": {
+    "borderColor": "#fff",
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer-color.prism-previewer-color:before": {
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer-easing.prism-previewer-easing:before": {
+    "borderRadius": "0.3em"
+  },
+  ".prism-previewer.prism-previewer:after": {
+    "borderTopColor": "#fff"
+  },
+  ".prism-previewer-flipped.prism-previewer-flipped.after": {
+    "borderBottomColor": "#fff"
+  },
+  ".prism-previewer-angle.prism-previewer-angle:before": {
+    "background": "#f1f5f9"
+  },
+  ".prism-previewer-time.prism-previewer-time:before": {
+    "background": "#f1f5f9"
+  },
+  ".prism-previewer-easing.prism-previewer-easing": {
+    "background": "#f1f5f9"
+  },
+  ".prism-previewer-angle.prism-previewer-angle circle": {
+    "stroke": "#1e293b",
+    "strokeOpacity": "1"
+  },
+  ".prism-previewer-time.prism-previewer-time circle": {
+    "stroke": "#1e293b",
+    "strokeOpacity": "1"
+  },
+  ".prism-previewer-easing.prism-previewer-easing circle": {
+    "stroke": "#1e293b",
+    "fill": "transparent"
+  },
+  ".prism-previewer-easing.prism-previewer-easing path": {
+    "stroke": "#1e293b"
+  },
+  ".prism-previewer-easing.prism-previewer-easing line": {
+    "stroke": "#1e293b"
+  }
+};
+const CodeHighlighter = ({
+  className,
+  children,
+  copyClassName,
+  copyIcon = /* @__PURE__ */ jsx(SvgCopy, {}),
+  language,
+  toolbarClassName,
+  theme = dark
+}) => {
+  const match = language == null ? void 0 : language.match(/language-(\w+)/);
+  const lang = match ? match[1] : "text";
+  const handleCopy = (text) => {
+    navigator.clipboard.writeText(text).then(() => {
+      console.log("Text copied to clipboard");
+    }).catch((err) => {
+      console.error("Could not copy text: ", err);
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(toolbarClassName), children: [
+      /* @__PURE__ */ jsx("div", { children: lang }),
+      copyIcon && /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: cn(copyClassName),
+          size: "small",
+          variant: "text",
+          title: "Copy code",
+          onClick: () => handleCopy(children),
+          children: copyIcon
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Prism,
+      {
+        language: lang,
+        style: theme,
+        children
+      }
+    )
+  ] });
+};
+const TableComponent = ({ children, ...props }) => /* @__PURE__ */ jsx("table", { ...props, children });
+const TableHeaderCell = ({ children, ...props }) => /* @__PURE__ */ jsx("th", { ...props, children });
+const TableDataCell = ({ children, ...props }) => /* @__PURE__ */ jsx("td", { ...props, children });
+const Markdown = ({
+  children,
+  remarkPlugins,
+  rehypePlugins = [rehypeKatex]
+}) => {
+  const { theme } = useContext(ChatContext);
+  return /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins,
+      rehypePlugins,
+      components: {
+        code: ({ className, ...props }) => /* @__PURE__ */ jsx(
+          CodeHighlighter,
+          {
+            ...props,
+            language: className,
+            className: cn(theme.messages.message.markdown.code, className),
+            copyClassName: cn(theme.messages.message.markdown.copy),
+            toolbarClassName: cn(theme.messages.message.markdown.toolbar)
+          }
+        ),
+        table: (props) => /* @__PURE__ */ jsx(TableComponent, { ...props, className: cn(theme.messages.message.markdown.table) }),
+        th: (props) => /* @__PURE__ */ jsx(TableHeaderCell, { ...props, className: cn(theme.messages.message.markdown.th) }),
+        td: (props) => /* @__PURE__ */ jsx(TableDataCell, { ...props, className: cn(theme.messages.message.markdown.td) }),
+        a: (props) => /* @__PURE__ */ jsx("a", { ...props, className: cn(theme.messages.message.markdown.a) }),
+        p: (props) => /* @__PURE__ */ jsx("p", { ...props, className: cn(theme.messages.message.markdown.p) }),
+        li: (props) => /* @__PURE__ */ jsx("li", { ...props, className: cn(theme.messages.message.markdown.li) }),
+        ul: (props) => /* @__PURE__ */ jsx("ul", { ...props, className: cn(theme.messages.message.markdown.ul) }),
+        ol: (props) => /* @__PURE__ */ jsx("ol", { ...props, className: cn(theme.messages.message.markdown.ol) })
+      },
+      children
+    }
+  );
+};
+const CVE_REGEX = /(CVE-(19|20)\d{2}-\d{4,7})/gi;
+function remarkCve() {
+  return (tree, _file) => {
+    findAndReplace(tree, [[
+      CVE_REGEX,
+      replaceCve
+    ]]);
+  };
+  function replaceCve(value, id) {
+    return [
+      {
+        type: "link",
+        url: `https://cve.mitre.org/cgi-bin/cvename.cgi?name=${id}`,
+        children: [
+          { children: [{ type: "text", value: value.trim() }] }
+        ]
+      }
+    ];
+  }
+}
+const SvgFile = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.7036 1.37034C3.04741 1.02653 3.51373 0.833374 3.99996 0.833374H9.33329H9.33331C9.47275 0.833374 9.59885 0.890449 9.68954 0.98251L13.6843 4.97722C13.7763 5.0679 13.8333 5.19398 13.8333 5.33337L13.8333 5.3379V13.3334C13.8333 13.8196 13.6401 14.2859 13.2963 14.6297C12.9525 14.9736 12.4862 15.1667 12 15.1667H3.99996C3.51373 15.1667 3.04741 14.9736 2.7036 14.6297C2.35978 14.2859 2.16663 13.8196 2.16663 13.3334V2.66671C2.16663 2.18048 2.35978 1.71416 2.7036 1.37034ZM3.99996 1.83337H8.83331V5.33337C8.83331 5.60952 9.05717 5.83337 9.33331 5.83337H12.8333V13.3334C12.8333 13.5544 12.7455 13.7663 12.5892 13.9226C12.4329 14.0789 12.221 14.1667 12 14.1667H3.99996C3.77895 14.1667 3.56698 14.0789 3.4107 13.9226C3.25442 13.7663 3.16663 13.5544 3.16663 13.3334V2.66671C3.16663 2.44569 3.25442 2.23373 3.4107 2.07745C3.56698 1.92117 3.77895 1.83337 3.99996 1.83337ZM9.83331 2.5405L12.1262 4.83337H9.83331V2.5405ZM5.33331 8.16663C5.05717 8.16663 4.83331 8.39048 4.83331 8.66663C4.83331 8.94277 5.05717 9.16663 5.33331 9.16663H10.6666C10.9428 9.16663 11.1666 8.94277 11.1666 8.66663C11.1666 8.39048 10.9428 8.16663 10.6666 8.16663H5.33331ZM4.83331 11.3334C4.83331 11.0572 5.05717 10.8334 5.33331 10.8334H10.6666C10.9428 10.8334 11.1666 11.0572 11.1666 11.3334C11.1666 11.6095 10.9428 11.8334 10.6666 11.8334H5.33331C5.05717 11.8334 4.83331 11.6095 4.83331 11.3334ZM5.33331 5.5C5.05717 5.5 4.83331 5.72386 4.83331 6C4.83331 6.27614 5.05717 6.5 5.33331 6.5H6.66665C6.94279 6.5 7.16665 6.27614 7.16665 6C7.16665 5.72386 6.94279 5.5 6.66665 5.5H5.33331Z" }));
+const DefaultFileRenderer = lazy(() => import("./DefaultFileRenderer-DZL5GRed.js"));
+const CSVFileRenderer = lazy(() => import("./CSVFileRenderer-6glCQ4gs.js"));
+const ImageFileRenderer = lazy(() => import("./ImageFileRenderer-C8tVW3I8.js"));
+const PDFFileRenderer = lazy(() => import("./PDFFileRenderer-DQdFS2l6.js"));
+const FILE_TYPE_RENDERER_MAP = {
+  "image/": ImageFileRenderer,
+  "text/csv": CSVFileRenderer,
+  "application/pdf": PDFFileRenderer
+};
+const MessageFile = ({
+  name,
+  type,
+  url,
+  limit = 100,
+  fileIcon = /* @__PURE__ */ jsx(SvgFile, {})
+}) => {
+  const { theme } = useContext(ChatContext);
+  const FileRenderer = useMemo(() => {
+    const Renderer = Object.keys(FILE_TYPE_RENDERER_MAP).find((key) => type == null ? void 0 : type.startsWith(key)) ?? "default";
+    return FILE_TYPE_RENDERER_MAP[Renderer] || DefaultFileRenderer;
+  }, [type]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(theme.messages.message.files.file.base),
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsx(FileRenderer, { name, url, fileIcon, limit }) })
+    }
+  );
+};
+const MessageFiles = ({ files, children }) => {
+  const { theme } = useContext(ChatContext);
+  const Comp = children ? Slot : MessageFile;
+  const [expanded, setExpanded] = useState(false);
+  if (!files || files.length === 0) {
+    return null;
+  }
+  const { imageFiles, otherFiles } = files.reduce(
+    (acc, file) => {
+      if (file.type.startsWith("image/")) {
+        acc.imageFiles.push(file);
+      } else {
+        acc.otherFiles.push(file);
+      }
+      return acc;
+    },
+    {
+      imageFiles: [],
+      otherFiles: []
+    }
+  );
+  const maxImageLength = 3;
+  const truncateImages = !expanded && imageFiles.length > maxImageLength;
+  const renderImageFiles = (images) => {
+    return truncateImages ? images.slice(0, maxImageLength).map((image, index) => /* @__PURE__ */ jsxs(
+      "figure",
+      {
+        className: index === 0 ? "col-span-2 row-span-2" : "relative",
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: image.url,
+              alt: image.name,
+              className: "relative w-full h-full object-cover rounded-lg"
+            }
+          ),
+          index === maxImageLength - 1 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "absolute top-0 left-0 w-full h-full flex justify-center items-center bg-black bg-opacity-50 rounded-lg cursor-pointer",
+              onClick: () => setExpanded(true),
+              children: [
+                "+",
+                (imageFiles.length - maxImageLength).toLocaleString()
+              ]
+            }
+          )
+        ]
+      },
+      index
+    )) : images.map((image, index) => /* @__PURE__ */ jsx(Comp, { ...image, children }, index));
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        theme.messages.message.files.base,
+        truncateImages ? "grid grid-rows-2 grid-flow-col gap-2 w-1/3" : ""
+      ),
+      children: [
+        imageFiles.length > 0 && renderImageFiles(imageFiles),
+        otherFiles.length > 0 && otherFiles.map((file, index) => /* @__PURE__ */ jsx(Comp, { ...file, children }, index))
+      ]
+    }
+  );
+};
+const MessageQuestion = ({
+  children,
+  ...props
+}) => {
+  const { theme, remarkPlugins } = useContext(ChatContext);
+  const { question, files } = props;
+  const Comp = children ? Slot : "div";
+  const [expanded, setExpanded] = useState(false);
+  const isLong = question.length > 500;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(theme.messages.message.question, {
+        [theme.messages.message.overlay]: isLong && !expanded
+      }),
+      ...props,
+      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(MessageFiles, { files }),
+        /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: question }),
+        isLong && !expanded && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "link",
+            size: "small",
+            className: theme.messages.message.expand,
+            onClick: () => setExpanded(true),
+            children: "Show more"
+          }
+        )
+      ] })
+    }
+  );
+};
+const MessageResponse = ({
+  response,
+  isLoading,
+  children
+}) => {
+  const {
+    theme,
+    isCompact,
+    remarkPlugins
+  } = useContext(ChatContext);
+  const Comp = children ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-compact": isCompact,
+      className: cn(theme.messages.message.response),
+      children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Markdown, { remarkPlugins, children: response }),
+        isLoading && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: cn(theme.messages.message.cursor),
+            animate: { opacity: [1, 0] },
+            transition: {
+              duration: 0.7,
+              repeat: Infinity,
+              repeatType: "reverse"
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+const MessageSource = ({ title, url, image, limit = 50 }) => {
+  const { theme, isCompact } = useContext(ChatContext);
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn(theme.messages.message.sources.source.base, {
+        [theme.messages.message.sources.source.companion]: isCompact
+      }),
+      onClick: () => {
+        if (url) {
+          window.open(url, "_blank");
+        }
+      },
+      children: [
+        image && /* @__PURE__ */ jsx("img", { src: image, alt: title, className: cn(theme.messages.message.sources.source.image) }),
+        (title || url) && /* @__PURE__ */ jsxs("figcaption", { children: [
+          title && /* @__PURE__ */ jsx("span", { className: cn(theme.messages.message.sources.source.title), children: /* @__PURE__ */ jsx(Ellipsis, { value: title, limit }) }),
+          url && /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: cn(theme.messages.message.sources.source.url), children: url })
+        ] })
+      ]
+    }
+  );
+};
+const MessageSources = ({
+  sources,
+  children
+}) => {
+  const { theme } = useContext(ChatContext);
+  const Comp = children ? Slot : MessageSource;
+  if (!sources || sources.length === 0) {
+    return null;
+  }
+  return sources && sources.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(theme.messages.message.sources.base), children: sources.map((source, index) => /* @__PURE__ */ jsx(Comp, { ...source, children }, index)) });
+};
+const SvgThumbsDown = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-thumbs-down", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17 14V2" }), /* @__PURE__ */ React.createElement("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" }));
+const SvgThumbsUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-thumbs-up", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7 10v12" }), /* @__PURE__ */ React.createElement("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }));
+const SvgRefresh = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-refresh-ccw", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), /* @__PURE__ */ React.createElement("path", { d: "M3 3v5h5" }), /* @__PURE__ */ React.createElement("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }), /* @__PURE__ */ React.createElement("path", { d: "M16 16h5v5" }));
+const MessageActions = ({
+  children,
+  ...props
+}) => {
+  const { theme } = useContext(ChatContext);
+  const {
+    question,
+    response,
+    copyIcon = /* @__PURE__ */ jsx(SvgCopy, {}),
+    thumbsUpIcon = /* @__PURE__ */ jsx(SvgThumbsUp, {}),
+    thumbsDownIcon = /* @__PURE__ */ jsx(SvgThumbsDown, {}),
+    refreshIcon = /* @__PURE__ */ jsx(SvgRefresh, {}),
+    onCopy,
+    onUpvote,
+    onDownvote,
+    onRefresh
+  } = props;
+  const Comp = children ? Slot : "div";
+  const handleCopy = (text) => {
+    navigator.clipboard.writeText(text).then(() => {
+      console.log("Text copied to clipboard");
+    }).catch((err) => {
+      console.error("Could not copy text: ", err);
+    });
+  };
+  return (copyIcon || thumbsDownIcon || thumbsUpIcon || refreshIcon) && /* @__PURE__ */ jsx(Comp, { className: cn(theme.messages.message.footer.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+    copyIcon && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        variant: "text",
+        disablePadding: true,
+        title: "Copy question and response",
+        className: cn(theme.messages.message.footer.copy),
+        onClick: onCopy ? onCopy : () => handleCopy(`${question}
+${response}`),
+        children: copyIcon
+      }
+    ),
+    thumbsUpIcon && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        variant: "text",
+        disablePadding: true,
+        title: "Upvote",
+        className: cn(theme.messages.message.footer.upvote),
+        onClick: onUpvote,
+        children: thumbsUpIcon
+      }
+    ),
+    thumbsDownIcon && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        variant: "text",
+        disablePadding: true,
+        title: "Downvote",
+        className: cn(theme.messages.message.footer.downvote),
+        onClick: onDownvote,
+        children: thumbsDownIcon
+      }
+    ),
+    refreshIcon && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        variant: "text",
+        disablePadding: true,
+        title: "Refresh",
+        className: cn(theme.messages.message.footer.refresh),
+        onClick: onRefresh,
+        children: refreshIcon
+      }
+    )
+  ] }) });
+};
+const messageVariants = {
+  hidden: {
+    opacity: 0,
+    y: 20
+  },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.3
+    }
+  }
+};
+const SessionMessage = ({
+  conversation,
+  isLast,
+  children
+}) => {
+  const { theme, isLoading } = useContext(ChatContext);
+  return /* @__PURE__ */ jsxs(motion.div, { variants: messageVariants, children: [
+    /* @__PURE__ */ jsx(Card, { className: cn(theme.messages.message.base), children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(MessageQuestion, { question: conversation.question, files: conversation.files }),
+      /* @__PURE__ */ jsx(
+        MessageResponse,
+        {
+          response: conversation.response,
+          isLoading: isLast && isLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(MessageSources, { sources: conversation.sources }),
+      /* @__PURE__ */ jsx(
+        MessageActions,
+        {
+          question: conversation.question,
+          response: conversation.response
+        }
+      )
+    ] }) }),
+    !isLast && /* @__PURE__ */ jsx(Divider, {})
+  ] }, conversation.id);
+};
+const containerVariants = {
+  hidden: {},
+  visible: {
+    transition: {
+      staggerChildren: 0.07,
+      when: "beforeChildren"
+    }
+  }
+};
+const SessionMessages = ({
+  children,
+  newSessionContent,
+  limit = 10,
+  showMoreText = "Show more"
+}) => {
+  const { activeSession, theme } = useContext(ChatContext);
+  const contentRef = useRef(null);
+  const [isAnimating, setIsAnimating] = useState(true);
+  useEffect(() => {
+    if (contentRef.current) {
+      requestAnimationFrame(
+        () => contentRef.current.scrollTop = contentRef.current.scrollHeight
+      );
+    }
+  }, [activeSession, isAnimating]);
+  function handleShowMore() {
+    showNext(limit);
+    requestAnimationFrame(() => contentRef.current.scrollTop = 0);
+  }
+  const reversedConvos = useMemo(
+    () => [...(activeSession == null ? void 0 : activeSession.conversations) ?? []].reverse(),
+    [activeSession]
+  );
+  const { data, hasMore, showNext } = useInfinityList({
+    items: reversedConvos,
+    size: limit
+  });
+  const reReversedConvo = useMemo(() => [...data].reverse(), [data]);
+  const convosToRender = limit ? reReversedConvo : activeSession == null ? void 0 : activeSession.conversations;
+  if (!activeSession) {
+    return /* @__PURE__ */ jsx(SessionEmpty, { children: newSessionContent });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn(theme.messages.content), ref: contentRef, children: [
+    hasMore && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        className: cn(theme.messages.showMore),
+        fullWidth: true,
+        onClick: handleShowMore,
+        children: showMoreText
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        variants: containerVariants,
+        initial: "hidden",
+        animate: "visible",
+        onAnimationComplete: () => {
+          requestAnimationFrame(() => setIsAnimating(false));
+        },
+        children: children ? children(convosToRender) : convosToRender.map((conversation, index) => /* @__PURE__ */ jsx(
+          SessionMessage,
+          {
+            conversation,
+            isLast: index === conversation.length - 1
+          },
+          conversation.id
+        ))
+      },
+      activeSession == null ? void 0 : activeSession.id
+    ) })
+  ] });
+};
+const chatTheme = {
+  base: "dark:text-white text-gray-500",
+  console: "flex w-full gap-4 h-full",
+  companion: "w-full h-full overflow-hidden",
+  empty: "text-center flex-1",
+  sessions: {
+    base: "overflow-auto",
+    console: "min-w-[150px] w-[30%] max-w-[300px] dark:bg-[#11111F] bg-[#F2F3F7] p-5 rounded-3xl",
+    companion: "w-full h-full",
+    group: "text-xs dart:text-gray-400 text-gray-700 mt-4 hover:bg-transparent mb-1",
+    create: "relative mb-4 rounded-[10px] text-white",
+    session: {
+      base: [
+        "group my-1 rounded-[10px] p-2 text-gray-500 border border-transparent hover:bg-gray-300 hover:border-gray-400 [&_svg]:text-gray-500",
+        "dark:text-typography dark:text-gray-400 dark:hover:bg-gray-800/50 dark:hover:border-gray-700/50 dark:[&_svg]:text-gray-200"
+      ].join(" "),
+      active: [
+        "border border-gray-300 hover:border-gray-400 text-gray-700 bg-gray-200 hover:bg-gray-300 ",
+        "dark:text-gray-500 dark:bg-gray-800/70 dark:border-gray-700/50 dark:text-white dark:border-gray-700/70 dark:hover:bg-gray-800/50",
+        "[&_button]:!opacity-100"
+      ].join(" "),
+      delete: "[&>svg]:w-4 [&>svg]:h-4 opacity-0 group-hover:!opacity-50"
+    }
+  },
+  messages: {
+    base: "",
+    console: "flex flex-col mx-5 flex-1 overflow-hidden",
+    companion: "flex w-full h-full",
+    back: "self-start p-0 my-2",
+    inner: "flex-1 h-full flex flex-col",
+    title: ["text-base font-bold text-gray-500", "dark:text-gray-200"].join(
+      " "
+    ),
+    date: "text-xs whitespace-nowrap text-gray-400",
+    content: [
+      "mt-2 flex-1 overflow-auto [&_hr]:bg-gray-200",
+      "dark:[&_hr]:bg-gray-800/60"
+    ].join(" "),
+    header: "flex justify-between items-center gap-2",
+    showMore: "mb-4",
+    message: {
+      base: "mt-4 mb-4 flex flex-col p-0 rounded border-none bg-transparent",
+      question: [
+        "relative font-semibold mb-4 px-4 py-4 pb-2 rounded-3xl rounded-br-none text-typography border bg-gray-200 border-gray-300 text-gray-900",
+        "dark:bg-gray-900/60 dark:border-gray-700/50 dark:text-gray-100"
+      ].join(" "),
+      response: ["relative data-[compact=false]:px-4 text-gray-900", "dark:text-gray-100"].join(" "),
+      overlay: `overflow-y-hidden max-h-[350px] after:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-16 after:bg-gradient-to-b after:from-transparent dark:after:to-gray-900 after:to-gray-200`,
+      cursor: "inline-block w-1 h-4 bg-current",
+      expand: "absolute bottom-1 right-1 z-10",
+      files: {
+        base: "mb-2 flex flex-wrap gap-3 ",
+        file: {
+          base: [
+            "flex items-center gap-2 border border-gray-300 px-3 py-2 rounded-lg cursor-pointer",
+            "dark:border-gray-700"
+          ].join(" "),
+          name: ["text-sm text-gray-500", "dark:text-gray-200"].join(" ")
+        }
+      },
+      sources: {
+        base: "my-4 flex flex-wrap gap-3",
+        source: {
+          base: [
+            "flex gap-2 border border-gray-200 px-4 py-2 rounded-lg cursor-pointer",
+            "dark:border-gray-700"
+          ].join(" "),
+          companion: "flex-1 px-3 py-1.5",
+          image: "max-w-10 max-h-10 rounded-md w-full h-fit self-center",
+          title: "text-md block",
+          url: "text-sm text-blue-400 underline"
+        }
+      },
+      markdown: {
+        copy: "sticky py-1 [&>svg]:w-4 [&>svg]:h-4 opacity-50",
+        p: "mb-2",
+        a: "text-blue-400 underline",
+        table: "table-auto w-full m-2",
+        th: "px-4 py-2 text-left font-bold border-b border-gray-500",
+        td: "px-4 py-2",
+        code: "m-2 rounded-b relative",
+        toolbar: "text-xs dark:bg-gray-700/50 flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gray-200 ",
+        li: "mb-2 ml-6",
+        ul: "mb-4 list-disc",
+        ol: "mb-4 list-decimal"
+      },
+      footer: {
+        base: "mt-3 flex gap-1.5 text-gray-400",
+        copy: [
+          "p-3 rounded-[10px] [&>svg]:w-4 [&>svg]:h-4 opacity-50 hover:!opacity-100 hover:bg-gray-200 hover:text-gray-500",
+          "dark:hover:bg-gray-800 dark:hover:text-white"
+        ].join(" "),
+        upvote: "p-3 rounded-[10px] [&>svg]:w-4 [&>svg]:h-4 opacity-50 hover:!opacity-100 hover:bg-gray-700/40 hover:text-white",
+        downvote: "p-3 rounded-[10px] [&>svg]:w-4 [&>svg]:h-4 opacity-50 hover:!opacity-100 hover:bg-gray-700/40 hover:text-white",
+        refresh: "p-3 rounded-[10px] [&>svg]:w-4 [&>svg]:h-4 opacity-50 hover:!opacity-100 hover:bg-gray-700/40 hover:text-white"
+      }
+    }
+  },
+  input: {
+    base: "flex mt-4 relative",
+    upload: ["px-5 py-2 text-gray-400 size-10", "dark:gray-500"].join(" "),
+    input: [
+      "w-full border rounded-3xl px-3 py-2 pr-16 text-gray-500 border-gray-200 hover:bg-blue-100 hover:border-blue-500 after:hidden after:!mx-10 bg-white [&>textarea]:w-full [&>textarea]:flex-none",
+      "dark:border-gray-700/50 dark:text-gray-200 dark:bg-gray-950 dark:hover:bg-blue-950/40"
+    ].join(" "),
+    actions: {
+      base: "absolute flex gap-2 items-center right-5 inset-y-1/2 -translate-y-1/2 z-10",
+      send: [
+        "px-3 py-3 hover:bg-primary-hover rounded-full bg-gray-200 hover:bg-gray-300 text-gray-500",
+        "dark:text-white dark:bg-gray-800 hover:dark:bg-gray-700"
+      ].join(" "),
+      stop: "px-2 py-2 bg-red-500 text-white rounded-full hover:bg-red-700 "
+    }
+  }
+};
+const useDimensions = () => {
+  const [ref, setRef] = useState(null);
+  const [width, setWidth] = useState(void 0);
+  const observe = useCallback((element) => {
+    if (element) setRef(element);
+  }, []);
+  useEffect(() => {
+    if (!ref) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (let entry of entries) {
+        setWidth(entry.contentRect.width);
+      }
+    });
+    resizeObserver.observe(ref);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [ref]);
+  return { width, observe };
+};
+const Chat = ({
+  children,
+  viewType = "console",
+  sessions,
+  onSelectSession,
+  onDeleteSession,
+  onSendMessage,
+  onStopMessage,
+  onFileUpload,
+  isLoading,
+  activeSessionId,
+  theme: customTheme = chatTheme,
+  onNewSession,
+  remarkPlugins = [remarkGfm, remarkYoutube, remarkMath],
+  disabled,
+  style,
+  className
+}) => {
+  const theme = useComponentTheme("chat", customTheme);
+  const [internalActiveSessionID, setInternalActiveSessionID] = useState(activeSessionId);
+  const { width, observe } = useDimensions();
+  const isCompact = viewType === "companion" || width && width < 767;
+  useEffect(() => {
+    setInternalActiveSessionID(activeSessionId);
+  }, [activeSessionId]);
+  const handleSelectSession = useCallback(
+    (sessionId) => {
+      setInternalActiveSessionID(sessionId);
+      onSelectSession == null ? void 0 : onSelectSession(sessionId);
+    },
+    [onSelectSession]
+  );
+  const handleDeleteSession = useCallback(
+    (sessionId) => {
+      setInternalActiveSessionID(void 0);
+      onDeleteSession == null ? void 0 : onDeleteSession(sessionId);
+    },
+    [onDeleteSession]
+  );
+  const handleCreateNewSession = useCallback(() => {
+    setInternalActiveSessionID(void 0);
+    onNewSession == null ? void 0 : onNewSession();
+  }, [onNewSession]);
+  useHotkeys([
+    {
+      name: "Create new session",
+      category: "Chat",
+      keys: "meta+shift+s",
+      callback: (event) => {
+        event.preventDefault();
+        handleCreateNewSession();
+      }
+    }
+  ]);
+  const activeSession = useMemo(
+    () => sessions.find((session) => session.id === internalActiveSessionID),
+    [sessions, internalActiveSessionID]
+  );
+  const contextValue = useMemo(
+    () => ({
+      sessions,
+      activeSession,
+      remarkPlugins,
+      theme,
+      disabled,
+      isLoading,
+      isCompact,
+      viewType,
+      activeSessionId: internalActiveSessionID,
+      selectSession: handleSelectSession,
+      deleteSession: handleDeleteSession,
+      createSession: handleCreateNewSession,
+      sendMessage: onSendMessage,
+      stopMessage: onStopMessage,
+      fileUpload: onFileUpload
+    }),
+    [
+      isLoading,
+      isCompact,
+      viewType,
+      disabled,
+      theme,
+      remarkPlugins,
+      sessions,
+      activeSession,
+      internalActiveSessionID,
+      handleSelectSession,
+      handleDeleteSession,
+      handleCreateNewSession,
+      onSendMessage,
+      onStopMessage,
+      onFileUpload
+    ]
+  );
+  return /* @__PURE__ */ jsx(ChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: observe,
+      className: cn(className, theme.base, {
+        [theme.companion]: isCompact,
+        [theme.console]: !isCompact
+      }),
+      style,
+      children
+    }
+  ) }) });
+};
+const SessionsList = ({ children }) => {
+  const { theme, isCompact, activeSessionId } = useContext(ChatContext);
+  const isVisible = isCompact && !activeSessionId;
+  return (!isCompact || isVisible) && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { translateX: "-100%" },
+      animate: {
+        translateX: "0%",
+        transition: {
+          type: "tween",
+          ease: "linear",
+          duration: 0.2,
+          when: "beforeChildren"
+        }
+      },
+      exit: { translateX: "-100%" },
+      className: cn(theme.sessions.base, {
+        [theme.sessions.companion]: isCompact,
+        [theme.sessions.console]: !isCompact
+      }),
+      children: /* @__PURE__ */ jsx(List, { children })
+    }
+  );
+};
+const SvgTrash = (props) => /* @__PURE__ */ React.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Delete" }, /* @__PURE__ */ React.createElement("path", { id: "Vector", d: "M5.97905 1.16666C5.90859 1.16576 5.83895 1.18189 5.77605 1.21368C5.71316 1.24547 5.65888 1.29199 5.61783 1.34926C5.57677 1.40654 5.55016 1.47288 5.54025 1.54265C5.53034 1.61242 5.53743 1.68355 5.56092 1.75H4.27007C3.7342 1.75 3.2324 2.01817 2.93535 2.46435L2.24492 3.5H2.18738C2.12941 3.49918 2.07185 3.50989 2.01805 3.5315C1.96425 3.55312 1.91529 3.58522 1.874 3.62593C1.83271 3.66663 1.79993 3.71514 1.77755 3.76863C1.75518 3.82211 1.74365 3.87952 1.74365 3.9375C1.74365 3.99548 1.75518 4.05288 1.77755 4.10636C1.79993 4.15985 1.83271 4.20836 1.874 4.24907C1.91529 4.28977 1.96425 4.32187 2.01805 4.34349C2.07185 4.3651 2.12941 4.37582 2.18738 4.375H2.41012C2.44765 4.38067 2.48576 4.38143 2.52348 4.37727L3.24468 11.1084C3.33169 11.9199 4.02367 12.5417 4.83973 12.5417H9.15947C9.97553 12.5417 10.6675 11.9199 10.7545 11.1084L11.4763 4.37727C11.5133 4.38124 11.5506 4.38047 11.5874 4.375H11.8124C11.8704 4.37582 11.9279 4.3651 11.9817 4.34349C12.0355 4.32187 12.0845 4.28977 12.1258 4.24907C12.1671 4.20836 12.1998 4.15985 12.2222 4.10636C12.2446 4.05288 12.2561 3.99548 12.2561 3.9375C12.2561 3.87952 12.2446 3.82211 12.2222 3.76863C12.1998 3.71514 12.1671 3.66663 12.1258 3.62593C12.0845 3.58522 12.0355 3.55312 11.9817 3.5315C11.9279 3.50989 11.8704 3.49918 11.8124 3.5H11.7548L11.0644 2.46435C10.7671 2.01841 10.2654 1.75 9.7297 1.75H8.43885C8.46234 1.68355 8.46943 1.61242 8.45952 1.54265C8.44961 1.47288 8.423 1.40654 8.38194 1.34926C8.34089 1.29199 8.2866 1.24547 8.22371 1.21368C8.16082 1.18189 8.09118 1.16576 8.02072 1.16666H5.97905ZM4.27007 2.625H9.7297C9.97394 2.625 10.2009 2.74639 10.3364 2.9497L10.7033 3.5H3.29651L3.66338 2.9497L3.66395 2.94913C3.79913 2.74608 4.02543 2.625 4.27007 2.625ZM3.40361 4.375H10.5962L9.88465 11.015C9.8445 11.3894 9.53575 11.6667 9.15947 11.6667H4.83973C4.46345 11.6667 4.15527 11.3894 4.11512 11.015L3.40361 4.375Z", fill: "currentColor" })));
+const SvgChat = (props) => /* @__PURE__ */ React.createElement("svg", { width: 16, height: 17, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8 3C4.55375 3 1.75 5.23753 1.75 7.98828C1.75 9.70653 2.83659 11.2762 4.62109 12.188C4.11184 13.0465 3.62587 13.7378 3.62012 13.7461C3.50687 13.9071 3.49862 14.1196 3.59912 14.2891C3.69012 14.4418 3.8543 14.5342 4.0293 14.5342C4.0483 14.5342 4.06743 14.533 4.08643 14.5308C4.15168 14.5233 5.66214 14.3364 7.50439 12.9604C7.67239 12.9712 7.8385 12.9766 8 12.9766C11.4462 12.9766 14.25 10.739 14.25 7.98828C14.25 5.23753 11.4462 3 8 3ZM8 4C10.8948 4 13.25 5.78903 13.25 7.98828C13.25 10.1875 10.8948 11.9766 8 11.9766C7.8055 11.9766 7.60225 11.968 7.396 11.9497C7.271 11.9382 7.1454 11.9752 7.0459 12.0527C6.3589 12.5855 5.72033 12.9308 5.20508 13.1528C5.38383 12.8648 5.57691 12.5418 5.76416 12.2061C5.83416 12.0813 5.84705 11.9324 5.7998 11.7974C5.75255 11.6624 5.64983 11.5542 5.51758 11.5C3.81033 10.7993 2.75 9.45328 2.75 7.98828C2.75 5.78903 5.10525 4 8 4ZM5.5 7.25C5.08575 7.25 4.75 7.58575 4.75 8C4.75 8.41425 5.08575 8.75 5.5 8.75C5.91425 8.75 6.25 8.41425 6.25 8C6.25 7.58575 5.91425 7.25 5.5 7.25ZM8 7.25C7.58575 7.25 7.25 7.58575 7.25 8C7.25 8.41425 7.58575 8.75 8 8.75C8.41425 8.75 8.75 8.41425 8.75 8C8.75 7.58575 8.41425 7.25 8 7.25ZM10.5 7.25C10.0857 7.25 9.75 7.58575 9.75 8C9.75 8.41425 10.0857 8.75 10.5 8.75C10.9143 8.75 11.25 8.41425 11.25 8C11.25 7.58575 10.9143 7.25 10.5 7.25Z", fill: "currentColor" }));
+const SessionListItem = ({
+  children,
+  session,
+  deletable = true,
+  limit = 100,
+  deleteIcon = /* @__PURE__ */ jsx(SvgTrash, {}),
+  chatIcon = /* @__PURE__ */ jsx(SvgChat, { className: "mr-2" })
+}) => {
+  const { activeSessionId, selectSession, deleteSession, theme } = useContext(ChatContext);
+  const Comp = children ? Slot : ListItem;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      dense: true,
+      disableGutters: true,
+      active: session.id === activeSessionId,
+      className: cn(theme.sessions.session.base, {
+        [theme.sessions.session.active]: session.id === activeSessionId
+      }),
+      onClick: () => selectSession == null ? void 0 : selectSession(session.id),
+      start: chatIcon,
+      end: /* @__PURE__ */ jsx(Fragment, { children: deletable && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          variant: "text",
+          onClick: (e) => {
+            e.stopPropagation();
+            deleteSession(session.id);
+          },
+          className: cn(theme.sessions.session.delete),
+          children: deleteIcon
+        }
+      ) }),
+      children: children || /* @__PURE__ */ jsx(Ellipsis, { value: session.title, limit })
+    }
+  );
+};
+const SvgPlus = (props) => /* @__PURE__ */ React.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { id: "add" }, /* @__PURE__ */ React.createElement("path", { id: "Vector", d: "M13.1667 9.16658H9.16671V13.1666H7.83337V9.16658H3.83337V7.83325H7.83337V3.83325H9.16671V7.83325H13.1667V9.16658Z", fill: "currentColor" })));
+const NewSessionButton = ({
+  children,
+  newSessionText = "New Session"
+}) => {
+  const { theme, createSession, disabled } = useContext(ChatContext);
+  const Comp = children ? Slot : Button;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      fullWidth: true,
+      disableMargins: true,
+      color: "primary",
+      startAdornment: /* @__PURE__ */ jsx(SvgPlus, {}),
+      className: cn(theme.sessions.create),
+      disabled,
+      onClick: createSession,
+      children: children || newSessionText
+    }
+  ) });
+};
+const sortOrder = [
+  "Today",
+  "Yesterday",
+  "Last Week",
+  "Last Month",
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
+  "Last Year"
+];
+function groupSessionsByDate(sessions) {
+  const grouped = {};
+  sessions.forEach((session) => {
+    const createdAt = new Date(session.createdAt);
+    if (isToday(createdAt)) {
+      if (!grouped["Today"]) grouped["Today"] = [];
+      grouped["Today"].push(session);
+    } else if (isYesterday(createdAt)) {
+      if (!grouped["Yesterday"]) grouped["Yesterday"] = [];
+      grouped["Yesterday"].push(session);
+    } else if (isThisWeek(createdAt)) {
+      if (!grouped["Last Week"]) grouped["Last Week"] = [];
+      grouped["Last Week"].push(session);
+    } else if (isThisMonth(createdAt)) {
+      if (!grouped["Last Month"]) grouped["Last Month"] = [];
+      grouped["Last Month"].push(session);
+    } else if (isThisYear(createdAt)) {
+      const monthName = format(createdAt, "MMMM");
+      if (!grouped[monthName]) grouped[monthName] = [];
+      grouped[monthName].push(session);
+    } else {
+      if (!grouped["Last Year"]) grouped["Last Year"] = [];
+      grouped["Last Year"].push(session);
+    }
+  });
+  Object.keys(grouped).forEach((key) => {
+    if (grouped[key].length === 0) {
+      delete grouped[key];
+    }
+  });
+  const sortedGroups = Object.keys(grouped).sort(
+    (a, b) => sortOrder.indexOf(a) - sortOrder.indexOf(b)
+  );
+  return sortedGroups.map((heading) => ({
+    heading,
+    sessions: grouped[heading].sort(
+      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+    )
+  }));
+}
+const SessionsGroup = ({
+  heading,
+  children
+}) => {
+  const { theme } = useContext(ChatContext);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    heading && /* @__PURE__ */ jsx(
+      ListItem,
+      {
+        disableGutters: true,
+        disablePadding: true,
+        className: cn(theme.sessions.group),
+        children: heading
+      }
+    ),
+    children
+  ] });
+};
+const SessionGroups = ({ children }) => {
+  const { sessions } = useContext(ChatContext);
+  const groups = useMemo(() => groupSessionsByDate(sessions), [sessions]);
+  return /* @__PURE__ */ jsx(Fragment, { children: children ? children(groups) : groups.map(({ heading, sessions: sessions2 }) => /* @__PURE__ */ jsx(SessionsGroup, { heading, children: sessions2.map((session) => /* @__PURE__ */ jsx(SessionListItem, { session }, session.id)) })) });
+};
+export {
+  ChatInput as C,
+  FileInput as F,
+  MessageSource as M,
+  NewSessionButton as N,
+  SvgFile as S,
+  TableComponent as T,
+  SvgCopy as a,
+  SessionEmpty as b,
+  SessionMessagesHeader as c,
+  SessionMessagePanel as d,
+  SessionMessage as e,
+  MessageActions as f,
+  MessageFile as g,
+  MessageFiles as h,
+  MessageQuestion as i,
+  MessageResponse as j,
+  MessageSources as k,
+  SessionMessages as l,
+  Chat as m,
+  SessionsList as n,
+  SessionListItem as o,
+  SessionGroups as p,
+  SessionsGroup as q,
+  chatTheme as r,
+  Markdown as s,
+  TableHeaderCell as t,
+  TableDataCell as u,
+  CodeHighlighter as v,
+  remarkCve as w,
+  dark as x,
+  light as y,
+  ChatContext as z
+};
+//# sourceMappingURL=index-D-JgMn3h.js.map