reachat 2.1.2 → 3.0.0

package/dist/{CSVFileRenderer-DXI8PDqR.js → CSVFileRenderer-C2tuexJf.js}

@@ -2,7 +2,7 @@ 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-CBHNcMyR.js";
+import { a as SvgCopy } from "./index-8tlsyFe-.js";
 import { IconButton } from "reablocks";
 const sanitizeSVGCell = (cell) => {
   const trimmed = cell.trim();
@@ -138,4 +138,4 @@ const CSVFileRenderer = ({ name, url, fileIcon }) => {
 export {
   CSVFileRenderer as default
 };
-//# sourceMappingURL=CSVFileRenderer-DXI8PDqR.js.map
+//# sourceMappingURL=CSVFileRenderer-C2tuexJf.js.map

package/dist/{CSVFileRenderer-DXI8PDqR.js.map → CSVFileRenderer-C2tuexJf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CSVFileRenderer-DXI8PDqR.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 light:border-gray-700 hover:bg-panel-accent hover:light:bg-gray-700/40 transition-colors text-base\"\n          >\n            <td className=\"py-4 px-6\">{rowIndex + 1}</td>\n            {row.map((cell, cellIndex) => (\n              <td key={`cell-${rowIndex}-${cellIndex}`} className=\"py-4 px-6\">\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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"}
+{"version":3,"file":"CSVFileRenderer-C2tuexJf.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 light:border-gray-700 hover:bg-panel-accent hover:light:bg-gray-700/40 transition-colors text-base\"\n          >\n            <td className=\"py-4 px-6\">{rowIndex + 1}</td>\n            {row.map((cell, cellIndex) => (\n              <td key={`cell-${rowIndex}-${cellIndex}`} className=\"py-4 px-6\">\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

@@ -4,6 +4,7 @@ import { Session } from './types';
 import { ChatTheme } from './theme';
 import { ChatViewType } from './ChatContext';
 import { Plugin } from 'unified';
+import { ComponentCatalog } from './ComponentCatalog/types';
 export interface ChatProps extends PropsWithChildren {
     /**
      * The style to apply to the root element.
@@ -42,6 +43,17 @@ export interface ChatProps extends PropsWithChildren {
      * Use this to add support for custom elements like charts.
      */
     markdownComponents?: Components;
+    /**
+     * A component catalog created via `componentCatalog()`.
+     * Enables dynamic component rendering from LLM responses using
+     * fenced code blocks (e.g. ```component).
+     *
+     * This automatically wires in the necessary remark plugin and
+     * markdown component overrides. For advanced control, use the
+     * catalog's `remarkPlugin` and `components` properties directly
+     * via the `remarkPlugins` and `markdownComponents` props instead.
+     */
+    components?: ComponentCatalog;
     /**
      * Whether to display a loading state.
      */

package/dist/{Markdown/charts/ChartError.d.ts → ComponentCatalog/ComponentError.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export interface ChartErrorProps {
+export interface ComponentErrorProps {
     /**
      * The visual style variant of the error display.
      * Defaults to 'error'.
@@ -18,4 +18,4 @@ export interface ChartErrorProps {
      */
     code?: string;
 }
-export declare const ChartError: FC<ChartErrorProps>;
+export declare const ComponentError: FC<ComponentErrorProps>;

package/dist/ComponentCatalog/ComponentPre.d.ts

@@ -0,0 +1,18 @@
+import { default as React, FC } from 'react';
+import { ComponentDefinitions, ComponentCatalogOptions } from './types';
+export interface ComponentPreProps {
+    children?: React.ReactNode;
+    [key: string]: unknown;
+}
+/**
+ * Creates a `pre` component override for react-markdown that intercepts
+ * fenced code blocks with the configured language tag and renders them
+ * via the ComponentRenderer.
+ *
+ * Checks for a `language-{tag}` className on the nested `<code>` element
+ * and, if matched, extracts the text content and hands it off to the
+ * renderer.
+ *
+ * Any non-matching `<pre>` blocks are passed through as-is.
+ */
+export declare function createComponentPre(definitions: ComponentDefinitions, options?: ComponentCatalogOptions): FC<ComponentPreProps>;

package/dist/ComponentCatalog/ComponentRenderer.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ComponentDefinitions, ComponentCatalogOptions } from './types';
+export interface ComponentRendererProps {
+    /**
+     * The raw JSON string from the ```component code block.
+     */
+    raw: string;
+    /**
+     * The component definitions from the catalog.
+     */
+    definitions: ComponentDefinitions;
+    /**
+     * Optional catalog options (for onError callback).
+     */
+    options?: ComponentCatalogOptions;
+}
+export declare const ComponentRenderer: FC<ComponentRendererProps>;

package/dist/ComponentCatalog/chartComponentDef.d.ts

@@ -0,0 +1,36 @@
+import { ComponentDefinition } from './types';
+/**
+ * Wraps `ChartRenderer` as a component definition so charts can
+ * be registered in a `componentCatalog()`.
+ *
+ * The adapter renders a `ChartRenderer` internally using the same
+ * config-based API, with reaviz as the underlying chart library.
+ *
+ * Because reaviz is an optional peer dependency, this adapter is
+ * fully tree-shakeable — it only loads reaviz code when imported.
+ *
+ * Both `zod` and `reaviz` are required when this helper is used.
+ *
+ * @example
+ * ```tsx
+ * import { componentCatalog, createChartComponentDef } from 'reachat';
+ *
+ * const catalog = componentCatalog({
+ *   Chart: createChartComponentDef(),
+ *   // ... other components
+ * });
+ * ```
+ *
+ * The LLM can then output:
+ * ```component
+ * {
+ *   "type": "Chart",
+ *   "props": {
+ *     "type": "bar",
+ *     "data": [{ "key": "A", "data": 10 }, { "key": "B", "data": 20 }],
+ *     "title": "My Chart"
+ *   }
+ * }
+ * ```
+ */
+export declare function createChartComponentDef(): ComponentDefinition;

package/dist/ComponentCatalog/componentCatalog.d.ts

@@ -0,0 +1,44 @@
+import { ComponentCatalog, ComponentCatalogOptions, ComponentDefinitions } from './types';
+/**
+ * Creates a component catalog — the main entry point for the
+ * dynamic component system.
+ *
+ * Returns an object with a remark plugin, markdown component overrides,
+ * and a system-prompt generator, ready to plug into `<Chat>`.
+ *
+ * @example
+ * ```tsx
+ * import { componentCatalog } from 'reachat';
+ * import { z } from 'zod';
+ *
+ * const catalog = componentCatalog({
+ *   WeatherCard: {
+ *     description: 'Displays weather for a city',
+ *     props: z.object({
+ *       city: z.string(),
+ *       temperature: z.number()
+ *     }),
+ *     component: ({ city, temperature }) => (
+ *       <div>{city}: {temperature}°F</div>
+ *     )
+ *   }
+ * });
+ *
+ * // Simple — pass the whole catalog:
+ * <Chat components={catalog} sessions={sessions}>
+ *   ...
+ * </Chat>
+ *
+ * // Advanced — use individual pieces:
+ * <Chat
+ *   remarkPlugins={[catalog.remarkPlugin]}
+ *   markdownComponents={catalog.components}
+ * >
+ *   ...
+ * </Chat>
+ *
+ * // Generate LLM instructions:
+ * const prompt = catalog.systemPrompt();
+ * ```
+ */
+export declare function componentCatalog(definitions: ComponentDefinitions, options?: ComponentCatalogOptions): ComponentCatalog;

package/dist/ComponentCatalog/componentCatalog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ComponentCatalog/generatePrompt.d.ts

@@ -0,0 +1,9 @@
+import { ComponentDefinitions } from './types';
+/**
+ * Generates an LLM-friendly system prompt describing all available
+ * components, their descriptions, and their prop schemas.
+ *
+ * @param definitions  The component definitions from the catalog.
+ * @param language     The code block language tag (default: 'component').
+ */
+export declare function generatePrompt(definitions: ComponentDefinitions, language?: string): string;

package/dist/ComponentCatalog/generatePrompt.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ComponentCatalog/index.d.ts

@@ -0,0 +1,9 @@
+export { componentCatalog } from './componentCatalog';
+export { ComponentRenderer } from './ComponentRenderer';
+export { ComponentError } from './ComponentError';
+export type { ComponentErrorProps } from './ComponentError';
+export { createComponentPre } from './ComponentPre';
+export { createChartComponentDef } from './chartComponentDef';
+export { validateSpec } from './validateSpec';
+export { generatePrompt } from './generatePrompt';
+export type { ComponentCatalog, ComponentCatalogError, ComponentCatalogOptions, ComponentDefinition, ComponentDefinitions, ComponentSpec } from './types';

package/dist/ComponentCatalog/types.d.ts

@@ -0,0 +1,108 @@
+import { FC, ReactNode } from 'react';
+import { Components } from 'react-markdown';
+import { Plugin } from 'unified';
+import { z } from 'zod';
+/**
+ * Definition for a single component in the catalog.
+ */
+export interface ComponentDefinition<TProps extends Record<string, any> = Record<string, any>> {
+    /**
+     * Human-readable description of what this component renders.
+     * Included in the generated LLM system prompt.
+     */
+    description: string;
+    /**
+     * Zod schema that validates the props the LLM provides.
+     * Used for runtime validation and system-prompt generation.
+     */
+    props: z.ZodType<TProps>;
+    /**
+     * The React component to render. Receives validated props and optional
+     * children (for nested component specs) plus a `sendMessage` callback
+     * from ChatContext.
+     */
+    component: FC<TProps & {
+        children?: ReactNode;
+        sendMessage?: (message: string) => void;
+    }>;
+}
+/**
+ * Map of component name → definition. This is what the user passes
+ * to `componentCatalog()`.
+ */
+export type ComponentDefinitions = Record<string, ComponentDefinition>;
+/**
+ * The JSON spec format that the LLM emits inside ```component blocks.
+ *
+ * Single component:
+ *   { "type": "WeatherCard", "props": { "city": "SF" } }
+ *
+ * With nested children:
+ *   { "type": "Row", "props": {}, "children": [ ... ] }
+ *
+ * Multiple components (array):
+ *   [ { "type": "A", "props": {} }, { "type": "B", "props": {} } ]
+ */
+export interface ComponentSpec {
+    /** Component name — must match a key in the catalog. */
+    type: string;
+    /** Props passed to the component after Zod validation. */
+    props: Record<string, any>;
+    /** Optional nested component specs. */
+    children?: ComponentSpec[];
+}
+/**
+ * Options for `componentCatalog()`.
+ */
+export interface ComponentCatalogOptions {
+    /**
+     * The fenced-code-block language tag to detect.
+     * @default 'component'
+     */
+    language?: string;
+    /**
+     * Called when a component spec fails validation.
+     * Return a ReactNode to render, or `undefined` to use the default error UI.
+     */
+    onError?: (error: ComponentCatalogError) => ReactNode | undefined;
+}
+/**
+ * Error details passed to the `onError` callback.
+ */
+export interface ComponentCatalogError {
+    /** What went wrong. */
+    type: 'invalid_json' | 'unknown_component' | 'invalid_props' | 'render_error';
+    /** Human-readable message. */
+    message: string;
+    /** The raw code block content. */
+    raw: string;
+    /** The component type from the spec, if parsed. */
+    componentType?: string;
+    /** Zod validation issues, if applicable. */
+    issues?: {
+        message: string;
+        path: (string | number)[];
+    }[];
+}
+/**
+ * The object returned by `componentCatalog()`.
+ */
+export interface ComponentCatalog {
+    /**
+     * Remark plugin that preprocesses ```component code blocks.
+     */
+    remarkPlugin: Plugin;
+    /**
+     * Markdown component overrides (`{ pre: ComponentPre }`).
+     * Spread into `markdownComponents` or pass to `Chat`.
+     */
+    components: Components;
+    /**
+     * Generates an LLM system prompt describing available components.
+     */
+    systemPrompt: () => string;
+    /**
+     * The underlying definitions, for advanced use.
+     */
+    definitions: ComponentDefinitions;
+}

package/dist/ComponentCatalog/validateSpec.d.ts

@@ -0,0 +1,17 @@
+import { ComponentSpec, ComponentDefinitions, ComponentCatalogError } from './types';
+export type ValidateResult = {
+    ok: true;
+    specs: ComponentSpec[];
+    error?: undefined;
+} | {
+    ok: false;
+    error: ComponentCatalogError;
+    specs?: undefined;
+};
+/**
+ * Attempts to parse a raw string (from a ```component code block)
+ * into one or more ComponentSpec objects.
+ *
+ * Returns either a validated spec array or an error descriptor.
+ */
+export declare function validateSpec(raw: string, definitions: ComponentDefinitions): ValidateResult;

package/dist/ComponentCatalog/validateSpec.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{DefaultFileRenderer-Bi8LNDio.js → DefaultFileRenderer-CJ3jwiQa.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as SvgFile } from "./index-CBHNcMyR.js";
-import { cn, Ellipsis } from "reablocks";
+import { S as SvgFile } from "./index-8tlsyFe-.js";
+import { Ellipsis, cn } from "reablocks";
 const DefaultFileRenderer = ({
   name,
   limit = 100,
@@ -12,4 +12,4 @@ const DefaultFileRenderer = ({
 export {
   DefaultFileRenderer as default
 };
-//# sourceMappingURL=DefaultFileRenderer-Bi8LNDio.js.map
+//# sourceMappingURL=DefaultFileRenderer-CJ3jwiQa.js.map

package/dist/{DefaultFileRenderer-Bi8LNDio.js.map → DefaultFileRenderer-CJ3jwiQa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DefaultFileRenderer-Bi8LNDio.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,SAAA,CAAA,CAAS;AACvB,MACE,qBAAC,UAAA,EAAO,WAAU,2BACf,UAAA;AAAA,EAAA;AAAA,EACA,QACC,oBAAC,cAAA,EAAW,WAAW,GAAG,iBAAiB,GACzC,UAAA,oBAAC,UAAA,EAAS,OAAO,MAAM,MAAA,CAAc,EAAA,CACvC;AAAA,EAAA,CAEJ;"}
+{"version":3,"file":"DefaultFileRenderer-CJ3jwiQa.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,SAAA,CAAA,CAAS;AACvB,MACE,qBAAC,UAAA,EAAO,WAAU,2BACf,UAAA;AAAA,EAAA;AAAA,EACA,QACC,oBAAC,cAAA,EAAW,WAAW,GAAG,iBAAiB,GACzC,UAAA,oBAAC,UAAA,EAAS,OAAO,MAAM,MAAA,CAAc,EAAA,CACvC;AAAA,EAAA,CAEJ;"}

package/dist/Markdown/charts/ChartRenderer.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ChartConfig } from '../plugins/remarkChart';
+import { ChartConfig } from './types';
 export interface ChartRendererProps {
     /**
      * The chart configuration.

package/dist/Markdown/charts/ComponentError.d.ts

@@ -0,0 +1 @@
+export { ComponentError, type ComponentErrorProps } from '../../ComponentCatalog/ComponentError';

package/dist/Markdown/charts/index.d.ts

@@ -1,7 +1,3 @@
+export * from './types';
 export * from './ChartRenderer';
-export * from './ChartPre';
-export * from './ChartError';
-export * from './chartHelpers';
-export declare const chartComponents: {
-    pre: import('react').FC<import('./ChartPre').ChartPreProps>;
-};
+export * from './ComponentError';

package/dist/Markdown/charts/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Supported chart types.
+ */
+export type ChartType = 'bar' | 'line' | 'area' | 'pie' | 'radialBar' | 'radialArea' | 'sparkline';
+/**
+ * Data point structure for charts.
+ */
+export interface ChartDataPoint {
+    key: string;
+    data: number | ChartDataPoint[];
+}
+/**
+ * Configuration for chart rendering.
+ */
+export interface ChartConfig {
+    type: ChartType;
+    data: ChartDataPoint[];
+    width?: number;
+    height?: number;
+    title?: string;
+}

package/dist/Markdown/plugins/index.d.ts

@@ -1,2 +1,4 @@
 export * from './remarkCve';
-export * from './remarkChart';
+export * from './remarkComponent';
+export * from './remarkRedact';
+export * from './redactMatchers';

package/dist/Markdown/plugins/redactMatchers.d.ts

@@ -0,0 +1,21 @@
+import { RedactMatcher } from './remarkRedact';
+/**
+ * Matcher for Social Security Numbers (SSN).
+ * Matches patterns like: 123-45-6789
+ */
+export declare const ssnMatcher: RedactMatcher;
+/**
+ * Matcher for Credit Card numbers.
+ * Matches patterns like: 1234-5678-9012-3456 or 1234 5678 9012 3456
+ * Supports common formats with spaces, dashes, or no separators.
+ */
+export declare const creditCardMatcher: RedactMatcher;
+/**
+ * Matcher for Bitcoin addresses.
+ * Matches Bitcoin addresses (starts with 1 or 3, 26-35 alphanumeric characters).
+ */
+export declare const bitcoinMatcher: RedactMatcher;
+/**
+ * Common redaction matchers for sensitive data.
+ */
+export declare const commonRedactMatchers: RedactMatcher[];

package/dist/Markdown/plugins/remarkComponent.d.ts

@@ -0,0 +1,27 @@
+import { Plugin } from 'unified';
+import { Root } from 'mdast';
+/**
+ * Options for the remarkComponent plugin.
+ */
+export interface RemarkComponentOptions {
+    /**
+     * The fenced-code-block language tag to detect.
+     * @default 'component'
+     */
+    language?: string;
+}
+/**
+ * A remark plugin that acts as a pass-through for fenced code blocks with
+ * the configured language tag (default: `component`).
+ *
+ * The actual rendering is handled entirely by `ComponentPre` which
+ * intercepts `<pre>` elements with a matching `language-{tag}` class.
+ * This plugin exists as an integration point so the catalog can expose
+ * a standard `remarkPlugin` property; it does not transform the AST.
+ *
+ * Usage in markdown:
+ * ```component
+ * { "type": "WeatherCard", "props": { "city": "SF", "temperature": 72 } }
+ * ```
+ */
+export declare const remarkComponent: Plugin<[RemarkComponentOptions?], Root>;

package/dist/Markdown/plugins/remarkRedact.d.ts

@@ -0,0 +1,37 @@
+import { Plugin } from 'unified';
+import { Root } from 'mdast';
+/**
+ * Interface for defining a redaction matcher.
+ */
+export interface RedactMatcher {
+    /**
+     * Name of the matcher (e.g., "SSN", "Credit Card", "Bitcoin").
+     */
+    name: string;
+    /**
+     * Regular expression pattern to match sensitive data.
+     */
+    pattern: RegExp;
+    /**
+     * Optional validation function that receives the matched value.
+     * Return true to redact, false to skip.
+     */
+    validate?: (match: string) => boolean;
+}
+/**
+ * Creates a remark plugin that redacts sensitive data based on provided matchers.
+ * The plugin replaces matched text with HTML elements that can be rendered
+ * using the Redact component from reablocks.
+ *
+ * @param matchers - Array of RedactMatcher objects that define what to redact
+ * @returns A remark plugin function
+ *
+ * @example
+ * ```ts
+ * const matchers = [
+ *   { name: 'SSN', pattern: /\b\d{3}-\d{2}-\d{4}\b/g }
+ * ];
+ * remarkPlugins={[remarkRedact(matchers)]}
+ * ```
+ */
+export declare function remarkRedact(matchers: RedactMatcher[]): Plugin<[], Root>;

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
+import { PropsWithChildren, ReactElement } from 'react';
 export interface MessageActionsProps extends PropsWithChildren {
     /**
      * Question to be copied
@@ -41,4 +41,4 @@ export interface MessageActionsProps extends PropsWithChildren {
      */
     onRefresh?: () => void;
 }
-export declare const MessageActions: FC<MessageActionsProps>;
+export declare const MessageActions: import('react').NamedExoticComponent<MessageActionsProps>;

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

@@ -1,10 +1,10 @@
 import { ConversationFile } from '../../types';
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 interface MessageFilesProps extends PropsWithChildren {
     /**
      * Files to render.
      */
     files: ConversationFile[];
 }
-export declare const MessageFiles: FC<MessageFilesProps>;
+export declare const MessageFiles: import('react').NamedExoticComponent<MessageFilesProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { ConversationFile } from '../../types';
 export interface MessageQuestionProps extends PropsWithChildren {
     /**
@@ -10,4 +10,4 @@ export interface MessageQuestionProps extends PropsWithChildren {
      */
     files?: ConversationFile[];
 }
-export declare const MessageQuestion: FC<MessageQuestionProps>;
+export declare const MessageQuestion: import('react').NamedExoticComponent<MessageQuestionProps>;

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export interface MessageResponseProps extends PropsWithChildren {
     /**
      * Response to render.
@@ -9,4 +9,4 @@ export interface MessageResponseProps extends PropsWithChildren {
      */
     isLoading?: boolean;
 }
-export declare const MessageResponse: FC<MessageResponseProps>;
+export declare const MessageResponse: import('react').NamedExoticComponent<MessageResponseProps>;

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

@@ -1,10 +1,10 @@
 import { ConversationSource } from '../../types';
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 interface MessageSourcesProps extends PropsWithChildren {
     /**
      * Sources to render.
      */
     sources: ConversationSource[];
 }
-export declare const MessageSources: FC<MessageSourcesProps>;
+export declare const MessageSources: import('react').NamedExoticComponent<MessageSourcesProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { Conversation } from '../../types';
 interface SessionMessageProps extends PropsWithChildren {
     /**
@@ -11,5 +11,5 @@ interface SessionMessageProps extends PropsWithChildren {
      */
     isLast?: boolean;
 }
-export declare const SessionMessage: FC<SessionMessageProps>;
+export declare const SessionMessage: import('react').NamedExoticComponent<SessionMessageProps>;
 export {};