@webitel/ui-chats 0.1.40 → 0.1.41

package/src/ui/messaging/composables/useObserveHeightUntilStable.ts

@@ -0,0 +1,49 @@
+import { onUnmounted, type Ref } from 'vue';
+
+/**
+ * @author PolinaSukhorukova-webitel
+ *
+ * Fires the callback on every resize and disconnects itself
+ * once clientHeight is unchanged twice in a row.
+ */
+
+export const useObserveHeightUntilStable = (
+	chatContainer: Ref<HTMLElement | null>,
+	callback: () => void,
+) => {
+	let observer: ResizeObserver | null = null;
+
+	const stopObserve = () => {
+		observer?.disconnect();
+		observer = null;
+	};
+
+	const startObserve = () => {
+		if (!chatContainer.value) return;
+
+		let lastClientHeight = chatContainer.value.clientHeight;
+		let stableCount = 0;
+
+		observer = new ResizeObserver(() => {
+			const currentClientHeight = chatContainer.value?.clientHeight;
+			callback();
+
+			if (currentClientHeight === lastClientHeight) {
+				stableCount++;
+				if (stableCount >= 2) stopObserve();
+			} else {
+				stableCount = 0;
+				lastClientHeight = currentClientHeight;
+			}
+		});
+
+		observer.observe(chatContainer.value);
+	};
+
+	onUnmounted(stopObserve);
+
+	return {
+		startObserve,
+		stopObserve,
+	};
+};

package/src/ui/messaging/composables/useScrollToBottomBtn.ts

@@ -0,0 +1,51 @@
+import type { UseScrollReturn } from '@vueuse/core';
+import { type Ref, ref } from 'vue';
+
+export const useScrollToBottomBtn = (
+	chatContainer: Ref<HTMLElement | null>,
+	arrivedState: UseScrollReturn['arrivedState'],
+) => {
+	const showScrollToBottomBtn = ref(false);
+	/* @author ye.pohranichna
+	why 136px? because: https://webitel.atlassian.net/browse/WTEL-7136 */
+	const defaultThreshold = 136;
+	/* @author ye.pohranichna
+	the distance where the scrollToBottomBtn must be shown/hide. */
+	const threshold = ref(defaultThreshold);
+
+	const handleChatScroll = () => {
+		const wrapper = chatContainer.value;
+		if (!wrapper) return;
+
+		updateScrollToBottomBtnVisibility(wrapper);
+	};
+
+	const resetScrollToBottomBtn = () => {
+		showScrollToBottomBtn.value = false;
+	};
+
+	const updateScrollToBottomBtnVisibility = (el: HTMLElement) => {
+		if (arrivedState.bottom) {
+			resetScrollToBottomBtn();
+			return;
+			/* @author ye.pohranichna
+			quit the function because we are already at the bottom */
+		}
+
+		const { scrollTop, scrollHeight, clientHeight } = el;
+		const distanceFromBottom = scrollHeight - (scrollTop + clientHeight);
+		showScrollToBottomBtn.value = distanceFromBottom > threshold.value;
+	};
+
+	const updateThreshold = (clientHeight: number) => {
+		threshold.value = Math.max(defaultThreshold, clientHeight * 0.3);
+	};
+
+	return {
+		showScrollToBottomBtn,
+		handleChatScroll,
+		resetScrollToBottomBtn,
+		updateScrollToBottomBtnVisibility,
+		updateThreshold,
+	};
+};

package/src/ui/messaging/modules/message/components/chat-message.vue

@@ -72,8 +72,7 @@
 
   <script setup lang="ts">
 import { ComponentSize } from '@webitel/ui-sdk/enums';
-import { computed, defineEmits, defineProps, inject } from 'vue';
-
+import { computed, inject } from 'vue';
 import type { ChatMessageType } from '../../../types/ChatMessage.types';
 import { useChatMessageFile } from '../composables/useChatMessageFile';
 import { MessageAction } from '../enums/MessageAction.enum';

package/src/ui/messaging/modules/message/components/details/chat-message-document.vue

@@ -20,8 +20,7 @@
 
 <script setup lang="ts">
 import { prettifyFileSize } from '@webitel/ui-sdk/scripts';
