@n8n/design-system 2.38.3 → 2.39.0

package/dist/components/AskAssistantChat/AskAssistantChat.vue.d.ts

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { ChatUI, RatingFeedback, WorkflowSuggestion } from '../../types/assistant';
 interface Props {
     user?: {
@@ -24,366 +23,61 @@ interface Props {
 }
 declare function onSendMessage(): void;
 declare function scrollToBottom(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        headerActions?(_: {}): any;
-        'custom-message'?(_: {
-            message: ChatUI.CustomMessage & {
-                id?: string;
-                read?: boolean;
-                showRating?: boolean;
-                ratingStyle?: "regular" | "minimal";
-                showFeedback?: boolean;
-            };
-            isFirstOfRole: boolean;
-            user: {
-                firstName: string;
-                lastName: string;
-            } | undefined;
-            streaming: boolean | undefined;
-            isLastMessage: boolean | undefined;
-        }): any;
-        'focused-nodes-chips'?(_: any): any;
-        messagesFooter?(_: {}): any;
-        'suggestions-input'?(_: {
-            modelValue: string;
-            onUpdateModelValue: (val: string) => string;
-            placeholder: string;
-            disabled: boolean | undefined;
-            disabledTooltip: string | undefined;
-            streaming: boolean | undefined;
-            creditsQuota: number | undefined;
-            creditsRemaining: number | undefined;
-            showAskOwnerTooltip: boolean | undefined;
-            maxLength: number;
-            onSubmit: typeof onSendMessage;
-            onStop: () => void;
-            onUpgradeClick: () => void;
-            registerFocus: (fn: () => void) => () => void;
-        }): any;
-        'extra-actions'?(_: {}): any;
-        'extra-actions'?(_: {}): any;
-        placeholder?(_: {}): any;
-        inputHeader?(_: {}): any;
-        inputPlaceholder?(_: {}): any;
+declare var __VLS_11: {}, __VLS_13: {}, __VLS_46: {
+    message: ChatUI.CustomMessage & {
+        id?: string;
+        read?: boolean;
+        showRating?: boolean;
+        ratingStyle?: "regular" | "minimal";
+        showFeedback?: boolean;
     };
-    refs: {
-        scrollAreaRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly type?: "auto" | "always" | "scroll" | "hover" | undefined;
-                readonly dir?: "ltr" | "rtl" | undefined;
-                readonly scrollHideDelay?: number | undefined;
-                readonly maxHeight?: string | undefined;
-                readonly maxWidth?: string | undefined;
-                readonly enableHorizontalScroll?: boolean | undefined;
-                readonly enableVerticalScroll?: boolean | undefined;
-                readonly asChild?: boolean | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                rootRef: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly type?: ("hover" | "auto" | "scroll" | "always") | undefined;
-                        readonly dir?: ("ltr" | "rtl") | undefined;
-                        readonly scrollHideDelay?: number | undefined;
-                        readonly asChild?: boolean | undefined;
-                        readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
-                        viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                        scrollTop: () => void;
-                        scrollTopLeft: () => void;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: "hover" | "auto" | "scroll" | "always";
-                        scrollHideDelay: number;
-                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{
-                    type: "hover" | "auto" | "scroll" | "always";
-                    scrollHideDelay: number;
-                }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    scrollTop: () => void;
-                    scrollTopLeft: () => void;
-                }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        default?: (props: {}) => any;
-                    };
-                }) | null;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../N8nScrollArea/N8nScrollArea.vue').Props> & Readonly<{}>, {
-                scrollToBottom: (options?: {
-                    smooth?: boolean;
-                }) => Promise<void>;
-                scrollToTop: (options?: {
-                    smooth?: boolean;
-                }) => Promise<void>;
-                getScrollPosition: () => {
-                    top: number;
-                    left: number;
-                    height: number;
-                    width: number;
-                } | null;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                type: "auto" | "always" | "scroll" | "hover";
-                dir: "ltr" | "rtl";
-                asChild: boolean;
-                scrollHideDelay: number;
-                maxHeight: string;
-                maxWidth: string;
-                enableHorizontalScroll: boolean;
-                enableVerticalScroll: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            type: "auto" | "always" | "scroll" | "hover";
-            dir: "ltr" | "rtl";
-            asChild: boolean;
-            scrollHideDelay: number;
-            maxHeight: string;
-            maxWidth: string;
-            enableHorizontalScroll: boolean;
-            enableVerticalScroll: boolean;
-        }> & Omit<Readonly<import('../N8nScrollArea/N8nScrollArea.vue').Props> & Readonly<{}>, "scrollToBottom" | "scrollToTop" | "getScrollPosition" | ("type" | "dir" | "asChild" | "scrollHideDelay" | "maxHeight" | "maxWidth" | "enableHorizontalScroll" | "enableVerticalScroll")> & import('vue').ShallowUnwrapRef<{
-            scrollToBottom: (options?: {
-                smooth?: boolean;
-            }) => Promise<void>;
-            scrollToTop: (options?: {
-                smooth?: boolean;
-            }) => Promise<void>;
-            getScrollPosition: () => {
-                top: number;
-                left: number;
-                height: number;
-                width: number;
-            } | null;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-        messagesRef: HTMLDivElement;
-        promptInputRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: string | undefined;
-                readonly placeholder?: string | undefined;
-                readonly maxLength?: number | undefined;
-                readonly maxLinesBeforeScroll?: number | undefined;
-                readonly streaming?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly disabledTooltip?: string | undefined;
-                readonly creditsQuota?: number | undefined;
-                readonly creditsRemaining?: number | undefined;
-                readonly showAskOwnerTooltip?: boolean | undefined;
-                readonly refocusAfterSend?: boolean | undefined;
-                readonly autofocus?: boolean | undefined;
-                readonly buttonLabel?: string | undefined;
-                readonly layout?: "multiline" | "single-line" | "adaptive" | undefined;
-                readonly autosize?: boolean | {
-                    minRows: number;
-                    maxRows: number;
-                } | undefined;
-                readonly submitDisabled?: boolean | undefined;
-                readonly sendButtonTestId?: string | undefined;
-                readonly stopButtonTestId?: string | undefined;
-                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
-                readonly onStop?: (() => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
-                readonly onSubmit?: (() => any) | undefined;
-                readonly "onUpgrade-click"?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                textareaRef: HTMLTextAreaElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "stop") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "submit") => void) & ((event: "upgrade-click") => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
-                onFocus?: ((event: FocusEvent) => any) | undefined;
-                onStop?: (() => any) | undefined;
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                onBlur?: ((event: FocusEvent) => any) | undefined;
-                onSubmit?: (() => any) | undefined;
-                "onUpgrade-click"?: (() => any) | undefined;
-            }>, {
-                focusInput: (options?: FocusOptions) => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                focus: (event: FocusEvent) => any;
-                stop: () => any;
-                "update:modelValue": (value: string) => any;
-                blur: (event: FocusEvent) => any;
-                submit: () => any;
-                "upgrade-click": () => any;
-            }, string, {
-                disabled: boolean;
-                placeholder: string;
-                modelValue: string;
-                autosize: boolean | {
-                    minRows: number;
-                    maxRows: number;
-                };
-                autofocus: boolean;
-                streaming: boolean;
-                maxLength: number;
-                sendButtonTestId: string;
-                stopButtonTestId: string;
-                maxLinesBeforeScroll: number;
-                disabledTooltip: string;
-                creditsQuota: number;
-                creditsRemaining: number;
-                showAskOwnerTooltip: boolean;
-                refocusAfterSend: boolean;
-                buttonLabel: string;
-                layout: "multiline" | "single-line" | "adaptive";
-                submitDisabled: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            placeholder: string;
-            modelValue: string;
-            autosize: boolean | {
-                minRows: number;
-                maxRows: number;
-            };
-            autofocus: boolean;
-            streaming: boolean;
-            maxLength: number;
-            sendButtonTestId: string;
-            stopButtonTestId: string;
-            maxLinesBeforeScroll: number;
-            disabledTooltip: string;
-            creditsQuota: number;
-            creditsRemaining: number;
-            showAskOwnerTooltip: boolean;
-            refocusAfterSend: boolean;
-            buttonLabel: string;
-            layout: "multiline" | "single-line" | "adaptive";
-            submitDisabled: boolean;
-        }> & Omit<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
-            onFocus?: ((event: FocusEvent) => any) | undefined;
-            onStop?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onBlur?: ((event: FocusEvent) => any) | undefined;
-            onSubmit?: (() => any) | undefined;
-            "onUpgrade-click"?: (() => any) | undefined;
-        }>, "focusInput" | ("disabled" | "placeholder" | "modelValue" | "autosize" | "autofocus" | "streaming" | "maxLength" | "sendButtonTestId" | "stopButtonTestId" | "maxLinesBeforeScroll" | "disabledTooltip" | "creditsQuota" | "creditsRemaining" | "showAskOwnerTooltip" | "refocusAfterSend" | "buttonLabel" | "layout" | "submitDisabled")> & import('vue').ShallowUnwrapRef<{
-            focusInput: (options?: FocusOptions) => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                leading?(_: {}): any;
-                'left-actions'?(_: {}): any;
-                actions?(_: {}): any;
-                'extra-actions'?(_: {}): any;
-                'right-actions'?(_: {}): any;
-                trailing?(_: {}): any;
-            };
-        }) | null;
-        inputWrapperRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
+    isFirstOfRole: boolean;
+    user: {
+        firstName: string;
+        lastName: string;
+    } | undefined;
+    streaming: boolean;
+    isLastMessage: boolean;
+}, __VLS_49: any, __VLS_59: {}, __VLS_75: {
+    modelValue: string;
+    onUpdateModelValue: (val: string) => string;
+    placeholder: string;
+    disabled: boolean;
+    disabledTooltip: string | undefined;
+    streaming: boolean;
+    creditsQuota: number | undefined;
+    creditsRemaining: number | undefined;
+    showAskOwnerTooltip: boolean;
+    maxLength: number | undefined;
+    onSubmit: typeof onSendMessage;
+    onStop: () => void;
+    onUpgradeClick: () => void;
+    registerFocus: (fn: () => void) => () => void;
+}, __VLS_90: {}, __VLS_92: {}, __VLS_106: {}, __VLS_108: {}, __VLS_123: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+} & {
+    headerActions?: (props: typeof __VLS_13) => any;
+} & {
+    'custom-message'?: (props: typeof __VLS_46) => any;
+} & {
+    'focused-nodes-chips'?: (props: typeof __VLS_49) => any;
+} & {
+    messagesFooter?: (props: typeof __VLS_59) => any;
+} & {
+    'suggestions-input'?: (props: typeof __VLS_75) => any;
+} & {
+    'extra-actions'?: (props: typeof __VLS_90) => any;
+} & {
+    placeholder?: (props: typeof __VLS_92) => any;
+} & {
+    inputHeader?: (props: typeof __VLS_106) => any;
+} & {
+    inputPlaceholder?: (props: typeof __VLS_108) => any;
+} & {
+    'extra-actions'?: (props: typeof __VLS_123) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {
+declare const __VLS_base: import('vue').DefineComponent<Props, {
     focusInput: () => void;
     scrollToBottom: typeof scrollToBottom;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -413,320 +107,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     inputPlaceholder: string;
     scrollOnNewMessage: boolean;
     maxCharacterLength: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    scrollAreaRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly type?: "auto" | "always" | "scroll" | "hover" | undefined;
-            readonly dir?: "ltr" | "rtl" | undefined;
-            readonly scrollHideDelay?: number | undefined;
-            readonly maxHeight?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly enableHorizontalScroll?: boolean | undefined;
-            readonly enableVerticalScroll?: boolean | undefined;
-            readonly asChild?: boolean | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            rootRef: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly type?: ("hover" | "auto" | "scroll" | "always") | undefined;
-                    readonly dir?: ("ltr" | "rtl") | undefined;
-                    readonly scrollHideDelay?: number | undefined;
-                    readonly asChild?: boolean | undefined;
-                    readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
-                    viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    scrollTop: () => void;
-                    scrollTopLeft: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "hover" | "auto" | "scroll" | "always";
-                    scrollHideDelay: number;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                type: "hover" | "auto" | "scroll" | "always";
-                scrollHideDelay: number;
-            }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
-                viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                scrollTop: () => void;
-                scrollTopLeft: () => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../N8nScrollArea/N8nScrollArea.vue').Props> & Readonly<{}>, {
-            scrollToBottom: (options?: {
-                smooth?: boolean;
-            }) => Promise<void>;
-            scrollToTop: (options?: {
-                smooth?: boolean;
-            }) => Promise<void>;
-            getScrollPosition: () => {
-                top: number;
-                left: number;
-                height: number;
-                width: number;
-            } | null;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            type: "auto" | "always" | "scroll" | "hover";
-            dir: "ltr" | "rtl";
-            asChild: boolean;
-            scrollHideDelay: number;
-            maxHeight: string;
-            maxWidth: string;
-            enableHorizontalScroll: boolean;
-            enableVerticalScroll: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        type: "auto" | "always" | "scroll" | "hover";
-        dir: "ltr" | "rtl";
-        asChild: boolean;
-        scrollHideDelay: number;
-        maxHeight: string;
-        maxWidth: string;
-        enableHorizontalScroll: boolean;
-        enableVerticalScroll: boolean;
-    }> & Omit<Readonly<import('../N8nScrollArea/N8nScrollArea.vue').Props> & Readonly<{}>, "scrollToBottom" | "scrollToTop" | "getScrollPosition" | ("type" | "dir" | "asChild" | "scrollHideDelay" | "maxHeight" | "maxWidth" | "enableHorizontalScroll" | "enableVerticalScroll")> & import('vue').ShallowUnwrapRef<{
-        scrollToBottom: (options?: {
-            smooth?: boolean;
-        }) => Promise<void>;
-        scrollToTop: (options?: {
-            smooth?: boolean;
-        }) => Promise<void>;
-        getScrollPosition: () => {
-            top: number;
-            left: number;
-            height: number;
-            width: number;
-        } | null;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
-    messagesRef: HTMLDivElement;
-    promptInputRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly modelValue?: string | undefined;
-            readonly placeholder?: string | undefined;
-            readonly maxLength?: number | undefined;
-            readonly maxLinesBeforeScroll?: number | undefined;
-            readonly streaming?: boolean | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly disabledTooltip?: string | undefined;
-            readonly creditsQuota?: number | undefined;
-            readonly creditsRemaining?: number | undefined;
-            readonly showAskOwnerTooltip?: boolean | undefined;
-            readonly refocusAfterSend?: boolean | undefined;
-            readonly autofocus?: boolean | undefined;
-            readonly buttonLabel?: string | undefined;
-            readonly layout?: "multiline" | "single-line" | "adaptive" | undefined;
-            readonly autosize?: boolean | {
-                minRows: number;
-                maxRows: number;
-            } | undefined;
-            readonly submitDisabled?: boolean | undefined;
-            readonly sendButtonTestId?: string | undefined;
-            readonly stopButtonTestId?: string | undefined;
-            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
-            readonly onStop?: (() => any) | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
-            readonly onSubmit?: (() => any) | undefined;
-            readonly "onUpgrade-click"?: (() => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            textareaRef: HTMLTextAreaElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "stop") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "submit") => void) & ((event: "upgrade-click") => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
-            onFocus?: ((event: FocusEvent) => any) | undefined;
-            onStop?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            onBlur?: ((event: FocusEvent) => any) | undefined;
-            onSubmit?: (() => any) | undefined;
-            "onUpgrade-click"?: (() => any) | undefined;
-        }>, {
-            focusInput: (options?: FocusOptions) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            focus: (event: FocusEvent) => any;
-            stop: () => any;
-            "update:modelValue": (value: string) => any;
-            blur: (event: FocusEvent) => any;
-            submit: () => any;
-            "upgrade-click": () => any;
-        }, string, {
-            disabled: boolean;
-            placeholder: string;
-            modelValue: string;
-            autosize: boolean | {
-                minRows: number;
-                maxRows: number;
-            };
-            autofocus: boolean;
-            streaming: boolean;
-            maxLength: number;
-            sendButtonTestId: string;
-            stopButtonTestId: string;
-            maxLinesBeforeScroll: number;
-            disabledTooltip: string;
-            creditsQuota: number;
-            creditsRemaining: number;
-            showAskOwnerTooltip: boolean;
-            refocusAfterSend: boolean;
-            buttonLabel: string;
-            layout: "multiline" | "single-line" | "adaptive";
-            submitDisabled: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        disabled: boolean;
-        placeholder: string;
-        modelValue: string;
-        autosize: boolean | {
-            minRows: number;
-            maxRows: number;
-        };
-        autofocus: boolean;
-        streaming: boolean;
-        maxLength: number;
-        sendButtonTestId: string;
-        stopButtonTestId: string;
-        maxLinesBeforeScroll: number;
-        disabledTooltip: string;
-        creditsQuota: number;
-        creditsRemaining: number;
-        showAskOwnerTooltip: boolean;
-        refocusAfterSend: boolean;
-        buttonLabel: string;
-        layout: "multiline" | "single-line" | "adaptive";
-        submitDisabled: boolean;
-    }> & Omit<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onStop?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onSubmit?: (() => any) | undefined;
-        "onUpgrade-click"?: (() => any) | undefined;
-    }>, "focusInput" | ("disabled" | "placeholder" | "modelValue" | "autosize" | "autofocus" | "streaming" | "maxLength" | "sendButtonTestId" | "stopButtonTestId" | "maxLinesBeforeScroll" | "disabledTooltip" | "creditsQuota" | "creditsRemaining" | "showAskOwnerTooltip" | "refocusAfterSend" | "buttonLabel" | "layout" | "submitDisabled")> & import('vue').ShallowUnwrapRef<{
-        focusInput: (options?: FocusOptions) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            leading?(_: {}): any;
-            'left-actions'?(_: {}): any;
-            actions?(_: {}): any;
-            'extra-actions'?(_: {}): any;
-            'right-actions'?(_: {}): any;
-            trailing?(_: {}): any;
-        };
-    }) | null;
-    inputWrapperRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };