@n8n/design-system 2.33.4 → 2.34.1

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

@@ -0,0 +1,733 @@
+import { nextTick } from 'vue';
+import { ChatUI, RatingFeedback, WorkflowSuggestion } from '../../types/assistant';
+interface Props {
+    user?: {
+        firstName: string;
+        lastName: string;
+    };
+    messages?: ChatUI.AssistantMessage[];
+    streaming?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string;
+    loadingMessage?: string;
+    sessionId?: string;
+    inputPlaceholder?: string;
+    scrollOnNewMessage?: boolean;
+    showStop?: boolean;
+    creditsQuota?: number;
+    creditsRemaining?: number;
+    showAskOwnerTooltip?: boolean;
+    maxCharacterLength?: number;
+    suggestions?: WorkflowSuggestion[];
+    workflowId?: string;
+    thinkingCompletionMessage?: string;
+}
+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;
+    };
+    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" | 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: () => 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";
+                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";
+            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: () => 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;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    focusInput: () => void;
+    scrollToBottom: typeof scrollToBottom;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    stop: () => any;
+    feedback: (args_0: RatingFeedback) => any;
+    message: (args_0: string, args_1?: string | undefined, args_2?: boolean | undefined) => any;
+    codeReplace: (args_0: number) => any;
+    codeUndo: (args_0: number) => any;
+    "upgrade-click": () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onStop?: (() => any) | undefined;
+    onFeedback?: ((args_0: RatingFeedback) => any) | undefined;
+    onMessage?: ((args_0: string, args_1?: string | undefined, args_2?: boolean | undefined) => any) | undefined;
+    onCodeReplace?: ((args_0: number) => any) | undefined;
+    onCodeUndo?: ((args_0: number) => any) | undefined;
+    "onUpgrade-click"?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    user: {
+        firstName: string;
+        lastName: string;
+    };
+    messages: ChatUI.AssistantMessage[];
+    loadingMessage: string;
+    sessionId: string;
+    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" | 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: () => 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";
+            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";
+        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: () => 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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};