reachat 2.1.0-alpha.9 → 2.1.0

package/dist/Markdown/index.d.ts

@@ -1,5 +1,6 @@
-export * from './CodeHighlighter';
 export * from './Markdown';
-export * from './plugins';
 export * from './Table';
+export * from './CodeHighlighter';
+export * from './charts';
+export * from './plugins';
 export * from './themes';

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

@@ -1 +1,2 @@
 export * from './remarkCve';
+export * from './remarkChart';

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

@@ -0,0 +1,59 @@
+import { Plugin } from 'unified';
+import { Root } from 'mdast';
+/**
+ * Supported chart types for the remarkChart plugin.
+ */
+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;
+}
+/**
+ * Options for the remarkChart plugin.
+ */
+export interface RemarkChartOptions {
+    /**
+     * Default width for charts.
+     * @default 400
+     */
+    defaultWidth?: number;
+    /**
+     * Default height for charts.
+     * @default 300
+     */
+    defaultHeight?: number;
+}
+/**
+ * A remark plugin that preprocesses fenced code blocks with language "chart"
+ * by validating and applying default dimensions to the chart configuration.
+ *
+ * The actual rendering is handled by the ChartRenderer component via
+ * chartComponents.
+ *
+ * Usage in markdown:
+ * ```chart
+ * {
+ *   "type": "bar",
+ *   "data": [
+ *     { "key": "A", "data": 10 },
+ *     { "key": "B", "data": 20 }
+ *   ]
+ * }
+ * ```
+ *
+ * @param options - Plugin options
+ */
+export declare const remarkChart: Plugin<[RemarkChartOptions?], Root>;

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

@@ -1 +1 @@
-export declare function remarkCve(): (tree: any) => void;
+export declare function remarkCve(): (tree: any, _file: any) => void;

package/dist/MessageStatus/MessageStatus.d.ts

@@ -0,0 +1,44 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+export type MessageStatusState = 'loading' | 'complete' | 'error';
+export interface MessageStatusStep {
+    /**
+     * Unique identifier for the step.
+     */
+    id: string;
+    /**
+     * Text to display for the step.
+     */
+    text: string;
+    /**
+     * Current state of the step.
+     * @default 'loading'
+     */
+    status?: MessageStatusState;
+}
+export interface MessageStatusProps extends PropsWithChildren {
+    /**
+     * Current status state.
+     * @default 'loading'
+     */
+    status?: MessageStatusState;
+    /**
+     * Main status text to display.
+     */
+    text: string;
+    /**
+     * Optional sub-steps to display.
+     */
+    steps?: MessageStatusStep[];
+    /**
+     * Custom icon to display. If not provided, uses default icons based on status.
+     */
+    icon?: ReactNode;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Displays status information with optional sub-steps, similar to Claude's tool status UI.
+ */
+export declare const MessageStatus: FC<MessageStatusProps>;

package/dist/MessageStatus/MessageStatusItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { MessageStatusStep } from './MessageStatus';
+export interface MessageStatusItemProps {
+    /**
+     * The step to display.
+     */
+    step: MessageStatusStep;
+}
+export declare const MessageStatusItem: FC<MessageStatusItemProps>;

package/dist/MessageStatus/StatusIcon.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { MessageStatusState } from './MessageStatus';
+export interface StatusIconProps {
+    /**
+     * Current state of the status icon.
+     */
+    state: MessageStatusState;
+    /**
+     * Additional CSS class name for the icon container.
+     */
+    className?: string;
+    /**
+     * CSS class name for the icon color based on state.
+     */
+    colorClassName?: string;
+}
+export declare const StatusIcon: FC<StatusIconProps>;

package/dist/MessageStatus/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MessageStatus';
+export * from './MessageStatusItem';
+export * from './StatusIcon';

package/dist/PDFFileRenderer-DQdFS2l6.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const PDFFileRenderer = ({ name, url, fileIcon }) => /* @__PURE__ */ jsxs("figure", { className: "csv-icon flex items-center gap-2", onClick: () => window.open(url, "_blank"), children: [
+  fileIcon,
+  name && /* @__PURE__ */ jsx("figcaption", { className: "file-name", children: name })
+] });
+export {
+  PDFFileRenderer as default
+};
+//# sourceMappingURL=PDFFileRenderer-DQdFS2l6.js.map

package/dist/PDFFileRenderer-DQdFS2l6.js.map

@@ -0,0 +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,eAC9D,qBAAC,UAAA,EAAO,WAAU,oCAAmC,SAAS,MAAM,OAAO,KAAK,KAAK,QAAQ,GAC1F,UAAA;AAAA,EAAA;AAAA,EACA,QAAQ,oBAAC,cAAA,EAAW,WAAU,aAAa,UAAA,KAAA,CAAK;AAAA,EAAA,CACnD;"}

package/dist/SessionMessages/SessionEmpty.d.ts

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

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

@@ -1,4 +1,4 @@
-export * from './CSVFileRenderer';
 export * from './DefaultFileRenderer';
+export * from './CSVFileRenderer';
 export * from './ImageFileRenderer';
 export * from './PDFFileRenderer';

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

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

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

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

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

@@ -1,10 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { Conversation } from '../../types';
 interface SessionMessageProps extends PropsWithChildren {
-    /**
-     * Class name to apply to the root element.
-     */
-    className?: string;
     /**
      * Conversation to render.
      */

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

@@ -1,8 +1,8 @@
+export * from './SessionMessage';
+export * from './MessageSource';
 export * from './MessageActions';
 export * from './MessageFile';
 export * from './MessageFiles';
 export * from './MessageQuestion';
 export * from './MessageResponse';
-export * from './MessageSource';
 export * from './MessageSources';
-export * from './SessionMessage';

package/dist/SessionMessages/SessionMessages.d.ts

@@ -1,10 +1,6 @@
-import { ReactNode, default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 import { Conversation } from '../types';
 interface SessionMessagesProps {
-    /**
-     * Class name to apply to the root element.
-     */
-    className?: string;
     /**
      * Content to display when there are no sessions selected or a new session is started.
      */
@@ -18,9 +14,9 @@ interface SessionMessagesProps {
      */
     showMoreText?: string;
     /**
-     * Whether to automatically scroll to the bottom of the content.
+     * Whether to display the scroll to bottom button.
      */
-    autoScroll?: boolean;
+    showScrollBottomButton?: boolean;
     /**
      * Render function for the session messages.
      */

package/dist/SessionMessages/index.d.ts

@@ -1,5 +1,5 @@
 export * from './SessionEmpty';
-export * from './SessionMessage';
+export * from './SessionMessagesHeader';
 export * from './SessionMessagePanel';
+export * from './SessionMessage';
 export * from './SessionMessages';
-export * from './SessionMessagesHeader';

package/dist/SessionsList/index.d.ts

@@ -1,5 +1,5 @@
+export * from './SessionsList';
+export * from './SessionListItem';
 export * from './NewSessionButton';
 export * from './SessionGroups';
-export * from './SessionListItem';
 export * from './SessionsGroup';
-export * from './SessionsList';