reachat 1.6.0 → 1.6.1

package/dist/CSVFileRenderer-CaUQ0d1z.js

@@ -0,0 +1,148 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useState, useRef, useEffect } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { a as SvgCopy } from "./index-BoPOnul2.js";
+import { IconButton } from "reablocks";
+const sanitizeSVGCell = (cell) => {
+  const trimmed = cell.trim();
+  const escaped = trimmed.replace(/"/g, '""');
+  const prefix = /^[=+\-@]/.test(trimmed) ? "'" : "";
+  const needsQuotes = /[",\n\r]/.test(escaped) || prefix;
+  return needsQuotes ? `"${prefix}${escaped}"` : escaped;
+};
+const parseCSV = (csvString) => {
+  try {
+    const rows = csvString.split("\n");
+    return rows.map((row) => row.split(",").map((cell) => sanitizeSVGCell(cell)));
+  } catch (error) {
+    console.error("Error parsing CSV:", error);
+    throw new Error("Failed to parse CSV file.");
+  }
+};
+const SvgDownload = (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-cloud-download", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }), /* @__PURE__ */ React.createElement("path", { d: "M12 12v9" }), /* @__PURE__ */ React.createElement("path", { d: "m8 17 4 4 4-4" }));
+const CSVFileRenderer = ({ name, url, fileIcon }) => {
+  const [isLoading, setIsLoading] = useState(true);
+  const [csvData, setCsvData] = useState([]);
+  const [error, setError] = useState(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const modalRef = useRef(null);
+  useEffect(() => {
+    const fetchCsvData = async () => {
+      try {
+        setIsLoading(true);
+        const response = await fetch(url);
+        const data = parseCSV(await response.text());
+        setCsvData(data);
+      } catch {
+        setError("Failed to load CSV file.");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchCsvData();
+  }, [url]);
+  const toggleModal = () => {
+    setIsModalOpen((prev) => !prev);
+  };
+  const handleClickOutside = (event) => {
+    if (modalRef.current && !modalRef.current.contains(event.target)) {
+      setIsModalOpen(false);
+    }
+  };
+  useEffect(() => {
+    if (isModalOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    } else {
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isModalOpen]);
+  const downloadCSV = () => {
+    if (csvData.length === 0) return;
+    const csvContent = csvData.map((row) => row.join(",")).join("\n");
+    const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+    const url2 = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url2;
+    link.setAttribute("download", `${name || "data"}`);
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  const renderTable = (data, maxRows) => /* @__PURE__ */ jsxs(
+    motion.table,
+    {
+      layout: true,
+      className: "w-full",
+      transition: { type: "spring", stiffness: 100, damping: 20 },
+      children: [
+        /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-gray-200 dark:bg-gray-800 z-10", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "py-4 px-6", children: "#" }),
+          data[0].map((header, index) => /* @__PURE__ */ jsx("th", { className: "py-4 px-6", children: header }, `header-${index}`))
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: data.slice(1, maxRows).map((row, rowIndex) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: "border-b border-panel-accent hover:bg-panel-accent/40 transition-colors text-base text-text-secondary",
+            children: [
+              /* @__PURE__ */ jsx("td", { className: "py-4 px-6", children: rowIndex + 1 }),
+              row.map((cell, cellIndex) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "py-4 px-6 dark:bg-vulcan light:bg-mystic",
+                  children: cell
+                },
+                `cell-${rowIndex}-${cellIndex}`
+              ))
+            ]
+          },
+          `row-${rowIndex}`
+        )) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "csv-icon flex items-center", children: [
+        fileIcon,
+        name && /* @__PURE__ */ jsx("figcaption", { className: "ml-1", children: name })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "csv-icon flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "text", onClick: downloadCSV, children: /* @__PURE__ */ jsx(SvgDownload, {}) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "text", onClick: toggleModal, children: /* @__PURE__ */ jsx(SvgCopy, {}) })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "error-message", children: error }),
+    isLoading && !csvData && /* @__PURE__ */ jsx("div", { className: "text-text-secondary", children: "Loading..." }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-between", children: !error && csvData.length > 0 && renderTable(csvData, 6) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isModalOpen && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        className: "fixed inset-0 bg-black/70 flex justify-center items-center z-50",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: 0.3 },
+        children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            ref: modalRef,
+            className: "bg-white dark:bg-gray-900 rounded-md w-11/12 h-5/6 overflow-auto",
+            initial: { scale: 0.8 },
+            animate: { scale: 1 },
+            exit: { scale: 0.8 },
+            transition: { duration: 0.3 },
+            children: !error && csvData.length > 0 && renderTable(csvData)
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  CSVFileRenderer as default
+};
+//# sourceMappingURL=CSVFileRenderer-CaUQ0d1z.js.map

package/dist/CSVFileRenderer-CaUQ0d1z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSVFileRenderer-CaUQ0d1z.js","sources":["../src/utils/sanitize.ts","../src/utils/parseCSV.ts","../src/assets/download.svg?react","../src/SessionMessages/SessionMessage/MessageFile/renderers/CSVFileRenderer.tsx"],"sourcesContent":["\n/**\n * Sanitizes cell content to prevent CSV injection and other potential vulnerabilities.\n * Based on the documentation of OWASP for CSV Injection\n * https://owasp.org/www-community/attacks/CSV_Injection\n * @param cell The cell content to sanitize.\n * @returns The sanitized cell content.\n */\nexport const sanitizeSVGCell = (cell: string): string => {\n  const trimmed = cell.trim();\n  // Escape double quotes by doubling them\n  const escaped = trimmed.replace(/\"/g, '\"\"');\n  // Add single quote prefix only for potentially dangerous content\n  const prefix = /^[=+\\-@]/.test(trimmed) ? '\\'' : '';\n  // Only wrap in quotes if the content contains special characters\n  const needsQuotes = /[\",\\n\\r]/.test(escaped) || prefix;\n\n  return needsQuotes ? `\"${prefix}${escaped}\"` : escaped;\n};\n","import { sanitizeSVGCell } from './sanitize';\n\n/**\n * Parses a CSV string from a local file and returns an array of rows.\n * Sanitizes cell data to prevent injection attacks.\n * @param csvString The raw CSV string content to parse.\n * @returns The parsed CSV data as a 2D array of strings.\n */\nexport const parseCSV = (csvString: string): string[][] => {\n  try {\n    const rows = csvString.split('\\n');\n    return rows.map((row) => row.split(',').map((cell) => sanitizeSVGCell(cell)));\n  } catch (error) {\n    console.error('Error parsing CSV:', error);\n    throw new Error('Failed to parse CSV file.');\n  }\n};\n","import * as React from \"react\";\nconst SvgDownload = (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-cloud-download\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 12v9\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"m8 17 4 4 4-4\" }));\nexport default SvgDownload;\n","import { FC, useEffect, useState, ReactElement, useRef } from 'react';\nimport { motion, AnimatePresence } from 'motion/react';\nimport { parseCSV } from '@/utils/parseCSV';\nimport DownloadIcon from '@/assets/download.svg?react';\nimport PlaceholderIcon from '@/assets/copy.svg?react';\nimport { IconButton } from 'reablocks';\n\ninterface CSVFileRendererProps {\n  /**\n   * Name of the file.\n   */\n  name?: string;\n\n  /**\n   * URL of the file.\n   */\n  url: string;\n\n  /**\n   * Icon to for file type.\n   */\n  fileIcon?: ReactElement;\n}\n\n/**\n * Renderer for CSV files that fetches and displays a snippet of the file data.\n */\nconst CSVFileRenderer: FC<CSVFileRendererProps> = ({ name, url, fileIcon }) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [csvData, setCsvData] = useState<string[][]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const fetchCsvData = async () => {\n      try {\n        setIsLoading(true);\n        const response = await fetch(url);\n        const data = parseCSV(await response.text());\n        setCsvData(data);\n      } catch {\n        setError('Failed to load CSV file.');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchCsvData();\n  }, [url]);\n\n  const toggleModal = () => {\n    setIsModalOpen(prev => !prev);\n  };\n\n  const handleClickOutside = (event: MouseEvent) => {\n    if (modalRef.current && !modalRef.current.contains(event.target as Node)) {\n      setIsModalOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    if (isModalOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isModalOpen]);\n\n  const downloadCSV = () => {\n    if (csvData.length === 0) return;\n\n    const csvContent = csvData.map(row => row.join(',')).join('\\n');\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.setAttribute('download', `${name || 'data'}`);\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  };\n\n  const renderTable = (data: string[][], maxRows?: number) => (\n    <motion.table\n      layout\n      className=\"w-full\"\n      transition={{ type: 'spring', stiffness: 100, damping: 20 }}\n    >\n      <thead className=\"sticky top-0 bg-gray-200 dark:bg-gray-800 z-10\">\n        <tr>\n          <th className=\"py-4 px-6\">#</th>\n          {data[0].map((header, index) => (\n            <th key={`header-${index}`} className=\"py-4 px-6\">\n              {header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {data.slice(1, maxRows).map((row, rowIndex) => (\n          <tr\n            key={`row-${rowIndex}`}\n            className=\"border-b border-panel-accent hover:bg-panel-accent/40 transition-colors text-base text-text-secondary\"\n          >\n            <td className=\"py-4 px-6\">{rowIndex + 1}</td>\n            {row.map((cell, cellIndex) => (\n              <td\n                key={`cell-${rowIndex}-${cellIndex}`}\n                className=\"py-4 px-6 dark:bg-vulcan light:bg-mystic\"\n              >\n                {cell}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </motion.table>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex justify-between items-center gap-4\">\n        <div className=\"csv-icon flex items-center\">\n          {fileIcon}\n          {name && <figcaption className=\"ml-1\">{name}</figcaption>}\n        </div>\n        <div className=\"csv-icon flex items-center gap-6\">\n          <IconButton size=\"small\" variant=\"text\" onClick={downloadCSV}>\n            <DownloadIcon />\n          </IconButton>\n          <IconButton size=\"small\" variant=\"text\" onClick={toggleModal}>\n            <PlaceholderIcon />\n          </IconButton>\n        </div>\n      </div>\n\n      {error && <div className=\"error-message\">{error}</div>}\n\n      {isLoading && !csvData && (\n        <div className=\"text-text-secondary\">Loading...</div>\n      )}\n\n      <div className=\"flex justify-between\">\n        {!error && csvData.length > 0 && renderTable(csvData, 6)}\n      </div>\n\n      <AnimatePresence>\n        {isModalOpen && (\n          <motion.div\n            className=\"fixed inset-0 bg-black/70 flex justify-center items-center z-50\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.3 }}\n          >\n            <motion.div\n              ref={modalRef}\n              className=\"bg-white dark:bg-gray-900 rounded-md w-11/12 h-5/6 overflow-auto\"\n              initial={{ scale: 0.8 }}\n              animate={{ scale: 1 }}\n              exit={{ scale: 0.8 }}\n              transition={{ duration: 0.3 }}\n            >\n              {!error && csvData.length > 0 && renderTable(csvData)}\n            </motion.div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default CSVFileRenderer;\n"],"names":["url","DownloadIcon","PlaceholderIcon"],"mappings":"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"}

package/dist/Chat.d.ts

@@ -2,8 +2,7 @@ import { CSSProperties, FC, PropsWithChildren } from 'react';
 import { Session } from './types';
 import { ChatTheme } from './theme';
 import { ChatViewType } from './ChatContext';
-import { PluggableList } from 'react-markdown/lib';
-
+import { Plugin } from 'unified';
 export interface ChatProps extends PropsWithChildren {
     /**
      * The style to apply to the root element.
@@ -36,7 +35,7 @@ export interface ChatProps extends PropsWithChildren {
     /**
      * Remark plugins to apply to the request/response.
      */
-    remarkPlugins?: PluggableList[];
+    remarkPlugins?: Plugin[];
     /**
      * Whether to display a loading state.
      */

package/dist/ChatContext.d.ts

@@ -1,7 +1,6 @@
 import { Session } from './types';
 import { ChatTheme } from './theme';
-import { PluggableList } from 'react-markdown/lib';
-
+import { Plugin } from 'unified';
 export type ChatViewType = 'chat' | 'companion' | 'console';
 export interface ChatContextProps {
     sessions: Session[];
@@ -12,7 +11,7 @@ export interface ChatContextProps {
     isCompact?: boolean;
     viewType?: ChatViewType;
     activeSession?: Session | null;
-    remarkPlugins?: PluggableList[];
+    remarkPlugins?: Plugin[];
     selectSession?: (sessionId: string) => void;
     deleteSession?: (sessionId: string) => void;
     createSession?: () => void;

package/dist/ChatInput/ChatInput.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
-
 interface ChatInputProps {
     /**
      * Default value for the input field.

package/dist/ChatInput/FileInput.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode, ChangeEvent } from 'react';
-
 interface FileInputProps {
     /**
      * Array of allowed file extensions.

package/dist/{DefaultFileRenderer-DZL5GRed.js → DefaultFileRenderer-DgP6fkxg.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as SvgFile } from "./index-D-JgMn3h.js";
+import { S as SvgFile } from "./index-BoPOnul2.js";
 import { cn, Ellipsis } from "reablocks";
 const DefaultFileRenderer = ({
   name,
@@ -12,4 +12,4 @@ const DefaultFileRenderer = ({
 export {
   DefaultFileRenderer as default
 };
-//# sourceMappingURL=DefaultFileRenderer-DZL5GRed.js.map
+//# sourceMappingURL=DefaultFileRenderer-DgP6fkxg.js.map

package/dist/{DefaultFileRenderer-DZL5GRed.js.map → DefaultFileRenderer-DgP6fkxg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DefaultFileRenderer-DZL5GRed.js","sources":["../src/SessionMessages/SessionMessage/MessageFile/renderers/DefaultFileRenderer.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport FileIcon from '@/assets/file.svg?react';\nimport { Ellipsis, cn } from 'reablocks';\n\ninterface DefaultFileRendererProps {\n  /**\n   * Limit for the name.\n   */\n  limit?: number;\n\n  /**\n   * Name of the file.\n   */\n  name?: string;\n\n  /**\n   * URL of the file.\n   */\n  url: string;\n\n  /**\n   * Icon to for file type.\n   */\n  fileIcon?: ReactElement;\n}\n\n/**\n * Default renderer for unspecified file types.\n */\nconst DefaultFileRenderer: FC<DefaultFileRendererProps> = ({\n  name,\n  limit = 100,\n  fileIcon = <FileIcon />,\n}) => (\n  <figure className=\"flex items-center gap-2\">\n    {fileIcon}\n    {name && (\n      <figcaption className={cn('file-name-class')}>\n        <Ellipsis value={name} limit={limit} />\n      </figcaption>\n    )}\n  </figure>\n);\n\nexport default DefaultFileRenderer;\n"],"names":["FileIcon"],"mappings":";;;AA6BA,MAAM,sBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,QAAQ;AAAA,EACR,+BAAYA,SAAS,EAAA;AACvB,MACE,qBAAC,UAAO,EAAA,WAAU,2BACf,UAAA;AAAA,EAAA;AAAA,EACA,QACC,oBAAC,cAAW,EAAA,WAAW,GAAG,iBAAiB,GACzC,UAAA,oBAAC,UAAS,EAAA,OAAO,MAAM,MAAc,CAAA,GACvC;AAAA,EAEJ,CAAA;"}
+{"version":3,"file":"DefaultFileRenderer-DgP6fkxg.js","sources":["../src/SessionMessages/SessionMessage/MessageFile/renderers/DefaultFileRenderer.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react';\nimport FileIcon from '@/assets/file.svg?react';\nimport { Ellipsis, cn } from 'reablocks';\n\ninterface DefaultFileRendererProps {\n  /**\n   * Limit for the name.\n   */\n  limit?: number;\n\n  /**\n   * Name of the file.\n   */\n  name?: string;\n\n  /**\n   * URL of the file.\n   */\n  url: string;\n\n  /**\n   * Icon to for file type.\n   */\n  fileIcon?: ReactElement;\n}\n\n/**\n * Default renderer for unspecified file types.\n */\nconst DefaultFileRenderer: FC<DefaultFileRendererProps> = ({\n  name,\n  limit = 100,\n  fileIcon = <FileIcon />,\n}) => (\n  <figure className=\"flex items-center gap-2\">\n    {fileIcon}\n    {name && (\n      <figcaption className={cn('file-name-class')}>\n        <Ellipsis value={name} limit={limit} />\n      </figcaption>\n    )}\n  </figure>\n);\n\nexport default DefaultFileRenderer;\n"],"names":["FileIcon"],"mappings":";;;AA6BA,MAAM,sBAAoD,CAAC;AAAA,EACzD;AAAA,EACA,QAAQ;AAAA,EACR,+BAAYA,SAAS,CAAA,CAAA;AACvB,MACE,qBAAC,UAAO,EAAA,WAAU,2BACf,UAAA;AAAA,EAAA;AAAA,EACA,QACC,oBAAC,cAAW,EAAA,WAAW,GAAG,iBAAiB,GACzC,UAAA,oBAAC,UAAS,EAAA,OAAO,MAAM,MAAc,CAAA,EACvC,CAAA;AAAA,EAEJ,CAAA;"}

package/dist/Markdown/CodeHighlighter.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren, ReactElement } from 'react';
-
 export interface CodeHighlighterProps extends PropsWithChildren {
     /**
      * The class name to apply to the code block.

package/dist/Markdown/Markdown.d.ts

@@ -1,15 +1,14 @@
 import { FC, PropsWithChildren } from 'react';
-import { PluggableList } from 'react-markdown/lib';
-
+import { Plugin } from 'unified';
 interface MarkdownWrapperProps extends PropsWithChildren {
     /**
      * Remark plugins to apply to the markdown content.
      */
-    remarkPlugins?: PluggableList[];
+    remarkPlugins?: Plugin[];
     /**
      * Rehype plugins to apply to the markdown content.
      */
-    rehypePlugins?: PluggableList[];
+    rehypePlugins?: Plugin[];
 }
 export declare const Markdown: FC<MarkdownWrapperProps>;
 export {};

package/dist/Markdown/Table.d.ts

@@ -1,5 +1,4 @@
 import { default as React, FC, PropsWithChildren } from 'react';
-
 export declare const TableComponent: FC<PropsWithChildren<React.HTMLAttributes<HTMLTableElement>>>;
 export declare const TableHeaderCell: FC<PropsWithChildren<React.HTMLAttributes<HTMLTableHeaderCellElement>>>;
 export declare const TableDataCell: FC<PropsWithChildren<React.HTMLAttributes<HTMLTableDataCellElement>>>;

package/dist/PDFFileRenderer-DQdFS2l6.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDFFileRenderer-DQdFS2l6.js","sources":["../src/SessionMessages/SessionMessage/MessageFile/renderers/PDFFileRenderer.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react';\n\ninterface PDFFileRendererProps {\n  /**\n   * Name of the file.\n   */\n  name?: string;\n\n  /**\n   * URL of the file.\n   */\n  url: string;\n\n  /**\n   * Icon to for file type.\n   */\n  fileIcon?: ReactElement;\n}\n\n/**\n * Renderer for PDF files.\n */\nconst PDFFileRenderer: FC<PDFFileRendererProps> = ({ name, url, fileIcon }) => (\n  <figure className=\"csv-icon flex items-center gap-2\" onClick={() => window.open(url, '_blank')}>\n    {fileIcon}\n    {name && <figcaption className=\"file-name\">{name}</figcaption>}\n  </figure>\n);\n\nexport default PDFFileRenderer;\n"],"names":[],"mappings":";AAsBA,MAAM,kBAA4C,CAAC,EAAE,MAAM,KAAK,SAC9D,MAAA,qBAAC,UAAO,EAAA,WAAU,oCAAmC,SAAS,MAAM,OAAO,KAAK,KAAK,QAAQ,GAC1F,UAAA;AAAA,EAAA;AAAA,EACA,QAAQ,oBAAC,cAAW,EAAA,WAAU,aAAa,UAAK,MAAA;AAAA,EACnD,CAAA;"}
+{"version":3,"file":"PDFFileRenderer-DQdFS2l6.js","sources":["../src/SessionMessages/SessionMessage/MessageFile/renderers/PDFFileRenderer.tsx"],"sourcesContent":["import { FC, ReactElement } from 'react';\n\ninterface PDFFileRendererProps {\n  /**\n   * Name of the file.\n   */\n  name?: string;\n\n  /**\n   * URL of the file.\n   */\n  url: string;\n\n  /**\n   * Icon to for file type.\n   */\n  fileIcon?: ReactElement;\n}\n\n/**\n * Renderer for PDF files.\n */\nconst PDFFileRenderer: FC<PDFFileRendererProps> = ({ name, url, fileIcon }) => (\n  <figure className=\"csv-icon flex items-center gap-2\" onClick={() => window.open(url, '_blank')}>\n    {fileIcon}\n    {name && <figcaption className=\"file-name\">{name}</figcaption>}\n  </figure>\n);\n\nexport default PDFFileRenderer;\n"],"names":[],"mappings":";AAsBA,MAAM,kBAA4C,CAAC,EAAE,MAAM,KAAK,SAC9D,MAAA,qBAAC,UAAO,EAAA,WAAU,oCAAmC,SAAS,MAAM,OAAO,KAAK,KAAK,QAAQ,GAC1F,UAAA;AAAA,EAAA;AAAA,EACA,QAAQ,oBAAC,cAAW,EAAA,WAAU,aAAa,UAAK,KAAA,CAAA;AAAA,EACnD,CAAA;"}

package/dist/SessionMessages/SessionEmpty.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-
 interface SessionEmptyProps extends PropsWithChildren {
 }
 export declare const SessionEmpty: FC<SessionEmptyProps>;

package/dist/SessionMessages/SessionMessage/MessageActions.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren, ReactElement } from 'react';
-
 export interface MessageActionsProps extends PropsWithChildren {
     /**
      * Question to be copied

package/dist/SessionMessages/SessionMessage/MessageFile/MessageFile.d.ts

@@ -1,6 +1,5 @@
 import { FC, ReactElement } from 'react';
 import { ConversationFile } from '../../../types';
-
 export interface MessageFileProps extends ConversationFile {
     /**
      * Icon to show for delete.

package/dist/SessionMessages/SessionMessage/MessageFile/renderers/CSVFileRenderer.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactElement } from 'react';
-
 interface CSVFileRendererProps {
     /**
      * Name of the file.

package/dist/SessionMessages/SessionMessage/MessageFile/renderers/DefaultFileRenderer.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactElement } from 'react';
-
 interface DefaultFileRendererProps {
     /**
      * Limit for the name.

package/dist/SessionMessages/SessionMessage/MessageFile/renderers/ImageFileRenderer.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 interface ImageFileRendererProps {
     /**
      * Name of the file.

package/dist/SessionMessages/SessionMessage/MessageFile/renderers/PDFFileRenderer.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactElement } from 'react';
-
 interface PDFFileRendererProps {
     /**
      * Name of the file.

package/dist/SessionMessages/SessionMessage/MessageFiles.d.ts

@@ -1,6 +1,5 @@
 import { ConversationFile } from '../../types';
 import { FC, PropsWithChildren } from 'react';
-
 interface MessageFilesProps extends PropsWithChildren {
     /**
      * Files to render.

package/dist/SessionMessages/SessionMessage/MessageQuestion.d.ts

@@ -1,6 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
 import { ConversationFile } from '../../types';
-
 export interface MessageQuestionProps extends PropsWithChildren {
     /**
      * Question to render.

package/dist/SessionMessages/SessionMessage/MessageResponse.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-
 export interface MessageResponseProps extends PropsWithChildren {
     /**
      * Response to render.

package/dist/SessionMessages/SessionMessage/MessageSource.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { ConversationSource } from '../../types';
-
 export interface MessageSourceProps extends ConversationSource {
     /**
      * Limit for the title.

package/dist/SessionMessages/SessionMessage/MessageSources.d.ts

@@ -1,6 +1,5 @@
 import { ConversationSource } from '../../types';
 import { FC, PropsWithChildren } from 'react';
-
 interface MessageSourcesProps extends PropsWithChildren {
     /**
      * Sources to render.

package/dist/SessionMessages/SessionMessage/SessionMessage.d.ts

@@ -1,6 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
 import { Conversation } from '../../types';
-
 interface SessionMessageProps extends PropsWithChildren {
     /**
      * Conversation to render.

package/dist/SessionMessages/SessionMessagePanel.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const SessionMessagePanel: FC<PropsWithChildren>;

package/dist/SessionMessages/SessionMessages.d.ts

@@ -1,6 +1,5 @@
 import { default as React, ReactNode } from 'react';
 import { Conversation } from '../types';
-
 interface SessionMessagesProps {
     /**
      * Content to display when there are no sessions selected or a new session is started.

package/dist/SessionMessages/SessionMessagesHeader.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const SessionMessagesHeader: FC<PropsWithChildren>;

package/dist/SessionsList/NewSessionButton.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-
 interface NewSessionButtonProps extends PropsWithChildren {
     /**
      * Text for the new session button.

package/dist/SessionsList/SessionGroups.d.ts

@@ -1,6 +1,5 @@
 import { FC, ReactNode } from 'react';
 import { GroupedSessions } from '../utils/grouping';
-
 export interface SessionGroupsProps {
     /**
      * Render function for the session groups.

package/dist/SessionsList/SessionListItem.d.ts

@@ -1,6 +1,5 @@
 import { FC, PropsWithChildren, ReactElement } from 'react';
 import { Session } from '../types';
-
 export interface SessionListItemProps extends PropsWithChildren {
     /**
      * Session to display.

package/dist/SessionsList/SessionsGroup.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-
 interface SessionsGroupProps extends PropsWithChildren {
     /**
      * Heading for the session group.

package/dist/SessionsList/SessionsList.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const SessionsList: FC<PropsWithChildren>;

package/dist/docs.json

@@ -140,7 +140,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PluggableList[]"
+          "name": "Plugin<[], Node, Node>[]"
         }
       },
       "isLoading": {
@@ -680,7 +680,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PluggableList[]"
+          "name": "Plugin<[], Node, Node>[]"
         }
       },
       "rehypePlugins": {
@@ -701,7 +701,7 @@
         ],
         "required": false,
         "type": {
-          "name": "PluggableList[]"
+          "name": "Plugin<[], Node, Node>[]"
         }
       }
     }

package/dist/{index-D-JgMn3h.js → index-BoPOnul2.js}

@@ -12,7 +12,7 @@ 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";
+import { isToday, isYesterday, isThisWeek, differenceInYears, 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({
@@ -1279,9 +1279,27 @@ const Markdown = ({
             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) }),
+        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) }),
@@ -1313,8 +1331,8 @@ function remarkCve() {
   }
 }
 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 DefaultFileRenderer = lazy(() => import("./DefaultFileRenderer-DgP6fkxg.js"));
+const CSVFileRenderer = lazy(() => import("./CSVFileRenderer-CaUQ0d1z.js"));
 const ImageFileRenderer = lazy(() => import("./ImageFileRenderer-C8tVW3I8.js"));
 const PDFFileRenderer = lazy(() => import("./PDFFileRenderer-DQdFS2l6.js"));
 const FILE_TYPE_RENDERER_MAP = {
@@ -1447,11 +1465,7 @@ const MessageResponse = ({
   isLoading,
   children
 }) => {
-  const {
-    theme,
-    isCompact,
-    remarkPlugins
-  } = useContext(ChatContext);
+  const { theme, isCompact, remarkPlugins } = useContext(ChatContext);
   const Comp = children ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -2053,6 +2067,7 @@ function groupSessionsByDate(sessions) {
   const grouped = {};
   sessions.forEach((session) => {
     const createdAt = new Date(session.createdAt);
+    const now = /* @__PURE__ */ new Date();
     if (isToday(createdAt)) {
       if (!grouped["Today"]) grouped["Today"] = [];
       grouped["Today"].push(session);
@@ -2062,13 +2077,16 @@ function groupSessionsByDate(sessions) {
     } 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 (differenceInYears(now, createdAt) === 0) {
+      const monthDiff = now.getMonth() - createdAt.getMonth();
+      if (monthDiff === 1 || monthDiff === 0 && now.getDate() > createdAt.getDate()) {
+        if (!grouped["Last Month"]) grouped["Last Month"] = [];
+        grouped["Last Month"].push(session);
+      } else {
+        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);
@@ -2146,4 +2164,4 @@ export {
   light as y,
   ChatContext as z
 };
-//# sourceMappingURL=index-D-JgMn3h.js.map
+//# sourceMappingURL=index-BoPOnul2.js.map