@rolder/kit 3.0.0-alpha.63 → 3.0.0-alpha.66

package/dist/ai/ui/chat/Message.d.ts

@@ -1,7 +1,3 @@
-import { type LoaderProps } from '@mantine/core';
-type MessageProps = {
+export declare const Message: import("react").MemoExoticComponent<({ messageId }: {
     messageId: string;
-    loaderProps?: LoaderProps;
-};
-export declare const Message: import("react").MemoExoticComponent<({ messageId, loaderProps }: MessageProps) => import("react/jsx-runtime").JSX.Element | null>;
-export {};
+}) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/ai/ui/chat/Message.js

@@ -1,32 +1,24 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import { memo } from "react";
 import { Streamdown } from "streamdown";
-import { Loader } from "./Loader.js";
 import { getIsStreaming, useChatMessage, useChatMessagePart } from "./store/index.js";
-const Message = /*#__PURE__*/ memo(({ messageId, loaderProps })=>{
+const Message = /*#__PURE__*/ memo(({ messageId })=>{
     const message = useChatMessage(messageId);
     const part = useChatMessagePart(messageId, 'text');
     console.log(messageId);
-    return part ? /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(Loader, {
-                ...loaderProps
-            }),
-            /*#__PURE__*/ jsx(Paper, {
-                radius: "md",
-                px: "md",
-                py: "sm",
-                maw: "80%",
-                ml: 'user' === message.role ? 'auto' : void 0,
-                bg: 'user' === message.role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
-                fz: "sm",
-                children: /*#__PURE__*/ jsx(Streamdown, {
-                    isAnimating: getIsStreaming() && 'assistant' === message.role,
-                    children: part?.text
-                })
-            })
-        ]
+    return part ? /*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        px: "md",
+        py: "sm",
+        maw: "80%",
+        ml: 'user' === message.role ? 'auto' : void 0,
+        bg: 'user' === message.role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
+        fz: "sm",
+        children: /*#__PURE__*/ jsx(Streamdown, {
+            isAnimating: getIsStreaming() && 'assistant' === message.role,
+            children: part?.text
+        })
     }) : null;
 });
 export { Message };

package/dist/ai/ui/chat/Messages.d.ts

@@ -1,7 +1,11 @@
 import { type StackProps } from '@mantine/core';
 import type { ReactNode } from 'react';
-type MessagesProps = Omit<StackProps, 'children'> & {
+import { type ScrollAreaProps } from '../../../ui';
+type MessagesProps = {
     children: (messageId: string) => ReactNode;
+    scrollAreaProps?: ScrollAreaProps;
+    withScrollButton?: boolean;
+    stackProps?: StackProps;
 };
-export declare const Messages: ({ children, ...props }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Messages: ({ children, scrollAreaProps, withScrollButton, stackProps, }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ai/ui/chat/Messages.js

@@ -1,11 +1,21 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack } from "@mantine/core";
+import { ScrollArea } from "../../../ui/index.js";
 import { useChatMessageIds } from "./store/index.js";
-const Messages = ({ children, ...props })=>{
+const Messages = ({ children, scrollAreaProps, withScrollButton, stackProps })=>{
     const messageIds = useChatMessageIds();
-    return /*#__PURE__*/ jsx(Stack, {
-        ...props,
-        children: 'function' == typeof children ? messageIds.map((messageId)=>children(messageId)) : null
+    return /*#__PURE__*/ jsxs(ScrollArea, {
+        autoScroll: true,
+        scrollToBottomOnInit: true,
+        p: "md",
+        ...scrollAreaProps,
+        children: [
+            /*#__PURE__*/ jsx(Stack, {
+                ...stackProps,
+                children: 'function' == typeof children ? messageIds.map((messageId)=>children(messageId)) : null
+            }),
+            withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+        ]
     });
 };
 export { Messages };

package/dist/ai/ui/chat/index.d.ts

@@ -1,16 +1,19 @@
 export declare const Chat: {
     Root: ({ children, scrollAreaProps, withScrollButton, chatOptions, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
-    Messages: ({ children, ...props }: Omit<import("@mantine/core").StackProps, "children"> & {
+    Messages: ({ children, scrollAreaProps, withScrollButton, stackProps, }: {
         children: (messageId: string) => import("react").ReactNode;
+        scrollAreaProps?: import("../../..").ScrollAreaProps;
+        withScrollButton?: boolean;
+        stackProps?: import("@mantine/core").StackProps;
     }) => import("react/jsx-runtime").JSX.Element;
-    Message: import("react").MemoExoticComponent<({ messageId, loaderProps }: {
+    Message: import("react").MemoExoticComponent<({ messageId }: {
         messageId: string;
-        loaderProps?: import("@mantine/core").LoaderProps;
     }) => import("react/jsx-runtime").JSX.Element | null>;
     File: ({ messageId }: {
         messageId: string;
     }) => import("react/jsx-runtime").JSX.Element | null;
     Empty: () => import("react/jsx-runtime").JSX.Element | null;
+    Loader: (props: import("@mantine/core").LoaderProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { ChatInput } from './chatInput';
 export * from './store';

package/dist/ai/ui/chat/index.js

@@ -1,5 +1,6 @@
 import { Empty } from "./Empty.js";
 import { File } from "./File.js";
+import { Loader } from "./Loader.js";
 import { Message } from "./Message.js";
 import { Messages } from "./Messages.js";
 import { Root } from "./Root.js";
@@ -10,6 +11,7 @@ const Chat = {
     Messages: Messages,
     Message: Message,
     File: File,
-    Empty: Empty
+    Empty: Empty,
+    Loader: Loader
 };
 export { Chat, ChatInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.63",
+  "version": "3.0.0-alpha.66",
   "type": "module",
   "exports": {
     ".": {