-import { computed, defineProps } from 'vue';
-
+import { computed } from 'vue';
 import type { ChatMessageFile } from '../../../../types/ChatMessage.types';
 
 const props = withDefaults(

package/src/ui/messaging/modules/message/components/details/chat-message-image.vue

@@ -17,8 +17,6 @@
   setup
   lang="ts"
 >
-import { defineEmits, defineProps } from 'vue';
-
 import type { ChatMessageFile } from '../../../../types/ChatMessage.types';
 
 const props = defineProps<{

package/src/ui/messaging/modules/message/components/details/chat-message-player.vue

@@ -30,8 +30,7 @@
 <script setup lang="ts">
 import { WtPlayer, WtVidstackPlayer } from '@webitel/ui-sdk/components';
 import { ComponentSize } from '@webitel/ui-sdk/enums';
-import { computed, defineEmits, defineProps } from 'vue';
-
+import { computed } from 'vue';
 import type { ChatMessageFile } from '../../../../types/ChatMessage.types';
 
 const props = defineProps<{

package/src/ui/messaging/modules/message/components/details/chat-message-size-exceeded-error.vue

@@ -24,7 +24,7 @@ interface IChatMessageSizeExceededErrorProps {
 	selfSide?: boolean;
 }
 
-const props = withDefaults(defineProps<IChatMessageSizeExceededErrorProps>(), {
+withDefaults(defineProps<IChatMessageSizeExceededErrorProps>(), {
 	selfSide: false,
 });
 </script>

package/src/ui/messaging/modules/message/components/details/chat-message-time.vue

@@ -12,7 +12,7 @@
   lang="ts"
 >
 import { prettifyTime } from '@webitel/ui-sdk/scripts';
-import { computed, defineProps } from 'vue';
+import { computed } from 'vue';
 
 const props = withDefaults(
 	defineProps<{

package/src/ui/messaging/types/ChatMessage.types.ts

@@ -1,5 +1,5 @@
 export interface ChatMessageType {
-	id: number;
+	id: number | string;
 	date?: number;
 	file?: ChatMessageFile;
 	member: ChatMember;
@@ -24,10 +24,11 @@ export type ChatMessageFile = {
 	mime?: string;
 	url?: string;
 	streamUrl?: string;
+	malware?: boolean;
 };
 
 export type ChatMember = {
-	id: number;
+	id: number | string;
 	name: string;
 	type: string;
 	userId?: number;

package/src/ui/the-chat-container.vue

@@ -18,6 +18,8 @@
         :without-avatars="props.withoutAvatars"
         :agent-name="props.agentName"
         :contact="props.contact"
+        :chat-id="props.chatId"
+        :is-chat-closed="props.isChatClosed"
         @[ChatAction.LoadNextMessages]="emit(ChatAction.LoadNextMessages)"
       />
     </slot>
@@ -83,6 +85,8 @@ const props = withDefaults(
 		readonly?: boolean; // hide chat footer with textarea and action-buttons
 		agentName?: string;
 		contact?: WebitelContactsContact;
+		chatId?: string;
+		isChatClosed?: boolean;
 	}>(),
 	{
 		size: ComponentSize.MD,
@@ -91,6 +95,8 @@ const props = withDefaults(
 		canLoadNextMessages: false,
 		isNextMessagesLoading: false,
 		readonly: false,
+		chatId: '',
+		isChatClosed: false,
 	},
 );
 
@@ -163,5 +169,6 @@ function sendFile(files: File[]) {
   flex-direction: column;
   height: 100%;
   width: 100%;
+  gap: var(--spacing-2xs);
 }
 </style>

package/src/ui/utils/ResultCallbacks.types.ts

@@ -1 +1 @@
-export { ResultCallbacks } from '@webitel/ui-sdk/src/types';
+export type { ResultCallbacks } from '@webitel/ui-sdk/src/types';

package/src/ui/utils/emitter.ts

@@ -1,6 +1,6 @@
 import mitt from 'mitt';
 
-import type { ChatMessageType } from '../../../types/ui';
+import type { ChatMessageType } from '../messaging/types/ChatMessage.types';
 
 export type UiChatsEmitterEvents = {
 	insertAtCursor: {

package/types/adapters/chat-web-sdk/toChatMessage.d.ts

@@ -0,0 +1,23 @@
+import type { IMessage } from '@webitel/chat-web-sdk';
+import type { ChatMessageType } from '../../types';
+export interface ToChatMessageOptions {
+    /**
+     * Decide whether a message is authored by the current agent / "self" side.
+     * Result is written to `ChatMember.self`, which drives outgoing-bubble
+     * alignment in the UI. The message alone cannot know who "self" is — that
+     * is presentation context the caller owns (e.g. compare `sender.contact`
+     * against the logged-in account).
+     */
+    isSelf?: (message: IMessage) => boolean;
+}
+/**
+ * Map a single `@webitel/chat-web-sdk` message (`IMessage`) into the
+ * `@webitel/ui-chats` presentation contract (`ChatMessageType`).
+ *
+ * Anti-corruption layer: keeps `ui-chats` free of any backend/SDK coupling.
+ */
+export declare const mapMessageToChatMessage: (message: IMessage, options?: ToChatMessageOptions) => ChatMessageType;
+/**
+ * Batch variant of {@link mapMessageToChatMessage} for message history pages.
+ */
+export declare const mapMessagesToChatMessages: (messages: readonly IMessage[], options?: ToChatMessageOptions) => ChatMessageType[];

package/types/adapters/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Adapters mapping external data sources into the `@webitel/ui-chats`
+ * presentation contract (`ChatMessageType`, …).
+ *
+ * Consuming this entry pulls `@webitel/chat-web-sdk` (declared as an optional
+ * peerDependency). The core `@webitel/ui-chats/ui` entry stays free of it.
+ */
+export { mapMessagesToChatMessages, mapMessageToChatMessage, type ToChatMessageOptions, } from './chat-web-sdk/toChatMessage';

package/types/types/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Public data contract of `@webitel/ui-chats`.
+ *
+ * These are the plain, transport-agnostic shapes the UI components accept.
+ * External data sources (e.g. `@webitel/chat-web-sdk`) must be mapped into
+ * them — see `@webitel/ui-chats/adapters`.
+ */
+export type { ChatMember, ChatMessageChatInfo, ChatMessageFile, ChatMessageType, ChatVia, ContactInfo, } from '../ui/messaging/types/ChatMessage.types';

package/types/ui/chat-footer/modules/user-input/enums/ChatAction.enum.d.ts

@@ -1,10 +1,11 @@
 export declare const ChatAction: {
-	readonly SendMessage: "sendMessage";
-	readonly AttachFiles: "attachFiles";
-	readonly EmojiPicker: "emojiPicker";
-	readonly QuickReplies: "quickReplies";
+    readonly SendMessage: "sendMessage";
+    readonly AttachFiles: "attachFiles";
+    readonly EmojiPicker: "emojiPicker";
+    readonly QuickReplies: "quickReplies";
+    readonly LoadNextMessages: "loadNextMessages";
 };
 export type ChatAction = (typeof ChatAction)[keyof typeof ChatAction];
 export type SharedActionSlots = {
-	[key in `action:${ChatAction}`]?: () => any;
+    [key in `action:${ChatAction}`]?: () => unknown;
 };

package/types/ui/index.d.ts

@@ -1,3 +1,7 @@
-export { ChatAction } from "./chat-footer/modules/user-input/enums/ChatAction.enum";
-export type { ChatMessageType } from "./messaging/types/ChatMessage.types";
-export { default as ChatContainer } from "./the-chat-container.vue";
+export { ChatAction } from './chat-footer/modules/user-input/enums/ChatAction.enum';
+export { useChatScroll } from './messaging/composables/useChatScroll';
+export { useObserveHeightUntilStable } from './messaging/composables/useObserveHeightUntilStable';
+export { useChatMessageFile } from './messaging/modules/message/composables/useChatMessageFile';
+export { MessageAction } from './messaging/modules/message/enums/MessageAction.enum';
+export type { ChatMessageFile, ChatMessageType, } from './messaging/types/ChatMessage.types';
+export { default as ChatContainer } from './the-chat-container.vue';

package/types/ui/messaging/components/the-messages-container.vue.d.ts

@@ -7,15 +7,19 @@ type __VLS_Props = {
     withoutAvatars?: boolean;
     agentName?: string;
     contact?: WebitelContactsContact;
+    chatId?: string;
+    isChatClosed?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     loadNextMessages: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onLoadNextMessages?: () => any;
 }>, {
+    chatId: string;
+    isChatClosed: boolean;
+    isLoading: boolean;
     withoutAvatars: boolean;
     next: boolean;
-    isLoading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/ui/messaging/composables/useChatScroll.d.ts

@@ -1,10 +1,20 @@
 import { type ComputedRef, type Ref } from 'vue';
 import type { ChatMessageType } from '../types/ChatMessage.types';
-export declare const useChatScroll: (element: Ref<HTMLElement | null>, messages: Ref<ChatMessageType[]> | ComputedRef<ChatMessageType[]>, isLoading?: Ref<boolean> | ComputedRef<boolean>) => {
+export interface UseChatScrollOptions {
+    chatContainer: Ref<HTMLElement | null>;
+    chatContent: Ref<HTMLElement | null>;
+    messages: Ref<ChatMessageType[]> | ComputedRef<ChatMessageType[]>;
+    chatId: ComputedRef<string>;
+    isChatClosed: ComputedRef<boolean>;
+    isLoading?: Ref<boolean> | ComputedRef<boolean>;
+    onBeforeStart?: (options: {
+        scrollToBottom: (behavior?: ScrollBehavior) => void;
+    }) => void;
+}
+export declare const useChatScroll: ({ chatContainer, chatContent, messages, chatId, isChatClosed, isLoading, onBeforeStart, }: UseChatScrollOptions) => {
     showScrollToBottomBtn: Ref<boolean, boolean>;
     newUnseenMessagesCount: Ref<number, number>;
     scrollToBottom: (behavior?: ScrollBehavior) => void;
-    loadNextMessages: (canLoadMore: boolean | undefined, onLoadNextMessages: () => void) => void;
+    loadNextMessages: (canLoadMore: boolean, onLoadNextMessages: () => void) => void;
     handleChatScroll: () => void;
-    handleChatResize: () => void;
 };

package/types/ui/messaging/composables/useObserveHeightUntilStable.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+/**
+ * @author PolinaSukhorukova-webitel
+ *
+ * Fires the callback on every resize and disconnects itself
+ * once clientHeight is unchanged twice in a row.
+ */
+export declare const useObserveHeightUntilStable: (chatContainer: Ref<HTMLElement | null>, callback: () => void) => {
+    startObserve: () => void;
+    stopObserve: () => void;
+};

package/types/ui/messaging/composables/useScrollToBottomBtn.d.ts

@@ -0,0 +1,9 @@
+import type { UseScrollReturn } from '@vueuse/core';
+import { type Ref } from 'vue';
+export declare const useScrollToBottomBtn: (chatContainer: Ref<HTMLElement | null>, arrivedState: UseScrollReturn["arrivedState"]) => {
+    showScrollToBottomBtn: Ref<boolean, boolean>;
+    handleChatScroll: () => void;
+    resetScrollToBottomBtn: () => void;
+    updateScrollToBottomBtnVisibility: (el: HTMLElement) => void;
+    updateThreshold: (clientHeight: number) => void;
+};

package/types/ui/messaging/modules/message/composables/useChatMessageFile.d.ts

@@ -9,6 +9,7 @@ export declare function useChatMessageFile(file: ChatMessageFile | Ref<ChatMessa
         mime?: string;
         url?: string;
         streamUrl?: string;
+        malware?: boolean;
     }>;
     document: import("vue").ComputedRef<ChatMessageFile | {
         id?: string;
@@ -17,5 +18,6 @@ export declare function useChatMessageFile(file: ChatMessageFile | Ref<ChatMessa
         mime?: string;
         url?: string;
         streamUrl?: string;
+        malware?: boolean;
     }>;
 };

package/types/ui/messaging/types/ChatMessage.types.d.ts

@@ -1,44 +1,45 @@
 export interface ChatMessageType {
-	id: number;
-	date?: number;
-	file?: ChatMessageFile;
-	member: ChatMember;
-	peer?: ChatMember;
-	chat?: ChatMessageChatInfo;
-	createdAt: number;
-	channelId?: string;
-	updatedAt?: number;
-	contact?: null | ContactInfo;
-	text?: string;
+    id: number | string;
+    date?: number;
+    file?: ChatMessageFile;
+    member: ChatMember;
+    peer?: ChatMember;
+    chat?: ChatMessageChatInfo;
+    createdAt: number;
+    channelId?: string;
+    updatedAt?: number;
+    contact?: null | ContactInfo;
+    text?: string;
 }
 export type ContactInfo = {
-	id: string;
-	name?: string;
+    id: string;
+    name?: string;
 };
 export type ChatMessageFile = {
-	id?: string;
-	name?: string;
-	size?: string;
-	mime?: string;
-	url?: string;
-	streamUrl?: string;
+    id?: string;
+    name?: string;
+    size?: string;
+    mime?: string;
+    url?: string;
+    streamUrl?: string;
+    malware?: boolean;
 };
 export type ChatMember = {
-	id: number;
-	name: string;
-	type: string;
-	userId?: number;
-	externalId?: string;
-	via?: ChatVia;
-	self?: boolean;
+    id: number | string;
+    name: string;
+    type: string;
+    userId?: number;
+    externalId?: string;
+    via?: ChatVia;
+    self?: boolean;
 };
 export type ChatMessageChatInfo = {
-	id: string;
-	via: ChatVia;
+    id: string;
+    via: ChatVia;
 };
 export type ChatVia = {
-	id: number;
-	name: string;
-	type: string;
-	messenger?: string;
+    id: number;
+    name: string;
+    type: string;
+    messenger?: string;
 };

package/types/ui/the-chat-container.vue.d.ts

@@ -1,58 +1,48 @@
-import { ComponentSize } from "@webitel/ui-sdk/enums";
-import {
-	ChatAction,
-	type SharedActionSlots,
-} from "./chat-footer/modules/user-input/enums/ChatAction.enum";
-import type { ChatMessageType } from "./messaging/types/ChatMessage.types";
-import type { ResultCallbacks } from "./utils/ResultCallbacks.types";
+import { WebitelContactsContact } from '@webitel/api-services/gen/models';
+import { ComponentSize } from '@webitel/ui-sdk/enums';
+import { ChatAction, type SharedActionSlots } from './chat-footer/modules/user-input/enums/ChatAction.enum';
+import type { ChatMessageType } from './messaging/types/ChatMessage.types';
+import type { ResultCallbacks } from './utils/ResultCallbacks.types';
 type __VLS_Props = {
-	messages: ChatMessageType[];
-	chatActions?: ChatAction[];
-	size?: ComponentSize;
-	withoutAvatars?: boolean;
+    messages: ChatMessageType[];
+    chatActions?: ChatAction[];
+    size?: ComponentSize;
+    canLoadNextMessages?: boolean;
+    isNextMessagesLoading?: boolean;
+    withoutAvatars?: boolean;
+    readonly?: boolean;
+    agentName?: string;
+    contact?: WebitelContactsContact;
+    chatId?: string;
+    isChatClosed?: boolean;
 };
 type __VLS_Slots = {
-	main: () => any;
-	footer: () => any;
+    main: () => unknown;
+    footer: () => unknown;
 } & SharedActionSlots;
-declare const __VLS_base: import("vue").DefineComponent<
-	__VLS_Props,
-	{},
-	{},
-	{},
-	{},
-	import("vue").ComponentOptionsMixin,
-	import("vue").ComponentOptionsMixin,
-	{} & {
-		"action:sendMessage": (text: string, options: ResultCallbacks) => any;
-		"action:attachFiles": (files: File[], options: ResultCallbacks) => any;
-	},
-	string,
-	import("vue").PublicProps,
-	Readonly<__VLS_Props> &
-		Readonly<{
-			"onAction:sendMessage"?: (text: string, options: ResultCallbacks) => any;
-			"onAction:attachFiles"?: (files: File[], options: ResultCallbacks) => any;
-		}>,
-	{
-		size: ComponentSize;
-		withoutAvatars: boolean;
-		chatActions: ChatAction[];
-	},
-	{},
-	{},
-	{},
-	string,
-	import("vue").ComponentProvideOptions,
-	false,
-	{},
-	any
->;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loadNextMessages: () => any;
+    "action:sendMessage": (text: string, options: ResultCallbacks) => any;
+    "action:attachFiles": (files: File[], options: ResultCallbacks) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLoadNextMessages?: () => any;
+    "onAction:sendMessage"?: (text: string, options: ResultCallbacks) => any;
+    "onAction:attachFiles"?: (files: File[], options: ResultCallbacks) => any;
+}>, {
+    chatId: string;
+    isChatClosed: boolean;
+    size: ComponentSize;
+    withoutAvatars: boolean;
+    chatActions: ChatAction[];
+    canLoadNextMessages: boolean;
+    isNextMessagesLoading: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
-	new (): {
-		$slots: S;
-	};
+    new (): {
+        $slots: S;
+    };
 };

package/types/ui/utils/ResultCallbacks.types.d.ts

@@ -1 +1 @@
-export { ResultCallbacks } from "@webitel/ui-sdk/src/types";
+export type { ResultCallbacks } from '@webitel/ui-sdk/src/types';

package/types/ui/utils/emitter.d.ts

@@ -1,4 +1,4 @@
-import type { ChatMessageType } from '../../../types/ui';
+import type { ChatMessageType } from '../messaging/types/ChatMessage.types';
 export type UiChatsEmitterEvents = {
     insertAtCursor: {
         text: string;

package/types/ui/chat-container.vue.d.ts

@@ -1,76 +0,0 @@
-<<<<<<< HEAD
-import { ComponentSize } from "@webitel/ui-sdk/enums";
-import {
-	ChatAction,
-	type SharedActionSlots,
-} from "./chat-footer/modules/user-input/types/ChatAction.types";
-import type { ChatMessageType } from "./messaging/types/ChatMessage.types";
-import type { ResultCallbacks } from "./utils/ResultCallbacks.types";
-=======
-import { ComponentSize } from '@webitel/ui-sdk/enums';
-import { ResultCallbacks } from './utils/ResultCallbacks.types';
-import { ChatMessageType } from './messaging/types/ChatMessage.types';
-import { ChatAction, SharedActionSlots } from './chat-footer/modules/user-input/types/ChatAction.types';
->>>>>>> parent of 420ffe845 (refactor: oxlint/oxfmt replaced to biome, + reformatted all files)
-type __VLS_Props = {
-    messages: ChatMessageType[];
-    chatActions?: ChatAction[];
-    size?: ComponentSize;
-};
-type __VLS_Slots = {
-    main: () => any;
-    footer: () => any;
-} & SharedActionSlots;
-<<<<<<< HEAD
-declare const __VLS_base: import("vue").DefineComponent<
-	__VLS_Props,
-	{},
-	{},
-	{},
-	{},
-	import("vue").ComponentOptionsMixin,
-	import("vue").ComponentOptionsMixin,
-	{} & {
-		"action:sendMessage": (text: string, options: ResultCallbacks) => any;
-		"action:attachFiles": (files: File[], options: ResultCallbacks) => any;
-	},
-	string,
-	import("vue").PublicProps,
-	Readonly<__VLS_Props> &
-		Readonly<{
-			"onAction:sendMessage"?: (text: string, options: ResultCallbacks) => any;
-			"onAction:attachFiles"?: (files: File[], options: ResultCallbacks) => any;
-		}>,
-	{
-		chatActions: ChatAction[];
-		size: ComponentSize;
-	},
-	{},
-	{},
-	{},
-	string,
-	import("vue").ComponentProvideOptions,
-	false,
-	{},
-	any
->;
-=======
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "action:sendMessage": (text: string, options: ResultCallbacks) => any;
-    "action:attachFiles": (files: File[], options: ResultCallbacks) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onAction:sendMessage"?: (text: string, options: ResultCallbacks) => any;
-    "onAction:attachFiles"?: (files: File[], options: ResultCallbacks) => any;
-}>, {
-    size: ComponentSize;
-    chatActions: ChatAction[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
->>>>>>> parent of 420ffe845 (refactor: oxlint/oxfmt replaced to biome, + reformatted all files)
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};