reachat 1.0.7 → 1.1.0

package/dist/Chat.d.ts

@@ -1,6 +1,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';
 
 export interface ChatProps extends PropsWithChildren {
@@ -13,11 +14,13 @@ export interface ChatProps extends PropsWithChildren {
      */
     className?: string;
     /**
-     * The type of prompt to display. Companion prompts are smaller and are
-     * meant to be displayed alongside other content. Full prompts are larger
-     * and are meant to be displayed on their own.
+     * The type of prompt to display.
+     *
+     * - Companion: Smaller prompt screen with session lists.
+     * - Console: Full screen experience.
+     * - Chat: Only chat, no sessions.
      */
-    viewType?: 'companion' | 'console';
+    viewType?: ChatViewType;
     /**
      * The list of sessions to display.
      */

package/dist/ChatContext.d.ts

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

package/dist/docs.json

@@ -48,7 +48,7 @@
         "defaultValue": {
           "value": "console"
         },
-        "description": "The type of prompt to display. Companion prompts are smaller and are\nmeant to be displayed alongside other content. Full prompts are larger\nand are meant to be displayed on their own.",
+        "description": "The type of prompt to display.\n\n- Companion: Smaller prompt screen with session lists.\n- Console: Full screen experience.\n- Chat: Only chat, no sessions.",
         "name": "viewType",
         "parent": {
           "fileName": "src/Chat.tsx",
@@ -62,7 +62,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"companion\" | \"console\""
+          "name": "ChatViewType"
         }
       },
       "sessions": {

package/dist/index.js

@@ -138,9 +138,9 @@ const SessionMessagesHeader = ({ children }) => {
 };
 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 } = useContext(ChatContext);
-  const isVisible = isCompact && activeSessionId;
-  return (!isCompact || isVisible) && /* @__PURE__ */ jsx(
+  const { activeSessionId, theme, isCompact, selectSession, viewType } = useContext(ChatContext);
+  const isVisible = isCompact && activeSessionId || viewType === "chat" || !isCompact;
+  return isVisible && /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: { translateX: "200%" },
@@ -159,7 +159,7 @@ const SessionMessagePanel = ({ children }) => {
         [theme.messages.console]: !isCompact
       }),
       children: /* @__PURE__ */ jsxs("div", { className: cn(theme.messages.inner), children: [
-        isCompact && /* @__PURE__ */ jsxs(
+        isCompact && viewType !== "chat" && /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "text",
@@ -1517,7 +1517,7 @@ const SessionMessages = ({
     }
   }, [activeSession, isAnimating]);
   function handleShowMore() {
-    showNext(10);
+    showNext(limit);
     requestAnimationFrame(() => contentRef.current.scrollTop = 0);
   }
   const reversedConvos = useMemo(
@@ -1526,7 +1526,7 @@ const SessionMessages = ({
   );
   const { data, hasMore, showNext } = useInfinityList({
     items: reversedConvos,
-    limit
+    size: limit
   });
   const reReversedConvo = useMemo(() => [...data].reverse(), [data]);
   const convosToRender = limit ? reReversedConvo : activeSession == null ? void 0 : activeSession.conversations;
@@ -1551,7 +1551,7 @@ const SessionMessages = ({
         initial: "hidden",
         animate: "visible",
         onAnimationComplete: () => {
-          setIsAnimating(false);
+          requestAnimationFrame(() => setIsAnimating(false));
         },
         children: children(convosToRender)
       },
@@ -1561,7 +1561,7 @@ const SessionMessages = ({
 };
 const chatTheme = {
   base: "dark:text-white text-gray-500",
-  console: "flex w-full gap-10 h-full",
+  console: "flex w-full gap-4 h-full",
   companion: "w-full h-full overflow-hidden",
   empty: "text-center flex-1",
   sessions: {
@@ -1585,7 +1585,7 @@ const chatTheme = {
   },
   messages: {
     base: "",
-    console: "flex flex-col mr-5 flex-1 overflow-hidden",
+    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",
@@ -1759,6 +1759,7 @@ const Chat = ({
       disabled,
       isLoading,
       isCompact,
+      viewType,
       activeSessionId: internalActiveSessionID,
       selectSession: handleSelectSession,
       deleteSession: handleDeleteSession,
@@ -1770,6 +1771,7 @@ const Chat = ({
     [
       isLoading,
       isCompact,
+      viewType,
       disabled,
       theme,
       remarkPlugins,