@rt-tools/ui-kit-v2 0.19.0 → 0.20.0

package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs

@@ -1136,6 +1136,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }] });
 
 const BEM_BLOCK = 'rt-ai-chat';
+/** Значки строк-превью пустого списка бесед по умолчанию: беседы идут с ассистентом. */
+const PREVIEW_ICONS = ['sparkle', 'bot', 'sparkle'];
 /**
  * Панель ИИ-ассистента одним компонентом: шапка с действиями, лента вопросов и ответов с ходом
  * работы, пустой экран с подсказками, ошибка с номером обращения, поле сообщения и подпись под
@@ -1237,6 +1239,9 @@ class RtAiChatComponent {
         this.threadsLoading = input(false, { ...(ngDevMode ? { debugName: "threadsLoading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.threadsFetching = input(false, { ...(ngDevMode ? { debugName: "threadsFetching" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.threadsHasMore = input(false, { ...(ngDevMode ? { debugName: "threadsHasMore" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Значки декоративных строк-превью пустого списка бесед, по строке на значок. */
+        this.emptyPreviewIcons = input(PREVIEW_ICONS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyPreviewIcons" }] : /* istanbul ignore next */ []));
         /** Кнопка «Full screen» в шапке. */
         this.fullScreenable = input(false, { ...(ngDevMode ? { debugName: "fullScreenable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Кнопка закрытия в шапке. */
@@ -1357,11 +1362,11 @@ class RtAiChatComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAiChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAiChatComponent, isStandalone: true, selector: "rt-ai-chat", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyDescription: { classPropertyName: "emptyDescription", publicName: "emptyDescription", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, sending: { classPropertyName: "sending", publicName: "sending", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, threads: { classPropertyName: "threads", publicName: "threads", isSignal: true, isRequired: false, transformFunction: null }, activeThreadId: { classPropertyName: "activeThreadId", publicName: "activeThreadId", isSignal: true, isRequired: false, transformFunction: null }, threadsLoading: { classPropertyName: "threadsLoading", publicName: "threadsLoading", isSignal: true, isRequired: false, transformFunction: null }, threadsFetching: { classPropertyName: "threadsFetching", publicName: "threadsFetching", isSignal: true, isRequired: false, transformFunction: null }, threadsHasMore: { classPropertyName: "threadsHasMore", publicName: "threadsHasMore", isSignal: true, isRequired: false, transformFunction: null }, fullScreenable: { classPropertyName: "fullScreenable", publicName: "fullScreenable", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, draft: { classPropertyName: "draft", publicName: "draft", isSignal: true, isRequired: false, transformFunction: null }, threadsOpen: { classPropertyName: "threadsOpen", publicName: "threadsOpen", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draft: "draftChange", threadsOpen: "threadsOpenChange", fullScreen: "fullScreenChange", send: "send", stop: "stop", retry: "retry", newThread: "newThread", closed: "closed", selectThread: "selectThread", deleteThread: "deleteThread", searchThreads: "searchThreads", loadMoreThreads: "loadMoreThreads", feedbackChange: "feedbackChange" }, host: { classAttribute: "rt-ai-chat" }, queries: [{ propertyName: "extraTemplate", first: true, predicate: RtAiChatMessageExtraDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "composer", first: true, predicate: RtMessageComposerComponent, descendants: true, isSignal: true }, { propertyName: "backButton", first: true, predicate: ["back"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "feed", first: true, predicate: ["feed"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-ai-chat\">\n    @if (isThreadColumn()) {\n        <aside rtElem=\"thread-column\" qa-dataid=\"ai-chat-thread-column\" [attr.aria-label]=\"t().aiThreads\">\n            <div rtElem=\"column-head\">\n                <span rtElem=\"column-title\">{{ t().aiThreads }}</span>\n                <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n            </div>\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        </aside>\n    }\n\n    <section rtElem=\"conversation\" qa-dataid=\"ai-chat\" [attr.aria-label]=\"titleText()\">\n        <header rtElem=\"header\">\n            @if (isThreadPage()) {\n                <rt-icon-button\n                    #back\n                    qa-dataid=\"ai-chat-back\"\n                    size=\"sm\"\n                    iconSize=\"sm\"\n                    icon=\"arrow-left\"\n                    [ariaLabel]=\"t().aiBackToChat\"\n                    [tooltip]=\"t().aiBackToChat\"\n                    (clicked)=\"onToggleThreads()\" />\n            }\n\n            <div rtElem=\"heading\">\n                <span rtElem=\"title\" qa-dataid=\"ai-chat-title\">\n                    @if (!isThreadPage()) {\n                        <rt-icon name=\"sparkle\" size=\"sm\" color=\"primary\" aria-hidden=\"true\" />\n                    }\n                    {{ isThreadPage() ? t().aiThreads : titleText() }}\n                </span>\n                @if (!isThreadPage() && subtitle()) {\n                    <span rtElem=\"subtitle\" qa-dataid=\"ai-chat-subtitle\">{{ subtitle() }}</span>\n                }\n            </div>\n\n            <div rtElem=\"actions\">\n                @if (fullScreenable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-full-screen\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        [icon]=\"fullScreen() ? 'window-minimize' : 'fullscreen'\"\n                        [active]=\"fullScreen()\"\n                        [ariaLabel]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        [tooltip]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        (clicked)=\"onToggleFullScreen()\" />\n                }\n                @if (hasThreads() && !isThreadPage() && !isThreadColumn()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-threads\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"history\"\n                        [ariaLabel]=\"t().aiThreads\"\n                        [tooltip]=\"t().aiThreads\"\n                        (clicked)=\"onToggleThreads()\" />\n                }\n                @if (!isThreadColumn()) {\n                    <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n                }\n                @if (closable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-close\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"close\"\n                        [ariaLabel]=\"t().aiClose\"\n                        [tooltip]=\"t().aiClose\"\n                        (clicked)=\"closed.emit()\" />\n                }\n            </div>\n        </header>\n\n        @if (isThreadPage()) {\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        } @else {\n            <div #feed rtElem=\"feed\" qa-dataid=\"ai-chat-feed\" aria-live=\"polite\" (scroll)=\"onFeedScroll()\">\n                @if (loading() && !messages().length) {\n                    <rt-spinner rtElem=\"spinner\" appearance=\"arc\" [diameter]=\"32\" />\n                } @else if (isEmpty()) {\n                    <div rtElem=\"empty\" qa-dataid=\"ai-chat-empty\">\n                        <rt-empty-state icon=\"comments\" [title]=\"emptyTitleText()\" [description]=\"emptyDescriptionText()\" />\n                        @if (suggestions().length) {\n                            <div rtElem=\"suggestions\">\n                                @for (suggestion of suggestions(); track suggestion) {\n                                    <rt-prompt-suggestion\n                                        qa-dataid=\"ai-chat-suggestion\"\n                                        [label]=\"suggestion\"\n                                        [disabled]=\"sending()\"\n                                        (picked)=\"onSuggestion($event)\" />\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @for (message of messages(); track message.id) {\n                    @if (message.role === 'user') {\n                        <div rtElem=\"question\" qa-dataid=\"ai-chat-question\">\n                            <div rtElem=\"bubble\">\n                                <span rtElem=\"author\">{{ t().aiYou }}</span>\n                                <p rtElem=\"bubble-text\">{{ message.text }}</p>\n                                @if (message.time) {\n                                    <span rtElem=\"time\">{{ message.time }}</span>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <rt-ai-chat-answer\n                            qa-dataid=\"ai-chat-answer\"\n                            [message]=\"message\"\n                            [extra]=\"extraTemplate()?.templateRef ?? null\"\n                            [expanded]=\"openRuns().has(message.id)\"\n                            (expandedChange)=\"onToggleRun(message.id, $event)\"\n                            (feedbackChange)=\"onFeedback(message, $event)\" />\n                    }\n                }\n\n                @if (error(); as runError) {\n                    <div rtElem=\"error\" qa-dataid=\"ai-chat-error\" role=\"alert\">\n                        <rt-message severity=\"danger\">{{ runError.message }}</rt-message>\n                        @if (runError.referenceId) {\n                            <rt-copy-value [label]=\"t().aiReference\" [value]=\"runError.referenceId\" [copyLabel]=\"t().aiCopyReference\" />\n                        }\n                        @if (runError.retryable) {\n                            <button\n                                rtButton\n                                type=\"button\"\n                                qa-dataid=\"ai-chat-retry\"\n                                appearance=\"text\"\n                                icon=\"sync\"\n                                size=\"sm\"\n                                [label]=\"t().aiRetry\"\n                                [attr.aria-label]=\"t().aiRetry\"\n                                [disabled]=\"sending()\"\n                                (click)=\"retry.emit()\"></button>\n                        }\n                    </div>\n                }\n            </div>\n\n            <rt-message-composer\n                rtElem=\"composer\"\n                qa-dataid=\"ai-chat-composer\"\n                stoppable\n                [placeholder]=\"placeholder()\"\n                [sending]=\"sending()\"\n                [(text)]=\"draft\"\n                (submitted)=\"onSubmitted($event)\"\n                (stopped)=\"onStop()\" />\n\n            @if (disclaimerText()) {\n                <p rtElem=\"disclaimer\" qa-dataid=\"ai-chat-disclaimer\">{{ disclaimerText() }}</p>\n            }\n        }\n    </section>\n</ng-container>\n\n<ng-template #newThreadButton>\n    <rt-icon-button\n        qa-dataid=\"ai-chat-new-thread\"\n        size=\"sm\"\n        iconSize=\"sm\"\n        icon=\"ico-plus\"\n        [disabled]=\"sending()\"\n        [ariaLabel]=\"t().aiNewThread\"\n        [tooltip]=\"t().aiNewThread\"\n        (clicked)=\"onNewThread()\" />\n</ng-template>\n\n<ng-template #threadList>\n    <ng-container rtBlock=\"rt-ai-chat\">\n        <rt-thread-list\n            rtElem=\"threads\"\n            qa-dataid=\"ai-chat-thread-list\"\n            [rows]=\"threadRows()\"\n            [activeId]=\"activeThreadId()\"\n            [searchPlaceholder]=\"t().aiSearchThreads\"\n            [emptyText]=\"threadsEmptyText()\"\n            [loading]=\"threadsLoading()\"\n            [fetching]=\"threadsFetching()\"\n            [hasMore]=\"threadsHasMore()\"\n            (selectRow)=\"onSelectThread($event)\"\n            (searchChange)=\"onSearchThreads($event)\"\n            (loadMore)=\"loadMoreThreads.emit()\">\n            <ng-template let-row [rtThreadListRow]=\"threadRows()\">\n                <span rtElem=\"thread-title\" qa-dataid=\"ai-chat-thread-title\" [attr.title]=\"row.title\">\n                    @for (part of row.titleParts; track $index) {\n                        <span rtElem=\"thread-part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                <span rtElem=\"thread-meta\">\n                    @if (row.unreadCount) {\n                        <span rtElem=\"thread-unread\" qa-dataid=\"ai-chat-thread-unread\">{{ row.unreadCount }}</span>\n                    }\n                    @if (row.time) {\n                        <span rtElem=\"thread-time\">{{ row.time }}</span>\n                    }\n                </span>\n            </ng-template>\n            <ng-template let-row [rtThreadListRowActions]=\"threadRows()\">\n                <rt-icon-button\n                    qa-dataid=\"ai-chat-delete-thread\"\n                    size=\"xs\"\n                    iconSize=\"sm\"\n                    icon=\"trash\"\n                    [disabled]=\"sending() && row.id === activeThreadId()\"\n                    [ariaLabel]=\"t().aiDeleteThread\"\n                    [tooltip]=\"t().aiDeleteThread\"\n                    (clicked)=\"deleteThread.emit(row.id)\" />\n            </ng-template>\n        </rt-thread-list>\n    </ng-container>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-chat{--rt-ai-chat-bubble-radius: var(--rt-radius-xl);--rt-ai-chat-column-border-width: var(--rt-border-width-thin);--rt-ai-chat-column-width: 280px;--rt-ai-chat-match-bg: var(--rt-yellow-400);--rt-ai-chat-match-color: var(--rt-neutral-950);--rt-ai-chat-match-radius: var(--rt-radius-xs);--rt-ai-chat-unread-radius: var(--rt-radius-full);display:flex;overflow:hidden;background:var(--rt-color-bg-surface);block-size:100%;color:var(--rt-color-text-primary);min-block-size:0}.rt-ai-chat__thread-column{display:flex;flex:none;flex-direction:column;border-inline-end:var(--rt-ai-chat-column-border-width) solid var(--rt-color-border-default);inline-size:var(--rt-ai-chat-column-width)}.rt-ai-chat__column-head{display:flex;align-items:center;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__column-title{font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__conversation{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0}.rt-ai-chat__header{display:flex;flex:none;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__heading{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.rt-ai-chat__title{display:inline-flex;align-items:center;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__subtitle{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__actions{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__feed{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-md);font-size:var(--rt-text-sm);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-ai-chat__spinner{align-self:center;margin:auto}.rt-ai-chat__empty{display:flex;flex-direction:column;justify-content:center;gap:var(--rt-space-lg);margin-block:auto}.rt-ai-chat__suggestions{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-ai-chat__question{display:flex;justify-content:flex-end}.rt-ai-chat__bubble{display:flex;flex-direction:column;padding:var(--rt-space-sm) var(--rt-space-md);border-radius:var(--rt-ai-chat-bubble-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-2xs);max-inline-size:80%}.rt-ai-chat__author,.rt-ai-chat__time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__author{font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__bubble-text{margin:0;line-height:var(--rt-leading-normal);overflow-wrap:anywhere;white-space:pre-wrap}.rt-ai-chat__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-ai-chat__error rt-message{align-self:stretch}.rt-ai-chat__composer{box-sizing:border-box;flex:none;padding:var(--rt-space-sm) var(--rt-space-md) 0}.rt-ai-chat__disclaimer{flex:none;padding:var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}.rt-ai-chat__threads{flex:1 1 auto;min-block-size:0}.rt-ai-chat__thread-title{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__thread-part--match{border-radius:var(--rt-ai-chat-match-radius);background:var(--rt-ai-chat-match-bg);color:var(--rt-ai-chat-match-color)}.rt-ai-chat__thread-meta{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__thread-unread{border-radius:var(--rt-ai-chat-unread-radius);background:var(--rt-color-action-primary);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-semibold);line-height:18px;padding-inline:6px}.rt-ai-chat__thread-time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}}\n"], dependencies: [{ kind: "directive", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAiChatComponent, isStandalone: true, selector: "rt-ai-chat", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyDescription: { classPropertyName: "emptyDescription", publicName: "emptyDescription", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, sending: { classPropertyName: "sending", publicName: "sending", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, threads: { classPropertyName: "threads", publicName: "threads", isSignal: true, isRequired: false, transformFunction: null }, activeThreadId: { classPropertyName: "activeThreadId", publicName: "activeThreadId", isSignal: true, isRequired: false, transformFunction: null }, threadsLoading: { classPropertyName: "threadsLoading", publicName: "threadsLoading", isSignal: true, isRequired: false, transformFunction: null }, threadsFetching: { classPropertyName: "threadsFetching", publicName: "threadsFetching", isSignal: true, isRequired: false, transformFunction: null }, threadsHasMore: { classPropertyName: "threadsHasMore", publicName: "threadsHasMore", isSignal: true, isRequired: false, transformFunction: null }, emptyPreviewIcons: { classPropertyName: "emptyPreviewIcons", publicName: "emptyPreviewIcons", isSignal: true, isRequired: false, transformFunction: null }, fullScreenable: { classPropertyName: "fullScreenable", publicName: "fullScreenable", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, draft: { classPropertyName: "draft", publicName: "draft", isSignal: true, isRequired: false, transformFunction: null }, threadsOpen: { classPropertyName: "threadsOpen", publicName: "threadsOpen", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draft: "draftChange", threadsOpen: "threadsOpenChange", fullScreen: "fullScreenChange", send: "send", stop: "stop", retry: "retry", newThread: "newThread", closed: "closed", selectThread: "selectThread", deleteThread: "deleteThread", searchThreads: "searchThreads", loadMoreThreads: "loadMoreThreads", feedbackChange: "feedbackChange" }, host: { classAttribute: "rt-ai-chat" }, queries: [{ propertyName: "extraTemplate", first: true, predicate: RtAiChatMessageExtraDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "composer", first: true, predicate: RtMessageComposerComponent, descendants: true, isSignal: true }, { propertyName: "backButton", first: true, predicate: ["back"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "feed", first: true, predicate: ["feed"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-ai-chat\">\n    @if (isThreadColumn()) {\n        <aside rtElem=\"thread-column\" qa-dataid=\"ai-chat-thread-column\" [attr.aria-label]=\"t().aiThreads\">\n            <div rtElem=\"column-head\">\n                <span rtElem=\"column-title\">{{ t().aiThreads }}</span>\n                <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n            </div>\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        </aside>\n    }\n\n    <section rtElem=\"conversation\" qa-dataid=\"ai-chat\" [attr.aria-label]=\"titleText()\">\n        <header rtElem=\"header\">\n            @if (isThreadPage()) {\n                <rt-icon-button\n                    #back\n                    qa-dataid=\"ai-chat-back\"\n                    size=\"sm\"\n                    iconSize=\"sm\"\n                    icon=\"arrow-left\"\n                    [ariaLabel]=\"t().aiBackToChat\"\n                    [tooltip]=\"t().aiBackToChat\"\n                    (clicked)=\"onToggleThreads()\" />\n            }\n\n            <div rtElem=\"heading\">\n                <span rtElem=\"title\" qa-dataid=\"ai-chat-title\">\n                    @if (!isThreadPage()) {\n                        <rt-icon name=\"sparkle\" size=\"sm\" color=\"primary\" aria-hidden=\"true\" />\n                    }\n                    {{ isThreadPage() ? t().aiThreads : titleText() }}\n                </span>\n                @if (!isThreadPage() && subtitle()) {\n                    <span rtElem=\"subtitle\" qa-dataid=\"ai-chat-subtitle\">{{ subtitle() }}</span>\n                }\n            </div>\n\n            <div rtElem=\"actions\">\n                @if (fullScreenable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-full-screen\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        [icon]=\"fullScreen() ? 'window-minimize' : 'fullscreen'\"\n                        [active]=\"fullScreen()\"\n                        [ariaLabel]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        [tooltip]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        (clicked)=\"onToggleFullScreen()\" />\n                }\n                @if (hasThreads() && !isThreadPage() && !isThreadColumn()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-threads\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"history\"\n                        [ariaLabel]=\"t().aiThreads\"\n                        [tooltip]=\"t().aiThreads\"\n                        (clicked)=\"onToggleThreads()\" />\n                }\n                @if (!isThreadColumn()) {\n                    <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n                }\n                @if (closable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-close\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"close\"\n                        [ariaLabel]=\"t().aiClose\"\n                        [tooltip]=\"t().aiClose\"\n                        (clicked)=\"closed.emit()\" />\n                }\n            </div>\n        </header>\n\n        @if (isThreadPage()) {\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        } @else {\n            <div #feed rtElem=\"feed\" qa-dataid=\"ai-chat-feed\" aria-live=\"polite\" (scroll)=\"onFeedScroll()\">\n                @if (loading() && !messages().length) {\n                    <rt-spinner rtElem=\"spinner\" appearance=\"arc\" [diameter]=\"32\" />\n                } @else if (isEmpty()) {\n                    <div rtElem=\"empty\" qa-dataid=\"ai-chat-empty\">\n                        <rt-empty-state icon=\"comments\" [title]=\"emptyTitleText()\" [description]=\"emptyDescriptionText()\" />\n                        @if (suggestions().length) {\n                            <div rtElem=\"suggestions\">\n                                @for (suggestion of suggestions(); track suggestion) {\n                                    <rt-prompt-suggestion\n                                        qa-dataid=\"ai-chat-suggestion\"\n                                        [label]=\"suggestion\"\n                                        [disabled]=\"sending()\"\n                                        (picked)=\"onSuggestion($event)\" />\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @for (message of messages(); track message.id) {\n                    @if (message.role === 'user') {\n                        <div rtElem=\"question\" qa-dataid=\"ai-chat-question\">\n                            <div rtElem=\"bubble\">\n                                <span rtElem=\"author\">{{ t().aiYou }}</span>\n                                <p rtElem=\"bubble-text\">{{ message.text }}</p>\n                                @if (message.time) {\n                                    <span rtElem=\"time\">{{ message.time }}</span>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <rt-ai-chat-answer\n                            qa-dataid=\"ai-chat-answer\"\n                            [message]=\"message\"\n                            [extra]=\"extraTemplate()?.templateRef ?? null\"\n                            [expanded]=\"openRuns().has(message.id)\"\n                            (expandedChange)=\"onToggleRun(message.id, $event)\"\n                            (feedbackChange)=\"onFeedback(message, $event)\" />\n                    }\n                }\n\n                @if (error(); as runError) {\n                    <div rtElem=\"error\" qa-dataid=\"ai-chat-error\" role=\"alert\">\n                        <rt-message severity=\"danger\">{{ runError.message }}</rt-message>\n                        @if (runError.referenceId) {\n                            <rt-copy-value [label]=\"t().aiReference\" [value]=\"runError.referenceId\" [copyLabel]=\"t().aiCopyReference\" />\n                        }\n                        @if (runError.retryable) {\n                            <button\n                                rtButton\n                                type=\"button\"\n                                qa-dataid=\"ai-chat-retry\"\n                                appearance=\"text\"\n                                icon=\"sync\"\n                                size=\"sm\"\n                                [label]=\"t().aiRetry\"\n                                [attr.aria-label]=\"t().aiRetry\"\n                                [disabled]=\"sending()\"\n                                (click)=\"retry.emit()\"></button>\n                        }\n                    </div>\n                }\n            </div>\n\n            <rt-message-composer\n                rtElem=\"composer\"\n                qa-dataid=\"ai-chat-composer\"\n                stoppable\n                [placeholder]=\"placeholder()\"\n                [sending]=\"sending()\"\n                [(text)]=\"draft\"\n                (submitted)=\"onSubmitted($event)\"\n                (stopped)=\"onStop()\" />\n\n            @if (disclaimerText()) {\n                <p rtElem=\"disclaimer\" qa-dataid=\"ai-chat-disclaimer\">{{ disclaimerText() }}</p>\n            }\n        }\n    </section>\n</ng-container>\n\n<ng-template #newThreadButton>\n    <rt-icon-button\n        qa-dataid=\"ai-chat-new-thread\"\n        size=\"sm\"\n        iconSize=\"sm\"\n        icon=\"ico-plus\"\n        [disabled]=\"sending()\"\n        [ariaLabel]=\"t().aiNewThread\"\n        [tooltip]=\"t().aiNewThread\"\n        (clicked)=\"onNewThread()\" />\n</ng-template>\n\n<ng-template #threadList>\n    <ng-container rtBlock=\"rt-ai-chat\">\n        <rt-thread-list\n            rtElem=\"threads\"\n            qa-dataid=\"ai-chat-thread-list\"\n            [rows]=\"threadRows()\"\n            [activeId]=\"activeThreadId()\"\n            [searchPlaceholder]=\"t().aiSearchThreads\"\n            [emptyText]=\"threadsEmptyText()\"\n            [emptyPreviewIcons]=\"emptyPreviewIcons()\"\n            [loading]=\"threadsLoading()\"\n            [fetching]=\"threadsFetching()\"\n            [hasMore]=\"threadsHasMore()\"\n            (selectRow)=\"onSelectThread($event)\"\n            (searchChange)=\"onSearchThreads($event)\"\n            (loadMore)=\"loadMoreThreads.emit()\">\n            <ng-template let-row [rtThreadListRow]=\"threadRows()\">\n                <span rtElem=\"thread-title\" qa-dataid=\"ai-chat-thread-title\" [attr.title]=\"row.title\">\n                    @for (part of row.titleParts; track $index) {\n                        <span rtElem=\"thread-part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                <span rtElem=\"thread-meta\">\n                    @if (row.unreadCount) {\n                        <span rtElem=\"thread-unread\" qa-dataid=\"ai-chat-thread-unread\">{{ row.unreadCount }}</span>\n                    }\n                    @if (row.time) {\n                        <span rtElem=\"thread-time\">{{ row.time }}</span>\n                    }\n                </span>\n            </ng-template>\n            <ng-template let-row [rtThreadListRowActions]=\"threadRows()\">\n                <rt-icon-button\n                    qa-dataid=\"ai-chat-delete-thread\"\n                    size=\"xs\"\n                    iconSize=\"sm\"\n                    icon=\"trash\"\n                    [disabled]=\"sending() && row.id === activeThreadId()\"\n                    [ariaLabel]=\"t().aiDeleteThread\"\n                    [tooltip]=\"t().aiDeleteThread\"\n                    (clicked)=\"deleteThread.emit(row.id)\" />\n            </ng-template>\n        </rt-thread-list>\n    </ng-container>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-chat{--rt-ai-chat-bubble-radius: var(--rt-radius-xl);--rt-ai-chat-column-border-width: var(--rt-border-width-thin);--rt-ai-chat-column-width: 280px;--rt-ai-chat-match-bg: var(--rt-yellow-400);--rt-ai-chat-match-color: var(--rt-neutral-950);--rt-ai-chat-match-radius: var(--rt-radius-xs);--rt-ai-chat-unread-radius: var(--rt-radius-full);display:flex;overflow:hidden;background:var(--rt-color-bg-surface);block-size:100%;color:var(--rt-color-text-primary);min-block-size:0}.rt-ai-chat__thread-column{display:flex;flex:none;flex-direction:column;border-inline-end:var(--rt-ai-chat-column-border-width) solid var(--rt-color-border-default);inline-size:var(--rt-ai-chat-column-width)}.rt-ai-chat__column-head{display:flex;align-items:center;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__column-title{font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__conversation{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0}.rt-ai-chat__header{display:flex;flex:none;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__heading{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.rt-ai-chat__title{display:inline-flex;align-items:center;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__subtitle{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__actions{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__feed{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-md);font-size:var(--rt-text-sm);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-ai-chat__spinner{align-self:center;margin:auto}.rt-ai-chat__empty{display:flex;flex-direction:column;justify-content:center;gap:var(--rt-space-lg);margin-block:auto}.rt-ai-chat__suggestions{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-ai-chat__question{display:flex;justify-content:flex-end}.rt-ai-chat__bubble{display:flex;flex-direction:column;padding:var(--rt-space-sm) var(--rt-space-md);border-radius:var(--rt-ai-chat-bubble-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-2xs);max-inline-size:80%}.rt-ai-chat__author,.rt-ai-chat__time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__author{font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__bubble-text{margin:0;line-height:var(--rt-leading-normal);overflow-wrap:anywhere;white-space:pre-wrap}.rt-ai-chat__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-ai-chat__error rt-message{align-self:stretch}.rt-ai-chat__composer{box-sizing:border-box;flex:none;padding:var(--rt-space-sm) var(--rt-space-md) 0}.rt-ai-chat__disclaimer{flex:none;padding:var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}.rt-ai-chat__threads{flex:1 1 auto;min-block-size:0}.rt-ai-chat__thread-title{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__thread-part--match{border-radius:var(--rt-ai-chat-match-radius);background:var(--rt-ai-chat-match-bg);color:var(--rt-ai-chat-match-color)}.rt-ai-chat__thread-meta{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__thread-unread{border-radius:var(--rt-ai-chat-unread-radius);background:var(--rt-color-action-primary);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-semibold);line-height:18px;padding-inline:6px}.rt-ai-chat__thread-time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}}\n"], dependencies: [{ kind: "directive", type: 
                 // angular
                 NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 
                 // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: RtAiChatAnswerComponent, selector: "rt-ai-chat-answer", inputs: ["message", "extra", "expanded"], outputs: ["expandedChange", "feedbackChange"] }, { kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtCopyValueComponent, selector: "rt-copy-value", inputs: ["value", "label", "copyLabel"], outputs: ["copiedValue"] }, { kind: "component", type: RtEmptyStateComponent, selector: "rt-empty-state", inputs: ["icon", "glyph", "title", "description", "framed"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtMessageComponent, selector: "rt-message", inputs: ["severity", "icon", "hideIcon", "closable"], outputs: ["closed"] }, { kind: "component", type: RtMessageComposerComponent, selector: "rt-message-composer", inputs: ["placeholder", "accept", "hint", "attachments", "sending", "stoppable", "disabled", "formatting", "toolbar", "minRows", "maxRows", "droppedFiles", "text"], outputs: ["submitted", "textChange", "stopped"] }, { kind: "component", type: RtPromptSuggestionComponent, selector: "rt-prompt-suggestion", inputs: ["label", "disabled"], outputs: ["picked"] }, { kind: "component", type: RtSpinnerComponent, selector: "rt-spinner", inputs: ["diameter", "color", "appearance", "overlay", "backdrop", "plate"] }, { kind: "component", type: RtThreadListComponent, selector: "rt-thread-list", inputs: ["rows", "activeId", "searchPlaceholder", "emptyText", "loading", "fetching", "hasMore", "filtersActive"], outputs: ["selectRow", "openInNewTab", "searchChange", "loadMore"] }, { kind: "directive", type: RtThreadListRowActionsDirective, selector: "ng-template[rtThreadListRowActions]", inputs: ["rtThreadListRowActions"] }, { kind: "directive", type: RtThreadListRowDirective, selector: "ng-template[rtThreadListRow]", inputs: ["rtThreadListRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: RtAiChatAnswerComponent, selector: "rt-ai-chat-answer", inputs: ["message", "extra", "expanded"], outputs: ["expandedChange", "feedbackChange"] }, { kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtCopyValueComponent, selector: "rt-copy-value", inputs: ["value", "label", "copyLabel"], outputs: ["copiedValue"] }, { kind: "component", type: RtEmptyStateComponent, selector: "rt-empty-state", inputs: ["icon", "glyph", "title", "description", "framed"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtMessageComponent, selector: "rt-message", inputs: ["severity", "icon", "hideIcon", "closable"], outputs: ["closed"] }, { kind: "component", type: RtMessageComposerComponent, selector: "rt-message-composer", inputs: ["placeholder", "accept", "hint", "attachments", "sending", "stoppable", "disabled", "formatting", "toolbar", "minRows", "maxRows", "droppedFiles", "text"], outputs: ["submitted", "textChange", "stopped"] }, { kind: "component", type: RtPromptSuggestionComponent, selector: "rt-prompt-suggestion", inputs: ["label", "disabled"], outputs: ["picked"] }, { kind: "component", type: RtSpinnerComponent, selector: "rt-spinner", inputs: ["diameter", "color", "appearance", "overlay", "backdrop", "plate"] }, { kind: "component", type: RtThreadListComponent, selector: "rt-thread-list", inputs: ["rows", "activeId", "searchPlaceholder", "emptyText", "emptyPreviewIcons", "loading", "fetching", "hasMore", "filtersActive"], outputs: ["selectRow", "openInNewTab", "searchChange", "loadMore"] }, { kind: "directive", type: RtThreadListRowActionsDirective, selector: "ng-template[rtThreadListRowActions]", inputs: ["rtThreadListRowActions"] }, { kind: "directive", type: RtThreadListRowDirective, selector: "ng-template[rtThreadListRow]", inputs: ["rtThreadListRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAiChatComponent, decorators: [{
             type: Component,
@@ -1387,8 +1392,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         RtThreadListRowDirective,
                     ], host: {
                         class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-ai-chat\">\n    @if (isThreadColumn()) {\n        <aside rtElem=\"thread-column\" qa-dataid=\"ai-chat-thread-column\" [attr.aria-label]=\"t().aiThreads\">\n            <div rtElem=\"column-head\">\n                <span rtElem=\"column-title\">{{ t().aiThreads }}</span>\n                <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n            </div>\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        </aside>\n    }\n\n    <section rtElem=\"conversation\" qa-dataid=\"ai-chat\" [attr.aria-label]=\"titleText()\">\n        <header rtElem=\"header\">\n            @if (isThreadPage()) {\n                <rt-icon-button\n                    #back\n                    qa-dataid=\"ai-chat-back\"\n                    size=\"sm\"\n                    iconSize=\"sm\"\n                    icon=\"arrow-left\"\n                    [ariaLabel]=\"t().aiBackToChat\"\n                    [tooltip]=\"t().aiBackToChat\"\n                    (clicked)=\"onToggleThreads()\" />\n            }\n\n            <div rtElem=\"heading\">\n                <span rtElem=\"title\" qa-dataid=\"ai-chat-title\">\n                    @if (!isThreadPage()) {\n                        <rt-icon name=\"sparkle\" size=\"sm\" color=\"primary\" aria-hidden=\"true\" />\n                    }\n                    {{ isThreadPage() ? t().aiThreads : titleText() }}\n                </span>\n                @if (!isThreadPage() && subtitle()) {\n                    <span rtElem=\"subtitle\" qa-dataid=\"ai-chat-subtitle\">{{ subtitle() }}</span>\n                }\n            </div>\n\n            <div rtElem=\"actions\">\n                @if (fullScreenable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-full-screen\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        [icon]=\"fullScreen() ? 'window-minimize' : 'fullscreen'\"\n                        [active]=\"fullScreen()\"\n                        [ariaLabel]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        [tooltip]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        (clicked)=\"onToggleFullScreen()\" />\n                }\n                @if (hasThreads() && !isThreadPage() && !isThreadColumn()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-threads\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"history\"\n                        [ariaLabel]=\"t().aiThreads\"\n                        [tooltip]=\"t().aiThreads\"\n                        (clicked)=\"onToggleThreads()\" />\n                }\n                @if (!isThreadColumn()) {\n                    <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n                }\n                @if (closable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-close\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"close\"\n                        [ariaLabel]=\"t().aiClose\"\n                        [tooltip]=\"t().aiClose\"\n                        (clicked)=\"closed.emit()\" />\n                }\n            </div>\n        </header>\n\n        @if (isThreadPage()) {\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        } @else {\n            <div #feed rtElem=\"feed\" qa-dataid=\"ai-chat-feed\" aria-live=\"polite\" (scroll)=\"onFeedScroll()\">\n                @if (loading() && !messages().length) {\n                    <rt-spinner rtElem=\"spinner\" appearance=\"arc\" [diameter]=\"32\" />\n                } @else if (isEmpty()) {\n                    <div rtElem=\"empty\" qa-dataid=\"ai-chat-empty\">\n                        <rt-empty-state icon=\"comments\" [title]=\"emptyTitleText()\" [description]=\"emptyDescriptionText()\" />\n                        @if (suggestions().length) {\n                            <div rtElem=\"suggestions\">\n                                @for (suggestion of suggestions(); track suggestion) {\n                                    <rt-prompt-suggestion\n                                        qa-dataid=\"ai-chat-suggestion\"\n                                        [label]=\"suggestion\"\n                                        [disabled]=\"sending()\"\n                                        (picked)=\"onSuggestion($event)\" />\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @for (message of messages(); track message.id) {\n                    @if (message.role === 'user') {\n                        <div rtElem=\"question\" qa-dataid=\"ai-chat-question\">\n                            <div rtElem=\"bubble\">\n                                <span rtElem=\"author\">{{ t().aiYou }}</span>\n                                <p rtElem=\"bubble-text\">{{ message.text }}</p>\n                                @if (message.time) {\n                                    <span rtElem=\"time\">{{ message.time }}</span>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <rt-ai-chat-answer\n                            qa-dataid=\"ai-chat-answer\"\n                            [message]=\"message\"\n                            [extra]=\"extraTemplate()?.templateRef ?? null\"\n                            [expanded]=\"openRuns().has(message.id)\"\n                            (expandedChange)=\"onToggleRun(message.id, $event)\"\n                            (feedbackChange)=\"onFeedback(message, $event)\" />\n                    }\n                }\n\n                @if (error(); as runError) {\n                    <div rtElem=\"error\" qa-dataid=\"ai-chat-error\" role=\"alert\">\n                        <rt-message severity=\"danger\">{{ runError.message }}</rt-message>\n                        @if (runError.referenceId) {\n                            <rt-copy-value [label]=\"t().aiReference\" [value]=\"runError.referenceId\" [copyLabel]=\"t().aiCopyReference\" />\n                        }\n                        @if (runError.retryable) {\n                            <button\n                                rtButton\n                                type=\"button\"\n                                qa-dataid=\"ai-chat-retry\"\n                                appearance=\"text\"\n                                icon=\"sync\"\n                                size=\"sm\"\n                                [label]=\"t().aiRetry\"\n                                [attr.aria-label]=\"t().aiRetry\"\n                                [disabled]=\"sending()\"\n                                (click)=\"retry.emit()\"></button>\n                        }\n                    </div>\n                }\n            </div>\n\n            <rt-message-composer\n                rtElem=\"composer\"\n                qa-dataid=\"ai-chat-composer\"\n                stoppable\n                [placeholder]=\"placeholder()\"\n                [sending]=\"sending()\"\n                [(text)]=\"draft\"\n                (submitted)=\"onSubmitted($event)\"\n                (stopped)=\"onStop()\" />\n\n            @if (disclaimerText()) {\n                <p rtElem=\"disclaimer\" qa-dataid=\"ai-chat-disclaimer\">{{ disclaimerText() }}</p>\n            }\n        }\n    </section>\n</ng-container>\n\n<ng-template #newThreadButton>\n    <rt-icon-button\n        qa-dataid=\"ai-chat-new-thread\"\n        size=\"sm\"\n        iconSize=\"sm\"\n        icon=\"ico-plus\"\n        [disabled]=\"sending()\"\n        [ariaLabel]=\"t().aiNewThread\"\n        [tooltip]=\"t().aiNewThread\"\n        (clicked)=\"onNewThread()\" />\n</ng-template>\n\n<ng-template #threadList>\n    <ng-container rtBlock=\"rt-ai-chat\">\n        <rt-thread-list\n            rtElem=\"threads\"\n            qa-dataid=\"ai-chat-thread-list\"\n            [rows]=\"threadRows()\"\n            [activeId]=\"activeThreadId()\"\n            [searchPlaceholder]=\"t().aiSearchThreads\"\n            [emptyText]=\"threadsEmptyText()\"\n            [loading]=\"threadsLoading()\"\n            [fetching]=\"threadsFetching()\"\n            [hasMore]=\"threadsHasMore()\"\n            (selectRow)=\"onSelectThread($event)\"\n            (searchChange)=\"onSearchThreads($event)\"\n            (loadMore)=\"loadMoreThreads.emit()\">\n            <ng-template let-row [rtThreadListRow]=\"threadRows()\">\n                <span rtElem=\"thread-title\" qa-dataid=\"ai-chat-thread-title\" [attr.title]=\"row.title\">\n                    @for (part of row.titleParts; track $index) {\n                        <span rtElem=\"thread-part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                <span rtElem=\"thread-meta\">\n                    @if (row.unreadCount) {\n                        <span rtElem=\"thread-unread\" qa-dataid=\"ai-chat-thread-unread\">{{ row.unreadCount }}</span>\n                    }\n                    @if (row.time) {\n                        <span rtElem=\"thread-time\">{{ row.time }}</span>\n                    }\n                </span>\n            </ng-template>\n            <ng-template let-row [rtThreadListRowActions]=\"threadRows()\">\n                <rt-icon-button\n                    qa-dataid=\"ai-chat-delete-thread\"\n                    size=\"xs\"\n                    iconSize=\"sm\"\n                    icon=\"trash\"\n                    [disabled]=\"sending() && row.id === activeThreadId()\"\n                    [ariaLabel]=\"t().aiDeleteThread\"\n                    [tooltip]=\"t().aiDeleteThread\"\n                    (clicked)=\"deleteThread.emit(row.id)\" />\n            </ng-template>\n        </rt-thread-list>\n    </ng-container>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-chat{--rt-ai-chat-bubble-radius: var(--rt-radius-xl);--rt-ai-chat-column-border-width: var(--rt-border-width-thin);--rt-ai-chat-column-width: 280px;--rt-ai-chat-match-bg: var(--rt-yellow-400);--rt-ai-chat-match-color: var(--rt-neutral-950);--rt-ai-chat-match-radius: var(--rt-radius-xs);--rt-ai-chat-unread-radius: var(--rt-radius-full);display:flex;overflow:hidden;background:var(--rt-color-bg-surface);block-size:100%;color:var(--rt-color-text-primary);min-block-size:0}.rt-ai-chat__thread-column{display:flex;flex:none;flex-direction:column;border-inline-end:var(--rt-ai-chat-column-border-width) solid var(--rt-color-border-default);inline-size:var(--rt-ai-chat-column-width)}.rt-ai-chat__column-head{display:flex;align-items:center;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__column-title{font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__conversation{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0}.rt-ai-chat__header{display:flex;flex:none;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__heading{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.rt-ai-chat__title{display:inline-flex;align-items:center;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__subtitle{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__actions{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__feed{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-md);font-size:var(--rt-text-sm);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-ai-chat__spinner{align-self:center;margin:auto}.rt-ai-chat__empty{display:flex;flex-direction:column;justify-content:center;gap:var(--rt-space-lg);margin-block:auto}.rt-ai-chat__suggestions{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-ai-chat__question{display:flex;justify-content:flex-end}.rt-ai-chat__bubble{display:flex;flex-direction:column;padding:var(--rt-space-sm) var(--rt-space-md);border-radius:var(--rt-ai-chat-bubble-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-2xs);max-inline-size:80%}.rt-ai-chat__author,.rt-ai-chat__time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__author{font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__bubble-text{margin:0;line-height:var(--rt-leading-normal);overflow-wrap:anywhere;white-space:pre-wrap}.rt-ai-chat__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-ai-chat__error rt-message{align-self:stretch}.rt-ai-chat__composer{box-sizing:border-box;flex:none;padding:var(--rt-space-sm) var(--rt-space-md) 0}.rt-ai-chat__disclaimer{flex:none;padding:var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}.rt-ai-chat__threads{flex:1 1 auto;min-block-size:0}.rt-ai-chat__thread-title{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__thread-part--match{border-radius:var(--rt-ai-chat-match-radius);background:var(--rt-ai-chat-match-bg);color:var(--rt-ai-chat-match-color)}.rt-ai-chat__thread-meta{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__thread-unread{border-radius:var(--rt-ai-chat-unread-radius);background:var(--rt-color-action-primary);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-semibold);line-height:18px;padding-inline:6px}.rt-ai-chat__thread-time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { composer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtMessageComposerComponent), { isSignal: true }] }], backButton: [{ type: i0.ViewChild, args: ['back', { ...{ read: ElementRef }, isSignal: true }] }], feed: [{ type: i0.ViewChild, args: ['feed', { isSignal: true }] }], extraTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtAiChatMessageExtraDirective), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], emptyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitle", required: false }] }], emptyDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescription", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disclaimer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disclaimer", required: false }] }], sending: [{ type: i0.Input, args: [{ isSignal: true, alias: "sending", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], threads: [{ type: i0.Input, args: [{ isSignal: true, alias: "threads", required: false }] }], activeThreadId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeThreadId", required: false }] }], threadsLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsLoading", required: false }] }], threadsFetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsFetching", required: false }] }], threadsHasMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsHasMore", required: false }] }], fullScreenable: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreenable", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], draft: [{ type: i0.Input, args: [{ isSignal: true, alias: "draft", required: false }] }, { type: i0.Output, args: ["draftChange"] }], threadsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsOpen", required: false }] }, { type: i0.Output, args: ["threadsOpenChange"] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }, { type: i0.Output, args: ["fullScreenChange"] }], send: [{ type: i0.Output, args: ["send"] }], stop: [{ type: i0.Output, args: ["stop"] }], retry: [{ type: i0.Output, args: ["retry"] }], newThread: [{ type: i0.Output, args: ["newThread"] }], closed: [{ type: i0.Output, args: ["closed"] }], selectThread: [{ type: i0.Output, args: ["selectThread"] }], deleteThread: [{ type: i0.Output, args: ["deleteThread"] }], searchThreads: [{ type: i0.Output, args: ["searchThreads"] }], loadMoreThreads: [{ type: i0.Output, args: ["loadMoreThreads"] }], feedbackChange: [{ type: i0.Output, args: ["feedbackChange"] }] } });
+                    }, template: "<ng-container rtBlock=\"rt-ai-chat\">\n    @if (isThreadColumn()) {\n        <aside rtElem=\"thread-column\" qa-dataid=\"ai-chat-thread-column\" [attr.aria-label]=\"t().aiThreads\">\n            <div rtElem=\"column-head\">\n                <span rtElem=\"column-title\">{{ t().aiThreads }}</span>\n                <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n            </div>\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        </aside>\n    }\n\n    <section rtElem=\"conversation\" qa-dataid=\"ai-chat\" [attr.aria-label]=\"titleText()\">\n        <header rtElem=\"header\">\n            @if (isThreadPage()) {\n                <rt-icon-button\n                    #back\n                    qa-dataid=\"ai-chat-back\"\n                    size=\"sm\"\n                    iconSize=\"sm\"\n                    icon=\"arrow-left\"\n                    [ariaLabel]=\"t().aiBackToChat\"\n                    [tooltip]=\"t().aiBackToChat\"\n                    (clicked)=\"onToggleThreads()\" />\n            }\n\n            <div rtElem=\"heading\">\n                <span rtElem=\"title\" qa-dataid=\"ai-chat-title\">\n                    @if (!isThreadPage()) {\n                        <rt-icon name=\"sparkle\" size=\"sm\" color=\"primary\" aria-hidden=\"true\" />\n                    }\n                    {{ isThreadPage() ? t().aiThreads : titleText() }}\n                </span>\n                @if (!isThreadPage() && subtitle()) {\n                    <span rtElem=\"subtitle\" qa-dataid=\"ai-chat-subtitle\">{{ subtitle() }}</span>\n                }\n            </div>\n\n            <div rtElem=\"actions\">\n                @if (fullScreenable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-full-screen\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        [icon]=\"fullScreen() ? 'window-minimize' : 'fullscreen'\"\n                        [active]=\"fullScreen()\"\n                        [ariaLabel]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        [tooltip]=\"fullScreen() ? t().aiExitFullScreen : t().aiFullScreen\"\n                        (clicked)=\"onToggleFullScreen()\" />\n                }\n                @if (hasThreads() && !isThreadPage() && !isThreadColumn()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-threads\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"history\"\n                        [ariaLabel]=\"t().aiThreads\"\n                        [tooltip]=\"t().aiThreads\"\n                        (clicked)=\"onToggleThreads()\" />\n                }\n                @if (!isThreadColumn()) {\n                    <ng-container [ngTemplateOutlet]=\"newThreadButton\" />\n                }\n                @if (closable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-chat-close\"\n                        size=\"sm\"\n                        iconSize=\"sm\"\n                        icon=\"close\"\n                        [ariaLabel]=\"t().aiClose\"\n                        [tooltip]=\"t().aiClose\"\n                        (clicked)=\"closed.emit()\" />\n                }\n            </div>\n        </header>\n\n        @if (isThreadPage()) {\n            <ng-container [ngTemplateOutlet]=\"threadList\" />\n        } @else {\n            <div #feed rtElem=\"feed\" qa-dataid=\"ai-chat-feed\" aria-live=\"polite\" (scroll)=\"onFeedScroll()\">\n                @if (loading() && !messages().length) {\n                    <rt-spinner rtElem=\"spinner\" appearance=\"arc\" [diameter]=\"32\" />\n                } @else if (isEmpty()) {\n                    <div rtElem=\"empty\" qa-dataid=\"ai-chat-empty\">\n                        <rt-empty-state icon=\"comments\" [title]=\"emptyTitleText()\" [description]=\"emptyDescriptionText()\" />\n                        @if (suggestions().length) {\n                            <div rtElem=\"suggestions\">\n                                @for (suggestion of suggestions(); track suggestion) {\n                                    <rt-prompt-suggestion\n                                        qa-dataid=\"ai-chat-suggestion\"\n                                        [label]=\"suggestion\"\n                                        [disabled]=\"sending()\"\n                                        (picked)=\"onSuggestion($event)\" />\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @for (message of messages(); track message.id) {\n                    @if (message.role === 'user') {\n                        <div rtElem=\"question\" qa-dataid=\"ai-chat-question\">\n                            <div rtElem=\"bubble\">\n                                <span rtElem=\"author\">{{ t().aiYou }}</span>\n                                <p rtElem=\"bubble-text\">{{ message.text }}</p>\n                                @if (message.time) {\n                                    <span rtElem=\"time\">{{ message.time }}</span>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <rt-ai-chat-answer\n                            qa-dataid=\"ai-chat-answer\"\n                            [message]=\"message\"\n                            [extra]=\"extraTemplate()?.templateRef ?? null\"\n                            [expanded]=\"openRuns().has(message.id)\"\n                            (expandedChange)=\"onToggleRun(message.id, $event)\"\n                            (feedbackChange)=\"onFeedback(message, $event)\" />\n                    }\n                }\n\n                @if (error(); as runError) {\n                    <div rtElem=\"error\" qa-dataid=\"ai-chat-error\" role=\"alert\">\n                        <rt-message severity=\"danger\">{{ runError.message }}</rt-message>\n                        @if (runError.referenceId) {\n                            <rt-copy-value [label]=\"t().aiReference\" [value]=\"runError.referenceId\" [copyLabel]=\"t().aiCopyReference\" />\n                        }\n                        @if (runError.retryable) {\n                            <button\n                                rtButton\n                                type=\"button\"\n                                qa-dataid=\"ai-chat-retry\"\n                                appearance=\"text\"\n                                icon=\"sync\"\n                                size=\"sm\"\n                                [label]=\"t().aiRetry\"\n                                [attr.aria-label]=\"t().aiRetry\"\n                                [disabled]=\"sending()\"\n                                (click)=\"retry.emit()\"></button>\n                        }\n                    </div>\n                }\n            </div>\n\n            <rt-message-composer\n                rtElem=\"composer\"\n                qa-dataid=\"ai-chat-composer\"\n                stoppable\n                [placeholder]=\"placeholder()\"\n                [sending]=\"sending()\"\n                [(text)]=\"draft\"\n                (submitted)=\"onSubmitted($event)\"\n                (stopped)=\"onStop()\" />\n\n            @if (disclaimerText()) {\n                <p rtElem=\"disclaimer\" qa-dataid=\"ai-chat-disclaimer\">{{ disclaimerText() }}</p>\n            }\n        }\n    </section>\n</ng-container>\n\n<ng-template #newThreadButton>\n    <rt-icon-button\n        qa-dataid=\"ai-chat-new-thread\"\n        size=\"sm\"\n        iconSize=\"sm\"\n        icon=\"ico-plus\"\n        [disabled]=\"sending()\"\n        [ariaLabel]=\"t().aiNewThread\"\n        [tooltip]=\"t().aiNewThread\"\n        (clicked)=\"onNewThread()\" />\n</ng-template>\n\n<ng-template #threadList>\n    <ng-container rtBlock=\"rt-ai-chat\">\n        <rt-thread-list\n            rtElem=\"threads\"\n            qa-dataid=\"ai-chat-thread-list\"\n            [rows]=\"threadRows()\"\n            [activeId]=\"activeThreadId()\"\n            [searchPlaceholder]=\"t().aiSearchThreads\"\n            [emptyText]=\"threadsEmptyText()\"\n            [emptyPreviewIcons]=\"emptyPreviewIcons()\"\n            [loading]=\"threadsLoading()\"\n            [fetching]=\"threadsFetching()\"\n            [hasMore]=\"threadsHasMore()\"\n            (selectRow)=\"onSelectThread($event)\"\n            (searchChange)=\"onSearchThreads($event)\"\n            (loadMore)=\"loadMoreThreads.emit()\">\n            <ng-template let-row [rtThreadListRow]=\"threadRows()\">\n                <span rtElem=\"thread-title\" qa-dataid=\"ai-chat-thread-title\" [attr.title]=\"row.title\">\n                    @for (part of row.titleParts; track $index) {\n                        <span rtElem=\"thread-part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                <span rtElem=\"thread-meta\">\n                    @if (row.unreadCount) {\n                        <span rtElem=\"thread-unread\" qa-dataid=\"ai-chat-thread-unread\">{{ row.unreadCount }}</span>\n                    }\n                    @if (row.time) {\n                        <span rtElem=\"thread-time\">{{ row.time }}</span>\n                    }\n                </span>\n            </ng-template>\n            <ng-template let-row [rtThreadListRowActions]=\"threadRows()\">\n                <rt-icon-button\n                    qa-dataid=\"ai-chat-delete-thread\"\n                    size=\"xs\"\n                    iconSize=\"sm\"\n                    icon=\"trash\"\n                    [disabled]=\"sending() && row.id === activeThreadId()\"\n                    [ariaLabel]=\"t().aiDeleteThread\"\n                    [tooltip]=\"t().aiDeleteThread\"\n                    (clicked)=\"deleteThread.emit(row.id)\" />\n            </ng-template>\n        </rt-thread-list>\n    </ng-container>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-chat{--rt-ai-chat-bubble-radius: var(--rt-radius-xl);--rt-ai-chat-column-border-width: var(--rt-border-width-thin);--rt-ai-chat-column-width: 280px;--rt-ai-chat-match-bg: var(--rt-yellow-400);--rt-ai-chat-match-color: var(--rt-neutral-950);--rt-ai-chat-match-radius: var(--rt-radius-xs);--rt-ai-chat-unread-radius: var(--rt-radius-full);display:flex;overflow:hidden;background:var(--rt-color-bg-surface);block-size:100%;color:var(--rt-color-text-primary);min-block-size:0}.rt-ai-chat__thread-column{display:flex;flex:none;flex-direction:column;border-inline-end:var(--rt-ai-chat-column-border-width) solid var(--rt-color-border-default);inline-size:var(--rt-ai-chat-column-width)}.rt-ai-chat__column-head{display:flex;align-items:center;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__column-title{font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__conversation{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0}.rt-ai-chat__header{display:flex;flex:none;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);gap:var(--rt-space-xs)}.rt-ai-chat__heading{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.rt-ai-chat__title{display:inline-flex;align-items:center;font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);gap:var(--rt-space-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__subtitle{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__actions{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__feed{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--rt-space-md);font-size:var(--rt-text-sm);gap:var(--rt-space-md);min-block-size:0;overflow-y:auto}.rt-ai-chat__spinner{align-self:center;margin:auto}.rt-ai-chat__empty{display:flex;flex-direction:column;justify-content:center;gap:var(--rt-space-lg);margin-block:auto}.rt-ai-chat__suggestions{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-ai-chat__question{display:flex;justify-content:flex-end}.rt-ai-chat__bubble{display:flex;flex-direction:column;padding:var(--rt-space-sm) var(--rt-space-md);border-radius:var(--rt-ai-chat-bubble-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-2xs);max-inline-size:80%}.rt-ai-chat__author,.rt-ai-chat__time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-ai-chat__author{font-weight:var(--rt-font-weight-semibold)}.rt-ai-chat__bubble-text{margin:0;line-height:var(--rt-leading-normal);overflow-wrap:anywhere;white-space:pre-wrap}.rt-ai-chat__error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-ai-chat__error rt-message{align-self:stretch}.rt-ai-chat__composer{box-sizing:border-box;flex:none;padding:var(--rt-space-sm) var(--rt-space-md) 0}.rt-ai-chat__disclaimer{flex:none;padding:var(--rt-space-xs) var(--rt-space-md) var(--rt-space-sm);margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}.rt-ai-chat__threads{flex:1 1 auto;min-block-size:0}.rt-ai-chat__thread-title{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-ai-chat__thread-part--match{border-radius:var(--rt-ai-chat-match-radius);background:var(--rt-ai-chat-match-bg);color:var(--rt-ai-chat-match-color)}.rt-ai-chat__thread-meta{display:flex;flex:none;align-items:center;gap:var(--rt-space-xs)}.rt-ai-chat__thread-unread{border-radius:var(--rt-ai-chat-unread-radius);background:var(--rt-color-action-primary);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-semibold);line-height:18px;padding-inline:6px}.rt-ai-chat__thread-time{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { composer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtMessageComposerComponent), { isSignal: true }] }], backButton: [{ type: i0.ViewChild, args: ['back', { ...{ read: ElementRef }, isSignal: true }] }], feed: [{ type: i0.ViewChild, args: ['feed', { isSignal: true }] }], extraTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtAiChatMessageExtraDirective), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], emptyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitle", required: false }] }], emptyDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescription", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disclaimer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disclaimer", required: false }] }], sending: [{ type: i0.Input, args: [{ isSignal: true, alias: "sending", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], threads: [{ type: i0.Input, args: [{ isSignal: true, alias: "threads", required: false }] }], activeThreadId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeThreadId", required: false }] }], threadsLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsLoading", required: false }] }], threadsFetching: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsFetching", required: false }] }], threadsHasMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsHasMore", required: false }] }], emptyPreviewIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyPreviewIcons", required: false }] }], fullScreenable: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreenable", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], draft: [{ type: i0.Input, args: [{ isSignal: true, alias: "draft", required: false }] }, { type: i0.Output, args: ["draftChange"] }], threadsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "threadsOpen", required: false }] }, { type: i0.Output, args: ["threadsOpenChange"] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }, { type: i0.Output, args: ["fullScreenChange"] }], send: [{ type: i0.Output, args: ["send"] }], stop: [{ type: i0.Output, args: ["stop"] }], retry: [{ type: i0.Output, args: ["retry"] }], newThread: [{ type: i0.Output, args: ["newThread"] }], closed: [{ type: i0.Output, args: ["closed"] }], selectThread: [{ type: i0.Output, args: ["selectThread"] }], deleteThread: [{ type: i0.Output, args: ["deleteThread"] }], searchThreads: [{ type: i0.Output, args: ["searchThreads"] }], loadMoreThreads: [{ type: i0.Output, args: ["loadMoreThreads"] }], feedbackChange: [{ type: i0.Output, args: ["feedbackChange"] }] } });
 
 /*
  * Вход @rt-tools/ui-kit-v2/rich-editor — компоненты, которые работают на библиотеке quill: редактор