@rolder/kit 3.0.0-alpha.86 → 3.0.0-alpha.88

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

@@ -68,11 +68,11 @@ ${fileContent}
     } catch (error) {
         fileErrorNotificaton(error);
     }
-    if (onSubmit) onSubmit({
+    if (onSubmit && text.trim()) onSubmit({
         text,
         file: fileUIPart
     });
-    sendMessage({
+    if (text.trim()) sendMessage({
         text,
         file: fileUIPart
     });

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

@@ -1,11 +1,13 @@
 export declare const Chat: {
     Root: ({ chatOptions, ...props }: import("./Root").ChatRootProps) => import("react/jsx-runtime").JSX.Element;
-    Message: <TMessage extends import("ai").UIMessage>(props: import("./Message").MessageProps<TMessage>) => React.JSX.Element;
+    Message: <TMessage extends import("ai").UIMessage>(props: import("./messages").MessageProps<TMessage>) => React.JSX.Element;
     TextPart: import("react").MemoExoticComponent<({ part, role }: import("./parts").TextPartProps) => import("react/jsx-runtime").JSX.Element>;
     ToolPart: <TPart extends import("ai").ToolUIPart = {
         type: `tool-${string}`;
     } & import("ai").UIToolInvocation<import("ai").UITool>>(props: import("./parts").ToolPartProps<TPart>) => import("react").ReactNode;
-    FilePart: ({ part, messageId }: import("./parts/File").FilePartProps) => import("react/jsx-runtime").JSX.Element | null;
+    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

@@ -1,6 +1,7 @@
-import { Message } from "./Message.js";
-import { TextPart, ToolPart } from "./parts/index.js";
+import { Message } from "./messages/index.js";
+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";
@@ -9,6 +10,8 @@ const Chat = {
     Message: Message,
     TextPart: TextPart,
     ToolPart: ToolPart,
-    FilePart: FilePart
+    ToolExecution: ToolExecution,
+    FilePart: FilePart,
+    PartPaper: PartPaper
 };
 export { Chat, ChatInput };

package/dist/ai/ui/chat/{Message.js → messages/Message.js}

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Stack } from "@mantine/core";
 import { memo } from "react";
-import { useChatMessage } from "./store/index.js";
+import { useChatMessage } from "../store/index.js";
 const Message = /*#__PURE__*/ memo(({ children, messageId, ...props })=>{
     const message = useChatMessage(messageId);
-    console.log('Message render');
     return /*#__PURE__*/ jsx(Stack, {
         ...props,
         children: 'function' == typeof children ? children({

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

@@ -6,7 +6,6 @@ import { Empty } from "./Empty.js";
 import { Loader } from "./Loader.js";
 const Messages = ({ children, height, radius = 'md', padding = 'md', scrollAreaProps, withScrollButton = true, stackProps, emptyComponent, loaderComponent, ...props })=>{
     const messageIds = useChatMessageIds();
-    console.log('Messages render');
     return /*#__PURE__*/ jsx(Paper, {
         withBorder: true,
         radius: radius,

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

@@ -1 +1,2 @@
+export * from './Message';
 export * from './Messages';

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

@@ -1 +1,2 @@
+export * from "./Message.js";
 export * from "./Messages.js";

package/dist/ai/ui/chat/parts/File.d.ts

@@ -3,4 +3,4 @@ export interface FilePartProps<TPart extends FileUIPart = FileUIPart> {
     part: TPart;
     messageId: string;
 }
-export declare const FilePart: ({ part, messageId }: FilePartProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FilePart: import("react").MemoExoticComponent<({ part, messageId }: FilePartProps) => import("react/jsx-runtime").JSX.Element | null>;

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

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Image, Paper } from "@mantine/core";
+import { memo } from "react";
 import { FileIcon } from "./FileIcon.js";
-const FilePart = ({ part, messageId })=>{
+const FilePart = /*#__PURE__*/ memo(({ part, messageId })=>{
     const textFileType = messageId.split('-')[1];
     const FileComponent = ()=>{
         switch(textFileType){
@@ -37,5 +38,5 @@ const FilePart = ({ part, messageId })=>{
         bg: "var(--mantine-color-default-hover)",
         children: /*#__PURE__*/ jsx(FileComponent, {})
     }) : null;
-};
+});
 export { FilePart };

package/dist/ai/ui/chat/parts/PartPaper.d.ts

@@ -0,0 +1,8 @@
+import { type PaperProps } from '@mantine/core';
+import type { UIMessage } from 'ai';
+import type { ReactNode } from 'react';
+export interface PartPaperProps extends PaperProps {
+    children: ReactNode;
+    chatRole: UIMessage['role'];
+}
+export declare const PartPaper: ({ children, chatRole, ...props }: PartPaperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/parts/PartPaper.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+const PartPaper = ({ children, chatRole, ...props })=>/*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        px: "md",
+        py: "sm",
+        maw: "80%",
+        ml: 'user' === chatRole ? 'auto' : void 0,
+        bg: 'user' === chatRole ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
+        fz: "sm",
+        ...props,
+        children: children
+    });
+export { PartPaper };

package/dist/ai/ui/chat/parts/TextPart.js

@@ -1,21 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { Paper } from "@mantine/core";
 import { memo } from "react";
 import { Streamdown } from "streamdown";
-const TextPart = /*#__PURE__*/ memo(({ part, role })=>{
-    console.log('TextPart render', part.text?.length);
-    return /*#__PURE__*/ jsx(Paper, {
-        radius: "md",
-        px: "md",
-        py: "sm",
-        maw: "80%",
-        ml: 'user' === role ? 'auto' : void 0,
-        bg: 'user' === role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
-        fz: "sm",
+import { PartPaper } from "./PartPaper.js";
+const TextPart = /*#__PURE__*/ memo(({ part, role })=>/*#__PURE__*/ jsx(PartPaper, {
+        chatRole: role,
         children: /*#__PURE__*/ jsx(Streamdown, {
             isAnimating: 'streaming' === part.state,
             children: part?.text
         })
-    });
-});
+    }));
 export { TextPart };

package/dist/ai/ui/chat/parts/ToolExecution.d.ts

@@ -0,0 +1,7 @@
+import type { ToolUIPart } from 'ai';
+import type { ReactNode } from 'react';
+export interface ToolExecutionProps {
+    part: ToolUIPart;
+    onError?: (error: string) => ReactNode;
+}
+export declare const ToolExecution: ({ part, onError }: ToolExecutionProps) => 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 | undefined;

package/dist/ai/ui/chat/parts/ToolExecution.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Group, Loader, Text } from "@mantine/core";
+import { IconCheck } from "@tabler/icons-react";
+const ToolExecution = ({ part, onError })=>{
+    switch(part.state){
+        case 'input-available':
+            return /*#__PURE__*/ jsxs(Group, {
+                gap: "xs",
+                children: [
+                    /*#__PURE__*/ jsx(Loader, {
+                        size: 28,
+                        type: "dots"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            'Запускаю "',
+                            part.title,
+                            '"...'
+                        ]
+                    })
+                ]
+            });
+        case 'output-available':
+            return /*#__PURE__*/ jsxs(Group, {
+                gap: "xs",
+                children: [
+                    /*#__PURE__*/ jsx(IconCheck, {
+                        size: 28,
+                        color: "green"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            '"',
+                            part.title,
+                            '" выполнен'
+                        ]
+                    })
+                ]
+            });
+        case 'output-error':
+            return onError ? onError(part.errorText) : /*#__PURE__*/ jsxs(Text, {
+                c: "red",
+                children: [
+                    "Ошибка: ",
+                    part.errorText
+                ]
+            });
+        default:
+            return null;
+    }
+};
+export { ToolExecution };

package/dist/ai/ui/chat/parts/ToolPart.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader, Text } from "@mantine/core";
 import { memo } from "react";
 const ToolPart = /*#__PURE__*/ memo(({ children, part, loader, onError })=>{
-    console.log('ToolPart render', part.state);
     switch(part.state){
         case 'input-available':
             return loader || /*#__PURE__*/ jsx(Loader, {

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

@@ -1,2 +1,3 @@
+export * from './PartPaper';
 export * from './TextPart';
 export * from './ToolPart';

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

@@ -1,2 +1,3 @@
+export * from "./PartPaper.js";
 export * from "./TextPart.js";
 export * from "./ToolPart.js";

package/dist/ui/scrollArea/ScrollButton.d.ts

@@ -1,10 +1,7 @@
+import { type ActionIconProps } from '@mantine/core';
 import { type ReactNode } from '@tabler/icons-react';
-export interface ScrollButtonProps {
-    /** CSS классы для стилизации кнопки */
-    className?: string;
-    /** Иконка для прокрутки вверх (по умолчанию IconChevronUp) */
+export interface ScrollButtonProps extends ActionIconProps {
     upIcon?: ReactNode;
-    /** Иконка для прокрутки вниз (по умолчанию IconChevronDown) */
     downIcon?: ReactNode;
 }
 export declare const ScrollButton: React.FC<ScrollButtonProps>;

package/dist/ui/scrollArea/ScrollButton.js

@@ -3,7 +3,7 @@ import { ActionIcon } from "@mantine/core";
 import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 import { scrollToBottom, scrollToTop } from "./methods.js";
 import { useHasScrollableContent, useIsAboveCenter } from "./store.js";
-const ScrollButton = ({ className, upIcon, downIcon })=>{
+const ScrollButton = ({ upIcon, downIcon, ...props })=>{
     const hasScrollableContent = useHasScrollableContent();
     const isScrollingDown = useIsAboveCenter();
     if (!hasScrollableContent) return null;
@@ -22,8 +22,8 @@ const ScrollButton = ({ className, upIcon, downIcon })=>{
         right: 16,
         variant: "light",
         onClick: handleClick,
-        className: className,
         "aria-label": isScrollingDown ? 'Scroll to bottom' : 'Scroll to top',
+        ...props,
         children: icon
     });
 };

package/package.json

@@ -1,79 +1,79 @@
 {
-  "name": "@rolder/kit",
-  "version": "3.0.0-alpha.86",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch",
-    "prepublishOnly": "bun run build",
-    "check": "biome check --write && tsgo --noEmit"
-  },
-  "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.3",
-    "@rslib/core": "^0.19.3",
-    "@types/bun": "^1.3.6",
-    "@types/js-cookie": "^3.0.6",
-    "@types/omgopass": "^3.2.3",
-    "@types/react": "^19.2.9",
-    "@typescript/native-preview": "^7.0.0-dev.20260122.3",
-    "typescript": "6.0.0-dev.20260122"
-  },
-  "peerDependencies": {
-    "@ai-sdk/react": "^3.0.47",
-    "@better-upload/client": "^3.0.12",
-    "@better-upload/server": "^3.0.12",
-    "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/lint": "^6.9.2",
-    "@mantine/core": "^8.3.13",
-    "@mantine/hooks": "^8.3.13",
-    "@mantine/notifications": "^8.3.13",
-    "@mantine/tiptap": "^8.3.13",
-    "@nanostores/react": "^1.0.0",
-    "@tanstack/react-form": "^1.27.7",
-    "@tanstack/react-query": "^5.90.19",
-    "@tanstack/react-router": "^1.154.7",
-    "@tanstack/react-router-ssr-query": "^1.154.7",
-    "@tanstack/react-start": "^1.154.7",
-    "@tiptap/extension-highlight": "^3.16.0",
-    "@tiptap/extension-placeholder": "^3.16.0",
-    "@tiptap/extension-table": "^3.16.0",
-    "@tiptap/extension-task-item": "^3.16.0",
-    "@tiptap/extension-task-list": "^3.16.0",
-    "@tiptap/extension-text-align": "^3.16.0",
-    "@tiptap/react": "^3.16.0",
-    "@tiptap/starter-kit": "^3.16.0",
-    "@uiw/codemirror-theme-vscode": "^4.25.4",
-    "@uiw/react-codemirror": "^4.25.4",
-    "ai": "^6.0.45",
-    "clsx": "^2.1.1",
-    "js-cookie": "^3.0.5",
-    "mammoth": "^1.11.0",
-    "nanoid": "^5.1.6",
-    "nanostores": "^1.1.0",
-    "omgopass": "^3.2.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "streamdown": "^2.1.0",
-    "surrealdb": "2.0.0-alpha.16",
-    "xlsx": "^0.18.5",
-    "zod": "^4.3.5"
-  },
-  "trustedDependencies": [
-    "core-js",
-    "esbuild"
-  ],
-  "dependencies": {
-    "@tabler/icons-react": "^3.36.1"
-  }
+	"name": "@rolder/kit",
+	"version": "3.0.0-alpha.88",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./styles.css": "./dist/styles.css"
+	},
+	"sideEffects": false,
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "rslib build",
+		"dev": "rslib build --watch",
+		"prepublishOnly": "bun run build",
+		"check": "biome check --write && tsgo --noEmit"
+	},
+	"devDependencies": {
+		"@rsbuild/plugin-react": "^1.4.3",
+		"@rslib/core": "^0.19.3",
+		"@types/bun": "^1.3.6",
+		"@types/js-cookie": "^3.0.6",
+		"@types/omgopass": "^3.2.3",
+		"@types/react": "^19.2.9",
+		"@typescript/native-preview": "^7.0.0-dev.20260122.3",
+		"typescript": "6.0.0-dev.20260122"
+	},
+	"peerDependencies": {
+		"@ai-sdk/react": "^3.0.47",
+		"@better-upload/client": "^3.0.12",
+		"@better-upload/server": "^3.0.12",
+		"@codemirror/lang-json": "^6.0.2",
+		"@codemirror/lint": "^6.9.2",
+		"@mantine/core": "^8.3.13",
+		"@mantine/hooks": "^8.3.13",
+		"@mantine/notifications": "^8.3.13",
+		"@mantine/tiptap": "^8.3.13",
+		"@nanostores/react": "^1.0.0",
+		"@tanstack/react-form": "^1.27.7",
+		"@tanstack/react-query": "^5.90.19",
+		"@tanstack/react-router": "^1.154.7",
+		"@tanstack/react-router-ssr-query": "^1.154.7",
+		"@tanstack/react-start": "^1.154.7",
+		"@tiptap/extension-highlight": "^3.16.0",
+		"@tiptap/extension-placeholder": "^3.16.0",
+		"@tiptap/extension-table": "^3.16.0",
+		"@tiptap/extension-task-item": "^3.16.0",
+		"@tiptap/extension-task-list": "^3.16.0",
+		"@tiptap/extension-text-align": "^3.16.0",
+		"@tiptap/react": "^3.16.0",
+		"@tiptap/starter-kit": "^3.16.0",
+		"@uiw/codemirror-theme-vscode": "^4.25.4",
+		"@uiw/react-codemirror": "^4.25.4",
+		"ai": "^6.0.45",
+		"clsx": "^2.1.1",
+		"js-cookie": "^3.0.5",
+		"mammoth": "^1.11.0",
+		"nanoid": "^5.1.6",
+		"nanostores": "^1.1.0",
+		"omgopass": "^3.2.1",
+		"react": "^19.2.3",
+		"react-dom": "^19.2.3",
+		"streamdown": "^2.1.0",
+		"surrealdb": "2.0.0-alpha.16",
+		"xlsx": "^0.18.5",
+		"zod": "^4.3.5"
+	},
+	"trustedDependencies": [
+		"core-js",
+		"esbuild"
+	],
+	"dependencies": {
+		"@tabler/icons-react": "^3.36.1"
+	}
 }