@rolder/kit 3.0.0-alpha.10 → 3.0.0-alpha.100

package/dist/ai/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './utils';

package/dist/ai/index.js

@@ -0,0 +1,2 @@
+export * from "./ui/index.js";
+export * from "./utils/index.js";

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

@@ -0,0 +1,55 @@
+import type { UseChatOptions } from '@ai-sdk/react';
+import type { MantineRadius, MantineSpacing, PaperProps, ScrollAreaProps, StackProps } from '@mantine/core';
+import type { ChatInit, UIMessage } from 'ai';
+import type { ReactNode } from 'react';
+export interface ChatRootProps<TMessage extends UIMessage> extends PaperProps {
+    children: ({ message, part, key, }: {
+        message: TMessage;
+        part: TMessage['parts'][number];
+        key: string;
+    }) => ReactNode;
+    height: string;
+    radius?: MantineRadius;
+    padding?: MantineSpacing;
+    scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'h'>;
+    withScrollButton?: boolean;
+    stackProps?: Omit<StackProps, 'p'>;
+    emptyComponent?: ReactNode;
+    loaderComponent?: ReactNode;
+    chatOptions?: UseChatOptions<UIMessage> & ChatInit<UIMessage>;
+}
+/**
+ * Корневой компонент чата
+ *
+ * @example
+ * ```tsx
+ * import { Chat } from '@rolder/kit';
+ *
+ * const MyChat = () => {
+ *   return (
+ *     <Chat.Root h="calc(100vh - 202px)">
+ *       {(messageIds) => (
+ *         <>
+ *           {messageIds.map((messageId) => (
+ *             <Chat.Message key={messageId} messageId={messageId} />
+ *           ))}
+ *
+ *           <Chat.Empty />
+ *           <Chat.Loader />
+ *         </>
+ *       )}
+ *     </Chat.Root>
+ *   );
+ * }
+ * ```
+ *
+ * @param children - Render-функция, принимающая массив ID сообщений
+ * @param height - Высота компонента (обязательный параметр)
+ * @param radius - Радиус скругления углов компонента
+ * @param padding - Отступы внутри компонента
+ * @param chatOptions - Опции для инициализации чата (API endpoint, начальные сообщения и т.д.)
+ * @param scrollAreaProps - Пропсы для ScrollArea
+ * @param withScrollButton - Показывать кнопку прокрутки (по умолчанию true)
+ * @param stackProps - Пропсы для Stack контейнера
+ */
+export declare const Root: <TMessage extends UIMessage>({ chatOptions, ...props }: ChatRootProps<TMessage>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Messages } from "./messages/index.js";
+import { useInitChat } from "./store/index.js";
+const ChatInitializer = ({ chatOptions })=>{
+    useInitChat(chatOptions);
+    return null;
+};
+const Root = ({ chatOptions, ...props })=>/*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(ChatInitializer, {
+                chatOptions: chatOptions
+            }),
+            /*#__PURE__*/ jsx(Messages, {
+                ...props
+            })
+        ]
+    });
+export { Root };

package/dist/ai/ui/chat/chatInput/File.js

