@m6d/cortex-client 1.4.2 → 1.6.0

package/fesm2022/m6d-cortex-client.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, NgZone, Injectable, signal, DestroyRef, Pipe, input, ViewEncapsulation, ChangeDetectionStrategy, Component, computed, forwardRef, effect, viewChild, model, Injector } from '@angular/core';
+import { InjectionToken, inject, NgZone, Injectable, signal, computed, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, Pipe, input, effect, forwardRef, afterNextRender, viewChild, model, Injector } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { FormControl, Validators, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { TranslatePipe, TranslateService, provideTranslateService, provideTranslateLoader } from '@ngx-translate/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Chat } from '@ai-sdk/angular';
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls, isStaticToolUIPart, generateId } from 'ai';
-import { Observable, retry, timer, share, Subject, of, defer, finalize, tap, switchMap, map, concatMap } from 'rxjs';
+import { Subject, Observable, retry, timer, share, of, defer, finalize, tap, switchMap, map } from 'rxjs';
 import { fromPromise } from 'rxjs/internal/observable/innerFrom';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { marked } from 'marked';
 import DOMPurify from 'dompurify';
 import * as i1 from '@angular/platform-browser';
-import { NgClass, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
+import { NgClass, NgTemplateOutlet, NgComponentOutlet, DecimalPipe, JsonPipe } from '@angular/common';
 import hljs from 'highlight.js/lib/core';
 import javascript from 'highlight.js/lib/languages/javascript';
 import json from 'highlight.js/lib/languages/json';
@@ -19,19 +19,31 @@ import sql from 'highlight.js/lib/languages/sql';
 
 const CORTEX_CLIENT_CONFIG = new InjectionToken('CORTEX_CLIENT_CONFIG');
 
+function createLatch(count, onComplete) {
+    let remaining = count;
+    return async () => {
+        if (--remaining === 0)
+            await onComplete();
+    };
+}
+
 class CortexClientWebSocketService {
+    openedSubject = new Subject();
     events$;
     constructor() {
         const config = inject(CORTEX_CLIENT_CONFIG);
         const ngZone = inject(NgZone);
         this.events$ = new Observable((subscriber) => {
-            const wsUrl = config.wsUrl ?? deriveWsUrl(config.transport.baseUrl);
+            const wsUrl = resolveWsUrl(config.wsUrl, config.transport.baseUrl);
             let ws;
             Promise.resolve(config.transport.getAuthHeaders()).then((headers) => {
                 if (subscriber.closed)
                     return;
                 const fullWsUrl = appendTokenToUrl(wsUrl, headers);
                 ws = new WebSocket(fullWsUrl);
+                ws.addEventListener('open', () => {
+                    ngZone.run(() => this.openedSubject.next());
+                });
                 ws.addEventListener('message', (event) => {
                     let parsed;
                     try {
@@ -53,12 +65,24 @@ class CortexClientWebSocketService {
     get events() {
         return this.events$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientWebSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientWebSocketService });
+    get opened() {
+        return this.openedSubject.asObservable();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientWebSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientWebSocketService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientWebSocketService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientWebSocketService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
+function resolveWsUrl(wsUrl, baseUrl) {
+    const resolvedUrl = wsUrl ?? deriveWsUrl(baseUrl);
+    if (!wsUrl)
+        return resolvedUrl;
+    const agentId = extractAgentId(baseUrl);
+    if (!agentId)
+        return resolvedUrl;
+    return appendAgentIdToUrl(resolvedUrl, agentId);
+}
 function deriveWsUrl(baseUrl) {
     const url = typeof baseUrl === 'string' ? baseUrl : baseUrl();
     const parsed = new URL(url, window.location.origin);
@@ -66,13 +90,36 @@ function deriveWsUrl(baseUrl) {
     parsed.pathname = parsed.pathname.replace(/\/$/, '') + '/ws';
     return parsed.toString();
 }
+function extractAgentId(baseUrl) {
+    const url = typeof baseUrl === 'string' ? baseUrl : baseUrl();
+    const parsed = new URL(url, window.location.origin);
+    const segments = parsed.pathname.split('/').filter(Boolean);
+    const agentsIndex = segments.lastIndexOf('agents');
+    if (agentsIndex === -1)
+        return undefined;
+    return segments[agentsIndex + 1];
+}
+function appendAgentIdToUrl(wsUrl, agentId) {
+    const parsed = new URL(wsUrl, window.location.origin);
+    if (parsed.searchParams.has('agentId') || hasAgentIdInPath(parsed))
+        return parsed.toString();
+    parsed.searchParams.set('agentId', agentId);
+    return parsed.toString();
+}
+function hasAgentIdInPath(url) {
+    const segments = url.pathname.split('/').filter(Boolean);
+    const agentsIndex = segments.lastIndexOf('agents');
+    return agentsIndex !== -1 && Boolean(segments[agentsIndex + 1]);
+}
 function appendTokenToUrl(wsUrl, headers) {
     const authHeader = headers['Authorization'] ?? headers['authorization'];
     if (!authHeader?.startsWith('Bearer '))
         return wsUrl;
-    const token = authHeader.slice(7);
-    const separator = wsUrl.includes('?') ? '&' : '?';
-    return `${wsUrl}${separator}token=${encodeURIComponent(token)}`;
+    const parsed = new URL(wsUrl, window.location.origin);
+    if (parsed.searchParams.has('token'))
+        return parsed.toString();
+    parsed.searchParams.set('token', authHeader.slice(7));
+    return parsed.toString();
 }
 
 class CortexChatService {
@@ -80,23 +127,34 @@ class CortexChatService {
     selectedThread = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedThread" }] : /* istanbul ignore next */ []));
     chat = signal(undefined, ...(ngDevMode ? [{ debugName: "chat" }] : /* istanbul ignore next */ []));
     isLoadingMessages = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingMessages" }] : /* istanbul ignore next */ []));
-    isAgentWorking = signal(false, ...(ngDevMode ? [{ debugName: "isAgentWorking" }] : /* istanbul ignore next */ []));
+    isAgentWorking = computed(() => {
+        const chat = this.chat();
+        if (!chat)
+            return false;
+        const status = chat.status;
+        return status === 'submitted' || status === 'streaming';
+    }, ...(ngDevMode ? [{ debugName: "isAgentWorking" }] : /* istanbul ignore next */ []));
     hasPendingToolCalls = signal(false, ...(ngDevMode ? [{ debugName: "hasPendingToolCalls" }] : /* istanbul ignore next */ []));
     events = new Subject();
     activeThreadSelectionId = 0;
+    completeLatchThreadId = undefined;
+    hasSeenWsOpen = false;
     config = inject(CORTEX_CLIENT_CONFIG);
     wsService = inject(CortexClientWebSocketService);
     destroyRef = inject(DestroyRef);
+    completeLatch = undefined;
     constructor() {
         this.reloadThreads().subscribe();
         this.subscribeToWsEvents();
+        this.subscribeToWsConnections();
     }
     get events$() {
         return this.events.asObservable();
     }
     selectThread(thread, options) {
-        if (this.selectedThread()?.id === thread.id && this.chat() && !this.isLoadingMessages())
+        if (this.selectedThread()?.id === thread.id && this.chat() && !this.isLoadingMessages()) {
             return of();
+        }
         const selectionId = ++this.activeThreadSelectionId;
         return (options?.skipLoadingMessages
             ? of([])
@@ -131,22 +189,26 @@ class CortexChatService {
                         output,
                     });
                 },
-                onError: () => {
-                    this.isAgentWorking.set(false);
+                onError: async () => {
                     this.hasPendingToolCalls.set(false);
                     this.events.next('onError');
+                    await this.completeLatch?.();
                 },
-                onFinish: () => {
-                    this.isAgentWorking.set(false);
+                onFinish: async () => {
                     this.hasPendingToolCalls.set(this.hasIncompleteToolCalls(chat.messages));
                     this.events.next('onFinish');
+                    if (this.completeLatch) {
+                        await this.completeLatch();
+                    }
+                    else {
+                        this.onThreadMessagesUpdated({ threadId: thread.id });
+                    }
                 },
-                messages: messages,
+                messages,
                 transport: new DefaultChatTransport({
                     api: this.resolveUrl('/chat'),
                     headers: async () => await this.resolveHeaders(),
                     prepareSendMessagesRequest: ({ messages, id, body, ...rest }) => {
-                        this.isAgentWorking.set(true);
                         this.hasPendingToolCalls.set(false);
                         return {
                             ...rest,
@@ -163,15 +225,20 @@ class CortexChatService {
             this.chat.set(chat);
             this.selectedThread.set(thread);
             this.syncConversationState(messages);
+            this.resumeChat(thread.id, {
+                reloadMessagesFirst: false,
+                reloadMessagesAfterResume: false,
+            });
             this.events.next('onThreadSelected');
         }));
     }
     deselectThread() {
         this.activeThreadSelectionId += 1;
-        this.abort();
+        this.chat()?.stop();
         this.isLoadingMessages.set(false);
-        this.isAgentWorking.set(false);
         this.hasPendingToolCalls.set(false);
+        this.completeLatch = undefined;
+        this.completeLatchThreadId = undefined;
         if (!this.selectedThread() && !this.chat())
             return;
         this.selectedThread.set(undefined);
@@ -181,64 +248,204 @@ class CortexChatService {
         if (this.isAgentWorking() || this.hasPendingToolCalls())
             return of();
         const ensureThread = this.selectedThread()
-            ? of(undefined)
+            ? of(this.selectedThread().id)
             : fromPromise(this.fetchJson('/threads', {
                 method: 'POST',
                 body: JSON.stringify({ prompt }),
-            })).pipe(switchMap((thread) => this.selectThread(thread, { skipLoadingMessages: true }).pipe(map(() => undefined))), tap(() => this.reloadThreads().subscribe()));
-        return ensureThread.pipe(switchMap(() => fromPromise(this.chat().sendMessage({ text: prompt }))), tap(() => this.events.next('onSend')));
+            })).pipe(tap((thread) => this.upsertThread(thread)), switchMap((thread) => this.selectThread(thread, { skipLoadingMessages: true }).pipe(map(() => thread.id))));
+        return ensureThread.pipe(tap((threadId) => {
+            this.events.next('onSend');
+            this.updateThreadRunning(threadId, true);
+            this.completeLatchThreadId = threadId;
+            this.completeLatch = createLatch(2, () => {
+                this.onThreadMessagesUpdated({ threadId });
+                this.completeLatch = undefined;
+                this.completeLatchThreadId = undefined;
+            });
+        }), switchMap(() => fromPromise(this.chat().sendMessage({ text: prompt }))));
     }
     abort() {
         const chat = this.chat();
         if (!chat || !this.isAgentWorking())
             return;
+        const threadId = this.selectedThread()?.id;
+        if (threadId) {
+            this.updateThreadRunning(threadId, false);
+            this.fetchJson(`/chat/${threadId}/abort`, { method: 'POST' }).catch(() => { });
+        }
         chat.stop();
-        this.isAgentWorking.set(false);
         this.hasPendingToolCalls.set(false);
-        const threadId = this.selectedThread()?.id;
-        if (!threadId)
-            return;
-        this.reloadMessages(threadId).subscribe((messages) => {
-            if (this.chat() !== chat)
-                return;
-            if (this.selectedThread()?.id !== threadId)
-                return;
-            chat.messages = messages;
-            this.syncConversationState(messages);
-        });
     }
     deleteThread(threadId) {
-        if (this.selectedThread()?.id === threadId)
+        if (this.selectedThread()?.id === threadId) {
             this.deselectThread();
-        return fromPromise(this.fetchJson(`/threads/${threadId}`, { method: 'DELETE' })).pipe(concatMap(() => this.reloadThreads()));
+        }
+        return fromPromise(this.fetchJson(`/threads/${threadId}`, { method: 'DELETE' })).pipe(tap(() => this.removeThread(threadId)));
     }
     subscribeToWsEvents() {
-        this.wsService.events.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
+        this.wsService.events.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async (event) => {
             switch (event.type) {
+                case 'thread:created':
+                    this.upsertThread(event.payload.thread);
+                    break;
+                case 'thread:deleted':
+                    this.onThreadDeleted(event.payload);
+                    break;
                 case 'thread:title-updated':
                     this.onThreadTitleUpdated(event.payload);
                     break;
+                case 'thread:run-started':
+                    await this.onThreadRunStarted(event.payload);
+                    break;
+                case 'thread:run-finished':
+                    this.onThreadRunFinished(event.payload);
+                    break;
+                case 'thread:messages-updated':
+                    this.upsertThread(event.payload.thread);
+                    if (this.completeLatch && this.completeLatchThreadId === event.payload.threadId) {
+                        await this.completeLatch();
+                    }
+                    else {
+                        this.onThreadMessagesUpdated(event.payload);
+                    }
+                    break;
             }
         });
     }
+    subscribeToWsConnections() {
+        this.wsService.opened.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            if (!this.hasSeenWsOpen) {
+                this.hasSeenWsOpen = true;
+                return;
+            }
+            this.reloadThreads().subscribe(() => {
+                const threadId = this.selectedThread()?.id;
+                if (!threadId || this.isAgentWorking())
+                    return;
+                this.resumeChat(threadId, {
+                    reloadMessagesFirst: true,
+                    reloadMessagesAfterResume: true,
+                });
+            });
+        });
+    }
+    onThreadMessagesUpdated(payload) {
+        const chat = this.chat();
+        if (!chat || this.selectedThread()?.id !== payload.threadId)
+            return;
+        if (this.isAgentWorking())
+            return;
+        this.reloadMessages(payload.threadId).subscribe((messages) => {
+            if (this.chat() !== chat)
+                return;
+            if (this.selectedThread()?.id !== payload.threadId)
+                return;
+            chat.messages = messages;
+            this.syncConversationState(messages);
+        });
+    }
+    async onThreadRunStarted(payload) {
+        this.upsertThread(payload.thread);
+        if (this.selectedThread()?.id !== payload.thread.id || this.isAgentWorking())
+            return;
+        await this.resumeChat(payload.thread.id, {
+            reloadMessagesFirst: true,
+            reloadMessagesAfterResume: true,
+        });
+    }
     onThreadTitleUpdated(payload) {
+        this.upsertThread(payload.thread);
+    }
+    onThreadRunFinished(payload) {
+        this.upsertThread(payload.thread);
+    }
+    onThreadDeleted(payload) {
+        this.removeThread(payload.threadId);
+        if (this.selectedThread()?.id !== payload.threadId)
+            return;
+        this.deselectThread();
+    }
+    upsertThread(thread) {
+        const current = this.threads();
+        const nextThreads = current ? [...current] : [];
+        const existingIndex = nextThreads.findIndex((currentThread) => currentThread.id === thread.id);
+        if (existingIndex === -1) {
+            nextThreads.push(thread);
+        }
+        else {
+            nextThreads[existingIndex] = { ...nextThreads[existingIndex], ...thread };
+        }
+        this.threads.set(this.sortThreads(nextThreads));
+        const selected = this.selectedThread();
+        if (selected?.id === thread.id) {
+            this.selectedThread.set({ ...selected, ...thread });
+        }
+    }
+    removeThread(threadId) {
         const current = this.threads();
-        if (current) {
-            this.threads.set(current.map((t) => (t.id === payload.threadId ? { ...t, title: payload.title } : t)));
+        if (!current)
+            return;
+        this.threads.set(current.filter((thread) => thread.id !== threadId));
+    }
+    updateThreadRunning(threadId, isRunning) {
+        const thread = this.threads()?.find((currentThread) => currentThread.id === threadId);
+        if (thread) {
+            this.upsertThread({ ...thread, isRunning });
         }
         const selected = this.selectedThread();
-        if (selected?.id === payload.threadId) {
-            this.selectedThread.set({ ...selected, title: payload.title });
+        if (selected?.id === threadId) {
+            this.selectedThread.set({ ...selected, isRunning });
+        }
+    }
+    sortThreads(threads) {
+        return [...threads].sort((left, right) => {
+            const updatedAtDelta = Date.parse(right.updatedAt) - Date.parse(left.updatedAt);
+            if (updatedAtDelta !== 0)
+                return updatedAtDelta;
+            return Date.parse(right.createdAt) - Date.parse(left.createdAt);
+        });
+    }
+    async resumeChat(threadId, options) {
+        const chat = this.chat();
+        if (!chat || this.selectedThread()?.id !== threadId)
+            return;
+        if (options.reloadMessagesFirst) {
+            try {
+                await this.reloadMessagesForSelectedThread(threadId);
+            }
+            catch {
+                return;
+            }
+            if (this.chat() !== chat || this.selectedThread()?.id !== threadId)
+                return;
         }
+        void chat.resumeStream().then(() => {
+            if (this.chat() !== chat || this.selectedThread()?.id !== threadId)
+                return;
+            if (this.isAgentWorking())
+                return;
+            if (!options.reloadMessagesAfterResume)
+                return;
+            this.reloadMessagesForSelectedThread(threadId).catch(() => { });
+        });
+    }
+    async reloadMessagesForSelectedThread(threadId) {
+        const chat = this.chat();
+        if (!chat || this.selectedThread()?.id !== threadId)
+            return;
+        const messages = await this.fetchJson(`/threads/${threadId}/messages`);
+        if (this.chat() !== chat || this.selectedThread()?.id !== threadId)
+            return;
+        chat.messages = messages;
+        this.syncConversationState(messages);
     }
     reloadThreads() {
-        return fromPromise(this.fetchJson('/threads')).pipe(tap((threads) => this.threads.set(threads)));
+        return fromPromise(this.fetchJson('/threads')).pipe(tap((threads) => this.threads.set(this.sortThreads(threads))));
     }
     reloadMessages(threadId) {
         return fromPromise(this.fetchJson(`/threads/${threadId}/messages`));
     }
     syncConversationState(messages) {
-        this.isAgentWorking.set(false);
         this.hasPendingToolCalls.set(this.hasIncompleteToolCalls(messages));
     }
     hasIncompleteToolCalls(messages) {
@@ -294,10 +501,10 @@ class CortexChatService {
         const text = await res.text();
         return text ? JSON.parse(text) : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexChatService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexChatService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexChatService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexChatService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 /**
@@ -321,6 +528,15 @@ function fixChat(chat) {
     chat.state.snapshot = deepClone;
 }
 
+class MessageAbortedFlagComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageAbortedFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: MessageAbortedFlagComponent, isStandalone: true, selector: "cortex-message-aborted-flag", host: { classAttribute: "cortex-aborted-flag" }, ngImport: i0, template: "<span class=\"cortex-aborted-flag__line\"></span>\n<span class=\"cortex-aborted-flag__label\">\n  <svg class=\"cortex-aborted-flag__icon\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n    <path d=\"M6 1.5v5M6 8.75v.5\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" />\n  </svg>\n  {{ 'translate_aborted' | translate }}\n</span>\n<span class=\"cortex-aborted-flag__line\"></span>\n", styles: ["@keyframes cortex-aborted-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cortex-aborted-flag{display:flex;align-items:center;gap:.625rem;padding:.25rem 0;animation:cortex-aborted-fade-in .3s ease-out both;-webkit-user-select:none;user-select:none}.cortex-aborted-flag__line{flex:1;height:1px;background:repeating-linear-gradient(90deg,#e2a36f 0px,#e2a36f 4px,transparent 4px,transparent 8px);opacity:.5}.cortex-aborted-flag__label{display:inline-flex;align-items:center;gap:.3125rem;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c2824a}.cortex-aborted-flag__icon{color:#c2824a;flex-shrink:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageAbortedFlagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cortex-message-aborted-flag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [TranslatePipe], host: { class: 'cortex-aborted-flag' }, template: "<span class=\"cortex-aborted-flag__line\"></span>\n<span class=\"cortex-aborted-flag__label\">\n  <svg class=\"cortex-aborted-flag__icon\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n    <path d=\"M6 1.5v5M6 8.75v.5\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" />\n  </svg>\n  {{ 'translate_aborted' | translate }}\n</span>\n<span class=\"cortex-aborted-flag__line\"></span>\n", styles: ["@keyframes cortex-aborted-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cortex-aborted-flag{display:flex;align-items:center;gap:.625rem;padding:.25rem 0;animation:cortex-aborted-fade-in .3s ease-out both;-webkit-user-select:none;user-select:none}.cortex-aborted-flag__line{flex:1;height:1px;background:repeating-linear-gradient(90deg,#e2a36f 0px,#e2a36f 4px,transparent 4px,transparent 8px);opacity:.5}.cortex-aborted-flag__label{display:inline-flex;align-items:center;gap:.3125rem;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c2824a}.cortex-aborted-flag__icon{color:#c2824a;flex-shrink:0}\n"] }]
+        }] });
+
 class MarkedPipe {
     sanitizer;
     constructor(sanitizer) {
@@ -337,10 +553,10 @@ class MarkedPipe {
             .replace(/<(t[hd])([\s>])/g, '<$1 style="padding:0.5rem 1rem"$2');
         return this.sanitizer.bypassSecurityTrustHtml(DOMPurify.sanitize(html));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MarkedPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: MarkedPipe, isStandalone: true, name: "marked" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MarkedPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.5", ngImport: i0, type: MarkedPipe, isStandalone: true, name: "marked" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MarkedPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MarkedPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'marked',
@@ -348,23 +564,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
 
+/**
+ * Smooths the display of streamed text by buffering incoming characters
+ * and releasing them at a consistent rate, eliminating the jerky appearance
+ * caused by uneven token delivery from LLMs.
+ *
+ * Uses a proportional drain strategy: each animation frame releases a fraction
+ * of the buffered characters, creating natural smoothing that adapts to
+ * the incoming token rate.
+ */
+class StreamTextSmoother {
+    onUpdate;
+    fullText = '';
+    displayedLength = 0;
+    animationFrameId = null;
+    isDone = false;
+    /**
+     * Fraction of buffer to release per frame.
+     * At 60fps, 0.03 means roughly half the buffer drains in ~23 frames (~383ms).
+     */
+    static DRAIN_FRACTION = 0.03;
+    /** Minimum characters to release per frame to prevent stalling at small buffer sizes. */
+    static MIN_CHARS_PER_FRAME = 1;
+    /** Faster drain fraction when the stream has completed, for a quick but smooth flush. */
+    static DONE_DRAIN_FRACTION = 0.1;
+    constructor(onUpdate) {
+        this.onUpdate = onUpdate;
+    }
+    seed(displayedText) {
+        this.fullText = displayedText;
+        this.displayedLength = displayedText.length;
+        this.onUpdate(displayedText);
+    }
+    update(newFullText, done) {
+        this.fullText = newFullText;
+        this.isDone = done;
+        this.displayedLength = Math.min(this.displayedLength, this.fullText.length);
+        if (done && this.displayedLength >= this.fullText.length) {
+            this.onUpdate(this.fullText);
+            this.stopAnimation();
+            return;
+        }
+        if (!this.animationFrameId) {
+            this.scheduleFrame();
+        }
+    }
+    destroy() {
+        this.stopAnimation();
+    }
+    scheduleFrame() {
+        this.animationFrameId = requestAnimationFrame(() => this.tick());
+    }
+    tick() {
+        const bufferSize = this.fullText.length - this.displayedLength;
+        if (bufferSize <= 0) {
+            this.animationFrameId = null;
+            return;
+        }
+        const fraction = this.isDone
+            ? StreamTextSmoother.DONE_DRAIN_FRACTION
+            : StreamTextSmoother.DRAIN_FRACTION;
+        const charsToRelease = Math.max(StreamTextSmoother.MIN_CHARS_PER_FRAME, Math.ceil(bufferSize * fraction));
+        this.displayedLength = Math.min(this.fullText.length, this.displayedLength + charsToRelease);
+        this.onUpdate(this.fullText.substring(0, this.displayedLength));
+        if (this.displayedLength < this.fullText.length) {
+            this.scheduleFrame();
+        }
+        else {
+            this.animationFrameId = null;
+        }
+    }
+    stopAnimation() {
+        if (this.animationFrameId) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+    }
+}
+
 class MessageTextPartComponent {
     role = input.required(...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
     textPart = input.required(...(ngDevMode ? [{ debugName: "textPart" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageTextPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: MessageTextPartComponent, isStandalone: true, selector: "cortex-message-text-part", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: true, transformFunction: null }, textPart: { classPropertyName: "textPart", publicName: "textPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"cortex-text-part\"\n  [class.cortex-text-part--assistant]=\"role() === 'assistant'\"\n  [class.cortex-text-part--user]=\"role() === 'user'\"\n>\n  <div\n    class=\"cortex-text-bubble\"\n    [class.cortex-text-bubble--assistant]=\"role() === 'assistant'\"\n    [class.cortex-text-bubble--user]=\"role() === 'user'\"\n    [innerHTML]=\"textPart().text | marked\"\n  ></div>\n</div>\n", styles: [".cortex-text-part{width:100%;display:flex;flex-direction:column}.cortex-text-part--assistant{align-items:flex-end}.cortex-text-part--user{align-items:flex-start}[dir=rtl] .cortex-text-part--assistant{align-items:flex-end}[dir=rtl] .cortex-text-part--user{align-items:flex-start}.cortex-text-bubble{max-width:80%;font-size:.8125rem;line-height:1.625;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;color:#334155}.cortex-text-bubble--assistant{background:#f1f5f9;border-bottom-right-radius:0}[dir=rtl] .cortex-text-bubble--assistant{border-bottom-right-radius:1rem;border-bottom-left-radius:0}.cortex-text-bubble--user{background:#f8fafc;border-bottom-left-radius:0}[dir=rtl] .cortex-text-bubble--user{border-bottom-left-radius:1rem;border-bottom-right-radius:0}.cortex-text-bubble h1,.cortex-text-bubble h2,.cortex-text-bubble h3,.cortex-text-bubble h4,.cortex-text-bubble h5,.cortex-text-bubble h6{margin-top:1.25em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:#1e293b}.cortex-text-bubble h1:first-child,.cortex-text-bubble h2:first-child,.cortex-text-bubble h3:first-child,.cortex-text-bubble h4:first-child,.cortex-text-bubble h5:first-child,.cortex-text-bubble h6:first-child{margin-top:0}.cortex-text-bubble h1{font-size:1.25em}.cortex-text-bubble h2{font-size:1.125em}.cortex-text-bubble h3{font-size:1em}.cortex-text-bubble p{margin-top:.75em;margin-bottom:.75em}.cortex-text-bubble p:first-child{margin-top:0}.cortex-text-bubble p:last-child{margin-bottom:0}.cortex-text-bubble ul,.cortex-text-bubble ol{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1.5em}.cortex-text-bubble ul{list-style-type:disc}.cortex-text-bubble ol{list-style-type:decimal}.cortex-text-bubble li{margin-top:.25em;margin-bottom:.25em}.cortex-text-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#e2e8f0;padding:.125em .375em;border-radius:.25rem}.cortex-text-bubble pre{margin-top:.75em;margin-bottom:.75em;padding:.75em 1em;background:#1e293b;border-radius:.5rem;overflow-x:auto;font-size:.8125em;line-height:1.6}.cortex-text-bubble pre code{background:transparent;padding:0;color:#e2e8f0}.cortex-text-bubble blockquote{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1em;border-inline-start:3px solid #cbd5e1;color:#64748b;font-style:italic}.cortex-text-bubble a{color:#2563eb;text-decoration:underline}.cortex-text-bubble a:hover{color:#1d4ed8}.cortex-text-bubble table{width:100%;border-collapse:collapse;margin-top:.75em;margin-bottom:.75em;font-size:.875em}.cortex-text-bubble th,.cortex-text-bubble td{border:1px solid #e2e8f0;padding:.375em .75em;text-align:start}.cortex-text-bubble th{background:#f8fafc;font-weight:600}.cortex-text-bubble hr{margin-top:1.5em;margin-bottom:1.5em;border:none;border-top:1px solid #e2e8f0}.cortex-text-bubble img{max-width:100%;height:auto;border-radius:.375rem}\n"], dependencies: [{ kind: "pipe", type: MarkedPipe, name: "marked" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    displayedText = signal('', ...(ngDevMode ? [{ debugName: "displayedText" }] : /* istanbul ignore next */ []));
+    smoother = null;
+    isFirstRender = true;
+    constructor() {
+        effect(() => {
+            const part = this.textPart();
+            const role = this.role();
+            const isStreaming = part.state === 'streaming';
+            if (role !== 'assistant') {
+                this.destroySmoother();
+                this.displayedText.set(part.text);
+                this.isFirstRender = false;
+                return;
+            }
+            if (!isStreaming) {
+                this.destroySmoother();
+                this.displayedText.set(part.text);
+                this.isFirstRender = false;
+                return;
+            }
+            if (this.isFirstRender) {
+                this.ensureSmoother();
+                this.smoother.seed(part.text);
+                this.isFirstRender = false;
+                return;
+            }
+            this.isFirstRender = false;
+            this.ensureSmoother();
+            this.smoother.update(part.text, false);
+        });
+    }
+    ngOnDestroy() {
+        this.destroySmoother();
+    }
+    destroySmoother() {
+        if (this.smoother) {
+            this.smoother.destroy();
+            this.smoother = null;
+        }
+    }
+    ensureSmoother() {
+        if (this.smoother) {
+            return;
+        }
+        this.smoother = new StreamTextSmoother((text) => this.displayedText.set(text));
+        this.smoother.seed(this.displayedText());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageTextPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: MessageTextPartComponent, isStandalone: true, selector: "cortex-message-text-part", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: true, transformFunction: null }, textPart: { classPropertyName: "textPart", publicName: "textPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"cortex-text-part\"\n  [class.cortex-text-part--assistant]=\"role() === 'assistant'\"\n  [class.cortex-text-part--user]=\"role() === 'user'\"\n>\n  <div\n    class=\"cortex-text-bubble\"\n    [class.cortex-text-bubble--assistant]=\"role() === 'assistant'\"\n    [class.cortex-text-bubble--user]=\"role() === 'user'\"\n    [innerHTML]=\"displayedText() | marked\"\n  ></div>\n</div>\n", styles: [".cortex-text-part{width:100%;display:flex;flex-direction:column}.cortex-text-part--assistant{align-items:flex-start}.cortex-text-part--user{align-items:flex-end}[dir=rtl] .cortex-text-part--assistant{align-items:flex-start}[dir=rtl] .cortex-text-part--user{align-items:flex-end}.cortex-text-bubble{max-width:80%;font-size:.8125rem;line-height:1.625;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;color:#334155}.cortex-text-bubble--assistant{background:#f1f5f9;border-bottom-left-radius:0}[dir=rtl] .cortex-text-bubble--assistant{border-bottom-left-radius:1rem;border-bottom-right-radius:0}.cortex-text-bubble--user{background:#f8fafc;border-bottom-right-radius:0}[dir=rtl] .cortex-text-bubble--user{border-bottom-right-radius:1rem;border-bottom-left-radius:0}.cortex-text-bubble h1,.cortex-text-bubble h2,.cortex-text-bubble h3,.cortex-text-bubble h4,.cortex-text-bubble h5,.cortex-text-bubble h6{margin-top:1.25em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:#1e293b}.cortex-text-bubble h1:first-child,.cortex-text-bubble h2:first-child,.cortex-text-bubble h3:first-child,.cortex-text-bubble h4:first-child,.cortex-text-bubble h5:first-child,.cortex-text-bubble h6:first-child{margin-top:0}.cortex-text-bubble h1{font-size:1.25em}.cortex-text-bubble h2{font-size:1.125em}.cortex-text-bubble h3{font-size:1em}.cortex-text-bubble p{margin-top:.75em;margin-bottom:.75em}.cortex-text-bubble p:first-child{margin-top:0}.cortex-text-bubble p:last-child{margin-bottom:0}.cortex-text-bubble ul,.cortex-text-bubble ol{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1.5em}.cortex-text-bubble ul{list-style-type:disc}.cortex-text-bubble ol{list-style-type:decimal}.cortex-text-bubble li{margin-top:.25em;margin-bottom:.25em}.cortex-text-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#e2e8f0;padding:.125em .375em;border-radius:.25rem}.cortex-text-bubble pre{margin-top:.75em;margin-bottom:.75em;padding:.75em 1em;background:#1e293b;border-radius:.5rem;overflow-x:auto;font-size:.8125em;line-height:1.6}.cortex-text-bubble pre code{background:transparent;padding:0;color:#e2e8f0}.cortex-text-bubble blockquote{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1em;border-inline-start:3px solid #cbd5e1;color:#64748b;font-style:italic}.cortex-text-bubble a{color:#2563eb;text-decoration:underline}.cortex-text-bubble a:hover{color:#1d4ed8}.cortex-text-bubble table{width:100%;border-collapse:collapse;margin-top:.75em;margin-bottom:.75em;font-size:.875em}.cortex-text-bubble th,.cortex-text-bubble td{border:1px solid #e2e8f0;padding:.375em .75em;text-align:start}.cortex-text-bubble th{background:#f8fafc;font-weight:600}.cortex-text-bubble hr{margin-top:1.5em;margin-bottom:1.5em;border:none;border-top:1px solid #e2e8f0}.cortex-text-bubble img{max-width:100%;height:auto;border-radius:.375rem}\n"], dependencies: [{ kind: "pipe", type: MarkedPipe, name: "marked" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageTextPartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageTextPartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cortex-message-text-part', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MarkedPipe], template: "<div\n  class=\"cortex-text-part\"\n  [class.cortex-text-part--assistant]=\"role() === 'assistant'\"\n  [class.cortex-text-part--user]=\"role() === 'user'\"\n>\n  <div\n    class=\"cortex-text-bubble\"\n    [class.cortex-text-bubble--assistant]=\"role() === 'assistant'\"\n    [class.cortex-text-bubble--user]=\"role() === 'user'\"\n    [innerHTML]=\"textPart().text | marked\"\n  ></div>\n</div>\n", styles: [".cortex-text-part{width:100%;display:flex;flex-direction:column}.cortex-text-part--assistant{align-items:flex-end}.cortex-text-part--user{align-items:flex-start}[dir=rtl] .cortex-text-part--assistant{align-items:flex-end}[dir=rtl] .cortex-text-part--user{align-items:flex-start}.cortex-text-bubble{max-width:80%;font-size:.8125rem;line-height:1.625;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;color:#334155}.cortex-text-bubble--assistant{background:#f1f5f9;border-bottom-right-radius:0}[dir=rtl] .cortex-text-bubble--assistant{border-bottom-right-radius:1rem;border-bottom-left-radius:0}.cortex-text-bubble--user{background:#f8fafc;border-bottom-left-radius:0}[dir=rtl] .cortex-text-bubble--user{border-bottom-left-radius:1rem;border-bottom-right-radius:0}.cortex-text-bubble h1,.cortex-text-bubble h2,.cortex-text-bubble h3,.cortex-text-bubble h4,.cortex-text-bubble h5,.cortex-text-bubble h6{margin-top:1.25em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:#1e293b}.cortex-text-bubble h1:first-child,.cortex-text-bubble h2:first-child,.cortex-text-bubble h3:first-child,.cortex-text-bubble h4:first-child,.cortex-text-bubble h5:first-child,.cortex-text-bubble h6:first-child{margin-top:0}.cortex-text-bubble h1{font-size:1.25em}.cortex-text-bubble h2{font-size:1.125em}.cortex-text-bubble h3{font-size:1em}.cortex-text-bubble p{margin-top:.75em;margin-bottom:.75em}.cortex-text-bubble p:first-child{margin-top:0}.cortex-text-bubble p:last-child{margin-bottom:0}.cortex-text-bubble ul,.cortex-text-bubble ol{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1.5em}.cortex-text-bubble ul{list-style-type:disc}.cortex-text-bubble ol{list-style-type:decimal}.cortex-text-bubble li{margin-top:.25em;margin-bottom:.25em}.cortex-text-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#e2e8f0;padding:.125em .375em;border-radius:.25rem}.cortex-text-bubble pre{margin-top:.75em;margin-bottom:.75em;padding:.75em 1em;background:#1e293b;border-radius:.5rem;overflow-x:auto;font-size:.8125em;line-height:1.6}.cortex-text-bubble pre code{background:transparent;padding:0;color:#e2e8f0}.cortex-text-bubble blockquote{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1em;border-inline-start:3px solid #cbd5e1;color:#64748b;font-style:italic}.cortex-text-bubble a{color:#2563eb;text-decoration:underline}.cortex-text-bubble a:hover{color:#1d4ed8}.cortex-text-bubble table{width:100%;border-collapse:collapse;margin-top:.75em;margin-bottom:.75em;font-size:.875em}.cortex-text-bubble th,.cortex-text-bubble td{border:1px solid #e2e8f0;padding:.375em .75em;text-align:start}.cortex-text-bubble th{background:#f8fafc;font-weight:600}.cortex-text-bubble hr{margin-top:1.5em;margin-bottom:1.5em;border:none;border-top:1px solid #e2e8f0}.cortex-text-bubble img{max-width:100%;height:auto;border-radius:.375rem}\n"] }]
-        }], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: true }] }], textPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "textPart", required: true }] }] } });
+            args: [{ selector: 'cortex-message-text-part', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MarkedPipe], template: "<div\n  class=\"cortex-text-part\"\n  [class.cortex-text-part--assistant]=\"role() === 'assistant'\"\n  [class.cortex-text-part--user]=\"role() === 'user'\"\n>\n  <div\n    class=\"cortex-text-bubble\"\n    [class.cortex-text-bubble--assistant]=\"role() === 'assistant'\"\n    [class.cortex-text-bubble--user]=\"role() === 'user'\"\n    [innerHTML]=\"displayedText() | marked\"\n  ></div>\n</div>\n", styles: [".cortex-text-part{width:100%;display:flex;flex-direction:column}.cortex-text-part--assistant{align-items:flex-start}.cortex-text-part--user{align-items:flex-end}[dir=rtl] .cortex-text-part--assistant{align-items:flex-start}[dir=rtl] .cortex-text-part--user{align-items:flex-end}.cortex-text-bubble{max-width:80%;font-size:.8125rem;line-height:1.625;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;color:#334155}.cortex-text-bubble--assistant{background:#f1f5f9;border-bottom-left-radius:0}[dir=rtl] .cortex-text-bubble--assistant{border-bottom-left-radius:1rem;border-bottom-right-radius:0}.cortex-text-bubble--user{background:#f8fafc;border-bottom-right-radius:0}[dir=rtl] .cortex-text-bubble--user{border-bottom-right-radius:1rem;border-bottom-left-radius:0}.cortex-text-bubble h1,.cortex-text-bubble h2,.cortex-text-bubble h3,.cortex-text-bubble h4,.cortex-text-bubble h5,.cortex-text-bubble h6{margin-top:1.25em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:#1e293b}.cortex-text-bubble h1:first-child,.cortex-text-bubble h2:first-child,.cortex-text-bubble h3:first-child,.cortex-text-bubble h4:first-child,.cortex-text-bubble h5:first-child,.cortex-text-bubble h6:first-child{margin-top:0}.cortex-text-bubble h1{font-size:1.25em}.cortex-text-bubble h2{font-size:1.125em}.cortex-text-bubble h3{font-size:1em}.cortex-text-bubble p{margin-top:.75em;margin-bottom:.75em}.cortex-text-bubble p:first-child{margin-top:0}.cortex-text-bubble p:last-child{margin-bottom:0}.cortex-text-bubble ul,.cortex-text-bubble ol{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1.5em}.cortex-text-bubble ul{list-style-type:disc}.cortex-text-bubble ol{list-style-type:decimal}.cortex-text-bubble li{margin-top:.25em;margin-bottom:.25em}.cortex-text-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#e2e8f0;padding:.125em .375em;border-radius:.25rem}.cortex-text-bubble pre{margin-top:.75em;margin-bottom:.75em;padding:.75em 1em;background:#1e293b;border-radius:.5rem;overflow-x:auto;font-size:.8125em;line-height:1.6}.cortex-text-bubble pre code{background:transparent;padding:0;color:#e2e8f0}.cortex-text-bubble blockquote{margin-top:.75em;margin-bottom:.75em;padding-inline-start:1em;border-inline-start:3px solid #cbd5e1;color:#64748b;font-style:italic}.cortex-text-bubble a{color:#2563eb;text-decoration:underline}.cortex-text-bubble a:hover{color:#1d4ed8}.cortex-text-bubble table{width:100%;border-collapse:collapse;margin-top:.75em;margin-bottom:.75em;font-size:.875em}.cortex-text-bubble th,.cortex-text-bubble td{border:1px solid #e2e8f0;padding:.375em .75em;text-align:start}.cortex-text-bubble th{background:#f8fafc;font-weight:600}.cortex-text-bubble hr{margin-top:1.5em;margin-bottom:1.5em;border:none;border-top:1px solid #e2e8f0}.cortex-text-bubble img{max-width:100%;height:auto;border-radius:.375rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: true }] }], textPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "textPart", required: true }] }] } });
 
 class MessageReasoningPartComponent {
     reasoningPart = input.required(...(ngDevMode ? [{ debugName: "reasoningPart" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageReasoningPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageReasoningPartComponent, isStandalone: true, selector: "cortex-message-reasoning-part", inputs: { reasoningPart: { classPropertyName: "reasoningPart", publicName: "reasoningPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let p = reasoningPart();\n<details class=\"cortex-reasoning-details\">\n  <summary class=\"cortex-reasoning-details__summary\">\n    <div class=\"cortex-reasoning-details__header\">\n      <span class=\"cortex-reasoning-details__icon\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n          <path\n            d=\"M10 2C6.686 2 4 4.686 4 8c0 1.655.672 3.154 1.757 4.243.362.363.576.858.576 1.371V14.5a1 1 0 0 0 1 1h5.334a1 1 0 0 0 1-1v-.886c0-.513.214-1.008.576-1.371A5.978 5.978 0 0 0 16 8c0-3.314-2.686-6-6-6Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M7.5 17.5h5M8.5 8a2 2 0 0 1 2-2\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </span>\n\n      <div class=\"cortex-reasoning-details__title-group\">\n        <div class=\"cortex-reasoning-details__title-row\">\n          <div class=\"cortex-reasoning-details__title\">Reasoning</div>\n          @if (p.state) {\n            <span\n              class=\"cortex-reasoning-details__badge\"\n              [ngClass]=\"{\n                'cortex-reasoning-details__badge--streaming': p.state === 'streaming',\n                'cortex-reasoning-details__badge--done': p.state === 'done',\n              }\"\n            >\n              {{ p.state === 'streaming' ? 'Streaming' : 'Done' }}\n            </span>\n          }\n        </div>\n      </div>\n    </div>\n\n    <span class=\"cortex-reasoning-details__chevron\" aria-hidden=\"true\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n        <path\n          d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  </summary>\n\n  <div class=\"cortex-reasoning-details__body\">\n    <div class=\"cortex-reasoning-details__content\">\n      <pre class=\"cortex-reasoning-details__pre\">{{\n        p.text.trim() ? p.text : 'No reasoning provided.'\n      }}</pre>\n    </div>\n  </div>\n</details>\n", styles: [".cortex-reasoning-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-reasoning-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.cortex-reasoning-details__summary::-webkit-details-marker{display:none}.cortex-reasoning-details__header{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.cortex-reasoning-details__icon{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;background:#e0e7ff;color:#4f46e5}.cortex-reasoning-details__title-group{min-width:0}.cortex-reasoning-details__title-row{display:flex;align-items:center;gap:.5rem}.cortex-reasoning-details__title{font-weight:500;color:#334155;font-size:.875rem}.cortex-reasoning-details__badge{display:inline-flex;align-items:center;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.cortex-reasoning-details__badge--streaming{background:#fef3c7;color:#b45309}.cortex-reasoning-details__badge--done{background:#d1fae5;color:#047857}.cortex-reasoning-details__chevron{margin-inline-start:auto;display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary>.cortex-reasoning-details__chevron{transform:rotate(180deg)}.cortex-reasoning-details__body{padding:0 1rem 1rem}.cortex-reasoning-details__content{margin-top:.25rem;border-radius:.25rem;background:#fff;border:1px solid #e2e8f0;padding:.75rem}.cortex-reasoning-details__pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.625;color:#334155}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageReasoningPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageReasoningPartComponent, isStandalone: true, selector: "cortex-message-reasoning-part", inputs: { reasoningPart: { classPropertyName: "reasoningPart", publicName: "reasoningPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let p = reasoningPart();\n<details class=\"cortex-reasoning-details\">\n  <summary class=\"cortex-reasoning-details__summary\">\n    <div class=\"cortex-reasoning-details__header\">\n      <span class=\"cortex-reasoning-details__icon\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n          <path\n            d=\"M10 2C6.686 2 4 4.686 4 8c0 1.655.672 3.154 1.757 4.243.362.363.576.858.576 1.371V14.5a1 1 0 0 0 1 1h5.334a1 1 0 0 0 1-1v-.886c0-.513.214-1.008.576-1.371A5.978 5.978 0 0 0 16 8c0-3.314-2.686-6-6-6Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M7.5 17.5h5M8.5 8a2 2 0 0 1 2-2\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </span>\n\n      <div class=\"cortex-reasoning-details__title-group\">\n        <div class=\"cortex-reasoning-details__title-row\">\n          <div class=\"cortex-reasoning-details__title\">Reasoning</div>\n          @if (p.state) {\n            <span\n              class=\"cortex-reasoning-details__badge\"\n              [ngClass]=\"{\n                'cortex-reasoning-details__badge--streaming': p.state === 'streaming',\n                'cortex-reasoning-details__badge--done': p.state === 'done',\n              }\"\n            >\n              {{ p.state === 'streaming' ? 'Streaming' : 'Done' }}\n            </span>\n          }\n        </div>\n      </div>\n    </div>\n\n    <span class=\"cortex-reasoning-details__chevron\" aria-hidden=\"true\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n        <path\n          d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  </summary>\n\n  <div class=\"cortex-reasoning-details__body\">\n    <div class=\"cortex-reasoning-details__content\">\n      <pre class=\"cortex-reasoning-details__pre\">{{\n        p.text.trim() ? p.text : 'No reasoning provided.'\n      }}</pre>\n    </div>\n  </div>\n</details>\n", styles: [".cortex-reasoning-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-reasoning-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.cortex-reasoning-details__summary::-webkit-details-marker{display:none}.cortex-reasoning-details__header{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.cortex-reasoning-details__icon{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;background:#e0e7ff;color:#4f46e5}.cortex-reasoning-details__title-group{min-width:0}.cortex-reasoning-details__title-row{display:flex;align-items:center;gap:.5rem}.cortex-reasoning-details__title{font-weight:500;color:#334155;font-size:.875rem}.cortex-reasoning-details__badge{display:inline-flex;align-items:center;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.cortex-reasoning-details__badge--streaming{background:#fef3c7;color:#b45309}.cortex-reasoning-details__badge--done{background:#d1fae5;color:#047857}.cortex-reasoning-details__chevron{margin-inline-start:auto;display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary>.cortex-reasoning-details__chevron{transform:rotate(180deg)}.cortex-reasoning-details__body{padding:0 1rem 1rem}.cortex-reasoning-details__content{margin-top:.25rem;border-radius:.25rem;background:#fff;border:1px solid #e2e8f0;padding:.75rem}.cortex-reasoning-details__pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.625;color:#334155}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageReasoningPartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageReasoningPartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-reasoning-part', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "@let p = reasoningPart();\n<details class=\"cortex-reasoning-details\">\n  <summary class=\"cortex-reasoning-details__summary\">\n    <div class=\"cortex-reasoning-details__header\">\n      <span class=\"cortex-reasoning-details__icon\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n          <path\n            d=\"M10 2C6.686 2 4 4.686 4 8c0 1.655.672 3.154 1.757 4.243.362.363.576.858.576 1.371V14.5a1 1 0 0 0 1 1h5.334a1 1 0 0 0 1-1v-.886c0-.513.214-1.008.576-1.371A5.978 5.978 0 0 0 16 8c0-3.314-2.686-6-6-6Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M7.5 17.5h5M8.5 8a2 2 0 0 1 2-2\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.4\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </span>\n\n      <div class=\"cortex-reasoning-details__title-group\">\n        <div class=\"cortex-reasoning-details__title-row\">\n          <div class=\"cortex-reasoning-details__title\">Reasoning</div>\n          @if (p.state) {\n            <span\n              class=\"cortex-reasoning-details__badge\"\n              [ngClass]=\"{\n                'cortex-reasoning-details__badge--streaming': p.state === 'streaming',\n                'cortex-reasoning-details__badge--done': p.state === 'done',\n              }\"\n            >\n              {{ p.state === 'streaming' ? 'Streaming' : 'Done' }}\n            </span>\n          }\n        </div>\n      </div>\n    </div>\n\n    <span class=\"cortex-reasoning-details__chevron\" aria-hidden=\"true\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n        <path\n          d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </span>\n  </summary>\n\n  <div class=\"cortex-reasoning-details__body\">\n    <div class=\"cortex-reasoning-details__content\">\n      <pre class=\"cortex-reasoning-details__pre\">{{\n        p.text.trim() ? p.text : 'No reasoning provided.'\n      }}</pre>\n    </div>\n  </div>\n</details>\n", styles: [".cortex-reasoning-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-reasoning-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.cortex-reasoning-details__summary::-webkit-details-marker{display:none}.cortex-reasoning-details__header{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.cortex-reasoning-details__icon{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;background:#e0e7ff;color:#4f46e5}.cortex-reasoning-details__title-group{min-width:0}.cortex-reasoning-details__title-row{display:flex;align-items:center;gap:.5rem}.cortex-reasoning-details__title{font-weight:500;color:#334155;font-size:.875rem}.cortex-reasoning-details__badge{display:inline-flex;align-items:center;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.cortex-reasoning-details__badge--streaming{background:#fef3c7;color:#b45309}.cortex-reasoning-details__badge--done{background:#d1fae5;color:#047857}.cortex-reasoning-details__chevron{margin-inline-start:auto;display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary>.cortex-reasoning-details__chevron{transform:rotate(180deg)}.cortex-reasoning-details__body{padding:0 1rem 1rem}.cortex-reasoning-details__content{margin-top:.25rem;border-radius:.25rem;background:#fff;border:1px solid #e2e8f0;padding:.75rem}.cortex-reasoning-details__pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.625;color:#334155}\n"] }]
         }], propDecorators: { reasoningPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasoningPart", required: true }] }] } });
@@ -388,10 +729,10 @@ class HighlightPipe {
     escapeHtml(str) {
         return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: HighlightPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: HighlightPipe, isStandalone: true, name: "highlight" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HighlightPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.5", ngImport: i0, type: HighlightPipe, isStandalone: true, name: "highlight" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: HighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HighlightPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'highlight', standalone: true }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -489,10 +830,10 @@ class JsonTreeComponent {
         }
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: JsonTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: JsonTreeComponent, isStandalone: true, selector: "cortex-json-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, expandDepth: { classPropertyName: "expandDepth", publicName: "expandDepth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cortex-json-tree" }, ngImport: i0, template: "<!-- Entry point: parse and render the root value -->\n<ng-container\n  *ngTemplateOutlet=\"valueTemplate; context: { $implicit: parsed(data()), path: '$', depth: 0 }\"\n/>\n\n<!-- Recursive value renderer -->\n<ng-template #valueTemplate let-value let-path=\"path\" let-depth=\"depth\">\n  @if (isObject(value)) {\n    @if (objectLength(value) === 0) {\n      <span class=\"jt-bracket\">{{ '{' }}{{ '}' }}</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">{{ '{' }}</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ objectLength(value) }}\n          {{ objectLength(value) === 1 ? 'property' : 'properties' }}</span\n        ><span class=\"jt-bracket\">{{ '}' }}</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (entry of objectEntries(value); track entry[0]; let last = $last) {\n            <div class=\"jt-line\">\n              <span class=\"jt-key\">\"{{ entry[0] }}\"</span><span class=\"jt-colon\">: </span>\n              @if (isContainer(entry[1])) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: entry[1], path: path + '.' + entry[0], depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(entry[1])\">{{ formatPrimitive(entry[1]) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">{{ '}' }}</span>\n      }\n    }\n  } @else if (isArray(value)) {\n    @if (arrayLength(value) === 0) {\n      <span class=\"jt-bracket\">[]</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">[</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ arrayLength(value) }} {{ arrayLength(value) === 1 ? 'item' : 'items' }}</span\n        ><span class=\"jt-bracket\">]</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (item of arrayItems(value); track $index; let last = $last) {\n            <div class=\"jt-line\">\n              @if (isContainer(item)) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: item, path: path + '[' + $index + ']', depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(item)\">{{ formatPrimitive(item) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">]</span>\n      }\n    }\n  } @else {\n    <span [class]=\"primitiveClass(value)\">{{ formatPrimitive(value) }}</span>\n  }\n</ng-template>\n", styles: [".cortex-json-tree{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.25rem;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.jt-indent{padding-inline-start:1.25em;border-inline-start:1px solid #e2e8f0;margin-inline-start:.3em}.jt-line{position:relative}.jt-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.jt-toggle:hover .jt-arrow{color:#475569}.jt-arrow{display:inline-block;width:1em;text-align:center;color:#94a3b8;font-size:.7em;transition:transform .15s ease;vertical-align:middle}.jt-arrow--collapsed{transform:rotate(-90deg)}.jt-bracket{color:#64748b}.jt-key{color:#6366f1}.jt-colon{color:#64748b}.jt-comma{color:#94a3b8}.jt-string{color:#059669}.jt-number{color:#2563eb}.jt-boolean{color:#d97706}.jt-null{color:#94a3b8;font-style:italic}.jt-collapsed-hint{display:inline-block;padding:0 .4em;margin:0 .15em;font-size:10px;line-height:1.5;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;font-style:italic;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.jt-collapsed-hint:hover{color:#64748b;border-color:#cbd5e1;background:#f1f5f9}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: JsonTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: JsonTreeComponent, isStandalone: true, selector: "cortex-json-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, expandDepth: { classPropertyName: "expandDepth", publicName: "expandDepth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cortex-json-tree" }, ngImport: i0, template: "<!-- Entry point: parse and render the root value -->\n<ng-container\n  *ngTemplateOutlet=\"valueTemplate; context: { $implicit: parsed(data()), path: '$', depth: 0 }\"\n/>\n\n<!-- Recursive value renderer -->\n<ng-template #valueTemplate let-value let-path=\"path\" let-depth=\"depth\">\n  @if (isObject(value)) {\n    @if (objectLength(value) === 0) {\n      <span class=\"jt-bracket\">{{ '{' }}{{ '}' }}</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">{{ '{' }}</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ objectLength(value) }}\n          {{ objectLength(value) === 1 ? 'property' : 'properties' }}</span\n        ><span class=\"jt-bracket\">{{ '}' }}</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (entry of objectEntries(value); track entry[0]; let last = $last) {\n            <div class=\"jt-line\">\n              <span class=\"jt-key\">\"{{ entry[0] }}\"</span><span class=\"jt-colon\">: </span>\n              @if (isContainer(entry[1])) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: entry[1], path: path + '.' + entry[0], depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(entry[1])\">{{ formatPrimitive(entry[1]) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">{{ '}' }}</span>\n      }\n    }\n  } @else if (isArray(value)) {\n    @if (arrayLength(value) === 0) {\n      <span class=\"jt-bracket\">[]</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">[</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ arrayLength(value) }} {{ arrayLength(value) === 1 ? 'item' : 'items' }}</span\n        ><span class=\"jt-bracket\">]</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (item of arrayItems(value); track $index; let last = $last) {\n            <div class=\"jt-line\">\n              @if (isContainer(item)) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: item, path: path + '[' + $index + ']', depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(item)\">{{ formatPrimitive(item) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">]</span>\n      }\n    }\n  } @else {\n    <span [class]=\"primitiveClass(value)\">{{ formatPrimitive(value) }}</span>\n  }\n</ng-template>\n", styles: [".cortex-json-tree{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.25rem;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.jt-indent{padding-inline-start:1.25em;border-inline-start:1px solid #e2e8f0;margin-inline-start:.3em}.jt-line{position:relative}.jt-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.jt-toggle:hover .jt-arrow{color:#475569}.jt-arrow{display:inline-block;width:1em;text-align:center;color:#94a3b8;font-size:.7em;transition:transform .15s ease;vertical-align:middle}.jt-arrow--collapsed{transform:rotate(-90deg)}.jt-bracket{color:#64748b}.jt-key{color:#6366f1}.jt-colon{color:#64748b}.jt-comma{color:#94a3b8}.jt-string{color:#059669}.jt-number{color:#2563eb}.jt-boolean{color:#d97706}.jt-null{color:#94a3b8;font-style:italic}.jt-collapsed-hint{display:inline-block;padding:0 .4em;margin:0 .15em;font-size:10px;line-height:1.5;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;font-style:italic;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.jt-collapsed-hint:hover{color:#64748b;border-color:#cbd5e1;background:#f1f5f9}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: JsonTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: JsonTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-json-tree', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], host: { class: 'cortex-json-tree' }, template: "<!-- Entry point: parse and render the root value -->\n<ng-container\n  *ngTemplateOutlet=\"valueTemplate; context: { $implicit: parsed(data()), path: '$', depth: 0 }\"\n/>\n\n<!-- Recursive value renderer -->\n<ng-template #valueTemplate let-value let-path=\"path\" let-depth=\"depth\">\n  @if (isObject(value)) {\n    @if (objectLength(value) === 0) {\n      <span class=\"jt-bracket\">{{ '{' }}{{ '}' }}</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">{{ '{' }}</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ objectLength(value) }}\n          {{ objectLength(value) === 1 ? 'property' : 'properties' }}</span\n        ><span class=\"jt-bracket\">{{ '}' }}</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (entry of objectEntries(value); track entry[0]; let last = $last) {\n            <div class=\"jt-line\">\n              <span class=\"jt-key\">\"{{ entry[0] }}\"</span><span class=\"jt-colon\">: </span>\n              @if (isContainer(entry[1])) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: entry[1], path: path + '.' + entry[0], depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(entry[1])\">{{ formatPrimitive(entry[1]) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">{{ '}' }}</span>\n      }\n    }\n  } @else if (isArray(value)) {\n    @if (arrayLength(value) === 0) {\n      <span class=\"jt-bracket\">[]</span>\n    } @else {\n      <span class=\"jt-toggle\" (click)=\"toggle(path, depth); $event.stopPropagation()\" role=\"button\">\n        <span class=\"jt-arrow\" [class.jt-arrow--collapsed]=\"isCollapsed(path, depth)\">&#9662;</span>\n        <span class=\"jt-bracket\">[</span>\n      </span>\n      @if (isCollapsed(path, depth)) {\n        <span\n          class=\"jt-collapsed-hint\"\n          (click)=\"toggle(path, depth); $event.stopPropagation()\"\n          role=\"button\"\n          >{{ arrayLength(value) }} {{ arrayLength(value) === 1 ? 'item' : 'items' }}</span\n        ><span class=\"jt-bracket\">]</span>\n      } @else {\n        <div class=\"jt-indent\">\n          @for (item of arrayItems(value); track $index; let last = $last) {\n            <div class=\"jt-line\">\n              @if (isContainer(item)) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    valueTemplate;\n                    context: { $implicit: item, path: path + '[' + $index + ']', depth: depth + 1 }\n                  \"\n                />\n              } @else {\n                <span [class]=\"primitiveClass(item)\">{{ formatPrimitive(item) }}</span>\n              }\n              @if (!last) {\n                <span class=\"jt-comma\">,</span>\n              }\n            </div>\n          }\n        </div>\n        <span class=\"jt-bracket\">]</span>\n      }\n    }\n  } @else {\n    <span [class]=\"primitiveClass(value)\">{{ formatPrimitive(value) }}</span>\n  }\n</ng-template>\n", styles: [".cortex-json-tree{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.25rem;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.jt-indent{padding-inline-start:1.25em;border-inline-start:1px solid #e2e8f0;margin-inline-start:.3em}.jt-line{position:relative}.jt-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.jt-toggle:hover .jt-arrow{color:#475569}.jt-arrow{display:inline-block;width:1em;text-align:center;color:#94a3b8;font-size:.7em;transition:transform .15s ease;vertical-align:middle}.jt-arrow--collapsed{transform:rotate(-90deg)}.jt-bracket{color:#64748b}.jt-key{color:#6366f1}.jt-colon{color:#64748b}.jt-comma{color:#94a3b8}.jt-string{color:#059669}.jt-number{color:#2563eb}.jt-boolean{color:#d97706}.jt-null{color:#94a3b8;font-style:italic}.jt-collapsed-hint{display:inline-block;padding:0 .4em;margin:0 .15em;font-size:10px;line-height:1.5;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;font-style:italic;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.jt-collapsed-hint:hover{color:#64748b;border-color:#cbd5e1;background:#f1f5f9}\n"] }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], expandDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandDepth", required: false }] }] } });
@@ -542,10 +883,10 @@ class MessageToolCallPartComponent {
             return '';
         return type.startsWith('tool-') ? type.slice('tool-'.length) : type;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageToolCallPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageToolCallPartComponent, isStandalone: true, selector: "cortex-message-tool-call-part", inputs: { toolCallPart: { classPropertyName: "toolCallPart", publicName: "toolCallPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<details class=\"cortex-tool-details\">\n  <summary class=\"cortex-tool-details__summary\">\n    <div class=\"cortex-tool-details__header\">\n      <div class=\"cortex-tool-details__icon-box\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 20 20\" class=\"cortex-tool-details__icon-svg\" fill=\"none\">\n          <path\n            d=\"M6.5 6.5 3.75 10l2.75 3.5M13.5 6.5 16.25 10l-2.75 3.5M11.25 5.75 8.75 14.25\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </div>\n\n      <div class=\"cortex-tool-details__info\">\n        <div class=\"cortex-tool-details__title-row\">\n          <div class=\"cortex-tool-details__name-row\">\n            <div class=\"cortex-tool-details__name\" [attr.title]=\"toolCallPart().title || null\">\n              {{ toolCallPart().title ?? 'Tool call' }}\n            </div>\n            @if (toolName()) {\n              <span\n                class=\"cortex-tool-details__tool-badge\"\n                [attr.title]=\"toolCallPart().type || null\"\n                >{{ toolName() }}</span\n              >\n            }\n          </div>\n          <div class=\"cortex-tool-details__id-line\">\n            <span class=\"cortex-tool-details__id-label\">ID</span>\n            <span class=\"cortex-tool-details__id-value\"> {{ toolCallPart().toolCallId }}</span>\n            @if (toolCallPart().providerExecuted) {\n              <span class=\"cortex-tool-details__provider-badge\">\n                <span class=\"cortex-tool-details__provider-dot\"></span>\n                provider\n              </span>\n            }\n          </div>\n        </div>\n\n        <div class=\"cortex-tool-details__actions\">\n          <span\n            class=\"cortex-tool-details__state-badge\"\n            [ngClass]=\"{\n              'cortex-tool-details__state-badge--success':\n                toolCallPart().state === 'output-available',\n              'cortex-tool-details__state-badge--error': toolCallPart().state === 'output-error',\n              'cortex-tool-details__state-badge--denied': toolCallPart().state === 'output-denied',\n              'cortex-tool-details__state-badge--approval':\n                toolCallPart().state === 'approval-requested' ||\n                toolCallPart().state === 'approval-responded',\n              'cortex-tool-details__state-badge--pending':\n                toolCallPart().state === 'input-streaming' ||\n                toolCallPart().state === 'input-available',\n            }\"\n          >\n            @switch (toolCallPart().state) {\n              @case ('input-streaming') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Calling\n              }\n              @case ('input-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber\"\n                ></span>\n                Input ready\n              }\n              @case ('approval-requested') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--violet cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Needs approval\n              }\n              @case ('approval-responded') {\n                @if (toolCallPart().approval?.approved) {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                  ></span>\n                  Approved\n                } @else {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                  ></span>\n                  Responded\n                }\n              }\n              @case ('output-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                ></span>\n                {{ 'translate_completed' | translate }}\n              }\n              @case ('output-error') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--red\"\n                ></span>\n                Error\n              }\n              @case ('output-denied') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                ></span>\n                Denied\n              }\n            }\n          </span>\n\n          <span class=\"cortex-tool-details__chevron\" aria-hidden=\"true\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </div>\n      </div>\n    </div>\n  </summary>\n\n  <div class=\"cortex-tool-details__body\">\n    <div class=\"cortex-tool-details__panels\">\n      @for (snippet of codeSnippets(); track snippet.key) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">{{ snippet.key }}</div>\n            <div class=\"cortex-tool-details__panel-lang\">{{ snippet.lang }}</div>\n          </div>\n          <pre\n            dir=\"ltr\"\n            class=\"cortex-tool-details__code-pre\"\n          ><code class=\"hljs\" [innerHTML]=\"snippet.value | highlight : snippet.lang\"></code></pre>\n        </div>\n      }\n\n      @if (remainingInput(); as remaining) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Input</div>\n            <div class=\"cortex-tool-details__panel-lang\">json</div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"remaining\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-available') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--success\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--success\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--success\">\n              Output\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--success\">\n              json\n            </div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"toolCallPart().output\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-error') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--error\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--error\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--error\">\n              Error\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--error\">\n              text\n            </div>\n          </div>\n          <pre dir=\"ltr\" class=\"cortex-tool-details__error-pre\">{{ toolCallPart().errorText }}</pre>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-denied') {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Denied</div>\n            <div class=\"cortex-tool-details__panel-lang\">approval</div>\n          </div>\n          <div class=\"cortex-tool-details__denied-body\">\n            Tool execution was denied.\n            @if (toolCallPart().approval?.reason) {\n              <div class=\"cortex-tool-details__reason-box\">\n                <div class=\"cortex-tool-details__reason-label\">Reason</div>\n                <div class=\"cortex-tool-details__reason-text\">\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-requested') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval requested\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            Waiting for approval to execute this tool.\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-responded') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval response\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            @if (toolCallPart().approval?.approved) {\n              Approved.\n            } @else {\n              Response received.\n            }\n            @if (toolCallPart().approval?.reason) {\n              <div\n                class=\"cortex-tool-details__reason-box cortex-tool-details__reason-box--approval\"\n              >\n                <div\n                  class=\"cortex-tool-details__reason-label cortex-tool-details__reason-label--approval\"\n                >\n                  Reason\n                </div>\n                <div\n                  class=\"cortex-tool-details__reason-text cortex-tool-details__reason-text--approval\"\n                >\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</details>\n", styles: [".cortex-tool-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-tool-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem}.cortex-tool-details__summary::-webkit-details-marker{display:none}details[open]>.cortex-tool-details__summary{border-bottom:1px solid #e2e8f0}.cortex-tool-details__header{display:flex;align-items:flex-start;gap:.75rem}.cortex-tool-details__icon-box{flex-shrink:0;margin-top:.125rem;width:1.75rem;height:1.75rem;border-radius:.25rem;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center}.cortex-tool-details__icon-svg{width:1rem;height:1rem}.cortex-tool-details__info{min-width:0;flex:1;display:flex;align-items:center;gap:.5rem}.cortex-tool-details__title-row{min-width:0;flex:1}.cortex-tool-details__name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.cortex-tool-details__name{font-weight:500;color:#1e293b;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cortex-tool-details__tool-badge{display:none;align-items:center;border-radius:.25rem;background:#e2e8f0;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(min-width:640px){.cortex-tool-details__tool-badge{display:inline-flex}}.cortex-tool-details__id-line{margin-top:.125rem;font-size:.6875rem;color:#64748b;word-break:break-all}.cortex-tool-details__id-label{font-weight:500;color:#475569}.cortex-tool-details__id-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__provider-badge{margin-inline-start:.5rem;display:inline-flex;align-items:center;gap:.25rem;color:#047857}.cortex-tool-details__provider-dot{width:.375rem;height:.375rem;border-radius:9999px;background:#10b981}.cortex-tool-details__actions{display:flex;align-items:center;gap:.5rem}.cortex-tool-details__state-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border:1px solid}.cortex-tool-details__state-badge--success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cortex-tool-details__state-badge--error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.cortex-tool-details__state-badge--denied{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.cortex-tool-details__state-badge--approval{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.cortex-tool-details__state-badge--pending{background:#fffbeb;color:#b45309;border-color:#fde68a}.cortex-tool-details__status-dot{width:.375rem;height:.375rem;border-radius:9999px}.cortex-tool-details__status-dot--amber{background:#f59e0b}.cortex-tool-details__status-dot--violet{background:#8b5cf6}.cortex-tool-details__status-dot--emerald{background:#10b981}.cortex-tool-details__status-dot--red{background:#ef4444}.cortex-tool-details__status-dot--slate{background:#64748b}.cortex-tool-details__status-dot--pulse{animation:cortex-tool-status-pulse 2s ease-in-out infinite}@keyframes cortex-tool-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.cortex-tool-details__chevron{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary .cortex-tool-details__chevron{transform:rotate(180deg)}.cortex-tool-details__body{background:#fff;padding:.75rem 1rem 1rem}.cortex-tool-details__panels{display:grid;gap:.75rem}.cortex-tool-details__panel{border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.cortex-tool-details__panel--success{border-color:#a7f3d0}.cortex-tool-details__panel--error{border-color:#fecaca}.cortex-tool-details__panel--approval{border-color:#ddd6fe}.cortex-tool-details__panel-header{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#f8fafc}.cortex-tool-details__panel-header--success{border-bottom-color:#a7f3d0;background:#ecfdf5}.cortex-tool-details__panel-header--error{border-bottom-color:#fecaca;background:#fef2f2}.cortex-tool-details__panel-header--approval{border-bottom-color:#ddd6fe;background:#f5f3ff}.cortex-tool-details__panel-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__panel-label--success{color:#047857}.cortex-tool-details__panel-label--error{color:#b91c1c}.cortex-tool-details__panel-label--approval{color:#6d28d9}.cortex-tool-details__panel-lang{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__panel-lang--success{color:#059669}.cortex-tool-details__panel-lang--error{color:#dc2626}.cortex-tool-details__panel-lang--approval{color:#7c3aed}.cortex-tool-details__code-pre{margin:0;max-height:20rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;overflow-wrap:break-word}.cortex-tool-details__tree-container{max-height:16rem;overflow:auto;padding:.75rem}.cortex-tool-details__error-pre{margin:0;max-height:16rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#991b1b;white-space:pre-wrap;overflow-wrap:break-word}.cortex-tool-details__denied-body{padding:.75rem;font-size:.75rem;color:#334155}.cortex-tool-details__approval-body{padding:.75rem;font-size:.75rem;color:#5b21b6}.cortex-tool-details__reason-box{margin-top:.5rem;border-radius:.25rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem}.cortex-tool-details__reason-box--approval{background:#f5f3ff;border-color:#ddd6fe}.cortex-tool-details__reason-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__reason-label--approval{color:#6d28d9}.cortex-tool-details__reason-text{margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#334155;overflow-wrap:break-word}.cortex-tool-details__reason-text--approval{color:#5b21b6}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: JsonTreeComponent, selector: "cortex-json-tree", inputs: ["data", "expandDepth"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageToolCallPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageToolCallPartComponent, isStandalone: true, selector: "cortex-message-tool-call-part", inputs: { toolCallPart: { classPropertyName: "toolCallPart", publicName: "toolCallPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<details class=\"cortex-tool-details\">\n  <summary class=\"cortex-tool-details__summary\">\n    <div class=\"cortex-tool-details__header\">\n      <div class=\"cortex-tool-details__icon-box\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 20 20\" class=\"cortex-tool-details__icon-svg\" fill=\"none\">\n          <path\n            d=\"M6.5 6.5 3.75 10l2.75 3.5M13.5 6.5 16.25 10l-2.75 3.5M11.25 5.75 8.75 14.25\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </div>\n\n      <div class=\"cortex-tool-details__info\">\n        <div class=\"cortex-tool-details__title-row\">\n          <div class=\"cortex-tool-details__name-row\">\n            <div class=\"cortex-tool-details__name\" [attr.title]=\"toolCallPart().title || null\">\n              {{ toolCallPart().title ?? 'Tool call' }}\n            </div>\n            @if (toolName()) {\n              <span\n                class=\"cortex-tool-details__tool-badge\"\n                [attr.title]=\"toolCallPart().type || null\"\n                >{{ toolName() }}</span\n              >\n            }\n          </div>\n          <div class=\"cortex-tool-details__id-line\">\n            <span class=\"cortex-tool-details__id-label\">ID</span>\n            <span class=\"cortex-tool-details__id-value\"> {{ toolCallPart().toolCallId }}</span>\n            @if (toolCallPart().providerExecuted) {\n              <span class=\"cortex-tool-details__provider-badge\">\n                <span class=\"cortex-tool-details__provider-dot\"></span>\n                provider\n              </span>\n            }\n          </div>\n        </div>\n\n        <div class=\"cortex-tool-details__actions\">\n          <span\n            class=\"cortex-tool-details__state-badge\"\n            [ngClass]=\"{\n              'cortex-tool-details__state-badge--success':\n                toolCallPart().state === 'output-available',\n              'cortex-tool-details__state-badge--error': toolCallPart().state === 'output-error',\n              'cortex-tool-details__state-badge--denied': toolCallPart().state === 'output-denied',\n              'cortex-tool-details__state-badge--approval':\n                toolCallPart().state === 'approval-requested' ||\n                toolCallPart().state === 'approval-responded',\n              'cortex-tool-details__state-badge--pending':\n                toolCallPart().state === 'input-streaming' ||\n                toolCallPart().state === 'input-available',\n            }\"\n          >\n            @switch (toolCallPart().state) {\n              @case ('input-streaming') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Calling\n              }\n              @case ('input-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber\"\n                ></span>\n                Input ready\n              }\n              @case ('approval-requested') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--violet cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Needs approval\n              }\n              @case ('approval-responded') {\n                @if (toolCallPart().approval?.approved) {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                  ></span>\n                  Approved\n                } @else {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                  ></span>\n                  Responded\n                }\n              }\n              @case ('output-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                ></span>\n                {{ 'translate_completed' | translate }}\n              }\n              @case ('output-error') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--red\"\n                ></span>\n                Error\n              }\n              @case ('output-denied') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                ></span>\n                Denied\n              }\n            }\n          </span>\n\n          <span class=\"cortex-tool-details__chevron\" aria-hidden=\"true\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </div>\n      </div>\n    </div>\n  </summary>\n\n  <div class=\"cortex-tool-details__body\">\n    <div class=\"cortex-tool-details__panels\">\n      @for (snippet of codeSnippets(); track snippet.key) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">{{ snippet.key }}</div>\n            <div class=\"cortex-tool-details__panel-lang\">{{ snippet.lang }}</div>\n          </div>\n          <pre\n            dir=\"ltr\"\n            class=\"cortex-tool-details__code-pre\"\n          ><code class=\"hljs\" [innerHTML]=\"snippet.value | highlight : snippet.lang\"></code></pre>\n        </div>\n      }\n\n      @if (remainingInput(); as remaining) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Input</div>\n            <div class=\"cortex-tool-details__panel-lang\">json</div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"remaining\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-available') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--success\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--success\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--success\">\n              Output\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--success\">\n              json\n            </div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"toolCallPart().output\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-error') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--error\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--error\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--error\">\n              Error\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--error\">\n              text\n            </div>\n          </div>\n          <pre dir=\"ltr\" class=\"cortex-tool-details__error-pre\">{{ toolCallPart().errorText }}</pre>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-denied') {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Denied</div>\n            <div class=\"cortex-tool-details__panel-lang\">approval</div>\n          </div>\n          <div class=\"cortex-tool-details__denied-body\">\n            Tool execution was denied.\n            @if (toolCallPart().approval?.reason) {\n              <div class=\"cortex-tool-details__reason-box\">\n                <div class=\"cortex-tool-details__reason-label\">Reason</div>\n                <div class=\"cortex-tool-details__reason-text\">\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-requested') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval requested\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            Waiting for approval to execute this tool.\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-responded') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval response\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            @if (toolCallPart().approval?.approved) {\n              Approved.\n            } @else {\n              Response received.\n            }\n            @if (toolCallPart().approval?.reason) {\n              <div\n                class=\"cortex-tool-details__reason-box cortex-tool-details__reason-box--approval\"\n              >\n                <div\n                  class=\"cortex-tool-details__reason-label cortex-tool-details__reason-label--approval\"\n                >\n                  Reason\n                </div>\n                <div\n                  class=\"cortex-tool-details__reason-text cortex-tool-details__reason-text--approval\"\n                >\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</details>\n", styles: [".cortex-tool-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-tool-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem}.cortex-tool-details__summary::-webkit-details-marker{display:none}details[open]>.cortex-tool-details__summary{border-bottom:1px solid #e2e8f0}.cortex-tool-details__header{display:flex;align-items:flex-start;gap:.75rem}.cortex-tool-details__icon-box{flex-shrink:0;margin-top:.125rem;width:1.75rem;height:1.75rem;border-radius:.25rem;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center}.cortex-tool-details__icon-svg{width:1rem;height:1rem}.cortex-tool-details__info{min-width:0;flex:1;display:flex;align-items:center;gap:.5rem}.cortex-tool-details__title-row{min-width:0;flex:1}.cortex-tool-details__name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.cortex-tool-details__name{font-weight:500;color:#1e293b;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cortex-tool-details__tool-badge{display:none;align-items:center;border-radius:.25rem;background:#e2e8f0;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(min-width:640px){.cortex-tool-details__tool-badge{display:inline-flex}}.cortex-tool-details__id-line{margin-top:.125rem;font-size:.6875rem;color:#64748b;word-break:break-all}.cortex-tool-details__id-label{font-weight:500;color:#475569}.cortex-tool-details__id-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__provider-badge{margin-inline-start:.5rem;display:inline-flex;align-items:center;gap:.25rem;color:#047857}.cortex-tool-details__provider-dot{width:.375rem;height:.375rem;border-radius:9999px;background:#10b981}.cortex-tool-details__actions{display:flex;align-items:center;gap:.5rem}.cortex-tool-details__state-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border:1px solid}.cortex-tool-details__state-badge--success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cortex-tool-details__state-badge--error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.cortex-tool-details__state-badge--denied{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.cortex-tool-details__state-badge--approval{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.cortex-tool-details__state-badge--pending{background:#fffbeb;color:#b45309;border-color:#fde68a}.cortex-tool-details__status-dot{width:.375rem;height:.375rem;border-radius:9999px}.cortex-tool-details__status-dot--amber{background:#f59e0b}.cortex-tool-details__status-dot--violet{background:#8b5cf6}.cortex-tool-details__status-dot--emerald{background:#10b981}.cortex-tool-details__status-dot--red{background:#ef4444}.cortex-tool-details__status-dot--slate{background:#64748b}.cortex-tool-details__status-dot--pulse{animation:cortex-tool-status-pulse 2s ease-in-out infinite}@keyframes cortex-tool-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.cortex-tool-details__chevron{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary .cortex-tool-details__chevron{transform:rotate(180deg)}.cortex-tool-details__body{background:#fff;padding:.75rem 1rem 1rem}.cortex-tool-details__panels{display:grid;gap:.75rem}.cortex-tool-details__panel{border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.cortex-tool-details__panel--success{border-color:#a7f3d0}.cortex-tool-details__panel--error{border-color:#fecaca}.cortex-tool-details__panel--approval{border-color:#ddd6fe}.cortex-tool-details__panel-header{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#f8fafc}.cortex-tool-details__panel-header--success{border-bottom-color:#a7f3d0;background:#ecfdf5}.cortex-tool-details__panel-header--error{border-bottom-color:#fecaca;background:#fef2f2}.cortex-tool-details__panel-header--approval{border-bottom-color:#ddd6fe;background:#f5f3ff}.cortex-tool-details__panel-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__panel-label--success{color:#047857}.cortex-tool-details__panel-label--error{color:#b91c1c}.cortex-tool-details__panel-label--approval{color:#6d28d9}.cortex-tool-details__panel-lang{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__panel-lang--success{color:#059669}.cortex-tool-details__panel-lang--error{color:#dc2626}.cortex-tool-details__panel-lang--approval{color:#7c3aed}.cortex-tool-details__code-pre{margin:0;max-height:20rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;overflow-wrap:break-word}.cortex-tool-details__tree-container{max-height:16rem;overflow:auto;padding:.75rem}.cortex-tool-details__error-pre{margin:0;max-height:16rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#991b1b;white-space:pre-wrap;overflow-wrap:break-word}.cortex-tool-details__denied-body{padding:.75rem;font-size:.75rem;color:#334155}.cortex-tool-details__approval-body{padding:.75rem;font-size:.75rem;color:#5b21b6}.cortex-tool-details__reason-box{margin-top:.5rem;border-radius:.25rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem}.cortex-tool-details__reason-box--approval{background:#f5f3ff;border-color:#ddd6fe}.cortex-tool-details__reason-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__reason-label--approval{color:#6d28d9}.cortex-tool-details__reason-text{margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#334155;overflow-wrap:break-word}.cortex-tool-details__reason-text--approval{color:#5b21b6}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: JsonTreeComponent, selector: "cortex-json-tree", inputs: ["data", "expandDepth"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageToolCallPartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageToolCallPartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-tool-call-part', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [HighlightPipe, NgClass, TranslatePipe, JsonTreeComponent], template: "<details class=\"cortex-tool-details\">\n  <summary class=\"cortex-tool-details__summary\">\n    <div class=\"cortex-tool-details__header\">\n      <div class=\"cortex-tool-details__icon-box\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 20 20\" class=\"cortex-tool-details__icon-svg\" fill=\"none\">\n          <path\n            d=\"M6.5 6.5 3.75 10l2.75 3.5M13.5 6.5 16.25 10l-2.75 3.5M11.25 5.75 8.75 14.25\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </div>\n\n      <div class=\"cortex-tool-details__info\">\n        <div class=\"cortex-tool-details__title-row\">\n          <div class=\"cortex-tool-details__name-row\">\n            <div class=\"cortex-tool-details__name\" [attr.title]=\"toolCallPart().title || null\">\n              {{ toolCallPart().title ?? 'Tool call' }}\n            </div>\n            @if (toolName()) {\n              <span\n                class=\"cortex-tool-details__tool-badge\"\n                [attr.title]=\"toolCallPart().type || null\"\n                >{{ toolName() }}</span\n              >\n            }\n          </div>\n          <div class=\"cortex-tool-details__id-line\">\n            <span class=\"cortex-tool-details__id-label\">ID</span>\n            <span class=\"cortex-tool-details__id-value\"> {{ toolCallPart().toolCallId }}</span>\n            @if (toolCallPart().providerExecuted) {\n              <span class=\"cortex-tool-details__provider-badge\">\n                <span class=\"cortex-tool-details__provider-dot\"></span>\n                provider\n              </span>\n            }\n          </div>\n        </div>\n\n        <div class=\"cortex-tool-details__actions\">\n          <span\n            class=\"cortex-tool-details__state-badge\"\n            [ngClass]=\"{\n              'cortex-tool-details__state-badge--success':\n                toolCallPart().state === 'output-available',\n              'cortex-tool-details__state-badge--error': toolCallPart().state === 'output-error',\n              'cortex-tool-details__state-badge--denied': toolCallPart().state === 'output-denied',\n              'cortex-tool-details__state-badge--approval':\n                toolCallPart().state === 'approval-requested' ||\n                toolCallPart().state === 'approval-responded',\n              'cortex-tool-details__state-badge--pending':\n                toolCallPart().state === 'input-streaming' ||\n                toolCallPart().state === 'input-available',\n            }\"\n          >\n            @switch (toolCallPart().state) {\n              @case ('input-streaming') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Calling\n              }\n              @case ('input-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--amber\"\n                ></span>\n                Input ready\n              }\n              @case ('approval-requested') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--violet cortex-tool-details__status-dot--pulse\"\n                ></span>\n                Needs approval\n              }\n              @case ('approval-responded') {\n                @if (toolCallPart().approval?.approved) {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                  ></span>\n                  Approved\n                } @else {\n                  <span\n                    class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                  ></span>\n                  Responded\n                }\n              }\n              @case ('output-available') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--emerald\"\n                ></span>\n                {{ 'translate_completed' | translate }}\n              }\n              @case ('output-error') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--red\"\n                ></span>\n                Error\n              }\n              @case ('output-denied') {\n                <span\n                  class=\"cortex-tool-details__status-dot cortex-tool-details__status-dot--slate\"\n                ></span>\n                Denied\n              }\n            }\n          </span>\n\n          <span class=\"cortex-tool-details__chevron\" aria-hidden=\"true\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\">\n              <path\n                d=\"m5.75 8.25 4.25 4.25 4.25-4.25\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </div>\n      </div>\n    </div>\n  </summary>\n\n  <div class=\"cortex-tool-details__body\">\n    <div class=\"cortex-tool-details__panels\">\n      @for (snippet of codeSnippets(); track snippet.key) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">{{ snippet.key }}</div>\n            <div class=\"cortex-tool-details__panel-lang\">{{ snippet.lang }}</div>\n          </div>\n          <pre\n            dir=\"ltr\"\n            class=\"cortex-tool-details__code-pre\"\n          ><code class=\"hljs\" [innerHTML]=\"snippet.value | highlight : snippet.lang\"></code></pre>\n        </div>\n      }\n\n      @if (remainingInput(); as remaining) {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Input</div>\n            <div class=\"cortex-tool-details__panel-lang\">json</div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"remaining\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-available') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--success\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--success\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--success\">\n              Output\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--success\">\n              json\n            </div>\n          </div>\n          <div dir=\"ltr\" class=\"cortex-tool-details__tree-container\">\n            <cortex-json-tree [data]=\"toolCallPart().output\" [expandDepth]=\"2\" />\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-error') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--error\">\n          <div class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--error\">\n            <div class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--error\">\n              Error\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--error\">\n              text\n            </div>\n          </div>\n          <pre dir=\"ltr\" class=\"cortex-tool-details__error-pre\">{{ toolCallPart().errorText }}</pre>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'output-denied') {\n        <div class=\"cortex-tool-details__panel\">\n          <div class=\"cortex-tool-details__panel-header\">\n            <div class=\"cortex-tool-details__panel-label\">Denied</div>\n            <div class=\"cortex-tool-details__panel-lang\">approval</div>\n          </div>\n          <div class=\"cortex-tool-details__denied-body\">\n            Tool execution was denied.\n            @if (toolCallPart().approval?.reason) {\n              <div class=\"cortex-tool-details__reason-box\">\n                <div class=\"cortex-tool-details__reason-label\">Reason</div>\n                <div class=\"cortex-tool-details__reason-text\">\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-requested') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval requested\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            Waiting for approval to execute this tool.\n          </div>\n        </div>\n      }\n\n      @if (toolCallPart().state === 'approval-responded') {\n        <div class=\"cortex-tool-details__panel cortex-tool-details__panel--approval\">\n          <div\n            class=\"cortex-tool-details__panel-header cortex-tool-details__panel-header--approval\"\n          >\n            <div\n              class=\"cortex-tool-details__panel-label cortex-tool-details__panel-label--approval\"\n            >\n              Approval response\n            </div>\n            <div class=\"cortex-tool-details__panel-lang cortex-tool-details__panel-lang--approval\">\n              {{ toolCallPart().approval?.id }}\n            </div>\n          </div>\n          <div class=\"cortex-tool-details__approval-body\">\n            @if (toolCallPart().approval?.approved) {\n              Approved.\n            } @else {\n              Response received.\n            }\n            @if (toolCallPart().approval?.reason) {\n              <div\n                class=\"cortex-tool-details__reason-box cortex-tool-details__reason-box--approval\"\n              >\n                <div\n                  class=\"cortex-tool-details__reason-label cortex-tool-details__reason-label--approval\"\n                >\n                  Reason\n                </div>\n                <div\n                  class=\"cortex-tool-details__reason-text cortex-tool-details__reason-text--approval\"\n                >\n                  {{ toolCallPart().approval?.reason }}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</details>\n", styles: [".cortex-tool-details{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cortex-tool-details__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem}.cortex-tool-details__summary::-webkit-details-marker{display:none}details[open]>.cortex-tool-details__summary{border-bottom:1px solid #e2e8f0}.cortex-tool-details__header{display:flex;align-items:flex-start;gap:.75rem}.cortex-tool-details__icon-box{flex-shrink:0;margin-top:.125rem;width:1.75rem;height:1.75rem;border-radius:.25rem;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center}.cortex-tool-details__icon-svg{width:1rem;height:1rem}.cortex-tool-details__info{min-width:0;flex:1;display:flex;align-items:center;gap:.5rem}.cortex-tool-details__title-row{min-width:0;flex:1}.cortex-tool-details__name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.cortex-tool-details__name{font-weight:500;color:#1e293b;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cortex-tool-details__tool-badge{display:none;align-items:center;border-radius:.25rem;background:#e2e8f0;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(min-width:640px){.cortex-tool-details__tool-badge{display:inline-flex}}.cortex-tool-details__id-line{margin-top:.125rem;font-size:.6875rem;color:#64748b;word-break:break-all}.cortex-tool-details__id-label{font-weight:500;color:#475569}.cortex-tool-details__id-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__provider-badge{margin-inline-start:.5rem;display:inline-flex;align-items:center;gap:.25rem;color:#047857}.cortex-tool-details__provider-dot{width:.375rem;height:.375rem;border-radius:9999px;background:#10b981}.cortex-tool-details__actions{display:flex;align-items:center;gap:.5rem}.cortex-tool-details__state-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border:1px solid}.cortex-tool-details__state-badge--success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cortex-tool-details__state-badge--error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.cortex-tool-details__state-badge--denied{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.cortex-tool-details__state-badge--approval{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.cortex-tool-details__state-badge--pending{background:#fffbeb;color:#b45309;border-color:#fde68a}.cortex-tool-details__status-dot{width:.375rem;height:.375rem;border-radius:9999px}.cortex-tool-details__status-dot--amber{background:#f59e0b}.cortex-tool-details__status-dot--violet{background:#8b5cf6}.cortex-tool-details__status-dot--emerald{background:#10b981}.cortex-tool-details__status-dot--red{background:#ef4444}.cortex-tool-details__status-dot--slate{background:#64748b}.cortex-tool-details__status-dot--pulse{animation:cortex-tool-status-pulse 2s ease-in-out infinite}@keyframes cortex-tool-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.cortex-tool-details__chevron{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;color:#94a3b8;transition:transform .2s}details[open]>summary .cortex-tool-details__chevron{transform:rotate(180deg)}.cortex-tool-details__body{background:#fff;padding:.75rem 1rem 1rem}.cortex-tool-details__panels{display:grid;gap:.75rem}.cortex-tool-details__panel{border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.cortex-tool-details__panel--success{border-color:#a7f3d0}.cortex-tool-details__panel--error{border-color:#fecaca}.cortex-tool-details__panel--approval{border-color:#ddd6fe}.cortex-tool-details__panel-header{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#f8fafc}.cortex-tool-details__panel-header--success{border-bottom-color:#a7f3d0;background:#ecfdf5}.cortex-tool-details__panel-header--error{border-bottom-color:#fecaca;background:#fef2f2}.cortex-tool-details__panel-header--approval{border-bottom-color:#ddd6fe;background:#f5f3ff}.cortex-tool-details__panel-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__panel-label--success{color:#047857}.cortex-tool-details__panel-label--error{color:#b91c1c}.cortex-tool-details__panel-label--approval{color:#6d28d9}.cortex-tool-details__panel-lang{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cortex-tool-details__panel-lang--success{color:#059669}.cortex-tool-details__panel-lang--error{color:#dc2626}.cortex-tool-details__panel-lang--approval{color:#7c3aed}.cortex-tool-details__code-pre{margin:0;max-height:20rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;overflow-wrap:break-word}.cortex-tool-details__tree-container{max-height:16rem;overflow:auto;padding:.75rem}.cortex-tool-details__error-pre{margin:0;max-height:16rem;overflow:auto;padding:.75rem;font-size:.75rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#991b1b;white-space:pre-wrap;overflow-wrap:break-word}.cortex-tool-details__denied-body{padding:.75rem;font-size:.75rem;color:#334155}.cortex-tool-details__approval-body{padding:.75rem;font-size:.75rem;color:#5b21b6}.cortex-tool-details__reason-box{margin-top:.5rem;border-radius:.25rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem}.cortex-tool-details__reason-box--approval{background:#f5f3ff;border-color:#ddd6fe}.cortex-tool-details__reason-label{font-size:.6875rem;font-weight:500;color:#475569}.cortex-tool-details__reason-label--approval{color:#6d28d9}.cortex-tool-details__reason-text{margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#334155;overflow-wrap:break-word}.cortex-tool-details__reason-text--approval{color:#5b21b6}\n"] }]
         }], propDecorators: { toolCallPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolCallPart", required: true }] }] } });
@@ -637,10 +978,10 @@ class MessageCaptureFilesPartComponent {
             message: 'User canceled upload',
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageCaptureFilesPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageCaptureFilesPartComponent, isStandalone: true, selector: "cortex-message-capture-files-part", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, toolPart: { classPropertyName: "toolPart", publicName: "toolPart", isSignal: true, isRequired: true, transformFunction: null }, setOutput: { classPropertyName: "setOutput", publicName: "setOutput", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-capture-files" }, ngImport: i0, template: "@if (outputData(); as output) {\n  <!-- Result state -->\n  @if (output.status === 'success') {\n    <div class=\"cortex-capture-success\">\n      <div class=\"cortex-capture-success__header\">\n        <div class=\"cortex-capture-success__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-success__icon-svg\" fill=\"none\">\n            <path\n              d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.75\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </div>\n        <div class=\"cortex-capture-success__title-wrap\">\n          <h3 class=\"cortex-capture-success__title\">\n            {{ 'translate_files_attached' | translate: { count: requestedFiles().length } }}\n          </h3>\n        </div>\n      </div>\n\n      <div class=\"cortex-capture-success__file-list\">\n        <ul class=\"cortex-capture-success__files\">\n          @for (file of outputData()!.result!; track file.uploadId) {\n            <li>\n              <button\n                type=\"button\"\n                (click)=\"downloadFile(file.uploadId)\"\n                class=\"cortex-capture-success__download-btn\"\n              >\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__file-icon\" fill=\"none\">\n                  <path\n                    d=\"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                  />\n                  <path\n                    d=\"M9.5 1.5v2a2 2 0 0 0 2 2h2\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                <span class=\"cortex-capture-success__file-name\">{{\n                  requestedFiles()[$index]?.label ?? outputData()!.result![$index]?.id\n                }}</span>\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__dl-icon\" fill=\"none\">\n                  <path\n                    d=\"M8 3v7m0 0L5.5 7.5M8 10l2.5-2.5M3 13h10\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  } @else {\n    <!-- Canceled state -->\n    <div class=\"cortex-capture-canceled-wrap\">\n      <div class=\"cortex-capture-canceled\">\n        <div class=\"cortex-capture-canceled__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-canceled__icon-svg\" fill=\"none\">\n            <path d=\"M6 10h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n        <span class=\"cortex-capture-canceled__text\">{{\n          'translate_file_upload_skipped' | translate\n        }}</span>\n      </div>\n    </div>\n  }\n} @else {\n  @if (!hasInvalidInput()) {\n    <!-- Upload form -->\n    <form [formGroup]=\"form()\" class=\"cortex-capture-form\">\n      @if (requestedFiles().length === 1) {\n        <!-- Single file: minimal inline -->\n        <fieldset [formArray]=\"form().controls.files\">\n          <div [formGroupName]=\"0\" class=\"cortex-capture-form__single\">\n            <label for=\"capture-file-0\" class=\"cortex-capture-form__label\">\n              {{ requestedFiles()[0]!.label }}\n            </label>\n            <input hidden formControlName=\"id\" />\n            <div class=\"cortex-capture-form__row\">\n              <cortex-file-input\n                id=\"capture-file-0\"\n                formControlName=\"file\"\n                class=\"cortex-capture-form__input\"\n              />\n              <button\n                (click)=\"cancel()\"\n                [disabled]=\"isLoading()\"\n                type=\"button\"\n                class=\"cortex-capture-form__cancel-link\"\n              >\n                {{ 'translate_cancel' | translate }}\n              </button>\n              <button\n                (click)=\"submit()\"\n                type=\"button\"\n                class=\"cortex-capture-form__submit-btn\"\n                [disabled]=\"form().invalid || isLoading()\"\n              >\n                @if (isLoading()) {\n                  <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <circle\n                      cx=\"8\"\n                      cy=\"8\"\n                      r=\"6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      class=\"cortex-capture-form__spinner-track\"\n                    />\n                    <path\n                      d=\"M14 8a6 6 0 0 0-6-6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                  {{ 'translate_uploading' | translate }}\n                } @else {\n                  {{ 'translate_submit' | translate }}\n                }\n              </button>\n            </div>\n          </div>\n        </fieldset>\n      } @else {\n        <!-- Multi-file: full form -->\n        <div class=\"cortex-capture-form__multi\">\n          <div class=\"cortex-capture-form__multi-header\">\n            <div class=\"cortex-capture-form__multi-header-row\">\n              <div class=\"cortex-capture-form__multi-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-form__multi-icon-svg\" fill=\"none\">\n                  <path\n                    d=\"M4 13.5a3.5 3.5 0 0 1-.5-6.97 5.002 5.002 0 0 1 9.78-1.03A4.5 4.5 0 0 1 15.5 14\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                  <path\n                    d=\"M10 10v7m0-7-2.5 2.5M10 10l2.5 2.5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </div>\n\n              <div class=\"cortex-capture-form__multi-title-wrap\">\n                <h3 class=\"cortex-capture-form__multi-title\">\n                  {{ 'translate_attach_requested_files' | translate }}\n                </h3>\n                <p class=\"cortex-capture-form__multi-subtitle\">\n                  {{ 'translate_n_files_required' | translate: { count: requestedFiles().length } }}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <fieldset [formArray]=\"form().controls.files\" class=\"cortex-capture-form__multi-fields\">\n            @for (file of form().controls.files.value; track $index) {\n              <div [formGroupName]=\"$index\" class=\"cortex-capture-form__multi-item\">\n                <div class=\"cortex-capture-form__multi-item-header\">\n                  <label\n                    [for]=\"'capture-file-' + $index\"\n                    class=\"cortex-capture-form__multi-item-label\"\n                  >\n                    {{ requestedFiles()[$index]!.label }}\n                  </label>\n                  <span class=\"cortex-capture-form__required-badge\">\n                    {{ 'translate_required' | translate }}\n                  </span>\n                </div>\n                <input hidden formControlName=\"id\" />\n                <cortex-file-input [id]=\"'capture-file-' + $index\" formControlName=\"file\" />\n              </div>\n            }\n          </fieldset>\n\n          <div class=\"cortex-capture-form__multi-footer\">\n            <button\n              (click)=\"cancel()\"\n              [disabled]=\"isLoading()\"\n              type=\"button\"\n              class=\"cortex-capture-form__cancel-btn\"\n            >\n              {{ 'translate_cancel' | translate }}\n            </button>\n            <button\n              (click)=\"submit()\"\n              type=\"button\"\n              class=\"cortex-capture-form__submit-btn\"\n              [disabled]=\"form().invalid || isLoading()\"\n            >\n              @if (isLoading()) {\n                <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    class=\"cortex-capture-form__spinner-track\"\n                  />\n                  <path\n                    d=\"M14 8a6 6 0 0 0-6-6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                {{ 'translate_uploading' | translate }}\n              } @else {\n                {{ 'translate_submit_files' | translate }}\n              }\n            </button>\n          </div>\n        </div>\n      }\n    </form>\n  }\n}\n", styles: [".cortex-capture-files{display:block;width:100%}.cortex-file-input{display:flex;width:100%;cursor:pointer;align-items:center;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;transition:border-color .15s}.cortex-file-input:hover{border-color:#94a3b8}.cortex-file-input:focus-within{box-shadow:0 0 0 2px #cbd5e1}.cortex-file-input__btn{margin:.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border:0;background:#1e293b;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.025em;color:#f1f5f9}.cortex-file-input__btn:hover{background:#334155}.cortex-file-input__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .75rem;font-size:.75rem;color:#475569}.cortex-file-input__hidden{display:none}.cortex-capture-success{overflow:hidden;border-radius:1rem;border:1px solid #a7f3d0;background:linear-gradient(to bottom,#ecfdf5cc,#fff)}.cortex-capture-success__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-success__header{padding:.75rem 1.25rem}}.cortex-capture-success__icon{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #a7f3d0;background:#d1fae5;color:#059669}.cortex-capture-success__icon-svg{width:1rem;height:1rem}.cortex-capture-success__title-wrap{min-width:0}.cortex-capture-success__title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#065f46;margin:0}.cortex-capture-success__file-list{border-top:1px solid #d1fae5;padding:.625rem 1rem}@media(min-width:640px){.cortex-capture-success__file-list{padding:.625rem 1.25rem}}.cortex-capture-success__files{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cortex-capture-success__download-btn{display:inline-flex;cursor:pointer;align-items:center;gap:.375rem;border-radius:.5rem;border:1px solid #d1fae5;background:#fff;padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:#047857;box-shadow:0 1px 2px #0000000d;transition:all .15s}.cortex-capture-success__download-btn:hover{border-color:#a7f3d0;background:#ecfdf5;box-shadow:0 1px 3px #0000001a}.cortex-capture-success__download-btn:active{transform:scale(.97)}.cortex-capture-success__file-icon{width:.875rem;height:.875rem;flex-shrink:0;color:#6ee7b7}.cortex-capture-success__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cortex-capture-success__dl-icon{width:.75rem;height:.75rem;flex-shrink:0;color:#86efac}.cortex-capture-canceled-wrap{display:flex;justify-content:center}.cortex-capture-canceled{display:inline-flex;align-items:center;gap:.625rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.625rem 1rem}.cortex-capture-canceled__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#94a3b8}.cortex-capture-canceled__icon-svg{width:.75rem;height:.75rem}.cortex-capture-canceled__text{font-size:.8125rem;font-weight:500;color:#94a3b8}.cortex-capture-form{width:100%}.cortex-capture-form__single{border-radius:.75rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.cortex-capture-form__label{display:block;margin-bottom:.375rem;font-size:.75rem;color:#64748b}.cortex-capture-form__row{display:flex;align-items:center;gap:.5rem}.cortex-capture-form__input{min-width:0;flex:1}.cortex-capture-form__cancel-link{flex-shrink:0;font-size:.75rem;font-weight:500;color:#94a3b8;background:none;border:0;cursor:pointer;transition:color .15s}.cortex-capture-form__cancel-link:hover{color:#475569}.cortex-capture-form__submit-btn{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:#1e293b;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#f1f5f9;border:0;cursor:pointer;transition:background-color .15s}.cortex-capture-form__submit-btn:hover{background:#334155}.cortex-capture-form__submit-btn:active{background:#0f172a}.cortex-capture-form__submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.cortex-capture-form__spinner{width:.75rem;height:.75rem;margin-inline-end:.375rem;animation:cortex-capture-spin .8s linear infinite}.cortex-capture-form__spinner-track{opacity:.25}@keyframes cortex-capture-spin{to{transform:rotate(360deg)}}.cortex-capture-form__multi{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:linear-gradient(to bottom,#fff,#f8fafc)}.cortex-capture-form__multi-header{border-bottom:1px solid #e2e8f0;background:#ffffffd9;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-header{padding:.75rem 1.25rem}}.cortex-capture-form__multi-header-row{display:flex;align-items:flex-start;gap:.75rem}.cortex-capture-form__multi-icon{margin-top:.125rem;display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569}.cortex-capture-form__multi-icon-svg{width:1rem;height:1rem}.cortex-capture-form__multi-title-wrap{min-width:0}.cortex-capture-form__multi-title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#1e293b;margin:0}.cortex-capture-form__multi-subtitle{margin-top:.125rem;font-size:.6875rem;color:#64748b;margin-bottom:0}.cortex-capture-form__multi-fields{display:grid;gap:.75rem;padding:1rem;border:0}@media(min-width:640px){.cortex-capture-form__multi-fields{padding:1.25rem}}.cortex-capture-form__multi-item{border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;padding:.75rem;transition:border-color .15s}.cortex-capture-form__multi-item:hover{border-color:#cbd5e1}.cortex-capture-form__multi-item-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cortex-capture-form__multi-item-label{display:block;font-size:.75rem;font-weight:500;line-height:1;color:#334155}.cortex-capture-form__required-badge{display:inline-flex;align-items:center;border-radius:.25rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.125rem .375rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cortex-capture-form__multi-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;background:#ffffffe6;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-footer{padding:.75rem 1.25rem}}.cortex-capture-form__cancel-btn{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:background-color .15s}.cortex-capture-form__cancel-btn:hover{background:#f8fafc}.cortex-capture-form__cancel-btn:active{background:#f1f5f9}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1$1.ɵNgNoValidate), selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i0.forwardRef(() => i1$1.DefaultValueAccessor), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormGroupDirective), selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormArrayDirective), selector: "[formArray]", inputs: ["formArray"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormControlName), selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormGroupName), selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i0.forwardRef(() => FileInputComponent), selector: "cortex-file-input", inputs: ["allowedMimeTypes"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageCaptureFilesPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageCaptureFilesPartComponent, isStandalone: true, selector: "cortex-message-capture-files-part", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, toolPart: { classPropertyName: "toolPart", publicName: "toolPart", isSignal: true, isRequired: true, transformFunction: null }, setOutput: { classPropertyName: "setOutput", publicName: "setOutput", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-capture-files" }, ngImport: i0, template: "@if (outputData(); as output) {\n  <!-- Result state -->\n  @if (output.status === 'success') {\n    <div class=\"cortex-capture-success\">\n      <div class=\"cortex-capture-success__header\">\n        <div class=\"cortex-capture-success__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-success__icon-svg\" fill=\"none\">\n            <path\n              d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.75\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </div>\n        <div class=\"cortex-capture-success__title-wrap\">\n          <h3 class=\"cortex-capture-success__title\">\n            {{ 'translate_files_attached' | translate: { count: requestedFiles().length } }}\n          </h3>\n        </div>\n      </div>\n\n      <div class=\"cortex-capture-success__file-list\">\n        <ul class=\"cortex-capture-success__files\">\n          @for (file of outputData()!.result!; track file.uploadId) {\n            <li>\n              <button\n                type=\"button\"\n                (click)=\"downloadFile(file.uploadId)\"\n                class=\"cortex-capture-success__download-btn\"\n              >\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__file-icon\" fill=\"none\">\n                  <path\n                    d=\"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                  />\n                  <path\n                    d=\"M9.5 1.5v2a2 2 0 0 0 2 2h2\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                <span class=\"cortex-capture-success__file-name\">{{\n                  requestedFiles()[$index]?.label ?? outputData()!.result![$index]?.id\n                }}</span>\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__dl-icon\" fill=\"none\">\n                  <path\n                    d=\"M8 3v7m0 0L5.5 7.5M8 10l2.5-2.5M3 13h10\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  } @else {\n    <!-- Canceled state -->\n    <div class=\"cortex-capture-canceled-wrap\">\n      <div class=\"cortex-capture-canceled\">\n        <div class=\"cortex-capture-canceled__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-canceled__icon-svg\" fill=\"none\">\n            <path d=\"M6 10h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n        <span class=\"cortex-capture-canceled__text\">{{\n          'translate_file_upload_skipped' | translate\n        }}</span>\n      </div>\n    </div>\n  }\n} @else {\n  @if (!hasInvalidInput()) {\n    <!-- Upload form -->\n    <form [formGroup]=\"form()\" class=\"cortex-capture-form\">\n      @if (requestedFiles().length === 1) {\n        <!-- Single file: minimal inline -->\n        <fieldset [formArray]=\"form().controls.files\">\n          <div [formGroupName]=\"0\" class=\"cortex-capture-form__single\">\n            <label for=\"capture-file-0\" class=\"cortex-capture-form__label\">\n              {{ requestedFiles()[0]!.label }}\n            </label>\n            <input hidden formControlName=\"id\" />\n            <div class=\"cortex-capture-form__row\">\n              <cortex-file-input\n                id=\"capture-file-0\"\n                formControlName=\"file\"\n                class=\"cortex-capture-form__input\"\n              />\n              <button\n                (click)=\"cancel()\"\n                [disabled]=\"isLoading()\"\n                type=\"button\"\n                class=\"cortex-capture-form__cancel-link\"\n              >\n                {{ 'translate_cancel' | translate }}\n              </button>\n              <button\n                (click)=\"submit()\"\n                type=\"button\"\n                class=\"cortex-capture-form__submit-btn\"\n                [disabled]=\"form().invalid || isLoading()\"\n              >\n                @if (isLoading()) {\n                  <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <circle\n                      cx=\"8\"\n                      cy=\"8\"\n                      r=\"6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      class=\"cortex-capture-form__spinner-track\"\n                    />\n                    <path\n                      d=\"M14 8a6 6 0 0 0-6-6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                  {{ 'translate_uploading' | translate }}\n                } @else {\n                  {{ 'translate_submit' | translate }}\n                }\n              </button>\n            </div>\n          </div>\n        </fieldset>\n      } @else {\n        <!-- Multi-file: full form -->\n        <div class=\"cortex-capture-form__multi\">\n          <div class=\"cortex-capture-form__multi-header\">\n            <div class=\"cortex-capture-form__multi-header-row\">\n              <div class=\"cortex-capture-form__multi-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-form__multi-icon-svg\" fill=\"none\">\n                  <path\n                    d=\"M4 13.5a3.5 3.5 0 0 1-.5-6.97 5.002 5.002 0 0 1 9.78-1.03A4.5 4.5 0 0 1 15.5 14\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                  <path\n                    d=\"M10 10v7m0-7-2.5 2.5M10 10l2.5 2.5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </div>\n\n              <div class=\"cortex-capture-form__multi-title-wrap\">\n                <h3 class=\"cortex-capture-form__multi-title\">\n                  {{ 'translate_attach_requested_files' | translate }}\n                </h3>\n                <p class=\"cortex-capture-form__multi-subtitle\">\n                  {{ 'translate_n_files_required' | translate: { count: requestedFiles().length } }}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <fieldset [formArray]=\"form().controls.files\" class=\"cortex-capture-form__multi-fields\">\n            @for (file of form().controls.files.value; track $index) {\n              <div [formGroupName]=\"$index\" class=\"cortex-capture-form__multi-item\">\n                <div class=\"cortex-capture-form__multi-item-header\">\n                  <label\n                    [for]=\"'capture-file-' + $index\"\n                    class=\"cortex-capture-form__multi-item-label\"\n                  >\n                    {{ requestedFiles()[$index]!.label }}\n                  </label>\n                  <span class=\"cortex-capture-form__required-badge\">\n                    {{ 'translate_required' | translate }}\n                  </span>\n                </div>\n                <input hidden formControlName=\"id\" />\n                <cortex-file-input [id]=\"'capture-file-' + $index\" formControlName=\"file\" />\n              </div>\n            }\n          </fieldset>\n\n          <div class=\"cortex-capture-form__multi-footer\">\n            <button\n              (click)=\"cancel()\"\n              [disabled]=\"isLoading()\"\n              type=\"button\"\n              class=\"cortex-capture-form__cancel-btn\"\n            >\n              {{ 'translate_cancel' | translate }}\n            </button>\n            <button\n              (click)=\"submit()\"\n              type=\"button\"\n              class=\"cortex-capture-form__submit-btn\"\n              [disabled]=\"form().invalid || isLoading()\"\n            >\n              @if (isLoading()) {\n                <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    class=\"cortex-capture-form__spinner-track\"\n                  />\n                  <path\n                    d=\"M14 8a6 6 0 0 0-6-6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                {{ 'translate_uploading' | translate }}\n              } @else {\n                {{ 'translate_submit_files' | translate }}\n              }\n            </button>\n          </div>\n        </div>\n      }\n    </form>\n  }\n}\n", styles: [".cortex-capture-files{display:block;width:100%}.cortex-file-input{display:flex;width:100%;cursor:pointer;align-items:center;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;transition:border-color .15s}.cortex-file-input:hover{border-color:#94a3b8}.cortex-file-input:focus-within{box-shadow:0 0 0 2px #cbd5e1}.cortex-file-input__btn{margin:.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border:0;background:#1e293b;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.025em;color:#f1f5f9}.cortex-file-input__btn:hover{background:#334155}.cortex-file-input__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .75rem;font-size:.75rem;color:#475569}.cortex-file-input__hidden{display:none}.cortex-capture-success{overflow:hidden;border-radius:1rem;border:1px solid #a7f3d0;background:linear-gradient(to bottom,#ecfdf5cc,#fff)}.cortex-capture-success__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-success__header{padding:.75rem 1.25rem}}.cortex-capture-success__icon{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #a7f3d0;background:#d1fae5;color:#059669}.cortex-capture-success__icon-svg{width:1rem;height:1rem}.cortex-capture-success__title-wrap{min-width:0}.cortex-capture-success__title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#065f46;margin:0}.cortex-capture-success__file-list{border-top:1px solid #d1fae5;padding:.625rem 1rem}@media(min-width:640px){.cortex-capture-success__file-list{padding:.625rem 1.25rem}}.cortex-capture-success__files{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cortex-capture-success__download-btn{display:inline-flex;cursor:pointer;align-items:center;gap:.375rem;border-radius:.5rem;border:1px solid #d1fae5;background:#fff;padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:#047857;box-shadow:0 1px 2px #0000000d;transition:all .15s}.cortex-capture-success__download-btn:hover{border-color:#a7f3d0;background:#ecfdf5;box-shadow:0 1px 3px #0000001a}.cortex-capture-success__download-btn:active{transform:scale(.97)}.cortex-capture-success__file-icon{width:.875rem;height:.875rem;flex-shrink:0;color:#6ee7b7}.cortex-capture-success__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cortex-capture-success__dl-icon{width:.75rem;height:.75rem;flex-shrink:0;color:#86efac}.cortex-capture-canceled-wrap{display:flex;justify-content:center}.cortex-capture-canceled{display:inline-flex;align-items:center;gap:.625rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.625rem 1rem}.cortex-capture-canceled__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#94a3b8}.cortex-capture-canceled__icon-svg{width:.75rem;height:.75rem}.cortex-capture-canceled__text{font-size:.8125rem;font-weight:500;color:#94a3b8}.cortex-capture-form{width:100%}.cortex-capture-form__single{border-radius:.75rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.cortex-capture-form__label{display:block;margin-bottom:.375rem;font-size:.75rem;color:#64748b}.cortex-capture-form__row{display:flex;align-items:center;gap:.5rem}.cortex-capture-form__input{min-width:0;flex:1}.cortex-capture-form__cancel-link{flex-shrink:0;font-size:.75rem;font-weight:500;color:#94a3b8;background:none;border:0;cursor:pointer;transition:color .15s}.cortex-capture-form__cancel-link:hover{color:#475569}.cortex-capture-form__submit-btn{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:#1e293b;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#f1f5f9;border:0;cursor:pointer;transition:background-color .15s}.cortex-capture-form__submit-btn:hover{background:#334155}.cortex-capture-form__submit-btn:active{background:#0f172a}.cortex-capture-form__submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.cortex-capture-form__spinner{width:.75rem;height:.75rem;margin-inline-end:.375rem;animation:cortex-capture-spin .8s linear infinite}.cortex-capture-form__spinner-track{opacity:.25}@keyframes cortex-capture-spin{to{transform:rotate(360deg)}}.cortex-capture-form__multi{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:linear-gradient(to bottom,#fff,#f8fafc)}.cortex-capture-form__multi-header{border-bottom:1px solid #e2e8f0;background:#ffffffd9;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-header{padding:.75rem 1.25rem}}.cortex-capture-form__multi-header-row{display:flex;align-items:flex-start;gap:.75rem}.cortex-capture-form__multi-icon{margin-top:.125rem;display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569}.cortex-capture-form__multi-icon-svg{width:1rem;height:1rem}.cortex-capture-form__multi-title-wrap{min-width:0}.cortex-capture-form__multi-title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#1e293b;margin:0}.cortex-capture-form__multi-subtitle{margin-top:.125rem;font-size:.6875rem;color:#64748b;margin-bottom:0}.cortex-capture-form__multi-fields{display:grid;gap:.75rem;padding:1rem;border:0}@media(min-width:640px){.cortex-capture-form__multi-fields{padding:1.25rem}}.cortex-capture-form__multi-item{border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;padding:.75rem;transition:border-color .15s}.cortex-capture-form__multi-item:hover{border-color:#cbd5e1}.cortex-capture-form__multi-item-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cortex-capture-form__multi-item-label{display:block;font-size:.75rem;font-weight:500;line-height:1;color:#334155}.cortex-capture-form__required-badge{display:inline-flex;align-items:center;border-radius:.25rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.125rem .375rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cortex-capture-form__multi-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;background:#ffffffe6;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-footer{padding:.75rem 1.25rem}}.cortex-capture-form__cancel-btn{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:background-color .15s}.cortex-capture-form__cancel-btn:hover{background:#f8fafc}.cortex-capture-form__cancel-btn:active{background:#f1f5f9}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1$1.ɵNgNoValidate), selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i0.forwardRef(() => i1$1.DefaultValueAccessor), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormGroupDirective), selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormArrayDirective), selector: "[formArray]", inputs: ["formArray"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormControlName), selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i0.forwardRef(() => i1$1.FormGroupName), selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i0.forwardRef(() => FileInputComponent), selector: "cortex-file-input", inputs: ["allowedMimeTypes"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageCaptureFilesPartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageCaptureFilesPartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-capture-files-part', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ReactiveFormsModule, forwardRef(() => FileInputComponent), TranslatePipe], host: { class: 'cortex-capture-files' }, template: "@if (outputData(); as output) {\n  <!-- Result state -->\n  @if (output.status === 'success') {\n    <div class=\"cortex-capture-success\">\n      <div class=\"cortex-capture-success__header\">\n        <div class=\"cortex-capture-success__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-success__icon-svg\" fill=\"none\">\n            <path\n              d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.75\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        </div>\n        <div class=\"cortex-capture-success__title-wrap\">\n          <h3 class=\"cortex-capture-success__title\">\n            {{ 'translate_files_attached' | translate: { count: requestedFiles().length } }}\n          </h3>\n        </div>\n      </div>\n\n      <div class=\"cortex-capture-success__file-list\">\n        <ul class=\"cortex-capture-success__files\">\n          @for (file of outputData()!.result!; track file.uploadId) {\n            <li>\n              <button\n                type=\"button\"\n                (click)=\"downloadFile(file.uploadId)\"\n                class=\"cortex-capture-success__download-btn\"\n              >\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__file-icon\" fill=\"none\">\n                  <path\n                    d=\"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                  />\n                  <path\n                    d=\"M9.5 1.5v2a2 2 0 0 0 2 2h2\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.25\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                <span class=\"cortex-capture-success__file-name\">{{\n                  requestedFiles()[$index]?.label ?? outputData()!.result![$index]?.id\n                }}</span>\n                <svg viewBox=\"0 0 16 16\" class=\"cortex-capture-success__dl-icon\" fill=\"none\">\n                  <path\n                    d=\"M8 3v7m0 0L5.5 7.5M8 10l2.5-2.5M3 13h10\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.5\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  } @else {\n    <!-- Canceled state -->\n    <div class=\"cortex-capture-canceled-wrap\">\n      <div class=\"cortex-capture-canceled\">\n        <div class=\"cortex-capture-canceled__icon\">\n          <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-canceled__icon-svg\" fill=\"none\">\n            <path d=\"M6 10h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n        <span class=\"cortex-capture-canceled__text\">{{\n          'translate_file_upload_skipped' | translate\n        }}</span>\n      </div>\n    </div>\n  }\n} @else {\n  @if (!hasInvalidInput()) {\n    <!-- Upload form -->\n    <form [formGroup]=\"form()\" class=\"cortex-capture-form\">\n      @if (requestedFiles().length === 1) {\n        <!-- Single file: minimal inline -->\n        <fieldset [formArray]=\"form().controls.files\">\n          <div [formGroupName]=\"0\" class=\"cortex-capture-form__single\">\n            <label for=\"capture-file-0\" class=\"cortex-capture-form__label\">\n              {{ requestedFiles()[0]!.label }}\n            </label>\n            <input hidden formControlName=\"id\" />\n            <div class=\"cortex-capture-form__row\">\n              <cortex-file-input\n                id=\"capture-file-0\"\n                formControlName=\"file\"\n                class=\"cortex-capture-form__input\"\n              />\n              <button\n                (click)=\"cancel()\"\n                [disabled]=\"isLoading()\"\n                type=\"button\"\n                class=\"cortex-capture-form__cancel-link\"\n              >\n                {{ 'translate_cancel' | translate }}\n              </button>\n              <button\n                (click)=\"submit()\"\n                type=\"button\"\n                class=\"cortex-capture-form__submit-btn\"\n                [disabled]=\"form().invalid || isLoading()\"\n              >\n                @if (isLoading()) {\n                  <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <circle\n                      cx=\"8\"\n                      cy=\"8\"\n                      r=\"6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      class=\"cortex-capture-form__spinner-track\"\n                    />\n                    <path\n                      d=\"M14 8a6 6 0 0 0-6-6\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                    />\n                  </svg>\n                  {{ 'translate_uploading' | translate }}\n                } @else {\n                  {{ 'translate_submit' | translate }}\n                }\n              </button>\n            </div>\n          </div>\n        </fieldset>\n      } @else {\n        <!-- Multi-file: full form -->\n        <div class=\"cortex-capture-form__multi\">\n          <div class=\"cortex-capture-form__multi-header\">\n            <div class=\"cortex-capture-form__multi-header-row\">\n              <div class=\"cortex-capture-form__multi-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 20 20\" class=\"cortex-capture-form__multi-icon-svg\" fill=\"none\">\n                  <path\n                    d=\"M4 13.5a3.5 3.5 0 0 1-.5-6.97 5.002 5.002 0 0 1 9.78-1.03A4.5 4.5 0 0 1 15.5 14\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                  <path\n                    d=\"M10 10v7m0-7-2.5 2.5M10 10l2.5 2.5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.4\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </div>\n\n              <div class=\"cortex-capture-form__multi-title-wrap\">\n                <h3 class=\"cortex-capture-form__multi-title\">\n                  {{ 'translate_attach_requested_files' | translate }}\n                </h3>\n                <p class=\"cortex-capture-form__multi-subtitle\">\n                  {{ 'translate_n_files_required' | translate: { count: requestedFiles().length } }}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          <fieldset [formArray]=\"form().controls.files\" class=\"cortex-capture-form__multi-fields\">\n            @for (file of form().controls.files.value; track $index) {\n              <div [formGroupName]=\"$index\" class=\"cortex-capture-form__multi-item\">\n                <div class=\"cortex-capture-form__multi-item-header\">\n                  <label\n                    [for]=\"'capture-file-' + $index\"\n                    class=\"cortex-capture-form__multi-item-label\"\n                  >\n                    {{ requestedFiles()[$index]!.label }}\n                  </label>\n                  <span class=\"cortex-capture-form__required-badge\">\n                    {{ 'translate_required' | translate }}\n                  </span>\n                </div>\n                <input hidden formControlName=\"id\" />\n                <cortex-file-input [id]=\"'capture-file-' + $index\" formControlName=\"file\" />\n              </div>\n            }\n          </fieldset>\n\n          <div class=\"cortex-capture-form__multi-footer\">\n            <button\n              (click)=\"cancel()\"\n              [disabled]=\"isLoading()\"\n              type=\"button\"\n              class=\"cortex-capture-form__cancel-btn\"\n            >\n              {{ 'translate_cancel' | translate }}\n            </button>\n            <button\n              (click)=\"submit()\"\n              type=\"button\"\n              class=\"cortex-capture-form__submit-btn\"\n              [disabled]=\"form().invalid || isLoading()\"\n            >\n              @if (isLoading()) {\n                <svg class=\"cortex-capture-form__spinner\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    class=\"cortex-capture-form__spinner-track\"\n                  />\n                  <path\n                    d=\"M14 8a6 6 0 0 0-6-6\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                  />\n                </svg>\n                {{ 'translate_uploading' | translate }}\n              } @else {\n                {{ 'translate_submit_files' | translate }}\n              }\n            </button>\n          </div>\n        </div>\n      }\n    </form>\n  }\n}\n", styles: [".cortex-capture-files{display:block;width:100%}.cortex-file-input{display:flex;width:100%;cursor:pointer;align-items:center;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;transition:border-color .15s}.cortex-file-input:hover{border-color:#94a3b8}.cortex-file-input:focus-within{box-shadow:0 0 0 2px #cbd5e1}.cortex-file-input__btn{margin:.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border:0;background:#1e293b;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.025em;color:#f1f5f9}.cortex-file-input__btn:hover{background:#334155}.cortex-file-input__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .75rem;font-size:.75rem;color:#475569}.cortex-file-input__hidden{display:none}.cortex-capture-success{overflow:hidden;border-radius:1rem;border:1px solid #a7f3d0;background:linear-gradient(to bottom,#ecfdf5cc,#fff)}.cortex-capture-success__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-success__header{padding:.75rem 1.25rem}}.cortex-capture-success__icon{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #a7f3d0;background:#d1fae5;color:#059669}.cortex-capture-success__icon-svg{width:1rem;height:1rem}.cortex-capture-success__title-wrap{min-width:0}.cortex-capture-success__title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#065f46;margin:0}.cortex-capture-success__file-list{border-top:1px solid #d1fae5;padding:.625rem 1rem}@media(min-width:640px){.cortex-capture-success__file-list{padding:.625rem 1.25rem}}.cortex-capture-success__files{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cortex-capture-success__download-btn{display:inline-flex;cursor:pointer;align-items:center;gap:.375rem;border-radius:.5rem;border:1px solid #d1fae5;background:#fff;padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:#047857;box-shadow:0 1px 2px #0000000d;transition:all .15s}.cortex-capture-success__download-btn:hover{border-color:#a7f3d0;background:#ecfdf5;box-shadow:0 1px 3px #0000001a}.cortex-capture-success__download-btn:active{transform:scale(.97)}.cortex-capture-success__file-icon{width:.875rem;height:.875rem;flex-shrink:0;color:#6ee7b7}.cortex-capture-success__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cortex-capture-success__dl-icon{width:.75rem;height:.75rem;flex-shrink:0;color:#86efac}.cortex-capture-canceled-wrap{display:flex;justify-content:center}.cortex-capture-canceled{display:inline-flex;align-items:center;gap:.625rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.625rem 1rem}.cortex-capture-canceled__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#94a3b8}.cortex-capture-canceled__icon-svg{width:.75rem;height:.75rem}.cortex-capture-canceled__text{font-size:.8125rem;font-weight:500;color:#94a3b8}.cortex-capture-form{width:100%}.cortex-capture-form__single{border-radius:.75rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.cortex-capture-form__label{display:block;margin-bottom:.375rem;font-size:.75rem;color:#64748b}.cortex-capture-form__row{display:flex;align-items:center;gap:.5rem}.cortex-capture-form__input{min-width:0;flex:1}.cortex-capture-form__cancel-link{flex-shrink:0;font-size:.75rem;font-weight:500;color:#94a3b8;background:none;border:0;cursor:pointer;transition:color .15s}.cortex-capture-form__cancel-link:hover{color:#475569}.cortex-capture-form__submit-btn{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:#1e293b;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#f1f5f9;border:0;cursor:pointer;transition:background-color .15s}.cortex-capture-form__submit-btn:hover{background:#334155}.cortex-capture-form__submit-btn:active{background:#0f172a}.cortex-capture-form__submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.cortex-capture-form__spinner{width:.75rem;height:.75rem;margin-inline-end:.375rem;animation:cortex-capture-spin .8s linear infinite}.cortex-capture-form__spinner-track{opacity:.25}@keyframes cortex-capture-spin{to{transform:rotate(360deg)}}.cortex-capture-form__multi{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:linear-gradient(to bottom,#fff,#f8fafc)}.cortex-capture-form__multi-header{border-bottom:1px solid #e2e8f0;background:#ffffffd9;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-header{padding:.75rem 1.25rem}}.cortex-capture-form__multi-header-row{display:flex;align-items:flex-start;gap:.75rem}.cortex-capture-form__multi-icon{margin-top:.125rem;display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569}.cortex-capture-form__multi-icon-svg{width:1rem;height:1rem}.cortex-capture-form__multi-title-wrap{min-width:0}.cortex-capture-form__multi-title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#1e293b;margin:0}.cortex-capture-form__multi-subtitle{margin-top:.125rem;font-size:.6875rem;color:#64748b;margin-bottom:0}.cortex-capture-form__multi-fields{display:grid;gap:.75rem;padding:1rem;border:0}@media(min-width:640px){.cortex-capture-form__multi-fields{padding:1.25rem}}.cortex-capture-form__multi-item{border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;padding:.75rem;transition:border-color .15s}.cortex-capture-form__multi-item:hover{border-color:#cbd5e1}.cortex-capture-form__multi-item-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cortex-capture-form__multi-item-label{display:block;font-size:.75rem;font-weight:500;line-height:1;color:#334155}.cortex-capture-form__required-badge{display:inline-flex;align-items:center;border-radius:.25rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.125rem .375rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cortex-capture-form__multi-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;background:#ffffffe6;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-footer{padding:.75rem 1.25rem}}.cortex-capture-form__cancel-btn{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:background-color .15s}.cortex-capture-form__cancel-btn:hover{background:#f8fafc}.cortex-capture-form__cancel-btn:active{background:#f1f5f9}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], toolPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolPart", required: true }] }], setOutput: [{ type: i0.Input, args: [{ isSignal: true, alias: "setOutput", required: true }] }] } });
@@ -694,8 +1035,8 @@ class FileInputComponent {
         this.value.set(value);
         this.onChange?.(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: FileInputComponent, isStandalone: true, selector: "cortex-file-input", inputs: { allowedMimeTypes: { classPropertyName: "allowedMimeTypes", publicName: "allowedMimeTypes", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: FileInputComponent, isStandalone: true, selector: "cortex-file-input", inputs: { allowedMimeTypes: { classPropertyName: "allowedMimeTypes", publicName: "allowedMimeTypes", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -711,7 +1052,7 @@ class FileInputComponent {
     <input #fileInput (change)="loadFile($event)" type="file" class="cortex-file-input__hidden" />
   </div>`, isInline: true, styles: [".cortex-capture-files{display:block;width:100%}.cortex-file-input{display:flex;width:100%;cursor:pointer;align-items:center;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;transition:border-color .15s}.cortex-file-input:hover{border-color:#94a3b8}.cortex-file-input:focus-within{box-shadow:0 0 0 2px #cbd5e1}.cortex-file-input__btn{margin:.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border:0;background:#1e293b;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.025em;color:#f1f5f9}.cortex-file-input__btn:hover{background:#334155}.cortex-file-input__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .75rem;font-size:.75rem;color:#475569}.cortex-file-input__hidden{display:none}.cortex-capture-success{overflow:hidden;border-radius:1rem;border:1px solid #a7f3d0;background:linear-gradient(to bottom,#ecfdf5cc,#fff)}.cortex-capture-success__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-success__header{padding:.75rem 1.25rem}}.cortex-capture-success__icon{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #a7f3d0;background:#d1fae5;color:#059669}.cortex-capture-success__icon-svg{width:1rem;height:1rem}.cortex-capture-success__title-wrap{min-width:0}.cortex-capture-success__title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#065f46;margin:0}.cortex-capture-success__file-list{border-top:1px solid #d1fae5;padding:.625rem 1rem}@media(min-width:640px){.cortex-capture-success__file-list{padding:.625rem 1.25rem}}.cortex-capture-success__files{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cortex-capture-success__download-btn{display:inline-flex;cursor:pointer;align-items:center;gap:.375rem;border-radius:.5rem;border:1px solid #d1fae5;background:#fff;padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:#047857;box-shadow:0 1px 2px #0000000d;transition:all .15s}.cortex-capture-success__download-btn:hover{border-color:#a7f3d0;background:#ecfdf5;box-shadow:0 1px 3px #0000001a}.cortex-capture-success__download-btn:active{transform:scale(.97)}.cortex-capture-success__file-icon{width:.875rem;height:.875rem;flex-shrink:0;color:#6ee7b7}.cortex-capture-success__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cortex-capture-success__dl-icon{width:.75rem;height:.75rem;flex-shrink:0;color:#86efac}.cortex-capture-canceled-wrap{display:flex;justify-content:center}.cortex-capture-canceled{display:inline-flex;align-items:center;gap:.625rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.625rem 1rem}.cortex-capture-canceled__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#94a3b8}.cortex-capture-canceled__icon-svg{width:.75rem;height:.75rem}.cortex-capture-canceled__text{font-size:.8125rem;font-weight:500;color:#94a3b8}.cortex-capture-form{width:100%}.cortex-capture-form__single{border-radius:.75rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem}.cortex-capture-form__label{display:block;margin-bottom:.375rem;font-size:.75rem;color:#64748b}.cortex-capture-form__row{display:flex;align-items:center;gap:.5rem}.cortex-capture-form__input{min-width:0;flex:1}.cortex-capture-form__cancel-link{flex-shrink:0;font-size:.75rem;font-weight:500;color:#94a3b8;background:none;border:0;cursor:pointer;transition:color .15s}.cortex-capture-form__cancel-link:hover{color:#475569}.cortex-capture-form__submit-btn{display:inline-flex;flex-shrink:0;align-items:center;border-radius:.375rem;background:#1e293b;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#f1f5f9;border:0;cursor:pointer;transition:background-color .15s}.cortex-capture-form__submit-btn:hover{background:#334155}.cortex-capture-form__submit-btn:active{background:#0f172a}.cortex-capture-form__submit-btn:disabled{cursor:not-allowed;background:#cbd5e1}.cortex-capture-form__spinner{width:.75rem;height:.75rem;margin-inline-end:.375rem;animation:cortex-capture-spin .8s linear infinite}.cortex-capture-form__spinner-track{opacity:.25}@keyframes cortex-capture-spin{to{transform:rotate(360deg)}}.cortex-capture-form__multi{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:linear-gradient(to bottom,#fff,#f8fafc)}.cortex-capture-form__multi-header{border-bottom:1px solid #e2e8f0;background:#ffffffd9;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-header{padding:.75rem 1.25rem}}.cortex-capture-form__multi-header-row{display:flex;align-items:flex-start;gap:.75rem}.cortex-capture-form__multi-icon{margin-top:.125rem;display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e2e8f0;background:#f1f5f9;color:#475569}.cortex-capture-form__multi-icon-svg{width:1rem;height:1rem}.cortex-capture-form__multi-title-wrap{min-width:0}.cortex-capture-form__multi-title{font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:#1e293b;margin:0}.cortex-capture-form__multi-subtitle{margin-top:.125rem;font-size:.6875rem;color:#64748b;margin-bottom:0}.cortex-capture-form__multi-fields{display:grid;gap:.75rem;padding:1rem;border:0}@media(min-width:640px){.cortex-capture-form__multi-fields{padding:1.25rem}}.cortex-capture-form__multi-item{border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;padding:.75rem;transition:border-color .15s}.cortex-capture-form__multi-item:hover{border-color:#cbd5e1}.cortex-capture-form__multi-item-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cortex-capture-form__multi-item-label{display:block;font-size:.75rem;font-weight:500;line-height:1;color:#334155}.cortex-capture-form__required-badge{display:inline-flex;align-items:center;border-radius:.25rem;border:1px solid #e2e8f0;background:#f8fafc;padding:.125rem .375rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cortex-capture-form__multi-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid #e2e8f0;background:#ffffffe6;padding:.75rem 1rem}@media(min-width:640px){.cortex-capture-form__multi-footer{padding:.75rem 1.25rem}}.cortex-capture-form__cancel-btn{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid #cbd5e1;background:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:background-color .15s}.cortex-capture-form__cancel-btn:hover{background:#f8fafc}.cortex-capture-form__cancel-btn:active{background:#f1f5f9}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: FileInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-file-input', template: `<div class="cortex-file-input">
     <button type="button" (click)="fileInput.click()" class="cortex-file-input__btn">
@@ -817,34 +1158,182 @@ class MessageToolCallAnimatedComponent {
         return Math.abs(hash) % STATUS_COUNT;
     }, ...(ngDevMode ? [{ debugName: "stableIndex" }] : /* istanbul ignore next */ []));
     chatService = inject(CortexChatService);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageToolCallAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageToolCallAnimatedComponent, isStandalone: true, selector: "cortex-message-tool-call-animated", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, toolCallPart: { classPropertyName: "toolCallPart", publicName: "toolCallPart", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-tool-call-animated" }, ngImport: i0, template: "@if (customComponent(); as custom) {\n  <ng-container\n    *ngComponentOutlet=\"\n      custom;\n      inputs: { toolCallPart: toolCallPart(), message: message(), setOutput: setOutput() };\n      injector: config.injector\n    \"\n  />\n} @else {\n  @switch (toolCallPart().type) {\n    @case ('tool-captureFiles') {\n      <cortex-message-capture-files-part\n        [toolPart]=\"toolCallPart()\"\n        [message]=\"message()\"\n        [setOutput]=\"setOutput()\"\n      />\n    }\n    @default {\n      @let state = animState();\n      @let active = isActive();\n\n      <div class=\"cortex-tool-pill-wrap\">\n        <div\n          class=\"cortex-tool-pill\"\n          [class.cortex-tool-pill--active]=\"active\"\n          [class.cortex-tool-pill--complete]=\"state === 'complete'\"\n          [class.cortex-tool-pill--error]=\"state === 'error'\"\n          [class.cortex-tool-pill--denied]=\"state === 'denied'\"\n        >\n          <!-- Icon box -->\n          <div\n            class=\"cortex-tool-pill__icon\"\n            [class.cortex-tool-pill__icon--active]=\"active\"\n            [class.cortex-tool-pill__icon--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__icon--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__icon--denied]=\"state === 'denied'\"\n          >\n            <!-- Spinner -->\n            <div\n              class=\"cortex-tool-pill__spinner\"\n              [class.cortex-tool-pill__spinner--visible]=\"active\"\n            ></div>\n            <!-- Check -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'complete'\"\n              [class.cortex-tool-pill__svg--check]=\"state === 'complete'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n            <!-- Error -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'error'\"\n              [class.cortex-tool-pill__svg--error]=\"state === 'error'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6.5 6.5 L13.5 13.5 M13.5 6.5 L6.5 13.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n            <!-- Denied -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'denied'\"\n              [class.cortex-tool-pill__svg--denied]=\"state === 'denied'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 10 L14 10\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n          </div>\n\n          <!-- Title -->\n          <span\n            class=\"cortex-tool-pill__title\"\n            [class.cortex-tool-pill__title--active]=\"active\"\n            [class.cortex-tool-pill__title--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__title--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__title--denied]=\"state === 'denied'\"\n          >\n            {{ displayTitleKey() | translate }}\n          </span>\n\n          <!-- Bottom bar -->\n          <div class=\"cortex-tool-pill__bar-track\">\n            <div\n              class=\"cortex-tool-pill__bar\"\n              [class.cortex-tool-pill__bar--active]=\"active\"\n              [class.cortex-tool-pill__bar--complete]=\"state === 'complete'\"\n              [class.cortex-tool-pill__bar--error]=\"state === 'error'\"\n              [class.cortex-tool-pill__bar--denied]=\"state === 'denied'\"\n            ></div>\n          </div>\n        </div>\n      </div>\n    }\n  }\n}\n", styles: [".cortex-tool-call-animated{display:block;width:100%}.cortex-tool-pill-wrap{display:flex;justify-content:center}.cortex-tool-pill{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:.5rem;border:1px solid;position:relative;overflow:hidden;transition:background-color .3s,border-color .3s}.cortex-tool-pill--active{border-color:#c7d2fe;background:#eef2ff}.cortex-tool-pill--complete{border-color:#a7f3d0;background:#ecfdf5}.cortex-tool-pill--error{border-color:#fecaca;background:#fef2f2}.cortex-tool-pill--denied{border-color:#e2e8f0;background:#f8fafc;opacity:.6}.cortex-tool-pill__icon{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid;flex-shrink:0;transition:background-color .3s,border-color .3s}.cortex-tool-pill__icon--active{background:#e0e7ff;border-color:#c7d2fe}.cortex-tool-pill__icon--complete{background:#d1fae5;border-color:#a7f3d0}.cortex-tool-pill__icon--error{background:#fee2e2;border-color:#fecaca}.cortex-tool-pill__icon--denied{background:#f1f5f9;border-color:#e2e8f0}.cortex-tool-pill__spinner{position:absolute;width:.75rem;height:.75rem;border:1.5px solid #c7d2fe;border-top-color:#6366f1;border-radius:9999px;opacity:0;transition:opacity .2s}.cortex-tool-pill__spinner--visible{opacity:1;animation:cortex-tool-spin .8s linear infinite}@keyframes cortex-tool-spin{to{transform:rotate(360deg)}}.cortex-tool-pill__svg{position:absolute;width:.75rem;height:.75rem;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.cortex-tool-pill__svg--visible{opacity:1;transform:scale(1)}.cortex-tool-pill__svg--check{color:#059669}.cortex-tool-pill__svg--error{color:#dc2626}.cortex-tool-pill__svg--denied{color:#94a3b8}.cortex-tool-pill__title{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.cortex-tool-pill__title--active{color:#4338ca}.cortex-tool-pill__title--complete{color:#047857}.cortex-tool-pill__title--error{color:#dc2626}.cortex-tool-pill__title--denied{color:#94a3b8}.cortex-tool-pill__bar-track{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden}.cortex-tool-pill__bar{height:100%;width:100%;transform-origin:left}.cortex-tool-pill__bar--active{background:#818cf8;animation:cortex-bar-slide 1.5s ease-in-out infinite}.cortex-tool-pill__bar--complete{background:#34d399;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--error{background:#f87171;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--denied{opacity:0}@keyframes cortex-bar-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cortex-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MessageCaptureFilesPartComponent, selector: "cortex-message-capture-files-part", inputs: ["message", "toolPart", "setOutput"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageToolCallAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageToolCallAnimatedComponent, isStandalone: true, selector: "cortex-message-tool-call-animated", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, toolCallPart: { classPropertyName: "toolCallPart", publicName: "toolCallPart", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-tool-call-animated" }, ngImport: i0, template: "@if (customComponent(); as custom) {\n  <ng-container\n    *ngComponentOutlet=\"\n      custom;\n      inputs: { toolCallPart: toolCallPart(), message: message(), setOutput: setOutput() };\n      injector: config.injector\n    \"\n  />\n} @else {\n  @switch (toolCallPart().type) {\n    @case ('tool-captureFiles') {\n      <cortex-message-capture-files-part\n        [toolPart]=\"toolCallPart()\"\n        [message]=\"message()\"\n        [setOutput]=\"setOutput()\"\n      />\n    }\n    @default {\n      @let state = animState();\n      @let active = isActive();\n\n      <div class=\"cortex-tool-pill-wrap\">\n        <div\n          class=\"cortex-tool-pill\"\n          [class.cortex-tool-pill--active]=\"active\"\n          [class.cortex-tool-pill--complete]=\"state === 'complete'\"\n          [class.cortex-tool-pill--error]=\"state === 'error'\"\n          [class.cortex-tool-pill--denied]=\"state === 'denied'\"\n        >\n          <!-- Icon box -->\n          <div\n            class=\"cortex-tool-pill__icon\"\n            [class.cortex-tool-pill__icon--active]=\"active\"\n            [class.cortex-tool-pill__icon--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__icon--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__icon--denied]=\"state === 'denied'\"\n          >\n            <!-- Spinner -->\n            <div\n              class=\"cortex-tool-pill__spinner\"\n              [class.cortex-tool-pill__spinner--visible]=\"active\"\n            ></div>\n            <!-- Check -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'complete'\"\n              [class.cortex-tool-pill__svg--check]=\"state === 'complete'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n            <!-- Error -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'error'\"\n              [class.cortex-tool-pill__svg--error]=\"state === 'error'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6.5 6.5 L13.5 13.5 M13.5 6.5 L6.5 13.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n            <!-- Denied -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'denied'\"\n              [class.cortex-tool-pill__svg--denied]=\"state === 'denied'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 10 L14 10\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n          </div>\n\n          <!-- Title -->\n          <span\n            class=\"cortex-tool-pill__title\"\n            [class.cortex-tool-pill__title--active]=\"active\"\n            [class.cortex-tool-pill__title--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__title--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__title--denied]=\"state === 'denied'\"\n          >\n            {{ displayTitleKey() | translate }}\n          </span>\n\n          <!-- Bottom bar -->\n          <div class=\"cortex-tool-pill__bar-track\">\n            <div\n              class=\"cortex-tool-pill__bar\"\n              [class.cortex-tool-pill__bar--active]=\"active\"\n              [class.cortex-tool-pill__bar--complete]=\"state === 'complete'\"\n              [class.cortex-tool-pill__bar--error]=\"state === 'error'\"\n              [class.cortex-tool-pill__bar--denied]=\"state === 'denied'\"\n            ></div>\n          </div>\n        </div>\n      </div>\n    }\n  }\n}\n", styles: [".cortex-tool-call-animated{display:block;width:100%}.cortex-tool-pill-wrap{display:flex;justify-content:center}.cortex-tool-pill{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:.5rem;border:1px solid;position:relative;overflow:hidden;transition:background-color .3s,border-color .3s}.cortex-tool-pill--active{border-color:#c7d2fe;background:#eef2ff}.cortex-tool-pill--complete{border-color:#a7f3d0;background:#ecfdf5}.cortex-tool-pill--error{border-color:#fecaca;background:#fef2f2}.cortex-tool-pill--denied{border-color:#e2e8f0;background:#f8fafc;opacity:.6}.cortex-tool-pill__icon{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid;flex-shrink:0;transition:background-color .3s,border-color .3s}.cortex-tool-pill__icon--active{background:#e0e7ff;border-color:#c7d2fe}.cortex-tool-pill__icon--complete{background:#d1fae5;border-color:#a7f3d0}.cortex-tool-pill__icon--error{background:#fee2e2;border-color:#fecaca}.cortex-tool-pill__icon--denied{background:#f1f5f9;border-color:#e2e8f0}.cortex-tool-pill__spinner{position:absolute;width:.75rem;height:.75rem;border:1.5px solid #c7d2fe;border-top-color:#6366f1;border-radius:9999px;opacity:0;transition:opacity .2s}.cortex-tool-pill__spinner--visible{opacity:1;animation:cortex-tool-spin .8s linear infinite}@keyframes cortex-tool-spin{to{transform:rotate(360deg)}}.cortex-tool-pill__svg{position:absolute;width:.75rem;height:.75rem;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.cortex-tool-pill__svg--visible{opacity:1;transform:scale(1)}.cortex-tool-pill__svg--check{color:#059669}.cortex-tool-pill__svg--error{color:#dc2626}.cortex-tool-pill__svg--denied{color:#94a3b8}.cortex-tool-pill__title{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.cortex-tool-pill__title--active{color:#4338ca}.cortex-tool-pill__title--complete{color:#047857}.cortex-tool-pill__title--error{color:#dc2626}.cortex-tool-pill__title--denied{color:#94a3b8}.cortex-tool-pill__bar-track{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden}.cortex-tool-pill__bar{height:100%;width:100%;transform-origin:left}.cortex-tool-pill__bar--active{background:#818cf8;animation:cortex-bar-slide 1.5s ease-in-out infinite}.cortex-tool-pill__bar--complete{background:#34d399;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--error{background:#f87171;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--denied{opacity:0}@keyframes cortex-bar-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cortex-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MessageCaptureFilesPartComponent, selector: "cortex-message-capture-files-part", inputs: ["message", "toolPart", "setOutput"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageToolCallAnimatedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageToolCallAnimatedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-tool-call-animated', imports: [NgComponentOutlet, MessageCaptureFilesPartComponent, TranslatePipe], host: { class: 'cortex-tool-call-animated' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (customComponent(); as custom) {\n  <ng-container\n    *ngComponentOutlet=\"\n      custom;\n      inputs: { toolCallPart: toolCallPart(), message: message(), setOutput: setOutput() };\n      injector: config.injector\n    \"\n  />\n} @else {\n  @switch (toolCallPart().type) {\n    @case ('tool-captureFiles') {\n      <cortex-message-capture-files-part\n        [toolPart]=\"toolCallPart()\"\n        [message]=\"message()\"\n        [setOutput]=\"setOutput()\"\n      />\n    }\n    @default {\n      @let state = animState();\n      @let active = isActive();\n\n      <div class=\"cortex-tool-pill-wrap\">\n        <div\n          class=\"cortex-tool-pill\"\n          [class.cortex-tool-pill--active]=\"active\"\n          [class.cortex-tool-pill--complete]=\"state === 'complete'\"\n          [class.cortex-tool-pill--error]=\"state === 'error'\"\n          [class.cortex-tool-pill--denied]=\"state === 'denied'\"\n        >\n          <!-- Icon box -->\n          <div\n            class=\"cortex-tool-pill__icon\"\n            [class.cortex-tool-pill__icon--active]=\"active\"\n            [class.cortex-tool-pill__icon--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__icon--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__icon--denied]=\"state === 'denied'\"\n          >\n            <!-- Spinner -->\n            <div\n              class=\"cortex-tool-pill__spinner\"\n              [class.cortex-tool-pill__spinner--visible]=\"active\"\n            ></div>\n            <!-- Check -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'complete'\"\n              [class.cortex-tool-pill__svg--check]=\"state === 'complete'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M5.5 10.5 L8.5 13.5 L14.5 7\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n            <!-- Error -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'error'\"\n              [class.cortex-tool-pill__svg--error]=\"state === 'error'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6.5 6.5 L13.5 13.5 M13.5 6.5 L6.5 13.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n            <!-- Denied -->\n            <svg\n              class=\"cortex-tool-pill__svg\"\n              [class.cortex-tool-pill__svg--visible]=\"state === 'denied'\"\n              [class.cortex-tool-pill__svg--denied]=\"state === 'denied'\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 10 L14 10\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n              />\n            </svg>\n          </div>\n\n          <!-- Title -->\n          <span\n            class=\"cortex-tool-pill__title\"\n            [class.cortex-tool-pill__title--active]=\"active\"\n            [class.cortex-tool-pill__title--complete]=\"state === 'complete'\"\n            [class.cortex-tool-pill__title--error]=\"state === 'error'\"\n            [class.cortex-tool-pill__title--denied]=\"state === 'denied'\"\n          >\n            {{ displayTitleKey() | translate }}\n          </span>\n\n          <!-- Bottom bar -->\n          <div class=\"cortex-tool-pill__bar-track\">\n            <div\n              class=\"cortex-tool-pill__bar\"\n              [class.cortex-tool-pill__bar--active]=\"active\"\n              [class.cortex-tool-pill__bar--complete]=\"state === 'complete'\"\n              [class.cortex-tool-pill__bar--error]=\"state === 'error'\"\n              [class.cortex-tool-pill__bar--denied]=\"state === 'denied'\"\n            ></div>\n          </div>\n        </div>\n      </div>\n    }\n  }\n}\n", styles: [".cortex-tool-call-animated{display:block;width:100%}.cortex-tool-pill-wrap{display:flex;justify-content:center}.cortex-tool-pill{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-radius:.5rem;border:1px solid;position:relative;overflow:hidden;transition:background-color .3s,border-color .3s}.cortex-tool-pill--active{border-color:#c7d2fe;background:#eef2ff}.cortex-tool-pill--complete{border-color:#a7f3d0;background:#ecfdf5}.cortex-tool-pill--error{border-color:#fecaca;background:#fef2f2}.cortex-tool-pill--denied{border-color:#e2e8f0;background:#f8fafc;opacity:.6}.cortex-tool-pill__icon{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid;flex-shrink:0;transition:background-color .3s,border-color .3s}.cortex-tool-pill__icon--active{background:#e0e7ff;border-color:#c7d2fe}.cortex-tool-pill__icon--complete{background:#d1fae5;border-color:#a7f3d0}.cortex-tool-pill__icon--error{background:#fee2e2;border-color:#fecaca}.cortex-tool-pill__icon--denied{background:#f1f5f9;border-color:#e2e8f0}.cortex-tool-pill__spinner{position:absolute;width:.75rem;height:.75rem;border:1.5px solid #c7d2fe;border-top-color:#6366f1;border-radius:9999px;opacity:0;transition:opacity .2s}.cortex-tool-pill__spinner--visible{opacity:1;animation:cortex-tool-spin .8s linear infinite}@keyframes cortex-tool-spin{to{transform:rotate(360deg)}}.cortex-tool-pill__svg{position:absolute;width:.75rem;height:.75rem;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.cortex-tool-pill__svg--visible{opacity:1;transform:scale(1)}.cortex-tool-pill__svg--check{color:#059669}.cortex-tool-pill__svg--error{color:#dc2626}.cortex-tool-pill__svg--denied{color:#94a3b8}.cortex-tool-pill__title{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.cortex-tool-pill__title--active{color:#4338ca}.cortex-tool-pill__title--complete{color:#047857}.cortex-tool-pill__title--error{color:#dc2626}.cortex-tool-pill__title--denied{color:#94a3b8}.cortex-tool-pill__bar-track{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden}.cortex-tool-pill__bar{height:100%;width:100%;transform-origin:left}.cortex-tool-pill__bar--active{background:#818cf8;animation:cortex-bar-slide 1.5s ease-in-out infinite}.cortex-tool-pill__bar--complete{background:#34d399;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--error{background:#f87171;animation:cortex-bar-fill .3s ease-out both}.cortex-tool-pill__bar--denied{opacity:0}@keyframes cortex-bar-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cortex-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], toolCallPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolCallPart", required: true }] }] } });
 
+class SubtleActivityComponent {
+    labels = input.required(...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    currentIndex = signal(0, ...(ngDevMode ? [{ debugName: "currentIndex" }] : /* istanbul ignore next */ []));
+    labelState = signal('idle', ...(ngDevMode ? [{ debugName: "labelState" }] : /* istanbul ignore next */ []));
+    transitionTimeout = null;
+    exitTimeout = null;
+    enterTimeout = null;
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        afterNextRender(() => {
+            this.scheduleNextTransition();
+        });
+        destroyRef.onDestroy(() => {
+            this.clearAllTimeouts();
+        });
+    }
+    scheduleNextTransition() {
+        this.transitionTimeout = setTimeout(() => {
+            this.triggerTransition();
+        }, 2000);
+    }
+    triggerTransition() {
+        this.labelState.set('exiting');
+        this.exitTimeout = setTimeout(() => {
+            this.currentIndex.update((i) => (i + 1) % this.labels().length);
+            this.labelState.set('enter-start');
+            requestAnimationFrame(() => {
+                this.labelState.set('entering');
+                this.enterTimeout = setTimeout(() => {
+                    this.labelState.set('idle');
+                    this.scheduleNextTransition();
+                }, 300);
+            });
+        }, 300);
+    }
+    clearAllTimeouts() {
+        if (this.transitionTimeout)
+            clearTimeout(this.transitionTimeout);
+        if (this.exitTimeout)
+            clearTimeout(this.exitTimeout);
+        if (this.enterTimeout)
+            clearTimeout(this.enterTimeout);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SubtleActivityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: SubtleActivityComponent, isStandalone: true, selector: "cortex-subtle-activity", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-subtle-activity" }, ngImport: i0, template: "<div class=\"cortex-subtle-activity__dots\">\n  <span class=\"cortex-subtle-activity__dot\"></span>\n  <span class=\"cortex-subtle-activity__dot cortex-subtle-activity__dot--d1\"></span>\n  <span class=\"cortex-subtle-activity__dot cortex-subtle-activity__dot--d2\"></span>\n</div>\n\n<div class=\"cortex-subtle-activity__label-mask\">\n  <span\n    class=\"cortex-subtle-activity__label\"\n    [class.cortex-subtle-activity__label--idle]=\"labelState() === 'idle'\"\n    [class.cortex-subtle-activity__label--exiting]=\"labelState() === 'exiting'\"\n    [class.cortex-subtle-activity__label--enter-start]=\"labelState() === 'enter-start'\"\n    [class.cortex-subtle-activity__label--entering]=\"labelState() === 'entering'\"\n  >\n    {{ labels()[currentIndex()] | translate }}\n  </span>\n</div>\n", styles: [".cortex-subtle-activity{display:flex;align-items:center;gap:.375rem;padding:.25rem 0;width:fit-content}.cortex-subtle-activity__dots{display:flex;align-items:center;gap:3px}.cortex-subtle-activity__dot{width:3px;height:3px;border-radius:9999px;background:#a5b4fc;animation:cortex-subtle-dot-pulse 1.4s ease-in-out infinite}.cortex-subtle-activity__dot--d1{animation-delay:.2s}.cortex-subtle-activity__dot--d2{animation-delay:.4s}@keyframes cortex-subtle-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.3)}}.cortex-subtle-activity__label-mask{overflow:hidden;position:relative;height:1.1em}.cortex-subtle-activity__label{display:block;font-size:.75rem;color:#94a3b8;white-space:nowrap;line-height:1.1em}.cortex-subtle-activity__label--idle,.cortex-subtle-activity__label--entering{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.cortex-subtle-activity__label--exiting{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.cortex-subtle-activity__label--enter-start{opacity:0;transform:translateY(6px);transition:none}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SubtleActivityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cortex-subtle-activity', imports: [TranslatePipe], host: { class: 'cortex-subtle-activity' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cortex-subtle-activity__dots\">\n  <span class=\"cortex-subtle-activity__dot\"></span>\n  <span class=\"cortex-subtle-activity__dot cortex-subtle-activity__dot--d1\"></span>\n  <span class=\"cortex-subtle-activity__dot cortex-subtle-activity__dot--d2\"></span>\n</div>\n\n<div class=\"cortex-subtle-activity__label-mask\">\n  <span\n    class=\"cortex-subtle-activity__label\"\n    [class.cortex-subtle-activity__label--idle]=\"labelState() === 'idle'\"\n    [class.cortex-subtle-activity__label--exiting]=\"labelState() === 'exiting'\"\n    [class.cortex-subtle-activity__label--enter-start]=\"labelState() === 'enter-start'\"\n    [class.cortex-subtle-activity__label--entering]=\"labelState() === 'entering'\"\n  >\n    {{ labels()[currentIndex()] | translate }}\n  </span>\n</div>\n", styles: [".cortex-subtle-activity{display:flex;align-items:center;gap:.375rem;padding:.25rem 0;width:fit-content}.cortex-subtle-activity__dots{display:flex;align-items:center;gap:3px}.cortex-subtle-activity__dot{width:3px;height:3px;border-radius:9999px;background:#a5b4fc;animation:cortex-subtle-dot-pulse 1.4s ease-in-out infinite}.cortex-subtle-activity__dot--d1{animation-delay:.2s}.cortex-subtle-activity__dot--d2{animation-delay:.4s}@keyframes cortex-subtle-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.3)}}.cortex-subtle-activity__label-mask{overflow:hidden;position:relative;height:1.1em}.cortex-subtle-activity__label{display:block;font-size:.75rem;color:#94a3b8;white-space:nowrap;line-height:1.1em}.cortex-subtle-activity__label--idle,.cortex-subtle-activity__label--entering{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.cortex-subtle-activity__label--exiting{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.cortex-subtle-activity__label--enter-start{opacity:0;transform:translateY(6px);transition:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: true }] }] } });
+
+const LABELS$3 = [
+    'translate_reasoning_0',
+    'translate_reasoning_1',
+    'translate_reasoning_2',
+    'translate_reasoning_3',
+    'translate_reasoning_4',
+    'translate_reasoning_5',
+    'translate_reasoning_6',
+    'translate_reasoning_7',
+    'translate_reasoning_8',
+    'translate_reasoning_9',
+];
 class MessageReasoningAnimatedComponent {
     reasoningPart = input.required(...(ngDevMode ? [{ debugName: "reasoningPart" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageReasoningAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: MessageReasoningAnimatedComponent, isStandalone: true, selector: "cortex-message-reasoning-animated", inputs: { reasoningPart: { classPropertyName: "reasoningPart", publicName: "reasoningPart", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-reasoning-animated" }, ngImport: i0, template: "@let p = reasoningPart();\n@let streaming = p.state === 'streaming';\n\n<div\n  class=\"cortex-reasoning-pill\"\n  [class.cortex-reasoning-pill--streaming]=\"streaming\"\n  [class.cortex-reasoning-pill--done]=\"!streaming\"\n>\n  <div class=\"cortex-reasoning-pill__dots\">\n    <span class=\"cortex-reasoning-dot\" [class.cortex-reasoning-dot--active]=\"streaming\"></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '200ms' : '0ms'\"\n    ></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '400ms' : '0ms'\"\n    ></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '600ms' : '0ms'\"\n    ></span>\n  </div>\n\n  <span\n    class=\"cortex-reasoning-pill__text\"\n    [class.cortex-reasoning-pill__text--streaming]=\"streaming\"\n    [class.cortex-reasoning-pill__text--done]=\"!streaming\"\n  >\n    {{ streaming ? ('translate_thinking' | translate) : ('translate_reasoned' | translate) }}\n  </span>\n</div>\n", styles: [".cortex-reasoning-animated{display:flex;justify-content:center}.cortex-reasoning-pill{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1rem .5rem .75rem;border-radius:.5rem;border:1px solid;transition:background-color .3s,border-color .3s}.cortex-reasoning-pill--streaming{border-color:#c7d2fe;background:#eef2ff}.cortex-reasoning-pill--done{border-color:#e2e8f0;background:#f8fafc}.cortex-reasoning-pill__dots{display:flex;align-items:center;gap:.25rem}.cortex-reasoning-dot{width:5px;height:5px;border-radius:9999px;transition:all .4s;background:#cbd5e1;opacity:.4}.cortex-reasoning-dot--active{background:#a5b4fc;opacity:1;animation:cortex-reasoning-dot-pulse 1.4s ease-in-out infinite}@keyframes cortex-reasoning-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.3);background-color:#6366f1}}.cortex-reasoning-pill__text{font-size:.8125rem;font-weight:500;transition:color .3s}.cortex-reasoning-pill__text--streaming{color:#4f46e5}.cortex-reasoning-pill__text--done{color:#94a3b8}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    labels = LABELS$3;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageReasoningAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: MessageReasoningAnimatedComponent, isStandalone: true, selector: "cortex-message-reasoning-animated", inputs: { reasoningPart: { classPropertyName: "reasoningPart", publicName: "reasoningPart", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "cortex-reasoning-animated" }, ngImport: i0, template: "<cortex-subtle-activity [labels]=\"labels\" />\n", styles: [".cortex-reasoning-animated{display:block}\n"], dependencies: [{ kind: "component", type: SubtleActivityComponent, selector: "cortex-subtle-activity", inputs: ["labels"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageReasoningAnimatedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageReasoningAnimatedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cortex-message-reasoning-animated', imports: [TranslatePipe], host: { class: 'cortex-reasoning-animated' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let p = reasoningPart();\n@let streaming = p.state === 'streaming';\n\n<div\n  class=\"cortex-reasoning-pill\"\n  [class.cortex-reasoning-pill--streaming]=\"streaming\"\n  [class.cortex-reasoning-pill--done]=\"!streaming\"\n>\n  <div class=\"cortex-reasoning-pill__dots\">\n    <span class=\"cortex-reasoning-dot\" [class.cortex-reasoning-dot--active]=\"streaming\"></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '200ms' : '0ms'\"\n    ></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '400ms' : '0ms'\"\n    ></span>\n    <span\n      class=\"cortex-reasoning-dot\"\n      [class.cortex-reasoning-dot--active]=\"streaming\"\n      [style.animation-delay]=\"streaming ? '600ms' : '0ms'\"\n    ></span>\n  </div>\n\n  <span\n    class=\"cortex-reasoning-pill__text\"\n    [class.cortex-reasoning-pill__text--streaming]=\"streaming\"\n    [class.cortex-reasoning-pill__text--done]=\"!streaming\"\n  >\n    {{ streaming ? ('translate_thinking' | translate) : ('translate_reasoned' | translate) }}\n  </span>\n</div>\n", styles: [".cortex-reasoning-animated{display:flex;justify-content:center}.cortex-reasoning-pill{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1rem .5rem .75rem;border-radius:.5rem;border:1px solid;transition:background-color .3s,border-color .3s}.cortex-reasoning-pill--streaming{border-color:#c7d2fe;background:#eef2ff}.cortex-reasoning-pill--done{border-color:#e2e8f0;background:#f8fafc}.cortex-reasoning-pill__dots{display:flex;align-items:center;gap:.25rem}.cortex-reasoning-dot{width:5px;height:5px;border-radius:9999px;transition:all .4s;background:#cbd5e1;opacity:.4}.cortex-reasoning-dot--active{background:#a5b4fc;opacity:1;animation:cortex-reasoning-dot-pulse 1.4s ease-in-out infinite}@keyframes cortex-reasoning-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.3);background-color:#6366f1}}.cortex-reasoning-pill__text{font-size:.8125rem;font-weight:500;transition:color .3s}.cortex-reasoning-pill__text--streaming{color:#4f46e5}.cortex-reasoning-pill__text--done{color:#94a3b8}\n"] }]
+            args: [{ selector: 'cortex-message-reasoning-animated', imports: [SubtleActivityComponent], host: { class: 'cortex-reasoning-animated' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<cortex-subtle-activity [labels]=\"labels\" />\n", styles: [".cortex-reasoning-animated{display:block}\n"] }]
         }], propDecorators: { reasoningPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasoningPart", required: true }] }] } });
 
+const LABELS$2 = [
+    'translate_endpoint_0',
+    'translate_endpoint_1',
+    'translate_endpoint_2',
+    'translate_endpoint_3',
+    'translate_endpoint_4',
+    'translate_endpoint_5',
+    'translate_endpoint_6',
+    'translate_endpoint_7',
+    'translate_endpoint_8',
+    'translate_endpoint_9',
+];
+class ToolCallEndpointAnimatedComponent {
+    labels = LABELS$2;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolCallEndpointAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ToolCallEndpointAnimatedComponent, isStandalone: true, selector: "cortex-tool-call-endpoint-animated", ngImport: i0, template: '<cortex-subtle-activity [labels]="labels" />', isInline: true, dependencies: [{ kind: "component", type: SubtleActivityComponent, selector: "cortex-subtle-activity", inputs: ["labels"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolCallEndpointAnimatedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cortex-tool-call-endpoint-animated',
+                    template: '<cortex-subtle-activity [labels]="labels" />',
+                    imports: [SubtleActivityComponent],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const LABELS$1 = [
+    'translate_graph_0',
+    'translate_graph_1',
+    'translate_graph_2',
+    'translate_graph_3',
+    'translate_graph_4',
+    'translate_graph_5',
+    'translate_graph_6',
+    'translate_graph_7',
+    'translate_graph_8',
+    'translate_graph_9',
+];
+class ToolQueryGraphAnimatedComponent {
+    labels = LABELS$1;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolQueryGraphAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ToolQueryGraphAnimatedComponent, isStandalone: true, selector: "cortex-tool-query-graph-animated", ngImport: i0, template: '<cortex-subtle-activity [labels]="labels" />', isInline: true, dependencies: [{ kind: "component", type: SubtleActivityComponent, selector: "cortex-subtle-activity", inputs: ["labels"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolQueryGraphAnimatedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cortex-tool-query-graph-animated',
+                    template: '<cortex-subtle-activity [labels]="labels" />',
+                    imports: [SubtleActivityComponent],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const LABELS = [
+    'translate_code_0',
+    'translate_code_1',
+    'translate_code_2',
+    'translate_code_3',
+    'translate_code_4',
+    'translate_code_5',
+    'translate_code_6',
+    'translate_code_7',
+    'translate_code_8',
+    'translate_code_9',
+];
+class ToolExecuteCodeAnimatedComponent {
+    labels = LABELS;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolExecuteCodeAnimatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ToolExecuteCodeAnimatedComponent, isStandalone: true, selector: "cortex-tool-execute-code-animated", ngImport: i0, template: '<cortex-subtle-activity [labels]="labels" />', isInline: true, dependencies: [{ kind: "component", type: SubtleActivityComponent, selector: "cortex-subtle-activity", inputs: ["labels"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ToolExecuteCodeAnimatedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cortex-tool-execute-code-animated',
+                    template: '<cortex-subtle-activity [labels]="labels" />',
+                    imports: [SubtleActivityComponent],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
 class MessagePartComponent {
     message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     part = input.required(...(ngDevMode ? [{ debugName: "part" }] : /* istanbul ignore next */ []));
     debugMode = input(false, ...(ngDevMode ? [{ debugName: "debugMode" }] : /* istanbul ignore next */ []));
     animate = input(false, ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
     isStaticToolUIPart = isStaticToolUIPart;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessagePartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessagePartComponent, isStandalone: true, selector: "cortex-message-part", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: true, transformFunction: null }, debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cortex-message-part--animated": "animate()" }, classAttribute: "cortex-message-part" }, ngImport: i0, template: "@let myPart = part();\n@switch (myPart.type) {\n  @case ('text') {\n    <cortex-message-text-part [textPart]=\"myPart\" [role]=\"message().role\" />\n  }\n  @case ('reasoning') {\n    @if (debugMode()) {\n      <cortex-message-reasoning-part [reasoningPart]=\"myPart\" />\n    } @else {\n      <cortex-message-reasoning-animated [reasoningPart]=\"myPart\" />\n    }\n  }\n  @default {\n    @if (isStaticToolUIPart(myPart)) {\n      @if (debugMode()) {\n        <cortex-message-tool-call-part [toolCallPart]=\"myPart\" />\n      } @else {\n        <cortex-message-tool-call-animated [toolCallPart]=\"myPart\" [message]=\"message()\" />\n      }\n    } @else {\n      <p class=\"cortex-unhandled-type\">Unhandled type: {{ part().type }}</p>\n    }\n  }\n}\n", styles: [".cortex-message-part{display:block}.cortex-message-part:empty{display:none}.cortex-message-part--animated{animation:cortex-part-fade-in-up .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes cortex-part-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cortex-unhandled-type{text-align:center;font-size:.75rem;color:#94a3b8}\n"], dependencies: [{ kind: "component", type: MessageTextPartComponent, selector: "cortex-message-text-part", inputs: ["role", "textPart"] }, { kind: "component", type: MessageReasoningPartComponent, selector: "cortex-message-reasoning-part", inputs: ["reasoningPart"] }, { kind: "component", type: MessageToolCallPartComponent, selector: "cortex-message-tool-call-part", inputs: ["toolCallPart"] }, { kind: "component", type: MessageToolCallAnimatedComponent, selector: "cortex-message-tool-call-animated", inputs: ["message", "toolCallPart"] }, { kind: "component", type: MessageReasoningAnimatedComponent, selector: "cortex-message-reasoning-animated", inputs: ["reasoningPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessagePartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessagePartComponent, isStandalone: true, selector: "cortex-message-part", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: true, transformFunction: null }, debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cortex-message-part--animated": "animate()" }, classAttribute: "cortex-message-part" }, ngImport: i0, template: "@let myPart = part();\n@switch (myPart.type) {\n  @case ('text') {\n    <cortex-message-text-part [textPart]=\"myPart\" [role]=\"message().role\" />\n  }\n  @case ('reasoning') {\n    @if (debugMode()) {\n      <cortex-message-reasoning-part [reasoningPart]=\"myPart\" />\n    } @else {\n      <cortex-message-reasoning-animated [reasoningPart]=\"myPart\" />\n    }\n  }\n  @default {\n    @if (isStaticToolUIPart(myPart)) {\n      @if (debugMode()) {\n        <cortex-message-tool-call-part [toolCallPart]=\"myPart\" />\n      } @else {\n        @switch (myPart.type) {\n          @case ('tool-callEndpoint') {\n            <cortex-tool-call-endpoint-animated />\n          }\n          @case ('tool-queryGraph') {\n            <cortex-tool-query-graph-animated />\n          }\n          @case ('tool-executeCode') {\n            <cortex-tool-execute-code-animated />\n          }\n          @default {\n            <cortex-message-tool-call-animated [toolCallPart]=\"myPart\" [message]=\"message()\" />\n          }\n        }\n      }\n    } @else {\n      <p class=\"cortex-unhandled-type\">Unhandled type: {{ part().type }}</p>\n    }\n  }\n}\n", styles: [".cortex-message-part{display:block}.cortex-message-part:empty{display:none}.cortex-message-part--animated{animation:cortex-part-fade-in-up .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes cortex-part-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cortex-unhandled-type{text-align:center;font-size:.75rem;color:#94a3b8}\n"], dependencies: [{ kind: "component", type: MessageTextPartComponent, selector: "cortex-message-text-part", inputs: ["role", "textPart"] }, { kind: "component", type: MessageReasoningPartComponent, selector: "cortex-message-reasoning-part", inputs: ["reasoningPart"] }, { kind: "component", type: MessageToolCallPartComponent, selector: "cortex-message-tool-call-part", inputs: ["toolCallPart"] }, { kind: "component", type: MessageToolCallAnimatedComponent, selector: "cortex-message-tool-call-animated", inputs: ["message", "toolCallPart"] }, { kind: "component", type: MessageReasoningAnimatedComponent, selector: "cortex-message-reasoning-animated", inputs: ["reasoningPart"] }, { kind: "component", type: ToolCallEndpointAnimatedComponent, selector: "cortex-tool-call-endpoint-animated" }, { kind: "component", type: ToolQueryGraphAnimatedComponent, selector: "cortex-tool-query-graph-animated" }, { kind: "component", type: ToolExecuteCodeAnimatedComponent, selector: "cortex-tool-execute-code-animated" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessagePartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessagePartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-part', imports: [
                         MessageTextPartComponent,
@@ -852,54 +1341,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                         MessageToolCallPartComponent,
                         MessageToolCallAnimatedComponent,
                         MessageReasoningAnimatedComponent,
+                        ToolCallEndpointAnimatedComponent,
+                        ToolQueryGraphAnimatedComponent,
+                        ToolExecuteCodeAnimatedComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'cortex-message-part',
                         '[class.cortex-message-part--animated]': 'animate()',
-                    }, template: "@let myPart = part();\n@switch (myPart.type) {\n  @case ('text') {\n    <cortex-message-text-part [textPart]=\"myPart\" [role]=\"message().role\" />\n  }\n  @case ('reasoning') {\n    @if (debugMode()) {\n      <cortex-message-reasoning-part [reasoningPart]=\"myPart\" />\n    } @else {\n      <cortex-message-reasoning-animated [reasoningPart]=\"myPart\" />\n    }\n  }\n  @default {\n    @if (isStaticToolUIPart(myPart)) {\n      @if (debugMode()) {\n        <cortex-message-tool-call-part [toolCallPart]=\"myPart\" />\n      } @else {\n        <cortex-message-tool-call-animated [toolCallPart]=\"myPart\" [message]=\"message()\" />\n      }\n    } @else {\n      <p class=\"cortex-unhandled-type\">Unhandled type: {{ part().type }}</p>\n    }\n  }\n}\n", styles: [".cortex-message-part{display:block}.cortex-message-part:empty{display:none}.cortex-message-part--animated{animation:cortex-part-fade-in-up .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes cortex-part-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cortex-unhandled-type{text-align:center;font-size:.75rem;color:#94a3b8}\n"] }]
+                    }, template: "@let myPart = part();\n@switch (myPart.type) {\n  @case ('text') {\n    <cortex-message-text-part [textPart]=\"myPart\" [role]=\"message().role\" />\n  }\n  @case ('reasoning') {\n    @if (debugMode()) {\n      <cortex-message-reasoning-part [reasoningPart]=\"myPart\" />\n    } @else {\n      <cortex-message-reasoning-animated [reasoningPart]=\"myPart\" />\n    }\n  }\n  @default {\n    @if (isStaticToolUIPart(myPart)) {\n      @if (debugMode()) {\n        <cortex-message-tool-call-part [toolCallPart]=\"myPart\" />\n      } @else {\n        @switch (myPart.type) {\n          @case ('tool-callEndpoint') {\n            <cortex-tool-call-endpoint-animated />\n          }\n          @case ('tool-queryGraph') {\n            <cortex-tool-query-graph-animated />\n          }\n          @case ('tool-executeCode') {\n            <cortex-tool-execute-code-animated />\n          }\n          @default {\n            <cortex-message-tool-call-animated [toolCallPart]=\"myPart\" [message]=\"message()\" />\n          }\n        }\n      }\n    } @else {\n      <p class=\"cortex-unhandled-type\">Unhandled type: {{ part().type }}</p>\n    }\n  }\n}\n", styles: [".cortex-message-part{display:block}.cortex-message-part:empty{display:none}.cortex-message-part--animated{animation:cortex-part-fade-in-up .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes cortex-part-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cortex-unhandled-type{text-align:center;font-size:.75rem;color:#94a3b8}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], part: [{ type: i0.Input, args: [{ isSignal: true, alias: "part", required: true }] }], debugMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugMode", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
+class MessageTokenUsageComponent {
+    usage = input.required(...(ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []));
+    modelId = input(...(ngDevMode ? [undefined, { debugName: "modelId" }] : /* istanbul ignore next */ []));
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    cacheRatio = computed(() => {
+        const u = this.usage();
+        if (u.input.total === 0)
+            return 0;
+        return Math.round((u.input.cacheRead / u.input.total) * 100);
+    }, ...(ngDevMode ? [{ debugName: "cacheRatio" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.expanded.update((v) => !v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageTokenUsageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageTokenUsageComponent, isStandalone: true, selector: "cortex-message-token-usage", inputs: { usage: { classPropertyName: "usage", publicName: "usage", isSignal: true, isRequired: true, transformFunction: null }, modelId: { classPropertyName: "modelId", publicName: "modelId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cortex-token-usage--expanded": "expanded()" }, classAttribute: "cortex-token-usage" }, ngImport: i0, template: "<button class=\"cortex-token-usage__summary\" (click)=\"toggle()\">\n  <span class=\"cortex-token-usage__total\">\n    <span class=\"cortex-token-usage__total-number\">{{ usage().total | number }}</span>\n    <span class=\"cortex-token-usage__total-label\">tokens</span>\n  </span>\n\n  @if (modelId(); as id) {\n    <span class=\"cortex-token-usage__model\">{{ id }}</span>\n  }\n\n  <span class=\"cortex-token-usage__pills\">\n    <span class=\"cortex-token-usage__pill\">\n      <span class=\"cortex-token-usage__dot cortex-token-usage__dot--input\"></span>\n      {{ usage().input.total | number }}\n    </span>\n    <span class=\"cortex-token-usage__pill\">\n      <span class=\"cortex-token-usage__dot cortex-token-usage__dot--output\"></span>\n      {{ usage().output.total | number }}\n    </span>\n  </span>\n\n  <svg class=\"cortex-token-usage__chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n    <path\n      d=\"M3 4.5L6 7.5L9 4.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.25\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</button>\n\n<div class=\"cortex-token-usage__details\">\n  <div class=\"cortex-token-usage__details-inner\">\n    <div class=\"cortex-token-usage__section\">\n      <div class=\"cortex-token-usage__section-header\">\n        <span class=\"cortex-token-usage__dot cortex-token-usage__dot--input\"></span>\n        <span class=\"cortex-token-usage__section-label\">Input</span>\n        <span class=\"cortex-token-usage__section-total\">{{ usage().input.total | number }}</span>\n      </div>\n      <div class=\"cortex-token-usage__rows\">\n        @if (usage().input.noCache) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Fresh</span>\n            <span class=\"cortex-token-usage__row-value\">{{ usage().input.noCache | number }}</span>\n          </div>\n        }\n        @if (usage().input.cacheRead) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Cache read</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().input.cacheRead | number\n            }}</span>\n          </div>\n        }\n        @if (usage().input.cacheWrite) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Cache write</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().input.cacheWrite | number\n            }}</span>\n          </div>\n        }\n        @if (cacheRatio() > 0) {\n          <div class=\"cortex-token-usage__row cortex-token-usage__row--highlight\">\n            <span class=\"cortex-token-usage__row-label\">Cache hit</span>\n            <span class=\"cortex-token-usage__row-value\">{{ cacheRatio() }}%</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"cortex-token-usage__divider\"></div>\n\n    <div class=\"cortex-token-usage__section\">\n      <div class=\"cortex-token-usage__section-header\">\n        <span class=\"cortex-token-usage__dot cortex-token-usage__dot--output\"></span>\n        <span class=\"cortex-token-usage__section-label\">Output</span>\n        <span class=\"cortex-token-usage__section-total\">{{ usage().output.total | number }}</span>\n      </div>\n      <div class=\"cortex-token-usage__rows\">\n        @if (usage().output.text) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Text</span>\n            <span class=\"cortex-token-usage__row-value\">{{ usage().output.text | number }}</span>\n          </div>\n        }\n        @if (usage().output.reasoning) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Reasoning</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().output.reasoning | number\n            }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".cortex-token-usage{direction:ltr;display:flex;flex-direction:column;margin-top:.25rem;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;line-height:1.4;color:#94a3b8;-webkit-user-select:none;user-select:none}html[dir=rtl] .cortex-token-usage__summary{align-self:end}html[dir=ltr] .cortex-token-usage__summary{align-self:start}.cortex-token-usage__summary{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease;font:inherit;color:inherit;letter-spacing:.01em}.cortex-token-usage__summary:hover{background:#f8fafc;border-color:#e2e8f0}.cortex-token-usage__total-number{font-weight:600;font-variant-numeric:tabular-nums;color:#64748b}.cortex-token-usage__total-label{margin-inline-start:.1875rem;color:#94a3b8;font-weight:400;letter-spacing:.04em;text-transform:lowercase}.cortex-token-usage__model{color:#94a3b8;font-weight:400;font-size:.625rem;letter-spacing:.02em}.cortex-token-usage__pills{display:inline-flex;align-items:center;gap:.375rem}.cortex-token-usage__pill{display:inline-flex;align-items:center;gap:.25rem;font-variant-numeric:tabular-nums;color:#94a3b8}.cortex-token-usage__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cortex-token-usage__dot--input{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b33}.cortex-token-usage__dot--output{background:#6366f1;box-shadow:0 0 0 1px #6366f133}.cortex-token-usage__chevron{color:#cbd5e1;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.cortex-token-usage--expanded .cortex-token-usage__chevron{transform:rotate(180deg)}.cortex-token-usage__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .2s ease;opacity:0;margin-top:0;margin-inline-start:.5rem;padding-inline-start:.625rem;border-inline-start:1px solid transparent}.cortex-token-usage__details-inner{overflow:hidden}.cortex-token-usage--expanded .cortex-token-usage__details{grid-template-rows:1fr;opacity:1;margin-top:.25rem;border-inline-start-color:#e2e8f0}.cortex-token-usage__section{padding:.375rem 0}.cortex-token-usage__section-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.cortex-token-usage__section-label{font-weight:500;color:#64748b;letter-spacing:.03em;text-transform:uppercase;font-size:.625rem}.cortex-token-usage__section-total{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;color:#64748b}.cortex-token-usage__rows{display:flex;flex-direction:column;gap:.125rem}.cortex-token-usage__row{display:flex;align-items:baseline;justify-content:space-between;padding:.0625rem 0;padding-inline-start:calc(5px + .375rem)}.cortex-token-usage__row-label{color:#94a3b8}.cortex-token-usage__row-value{font-variant-numeric:tabular-nums;color:#64748b;font-weight:500}.cortex-token-usage__row--highlight .cortex-token-usage__row-value{color:#10b981;font-weight:600}.cortex-token-usage__divider{height:1px;background:#f1f5f9}\n"], dependencies: [{ kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageTokenUsageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cortex-message-token-usage', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [DecimalPipe], host: { class: 'cortex-token-usage', '[class.cortex-token-usage--expanded]': 'expanded()' }, template: "<button class=\"cortex-token-usage__summary\" (click)=\"toggle()\">\n  <span class=\"cortex-token-usage__total\">\n    <span class=\"cortex-token-usage__total-number\">{{ usage().total | number }}</span>\n    <span class=\"cortex-token-usage__total-label\">tokens</span>\n  </span>\n\n  @if (modelId(); as id) {\n    <span class=\"cortex-token-usage__model\">{{ id }}</span>\n  }\n\n  <span class=\"cortex-token-usage__pills\">\n    <span class=\"cortex-token-usage__pill\">\n      <span class=\"cortex-token-usage__dot cortex-token-usage__dot--input\"></span>\n      {{ usage().input.total | number }}\n    </span>\n    <span class=\"cortex-token-usage__pill\">\n      <span class=\"cortex-token-usage__dot cortex-token-usage__dot--output\"></span>\n      {{ usage().output.total | number }}\n    </span>\n  </span>\n\n  <svg class=\"cortex-token-usage__chevron\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n    <path\n      d=\"M3 4.5L6 7.5L9 4.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.25\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</button>\n\n<div class=\"cortex-token-usage__details\">\n  <div class=\"cortex-token-usage__details-inner\">\n    <div class=\"cortex-token-usage__section\">\n      <div class=\"cortex-token-usage__section-header\">\n        <span class=\"cortex-token-usage__dot cortex-token-usage__dot--input\"></span>\n        <span class=\"cortex-token-usage__section-label\">Input</span>\n        <span class=\"cortex-token-usage__section-total\">{{ usage().input.total | number }}</span>\n      </div>\n      <div class=\"cortex-token-usage__rows\">\n        @if (usage().input.noCache) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Fresh</span>\n            <span class=\"cortex-token-usage__row-value\">{{ usage().input.noCache | number }}</span>\n          </div>\n        }\n        @if (usage().input.cacheRead) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Cache read</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().input.cacheRead | number\n            }}</span>\n          </div>\n        }\n        @if (usage().input.cacheWrite) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Cache write</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().input.cacheWrite | number\n            }}</span>\n          </div>\n        }\n        @if (cacheRatio() > 0) {\n          <div class=\"cortex-token-usage__row cortex-token-usage__row--highlight\">\n            <span class=\"cortex-token-usage__row-label\">Cache hit</span>\n            <span class=\"cortex-token-usage__row-value\">{{ cacheRatio() }}%</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"cortex-token-usage__divider\"></div>\n\n    <div class=\"cortex-token-usage__section\">\n      <div class=\"cortex-token-usage__section-header\">\n        <span class=\"cortex-token-usage__dot cortex-token-usage__dot--output\"></span>\n        <span class=\"cortex-token-usage__section-label\">Output</span>\n        <span class=\"cortex-token-usage__section-total\">{{ usage().output.total | number }}</span>\n      </div>\n      <div class=\"cortex-token-usage__rows\">\n        @if (usage().output.text) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Text</span>\n            <span class=\"cortex-token-usage__row-value\">{{ usage().output.text | number }}</span>\n          </div>\n        }\n        @if (usage().output.reasoning) {\n          <div class=\"cortex-token-usage__row\">\n            <span class=\"cortex-token-usage__row-label\">Reasoning</span>\n            <span class=\"cortex-token-usage__row-value\">{{\n              usage().output.reasoning | number\n            }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".cortex-token-usage{direction:ltr;display:flex;flex-direction:column;margin-top:.25rem;font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;line-height:1.4;color:#94a3b8;-webkit-user-select:none;user-select:none}html[dir=rtl] .cortex-token-usage__summary{align-self:end}html[dir=ltr] .cortex-token-usage__summary{align-self:start}.cortex-token-usage__summary{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease;font:inherit;color:inherit;letter-spacing:.01em}.cortex-token-usage__summary:hover{background:#f8fafc;border-color:#e2e8f0}.cortex-token-usage__total-number{font-weight:600;font-variant-numeric:tabular-nums;color:#64748b}.cortex-token-usage__total-label{margin-inline-start:.1875rem;color:#94a3b8;font-weight:400;letter-spacing:.04em;text-transform:lowercase}.cortex-token-usage__model{color:#94a3b8;font-weight:400;font-size:.625rem;letter-spacing:.02em}.cortex-token-usage__pills{display:inline-flex;align-items:center;gap:.375rem}.cortex-token-usage__pill{display:inline-flex;align-items:center;gap:.25rem;font-variant-numeric:tabular-nums;color:#94a3b8}.cortex-token-usage__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cortex-token-usage__dot--input{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b33}.cortex-token-usage__dot--output{background:#6366f1;box-shadow:0 0 0 1px #6366f133}.cortex-token-usage__chevron{color:#cbd5e1;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.cortex-token-usage--expanded .cortex-token-usage__chevron{transform:rotate(180deg)}.cortex-token-usage__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .2s ease;opacity:0;margin-top:0;margin-inline-start:.5rem;padding-inline-start:.625rem;border-inline-start:1px solid transparent}.cortex-token-usage__details-inner{overflow:hidden}.cortex-token-usage--expanded .cortex-token-usage__details{grid-template-rows:1fr;opacity:1;margin-top:.25rem;border-inline-start-color:#e2e8f0}.cortex-token-usage__section{padding:.375rem 0}.cortex-token-usage__section-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.cortex-token-usage__section-label{font-weight:500;color:#64748b;letter-spacing:.03em;text-transform:uppercase;font-size:.625rem}.cortex-token-usage__section-total{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;color:#64748b}.cortex-token-usage__rows{display:flex;flex-direction:column;gap:.125rem}.cortex-token-usage__row{display:flex;align-items:baseline;justify-content:space-between;padding:.0625rem 0;padding-inline-start:calc(5px + .375rem)}.cortex-token-usage__row-label{color:#94a3b8}.cortex-token-usage__row-value{font-variant-numeric:tabular-nums;color:#64748b;font-weight:500}.cortex-token-usage__row--highlight .cortex-token-usage__row-value{color:#10b981;font-weight:600}.cortex-token-usage__divider{height:1px;background:#f1f5f9}\n"] }]
+        }], propDecorators: { usage: [{ type: i0.Input, args: [{ isSignal: true, alias: "usage", required: true }] }], modelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "modelId", required: false }] }] } });
+
 class MessageComponent {
     message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     debugMode = input(false, ...(ngDevMode ? [{ debugName: "debugMode" }] : /* istanbul ignore next */ []));
     animate = input(false, ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
-    visibleParts = computed(() => this.parts().filter((x) => x.type !== 'step-start'), ...(ngDevMode ? [{ debugName: "visibleParts" }] : /* istanbul ignore next */ []));
+    visibleParts = computed(() => this.parts().filter((x) => {
+        if (x.type === 'step-start')
+            return false;
+        if (!this.debugMode() && this.isHiddenInAnimatedMode(x))
+            return false;
+        return true;
+    }), ...(ngDevMode ? [{ debugName: "visibleParts" }] : /* istanbul ignore next */ []));
     parts = signal([], ...(ngDevMode ? [{ debugName: "parts" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const parts = this.message().parts;
-            this.parts.set(parts);
-            const originalPush = parts.push;
-            parts.push = (...items) => {
-                const newParts = items;
-                newParts.forEach((x) => (x.__id = generateId()));
-                this.parts.update((x) => [...x, ...newParts]);
-                newParts.forEach((part) => {
-                    Object.keys(part).forEach((prop) => {
-                        let value = part[prop];
-                        Object.defineProperty(part, prop, {
-                            get: () => value,
-                            set: (newValue) => {
-                                value = newValue;
-                                this.parts.update((existingParts) => {
-                                    return existingParts.map((x) => {
-                                        return x.__id === part.__id ? { ...x, [prop]: newValue } : x;
-                                    });
-                                });
-                            },
-                            configurable: true,
+            this.parts.set(parts.map((part) => this.trackPart(part)));
+            this.wrapPush(parts);
+        });
+    }
+    trackPart(part) {
+        const trackedPart = part;
+        if (trackedPart.__cortexTracked) {
+            return trackedPart;
+        }
+        trackedPart.__id = trackedPart.__id ?? generateId();
+        Object.defineProperty(trackedPart, '__cortexTracked', {
+            value: true,
+            configurable: true,
+        });
+        Object.keys(trackedPart).forEach((prop) => {
+            if (prop === '__id') {
+                return;
+            }
+            const descriptor = Object.getOwnPropertyDescriptor(trackedPart, prop);
+            if (!descriptor?.configurable || descriptor.get || descriptor.set) {
+                return;
+            }
+            let value = trackedPart[prop];
+            Object.defineProperty(trackedPart, prop, {
+                get: () => value,
+                set: (newValue) => {
+                    value = newValue;
+                    this.parts.update((existingParts) => {
+                        return existingParts.map((existingPart) => {
+                            return existingPart.__id === trackedPart.__id
+                                ? { ...existingPart, [prop]: newValue }
+                                : existingPart;
                         });
                     });
-                });
-                return originalPush.apply(parts, newParts);
-            };
+                },
+                configurable: true,
+            });
+        });
+        return trackedPart;
+    }
+    wrapPush(parts) {
+        if (parts.__cortexPushWrapped) {
+            return;
+        }
+        const originalPush = parts.push;
+        parts.push = (...items) => {
+            const newParts = items.map((part) => this.trackPart(part));
+            this.parts.update((existingParts) => [...existingParts, ...newParts]);
+            return originalPush.apply(parts, newParts);
+        };
+        Object.defineProperty(parts, '__cortexPushWrapped', {
+            value: true,
+            configurable: true,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageComponent, isStandalone: true, selector: "cortex-message", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cortex-message" }, ngImport: i0, template: "@if (visibleParts().length) {\n  <div class=\"cortex-message-parts\">\n    @for (part of visibleParts(); track $index) {\n      <cortex-message-part\n        [part]=\"part\"\n        [message]=\"message()\"\n        [debugMode]=\"debugMode()\"\n        [animate]=\"animate()\"\n      />\n    }\n  </div>\n}\n", styles: [".cortex-message:empty{display:none}.cortex-message-parts{width:100%;display:flex;flex-direction:column;gap:.5rem}\n"], dependencies: [{ kind: "component", type: MessagePartComponent, selector: "cortex-message-part", inputs: ["message", "part", "debugMode", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    isHiddenInAnimatedMode(part) {
+        if (part.type === 'reasoning') {
+            return part.state === 'done';
+        }
+        const specificTools = ['tool-callEndpoint', 'tool-queryGraph', 'tool-executeCode'];
+        if (specificTools.includes(part.type)) {
+            const state = part.state;
+            return state === 'output-available' || state === 'output-error' || state === 'output-denied';
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageComponent, isStandalone: true, selector: "cortex-message", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cortex-message" }, ngImport: i0, template: "@if (visibleParts().length) {\n  <div class=\"cortex-message-parts\">\n    @for (part of visibleParts(); track $index) {\n      <cortex-message-part\n        [part]=\"part\"\n        [message]=\"message()\"\n        [debugMode]=\"debugMode()\"\n        [animate]=\"animate()\"\n      />\n    }\n\n    @if (message().metadata?.isAborted) {\n      <cortex-message-aborted-flag />\n    }\n\n    @if (debugMode() && message().metadata?.tokenUsage; as usage) {\n      <cortex-message-token-usage [usage]=\"usage\" [modelId]=\"message().metadata?.modelId\" />\n    }\n  </div>\n}\n", styles: [".cortex-message:empty{display:none}.cortex-message-parts{width:100%;display:flex;flex-direction:column;gap:.5rem}\n"], dependencies: [{ kind: "component", type: MessageAbortedFlagComponent, selector: "cortex-message-aborted-flag" }, { kind: "component", type: MessagePartComponent, selector: "cortex-message-part", inputs: ["message", "part", "debugMode", "animate"] }, { kind: "component", type: MessageTokenUsageComponent, selector: "cortex-message-token-usage", inputs: ["usage", "modelId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cortex-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MessagePartComponent], host: { class: 'cortex-message' }, template: "@if (visibleParts().length) {\n  <div class=\"cortex-message-parts\">\n    @for (part of visibleParts(); track $index) {\n      <cortex-message-part\n        [part]=\"part\"\n        [message]=\"message()\"\n        [debugMode]=\"debugMode()\"\n        [animate]=\"animate()\"\n      />\n    }\n  </div>\n}\n", styles: [".cortex-message:empty{display:none}.cortex-message-parts{width:100%;display:flex;flex-direction:column;gap:.5rem}\n"] }]
+            args: [{ selector: 'cortex-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        MessageAbortedFlagComponent,
+                        MessagePartComponent,
+                        MessageTokenUsageComponent,
+                        JsonPipe,
+                    ], host: { class: 'cortex-message' }, template: "@if (visibleParts().length) {\n  <div class=\"cortex-message-parts\">\n    @for (part of visibleParts(); track $index) {\n      <cortex-message-part\n        [part]=\"part\"\n        [message]=\"message()\"\n        [debugMode]=\"debugMode()\"\n        [animate]=\"animate()\"\n      />\n    }\n\n    @if (message().metadata?.isAborted) {\n      <cortex-message-aborted-flag />\n    }\n\n    @if (debugMode() && message().metadata?.tokenUsage; as usage) {\n      <cortex-message-token-usage [usage]=\"usage\" [modelId]=\"message().metadata?.modelId\" />\n    }\n  </div>\n}\n", styles: [".cortex-message:empty{display:none}.cortex-message-parts{width:100%;display:flex;flex-direction:column;gap:.5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], debugMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugMode", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
 
 class MessageListComponent {
@@ -908,6 +1471,8 @@ class MessageListComponent {
     messagesContainer = viewChild('messagesContainer', ...(ngDevMode ? [{ debugName: "messagesContainer" }] : /* istanbul ignore next */ []));
     shouldScrollToBottom = true;
     isNearBottom = true;
+    mutationObserver = undefined;
+    scrollToBottomQueued = false;
     animateNewParts = signal(false, ...(ngDevMode ? [{ debugName: "animateNewParts" }] : /* istanbul ignore next */ []));
     constructor(chatService, destroyRef) {
         this.chatService = chatService;
@@ -917,10 +1482,7 @@ class MessageListComponent {
             if (!this.shouldScrollToBottom && !this.isNearBottom) {
                 return;
             }
-            queueMicrotask(() => {
-                this.scrollToBottom();
-                this.shouldScrollToBottom = false;
-            });
+            this.scheduleScrollToBottom();
         });
         chatService.events$.pipe(takeUntilDestroyed(destroyRef)).subscribe((event) => {
             if (event === 'onThreadSelected') {
@@ -931,13 +1493,14 @@ class MessageListComponent {
             if (event === 'onSend')
                 this.shouldScrollToBottom = true;
         });
+        destroyRef.onDestroy(() => {
+            this.mutationObserver?.disconnect();
+        });
     }
     ngAfterViewInit() {
-        queueMicrotask(() => {
-            this.scrollToBottom();
-            this.shouldScrollToBottom = false;
-            this.animateNewParts.set(true);
-        });
+        this.observeMessageMutations();
+        this.scheduleScrollToBottom();
+        queueMicrotask(() => this.animateNewParts.set(true));
     }
     onScroll() {
         const el = this.messagesContainer()?.nativeElement;
@@ -951,10 +1514,38 @@ class MessageListComponent {
             el.scrollTop = el.scrollHeight;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageListComponent, deps: [{ token: CortexChatService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: MessageListComponent, isStandalone: true, selector: "cortex-message-list", inputs: { debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "messagesContainer", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"cortex-message-list\" #messagesContainer (scroll)=\"onScroll()\">\n  @for (message of chatService.chat()?.messages; track message.id) {\n    <cortex-message [message]=\"message\" [debugMode]=\"debugMode()\" [animate]=\"animateNewParts()\" />\n  }\n</div>\n", styles: [".cortex-message-list{height:100%;overflow-y:auto;width:100%;display:flex;flex-direction:column;gap:.5rem;padding:1rem}\n"], dependencies: [{ kind: "component", type: MessageComponent, selector: "cortex-message", inputs: ["message", "debugMode", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    scheduleScrollToBottom() {
+        if (this.scrollToBottomQueued) {
+            return;
+        }
+        this.scrollToBottomQueued = true;
+        queueMicrotask(() => {
+            this.scrollToBottomQueued = false;
+            this.scrollToBottom();
+            this.shouldScrollToBottom = false;
+        });
+    }
+    observeMessageMutations() {
+        const el = this.messagesContainer()?.nativeElement;
+        if (!el || typeof MutationObserver === 'undefined') {
+            return;
+        }
+        this.mutationObserver = new MutationObserver(() => {
+            if (!this.shouldScrollToBottom && !this.isNearBottom) {
+                return;
+            }
+            this.scheduleScrollToBottom();
+        });
+        this.mutationObserver.observe(el, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageListComponent, deps: [{ token: CortexChatService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MessageListComponent, isStandalone: true, selector: "cortex-message-list", inputs: { debugMode: { classPropertyName: "debugMode", publicName: "debugMode", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "messagesContainer", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"cortex-message-list\" #messagesContainer (scroll)=\"onScroll()\">\n  @for (message of chatService.chat()?.messages; track message.id) {\n    <cortex-message [message]=\"message\" [debugMode]=\"debugMode()\" [animate]=\"animateNewParts()\" />\n  }\n</div>\n", styles: [".cortex-message-list{height:100%;overflow-y:auto;width:100%;display:flex;flex-direction:column;gap:.5rem;padding:1rem}\n"], dependencies: [{ kind: "component", type: MessageComponent, selector: "cortex-message", inputs: ["message", "debugMode", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: MessageListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MessageListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-message-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MessageComponent], template: "<div class=\"cortex-message-list\" #messagesContainer (scroll)=\"onScroll()\">\n  @for (message of chatService.chat()?.messages; track message.id) {\n    <cortex-message [message]=\"message\" [debugMode]=\"debugMode()\" [animate]=\"animateNewParts()\" />\n  }\n</div>\n", styles: [".cortex-message-list{height:100%;overflow-y:auto;width:100%;display:flex;flex-direction:column;gap:.5rem;padding:1rem}\n"] }]
         }], ctorParameters: () => [{ type: CortexChatService }, { type: i0.DestroyRef }], propDecorators: { debugMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugMode", required: false }] }], messagesContainer: [{ type: i0.ViewChild, args: ['messagesContainer', { isSignal: true }] }] } });
@@ -967,7 +1558,7 @@ var translate_new_chat$1 = "New Chat";
 var translate_normal$1 = "Normal";
 var translate_debug$1 = "Debug";
 var translate_type_a_message$1 = "Type a message...";
-var translate_thinking$1 = "Thinking";
+var translate_thinking$1 = "Thinking things through...";
 var translate_reasoned$1 = "Reasoned";
 var translate_knowledge_graph_query$1 = "Knowledge Graph Query";
 var translate_javascript_code_execution$1 = "JavaScript Code Execution";
@@ -975,7 +1566,7 @@ var translate_completed$1 = "Completed";
 var translate_files_attached$1 = "{{count}} file(s) attached";
 var translate_file_upload_skipped$1 = "File upload skipped";
 var translate_cancel$1 = "Cancel";
-var translate_uploading$1 = "Uploading…";
+var translate_uploading$1 = "Uploading...";
 var translate_submit$1 = "Submit";
 var translate_attach_requested_files$1 = "Attach requested files";
 var translate_n_files_required$1 = "{{count}} file(s) required";
@@ -983,16 +1574,16 @@ var translate_required$1 = "Required";
 var translate_submit_files$1 = "Submit files";
 var translate_choose_file$1 = "Choose file";
 var translate_no_file_chosen$1 = "No file chosen";
-var translate_tool_status_0$1 = "Fetching data…";
-var translate_tool_status_1$1 = "Analyzing information…";
-var translate_tool_status_2$1 = "Processing request…";
-var translate_tool_status_3$1 = "Gathering results…";
-var translate_tool_status_4$1 = "Preparing response…";
-var translate_tool_status_5$1 = "Looking things up…";
-var translate_tool_status_6$1 = "Checking records…";
-var translate_tool_status_7$1 = "Reviewing details…";
-var translate_tool_status_8$1 = "Running calculations…";
-var translate_tool_status_9$1 = "Pulling information…";
+var translate_tool_status_0$1 = "Fetching data...";
+var translate_tool_status_1$1 = "Analyzing information...";
+var translate_tool_status_2$1 = "Processing request...";
+var translate_tool_status_3$1 = "Gathering results...";
+var translate_tool_status_4$1 = "Preparing response...";
+var translate_tool_status_5$1 = "Looking things up...";
+var translate_tool_status_6$1 = "Checking records...";
+var translate_tool_status_7$1 = "Reviewing details...";
+var translate_tool_status_8$1 = "Running calculations...";
+var translate_tool_status_9$1 = "Pulling information...";
 var translate_tool_done_0$1 = "Data fetched successfully";
 var translate_tool_done_1$1 = "Analysis completed successfully";
 var translate_tool_done_2$1 = "Request processed successfully";
@@ -1005,6 +1596,48 @@ var translate_tool_done_8$1 = "Calculations completed successfully";
 var translate_tool_done_9$1 = "Information retrieved successfully";
 var translate_tool_error$1 = "Something went wrong";
 var translate_tool_denied$1 = "Cancelled";
+var translate_endpoint_0$1 = "Looking things up...";
+var translate_endpoint_1$1 = "Checking the details...";
+var translate_endpoint_2$1 = "Pulling up the records...";
+var translate_endpoint_3$1 = "Getting the latest info...";
+var translate_endpoint_4$1 = "Searching through the system...";
+var translate_endpoint_5$1 = "Finding what you need...";
+var translate_endpoint_6$1 = "Gathering the details...";
+var translate_endpoint_7$1 = "Loading your information...";
+var translate_endpoint_8$1 = "Fetching the latest updates...";
+var translate_endpoint_9$1 = "Retrieving your data...";
+var translate_graph_0$1 = "Exploring connections...";
+var translate_graph_1$1 = "Mapping out the links...";
+var translate_graph_2$1 = "Discovering relationships...";
+var translate_graph_3$1 = "Tracing the connections...";
+var translate_graph_4$1 = "Navigating the knowledge...";
+var translate_graph_5$1 = "Uncovering insights...";
+var translate_graph_6$1 = "Connecting the dots...";
+var translate_graph_7$1 = "Following the trail...";
+var translate_graph_8$1 = "Piecing things together...";
+var translate_graph_9$1 = "Building the picture...";
+var translate_code_0$1 = "Running the numbers...";
+var translate_code_1$1 = "Working through the data...";
+var translate_code_2$1 = "Processing your request...";
+var translate_code_3$1 = "Crunching the figures...";
+var translate_code_4$1 = "Putting it all together...";
+var translate_code_5$1 = "Analyzing the results...";
+var translate_code_6$1 = "Working behind the scenes...";
+var translate_code_7$1 = "Sorting through the details...";
+var translate_code_8$1 = "Preparing your answer...";
+var translate_code_9$1 = "Almost ready...";
+var translate_reasoning_0$1 = "Thinking it through...";
+var translate_reasoning_1$1 = "Considering the options...";
+var translate_reasoning_2$1 = "Weighing the possibilities...";
+var translate_reasoning_3$1 = "Reflecting on this...";
+var translate_reasoning_4$1 = "Working it out...";
+var translate_reasoning_5$1 = "Putting thoughts together...";
+var translate_reasoning_6$1 = "Mulling it over...";
+var translate_reasoning_7$1 = "Finding the best approach...";
+var translate_reasoning_8$1 = "Organizing my thoughts...";
+var translate_reasoning_9$1 = "Almost there...";
+var translate_running$1 = "Running";
+var translate_aborted$1 = "Aborted";
 var en = {
 	translate_new: translate_new$1,
 	translate_threads: translate_threads$1,
@@ -1051,7 +1684,49 @@ var en = {
 	translate_tool_done_8: translate_tool_done_8$1,
 	translate_tool_done_9: translate_tool_done_9$1,
 	translate_tool_error: translate_tool_error$1,
-	translate_tool_denied: translate_tool_denied$1
+	translate_tool_denied: translate_tool_denied$1,
+	translate_endpoint_0: translate_endpoint_0$1,
+	translate_endpoint_1: translate_endpoint_1$1,
+	translate_endpoint_2: translate_endpoint_2$1,
+	translate_endpoint_3: translate_endpoint_3$1,
+	translate_endpoint_4: translate_endpoint_4$1,
+	translate_endpoint_5: translate_endpoint_5$1,
+	translate_endpoint_6: translate_endpoint_6$1,
+	translate_endpoint_7: translate_endpoint_7$1,
+	translate_endpoint_8: translate_endpoint_8$1,
+	translate_endpoint_9: translate_endpoint_9$1,
+	translate_graph_0: translate_graph_0$1,
+	translate_graph_1: translate_graph_1$1,
+	translate_graph_2: translate_graph_2$1,
+	translate_graph_3: translate_graph_3$1,
+	translate_graph_4: translate_graph_4$1,
+	translate_graph_5: translate_graph_5$1,
+	translate_graph_6: translate_graph_6$1,
+	translate_graph_7: translate_graph_7$1,
+	translate_graph_8: translate_graph_8$1,
+	translate_graph_9: translate_graph_9$1,
+	translate_code_0: translate_code_0$1,
+	translate_code_1: translate_code_1$1,
+	translate_code_2: translate_code_2$1,
+	translate_code_3: translate_code_3$1,
+	translate_code_4: translate_code_4$1,
+	translate_code_5: translate_code_5$1,
+	translate_code_6: translate_code_6$1,
+	translate_code_7: translate_code_7$1,
+	translate_code_8: translate_code_8$1,
+	translate_code_9: translate_code_9$1,
+	translate_reasoning_0: translate_reasoning_0$1,
+	translate_reasoning_1: translate_reasoning_1$1,
+	translate_reasoning_2: translate_reasoning_2$1,
+	translate_reasoning_3: translate_reasoning_3$1,
+	translate_reasoning_4: translate_reasoning_4$1,
+	translate_reasoning_5: translate_reasoning_5$1,
+	translate_reasoning_6: translate_reasoning_6$1,
+	translate_reasoning_7: translate_reasoning_7$1,
+	translate_reasoning_8: translate_reasoning_8$1,
+	translate_reasoning_9: translate_reasoning_9$1,
+	translate_running: translate_running$1,
+	translate_aborted: translate_aborted$1
 };
 
 var translate_new = "جديد";
@@ -1062,7 +1737,7 @@ var translate_new_chat = "محادثة جديدة";
 var translate_normal = "عادي";
 var translate_debug = "تصحيح";
 var translate_type_a_message = "اكتب رسالة...";
-var translate_thinking = "يفكر";
+var translate_thinking = "جارٍ معالجة الطلب...";
 var translate_reasoned = "تم الاستنتاج";
 var translate_knowledge_graph_query = "استعلام الرسم البياني المعرفي";
 var translate_javascript_code_execution = "تنفيذ كود جافاسكريبت";
@@ -1100,6 +1775,48 @@ var translate_tool_done_8 = "تمت الحسابات بنجاح";
 var translate_tool_done_9 = "تم استرجاع المعلومات بنجاح";
 var translate_tool_error = "حدث خطأ";
 var translate_tool_denied = "تم الإلغاء";
+var translate_endpoint_0 = "جارٍ البحث...";
+var translate_endpoint_1 = "جارٍ التحقق من التفاصيل...";
+var translate_endpoint_2 = "جارٍ استرجاع السجلات...";
+var translate_endpoint_3 = "جارٍ الحصول على آخر المعلومات...";
+var translate_endpoint_4 = "جارٍ البحث في النظام...";
+var translate_endpoint_5 = "جارٍ إيجاد ما تحتاجه...";
+var translate_endpoint_6 = "جارٍ تجميع التفاصيل...";
+var translate_endpoint_7 = "جارٍ تحميل معلوماتك...";
+var translate_endpoint_8 = "جارٍ جلب آخر التحديثات...";
+var translate_endpoint_9 = "جارٍ استرجاع بياناتك...";
+var translate_graph_0 = "جارٍ استكشاف الروابط...";
+var translate_graph_1 = "جارٍ رسم الخريطة...";
+var translate_graph_2 = "جارٍ اكتشاف العلاقات...";
+var translate_graph_3 = "جارٍ تتبع الروابط...";
+var translate_graph_4 = "جارٍ التنقل في المعرفة...";
+var translate_graph_5 = "جارٍ كشف الرؤى...";
+var translate_graph_6 = "جارٍ ربط النقاط...";
+var translate_graph_7 = "جارٍ تتبع المسار...";
+var translate_graph_8 = "جارٍ تجميع الأجزاء...";
+var translate_graph_9 = "جارٍ بناء الصورة...";
+var translate_code_0 = "جارٍ حساب الأرقام...";
+var translate_code_1 = "جارٍ معالجة البيانات...";
+var translate_code_2 = "جارٍ تنفيذ طلبك...";
+var translate_code_3 = "جارٍ تحليل الأرقام...";
+var translate_code_4 = "جارٍ تجميع كل شيء...";
+var translate_code_5 = "جارٍ تحليل النتائج...";
+var translate_code_6 = "جارٍ العمل خلف الكواليس...";
+var translate_code_7 = "جارٍ ترتيب التفاصيل...";
+var translate_code_8 = "جارٍ تحضير إجابتك...";
+var translate_code_9 = "أوشك على الانتهاء...";
+var translate_reasoning_0 = "جارٍ التفكير...";
+var translate_reasoning_1 = "جارٍ دراسة الخيارات...";
+var translate_reasoning_2 = "جارٍ تقييم الاحتمالات...";
+var translate_reasoning_3 = "جارٍ التأمل في هذا...";
+var translate_reasoning_4 = "جارٍ إيجاد الحل...";
+var translate_reasoning_5 = "جارٍ ترتيب الأفكار...";
+var translate_reasoning_6 = "جارٍ التمعن في الأمر...";
+var translate_reasoning_7 = "جارٍ إيجاد أفضل طريقة...";
+var translate_reasoning_8 = "جارٍ تنظيم أفكاري...";
+var translate_reasoning_9 = "أوشك على الانتهاء...";
+var translate_running = "قيد التنفيذ";
+var translate_aborted = "تم الإلغاء";
 var ar = {
 	translate_new: translate_new,
 	translate_threads: translate_threads,
@@ -1146,7 +1863,49 @@ var ar = {
 	translate_tool_done_8: translate_tool_done_8,
 	translate_tool_done_9: translate_tool_done_9,
 	translate_tool_error: translate_tool_error,
-	translate_tool_denied: translate_tool_denied
+	translate_tool_denied: translate_tool_denied,
+	translate_endpoint_0: translate_endpoint_0,
+	translate_endpoint_1: translate_endpoint_1,
+	translate_endpoint_2: translate_endpoint_2,
+	translate_endpoint_3: translate_endpoint_3,
+	translate_endpoint_4: translate_endpoint_4,
+	translate_endpoint_5: translate_endpoint_5,
+	translate_endpoint_6: translate_endpoint_6,
+	translate_endpoint_7: translate_endpoint_7,
+	translate_endpoint_8: translate_endpoint_8,
+	translate_endpoint_9: translate_endpoint_9,
+	translate_graph_0: translate_graph_0,
+	translate_graph_1: translate_graph_1,
+	translate_graph_2: translate_graph_2,
+	translate_graph_3: translate_graph_3,
+	translate_graph_4: translate_graph_4,
+	translate_graph_5: translate_graph_5,
+	translate_graph_6: translate_graph_6,
+	translate_graph_7: translate_graph_7,
+	translate_graph_8: translate_graph_8,
+	translate_graph_9: translate_graph_9,
+	translate_code_0: translate_code_0,
+	translate_code_1: translate_code_1,
+	translate_code_2: translate_code_2,
+	translate_code_3: translate_code_3,
+	translate_code_4: translate_code_4,
+	translate_code_5: translate_code_5,
+	translate_code_6: translate_code_6,
+	translate_code_7: translate_code_7,
+	translate_code_8: translate_code_8,
+	translate_code_9: translate_code_9,
+	translate_reasoning_0: translate_reasoning_0,
+	translate_reasoning_1: translate_reasoning_1,
+	translate_reasoning_2: translate_reasoning_2,
+	translate_reasoning_3: translate_reasoning_3,
+	translate_reasoning_4: translate_reasoning_4,
+	translate_reasoning_5: translate_reasoning_5,
+	translate_reasoning_6: translate_reasoning_6,
+	translate_reasoning_7: translate_reasoning_7,
+	translate_reasoning_8: translate_reasoning_8,
+	translate_reasoning_9: translate_reasoning_9,
+	translate_running: translate_running,
+	translate_aborted: translate_aborted
 };
 
 const translations = { en, ar };
@@ -1158,10 +1917,10 @@ class CortexClientTranslateLoader {
 
 class CortexClientConfigRef {
     config;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientConfigRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientConfigRef });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientConfigRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientConfigRef });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexClientConfigRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexClientConfigRef, decorators: [{
             type: Injectable
         }] });
 class CortexChatWidgetComponent {
@@ -1208,8 +1967,8 @@ class CortexChatWidgetComponent {
         this.chatService.deselectThread();
         this.screen.set('chat');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexChatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: CortexChatWidgetComponent, isStandalone: true, selector: "cortex-chat-widget", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange" }, host: { classAttribute: "cortex-widget" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexChatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: CortexChatWidgetComponent, isStandalone: true, selector: "cortex-chat-widget", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange" }, host: { classAttribute: "cortex-widget" }, providers: [
             CortexClientConfigRef,
             {
                 provide: CORTEX_CLIENT_CONFIG,
@@ -1221,9 +1980,9 @@ class CortexChatWidgetComponent {
                 fallbackLang: 'en',
                 loader: provideTranslateLoader(CortexClientTranslateLoader),
             }),
-        ], ngImport: i0, template: "<div class=\"cortex-widget__container\">\n  <!-- SCREEN 1: THREADS -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'threads'\"\n    [class.cortex-widget__screen--left]=\"screen() !== 'threads'\"\n  >\n    <!-- Threads header -->\n    <div class=\"cortex-widget__threads-header\">\n      <div>\n        <h2 class=\"cortex-widget__threads-title\">\n          {{ 'translate_threads' | translate }}\n        </h2>\n        <p class=\"cortex-widget__threads-count\">\n          {{\n            'translate_n_conversations' | translate: { count: chatService.threads()?.length ?? 0 }\n          }}\n        </p>\n      </div>\n      <button (click)=\"newChat()\" class=\"cortex-widget__new-chat-btn\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M8 3v10M3 8h10\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n        {{ 'translate_new' | translate }}\n      </button>\n    </div>\n\n    <!-- Threads list -->\n    <div class=\"cortex-widget__threads-list\">\n      <!-- Threads loading skeleton -->\n      @if (chatService.threads() === undefined) {\n        @for (i of [1, 2, 3, 4]; track i) {\n          <div class=\"cortex-widget__thread-skeleton\">\n            <div class=\"cortex-skeleton cortex-widget__thread-skeleton-icon\"></div>\n            <div class=\"cortex-widget__thread-skeleton-lines\">\n              <div\n                class=\"cortex-skeleton cortex-widget__thread-skeleton-line\"\n                [style.width]=\"40 + i * 12 + '%'\"\n              ></div>\n            </div>\n          </div>\n        }\n      } @else {\n        @for (thread of chatService.threads(); track thread.id) {\n          <button\n            (click)=\"selectThread(thread)\"\n            class=\"cortex-widget__thread-item\"\n            [class.cortex-widget__thread-item--active]=\"\n              thread.id === chatService.selectedThread()?.id\n            \"\n          >\n            <!-- Thread icon -->\n            <div\n              class=\"cortex-widget__thread-icon\"\n              [class.cortex-widget__thread-icon--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n\n            <!-- Thread info -->\n            <div class=\"cortex-widget__thread-info\">\n              <p\n                class=\"cortex-widget__thread-title\"\n                [class.cortex-widget__thread-title--active]=\"\n                  thread.id === chatService.selectedThread()?.id\n                \"\n              >\n                {{ thread.title ?? ('translate_untitled' | translate) }}\n              </p>\n            </div>\n\n            <!-- Delete button -->\n            <button\n              (click)=\"$event.stopPropagation(); chatService.deleteThread(thread.id).subscribe()\"\n              class=\"cortex-widget__thread-delete\"\n              [class.cortex-widget__thread-delete--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M4 4l8 8M12 4l-8 8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </button>\n\n            <!-- Arrow -->\n            <svg\n              class=\"cortex-widget__thread-arrow\"\n              [class.cortex-widget__thread-arrow--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n              width=\"10\"\n              height=\"10\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n\n        @if (!chatService.threads()?.length) {\n          <div class=\"cortex-widget__threads-empty\">\n            <div class=\"cortex-widget__threads-empty-icon\">\n              <svg\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__threads-empty-svg\"\n              >\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n            <p class=\"cortex-widget__threads-empty-title\">No threads yet</p>\n            <p class=\"cortex-widget__threads-empty-subtitle\">Start a new conversation</p>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- SCREEN 2: CHAT -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'chat'\"\n    [class.cortex-widget__screen--right]=\"screen() !== 'chat'\"\n  >\n    <!-- Chat header -->\n    <div class=\"cortex-widget__chat-header\">\n      <!-- Back button -->\n      <button (click)=\"goBack()\" class=\"cortex-widget__back-btn\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          class=\"cortex-widget__back-icon\"\n        >\n          <path\n            d=\"M10 3L5 8l5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n\n      <!-- Title -->\n      <div class=\"cortex-widget__chat-title-wrap\">\n        <p class=\"cortex-widget__chat-title\">\n          {{ chatService.selectedThread()?.title ?? ('translate_new_chat' | translate) }}\n        </p>\n      </div>\n\n      <!-- Debug toggle -->\n      <button\n        (click)=\"toggleDebugMode()\"\n        class=\"cortex-widget__debug-btn\"\n        [class.cortex-widget__debug-btn--on]=\"debugMode()\"\n        [class.cortex-widget__debug-btn--off]=\"!debugMode()\"\n      >\n        {{ debugMode() ? ('translate_debug' | translate) : ('translate_normal' | translate) }}\n      </button>\n    </div>\n\n    <!-- Messages loading skeleton -->\n    @if (chatService.isLoadingMessages() && !chatService.isAgentWorking()) {\n      <div class=\"cortex-widget__messages-skeleton\">\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 13rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 9rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 16rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 18rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 12rem\"></div>\n          </div>\n        </div>\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 11rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 14rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 15rem\"></div>\n          </div>\n        </div>\n      </div>\n    } @else {\n      <!-- Messages area -->\n      <cortex-message-list class=\"cortex-widget__messages\" [debugMode]=\"debugMode()\" />\n    }\n\n    <!-- Agent working indicator -->\n    @if (chatService.isAgentWorking() && !chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__working\">\n        <div class=\"cortex-widget__working-dots\">\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n        </div>\n        <span class=\"cortex-widget__working-text\">{{ 'translate_thinking' | translate }}</span>\n      </div>\n    }\n\n    <!-- Chat input (hidden during pending tool calls) -->\n    @if (!chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__input-area\">\n        <div\n          class=\"cortex-widget__input-box\"\n          [class.cortex-widget__input-box--disabled]=\"chatService.isAgentWorking()\"\n          [class.cortex-widget__input-box--enabled]=\"!chatService.isAgentWorking()\"\n        >\n          <textarea\n            (keydown)=\"onKeydown($event)\"\n            [(ngModel)]=\"text\"\n            [placeholder]=\"\n              chatService.isAgentWorking() ? '' : ('translate_type_a_message' | translate)\n            \"\n            [disabled]=\"chatService.isAgentWorking()\"\n            rows=\"1\"\n            class=\"cortex-widget__textarea\"\n            [class.cortex-widget__textarea--disabled]=\"chatService.isAgentWorking()\"\n          ></textarea>\n          @if (chatService.isAgentWorking()) {\n            <!-- Stop button -->\n            <button (click)=\"chatService.abort()\" class=\"cortex-stop-btn\">\n              <!-- Pulsing ring -->\n              <span class=\"cortex-stop-btn__ring\"></span>\n              <!-- Stop icon (rounded square) -->\n              <svg\n                width=\"12\"\n                height=\"12\"\n                viewBox=\"0 0 12 12\"\n                fill=\"none\"\n                class=\"cortex-stop-btn__icon\"\n              >\n                <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2.5\" fill=\"currentColor\" />\n              </svg>\n            </button>\n          } @else {\n            <!-- Send button -->\n            <button\n              (click)=\"send()\"\n              class=\"cortex-widget__send-btn\"\n              [class.cortex-widget__send-btn--empty]=\"!text().trim()\"\n              [class.cortex-widget__send-btn--ready]=\"!!text().trim()\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__send-icon\"\n              >\n                <path\n                  d=\"M3 8h10M9 4l4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cortex-widget{display:block}.cortex-widget__container{width:100%;height:100%;position:relative;overflow:hidden}.cortex-widget__screen{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .3s ease-out}.cortex-widget__screen--active{transform:translate(0)}.cortex-widget__screen--left{transform:translate(-100%)}[dir=rtl] .cortex-widget__screen--left,.cortex-widget__screen--right{transform:translate(100%)}[dir=rtl] .cortex-widget__screen--right{transform:translate(-100%)}.cortex-widget__threads-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between}.cortex-widget__threads-title{font-size:.9375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em;margin:0}.cortex-widget__threads-count{font-size:.6875rem;color:#94a3b8;margin-top:.125rem;margin-bottom:0}.cortex-widget__new-chat-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#f1f5f9;background:#1e293b;padding:.375rem .75rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__new-chat-btn:hover{background:#334155}.cortex-widget__new-chat-btn:active{background:#0f172a}.cortex-widget__threads-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem}.cortex-widget__thread-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.125rem}.cortex-widget__thread-skeleton-icon{flex-shrink:0;width:2rem;height:2rem}.cortex-widget__thread-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.375rem}.cortex-widget__thread-skeleton-line{height:.875rem}@keyframes cortex-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cortex-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80%);background-size:200% 100%;animation:cortex-skeleton-shimmer 1.8s ease-in-out infinite;border-radius:6px}.cortex-widget__thread-item{width:100%;text-align:start;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;transition:background-color .15s;cursor:pointer;margin-bottom:.125rem;border:0;background:transparent;color:#475569}.cortex-widget__thread-item:hover{background:#f1f5f9}.cortex-widget__thread-item:active{background:#e8ecf1}.cortex-widget__thread-item--active{background:#e2e8f0;color:#f1f5f9}.cortex-widget__thread-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;background:#e2e8f0;color:#64748b}[dir=rtl] .cortex-widget__thread-icon{transform:rotate(180deg)}.cortex-widget__thread-icon--active{background:#334155;color:#cbd5e1}.cortex-widget__thread-info{min-width:0;flex:1}.cortex-widget__thread-title{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;margin:0;color:#334155}.cortex-widget__thread-title--active{color:#f1f5f9}.cortex-widget__thread-delete{flex-shrink:0;opacity:0;width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;background:transparent;border:0;color:#94a3b8}.cortex-widget__thread-item:hover>.cortex-widget__thread-delete{opacity:1}.cortex-widget__thread-delete:hover{background:#e2e8f0}.cortex-widget__thread-delete--active:hover{background:#475569}.cortex-widget__thread-arrow{flex-shrink:0;transition:color .15s;color:#cbd5e1}[dir=rtl] .cortex-widget__thread-arrow{transform:rotate(180deg)}.cortex-widget__thread-item:hover>.cortex-widget__thread-arrow{color:#94a3b8}.cortex-widget__thread-arrow--active{color:#64748b}.cortex-widget__threads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.cortex-widget__threads-empty-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cortex-widget__threads-empty-svg{color:#94a3b8}.cortex-widget__threads-empty-title{font-size:.8125rem;color:#94a3b8;font-weight:500;margin:0}.cortex-widget__threads-empty-subtitle{font-size:.6875rem;color:#a5afbd;margin-top:.25rem;margin-bottom:0}.cortex-widget__chat-header{flex-shrink:0;height:3rem;padding:0 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0;background:#fff}.cortex-widget__back-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:0;cursor:pointer;transition:color .15s,background-color .15s}.cortex-widget__back-btn:hover{color:#475569;background:#f1f5f9}[dir=rtl] .cortex-widget__back-icon{transform:rotate(180deg)}.cortex-widget__chat-title-wrap{min-width:0;flex:1}.cortex-widget__chat-title{font-size:.8125rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cortex-widget__debug-btn{flex-shrink:0;font-size:.6875rem;font-weight:500;padding:.25rem .625rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__debug-btn--on{background:#fef3c7;color:#d97706}.cortex-widget__debug-btn--on:hover{background:#fde68a}.cortex-widget__debug-btn--off{background:#f1f5f9;color:#94a3b8}.cortex-widget__debug-btn--off:hover{background:#e2e8f0}.cortex-widget__messages-skeleton{flex:1;overflow:hidden;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel{width:100%;display:flex;flex-direction:column}.cortex-widget__msg-skel--user{align-items:flex-start}.cortex-widget__msg-skel--assistant{align-items:flex-end}.cortex-widget__msg-skel-bubble{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel-bubble--user{background:#f8fafc;border-bottom-left-radius:0}.cortex-widget__msg-skel-bubble--assistant{background:#f1f5f9;border-bottom-right-radius:0}.cortex-widget__msg-skel-line{height:.75rem}.cortex-widget__messages{flex:1;overflow:hidden}.cortex-widget__working{flex-shrink:0;padding:.375rem 1rem;display:flex;align-items:center;gap:.375rem}.cortex-widget__working-dots{display:flex;align-items:center;gap:3px}@keyframes cortex-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes cortex-dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}.cortex-working-dot{display:block;width:5px;height:5px;border-radius:9999px;background:#94a3b8;animation:cortex-pulse 1.6s ease-in-out infinite,cortex-dot-bounce 1.2s ease-in-out infinite}.cortex-working-dot:nth-child(2){animation-delay:.15s}.cortex-working-dot:nth-child(3){animation-delay:.3s}.cortex-widget__working-text{font-size:.6875rem;color:#94a3b8;font-weight:500}.cortex-widget__input-area{flex-shrink:0;padding:.75rem;background:#fff;border-top:1px solid #e2e8f0}.cortex-widget__input-box{display:flex;align-items:flex-end;gap:.5rem;border-radius:.75rem;border:1px solid #e2e8f0;padding:.375rem;transition:border-color .15s,background-color .15s}.cortex-widget__input-box--disabled{background:#f1f5f9}.cortex-widget__input-box--enabled{background:#f8fafc}.cortex-widget__input-box--enabled:focus-within{border-color:#cbd5e1;background:#fff}.cortex-widget__textarea{flex:1;background:transparent;resize:none;border:0;outline:none;font-size:.8125rem;padding:.375rem .5rem;min-height:28px;max-height:120px;line-height:1.375;color:#334155}.cortex-widget__textarea::placeholder{color:#a5afbd}.cortex-widget__textarea--disabled{color:#94a3b8;cursor:not-allowed}.cortex-widget__textarea:disabled{cursor:not-allowed;border:0}@keyframes cortex-stop-pulse-ring{0%{opacity:.45;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}to{opacity:.45;transform:scale(1)}}@keyframes cortex-stop-fade-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cortex-stop-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#e11d48;color:#fff;border:0;animation:cortex-stop-fade-in .2s ease-out both;transition:background .15s ease}.cortex-stop-btn:hover{background:#be123c}.cortex-stop-btn:active{transform:scale(.92)}.cortex-stop-btn__ring{position:absolute;inset:0;border-radius:.5rem;background:#e11d48;animation:cortex-stop-pulse-ring 2s ease-in-out infinite;pointer-events:none}.cortex-stop-btn__icon{position:relative;z-index:1}.cortex-widget__send-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:0;transition:background-color .15s}.cortex-widget__send-btn--empty{background:#e2e8f0;color:#94a3b8}.cortex-widget__send-btn--ready{background:#1e293b;color:#fff;cursor:pointer}.cortex-widget__send-btn--ready:hover{background:#334155}[dir=rtl] .cortex-widget__send-icon{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: MessageListComponent, selector: "cortex-message-list", inputs: ["debugMode"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], ngImport: i0, template: "<div class=\"cortex-widget__container\">\n  <!-- SCREEN 1: THREADS -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'threads'\"\n    [class.cortex-widget__screen--left]=\"screen() !== 'threads'\"\n  >\n    <!-- Threads header -->\n    <div class=\"cortex-widget__threads-header\">\n      <div>\n        <h2 class=\"cortex-widget__threads-title\">\n          {{ 'translate_threads' | translate }}\n        </h2>\n        <p class=\"cortex-widget__threads-count\">\n          {{\n            'translate_n_conversations' | translate: { count: chatService.threads()?.length ?? 0 }\n          }}\n        </p>\n      </div>\n      <button (click)=\"newChat()\" class=\"cortex-widget__new-chat-btn\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M8 3v10M3 8h10\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n        {{ 'translate_new' | translate }}\n      </button>\n    </div>\n\n    <!-- Threads list -->\n    <div class=\"cortex-widget__threads-list\">\n      <!-- Threads loading skeleton -->\n      @if (chatService.threads() === undefined) {\n        @for (i of [1, 2, 3, 4]; track i) {\n          <div class=\"cortex-widget__thread-skeleton\">\n            <div class=\"cortex-skeleton cortex-widget__thread-skeleton-icon\"></div>\n            <div class=\"cortex-widget__thread-skeleton-lines\">\n              <div\n                class=\"cortex-skeleton cortex-widget__thread-skeleton-line\"\n                [style.width]=\"40 + i * 12 + '%'\"\n              ></div>\n            </div>\n          </div>\n        }\n      } @else {\n        @for (thread of chatService.threads(); track thread.id) {\n          <button\n            (click)=\"selectThread(thread)\"\n            class=\"cortex-widget__thread-item\"\n            [class.cortex-widget__thread-item--active]=\"\n              thread.id === chatService.selectedThread()?.id\n            \"\n          >\n            <!-- Thread icon -->\n            <div\n              class=\"cortex-widget__thread-icon\"\n              [class.cortex-widget__thread-icon--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n\n            <!-- Thread info -->\n            <div class=\"cortex-widget__thread-info\">\n              <div class=\"cortex-widget__thread-title-row\">\n                <p\n                  class=\"cortex-widget__thread-title\"\n                  [class.cortex-widget__thread-title--active]=\"\n                    thread.id === chatService.selectedThread()?.id\n                  \"\n                >\n                  {{ thread.title ?? ('translate_untitled' | translate) }}\n                </p>\n\n                @if (thread.isRunning) {\n                  <span\n                    class=\"cortex-widget__thread-running\"\n                    [class.cortex-widget__thread-running--active]=\"\n                      thread.id === chatService.selectedThread()?.id\n                    \"\n                  >\n                    <span class=\"cortex-widget__thread-running-dot\"></span>\n                    {{ 'translate_running' | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n\n            <!-- Delete button -->\n            <button\n              (click)=\"$event.stopPropagation(); chatService.deleteThread(thread.id).subscribe()\"\n              class=\"cortex-widget__thread-delete\"\n              [class.cortex-widget__thread-delete--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M4 4l8 8M12 4l-8 8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </button>\n\n            <!-- Arrow -->\n            <svg\n              class=\"cortex-widget__thread-arrow\"\n              [class.cortex-widget__thread-arrow--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n              width=\"10\"\n              height=\"10\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n\n        @if (!chatService.threads()?.length) {\n          <div class=\"cortex-widget__threads-empty\">\n            <div class=\"cortex-widget__threads-empty-icon\">\n              <svg\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__threads-empty-svg\"\n              >\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n            <p class=\"cortex-widget__threads-empty-title\">No threads yet</p>\n            <p class=\"cortex-widget__threads-empty-subtitle\">Start a new conversation</p>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- SCREEN 2: CHAT -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'chat'\"\n    [class.cortex-widget__screen--right]=\"screen() !== 'chat'\"\n  >\n    <!-- Chat header -->\n    <div class=\"cortex-widget__chat-header\">\n      <!-- Back button -->\n      <button (click)=\"goBack()\" class=\"cortex-widget__back-btn\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          class=\"cortex-widget__back-icon\"\n        >\n          <path\n            d=\"M10 3L5 8l5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n\n      <!-- Title -->\n      <div class=\"cortex-widget__chat-title-wrap\">\n        <p class=\"cortex-widget__chat-title\">\n          {{ chatService.selectedThread()?.title ?? ('translate_new_chat' | translate) }}\n        </p>\n      </div>\n\n      <!-- Debug toggle -->\n      @if (config().showDebugButton) {\n        <button\n          (click)=\"toggleDebugMode()\"\n          class=\"cortex-widget__debug-btn\"\n          [class.cortex-widget__debug-btn--on]=\"debugMode()\"\n          [class.cortex-widget__debug-btn--off]=\"!debugMode()\"\n        >\n          {{ debugMode() ? ('translate_debug' | translate) : ('translate_normal' | translate) }}\n        </button>\n      }\n    </div>\n\n    <!-- Messages loading skeleton -->\n    @if (chatService.isLoadingMessages() && !chatService.isAgentWorking()) {\n      <div class=\"cortex-widget__messages-skeleton\">\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 13rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 9rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 16rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 18rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 12rem\"></div>\n          </div>\n        </div>\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 11rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 14rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 15rem\"></div>\n          </div>\n        </div>\n      </div>\n    } @else {\n      <!-- Messages area -->\n      <cortex-message-list class=\"cortex-widget__messages\" [debugMode]=\"debugMode()\" />\n    }\n\n    <!-- Agent working indicator -->\n    @if (chatService.isAgentWorking() && !chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__working\">\n        <div class=\"cortex-widget__working-dots\">\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n        </div>\n        <span class=\"cortex-widget__working-text\">{{ 'translate_thinking' | translate }}</span>\n      </div>\n    }\n\n    <!-- Chat input (hidden during pending tool calls) -->\n    @if (!chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__input-area\">\n        <div\n          class=\"cortex-widget__input-box\"\n          [class.cortex-widget__input-box--disabled]=\"chatService.isAgentWorking()\"\n          [class.cortex-widget__input-box--enabled]=\"!chatService.isAgentWorking()\"\n        >\n          <textarea\n            (keydown)=\"onKeydown($event)\"\n            [(ngModel)]=\"text\"\n            [placeholder]=\"\n              chatService.isAgentWorking() ? '' : ('translate_type_a_message' | translate)\n            \"\n            [disabled]=\"chatService.isAgentWorking()\"\n            rows=\"1\"\n            class=\"cortex-widget__textarea\"\n            [class.cortex-widget__textarea--disabled]=\"chatService.isAgentWorking()\"\n          ></textarea>\n          @if (chatService.isAgentWorking()) {\n            <!-- Stop button -->\n            <button (click)=\"chatService.abort()\" class=\"cortex-stop-btn\">\n              <!-- Pulsing ring -->\n              <span class=\"cortex-stop-btn__ring\"></span>\n              <!-- Stop icon (rounded square) -->\n              <svg\n                width=\"12\"\n                height=\"12\"\n                viewBox=\"0 0 12 12\"\n                fill=\"none\"\n                class=\"cortex-stop-btn__icon\"\n              >\n                <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2.5\" fill=\"currentColor\" />\n              </svg>\n            </button>\n          } @else {\n            <!-- Send button -->\n            <button\n              (click)=\"send()\"\n              class=\"cortex-widget__send-btn\"\n              [class.cortex-widget__send-btn--empty]=\"!text().trim()\"\n              [class.cortex-widget__send-btn--ready]=\"!!text().trim()\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__send-icon\"\n              >\n                <path\n                  d=\"M3 8h10M9 4l4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cortex-widget{display:block}.cortex-widget__container{width:100%;height:100%;position:relative;overflow:hidden}.cortex-widget__screen{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .3s ease-out}.cortex-widget__screen--active{transform:translate(0)}.cortex-widget__screen--left{transform:translate(-100%)}[dir=rtl] .cortex-widget__screen--left,.cortex-widget__screen--right{transform:translate(100%)}[dir=rtl] .cortex-widget__screen--right{transform:translate(-100%)}.cortex-widget__threads-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between}.cortex-widget__threads-title{font-size:.9375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em;margin:0}.cortex-widget__threads-count{font-size:.6875rem;color:#94a3b8;margin-top:.125rem;margin-bottom:0}.cortex-widget__new-chat-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#f1f5f9;background:#1e293b;padding:.375rem .75rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__new-chat-btn:hover{background:#334155}.cortex-widget__new-chat-btn:active{background:#0f172a}.cortex-widget__threads-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem}.cortex-widget__thread-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.125rem}.cortex-widget__thread-skeleton-icon{flex-shrink:0;width:2rem;height:2rem}.cortex-widget__thread-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.375rem}.cortex-widget__thread-skeleton-line{height:.875rem}@keyframes cortex-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cortex-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80%);background-size:200% 100%;animation:cortex-skeleton-shimmer 1.8s ease-in-out infinite;border-radius:6px}.cortex-widget__thread-item{width:100%;text-align:start;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;transition:background-color .15s;cursor:pointer;margin-bottom:.125rem;border:0;background:transparent;color:#475569}.cortex-widget__thread-item:hover{background:#f1f5f9}.cortex-widget__thread-item:active{background:#e8ecf1}.cortex-widget__thread-item--active{background:#e2e8f0;color:#f1f5f9}.cortex-widget__thread-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;background:#e2e8f0;color:#64748b}[dir=rtl] .cortex-widget__thread-icon{transform:rotate(180deg)}.cortex-widget__thread-icon--active{background:#334155;color:#cbd5e1}.cortex-widget__thread-info{min-width:0;flex:1}.cortex-widget__thread-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.cortex-widget__thread-title{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;margin:0;color:#334155}.cortex-widget__thread-title--active{color:#f1f5f9}.cortex-widget__thread-running{flex-shrink:0;display:inline-flex;align-items:center;gap:.3125rem;padding:.2rem .45rem;border-radius:999px;background:#0e74901a;color:#0f766e;font-size:.625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.cortex-widget__thread-running--active{background:#f1f5f929;color:#e2e8f0}.cortex-widget__thread-running-dot{width:.375rem;height:.375rem;border-radius:999px;background:currentColor;box-shadow:0 0 .45rem currentColor;animation:cortex-thread-running-pulse 1.4s ease-in-out infinite}@keyframes cortex-thread-running-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.cortex-widget__thread-delete{flex-shrink:0;opacity:0;width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;background:transparent;border:0;color:#94a3b8}.cortex-widget__thread-item:hover>.cortex-widget__thread-delete{opacity:1}.cortex-widget__thread-delete:hover{background:#e2e8f0}.cortex-widget__thread-delete--active:hover{background:#475569}.cortex-widget__thread-arrow{flex-shrink:0;transition:color .15s;color:#cbd5e1}[dir=rtl] .cortex-widget__thread-arrow{transform:rotate(180deg)}.cortex-widget__thread-item:hover>.cortex-widget__thread-arrow{color:#94a3b8}.cortex-widget__thread-arrow--active{color:#64748b}.cortex-widget__threads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.cortex-widget__threads-empty-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cortex-widget__threads-empty-svg{color:#94a3b8}.cortex-widget__threads-empty-title{font-size:.8125rem;color:#94a3b8;font-weight:500;margin:0}.cortex-widget__threads-empty-subtitle{font-size:.6875rem;color:#a5afbd;margin-top:.25rem;margin-bottom:0}.cortex-widget__chat-header{flex-shrink:0;height:3rem;padding:0 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0;background:#fff}.cortex-widget__back-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:0;cursor:pointer;transition:color .15s,background-color .15s}.cortex-widget__back-btn:hover{color:#475569;background:#f1f5f9}[dir=rtl] .cortex-widget__back-icon{transform:rotate(180deg)}.cortex-widget__chat-title-wrap{min-width:0;flex:1}.cortex-widget__chat-title{font-size:.8125rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cortex-widget__debug-btn{flex-shrink:0;font-size:.6875rem;font-weight:500;padding:.25rem .625rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__debug-btn--on{background:#fef3c7;color:#d97706}.cortex-widget__debug-btn--on:hover{background:#fde68a}.cortex-widget__debug-btn--off{background:#f1f5f9;color:#94a3b8}.cortex-widget__debug-btn--off:hover{background:#e2e8f0}.cortex-widget__messages-skeleton{flex:1;overflow:hidden;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel{width:100%;display:flex;flex-direction:column}.cortex-widget__msg-skel--user{align-items:flex-end}.cortex-widget__msg-skel--assistant{align-items:flex-start}.cortex-widget__msg-skel-bubble{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel-bubble--user{background:#f8fafc;border-bottom-right-radius:0}.cortex-widget__msg-skel-bubble--assistant{background:#f1f5f9;border-bottom-left-radius:0}.cortex-widget__msg-skel-line{height:.75rem}.cortex-widget__messages{flex:1;overflow:hidden}@keyframes cortex-working-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cortex-dot-wave{0%,60%,to{transform:translateY(0) scale(1);opacity:.45}30%{transform:translateY(-5px) scale(1.2);opacity:1}}@keyframes cortex-working-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.cortex-widget__working{flex-shrink:0;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;animation:cortex-working-slide-in .25s ease-out both}.cortex-widget__working-dots{display:flex;align-items:center;gap:4px}.cortex-working-dot{display:block;width:6px;height:6px;border-radius:9999px;background:#22c55e;animation:cortex-dot-wave 1.4s ease-in-out infinite}.cortex-working-dot:nth-child(2){animation-delay:.15s}.cortex-working-dot:nth-child(3){animation-delay:.3s}.cortex-widget__working-text{font-size:.75rem;font-weight:500;letter-spacing:.01em;color:#16a34a}.cortex-widget__input-area{flex-shrink:0;padding:.75rem;background:#fff;border-top:1px solid #e2e8f0}.cortex-widget__input-box{display:flex;align-items:flex-end;gap:.5rem;border-radius:.75rem;border:1px solid #e2e8f0;padding:.375rem;transition:border-color .15s,background-color .15s}.cortex-widget__input-box--disabled{background:#f1f5f9}.cortex-widget__input-box--enabled{background:#f8fafc}.cortex-widget__input-box--enabled:focus-within{border-color:#cbd5e1;background:#fff}.cortex-widget__textarea{flex:1;background:transparent;resize:none;border:0;outline:none;font-size:.8125rem;padding:.375rem .5rem;min-height:28px;max-height:120px;line-height:1.375;color:#334155}.cortex-widget__textarea::placeholder{color:#a5afbd}.cortex-widget__textarea--disabled{color:#94a3b8;cursor:not-allowed}.cortex-widget__textarea:disabled{cursor:not-allowed;border:0}@keyframes cortex-stop-pulse-ring{0%{opacity:.45;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}to{opacity:.45;transform:scale(1)}}@keyframes cortex-stop-fade-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cortex-stop-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#e11d48;color:#fff;border:0;animation:cortex-stop-fade-in .2s ease-out both;transition:background .15s ease}.cortex-stop-btn:hover{background:#be123c}.cortex-stop-btn:active{transform:scale(.92)}.cortex-stop-btn__ring{position:absolute;inset:0;border-radius:.5rem;background:#e11d48;animation:cortex-stop-pulse-ring 2s ease-in-out infinite;pointer-events:none}.cortex-stop-btn__icon{position:relative;z-index:1}.cortex-widget__send-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:0;transition:background-color .15s}.cortex-widget__send-btn--empty{background:#e2e8f0;color:#94a3b8}.cortex-widget__send-btn--ready{background:#1e293b;color:#fff;cursor:pointer}.cortex-widget__send-btn--ready:hover{background:#334155}[dir=rtl] .cortex-widget__send-icon{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: MessageListComponent, selector: "cortex-message-list", inputs: ["debugMode"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: CortexChatWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: CortexChatWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cortex-chat-widget', imports: [MessageListComponent, FormsModule, TranslatePipe], providers: [
                         CortexClientConfigRef,
@@ -1237,7 +1996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
                             fallbackLang: 'en',
                             loader: provideTranslateLoader(CortexClientTranslateLoader),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'cortex-widget' }, template: "<div class=\"cortex-widget__container\">\n  <!-- SCREEN 1: THREADS -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'threads'\"\n    [class.cortex-widget__screen--left]=\"screen() !== 'threads'\"\n  >\n    <!-- Threads header -->\n    <div class=\"cortex-widget__threads-header\">\n      <div>\n        <h2 class=\"cortex-widget__threads-title\">\n          {{ 'translate_threads' | translate }}\n        </h2>\n        <p class=\"cortex-widget__threads-count\">\n          {{\n            'translate_n_conversations' | translate: { count: chatService.threads()?.length ?? 0 }\n          }}\n        </p>\n      </div>\n      <button (click)=\"newChat()\" class=\"cortex-widget__new-chat-btn\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M8 3v10M3 8h10\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n        {{ 'translate_new' | translate }}\n      </button>\n    </div>\n\n    <!-- Threads list -->\n    <div class=\"cortex-widget__threads-list\">\n      <!-- Threads loading skeleton -->\n      @if (chatService.threads() === undefined) {\n        @for (i of [1, 2, 3, 4]; track i) {\n          <div class=\"cortex-widget__thread-skeleton\">\n            <div class=\"cortex-skeleton cortex-widget__thread-skeleton-icon\"></div>\n            <div class=\"cortex-widget__thread-skeleton-lines\">\n              <div\n                class=\"cortex-skeleton cortex-widget__thread-skeleton-line\"\n                [style.width]=\"40 + i * 12 + '%'\"\n              ></div>\n            </div>\n          </div>\n        }\n      } @else {\n        @for (thread of chatService.threads(); track thread.id) {\n          <button\n            (click)=\"selectThread(thread)\"\n            class=\"cortex-widget__thread-item\"\n            [class.cortex-widget__thread-item--active]=\"\n              thread.id === chatService.selectedThread()?.id\n            \"\n          >\n            <!-- Thread icon -->\n            <div\n              class=\"cortex-widget__thread-icon\"\n              [class.cortex-widget__thread-icon--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n\n            <!-- Thread info -->\n            <div class=\"cortex-widget__thread-info\">\n              <p\n                class=\"cortex-widget__thread-title\"\n                [class.cortex-widget__thread-title--active]=\"\n                  thread.id === chatService.selectedThread()?.id\n                \"\n              >\n                {{ thread.title ?? ('translate_untitled' | translate) }}\n              </p>\n            </div>\n\n            <!-- Delete button -->\n            <button\n              (click)=\"$event.stopPropagation(); chatService.deleteThread(thread.id).subscribe()\"\n              class=\"cortex-widget__thread-delete\"\n              [class.cortex-widget__thread-delete--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M4 4l8 8M12 4l-8 8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </button>\n\n            <!-- Arrow -->\n            <svg\n              class=\"cortex-widget__thread-arrow\"\n              [class.cortex-widget__thread-arrow--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n              width=\"10\"\n              height=\"10\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n\n        @if (!chatService.threads()?.length) {\n          <div class=\"cortex-widget__threads-empty\">\n            <div class=\"cortex-widget__threads-empty-icon\">\n              <svg\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__threads-empty-svg\"\n              >\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n            <p class=\"cortex-widget__threads-empty-title\">No threads yet</p>\n            <p class=\"cortex-widget__threads-empty-subtitle\">Start a new conversation</p>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- SCREEN 2: CHAT -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'chat'\"\n    [class.cortex-widget__screen--right]=\"screen() !== 'chat'\"\n  >\n    <!-- Chat header -->\n    <div class=\"cortex-widget__chat-header\">\n      <!-- Back button -->\n      <button (click)=\"goBack()\" class=\"cortex-widget__back-btn\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          class=\"cortex-widget__back-icon\"\n        >\n          <path\n            d=\"M10 3L5 8l5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n\n      <!-- Title -->\n      <div class=\"cortex-widget__chat-title-wrap\">\n        <p class=\"cortex-widget__chat-title\">\n          {{ chatService.selectedThread()?.title ?? ('translate_new_chat' | translate) }}\n        </p>\n      </div>\n\n      <!-- Debug toggle -->\n      <button\n        (click)=\"toggleDebugMode()\"\n        class=\"cortex-widget__debug-btn\"\n        [class.cortex-widget__debug-btn--on]=\"debugMode()\"\n        [class.cortex-widget__debug-btn--off]=\"!debugMode()\"\n      >\n        {{ debugMode() ? ('translate_debug' | translate) : ('translate_normal' | translate) }}\n      </button>\n    </div>\n\n    <!-- Messages loading skeleton -->\n    @if (chatService.isLoadingMessages() && !chatService.isAgentWorking()) {\n      <div class=\"cortex-widget__messages-skeleton\">\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 13rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 9rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 16rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 18rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 12rem\"></div>\n          </div>\n        </div>\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 11rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 14rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 15rem\"></div>\n          </div>\n        </div>\n      </div>\n    } @else {\n      <!-- Messages area -->\n      <cortex-message-list class=\"cortex-widget__messages\" [debugMode]=\"debugMode()\" />\n    }\n\n    <!-- Agent working indicator -->\n    @if (chatService.isAgentWorking() && !chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__working\">\n        <div class=\"cortex-widget__working-dots\">\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n        </div>\n        <span class=\"cortex-widget__working-text\">{{ 'translate_thinking' | translate }}</span>\n      </div>\n    }\n\n    <!-- Chat input (hidden during pending tool calls) -->\n    @if (!chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__input-area\">\n        <div\n          class=\"cortex-widget__input-box\"\n          [class.cortex-widget__input-box--disabled]=\"chatService.isAgentWorking()\"\n          [class.cortex-widget__input-box--enabled]=\"!chatService.isAgentWorking()\"\n        >\n          <textarea\n            (keydown)=\"onKeydown($event)\"\n            [(ngModel)]=\"text\"\n            [placeholder]=\"\n              chatService.isAgentWorking() ? '' : ('translate_type_a_message' | translate)\n            \"\n            [disabled]=\"chatService.isAgentWorking()\"\n            rows=\"1\"\n            class=\"cortex-widget__textarea\"\n            [class.cortex-widget__textarea--disabled]=\"chatService.isAgentWorking()\"\n          ></textarea>\n          @if (chatService.isAgentWorking()) {\n            <!-- Stop button -->\n            <button (click)=\"chatService.abort()\" class=\"cortex-stop-btn\">\n              <!-- Pulsing ring -->\n              <span class=\"cortex-stop-btn__ring\"></span>\n              <!-- Stop icon (rounded square) -->\n              <svg\n                width=\"12\"\n                height=\"12\"\n                viewBox=\"0 0 12 12\"\n                fill=\"none\"\n                class=\"cortex-stop-btn__icon\"\n              >\n                <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2.5\" fill=\"currentColor\" />\n              </svg>\n            </button>\n          } @else {\n            <!-- Send button -->\n            <button\n              (click)=\"send()\"\n              class=\"cortex-widget__send-btn\"\n              [class.cortex-widget__send-btn--empty]=\"!text().trim()\"\n              [class.cortex-widget__send-btn--ready]=\"!!text().trim()\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__send-icon\"\n              >\n                <path\n                  d=\"M3 8h10M9 4l4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cortex-widget{display:block}.cortex-widget__container{width:100%;height:100%;position:relative;overflow:hidden}.cortex-widget__screen{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .3s ease-out}.cortex-widget__screen--active{transform:translate(0)}.cortex-widget__screen--left{transform:translate(-100%)}[dir=rtl] .cortex-widget__screen--left,.cortex-widget__screen--right{transform:translate(100%)}[dir=rtl] .cortex-widget__screen--right{transform:translate(-100%)}.cortex-widget__threads-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between}.cortex-widget__threads-title{font-size:.9375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em;margin:0}.cortex-widget__threads-count{font-size:.6875rem;color:#94a3b8;margin-top:.125rem;margin-bottom:0}.cortex-widget__new-chat-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#f1f5f9;background:#1e293b;padding:.375rem .75rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__new-chat-btn:hover{background:#334155}.cortex-widget__new-chat-btn:active{background:#0f172a}.cortex-widget__threads-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem}.cortex-widget__thread-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.125rem}.cortex-widget__thread-skeleton-icon{flex-shrink:0;width:2rem;height:2rem}.cortex-widget__thread-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.375rem}.cortex-widget__thread-skeleton-line{height:.875rem}@keyframes cortex-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cortex-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80%);background-size:200% 100%;animation:cortex-skeleton-shimmer 1.8s ease-in-out infinite;border-radius:6px}.cortex-widget__thread-item{width:100%;text-align:start;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;transition:background-color .15s;cursor:pointer;margin-bottom:.125rem;border:0;background:transparent;color:#475569}.cortex-widget__thread-item:hover{background:#f1f5f9}.cortex-widget__thread-item:active{background:#e8ecf1}.cortex-widget__thread-item--active{background:#e2e8f0;color:#f1f5f9}.cortex-widget__thread-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;background:#e2e8f0;color:#64748b}[dir=rtl] .cortex-widget__thread-icon{transform:rotate(180deg)}.cortex-widget__thread-icon--active{background:#334155;color:#cbd5e1}.cortex-widget__thread-info{min-width:0;flex:1}.cortex-widget__thread-title{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;margin:0;color:#334155}.cortex-widget__thread-title--active{color:#f1f5f9}.cortex-widget__thread-delete{flex-shrink:0;opacity:0;width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;background:transparent;border:0;color:#94a3b8}.cortex-widget__thread-item:hover>.cortex-widget__thread-delete{opacity:1}.cortex-widget__thread-delete:hover{background:#e2e8f0}.cortex-widget__thread-delete--active:hover{background:#475569}.cortex-widget__thread-arrow{flex-shrink:0;transition:color .15s;color:#cbd5e1}[dir=rtl] .cortex-widget__thread-arrow{transform:rotate(180deg)}.cortex-widget__thread-item:hover>.cortex-widget__thread-arrow{color:#94a3b8}.cortex-widget__thread-arrow--active{color:#64748b}.cortex-widget__threads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.cortex-widget__threads-empty-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cortex-widget__threads-empty-svg{color:#94a3b8}.cortex-widget__threads-empty-title{font-size:.8125rem;color:#94a3b8;font-weight:500;margin:0}.cortex-widget__threads-empty-subtitle{font-size:.6875rem;color:#a5afbd;margin-top:.25rem;margin-bottom:0}.cortex-widget__chat-header{flex-shrink:0;height:3rem;padding:0 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0;background:#fff}.cortex-widget__back-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:0;cursor:pointer;transition:color .15s,background-color .15s}.cortex-widget__back-btn:hover{color:#475569;background:#f1f5f9}[dir=rtl] .cortex-widget__back-icon{transform:rotate(180deg)}.cortex-widget__chat-title-wrap{min-width:0;flex:1}.cortex-widget__chat-title{font-size:.8125rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cortex-widget__debug-btn{flex-shrink:0;font-size:.6875rem;font-weight:500;padding:.25rem .625rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__debug-btn--on{background:#fef3c7;color:#d97706}.cortex-widget__debug-btn--on:hover{background:#fde68a}.cortex-widget__debug-btn--off{background:#f1f5f9;color:#94a3b8}.cortex-widget__debug-btn--off:hover{background:#e2e8f0}.cortex-widget__messages-skeleton{flex:1;overflow:hidden;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel{width:100%;display:flex;flex-direction:column}.cortex-widget__msg-skel--user{align-items:flex-start}.cortex-widget__msg-skel--assistant{align-items:flex-end}.cortex-widget__msg-skel-bubble{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel-bubble--user{background:#f8fafc;border-bottom-left-radius:0}.cortex-widget__msg-skel-bubble--assistant{background:#f1f5f9;border-bottom-right-radius:0}.cortex-widget__msg-skel-line{height:.75rem}.cortex-widget__messages{flex:1;overflow:hidden}.cortex-widget__working{flex-shrink:0;padding:.375rem 1rem;display:flex;align-items:center;gap:.375rem}.cortex-widget__working-dots{display:flex;align-items:center;gap:3px}@keyframes cortex-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes cortex-dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}.cortex-working-dot{display:block;width:5px;height:5px;border-radius:9999px;background:#94a3b8;animation:cortex-pulse 1.6s ease-in-out infinite,cortex-dot-bounce 1.2s ease-in-out infinite}.cortex-working-dot:nth-child(2){animation-delay:.15s}.cortex-working-dot:nth-child(3){animation-delay:.3s}.cortex-widget__working-text{font-size:.6875rem;color:#94a3b8;font-weight:500}.cortex-widget__input-area{flex-shrink:0;padding:.75rem;background:#fff;border-top:1px solid #e2e8f0}.cortex-widget__input-box{display:flex;align-items:flex-end;gap:.5rem;border-radius:.75rem;border:1px solid #e2e8f0;padding:.375rem;transition:border-color .15s,background-color .15s}.cortex-widget__input-box--disabled{background:#f1f5f9}.cortex-widget__input-box--enabled{background:#f8fafc}.cortex-widget__input-box--enabled:focus-within{border-color:#cbd5e1;background:#fff}.cortex-widget__textarea{flex:1;background:transparent;resize:none;border:0;outline:none;font-size:.8125rem;padding:.375rem .5rem;min-height:28px;max-height:120px;line-height:1.375;color:#334155}.cortex-widget__textarea::placeholder{color:#a5afbd}.cortex-widget__textarea--disabled{color:#94a3b8;cursor:not-allowed}.cortex-widget__textarea:disabled{cursor:not-allowed;border:0}@keyframes cortex-stop-pulse-ring{0%{opacity:.45;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}to{opacity:.45;transform:scale(1)}}@keyframes cortex-stop-fade-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cortex-stop-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#e11d48;color:#fff;border:0;animation:cortex-stop-fade-in .2s ease-out both;transition:background .15s ease}.cortex-stop-btn:hover{background:#be123c}.cortex-stop-btn:active{transform:scale(.92)}.cortex-stop-btn__ring{position:absolute;inset:0;border-radius:.5rem;background:#e11d48;animation:cortex-stop-pulse-ring 2s ease-in-out infinite;pointer-events:none}.cortex-stop-btn__icon{position:relative;z-index:1}.cortex-widget__send-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:0;transition:background-color .15s}.cortex-widget__send-btn--empty{background:#e2e8f0;color:#94a3b8}.cortex-widget__send-btn--ready{background:#1e293b;color:#fff;cursor:pointer}.cortex-widget__send-btn--ready:hover{background:#334155}[dir=rtl] .cortex-widget__send-icon{transform:rotate(180deg)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'cortex-widget' }, template: "<div class=\"cortex-widget__container\">\n  <!-- SCREEN 1: THREADS -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'threads'\"\n    [class.cortex-widget__screen--left]=\"screen() !== 'threads'\"\n  >\n    <!-- Threads header -->\n    <div class=\"cortex-widget__threads-header\">\n      <div>\n        <h2 class=\"cortex-widget__threads-title\">\n          {{ 'translate_threads' | translate }}\n        </h2>\n        <p class=\"cortex-widget__threads-count\">\n          {{\n            'translate_n_conversations' | translate: { count: chatService.threads()?.length ?? 0 }\n          }}\n        </p>\n      </div>\n      <button (click)=\"newChat()\" class=\"cortex-widget__new-chat-btn\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M8 3v10M3 8h10\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n        {{ 'translate_new' | translate }}\n      </button>\n    </div>\n\n    <!-- Threads list -->\n    <div class=\"cortex-widget__threads-list\">\n      <!-- Threads loading skeleton -->\n      @if (chatService.threads() === undefined) {\n        @for (i of [1, 2, 3, 4]; track i) {\n          <div class=\"cortex-widget__thread-skeleton\">\n            <div class=\"cortex-skeleton cortex-widget__thread-skeleton-icon\"></div>\n            <div class=\"cortex-widget__thread-skeleton-lines\">\n              <div\n                class=\"cortex-skeleton cortex-widget__thread-skeleton-line\"\n                [style.width]=\"40 + i * 12 + '%'\"\n              ></div>\n            </div>\n          </div>\n        }\n      } @else {\n        @for (thread of chatService.threads(); track thread.id) {\n          <button\n            (click)=\"selectThread(thread)\"\n            class=\"cortex-widget__thread-item\"\n            [class.cortex-widget__thread-item--active]=\"\n              thread.id === chatService.selectedThread()?.id\n            \"\n          >\n            <!-- Thread icon -->\n            <div\n              class=\"cortex-widget__thread-icon\"\n              [class.cortex-widget__thread-icon--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n\n            <!-- Thread info -->\n            <div class=\"cortex-widget__thread-info\">\n              <div class=\"cortex-widget__thread-title-row\">\n                <p\n                  class=\"cortex-widget__thread-title\"\n                  [class.cortex-widget__thread-title--active]=\"\n                    thread.id === chatService.selectedThread()?.id\n                  \"\n                >\n                  {{ thread.title ?? ('translate_untitled' | translate) }}\n                </p>\n\n                @if (thread.isRunning) {\n                  <span\n                    class=\"cortex-widget__thread-running\"\n                    [class.cortex-widget__thread-running--active]=\"\n                      thread.id === chatService.selectedThread()?.id\n                    \"\n                  >\n                    <span class=\"cortex-widget__thread-running-dot\"></span>\n                    {{ 'translate_running' | translate }}\n                  </span>\n                }\n              </div>\n            </div>\n\n            <!-- Delete button -->\n            <button\n              (click)=\"$event.stopPropagation(); chatService.deleteThread(thread.id).subscribe()\"\n              class=\"cortex-widget__thread-delete\"\n              [class.cortex-widget__thread-delete--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M4 4l8 8M12 4l-8 8\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </button>\n\n            <!-- Arrow -->\n            <svg\n              class=\"cortex-widget__thread-arrow\"\n              [class.cortex-widget__thread-arrow--active]=\"\n                thread.id === chatService.selectedThread()?.id\n              \"\n              width=\"10\"\n              height=\"10\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n\n        @if (!chatService.threads()?.length) {\n          <div class=\"cortex-widget__threads-empty\">\n            <div class=\"cortex-widget__threads-empty-icon\">\n              <svg\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__threads-empty-svg\"\n              >\n                <path\n                  d=\"M2.5 4.5h11M2.5 8h7M2.5 11.5h9\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.3\"\n                  stroke-linecap=\"round\"\n                />\n              </svg>\n            </div>\n            <p class=\"cortex-widget__threads-empty-title\">No threads yet</p>\n            <p class=\"cortex-widget__threads-empty-subtitle\">Start a new conversation</p>\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- SCREEN 2: CHAT -->\n  <div\n    class=\"cortex-widget__screen\"\n    [class.cortex-widget__screen--active]=\"screen() === 'chat'\"\n    [class.cortex-widget__screen--right]=\"screen() !== 'chat'\"\n  >\n    <!-- Chat header -->\n    <div class=\"cortex-widget__chat-header\">\n      <!-- Back button -->\n      <button (click)=\"goBack()\" class=\"cortex-widget__back-btn\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          class=\"cortex-widget__back-icon\"\n        >\n          <path\n            d=\"M10 3L5 8l5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </button>\n\n      <!-- Title -->\n      <div class=\"cortex-widget__chat-title-wrap\">\n        <p class=\"cortex-widget__chat-title\">\n          {{ chatService.selectedThread()?.title ?? ('translate_new_chat' | translate) }}\n        </p>\n      </div>\n\n      <!-- Debug toggle -->\n      @if (config().showDebugButton) {\n        <button\n          (click)=\"toggleDebugMode()\"\n          class=\"cortex-widget__debug-btn\"\n          [class.cortex-widget__debug-btn--on]=\"debugMode()\"\n          [class.cortex-widget__debug-btn--off]=\"!debugMode()\"\n        >\n          {{ debugMode() ? ('translate_debug' | translate) : ('translate_normal' | translate) }}\n        </button>\n      }\n    </div>\n\n    <!-- Messages loading skeleton -->\n    @if (chatService.isLoadingMessages() && !chatService.isAgentWorking()) {\n      <div class=\"cortex-widget__messages-skeleton\">\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 13rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 9rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 16rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 18rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 12rem\"></div>\n          </div>\n        </div>\n        <!-- User message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--user\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 11rem\"></div>\n          </div>\n        </div>\n        <!-- Assistant message skeleton -->\n        <div class=\"cortex-widget__msg-skel cortex-widget__msg-skel--assistant\">\n          <div class=\"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant\">\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 14rem\"></div>\n            <div class=\"cortex-skeleton cortex-widget__msg-skel-line\" style=\"width: 15rem\"></div>\n          </div>\n        </div>\n      </div>\n    } @else {\n      <!-- Messages area -->\n      <cortex-message-list class=\"cortex-widget__messages\" [debugMode]=\"debugMode()\" />\n    }\n\n    <!-- Agent working indicator -->\n    @if (chatService.isAgentWorking() && !chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__working\">\n        <div class=\"cortex-widget__working-dots\">\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n          <span class=\"cortex-working-dot\"></span>\n        </div>\n        <span class=\"cortex-widget__working-text\">{{ 'translate_thinking' | translate }}</span>\n      </div>\n    }\n\n    <!-- Chat input (hidden during pending tool calls) -->\n    @if (!chatService.hasPendingToolCalls()) {\n      <div class=\"cortex-widget__input-area\">\n        <div\n          class=\"cortex-widget__input-box\"\n          [class.cortex-widget__input-box--disabled]=\"chatService.isAgentWorking()\"\n          [class.cortex-widget__input-box--enabled]=\"!chatService.isAgentWorking()\"\n        >\n          <textarea\n            (keydown)=\"onKeydown($event)\"\n            [(ngModel)]=\"text\"\n            [placeholder]=\"\n              chatService.isAgentWorking() ? '' : ('translate_type_a_message' | translate)\n            \"\n            [disabled]=\"chatService.isAgentWorking()\"\n            rows=\"1\"\n            class=\"cortex-widget__textarea\"\n            [class.cortex-widget__textarea--disabled]=\"chatService.isAgentWorking()\"\n          ></textarea>\n          @if (chatService.isAgentWorking()) {\n            <!-- Stop button -->\n            <button (click)=\"chatService.abort()\" class=\"cortex-stop-btn\">\n              <!-- Pulsing ring -->\n              <span class=\"cortex-stop-btn__ring\"></span>\n              <!-- Stop icon (rounded square) -->\n              <svg\n                width=\"12\"\n                height=\"12\"\n                viewBox=\"0 0 12 12\"\n                fill=\"none\"\n                class=\"cortex-stop-btn__icon\"\n              >\n                <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" rx=\"2.5\" fill=\"currentColor\" />\n              </svg>\n            </button>\n          } @else {\n            <!-- Send button -->\n            <button\n              (click)=\"send()\"\n              class=\"cortex-widget__send-btn\"\n              [class.cortex-widget__send-btn--empty]=\"!text().trim()\"\n              [class.cortex-widget__send-btn--ready]=\"!!text().trim()\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                class=\"cortex-widget__send-icon\"\n              >\n                <path\n                  d=\"M3 8h10M9 4l4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cortex-widget{display:block}.cortex-widget__container{width:100%;height:100%;position:relative;overflow:hidden}.cortex-widget__screen{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .3s ease-out}.cortex-widget__screen--active{transform:translate(0)}.cortex-widget__screen--left{transform:translate(-100%)}[dir=rtl] .cortex-widget__screen--left,.cortex-widget__screen--right{transform:translate(100%)}[dir=rtl] .cortex-widget__screen--right{transform:translate(-100%)}.cortex-widget__threads-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between}.cortex-widget__threads-title{font-size:.9375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em;margin:0}.cortex-widget__threads-count{font-size:.6875rem;color:#94a3b8;margin-top:.125rem;margin-bottom:0}.cortex-widget__new-chat-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#f1f5f9;background:#1e293b;padding:.375rem .75rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__new-chat-btn:hover{background:#334155}.cortex-widget__new-chat-btn:active{background:#0f172a}.cortex-widget__threads-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem}.cortex-widget__thread-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.125rem}.cortex-widget__thread-skeleton-icon{flex-shrink:0;width:2rem;height:2rem}.cortex-widget__thread-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.375rem}.cortex-widget__thread-skeleton-line{height:.875rem}@keyframes cortex-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cortex-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80%);background-size:200% 100%;animation:cortex-skeleton-shimmer 1.8s ease-in-out infinite;border-radius:6px}.cortex-widget__thread-item{width:100%;text-align:start;padding:.75rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;transition:background-color .15s;cursor:pointer;margin-bottom:.125rem;border:0;background:transparent;color:#475569}.cortex-widget__thread-item:hover{background:#f1f5f9}.cortex-widget__thread-item:active{background:#e8ecf1}.cortex-widget__thread-item--active{background:#e2e8f0;color:#f1f5f9}.cortex-widget__thread-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;background:#e2e8f0;color:#64748b}[dir=rtl] .cortex-widget__thread-icon{transform:rotate(180deg)}.cortex-widget__thread-icon--active{background:#334155;color:#cbd5e1}.cortex-widget__thread-info{min-width:0;flex:1}.cortex-widget__thread-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.cortex-widget__thread-title{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;margin:0;color:#334155}.cortex-widget__thread-title--active{color:#f1f5f9}.cortex-widget__thread-running{flex-shrink:0;display:inline-flex;align-items:center;gap:.3125rem;padding:.2rem .45rem;border-radius:999px;background:#0e74901a;color:#0f766e;font-size:.625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.cortex-widget__thread-running--active{background:#f1f5f929;color:#e2e8f0}.cortex-widget__thread-running-dot{width:.375rem;height:.375rem;border-radius:999px;background:currentColor;box-shadow:0 0 .45rem currentColor;animation:cortex-thread-running-pulse 1.4s ease-in-out infinite}@keyframes cortex-thread-running-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.cortex-widget__thread-delete{flex-shrink:0;opacity:0;width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;background:transparent;border:0;color:#94a3b8}.cortex-widget__thread-item:hover>.cortex-widget__thread-delete{opacity:1}.cortex-widget__thread-delete:hover{background:#e2e8f0}.cortex-widget__thread-delete--active:hover{background:#475569}.cortex-widget__thread-arrow{flex-shrink:0;transition:color .15s;color:#cbd5e1}[dir=rtl] .cortex-widget__thread-arrow{transform:rotate(180deg)}.cortex-widget__thread-item:hover>.cortex-widget__thread-arrow{color:#94a3b8}.cortex-widget__thread-arrow--active{color:#64748b}.cortex-widget__threads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.cortex-widget__threads-empty-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cortex-widget__threads-empty-svg{color:#94a3b8}.cortex-widget__threads-empty-title{font-size:.8125rem;color:#94a3b8;font-weight:500;margin:0}.cortex-widget__threads-empty-subtitle{font-size:.6875rem;color:#a5afbd;margin-top:.25rem;margin-bottom:0}.cortex-widget__chat-header{flex-shrink:0;height:3rem;padding:0 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0;background:#fff}.cortex-widget__back-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:0;cursor:pointer;transition:color .15s,background-color .15s}.cortex-widget__back-btn:hover{color:#475569;background:#f1f5f9}[dir=rtl] .cortex-widget__back-icon{transform:rotate(180deg)}.cortex-widget__chat-title-wrap{min-width:0;flex:1}.cortex-widget__chat-title{font-size:.8125rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cortex-widget__debug-btn{flex-shrink:0;font-size:.6875rem;font-weight:500;padding:.25rem .625rem;border-radius:.375rem;border:0;cursor:pointer;transition:background-color .15s}.cortex-widget__debug-btn--on{background:#fef3c7;color:#d97706}.cortex-widget__debug-btn--on:hover{background:#fde68a}.cortex-widget__debug-btn--off{background:#f1f5f9;color:#94a3b8}.cortex-widget__debug-btn--off:hover{background:#e2e8f0}.cortex-widget__messages-skeleton{flex:1;overflow:hidden;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel{width:100%;display:flex;flex-direction:column}.cortex-widget__msg-skel--user{align-items:flex-end}.cortex-widget__msg-skel--assistant{align-items:flex-start}.cortex-widget__msg-skel-bubble{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.cortex-widget__msg-skel-bubble--user{background:#f8fafc;border-bottom-right-radius:0}.cortex-widget__msg-skel-bubble--assistant{background:#f1f5f9;border-bottom-left-radius:0}.cortex-widget__msg-skel-line{height:.75rem}.cortex-widget__messages{flex:1;overflow:hidden}@keyframes cortex-working-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cortex-dot-wave{0%,60%,to{transform:translateY(0) scale(1);opacity:.45}30%{transform:translateY(-5px) scale(1.2);opacity:1}}@keyframes cortex-working-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.cortex-widget__working{flex-shrink:0;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;animation:cortex-working-slide-in .25s ease-out both}.cortex-widget__working-dots{display:flex;align-items:center;gap:4px}.cortex-working-dot{display:block;width:6px;height:6px;border-radius:9999px;background:#22c55e;animation:cortex-dot-wave 1.4s ease-in-out infinite}.cortex-working-dot:nth-child(2){animation-delay:.15s}.cortex-working-dot:nth-child(3){animation-delay:.3s}.cortex-widget__working-text{font-size:.75rem;font-weight:500;letter-spacing:.01em;color:#16a34a}.cortex-widget__input-area{flex-shrink:0;padding:.75rem;background:#fff;border-top:1px solid #e2e8f0}.cortex-widget__input-box{display:flex;align-items:flex-end;gap:.5rem;border-radius:.75rem;border:1px solid #e2e8f0;padding:.375rem;transition:border-color .15s,background-color .15s}.cortex-widget__input-box--disabled{background:#f1f5f9}.cortex-widget__input-box--enabled{background:#f8fafc}.cortex-widget__input-box--enabled:focus-within{border-color:#cbd5e1;background:#fff}.cortex-widget__textarea{flex:1;background:transparent;resize:none;border:0;outline:none;font-size:.8125rem;padding:.375rem .5rem;min-height:28px;max-height:120px;line-height:1.375;color:#334155}.cortex-widget__textarea::placeholder{color:#a5afbd}.cortex-widget__textarea--disabled{color:#94a3b8;cursor:not-allowed}.cortex-widget__textarea:disabled{cursor:not-allowed;border:0}@keyframes cortex-stop-pulse-ring{0%{opacity:.45;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}to{opacity:.45;transform:scale(1)}}@keyframes cortex-stop-fade-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cortex-stop-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;background:#e11d48;color:#fff;border:0;animation:cortex-stop-fade-in .2s ease-out both;transition:background .15s ease}.cortex-stop-btn:hover{background:#be123c}.cortex-stop-btn:active{transform:scale(.92)}.cortex-stop-btn__ring{position:absolute;inset:0;border-radius:.5rem;background:#e11d48;animation:cortex-stop-pulse-ring 2s ease-in-out infinite;pointer-events:none}.cortex-stop-btn__icon{position:relative;z-index:1}.cortex-widget__send-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:0;transition:background-color .15s}.cortex-widget__send-btn--empty{background:#e2e8f0;color:#94a3b8}.cortex-widget__send-btn--ready{background:#1e293b;color:#fff;cursor:pointer}.cortex-widget__send-btn--ready:hover{background:#334155}[dir=rtl] .cortex-widget__send-icon{transform:rotate(180deg)}\n"] }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }] } });
 
 /*