@@ -0,0 +1,71 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
+import { IconPaperclip, IconTrash } from "@tabler/icons-react";
+import { useRef } from "react";
+import { useIsLoading } from "../store/index.js";
+import { FileIcon } from "./FileIcon.js";
+import { getAccept, setFile, useFile, useIsUploading } from "./store/index.js";
+const File = (props)=>{
+    const resetRef = useRef(null);
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
+    const file = useFile();
+    return /*#__PURE__*/ jsx(FileButton, {
+        resetRef: resetRef,
+        onChange: async (file)=>{
+            if (file) setFile(file);
+        },
+        accept: getAccept(),
+        disabled: isLoading || isUploading,
+        ...props,
+        children: (props)=>/*#__PURE__*/ jsxs(ActionIcon.Group, {
+                children: [
+                    /*#__PURE__*/ jsx(ActionIcon, {
+                        size: "lg",
+                        variant: "default",
+                        disabled: isLoading,
+                        loading: isUploading,
+                        classNames: {
+                            root: 'rolder-chat-input-file-action-action'
+                        },
+                        ...props,
+                        children: /*#__PURE__*/ jsx(IconPaperclip, {
+                            size: 24,
+                            stroke: 1.5
+                        })
+                    }),
+                    file && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Tooltip, {
+                                label: file.name,
+                                openDelay: 500,
+                                children: /*#__PURE__*/ jsx(ActionIcon.GroupSection, {
+                                    variant: "default",
+                                    size: "lg",
+                                    children: /*#__PURE__*/ jsx(FileIcon, {
+                                        mimeType: file.type
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ActionIcon, {
+                                size: "lg",
+                                variant: "default",
+                                classNames: {
+                                    root: 'rolder-chat-input-file-action-action'
+                                },
+                                onClick: ()=>{
+                                    resetRef.current?.();
+                                    setFile(void 0);
+                                },
+                                children: /*#__PURE__*/ jsx(IconTrash, {
+                                    size: 24,
+                                    stroke: 1.5
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+export { File };

package/dist/ai/ui/chat/chatInput/FileIcon.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
+const FileIcon = ({ mimeType })=>{
+    switch(true){
+        case mimeType.includes('image/'):
+            return /*#__PURE__*/ jsx(IconPhoto, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/pdf'):
+            return /*#__PURE__*/ jsx(IconFileTypePdf, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.wordprocessingml.document'):
+            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'):
+            return /*#__PURE__*/ jsx(IconFileTypeXls, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.presentationml.presentation'):
+            return /*#__PURE__*/ jsx(IconFileTypePpt, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        default:
+            return /*#__PURE__*/ jsx(IconFile, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+    }
+};
+export { FileIcon };

package/dist/ai/ui/chat/chatInput/Root.d.ts

@@ -0,0 +1,9 @@
+import { type PaperProps } from '@mantine/core';
+import { type Accept, type OnSubmitProps } from './store';
+export interface ChatInputRootProps extends PaperProps {
+    children?: React.ReactNode;
+    onSubmit?: (props: OnSubmitProps) => void;
+    isUploading?: boolean;
+    accept?: Accept;
+}
+export declare const Root: ({ children, className, onSubmit, isUploading, accept, ...props }: ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/chatInput/Root.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import clsx from "clsx";
+import { useEffect } from "react";
+import { setAccept, setIsUploading, setOnSubmit } from "./store/index.js";
+const Root = ({ children, className, onSubmit, isUploading, accept, ...props })=>{
+    useEffect(()=>{
+        if (onSubmit) setOnSubmit(onSubmit);
+        setIsUploading(isUploading || false);
+        if (accept) setAccept(accept);
+    }, [
+        onSubmit,
+        isUploading,
+        accept
+    ]);
+    return /*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        withBorder: true,
+        className: clsx('rolder-chat-input-root', className),
+        ...props,
+        children: children
+    });
+};
+export { Root };

package/dist/ai/ui/chat/chatInput/Submit.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { IconArrowBigUp } from "@tabler/icons-react";
+import { useIsLoading } from "../store/index.js";
+import { onSubmit, useIsUploading } from "./store/index.js";
+const Submit = ({ children, ...props })=>{
+    const Icon = /*#__PURE__*/ jsx(IconArrowBigUp, {
+        strokeWidth: 1.5
+    });
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        "aria-label": "Submit",
+        variant: "light",
+        size: "lg",
+        onClick: onSubmit,
+        disabled: isUploading,
+        loading: isLoading,
+        ...props,
+        children: children ?? Icon
+    });
+};
+export { Submit };

package/dist/ai/ui/{promptInput → chat/chatInput}/Textarea.js

@@ -1,13 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { Textarea } from "@mantine/core";
-import { useState } from "react";
-import { usePromptInput } from "./PromptInputContext.js";
+import { useIsLoading } from "../store/index.js";
+import { getIsComposing, onSubmit, setIsComposing, setText, useIsUploading, useText } from "./store/index.js";
 const Textarea_Textarea = (props)=>{
-    const { text, setText, onSubmit, submiting, uploading } = usePromptInput();
-    const [isComposing, setIsComposing] = useState(false);
+    const text = useText();
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
     const handleKeyDown = (e)=>{
         if ('Enter' === e.key) {
-            if (isComposing || e.nativeEvent.isComposing) return;
+            if (getIsComposing() || e.nativeEvent.isComposing) return;
             if (e.shiftKey) return;
             e.preventDefault();
             onSubmit();
@@ -18,7 +19,7 @@ const Textarea_Textarea = (props)=>{
         size: "md",
         rows: 3,
         classNames: {
-            input: 'rolder-prompt-input-textarea'
+            input: 'rolder-chat-input-textarea'
         },
         placeholder: "Напишите сообщение",
         onCompositionEnd: ()=>setIsComposing(false),
@@ -26,7 +27,7 @@ const Textarea_Textarea = (props)=>{
         onKeyDown: handleKeyDown,
         value: text,
         onChange: (e)=>setText(e.target.value),
-        disabled: submiting || uploading,
+        disabled: isLoading || isUploading,
         ...props
     });
 };

package/dist/ai/ui/{promptInput → chat/chatInput}/index.d.ts

@@ -1,6 +1,5 @@
-export type { Accept, PromptInputProps } from './types';
-export declare const PromptInput: {
-    Root: ({ className, onSubmit, submiting, uploading, accept, ...props }: import("@mantine/core").PaperProps & import("./types").PromptInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatInput: {
+    Root: ({ children, className, onSubmit, isUploading, accept, ...props }: import("./Root").ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;
     Textarea: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
     Footer: (props: import("@mantine/core").GroupProps) => import("react/jsx-runtime").JSX.Element;
     Submit: ({ children, ...props }: import("@mantine/core").ActionIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/{promptInput → chat/chatInput}/index.js

@@ -3,11 +3,11 @@ import { Footer } from "./Footer.js";
 import { Root } from "./Root.js";
 import { Submit } from "./Submit.js";
 import { Textarea } from "./Textarea.js";
-const PromptInput = {
+const ChatInput = {
     Root: Root,
     Textarea: Textarea,
     Footer: Footer,
     Submit: Submit,
     File: File
 };
-export { PromptInput };
+export { ChatInput };

package/dist/ai/ui/chat/chatInput/store/file.d.ts

@@ -0,0 +1,8 @@
+export declare const getFile: () => File | undefined;
+export declare const useFile: () => File | undefined;
+export declare const setFile: (file: File | undefined) => void;
+export declare const useIsUploading: () => boolean;
+export declare const setIsUploading: (isUploading: boolean) => void;
+export type Accept = ('text' | 'image' | 'pdf' | 'word' | 'excel')[];
+export declare const getAccept: () => string;
+export declare const setAccept: (accept: Accept) => void;

package/dist/ai/ui/chat/chatInput/store/file.js

@@ -0,0 +1,32 @@
+import { useStore } from "@nanostores/react";
+import { atom } from "nanostores";
+const $file = atom();
+const getFile = ()=>$file.get();
+const useFile = ()=>useStore($file);
+const setFile = (file)=>$file.set(file);
+const $isUploading = atom(false);
+const useIsUploading = ()=>useStore($isUploading);
+const setIsUploading = (isUploading)=>$isUploading.set(isUploading);
+const $accept = atom([
+    'text',
+    'image',
+    'pdf'
+]);
+const getAccept = ()=>$accept.get().map((type)=>{
+        switch(type){
+            case 'text':
+                return 'text/plain';
+            case 'image':
+                return 'image/*';
+            case 'pdf':
+                return 'application/pdf';
+            case 'excel':
+                return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            case 'word':
+                return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+            default:
+                return type;
+        }
+    }).join(',');
+const setAccept = (accept)=>$accept.set(accept);
+export { getAccept, getFile, setAccept, setFile, setIsUploading, useFile, useIsUploading };

package/dist/ai/ui/chat/chatInput/store/fileErrorNotificaton.d.ts

@@ -0,0 +1,2 @@
+import type { ClientUploadError } from '@better-upload/client';
+export declare const fileErrorNotificaton: (error: ClientUploadError) => void;

package/dist/ai/ui/chat/chatInput/store/fileErrorNotificaton.js

@@ -0,0 +1,21 @@
+import { notifications } from "@mantine/notifications";
+const serverErrorCodes = {
+    unknown: 'Неизвестная ошибка',
+    invalid_request: 'Неверный запрос',
+    aborted: 'Загрузка прервана',
+    rejected: 'Файл отклонен',
+    s3_upload: 'Ошибка при загрузке на S3',
+    no_files: 'Нет файлов для загрузки',
+    file_too_large: 'Один или несколько файлов слишком большие',
+    invalid_file_type: 'Один или несколько файлов неверного типа',
+    too_many_files: 'Слишком много файлов'
+};
+const fileErrorNotificaton = (error)=>{
+    notifications.show({
+        title: serverErrorCodes[error.type],
+        message: error.message,
+        color: 'red',
+        autoClose: 5000
+    });
+};
+export { fileErrorNotificaton };

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

@@ -0,0 +1,2 @@
+export * from './file';
+export * from './input';

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

@@ -0,0 +1,2 @@
+export * from "./file.js";
+export * from "./input.js";

package/dist/ai/ui/chat/chatInput/store/input.d.ts

@@ -0,0 +1,13 @@
+import type { FileUIPart } from 'ai';
+export declare const getText: () => string;
+export declare const useText: () => string;
+export declare const setText: (text: string) => void;
+export declare const getIsComposing: () => boolean;
+export declare const setIsComposing: (isComposing: boolean) => void;
+export interface OnSubmitProps {
+    text: string;
+    file?: FileUIPart;
+}
+export declare const getOnSubmit: () => ((props: OnSubmitProps) => void) | undefined;
+export declare const setOnSubmit: (onSubmit: (props: OnSubmitProps) => void) => void;
+export declare const onSubmit: () => Promise<void>;

package/dist/ai/ui/chat/chatInput/store/input.js

@@ -0,0 +1,81 @@
+import { uploadFile } from "@better-upload/client";
+import { useStore } from "@nanostores/react";
+import { nanoid } from "nanoid";
+import { atom } from "nanostores";
+import { getSignedFileUrlFn } from "../../../../../tanstack/index.js";
+import { addChatMessage, sendMessage } from "../../store/index.js";
+import { getFile } from "./file.js";
+import { fileErrorNotificaton } from "./fileErrorNotificaton.js";
+import { parseExcel, parseWord } from "./parseFile.js";
+const $text = atom('');
+const getText = ()=>$text.get();
+const useText = ()=>useStore($text);
+const setText = (text)=>$text.set(text);
+const $isComposing = atom(false);
+const getIsComposing = ()=>$isComposing.get();
+const setIsComposing = (isComposing)=>$isComposing.set(isComposing);
+const $onSubmit = atom();
+const getOnSubmit = ()=>$onSubmit.get();
+const setOnSubmit = (onSubmit)=>$onSubmit.set(onSubmit);
+const input_onSubmit = async ()=>{
+    const onSubmit = getOnSubmit();
+    const text = getText();
+    const file = getFile();
+    let fileUIPart;
+    if (file) if ([
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+    ].includes(file.type)) {
+        let fileContent;
+        let type;
+        if ('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' === file.type) {
+            fileContent = await parseExcel(file);
+            type = 'excel';
+        } else if ('application/vnd.openxmlformats-officedocument.wordprocessingml.document' === file.type) {
+            fileContent = await parseWord(file);
+            type = 'word';
+        }
+        if (fileContent && type) addChatMessage({
+            id: `file-${type}-${nanoid()}`,
+            role: 'system',
+            parts: [
+                {
+                    type: 'text',
+                    text: `Пользователь загрузил файл типа "${type}" c содержимым:
+\`\`\`
+${fileContent}
+\`\`\``
+                }
+            ]
+        });
+    } else try {
+        const result = await uploadFile({
+            file,
+            route: 'upload'
+        });
+        const url = await getSignedFileUrlFn({
+            data: {
+                s3Key: result.file.objectInfo.key
+            }
+        });
+        fileUIPart = {
+            id: nanoid(),
+            type: 'file',
+            url,
+            mediaType: file.type,
+            filename: file.name
+        };
+    } catch (error) {
+        fileErrorNotificaton(error);
+    }
+    if (onSubmit && text.trim()) onSubmit({
+        text,
+        file: fileUIPart
+    });
+    if (text.trim()) sendMessage({
+        text,
+        file: fileUIPart
+    });
+    setText('');
+};
+export { getIsComposing, getOnSubmit, getText, input_onSubmit as onSubmit, setIsComposing, setOnSubmit, setText, useText };

package/dist/ai/ui/chat/chatInput/store/parseFile.d.ts

@@ -0,0 +1,2 @@
+export declare const parseExcel: (file: File) => Promise<string>;
+export declare const parseWord: (file: File) => Promise<string>;

package/dist/ai/ui/chat/chatInput/store/parseFile.js

@@ -0,0 +1,23 @@
+import mammoth from "mammoth";
+import { read, utils } from "xlsx";
+const parseExcel = async (file)=>{
+    const buffer = await file.arrayBuffer();
+    const workbook = read(buffer, {
+        type: 'array',
+        cellDates: true
+    });
+    const sheetName = workbook.SheetNames[0];
+    const worksheet = workbook.Sheets[sheetName];
+    const jsonData = utils.sheet_to_json(worksheet, {
+        dateNF: 'yyyy-mm-dd'
+    });
+    return JSON.stringify(jsonData, null, 2);
+};
+const parseWord = async (file)=>{
+    const arrayBuffer = await file.arrayBuffer();
+    const { value } = await mammoth.convertToHtml({
+        arrayBuffer
+    });
+    return value;
+};
+export { parseExcel, parseWord };

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

@@ -0,0 +1,12 @@
+export declare const Chat: {
+    Root: <TMessage extends import("ai").UIMessage>({ chatOptions, ...props }: import("./Root").ChatRootProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
+    TextPart: ({ messageId, part }: import("./parts").TextPartProps) => import("react/jsx-runtime").JSX.Element;
+    ToolPart: <TPart extends import("ai").ToolUIPart = {
+        type: `tool-${string}`;
+    } & import("ai").UIToolInvocation<import("ai").UITool>>({ children, part, withLoader, loader, onError, }: import("./parts").ToolPartProps<TPart>) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    ToolExecution: ({ part, onError }: import("./parts/ToolExecution").ToolExecutionProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    FilePart: import("react").MemoExoticComponent<({ part, messageId }: import("./parts/File").FilePartProps) => import("react/jsx-runtime").JSX.Element | null>;
+    PartPaper: ({ children, chatRole, ...props }: import("./parts").PartPaperProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { ChatInput } from './chatInput';
+export * from './store';

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

@@ -0,0 +1,15 @@
+import { PartPaper, TextPart, ToolPart } from "./parts/index.js";
+import { FilePart } from "./parts/File.js";
+import { ToolExecution } from "./parts/ToolExecution.js";
+import { Root } from "./Root.js";
+import { ChatInput } from "./chatInput/index.js";
+export * from "./store/index.js";
+const Chat = {
+    Root: Root,
+    TextPart: TextPart,
+    ToolPart: ToolPart,
+    ToolExecution: ToolExecution,
+    FilePart: FilePart,
+    PartPaper: PartPaper
+};
+export { Chat, ChatInput };

package/dist/ai/ui/chat/messages/Empty.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare const Empty: ({ emptyComponent }: {
+    emptyComponent?: ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/chat/messages/Empty.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Stack, Text } from "@mantine/core";
+import { getIsEmpty } from "../store/index.js";
+const Empty = ({ emptyComponent })=>getIsEmpty() ? emptyComponent ?? /*#__PURE__*/ jsx(Stack, {
+        align: "center",
+        gap: 0,
+        children: /*#__PURE__*/ jsx(Text, {
+            children: "Нет сообщений"
+        })
+    }) : null;
+export { Empty };

package/dist/ai/ui/chat/messages/Loader.d.ts

@@ -0,0 +1,5 @@
+import { type LoaderProps } from '@mantine/core';
+import type { ReactNode } from 'react';
+export declare const Loader: ({ loaderComponent, ...props }: LoaderProps & {
+    loaderComponent?: ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/chat/messages/Loader.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader } from "@mantine/core";
+import { useIsLoading } from "../store/index.js";
+const Loader_Loader = ({ loaderComponent, ...props })=>{
+    const isLoading = useIsLoading();
+    return isLoading ? loaderComponent ?? /*#__PURE__*/ jsx(Loader, {
+        size: 28,
+        type: "dots",
+        ...props
+    }) : null;
+};
+export { Loader_Loader as Loader };

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

@@ -0,0 +1,8 @@
+import { type StackProps } from '@mantine/core';
+import type { UIMessage } from 'ai';
+import type { ChatRootProps } from '../Root';
+export interface MessageProps<TMessage extends UIMessage> extends Omit<StackProps, 'children'> {
+    children: ChatRootProps<TMessage>['children'];
+    messageId: string;
+}
+export declare const Message: <TMessage extends UIMessage>(props: MessageProps<TMessage>) => React.JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Stack } from "@mantine/core";
+import { Fragment, memo } from "react";
+import { getChatMessage, useMessageParts } from "../store/index.js";
+const Message = /*#__PURE__*/ memo(({ children, messageId, ...props })=>{
+    const parts = useMessageParts(messageId);
+    const message = getChatMessage(messageId);
+    return /*#__PURE__*/ jsx(Stack, {
+        ...props,
+        children: 'function' == typeof children ? parts.map((part, index)=>{
+            const key = `${messageId}-${index}`;
+            return /*#__PURE__*/ jsx(Fragment, {
+                children: children({
+                    message,
+                    part,
+                    key: `${messageId}-${index}`
+                })
+            }, key);
+        }) : null
+    });
+}, (oldProps, newProps)=>oldProps.messageId === newProps.messageId);
+export { Message };

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

@@ -0,0 +1,3 @@
+import type { UIMessage } from 'ai';
+import type { ChatRootProps } from '../Root';
+export declare const Messages: <TMessage extends UIMessage>({ children, height, radius, padding, scrollAreaProps, withScrollButton, stackProps, emptyComponent, loaderComponent, ...props }: Omit<ChatRootProps<TMessage>, "chatOptions">) => import("react/jsx-runtime").JSX.Element;