max-agent-ui 0.0.12 → 0.0.14

package/fesm2022/max-agent-ui.mjs

@@ -1,20 +1,20 @@
-import * as i6 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, DestroyRef, Input, ViewChild, Component } from '@angular/core';
+import { Pipe, InjectionToken, Inject, Optional, Injectable, signal, isDevMode, HostListener, Input, ViewChild, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i2 from 'primeng/button';
+import * as i4 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i3 from 'primeng/drawer';
-import { DrawerModule } from 'primeng/drawer';
-import * as i4 from 'primeng/textarea';
+import * as i5 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
-import * as i5 from 'primeng/tooltip';
+import * as i6 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import { HttpClient } from '@angular/common/http';
-import { throwError } from 'rxjs';
+import { throwError, switchMap, of } from 'rxjs';
+import { marked } from 'marked';
 
 const DEFAULT_ASSISTANT_BOOTSTRAP = {
     initialMessage: undefined,
@@ -22,21 +22,21 @@ const DEFAULT_ASSISTANT_BOOTSTRAP = {
 };
 const ASSISTANT_BOOTSTRAP_BY_APP = {
     cortex: {
-        initialMessage: 'Hi, I am Max, the Maxtime Virtual Assistant. How can I help you today?',
+        initialMessage: "Hello there! I'm Max, your Maxtime Virtual Assistant. How can I help you today?",
         initialSuggestions: [
             'What sessions are scheduled for today?',
             'Which lecturers have planned leave this week?',
             'List the students who are on leave today.',
-            'List the students who were absent from sessions yesterday.',
+            'List the students who were absent yesterday.',
             'Generate the attendance report for a session conducted yesterday.'
         ]
     },
     nemesys: {
-        initialMessage: 'Hi, I am Max, the Maxtime Virtual Assistant. How can I help you today?',
+        initialMessage: "Hello there! I'm Max, your Maxtime Virtual Assistant. How can I help you today?",
         initialSuggestions: ['Show scheduling plans', 'Check resource availability', 'Find conflicts']
     },
     attendance: {
-        initialMessage: 'Hi, I am Max, the Maxtime Virtual Assistant. How can I help you today?',
+        initialMessage: "Hello there! I'm Max, your Maxtime Virtual Assistant. How can I help you today?",
         initialSuggestions: ['Show attendance summary', 'Find missing attendance', 'View reports']
     }
 };
@@ -48,25 +48,80 @@ function getAssistantBootstrapConfig(app) {
     return ASSISTANT_BOOTSTRAP_BY_APP[appKey] ?? DEFAULT_ASSISTANT_BOOTSTRAP;
 }
 
+class MaxAssistantMarkdownPipe {
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        // Assistant responses may contain Markdown, but they must not be able to
+        // inject raw HTML. Angular sanitises the generated HTML again when it is
+        // assigned through [innerHTML].
+        const escapedValue = value
+            .replaceAll('&', '&')
+            .replaceAll('<', '&lt;')
+            .replaceAll('>', '&gt;');
+        return marked.parse(escapedValue, {
+            async: false,
+            breaks: true,
+            gfm: true
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantMarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantMarkdownPipe, isStandalone: true, name: "maxAssistantMarkdown" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantMarkdownPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'maxAssistantMarkdown',
+                    standalone: true,
+                    pure: true
+                }]
+        }] });
+
 const MAX_ASSISTANT_CONFIG = new InjectionToken('MAX_ASSISTANT_CONFIG', {
     factory: () => ({})
 });
 
-const DEFAULT_ASSISTANT_CHAT_URL = 'https://fhmaof3b4kaxqfbnomfstxyhw40rrcjr.lambda-url.eu-west-2.on.aws/chat';
+const DEFAULT_ASSISTANT_CHAT_URL = '/agent-api/v1/chat';
 const DEFAULT_APP = 'cortex';
+const DEFAULT_TIMEZONE = 'UTC';
 class MaxAssistantService {
-    config = inject(MAX_ASSISTANT_CONFIG);
-    http = inject(HttpClient, { optional: true });
-    sendMessage(message, conversationId, config = {}) {
+    config;
+    http;
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    sendMessage(message, conversationId, config = {}, confirmation, history = []) {
         const assistantConfig = {
             ...this.config,
-            ...config
+            ...this.compactConfig(config)
         };
         const request = {
             message,
             conversationId,
+            history,
             app: this.getApp(assistantConfig),
-            user: this.getUser(assistantConfig)
+            context: this.getContext(assistantConfig),
+            ...(confirmation ? { confirmation } : {})
+        };
+        return this.postMessage(request, assistantConfig);
+    }
+    confirmAction(actionId, decision, conversationId, config = {}, history = []) {
+        return this.sendMessage(decision === 'approve' ? 'Approve action' : 'Reject action', conversationId, config, { actionId, decision }, history);
+    }
+    sendStructuredAction(message, action, conversationId, config = {}, history = []) {
+        const assistantConfig = {
+            ...this.config,
+            ...this.compactConfig(config)
+        };
+        const request = {
+            message,
+            conversationId,
+            history,
+            app: this.getApp(assistantConfig),
+            context: this.getContext(assistantConfig),
+            structuredAction: action
         };
         return this.postMessage(request, assistantConfig);
     }
@@ -74,7 +129,7 @@ class MaxAssistantService {
         if (!this.http) {
             return throwError(() => new Error('HttpClient is not available. Add provideHttpClient() to the host app.'));
         }
-        return this.http.post(this.getChatUrl(config), request);
+        return this.http.post(this.getChatUrl(config), request, { headers: this.getHeaders(config) });
     }
     getChatUrl(config) {
         return config.assistantApiUrl?.trim() || DEFAULT_ASSISTANT_CHAT_URL;
@@ -88,15 +143,63 @@ class MaxAssistantService {
         }
         return config.user ?? {};
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MaxAssistantService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MaxAssistantService, providedIn: 'root' });
+    getContext(config) {
+        const configured = typeof config.context === 'function'
+            ? config.context()
+            : config.context ?? {};
+        return {
+            permissions: configured.permissions ?? [],
+            timezone: configured.timezone
+                ?? Intl.DateTimeFormat().resolvedOptions().timeZone
+                ?? DEFAULT_TIMEZONE,
+            ...(configured.tenantId ? { tenantId: configured.tenantId } : {}),
+            ...(configured.organisationId
+                ? { organisationId: configured.organisationId }
+                : {}),
+            ...(configured.userId ? { userId: configured.userId } : {}),
+            ...(configured.role ? { role: configured.role } : {}),
+            ...(configured.route ? { route: configured.route } : {}),
+            ...(configured.module ? { module: configured.module } : {})
+        };
+    }
+    getHeaders(config) {
+        const user = this.getUser(config);
+        let headers = new HttpHeaders({ 'Content-Type': 'application/json' });
+        const configuredHeaders = typeof config.requestHeaders === 'function'
+            ? config.requestHeaders()
+            : config.requestHeaders ?? {};
+        for (const [name, value] of Object.entries(configuredHeaders)) {
+            const trimmedName = name.trim();
+            const trimmedValue = value.trim();
+            if (trimmedName && trimmedValue) {
+                headers = headers.set(trimmedName, trimmedValue);
+            }
+        }
+        if (user.token) {
+            headers = headers.set('x-cortex-auth-token', String(user.token));
+        }
+        if (user.version) {
+            headers = headers.set('x-cortex-version', String(user.version));
+        }
+        return headers;
+    }
+    compactConfig(config) {
+        return Object.fromEntries(Object.entries(config).filter(([, value]) => value !== undefined));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantService, deps: [{ token: MAX_ASSISTANT_CONFIG }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MaxAssistantService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAX_ASSISTANT_CONFIG]
+                }] }, { type: i1.HttpClient, decorators: [{
+                    type: Optional
+                }] }] });
 
 const ASSISTANT_UI_COPY = {
     title: 'Max',
@@ -104,32 +207,51 @@ const ASSISTANT_UI_COPY = {
     launcherLabel: 'Open Maxtime virtual assistant',
     openTooltip: 'Open Maxtime virtual assistant',
     closeLabel: 'Close Maxtime virtual assistant',
+    clearLabel: 'Clear chat session',
+    clearTooltip: 'Clear chat session',
     placeholder: 'Ask Maxtime virtual assistant',
     typingLabel: 'Maxtime virtual assistant is typing',
     errorMessage: 'Maxtime virtual assistant could not be reached. Please try again.'
 };
 class MaxAssistantComponent {
+    assistantService;
+    destroyRef;
+    launcher;
     messagesViewport;
     app;
     assistantApiUrl;
-    user = {};
-    panelVisible = signal(false, ...(ngDevMode ? [{ debugName: "panelVisible" }] : /* istanbul ignore next */ []));
-    isSending = signal(false, ...(ngDevMode ? [{ debugName: "isSending" }] : /* istanbul ignore next */ []));
-    input = signal('', ...(ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []));
-    conversationId = signal(undefined, ...(ngDevMode ? [{ debugName: "conversationId" }] : /* istanbul ignore next */ []));
-    messages = signal([], ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
-    expandedInferenceMessageIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedInferenceMessageIds" }] : /* istanbul ignore next */ []));
-    assistantService = inject(MaxAssistantService);
-    destroyRef = inject(DestroyRef);
+    user;
+    context;
+    requestHeaders;
+    panelVisible = signal(false, ...(ngDevMode ? [{ debugName: "panelVisible" }] : []));
+    isSending = signal(false, ...(ngDevMode ? [{ debugName: "isSending" }] : []));
+    input = signal('', ...(ngDevMode ? [{ debugName: "input" }] : []));
+    conversationId = signal(undefined, ...(ngDevMode ? [{ debugName: "conversationId" }] : []));
+    messages = signal([], ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    expandedDetailMessageIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedDetailMessageIds" }] : []));
+    expandedTraceStepKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedTraceStepKeys" }] : []));
+    developerDetailsEnabled = isDevMode();
+    constructor(assistantService, destroyRef) {
+        this.assistantService = assistantService;
+        this.destroyRef = destroyRef;
+    }
     openPanel() {
         this.panelVisible.set(true);
-        if (!this.messages().length && this.bootstrapConfig.initialMessage) {
-            this.messages.set([
-                this.createMessage('assistant', this.bootstrapConfig.initialMessage, this.bootstrapConfig.initialSuggestions)
-            ]);
+        if (!this.messages().length) {
+            this.messages.set(this.createDefaultMessages());
         }
         this.scrollToLatest();
     }
+    togglePanel() {
+        if (this.panelVisible()) {
+            this.closePanel();
+            return;
+        }
+        this.openPanel();
+    }
+    get launcherLabel() {
+        return this.panelVisible() ? this.uiCopy.closeLabel : this.uiCopy.launcherLabel;
+    }
     get uiCopy() {
         return ASSISTANT_UI_COPY;
     }
@@ -138,17 +260,38 @@ class MaxAssistantComponent {
     }
     closePanel() {
         this.panelVisible.set(false);
+        queueMicrotask(() => this.launcher?.nativeElement.focus({ preventScroll: true }));
+    }
+    onDocumentEscape() {
+        if (this.expandedDetailMessageIds().size) {
+            this.expandedDetailMessageIds.set(new Set());
+            this.expandedTraceStepKeys.set(new Set());
+            return;
+        }
+        if (this.panelVisible()) {
+            this.closePanel();
+        }
+    }
+    clearChatSession() {
+        this.input.set('');
+        this.isSending.set(false);
+        this.conversationId.set(undefined);
+        this.expandedDetailMessageIds.set(new Set());
+        this.expandedTraceStepKeys.set(new Set());
+        this.messages.set(this.createDefaultMessages());
+        this.scrollToLatest();
     }
     sendMessage(message = this.input()) {
         const trimmedMessage = message.trim();
         if (!trimmedMessage || this.isSending()) {
             return;
         }
+        const history = this.getConversationHistory();
         this.input.set('');
         this.appendMessage(this.createMessage('user', trimmedMessage));
         this.isSending.set(true);
         this.assistantService
-            .sendMessage(trimmedMessage, this.conversationId(), this.getAssistantConfig())
+            .sendMessage(trimmedMessage, this.conversationId(), this.getAssistantConfig(), undefined, history)
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe({
             next: response => {
@@ -156,17 +299,127 @@ class MaxAssistantComponent {
                 this.appendMessage(this.createAssistantResponseMessage(response, trimmedMessage));
                 this.isSending.set(false);
             },
-            error: () => {
+            error: error => {
                 this.appendMessage({
-                    ...this.createMessage('assistant', this.uiCopy.errorMessage),
+                    ...this.createMessage('assistant', this.resolveErrorMessage(error)),
                     isError: true
                 });
                 this.isSending.set(false);
             }
         });
     }
+    suggestionLabel(suggestion) {
+        return typeof suggestion === 'string' ? suggestion : suggestion.label;
+    }
     useSuggestion(suggestion) {
-        this.sendMessage(suggestion);
+        if (typeof suggestion === 'string' || !suggestion.structuredAction) {
+            this.sendMessage(typeof suggestion === 'string' ? suggestion : suggestion.message);
+            return;
+        }
+        const label = suggestion.label.trim();
+        if (!label || this.isSending()) {
+            return;
+        }
+        const history = this.getConversationHistory();
+        this.appendMessage(this.createMessage('user', label));
+        this.isSending.set(true);
+        this.assistantService
+            .sendStructuredAction(suggestion.message, suggestion.structuredAction, this.conversationId(), this.getAssistantConfig(), history)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: response => {
+                this.conversationId.set(response.conversationId);
+                this.appendMessage(this.createAssistantResponseMessage(response, suggestion.message));
+                this.isSending.set(false);
+            },
+            error: error => {
+                this.appendMessage({
+                    ...this.createMessage('assistant', this.resolveErrorMessage(error)),
+                    isError: true
+                });
+                this.isSending.set(false);
+            }
+        });
+    }
+    getTableRowActions(table, rowIndex) {
+        return table.actions?.filter(action => action.rowIndex === rowIndex) ?? [];
+    }
+    useTableAction(action) {
+        const label = action.label.trim();
+        if (!label || this.isSending()) {
+            return;
+        }
+        const history = this.getConversationHistory();
+        this.appendMessage(this.createMessage('user', label));
+        this.isSending.set(true);
+        this.assistantService
+            .sendStructuredAction(action.message, action.structuredAction, this.conversationId(), this.getAssistantConfig(), history)
+            .pipe(switchMap(response => {
+            if (!action.confirmOnClick || !response.pendingAction) {
+                return of(response);
+            }
+            return this.assistantService.confirmAction(response.pendingAction.id, 'approve', response.conversationId, this.getAssistantConfig(), history);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: response => {
+                this.conversationId.set(response.conversationId);
+                this.appendMessage(this.createAssistantResponseMessage(response, action.message));
+                this.isSending.set(false);
+            },
+            error: error => {
+                this.appendMessage({
+                    ...this.createMessage('assistant', this.resolveErrorMessage(error)),
+                    isError: true
+                });
+                this.isSending.set(false);
+            }
+        });
+    }
+    resolvePendingAction(message, decision) {
+        const pendingAction = message.pendingAction;
+        const currentConversationId = this.conversationId();
+        if (!pendingAction ||
+            !currentConversationId ||
+            message.actionDecision ||
+            this.isSending()) {
+            return;
+        }
+        this.messages.update(messages => messages.map(item => item.id === message.id ? { ...item, actionDecision: decision } : item));
+        const userMessage = decision === 'approve'
+            ? `Approve: ${pendingAction.summary}`
+            : `Reject: ${pendingAction.summary}`;
+        const history = this.getConversationHistory();
+        this.appendMessage(this.createMessage('user', userMessage));
+        this.isSending.set(true);
+        this.assistantService
+            .confirmAction(pendingAction.id, decision, currentConversationId, this.getAssistantConfig(), history)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: response => {
+                this.conversationId.set(response.conversationId);
+                this.appendMessage(this.createAssistantResponseMessage(response, userMessage));
+                this.isSending.set(false);
+            },
+            error: error => {
+                this.messages.update(messages => messages.map(item => item.id === message.id ? { ...item, actionDecision: undefined } : item));
+                this.appendMessage({
+                    ...this.createMessage('assistant', this.resolveErrorMessage(error)),
+                    isError: true
+                });
+                this.isSending.set(false);
+            }
+        });
+    }
+    resolveErrorMessage(error) {
+        if (error instanceof HttpErrorResponse &&
+            typeof error.error === 'object' &&
+            error.error !== null &&
+            'message' in error.error &&
+            typeof error.error.message === 'string' &&
+            error.error.message.trim()) {
+            return error.error.message.trim();
+        }
+        return this.uiCopy.errorMessage;
     }
     onComposerKeydown(event) {
         if (event.key === 'Enter' && !event.shiftKey) {
@@ -174,49 +427,181 @@ class MaxAssistantComponent {
             this.sendMessage();
         }
     }
-    isInferenceDetailsVisible(messageId) {
-        return this.expandedInferenceMessageIds().has(messageId);
+    isDetailsVisible(messageId) {
+        return this.expandedDetailMessageIds().has(messageId);
+    }
+    toggleDetails(messageId, initialStepId) {
+        const opening = !this.isDetailsVisible(messageId);
+        this.expandedDetailMessageIds.set(opening ? new Set([messageId]) : new Set());
+        this.expandedTraceStepKeys.set(opening && initialStepId !== undefined
+            ? new Set([this.traceStepKey(messageId, initialStepId)])
+            : new Set());
     }
-    toggleInferenceDetails(messageId) {
-        const willOpen = !this.isInferenceDetailsVisible(messageId);
-        this.expandedInferenceMessageIds.update(expandedIds => {
-            const nextExpandedIds = new Set(expandedIds);
-            if (nextExpandedIds.has(messageId)) {
-                nextExpandedIds.delete(messageId);
+    isTraceStepExpanded(messageId, stepId) {
+        return this.expandedTraceStepKeys().has(this.traceStepKey(messageId, stepId));
+    }
+    toggleTraceStep(messageId, stepId) {
+        const key = this.traceStepKey(messageId, stepId);
+        this.expandedTraceStepKeys.update(expandedKeys => {
+            const next = new Set(expandedKeys);
+            if (next.has(key)) {
+                next.delete(key);
             }
             else {
-                nextExpandedIds.add(messageId);
+                next.add(key);
             }
-            return nextExpandedIds;
+            return next;
         });
-        if (willOpen) {
-            this.scrollToLatest();
+    }
+    getResponseGrid(responseDetails) {
+        return responseDetails.grid?.length ? responseDetails.grid : responseDetails.tables ?? [];
+    }
+    formatTraceValue(value) {
+        return JSON.stringify(value, null, 2);
+    }
+    traceMap(value) {
+        return value !== null && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : undefined;
+    }
+    traceMapField(value, key) {
+        return this.traceMap(this.traceMap(value)?.[key]);
+    }
+    traceArrayField(value, key) {
+        const field = this.traceMap(value)?.[key];
+        return Array.isArray(field) ? field : [];
+    }
+    traceField(value, key) {
+        return this.traceMap(value)?.[key];
+    }
+    traceEntries(value, excludedKeys = []) {
+        const record = this.traceMap(value);
+        const excluded = new Set(excludedKeys.map(key => key.toLocaleLowerCase()));
+        return record
+            ? Object.entries(record)
+                .filter(([key, entry]) => entry !== undefined && !excluded.has(key.toLocaleLowerCase()))
+                .map(([key, entry]) => ({
+                key,
+                label: this.formatTraceLabel(key),
+                value: entry
+            }))
+            : [];
+    }
+    formatTraceLabel(value) {
+        return value
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/_/g, ' ')
+            .replace(/\b\w/g, character => character.toUpperCase());
+    }
+    formatTraceScalar(value) {
+        if (value === null) {
+            return 'None';
+        }
+        if (value === undefined) {
+            return 'Not supplied';
+        }
+        if (typeof value === 'boolean') {
+            return value ? 'Yes' : 'No';
+        }
+        if (typeof value === 'number') {
+            return Number.isInteger(value) ? String(value) : value.toFixed(6);
         }
+        if (typeof value === 'string') {
+            return value || 'Empty';
+        }
+        return JSON.stringify(value);
     }
-    getAssistantConfig() {
-        return {
-            assistantApiUrl: this.assistantApiUrl,
-            app: this.app,
-            user: this.user
+    formatSimilarity(value) {
+        return typeof value === 'number' ? value.toFixed(4) : '—';
+    }
+    getHttpStatus(step) {
+        const output = this.traceMap(step.output);
+        const http = this.traceMap(output?.['http']);
+        const status = http?.['statusCode'] ?? output?.['statusCode'] ?? step.error?.statusCode;
+        return typeof status === 'number' ? status : undefined;
+    }
+    isHttpSuccessful(step) {
+        const status = this.getHttpStatus(step);
+        return status !== undefined && status >= 200 && status < 300;
+    }
+    traceStepTone(step) {
+        return step.category === 'api_call' && this.isHttpSuccessful(step)
+            ? 'succeeded'
+            : step.status;
+    }
+    traceStepStatus(step) {
+        if (step.category === 'api_call') {
+            const status = this.getHttpStatus(step);
+            if (status !== undefined) {
+                return `HTTP ${status} ${this.isHttpSuccessful(step) ? 'Success' : 'Error'}`;
+            }
+            return step.status === 'failed' ? 'Transport failed' : 'Completed';
+        }
+        return step.status === 'succeeded'
+            ? 'Completed'
+            : step.status === 'failed'
+                ? 'Stopped'
+                : 'Running';
+    }
+    formatTraceCategory(category) {
+        const labels = {
+            request: 'Request intake',
+            intent_projection: 'Intent generalisation',
+            embedding: 'Intent embedding',
+            capability_routing: 'Capability matching',
+            argument_extraction: 'Argument extraction',
+            api_call: 'Nemesys API',
+            action: 'Workflow outcome',
+            response: 'Assistant response'
         };
+        return labels[category] ?? this.formatTraceLabel(category);
+    }
+    getAssistantConfig() {
+        const config = {};
+        if (this.assistantApiUrl) {
+            config.assistantApiUrl = this.assistantApiUrl;
+        }
+        if (this.app) {
+            config.app = this.app;
+        }
+        if (this.user) {
+            config.user = this.user;
+        }
+        if (this.context) {
+            config.context = this.context;
+        }
+        if (this.requestHeaders) {
+            config.requestHeaders = this.requestHeaders;
+        }
+        return config;
     }
     appendMessage(message) {
         this.messages.update(messages => [...messages, message]);
         this.scrollToLatest();
     }
+    createDefaultMessages() {
+        if (!this.bootstrapConfig.initialMessage) {
+            return [];
+        }
+        return [
+            this.createMessage('assistant', this.bootstrapConfig.initialMessage, this.bootstrapConfig.initialSuggestions)
+        ];
+    }
     createAssistantResponseMessage(response, userQuery) {
         const displayResponse = this.createDisplayResponse(response, userQuery);
-        return this.createMessage('assistant', displayResponse.agentInferredResponse || response.answer, response.suggestions, response.sources, response.intent, response.intentLabel, response.app, response.productLabel, response.apiModule, response.confidence, response.parameters ?? response.entities, response.apiCalls, response.mockResult, response.llmUsed, response.availableModules, displayResponse);
+        return this.createMessage('assistant', displayResponse.agentInferredResponse || response.answer, response.suggestions, response.sources, response.intent, response.intentLabel, response.app ?? response.product, response.productLabel, response.apiModule ?? response.contextResolution?.moduleKey, response.confidence ?? response.contextResolution?.confidence, response.parameters ?? response.entities, response.apiCalls ?? this.getToolApiCalls(response), response.apiResult, response.mockResult, response.llmUsed, response.availableModules, displayResponse, response.status, response.pendingAction, response.toolExecution, response.cards, response.contextResolution.capabilityKey, response.developerTrace);
     }
-    createMessage(role, content, suggestions = [], sources = [], intent, intentLabel, app, productLabel, apiModule, confidence, parameters, apiCalls, mockResult, llmUsed, availableModules, displayResponse) {
+    createMessage(role, content, suggestions = [], sources = [], intent, intentLabel, app, productLabel, apiModule, confidence, parameters, apiCalls, apiResult, mockResult, llmUsed, availableModules, displayResponse, status, pendingAction, toolExecution, cards, capabilityKey, developerTrace) {
         return {
             id: this.createId(),
             role,
             content,
             displayResponse,
             formattedParameters: this.formatJson(displayResponse?.agentExtractedIntent?.parameters),
+            formattedApiHeaders: this.formatJson(displayResponse?.agentExtractedIntent?.api?.headers),
             formattedApiBody: this.formatJson(displayResponse?.agentExtractedIntent?.api?.body),
             formattedApiResponse: this.formatJson(displayResponse?.apiResponse),
+            formattedSampleJsonResponse: this.formatJson(displayResponse?.sampleJsonResponse),
             suggestions,
             sources,
             intent,
@@ -228,50 +613,162 @@ class MaxAssistantComponent {
             parameters,
             entities: parameters,
             apiCalls,
+            apiResult,
             mockResult,
             llmUsed,
             availableModules,
+            status,
+            pendingAction,
+            toolExecution,
+            cards,
+            capabilityKey,
+            developerTrace,
             createdAt: new Date()
         };
     }
     createDisplayResponse(response, userQuery) {
         const provided = response.displayResponse ?? {};
         const extractedIntent = this.createExtractedIntent(response, provided.agentExtractedIntent);
+        const grid = this.getDisplayTables(provided, response);
         return {
             userQuery: provided.userQuery || userQuery,
             agentInferredResponse: provided.agentInferredResponse || response.answer,
             agentExtractedIntent: extractedIntent,
-            apiResponse: provided.apiResponse ?? this.getApiResponseFallback(response),
+            apiResponse: provided.apiResponse ?? response.apiResult,
+            sampleJsonResponse: provided.sampleJsonResponse ?? this.getSampleJsonResponseFallback(response),
+            grid,
+            tables: grid,
             markdown: provided.markdown
         };
     }
     createExtractedIntent(response, provided) {
         return {
-            project: provided?.project ?? response.productLabel ?? response.app,
-            projectKey: provided?.projectKey ?? response.app,
-            module: provided?.module ?? response.apiModule,
-            intent: provided?.intent ?? response.intent,
-            intentLabel: provided?.intentLabel ?? response.intentLabel,
-            confidence: provided?.confidence ?? response.confidence,
+            project: provided?.project ?? response.productLabel ?? response.product ?? response.app,
+            projectKey: provided?.projectKey ?? response.product ?? response.app,
+            module: provided?.module ?? response.apiModule ?? response.contextResolution?.moduleKey,
+            intent: provided?.intent ?? response.intent ?? response.contextResolution?.capabilityKey,
+            intentLabel: provided?.intentLabel
+                ?? response.intentLabel
+                ?? response.contextResolution?.capabilityLabel,
+            confidence: provided?.confidence
+                ?? response.confidence
+                ?? response.contextResolution?.confidence,
             parameters: provided?.parameters ?? response.parameters ?? response.entities,
-            api: provided?.api ?? response.apiCalls?.[0]
+            api: provided?.api ?? response.apiCalls?.[0] ?? this.getToolApiCalls(response)?.[0]
         };
     }
-    getApiResponseFallback(response) {
+    getToolApiCalls(response) {
+        if (!response.toolExecution) {
+            return undefined;
+        }
+        return [{
+                method: response.toolExecution.method,
+                url: response.toolExecution.endpoint,
+                purpose: response.toolExecution.toolName
+            }];
+    }
+    getSampleJsonResponseFallback(response) {
         if (!response.mockResult || !Object.keys(response.mockResult).length) {
             return undefined;
         }
         return response.mockResult;
     }
+    getDisplayTables(provided, response) {
+        if (provided.grid?.length) {
+            return provided.grid;
+        }
+        if (provided.tables?.length) {
+            return provided.tables;
+        }
+        const rows = this.extractTableRows(provided.apiResponse ?? response.apiResult);
+        if (!rows.length) {
+            return [];
+        }
+        const columns = this.getTableColumns(rows);
+        return [
+            {
+                title: 'API Response',
+                columns,
+                rows: rows.map(row => this.formatTableRow(row, columns.map(column => column.field)))
+            }
+        ];
+    }
+    extractTableRows(value) {
+        if (Array.isArray(value)) {
+            return value.filter(this.isFieldMap);
+        }
+        if (!this.isFieldMap(value)) {
+            return [];
+        }
+        const body = value['body'];
+        if (Array.isArray(body)) {
+            return body.filter(this.isFieldMap);
+        }
+        const items = value['items'];
+        if (Array.isArray(items)) {
+            return items.filter(this.isFieldMap);
+        }
+        return [];
+    }
+    getTableColumns(rows) {
+        const fields = Array.from(new Set(rows.flatMap(row => Object.keys(row)))).slice(0, 8);
+        return fields.map(field => ({
+            field,
+            header: this.toColumnHeader(field)
+        }));
+    }
+    formatTableRow(row, fields) {
+        return Object.fromEntries(fields.map(field => [field, this.formatCellValue(row[field])]));
+    }
+    formatCellValue(value) {
+        if (Array.isArray(value)) {
+            return value.map(item => this.formatCellValue(item)).join(', ');
+        }
+        if (this.isFieldMap(value)) {
+            return value['label'] ?? value['name'] ?? value['code'] ?? JSON.stringify(value);
+        }
+        return value ?? '';
+    }
+    toColumnHeader(field) {
+        return field
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/[_-]+/g, ' ')
+            .replace(/\b\w/g, character => character.toUpperCase());
+    }
     formatJson(value) {
-        if (value === undefined) {
+        if (value === undefined || this.isEmptyObject(value)) {
             return undefined;
         }
         return JSON.stringify(value, null, 2);
     }
+    isEmptyObject(value) {
+        return !!value && typeof value === 'object' && !Array.isArray(value) && !Object.keys(value).length;
+    }
+    isFieldMap(value) {
+        return !!value && typeof value === 'object' && !Array.isArray(value);
+    }
     createId() {
         return globalThis.crypto?.randomUUID?.() || `${Date.now()}-${Math.random()}`;
     }
+    traceStepKey(messageId, stepId) {
+        return `${messageId}:${stepId}`;
+    }
+    getConversationHistory() {
+        const messages = this.messages();
+        const firstUserIndex = messages.findIndex(message => message.role === 'user');
+        if (firstUserIndex < 0) {
+            return [];
+        }
+        return messages
+            .slice(firstUserIndex)
+            .filter(message => !message.isError)
+            .slice(-20)
+            .map(message => ({
+            role: message.role,
+            content: message.content.slice(0, 4_000),
+            ...(message.capabilityKey ? { capabilityKey: message.capabilityKey } : {})
+        }));
+    }
     scrollToLatest() {
         setTimeout(() => {
             const element = this.messagesViewport?.nativeElement;
@@ -280,13 +777,23 @@ class MaxAssistantComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MaxAssistantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MaxAssistantComponent, isStandalone: true, selector: "max-assistant", inputs: { app: "app", assistantApiUrl: "assistantApiUrl", user: "user" }, viewQueries: [{ propertyName: "messagesViewport", first: true, predicate: ["messagesViewport"], descendants: true }], ngImport: i0, template: "<button\n  pButton\n  type=\"button\"\n  class=\"assistant-launcher\"\n  [attr.aria-label]=\"uiCopy.launcherLabel\"\n  [pTooltip]=\"uiCopy.openTooltip\"\n  tooltipPosition=\"left\"\n  (click)=\"openPanel()\"\n>\n  <span class=\"mascot\" aria-hidden=\"true\"></span>\n</button>\n\n<p-drawer\n  [visible]=\"panelVisible()\"\n  (visibleChange)=\"panelVisible.set($event)\"\n  position=\"right\"\n  styleClass=\"assistant-drawer\"\n  [modal]=\"false\"\n  [blockScroll]=\"false\"\n  [showCloseIcon]=\"false\"\n>\n  <section class=\"assistant-panel\" [attr.aria-label]=\"uiCopy.title\">\n    <header class=\"assistant-header\">\n      <span class=\"mascot large\" aria-hidden=\"true\"></span>\n      <div>\n        <h2>{{ uiCopy.title }}</h2>\n        <span>{{ uiCopy.subtitle }}</span>\n      </div>\n      <button\n        pButton\n        type=\"button\"\n        icon=\"pi pi-times\"\n        text\n        rounded\n        severity=\"secondary\"\n        [attr.aria-label]=\"uiCopy.closeLabel\"\n        (click)=\"closePanel()\"\n      ></button>\n    </header>\n\n    <div #messagesViewport class=\"assistant-messages\">\n      @for(message of messages(); track message.id) {\n        <article class=\"message {{ message.role }}\" [class.error]=\"message.isError\">\n          @if(message.displayResponse; as responseDetails) {\n            <p class=\"assistant-result\">{{ responseDetails.agentInferredResponse || message.content }}</p>\n            <button\n              type=\"button\"\n              class=\"inference-toggle\"\n              [attr.aria-expanded]=\"isInferenceDetailsVisible(message.id)\"\n              (click)=\"toggleInferenceDetails(message.id)\"\n            >\n              {{ isInferenceDetailsVisible(message.id) ? 'Hide Details' : 'Show Details' }}\n            </button>\n\n            @if(isInferenceDetailsVisible(message.id)) {\n              <div class=\"response-details\">\n                @if(responseDetails.userQuery) {\n                  <section class=\"response-section\">\n                    <h3>User Query</h3>\n                    <p class=\"quoted\">\"{{ responseDetails.userQuery }}\"</p>\n                  </section>\n                }\n\n                @if(responseDetails.agentExtractedIntent; as intent) {\n                  <section class=\"response-section\">\n                    <h3>Agent Extracted Intent</h3>\n                    <dl class=\"detail-grid\">\n                      @if(intent.project || intent.projectKey) {\n                        <div>\n                          <dt>Project</dt>\n                          <dd>\n                            {{ intent.project || intent.projectKey }}\n                            @if(intent.projectKey) {\n                              <span>{{ intent.projectKey }}</span>\n                            }\n                          </dd>\n                        </div>\n                      }\n                      @if(intent.module) {\n                        <div>\n                          <dt>Module</dt>\n                          <dd>{{ intent.module }}</dd>\n                        </div>\n                      }\n                      @if(intent.intentLabel) {\n                        <div>\n                          <dt>Intent Label</dt>\n                          <dd>{{ intent.intentLabel }}</dd>\n                        </div>\n                      }\n                      @if(intent.intent) {\n                        <div>\n                          <dt>Intent</dt>\n                          <dd>{{ intent.intent }}</dd>\n                        </div>\n                      }\n                      @if(intent.confidence !== undefined) {\n                        <div>\n                          <dt>Confidence</dt>\n                          <dd>{{ intent.confidence | percent: '1.0-0' }}</dd>\n                        </div>\n                      }\n                    </dl>\n\n                    @if(message.formattedParameters) {\n                      <div class=\"json-block\">\n                        <strong>Parameters</strong>\n                        <pre>{{ message.formattedParameters }}</pre>\n                      </div>\n                    }\n\n                    @if(intent.api?.url || intent.api?.method) {\n                      <div class=\"api-call-summary\">\n                        <strong>API Called</strong>\n                        <code>{{ intent.api?.method || 'GET' }} {{ intent.api?.url || 'URL not provided' }}</code>\n                      </div>\n                    }\n\n                    @if(message.formattedApiBody) {\n                      <div class=\"json-block\">\n                        <strong>API Body</strong>\n                        <pre>{{ message.formattedApiBody }}</pre>\n                      </div>\n                    }\n                  </section>\n                }\n\n                @if(message.formattedApiResponse) {\n                  <section class=\"response-section\">\n                    <h3>API Response</h3>\n                    <div class=\"json-block\">\n                      <strong>JSON</strong>\n                      <pre>{{ message.formattedApiResponse }}</pre>\n                    </div>\n                  </section>\n                }\n              </div>\n            }\n          } @else {\n            <p>{{ message.content }}</p>\n          }\n          @if(message.role === 'assistant' && message.suggestions?.length) {\n            <div class=\"suggestions\">\n              @for(suggestion of message.suggestions ?? []; track suggestion) {\n                <button\n                  pButton\n                  type=\"button\"\n                  size=\"small\"\n                  text\n                  severity=\"secondary\"\n                  class=\"suggestion-chip\"\n                  [label]=\"suggestion\"\n                  (click)=\"useSuggestion(suggestion)\"\n                ></button>\n              }\n            </div>\n          }\n        </article>\n      }\n      @if(isSending()) {\n        <article class=\"message assistant typing\" [attr.aria-label]=\"uiCopy.typingLabel\">\n          <span></span>\n          <span></span>\n          <span></span>\n        </article>\n      }\n    </div>\n\n    <form class=\"assistant-composer\" (ngSubmit)=\"sendMessage()\">\n      <textarea\n        pTextarea\n        name=\"assistantPrompt\"\n        rows=\"2\"\n        [placeholder]=\"uiCopy.placeholder\"\n        [ngModel]=\"input()\"\n        (ngModelChange)=\"input.set($event)\"\n        (keydown)=\"onComposerKeydown($event)\"\n      >\n      </textarea>\n      <button\n        pButton\n        type=\"submit\"\n        icon=\"pi pi-send\"\n        aria-label=\"Send message\"\n        [disabled]=\"!input().trim() || isSending()\"\n      ></button>\n    </form>\n  </section>\n</p-drawer>\n", styles: [":host{position:fixed;right:24px;bottom:24px;z-index:1100}.assistant-launcher{width:70px!important;height:56px!important;min-height:60px!important;padding:0 5px;border:0!important;border-radius:18px!important;color:inherit!important;background:#d7edff!important;box-shadow:0 0 0 1px #0078c824,0 10px 24px #0f172a24!important;overflow:visible}.assistant-launcher:hover,.assistant-launcher:focus-visible{background:#fff!important;box-shadow:0 0 0 2px #0078c838,0 12px 28px #0f172a29!important}.mascot{position:relative;display:grid;place-items:center;width:64px;height:56px;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"120\" height=\"96\" viewBox=\"14 10 92 82\" role=\"img\" aria-label=\"Max smiling cloud AI mascot\">%0A  <defs>%0A    <filter id=\"softShadow\" x=\"-15%\" y=\"-15%\" width=\"130%\" height=\"140%\">%0A      <feDropShadow dx=\"0\" dy=\"5\" stdDeviation=\"5\" flood-color=\"%230078C8\" flood-opacity=\"0.16\"/>%0A    </filter>%0A  </defs>%0A%0A  <g fill=\"%230078C8\" opacity=\"0.28\">%0A    <circle cx=\"34\" cy=\"57\" r=\"24\"/>%0A    <circle cx=\"58\" cy=\"39\" r=\"31\"/>%0A    <circle cx=\"86\" cy=\"58\" r=\"25\"/>%0A    <rect x=\"28\" y=\"55\" width=\"68\" height=\"27\" rx=\"13.5\"/>%0A  </g>%0A%0A  <g fill=\"%230078C8\" opacity=\"0.68\" filter=\"url(%23softShadow)\">%0A    <circle cx=\"35\" cy=\"59\" r=\"20\"/>%0A    <circle cx=\"59\" cy=\"43\" r=\"27\"/>%0A    <circle cx=\"84\" cy=\"60\" r=\"21\"/>%0A    <rect x=\"31\" y=\"57\" width=\"64\" height=\"24\" rx=\"12\"/>%0A  </g>%0A%0A  <g fill=\"%23FFD54A\">%0A    <path d=\"M46 48l3.4 6.8 6.8 3.4-6.8 3.4L46 68.4l-3.4-6.8-6.8-3.4 6.8-3.4z\"/>%0A    <path d=\"M74 48l3.4 6.8 6.8 3.4-6.8 3.4-3.4 6.8-3.4-6.8-6.8-3.4 6.8-3.4z\"/>%0A    <path d=\"M88 28l2 4 4 2-4 2-2 4-2-4-4-2 4-2z\"/>%0A  </g>%0A%0A  <path%0A    d=\"M49 72c6 7 20 7 26 0\"%0A    fill=\"none\"%0A    stroke=\"%23FFD54A\"%0A    stroke-width=\"4\"%0A    stroke-linecap=\"round\"%0A  />%0A</svg>%0A') center/contain no-repeat}.mascot.large{width:58px;height:46px}::ng-deep .assistant-drawer{width:min(560px,100vw)!important}::ng-deep .assistant-drawer .p-drawer-content{padding:0}::ng-deep .assistant-drawer .p-drawer-header{display:none}.assistant-panel{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;background:var(--background-color, #f8fafc)}.assistant-header,.assistant-composer{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border-bottom:1px solid var(--border-color, #e2e8f0)}.assistant-header h2{margin:0;font-size:20px}.assistant-header span,.sources span{color:#64748b;font-size:12px;font-weight:700}.assistant-header button{margin-left:auto}.assistant-messages{min-height:0;overflow:auto;padding:18px}.message{width:fit-content;max-width:92%;margin-bottom:14px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--medium-border-radius, 8px);background:#fff;box-shadow:0 6px 18px #0f172a0f}.message.assistant{width:100%;max-width:100%}.message.user{width:fit-content;max-width:88%;margin-left:auto;color:#fff;background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb)}.message.error{border-color:var(--danger-color, #dc2626)}.message p{margin:0;line-height:1.45}.assistant-result{color:#1e293b}.inference-toggle{display:flex;width:fit-content;margin:10px 0 0 auto;padding:0;border:0;color:var(--primary-color, #2563eb);background:transparent;font:inherit;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.inference-toggle:hover{color:var(--primary-dark-color, #1d4ed8)}.inference-toggle:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:3px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-chip{border:1px solid rgba(var(--primary-color-rgb, 37, 99, 235),.28);color:var(--primary-dark-color, #1d4ed8);background:rgba(var(--primary-color-rgb, 37, 99, 235),.08);font-weight:700;box-shadow:0 4px 14px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.suggestion-chip:hover{border-color:rgba(var(--primary-color-rgb, 37, 99, 235),.42);color:var(--primary-dark-color, #1d4ed8);background:rgba(var(--primary-color-rgb, 37, 99, 235),.14)}.response-details{display:grid;gap:12px;margin-top:12px}.response-section{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.response-section:last-child{padding-bottom:0;border-bottom:0}.response-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:800}.quoted{padding:8px 10px;border-left:5px solid var(--primary-color, #2563eb);border-radius:var(--border-radius, 6px);color:#1e293b;background:#f8fafc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-grid div{min-width:0;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.detail-grid dt{margin-bottom:3px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid dd{margin:0;color:#334155;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.detail-grid dd span{display:block;margin-top:2px;color:#64748b;font-size:11px}.api-call-summary,.json-block{display:grid;gap:6px;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.api-call-summary strong,.json-block strong{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.api-call-summary code{color:var(--secondary-color, #0f172a);font-weight:800;white-space:normal;word-break:break-word}.json-block pre{max-height:220px;margin:0;overflow:auto;color:#0f172a;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.typing{display:flex;width:fit-content;max-width:fit-content;gap:5px;align-items:center;padding:4px 0;border:0;background:transparent;box-shadow:none}.typing span{width:7px;height:7px;border-radius:50%;background:var(--primary-color, #2563eb);animation:typing-dot .85s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.assistant-composer{border-top:1px solid var(--border-color, #e2e8f0);border-bottom:0}.assistant-composer textarea{flex:1;min-height:46px;max-height:120px;resize:vertical}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{to{opacity:.35;transform:translateY(-2px)}}@media(max-width:640px){:host{right:16px;bottom:16px}.assistant-launcher{width:62px!important;min-width:62px!important;height:54px!important;min-height:54px!important}.assistant-messages{padding:14px}.detail-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i3.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: i6.PercentPipe, name: "percent" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantComponent, deps: [{ token: MaxAssistantService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: MaxAssistantComponent, isStandalone: true, selector: "max-assistant", inputs: { app: "app", assistantApiUrl: "assistantApiUrl", user: "user", context: "context", requestHeaders: "requestHeaders" }, host: { listeners: { "document:keydown.escape": "onDocumentEscape()" } }, viewQueries: [{ propertyName: "launcher", first: true, predicate: ["launcher"], descendants: true }, { propertyName: "messagesViewport", first: true, predicate: ["messagesViewport"], descendants: true }], ngImport: i0, template: "<ng-template #mascotTemplate let-large=\"large\">\r\n  <span class=\"mascot\" [class.large]=\"large\" aria-hidden=\"true\">\r\n    <span class=\"mascot-aura\"></span>\r\n    <svg class=\"mascot-art\" viewBox=\"0 0 64 64\" focusable=\"false\">\r\n      <path class=\"mascot-sparkle\" d=\"M54 9v6M51 12h6\" />\r\n      <path class=\"mascot-antenna\" d=\"M32 14V9\" />\r\n      <circle class=\"mascot-signal\" cx=\"32\" cy=\"7\" r=\"3\" />\r\n      <rect class=\"mascot-ear mascot-ear-left\" x=\"5\" y=\"28\" width=\"7\" height=\"15\" rx=\"3.5\" />\r\n      <rect class=\"mascot-ear mascot-ear-right\" x=\"52\" y=\"28\" width=\"7\" height=\"15\" rx=\"3.5\" />\r\n      <rect class=\"mascot-shell\" x=\"8\" y=\"14\" width=\"48\" height=\"42\" rx=\"18\" />\r\n      <path class=\"mascot-shell-shine\" d=\"M17 24c4-7 12-9 20-8\" />\r\n      <rect class=\"mascot-face\" x=\"14\" y=\"21\" width=\"36\" height=\"26\" rx=\"12\" />\r\n      <g class=\"mascot-eyes\">\r\n        <rect class=\"mascot-eye\" x=\"21\" y=\"29\" width=\"5\" height=\"7\" rx=\"2.5\" />\r\n        <rect class=\"mascot-eye\" x=\"38\" y=\"29\" width=\"5\" height=\"7\" rx=\"2.5\" />\r\n      </g>\r\n      <path class=\"mascot-smile\" d=\"M25 39c2 2 4.5 3 7 3s5-1 7-3\" />\r\n      <path class=\"mascot-mark\" d=\"M26 18l6 5 6-5\" />\r\n    </svg>\r\n  </span>\r\n</ng-template>\r\n\r\n<button\n  #launcher\n  pButton\n  type=\"button\"\n  class=\"assistant-launcher\"\r\n  [class.is-open]=\"panelVisible()\"\r\n  [attr.aria-label]=\"launcherLabel\"\r\n  [attr.aria-pressed]=\"panelVisible()\"\r\n  [pTooltip]=\"launcherLabel\"\r\n  tooltipPosition=\"left\"\r\n  (click)=\"togglePanel()\"\r\n>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"mascotTemplate\"\r\n    [ngTemplateOutletContext]=\"{ large: false }\"\r\n  ></ng-container>\n</button>\n\n<aside\n  class=\"assistant-window\"\n  [class.is-open]=\"panelVisible()\"\n  [attr.aria-hidden]=\"!panelVisible()\"\n  [attr.inert]=\"panelVisible() ? null : ''\"\n  [attr.aria-label]=\"uiCopy.title\"\n  role=\"complementary\"\n>\n  <section class=\"assistant-panel\">\n    <header class=\"assistant-header\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"mascotTemplate\"\r\n        [ngTemplateOutletContext]=\"{ large: true }\"\r\n      ></ng-container>\r\n      <div class=\"assistant-identity\">\r\n        <h2 class=\"assistant-name\">{{ uiCopy.title }}</h2>\r\n        <span class=\"assistant-subtitle\">{{ uiCopy.subtitle }}</span>\r\n      </div>\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-refresh\"\r\n        text\r\n        rounded\r\n        severity=\"secondary\"\r\n        class=\"header-action\"\r\n        [attr.aria-label]=\"uiCopy.clearLabel\"\r\n        [pTooltip]=\"uiCopy.clearTooltip\"\r\n        tooltipPosition=\"bottom\"\r\n        (click)=\"clearChatSession()\"\r\n      ></button>\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-times\"\r\n        text\r\n        rounded\r\n        severity=\"secondary\"\r\n        class=\"header-action\"\r\n        [attr.aria-label]=\"uiCopy.closeLabel\"\r\n        (click)=\"closePanel()\"\r\n      ></button>\r\n    </header>\r\n\r\n    <div #messagesViewport class=\"assistant-messages\">\r\n      @for(message of messages(); track message.id) {\r\n        <article class=\"message {{ message.role }}\" [class.error]=\"message.isError\">\r\n          @if(message.displayResponse; as responseDetails) {\r\n            <div\n              class=\"assistant-result assistant-markdown\"\n              [innerHTML]=\"(responseDetails.markdown || responseDetails.agentInferredResponse || message.content) | maxAssistantMarkdown\"\n            ></div>\n            @if(message.cards?.length) {\n              <div class=\"assistant-cards\">\n                @for(card of message.cards ?? []; track $index) {\n                  <section class=\"assistant-card\">\n                    <header>\n                      <strong>{{ card.title }}</strong>\n                      @if(card.subtitle) {\n                        <span>{{ card.subtitle }}</span>\n                      }\n                    </header>\n                    <div class=\"assistant-card-metrics\">\n                      @for(metric of card.metrics; track metric.label) {\n                        <div class=\"assistant-card-metric\" [attr.data-tone]=\"metric.tone || 'default'\">\n                          <span>{{ metric.label }}</span>\n                          <strong>{{ metric.value }}</strong>\n                        </div>\n                      }\n                    </div>\n                    @if(card.footer) {\n                      <footer>{{ card.footer }}</footer>\n                    }\n                  </section>\n                }\n              </div>\n            }\n            @if(message.status) {\n              <span class=\"assistant-status\">{{ message.status.replaceAll('_', ' ') }}</span>\r\n            }\r\n            @if(message.pendingAction; as pendingAction) {\r\n              <section class=\"pending-action\" aria-label=\"Cortex action confirmation\">\r\n                <div class=\"pending-action-heading\">\r\n                  <strong>Confirmation required</strong>\r\n                  <span>{{ pendingAction.method }}</span>\r\n                </div>\r\n                <p>{{ pendingAction.summary }}</p>\r\n                <small>Expires {{ pendingAction.expiresAt | date: 'mediumTime' }}</small>\r\n                @if(message.actionDecision; as actionDecision) {\r\n                  <p class=\"action-decision\">\r\n                    {{ actionDecision === 'approve' ? 'Approval sent' : 'Rejection sent' }}\r\n                  </p>\r\n                } @else {\r\n                  <div class=\"pending-action-buttons\">\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      size=\"small\"\r\n                      severity=\"success\"\r\n                      label=\"Approve\"\r\n                      [disabled]=\"isSending()\"\r\n                      (click)=\"resolvePendingAction(message, 'approve')\"\r\n                    ></button>\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      size=\"small\"\r\n                      outlined\r\n                      severity=\"secondary\"\r\n                      label=\"Reject\"\r\n                      [disabled]=\"isSending()\"\r\n                      (click)=\"resolvePendingAction(message, 'reject')\"\r\n                    ></button>\r\n                  </div>\r\n                }\r\n              </section>\r\n            }\r\n            @if(getResponseGrid(responseDetails).length) {\r\n              <div class=\"assistant-tables\">\r\n                @for(table of getResponseGrid(responseDetails); track $index) {\r\n                  <section class=\"assistant-table-section\">\r\n                    @if(table.title) {\r\n                      <h3>{{ table.title }}</h3>\r\n                    }\r\n                    <div class=\"assistant-table-wrap\">\r\n                      <table>\r\n                        <thead>\r\n                          <tr>\r\n                            @for(column of table.columns; track column.field) {\n                              <th>{{ column.header }}</th>\n                            }\n                            @if(table.actions?.length) {\n                              <th>Actions</th>\n                            }\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                          @for(row of table.rows; track $index; let rowIndex = $index) {\n                            <tr>\n                              @for(column of table.columns; track column.field) {\n                                <td>{{ row[column.field] }}</td>\n                              }\n                              @if(table.actions?.length) {\n                                <td>\n                                  <div class=\"assistant-table-actions\">\n                                    @for(action of getTableRowActions(table, rowIndex); track action.label) {\n                                      <button\n                                        pButton\n                                        type=\"button\"\n                                        size=\"small\"\n                                        [severity]=\"action.tone || 'secondary'\"\n                                        [outlined]=\"action.tone === 'danger'\"\n                                        [label]=\"action.label\"\n                                        [disabled]=\"isSending()\"\n                                        (click)=\"useTableAction(action)\"\n                                      ></button>\n                                    }\n                                  </div>\n                                </td>\n                              }\n                            </tr>\n                          }\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </section>\r\n                }\r\n              </div>\r\n            }\r\n            @if(message.sources?.length) {\r\n              <div class=\"assistant-sources\">\r\n                <strong>Sources</strong>\r\n                @for(source of message.sources ?? []; track source.citation) {\r\n                  <span>{{ source.citation }}</span>\r\n                }\r\n              </div>\r\n            }\r\n            @if(developerDetailsEnabled && message.developerTrace?.steps?.length) {\n              <button\n                type=\"button\"\n                class=\"details-toggle\"\n                [attr.aria-expanded]=\"isDetailsVisible(message.id)\"\n                (click)=\"toggleDetails(message.id, message.developerTrace!.steps[0]?.id)\"\n              >\n                {{ isDetailsVisible(message.id) ? 'Hide Details' : 'Show Details' }}\n              </button>\n\n              @if(isDetailsVisible(message.id)) {\n                <div class=\"details-dialog-backdrop\" (click)=\"toggleDetails(message.id)\">\n                <section\n                  class=\"developer-details\"\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  aria-label=\"Agent processing details\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <header class=\"developer-details-header\">\n                    <div>\n                      <span class=\"developer-eyebrow\">Developer trace</span>\n                      <h3>How this request was processed</h3>\n                      <p>A technical, stage-by-stage account of routing, inference, tools and results.</p>\n                    </div>\n                    <div class=\"details-dialog-actions\">\n                      <button\n                        type=\"button\"\n                        class=\"details-dialog-close\"\n                        aria-label=\"Close processing details\"\n                        (click)=\"toggleDetails(message.id)\"\n                      >\n                        <i class=\"pi pi-times\" aria-hidden=\"true\"></i>\n                      </button>\n                    </div>\n                  </header>\n\n                  @if(message.developerTrace!.run; as run) {\n                    <section class=\"trace-run-summary\" aria-label=\"Run summary\">\n                      <div class=\"trace-metric\"><span>Total runtime</span><strong>{{ run.durationMs }} ms</strong></div>\n                      <div class=\"trace-metric\"><span>Model calls</span><strong>{{ run.llmCalls }}</strong></div>\n                      <div class=\"trace-metric\"><span>Embedding calls</span><strong>{{ run.embeddingCalls }}</strong></div>\n                      <div class=\"trace-metric\"><span>API calls</span><strong>{{ run.apiCalls }}</strong></div>\n                      <div class=\"trace-loop-policy\">\n                        <div>\n                          <span>Execution architecture</span>\n                          <strong>Deterministic staged pipeline</strong>\n                        </div>\n                        <span class=\"trace-no-loop\">No autonomous model loop</span>\n                        <p>{{ run.loopPolicy }}</p>\n                      </div>\n                    </section>\n                  }\n\n                  <ol class=\"workflow-trace\">\n                    @for(step of message.developerTrace!.steps; track step.id; let stepIndex = $index) {\n                      <li class=\"workflow-step\" [attr.data-status]=\"traceStepTone(step)\">\n                        <section class=\"workflow-section\">\n                          <button\n                            type=\"button\"\n                            class=\"workflow-step-toggle\"\n                            [attr.aria-expanded]=\"isTraceStepExpanded(message.id, step.id)\"\n                            (click)=\"toggleTraceStep(message.id, step.id)\"\n                          >\n                            <div>\n                              <span class=\"workflow-step-number\">Stage {{ stepIndex + 1 }}</span>\n                              <h4>{{ step.title }}</h4>\n                              <span class=\"workflow-category\">{{ formatTraceCategory(step.category) }}</span>\n                            </div>\n                            <div class=\"workflow-meta\">\n                              <span class=\"workflow-status\">{{ traceStepStatus(step) }}</span>\n                              @if(step.durationMs !== undefined) {\n                                <span>{{ step.durationMs }} ms</span>\n                              }\n                              <i\n                                class=\"pi workflow-expand-icon\"\n                                [class.pi-chevron-down]=\"isTraceStepExpanded(message.id, step.id)\"\n                                [class.pi-chevron-right]=\"!isTraceStepExpanded(message.id, step.id)\"\n                                aria-hidden=\"true\"\n                              ></i>\n                            </div>\n                          </button>\n\n                          @if(isTraceStepExpanded(message.id, step.id)) {\n                          <div class=\"workflow-step-content\">\n                          @if(step.metadata?.summary) {\n                            <p class=\"workflow-summary\">{{ step.metadata!.summary }}</p>\n                          }\n\n                          @if(step.metadata?.technology; as technology) {\n                            <div class=\"trace-technology\">\n                              <span class=\"trace-section-label\">Technology</span>\n                              <div class=\"trace-inline-facts\">\n                                <span><small>Component</small>{{ technology.component }}</span>\n                                @if(technology.model) { <span><small>Model</small>{{ technology.model }}</span> }\n                                @if(technology.library) { <span><small>Library</small>{{ technology.library }}</span> }\n                                @if(technology.provider) { <span><small>Provider</small>{{ technology.provider }}</span> }\n                                @if(technology.operation) { <span><small>Operation</small>{{ technology.operation }}</span> }\n                              </div>\n                            </div>\n                          }\n\n                          @if(step.metadata?.control; as control) {\n                            <div class=\"trace-control\">\n                              <div>\n                                <span class=\"trace-section-label\">Stop control</span>\n                                <strong>{{ formatTraceLabel(control.mode) }}</strong>\n                              </div>\n                              @if(control.maximumIterations !== undefined) {\n                                <span>{{ control.iterationsUsed ?? 0 }} / {{ control.maximumIterations }} iteration</span>\n                              }\n                              <p>{{ control.stopCondition }}</p>\n                            </div>\n                          }\n\n                          @switch(step.category) {\n                            @case('request') {\n                              @if(traceField(step.input, 'userQuery'); as userQuery) {\n                                <div class=\"trace-query\">\n                                  <span>Original user query</span>\n                                  <blockquote>{{ formatTraceScalar(userQuery) }}</blockquote>\n                                </div>\n                              }\n                              <div class=\"trace-card-grid\">\n                                @for(group of [\n                                  { label: 'Product', value: traceMapField(step.input, 'product') },\n                                  { label: 'User', value: traceMapField(step.input, 'user') },\n                                  { label: 'Request context', value: traceMapField(step.input, 'requestContext') },\n                                  { label: 'Conversation', value: traceMapField(step.input, 'conversation') },\n                                  { label: 'Live API context', value: traceMapField(step.input, 'liveApi') }\n                                ]; track group.label) {\n                                  @if(group.value) {\n                                    <section class=\"trace-data-card\">\n                                      <h5>{{ group.label }}</h5>\n                                      <dl class=\"trace-field-list\">\n                                        @for(entry of traceEntries(group.value, group.label === 'User' ? ['permissions'] : []); track entry.key) {\n                                          <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                        }\n                                      </dl>\n                                    </section>\n                                  }\n                                }\n                              </div>\n                            }\n\n                            @case('intent_projection') {\n                              <div class=\"trace-transform\">\n                                <div>\n                                  <span>Original query</span>\n                                  <p>{{ formatTraceScalar(traceField(step.output, 'originalUserQuery') ?? traceField(step.input, 'originalUserQuery')) }}</p>\n                                </div>\n                                <span class=\"trace-transform-arrow\" aria-hidden=\"true\">\u2192</span>\n                                <div class=\"trace-transform-result\">\n                                  <span>Generalised intent sent to embedding</span>\n                                  <p>{{ formatTraceScalar(traceField(step.output, 'generalisedIntent') ?? traceField(step.output, 'routingText')) }}</p>\n                                </div>\n                              </div>\n                              @if(traceArrayField(step.output, 'removedArguments').length) {\n                                <div class=\"trace-section\">\n                                  <span class=\"trace-section-label\">Arguments removed before routing</span>\n                                  <div class=\"trace-entity-list\">\n                                    @for(argument of traceArrayField(step.output, 'removedArguments'); track $index) {\n                                      <span><small>{{ formatTraceScalar(traceField(argument, 'kind')) }}</small>{{ formatTraceScalar(traceField(argument, 'value')) }}</span>\n                                    }\n                                  </div>\n                                </div>\n                              }\n                            }\n\n                            @case('embedding') {\n                              <div class=\"trace-query trace-query-compact\">\n                                <span>Embedded text</span>\n                                <blockquote>{{ formatTraceScalar(traceField(step.input, 'generalisedIntent')) }}</blockquote>\n                              </div>\n                              <div class=\"trace-stat-grid\">\n                                <div><span>Embedding model</span><strong>{{ formatTraceScalar(traceField(step.output, 'model') ?? traceField(step.input, 'model')) }}</strong></div>\n                                <div><span>Dimensions</span><strong>{{ formatTraceScalar(traceField(step.output, 'dimensions')) }}</strong></div>\n                                <div><span>Vector magnitude</span><strong>{{ formatTraceScalar(traceField(step.output, 'vectorMagnitude')) }}</strong></div>\n                                <div><span>Full vector exposed</span><strong>{{ formatTraceScalar(traceField(step.output, 'fullVectorShown')) }}</strong></div>\n                              </div>\n                              @if(traceField(step.output, 'vectorPreview'); as vectorPreview) {\n                                <div class=\"trace-vector\">\n                                  <span>Vector preview</span>\n                                  <code>{{ formatTraceScalar(vectorPreview) }}</code>\n                                </div>\n                              }\n                            }\n\n                            @case('capability_routing') {\n                              <div class=\"trace-supabase-call\">\n                                <div><span>Supabase RPC</span><strong>{{ formatTraceScalar(traceField(step.input, 'rpc')) }}</strong></div>\n                                <div><span>Database</span><strong>{{ formatTraceScalar(traceField(step.input, 'database')) }}</strong></div>\n                                @if(traceArrayField(step.input, 'tables').length) {\n                                  <div class=\"trace-table-list\">\n                                    <span>Tables searched</span>\n                                    <div>\n                                      @for(table of traceArrayField(step.input, 'tables'); track $index) {\n                                        <code>{{ formatTraceScalar(table) }}</code>\n                                      }\n                                    </div>\n                                  </div>\n                                }\n                              </div>\n                              @if(traceMapField(step.output, 'decision'); as decision) {\n                                <section class=\"trace-decision\">\n                                  <span>Routing decision</span>\n                                  <strong>{{ formatTraceScalar(decision['selectedCapabilityLabel'] ?? decision['selectedCapabilityKey']) }}</strong>\n                                  <div>\n                                    <span>Status: {{ formatTraceScalar(decision['status']) }}</span>\n                                    <span>Confidence: {{ formatSimilarity(decision['confidence']) }}</span>\n                                    <span>Runner-up: {{ formatSimilarity(decision['runnerUpConfidence']) }}</span>\n                                  </div>\n                                </section>\n                              }\n                              @if(traceArrayField(step.output, 'matchedCapabilities').length) {\n                                <div class=\"trace-ranking-wrap\">\n                                  <span class=\"trace-section-label\">Ranked capability matches returned by Supabase</span>\n                                  <table class=\"trace-ranking\">\n                                    <thead><tr><th>#</th><th>Capability</th><th>Combined</th><th>Semantic</th><th>Definition</th><th>Example</th><th>Keyword</th></tr></thead>\n                                    <tbody>\n                                      @for(candidate of traceArrayField(step.output, 'matchedCapabilities'); track $index) {\n                                        <tr>\n                                          <td>{{ formatTraceScalar(traceField(candidate, 'rank')) }}</td>\n                                          <td><strong>{{ formatTraceScalar(traceField(candidate, 'label')) }}</strong><code>{{ formatTraceScalar(traceField(candidate, 'capabilityKey')) }}</code></td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'combinedScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'semanticScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'definitionScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'exampleScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'keywordScore')) }}</td>\n                                        </tr>\n                                      }\n                                    </tbody>\n                                  </table>\n                                </div>\n                              }\n                            }\n\n                            @case('argument_extraction') {\n                              <div class=\"trace-card-grid\">\n                                @if(traceMapField(step.output, 'selectedCapability') ?? traceMapField(step.input, 'selectedCapability'); as capability) {\n                                  <section class=\"trace-data-card trace-data-card-accent\">\n                                    <h5>Selected capability</h5>\n                                    <dl class=\"trace-field-list\">\n                                      @for(entry of traceEntries(capability); track entry.key) {\n                                        <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                      }\n                                    </dl>\n                                  </section>\n                                }\n                                @if(traceMapField(step.input, 'tool'); as tool) {\n                                  <section class=\"trace-data-card\">\n                                    <h5>Allowlisted tool</h5>\n                                    <dl class=\"trace-field-list\">\n                                      @for(entry of traceEntries(tool); track entry.key) {\n                                        <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                      }\n                                    </dl>\n                                  </section>\n                                }\n                              </div>\n                              @if(traceMapField(step.output, 'extractedArguments'); as arguments) {\n                                <section class=\"trace-arguments\">\n                                  <span class=\"trace-section-label\">Arguments extracted from the original query</span>\n                                  <dl class=\"trace-argument-grid\">\n                                    @for(entry of traceEntries(arguments); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                              }\n                              @if(traceMapField(step.output, 'plannedToolCall'); as plannedCall) {\n                                <div class=\"trace-tool-call\">\n                                  <span>Planned tool call</span>\n                                  <strong>{{ formatTraceScalar(plannedCall['method']) }} \u00B7 {{ formatTraceScalar(plannedCall['toolName']) }}</strong>\n                                  <pre>{{ formatTraceValue(plannedCall['arguments']) }}</pre>\n                                </div>\n                              }\n                            }\n\n                            @case('api_call') {\n                              <div class=\"trace-api-route\">\n                                <span class=\"trace-http-method\">{{ formatTraceScalar(traceField(step.input, 'method')) }}</span>\n                                <code>{{ formatTraceScalar(traceField(step.input, 'path')) }}</code>\n                                @if(getHttpStatus(step); as statusCode) {\n                                  <span class=\"trace-http-status\" [class.success]=\"isHttpSuccessful(step)\" [class.error]=\"!isHttpSuccessful(step)\">\n                                    HTTP {{ statusCode }} \u00B7 {{ isHttpSuccessful(step) ? 'Success' : 'Error' }}\n                                  </span>\n                                }\n                              </div>\n                              <div class=\"trace-payload-grid\">\n                                @if(traceField(step.input, 'body'); as requestBody) {\n                                  <section><span>Request payload</span><pre>{{ formatTraceValue(requestBody) }}</pre></section>\n                                }\n                                @if(traceField(step.output, 'response'); as apiResponse) {\n                                  <section><span>API response</span><pre>{{ formatTraceValue(apiResponse) }}</pre></section>\n                                }\n                              </div>\n                            }\n\n                            @case('action') {\n                              <div class=\"trace-card-grid\">\n                                <section class=\"trace-data-card\">\n                                  <h5>Workflow input</h5>\n                                  <dl class=\"trace-field-list\">\n                                    @for(entry of traceEntries(step.input); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                                <section class=\"trace-data-card trace-data-card-accent\">\n                                  <h5>Outcome</h5>\n                                  <dl class=\"trace-field-list\">\n                                    @for(entry of traceEntries(step.output); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                              </div>\n                            }\n\n                            @case('response') {\n                              @if(traceField(step.output, 'answer'); as answer) {\n                                <div class=\"trace-query\"><span>Final grounded response</span><blockquote>{{ formatTraceScalar(answer) }}</blockquote></div>\n                              }\n                              <dl class=\"trace-argument-grid\">\n                                @for(entry of traceEntries(step.output); track entry.key) {\n                                  @if(entry.key !== 'answer') {\n                                    <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                  }\n                                }\n                              </dl>\n                            }\n\n                            @default {\n                              <div class=\"trace-payload-grid\">\n                                @if(step.input !== undefined) {\n                                  <section><span>Input</span><pre>{{ formatTraceValue(step.input) }}</pre></section>\n                                }\n                                @if(step.output !== undefined) {\n                                  <section><span>Output</span><pre>{{ formatTraceValue(step.output) }}</pre></section>\n                                }\n                              </div>\n                            }\n                          }\n\n                          @if(step.error; as error) {\n                            <div class=\"trace-error\" [class.trace-warning]=\"step.category === 'api_call' && isHttpSuccessful(step)\">\n                              <strong class=\"trace-error-heading\">\n                                @if(step.category === 'api_call' && isHttpSuccessful(step)) {\n                                  Post-response processing stopped\n                                } @else {\n                                  Step stopped@if(error.statusCode) { \u00B7 HTTP {{ error.statusCode }} }\n                                }\n                              </strong>\n                              <strong class=\"trace-error-legacy\" aria-hidden=\"true\">\n                                Failed@if(error.statusCode) { \u2014 HTTP {{ error.statusCode }} }\n                              </strong>\n                              <span>{{ error.message }}</span>\n                            </div>\n                          }\n                          </div>\n                          }\n                        </section>\n                      </li>\n                    }\n                  </ol>\n                </section>\n                </div>\n              }\n            }\n          } @else {\r\n            @if(message.role === 'assistant') {\r\n              <div\r\n                class=\"assistant-markdown\"\r\n                [innerHTML]=\"message.content | maxAssistantMarkdown\"\r\n              ></div>\r\n            } @else {\r\n              <p>{{ message.content }}</p>\r\n            }\r\n          }\r\n          @if(message.role === 'assistant' && message.suggestions?.length) {\n            <div class=\"suggestions\">\r\n              @for(suggestion of message.suggestions ?? []; track suggestion) {\r\n                <button\r\n                  pButton\r\n                  type=\"button\"\r\n                  size=\"small\"\r\n                  text\r\n                  severity=\"secondary\"\n                  class=\"suggestion-chip\"\n                  [label]=\"suggestionLabel(suggestion)\"\n                  (click)=\"useSuggestion(suggestion)\"\n                ></button>\r\n              }\n            </div>\n          }\n        </article>\n      }\r\n      @if(isSending()) {\r\n        <article class=\"message assistant typing\" [attr.aria-label]=\"uiCopy.typingLabel\">\r\n          <span></span>\r\n          <span></span>\r\n          <span></span>\r\n        </article>\r\n      }\r\n    </div>\r\n\r\n    <form class=\"assistant-composer\" (ngSubmit)=\"sendMessage()\">\r\n      <textarea\r\n        pTextarea\r\n        name=\"assistantPrompt\"\r\n        rows=\"2\"\r\n        [placeholder]=\"uiCopy.placeholder\"\r\n        [ngModel]=\"input()\"\r\n        (ngModelChange)=\"input.set($event)\"\r\n        (keydown)=\"onComposerKeydown($event)\"\r\n      >\r\n      </textarea>\r\n      <button\r\n        pButton\r\n        type=\"submit\"\r\n        icon=\"pi pi-send\"\r\n        aria-label=\"Send message\"\r\n        [disabled]=\"!input().trim() || isSending()\"\r\n      ></button>\r\n    </form>\n  </section>\n</aside>\n", styles: [":host{position:fixed;right:24px;bottom:24px;z-index:1100}.assistant-launcher{position:relative;width:64px!important;height:64px!important;min-height:64px!important;padding:7px;border:1px solid rgba(124,58,237,.24)!important;border-radius:22px!important;color:inherit!important;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.98),transparent 38%),linear-gradient(145deg,#fff7ed,#f5f3ff 52%,#fdf2f8)!important;box-shadow:0 0 0 1px #ffffffd9 inset,0 12px 30px #5b21b62e!important;overflow:visible;transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);z-index:2}.assistant-launcher:before,.assistant-launcher:after{content:\"\";position:absolute;top:50%;left:50%;width:22px;height:2px;border-radius:999px;background:#0f6cae;opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0);transition:opacity .18s ease,transform .22s ease;z-index:1}.assistant-launcher:before{transform:translate(-50%,-50%) scale(.6) rotate(45deg)}.assistant-launcher:after{transform:translate(-50%,-50%) scale(.6) rotate(-45deg)}.assistant-launcher:hover,.assistant-launcher:focus-visible{border-color:#ec489975!important;background:radial-gradient(circle at 30% 18%,#fff,transparent 38%),linear-gradient(145deg,#ffedd5,#ede9fe,#fce7f3)!important;box-shadow:0 0 0 3px #a855f71a,0 16px 34px #6d28d938!important;transform:translateY(-2px)}.assistant-launcher.is-open{background:#fff!important;box-shadow:0 0 0 2px #0078c838,0 14px 32px #0f172a2e!important;transform:translateY(0)}.assistant-launcher.is-open:before,.assistant-launcher.is-open:after{opacity:1}.assistant-launcher.is-open:before{transform:translate(-50%,-50%) scale(1) rotate(45deg)}.assistant-launcher.is-open:after{transform:translate(-50%,-50%) scale(1) rotate(-45deg)}.mascot{position:relative;display:inline-grid;width:54px;height:54px;place-items:center;transform-origin:50% 72%;transition:opacity .18s ease,transform .24s ease,filter .24s ease;z-index:0}.mascot-aura{position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 25deg,#f472b66b,#fbbf2452,#2dd4bf57,#8b5cf66b,#f472b66b);filter:blur(7px);animation:mascot-aura 3s ease-in-out infinite}.mascot-art{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 5px rgba(2,75,116,.2));animation:mascot-idle 3.4s ease-in-out infinite}.mascot-shell{fill:#7c3aed}.mascot-ear-left{fill:#ec4899}.mascot-ear-right{fill:#f97316}.mascot-ear{transform-box:fill-box;transform-origin:center}.mascot-face{fill:#211747;stroke:#ffffff4d;stroke-width:1}.mascot-signal{fill:#facc15;stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mascot-signal 2.2s ease-out infinite}.mascot-antenna,.mascot-sparkle,.mascot-shell-shine,.mascot-smile,.mascot-mark{fill:none;stroke-linecap:round;stroke-linejoin:round}.mascot-antenna{stroke:#6d28d9;stroke-width:2.5}.mascot-sparkle{stroke:#ec4899;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:mascot-sparkle 3.4s ease-in-out infinite}.mascot-shell-shine{stroke:#e9d5ffd1;stroke-width:2}.mascot-eye{fill:#5eead4;transform-box:fill-box;transform-origin:center;animation:mascot-blink 5.2s ease-in-out infinite}.mascot-smile{stroke:#fbbf24;stroke-width:2}.mascot-mark{stroke:#ffffffd1;stroke-width:2.2}.assistant-launcher:hover .mascot-art,.assistant-launcher:focus-visible .mascot-art{animation:mascot-greet .7s cubic-bezier(.2,.8,.2,1)}.assistant-launcher:hover .mascot-ear-right,.assistant-launcher:focus-visible .mascot-ear-right{animation:mascot-ear-wave .7s ease-in-out}.assistant-launcher.is-open .mascot{filter:saturate(1.08);opacity:.24;transform:scale(.82) rotate(-5deg)}.mascot.large{width:52px;height:52px;flex:0 0 auto}@keyframes mascot-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1deg)}}@keyframes mascot-greet{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-5deg)}65%{transform:translateY(-2px) rotate(4deg)}}@keyframes mascot-ear-wave{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(-12deg) scaleY(1.12)}}@keyframes mascot-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes mascot-signal{0%,55%,to{opacity:1;transform:scale(1)}70%{opacity:.55;transform:scale(1.42)}}@keyframes mascot-sparkle{0%,62%,to{opacity:0;transform:scale(.5) rotate(0)}72%{opacity:1;transform:scale(1) rotate(90deg)}84%{opacity:0;transform:scale(.7) rotate(150deg)}}@keyframes mascot-aura{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:.85;transform:scale(1.08)}}.assistant-window{position:fixed;top:50%;right:24px;z-index:1;width:min(560px,100vw - 48px);height:min(80vh,820px);max-height:calc(100dvh - 48px);border:1px solid rgba(148,163,184,.24);border-radius:24px;background:#fffffff5;box-shadow:0 24px 70px #0f172a33,0 0 0 1px #ffffffad inset;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;translate:0 -50%;transform:translate3d(40px,28px,0) scale(.94);transform-origin:right bottom;transition:opacity .22s ease,transform .3s cubic-bezier(.4,0,1,1),visibility 0s linear .3s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);will-change:opacity,transform}.assistant-window.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1);transition:opacity .28s ease,transform .46s cubic-bezier(.16,1,.3,1),visibility 0s}.assistant-panel{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;border-radius:inherit;background:linear-gradient(180deg,#f8fafcd1,#f1f5f9f5),var(--background-color, #f8fafc);overflow:hidden}.assistant-header,.assistant-composer{display:flex;gap:12px;align-items:center;padding:16px 18px;background:#ffffffeb;border-bottom:1px solid rgba(226,232,240,.86)}.assistant-identity{display:grid;gap:5px;min-width:0}.assistant-name{margin:0;width:fit-content;color:var(--primary-color, #2563eb);font-family:Montserrat,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.045em;line-height:.9}.assistant-subtitle{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.sources span{color:#64748b;font-size:12px;font-weight:600}.assistant-header .header-action:first-of-type{margin-left:auto}.assistant-header .header-action{width:38px;height:38px;margin-left:0;color:#475569;background:transparent}.assistant-header .header-action:hover{background:#0f172a0f}.assistant-messages{min-height:0;overflow:auto;padding:18px;scrollbar-width:thin}.message{position:relative;width:fit-content;max-width:92%;margin-bottom:14px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a14,0 10px 24px #0f172a0f;-webkit-user-select:text;user-select:text}.message.assistant{width:100%;max-width:100%}.message.user{width:fit-content;max-width:88%;margin-left:auto;color:#fff;background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);border-bottom-right-radius:6px}.message.user p{color:inherit}.message.error{border-color:var(--danger-color, #dc2626)}.message p{margin:0;line-height:1.45}.assistant-result{color:#1e293b}.assistant-cards{display:grid;gap:10px;margin-top:12px}.assistant-card{overflow:hidden;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 8px 22px #0f172a0f}.assistant-card>header{display:grid;gap:2px;padding:11px 12px;border-bottom:1px solid #e2e8f0}.assistant-card>header strong{color:#0f172a;font-size:14px}.assistant-card>header span,.assistant-card>footer{color:#64748b;font-size:11px}.assistant-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.assistant-card-metric{display:grid;min-width:0;gap:3px;padding:11px 9px;border-right:1px solid #e2e8f0}.assistant-card-metric:last-child{border-right:0}.assistant-card-metric span{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.assistant-card-metric strong{color:#1e293b;font-size:13px;overflow-wrap:anywhere}.assistant-card-metric[data-tone=positive] strong{color:#047857}.assistant-card-metric[data-tone=warning] strong{color:#b45309}.assistant-card>footer{padding:8px 12px;border-top:1px solid #e2e8f0;background:#f8fafcb8}:host ::ng-deep .assistant-markdown{line-height:1.45}:host ::ng-deep .assistant-markdown>:first-child{margin-top:0}:host ::ng-deep .assistant-markdown>:last-child{margin-bottom:0}:host ::ng-deep .assistant-markdown p{margin:0 0 8px}:host ::ng-deep .assistant-markdown ul,:host ::ng-deep .assistant-markdown ol{margin:8px 0;padding-left:22px}:host ::ng-deep .assistant-markdown li+li{margin-top:4px}:host ::ng-deep .assistant-markdown strong{font-weight:700}:host ::ng-deep .assistant-markdown code{padding:1px 4px;border-radius:4px;background:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}:host ::ng-deep .assistant-markdown a{color:var(--primary-color, #2563eb);text-decoration:underline}.assistant-status{display:inline-flex;margin-top:8px;padding:3px 8px;border-radius:999px;color:#475569;background:#e2e8f0;font-size:11px;font-weight:600;text-transform:capitalize}.pending-action{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb}.pending-action-heading{display:flex;align-items:center;justify-content:space-between;color:#92400e}.pending-action-heading span{padding:2px 7px;border-radius:999px;color:#78350f;background:#fde68a;font-size:11px;font-weight:700}.pending-action small{color:#78716c}.pending-action-buttons{display:flex;gap:8px}.action-decision{color:#475569;font-weight:600}.assistant-sources{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px}.assistant-tables{display:grid;gap:10px;margin-top:12px}.assistant-table-section{display:grid;gap:6px}.assistant-table-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:600}.assistant-table-wrap{overflow:auto;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, 6px)}.assistant-table-wrap table{width:100%;min-width:420px;border-collapse:collapse;background:#fff}.assistant-table-wrap th,.assistant-table-wrap td{padding:8px 10px;border-bottom:1px solid var(--border-color, #e2e8f0);color:#334155;font-size:12px;line-height:1.35;text-align:left;vertical-align:top}.assistant-table-wrap th{color:#475569;font-weight:600;background:#f8fafc}.assistant-table-wrap tr:last-child td{border-bottom:0}.assistant-table-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:150px}.details-toggle{display:flex;width:fit-content;margin:10px 0 0 auto;padding:0;border:0;color:var(--primary-color, #2563eb);background:transparent;font:inherit;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.details-toggle:hover{color:var(--primary-dark-color, #1d4ed8)}.details-toggle:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:3px}.developer-details{display:grid;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:#f8fafc}.developer-details-header h3,.developer-details-header p{margin:0}.developer-details-header h3{color:#0f172a;font-size:13px;font-weight:600}.developer-details-header p{margin-top:2px;color:#64748b;font-size:11px}.workflow-trace{display:grid;gap:0;margin:0;padding:0;list-style:none}.workflow-step{display:block;min-width:0}.workflow-category{color:#64748b;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.workflow-meta{display:grid;flex:0 0 auto;gap:2px;justify-items:end;color:#64748b;font-size:9px}.workflow-status{padding:2px 5px;border-radius:999px;color:#334155;background:#e2e8f0;font-weight:600;text-transform:capitalize}.workflow-step[data-status=succeeded] .workflow-status{color:#166534;background:#dcfce7}.workflow-step[data-status=failed] .workflow-status{color:#991b1b;background:#fee2e2}.trace-json{display:grid;gap:4px;margin-top:8px}.trace-json>span{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.trace-json pre{max-height:280px;margin:0;padding:8px;overflow:auto;border-radius:6px;color:#dbeafe;background:#0f172a;font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.trace-error{display:grid;gap:3px;margin-top:8px;padding:8px;border-left:3px solid #dc2626;border-radius:4px;color:#991b1b;background:#fef2f2;font-size:11px}.developer-details-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.developer-eyebrow,.trace-section-label{color:#2563eb;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.trace-run-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.trace-metric{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.trace-metric span,.trace-loop-policy span{color:#64748b;font-size:9px;font-weight:600}.trace-metric strong{color:#0f172a;font-size:13px}.trace-loop-policy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1/-1;gap:5px 12px;align-items:center;padding:10px;border:1px solid #c7d2fe;border-radius:9px;background:#eef2ff}.trace-loop-policy div{display:grid;gap:2px}.trace-loop-policy strong{color:#312e81;font-size:11px}.trace-loop-policy p{grid-column:1/-1;margin:0;color:#475569;font-size:10px;line-height:1.45}.trace-no-loop{padding:3px 7px;border-radius:999px;color:#166534!important;background:#dcfce7;font-weight:600!important}.workflow-summary{margin:9px 0 0;color:#475569;font-size:10.5px;line-height:1.5}.trace-technology{display:grid;gap:6px;margin-top:10px;padding:8px;border:1px solid #dbeafe;border-radius:7px;background:#f8fbff}.trace-inline-facts{display:flex;flex-wrap:wrap;gap:5px}.trace-inline-facts>span{display:grid;gap:1px;max-width:100%;padding:4px 6px;border-radius:5px;color:#1e293b;background:#fff;font-size:9.5px;overflow-wrap:anywhere}.trace-inline-facts small{color:#64748b;font-size:8px;font-weight:600;text-transform:uppercase}.trace-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;margin-top:8px;padding:8px;border-left:3px solid #8b5cf6;border-radius:5px;background:#f5f3ff}.trace-control>div{display:grid;gap:2px}.trace-control strong,.trace-control>span{color:#5b21b6;font-size:9.5px}.trace-control p{grid-column:1/-1;margin:0;color:#475569;font-size:9.5px;line-height:1.4}.trace-query,.trace-section,.trace-arguments,.trace-ranking-wrap{display:grid;gap:5px;margin-top:10px}.trace-query>span,.trace-transform>div>span,.trace-vector>span,.trace-payload-grid section>span,.trace-tool-call>span,.trace-supabase-call span,.trace-decision>span{color:#64748b;font-size:9px;font-weight:600;text-transform:uppercase}.trace-query blockquote{margin:0;padding:8px 10px;border-left:3px solid #2563eb;border-radius:5px;color:#172554;background:#eff6ff;font-size:11px;font-weight:600;line-height:1.45}.trace-query-compact blockquote{border-color:#8b5cf6;color:#4c1d95;background:#f5f3ff}.trace-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.trace-data-card{min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.trace-data-card-accent{border-color:#bfdbfe;background:#eff6ff}.trace-data-card h5{margin:0 0 5px;color:#334155;font-size:10px}.trace-field-list,.trace-argument-grid{display:grid;gap:4px;margin:0}.trace-field-list>div{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);gap:6px}.trace-field-list dt,.trace-argument-grid dt{color:#64748b;font-size:8.5px}.trace-field-list dd,.trace-argument-grid dd{margin:0;color:#1e293b;font-size:9px;font-weight:600;overflow-wrap:anywhere}.trace-transform{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:stretch;margin-top:10px}.trace-transform>div{display:grid;gap:5px;padding:9px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.trace-transform .trace-transform-result{border-color:#bfdbfe;background:#eff6ff}.trace-transform p{margin:0;color:#1e293b;font-size:10px;font-weight:600;line-height:1.4}.trace-transform-arrow{display:grid;place-items:center;color:#2563eb;font-size:16px;font-weight:600}.trace-entity-list{display:flex;flex-wrap:wrap;gap:5px}.trace-entity-list>span{display:flex;gap:5px;align-items:center;padding:4px 7px;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;background:#fff7ed;font-size:9.5px}.trace-entity-list small{color:#c2410c;font-size:7.5px;font-weight:600;text-transform:uppercase}.trace-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.trace-stat-grid>div{display:grid;gap:2px;padding:7px;border:1px solid #e2e8f0;border-radius:6px}.trace-stat-grid span{color:#64748b;font-size:8.5px}.trace-stat-grid strong{color:#0f172a;font-size:10px;overflow-wrap:anywhere}.trace-vector{display:grid;gap:4px;margin-top:7px}.trace-vector code{padding:7px;overflow:auto;border-radius:5px;color:#c4b5fd;background:#1e1b4b;font-size:8.5px;white-space:nowrap}.trace-supabase-call{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding:9px;border:1px solid #a7f3d0;border-radius:7px;background:#ecfdf5}.trace-supabase-call>div{display:grid;gap:2px}.trace-supabase-call strong{color:#065f46;font-size:10px;overflow-wrap:anywhere}.trace-table-list{grid-column:1/-1}.trace-table-list>div{display:flex;flex-wrap:wrap;gap:4px}.trace-table-list code{padding:3px 5px;border-radius:4px;color:#065f46;background:#d1fae5;font-size:8.5px}.trace-decision{display:grid;gap:4px;margin-top:7px;padding:9px;border-left:3px solid #16a34a;border-radius:5px;background:#f0fdf4}.trace-decision strong{color:#14532d;font-size:11px}.trace-decision div{display:flex;flex-wrap:wrap;gap:8px;color:#166534;font-size:8.5px}.trace-ranking-wrap{overflow:auto}.trace-ranking{width:100%;min-width:610px;border-collapse:collapse;font-size:8.5px}.trace-ranking th,.trace-ranking td{padding:6px;border-bottom:1px solid #e2e8f0;color:#475569;text-align:right;vertical-align:top}.trace-ranking th{color:#64748b;background:#f8fafc;font-size:8px;text-transform:uppercase}.trace-ranking th:nth-child(2),.trace-ranking td:nth-child(2){text-align:left}.trace-ranking td:nth-child(2){display:grid;gap:2px;min-width:145px}.trace-ranking strong{color:#1e293b;font-size:9px}.trace-ranking code{color:#64748b;font-size:7.5px}.trace-argument-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3px}.trace-argument-grid>div{min-width:0;padding:7px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.trace-tool-call,.trace-api-route{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding:8px;border-radius:6px;color:#dbeafe;background:#0f172a}.trace-tool-call>span{width:100%;color:#94a3b8}.trace-tool-call strong{color:#bfdbfe;font-size:10px}.trace-tool-call pre,.trace-payload-grid pre{width:100%;max-height:220px;margin:0;overflow:auto;color:#dbeafe;font-size:9px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.trace-api-route>code{flex:1 1 180px;color:#e2e8f0;font-size:9px;overflow-wrap:anywhere}.trace-http-method,.trace-http-status{padding:3px 6px;border-radius:4px;color:#fff;background:#2563eb;font-size:8.5px;font-weight:600}.trace-http-status.success{color:#bbf7d0;background:#166534}.trace-http-status.error{color:#fecaca;background:#991b1b}.trace-payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.trace-payload-grid section{display:grid;gap:5px;min-width:0;padding:8px;border:1px solid #334155;border-radius:6px;background:#0f172a}.trace-payload-grid section>span{color:#94a3b8}.trace-error.trace-warning{border-left-color:#f59e0b;color:#92400e;background:#fffbeb}.trace-error-legacy{display:none}.trace-error-heading{font-size:10px}.details-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;padding:14px;place-items:center;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.details-dialog-backdrop .developer-details{display:block;width:100%;max-height:100%;margin:0;padding:0 14px 14px;overflow:auto;overscroll-behavior:contain;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 70px #0f172a4d}.details-dialog-backdrop .developer-details-header{position:sticky;top:0;z-index:3;margin:0 -14px 14px;padding:14px;border-bottom:1px solid #e2e8f0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-dialog-actions{display:flex;flex:0 0 auto;gap:7px;align-items:center}.details-dialog-close{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#475569;background:#fff;cursor:pointer}.details-dialog-close:hover{color:#0f172a;background:#f1f5f9}.details-dialog-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.details-dialog-backdrop .trace-run-summary{margin-bottom:6px;padding-bottom:14px;border-bottom:1px solid #cbd5e1}.details-dialog-backdrop .trace-metric{padding:0 9px;border:0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .trace-metric:nth-child(4){border-right:0}.details-dialog-backdrop .trace-loop-policy{margin-top:5px;padding:9px 0 0;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .workflow-trace{display:block}.details-dialog-backdrop .workflow-step{display:block;border-bottom:1px solid #cbd5e1}.workflow-section{display:block}.workflow-step-toggle{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;padding:14px 2px;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.workflow-step-toggle:hover{background:#f8fafc}.workflow-step-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.workflow-step-toggle>div:first-child{display:grid;min-width:0;gap:2px}.workflow-step-toggle h4{margin:0;color:#0f172a;font-size:12px;font-weight:600;line-height:1.4;text-decoration:underline;text-decoration-color:#94a3b8;text-underline-offset:4px}.workflow-step-number{display:block;color:#2563eb;font-size:10px;font-weight:600}.workflow-expand-icon{color:#64748b;font-size:10px}.workflow-step-content{padding:0 2px 16px}.details-dialog-backdrop .workflow-summary{margin-top:0;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.details-dialog-backdrop .trace-technology,.details-dialog-backdrop .trace-control{padding:9px 0;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .trace-control{border-left:0}.details-dialog-backdrop .trace-inline-facts>span{padding:0 8px 0 0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop :is(h3,h4,h5,strong,.workflow-status,.trace-section-label,.developer-eyebrow){font-weight:600!important}@media (max-width: 520px){.trace-run-summary,.trace-card-grid,.trace-stat-grid,.trace-payload-grid,.trace-argument-grid,.trace-transform{grid-template-columns:1fr}.trace-transform-arrow{transform:rotate(90deg)}}.suggestions{display:grid;gap:0;margin-top:12px}.suggestion-chip{justify-content:flex-start;width:100%;padding:6px 0;border:1px solid transparent;border-radius:999px;color:var(--primary-color, #2563eb);background:transparent;font-weight:600;box-shadow:none;text-align:left;transition:padding .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.suggestion-chip:hover{padding:6px 12px;border-color:rgba(var(--primary-color-rgb, 37, 99, 235),.28);color:var(--primary-color, #2563eb);background:rgba(var(--primary-color-rgb, 37, 99, 235),.08);box-shadow:0 4px 14px #0f172a0f}.response-details{display:grid;gap:12px;margin-top:12px}.response-section{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.response-section:last-child{padding-bottom:0;border-bottom:0}.response-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:600}.quoted{padding:8px 10px;border-left:5px solid var(--primary-color, #2563eb);border-radius:var(--border-radius, 6px);color:#1e293b;background:#f8fafc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-grid div{min-width:0;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.detail-grid dt{margin-bottom:3px;color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.detail-grid dd{margin:0;color:#334155;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.detail-grid dd span{display:block;margin-top:2px;color:#64748b;font-size:11px}.api-call-summary,.json-block{display:grid;gap:6px;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.api-call-summary .detail-label,.json-block .detail-label{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.api-call-summary code{color:var(--secondary-color, #0f172a);font-weight:600;white-space:normal;word-break:break-word}.json-block pre{max-height:220px;margin:0;overflow:auto;color:#0f172a;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.typing{display:flex;width:fit-content;max-width:fit-content;gap:5px;align-items:center;padding:4px 0;border:0;background:transparent;box-shadow:none}.typing span{width:7px;height:7px;border-radius:50%;background:var(--primary-color, #2563eb);animation:typing-dot .85s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.assistant-composer{padding:14px 16px 16px;border-top:1px solid rgba(226,232,240,.9);border-bottom:0;box-shadow:0 -10px 30px #0f172a0a}.assistant-composer textarea{flex:1;min-height:46px;max-height:120px;border-radius:18px;background:#fff;resize:vertical}.assistant-composer button[type=submit]{width:44px;height:44px;border-radius:16px}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{to{opacity:.35;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.mascot-aura,.mascot-art,.mascot-eye,.mascot-signal,.mascot-sparkle,.assistant-launcher:hover .mascot-art,.assistant-launcher:focus-visible .mascot-art,.assistant-launcher:hover .mascot-ear-right,.assistant-launcher:focus-visible .mascot-ear-right{animation:none}.assistant-launcher,.mascot{transition-duration:.01ms}.assistant-window,.assistant-window.is-open{transition:none}}@media (max-width: 640px){:host{right:16px;bottom:16px}.assistant-window{right:12px;width:calc(100vw - 24px);height:min(84vh,100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.assistant-messages{padding:14px}.detail-grid,.assistant-card-metrics{grid-template-columns:1fr}.assistant-card-metric{border-right:0;border-bottom:1px solid #e2e8f0}.assistant-card-metric:last-child{border-bottom:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i5.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: MaxAssistantMarkdownPipe, name: "maxAssistantMarkdown" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MaxAssistantComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MaxAssistantComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'max-assistant', imports: [CommonModule, FormsModule, ButtonModule, DrawerModule, TextareaModule, TooltipModule], template: "<button\n  pButton\n  type=\"button\"\n  class=\"assistant-launcher\"\n  [attr.aria-label]=\"uiCopy.launcherLabel\"\n  [pTooltip]=\"uiCopy.openTooltip\"\n  tooltipPosition=\"left\"\n  (click)=\"openPanel()\"\n>\n  <span class=\"mascot\" aria-hidden=\"true\"></span>\n</button>\n\n<p-drawer\n  [visible]=\"panelVisible()\"\n  (visibleChange)=\"panelVisible.set($event)\"\n  position=\"right\"\n  styleClass=\"assistant-drawer\"\n  [modal]=\"false\"\n  [blockScroll]=\"false\"\n  [showCloseIcon]=\"false\"\n>\n  <section class=\"assistant-panel\" [attr.aria-label]=\"uiCopy.title\">\n    <header class=\"assistant-header\">\n      <span class=\"mascot large\" aria-hidden=\"true\"></span>\n      <div>\n        <h2>{{ uiCopy.title }}</h2>\n        <span>{{ uiCopy.subtitle }}</span>\n      </div>\n      <button\n        pButton\n        type=\"button\"\n        icon=\"pi pi-times\"\n        text\n        rounded\n        severity=\"secondary\"\n        [attr.aria-label]=\"uiCopy.closeLabel\"\n        (click)=\"closePanel()\"\n      ></button>\n    </header>\n\n    <div #messagesViewport class=\"assistant-messages\">\n      @for(message of messages(); track message.id) {\n        <article class=\"message {{ message.role }}\" [class.error]=\"message.isError\">\n          @if(message.displayResponse; as responseDetails) {\n            <p class=\"assistant-result\">{{ responseDetails.agentInferredResponse || message.content }}</p>\n            <button\n              type=\"button\"\n              class=\"inference-toggle\"\n              [attr.aria-expanded]=\"isInferenceDetailsVisible(message.id)\"\n              (click)=\"toggleInferenceDetails(message.id)\"\n            >\n              {{ isInferenceDetailsVisible(message.id) ? 'Hide Details' : 'Show Details' }}\n            </button>\n\n            @if(isInferenceDetailsVisible(message.id)) {\n              <div class=\"response-details\">\n                @if(responseDetails.userQuery) {\n                  <section class=\"response-section\">\n                    <h3>User Query</h3>\n                    <p class=\"quoted\">\"{{ responseDetails.userQuery }}\"</p>\n                  </section>\n                }\n\n                @if(responseDetails.agentExtractedIntent; as intent) {\n                  <section class=\"response-section\">\n                    <h3>Agent Extracted Intent</h3>\n                    <dl class=\"detail-grid\">\n                      @if(intent.project || intent.projectKey) {\n                        <div>\n                          <dt>Project</dt>\n                          <dd>\n                            {{ intent.project || intent.projectKey }}\n                            @if(intent.projectKey) {\n                              <span>{{ intent.projectKey }}</span>\n                            }\n                          </dd>\n                        </div>\n                      }\n                      @if(intent.module) {\n                        <div>\n                          <dt>Module</dt>\n                          <dd>{{ intent.module }}</dd>\n                        </div>\n                      }\n                      @if(intent.intentLabel) {\n                        <div>\n                          <dt>Intent Label</dt>\n                          <dd>{{ intent.intentLabel }}</dd>\n                        </div>\n                      }\n                      @if(intent.intent) {\n                        <div>\n                          <dt>Intent</dt>\n                          <dd>{{ intent.intent }}</dd>\n                        </div>\n                      }\n                      @if(intent.confidence !== undefined) {\n                        <div>\n                          <dt>Confidence</dt>\n                          <dd>{{ intent.confidence | percent: '1.0-0' }}</dd>\n                        </div>\n                      }\n                    </dl>\n\n                    @if(message.formattedParameters) {\n                      <div class=\"json-block\">\n                        <strong>Parameters</strong>\n                        <pre>{{ message.formattedParameters }}</pre>\n                      </div>\n                    }\n\n                    @if(intent.api?.url || intent.api?.method) {\n                      <div class=\"api-call-summary\">\n                        <strong>API Called</strong>\n                        <code>{{ intent.api?.method || 'GET' }} {{ intent.api?.url || 'URL not provided' }}</code>\n                      </div>\n                    }\n\n                    @if(message.formattedApiBody) {\n                      <div class=\"json-block\">\n                        <strong>API Body</strong>\n                        <pre>{{ message.formattedApiBody }}</pre>\n                      </div>\n                    }\n                  </section>\n                }\n\n                @if(message.formattedApiResponse) {\n                  <section class=\"response-section\">\n                    <h3>API Response</h3>\n                    <div class=\"json-block\">\n                      <strong>JSON</strong>\n                      <pre>{{ message.formattedApiResponse }}</pre>\n                    </div>\n                  </section>\n                }\n              </div>\n            }\n          } @else {\n            <p>{{ message.content }}</p>\n          }\n          @if(message.role === 'assistant' && message.suggestions?.length) {\n            <div class=\"suggestions\">\n              @for(suggestion of message.suggestions ?? []; track suggestion) {\n                <button\n                  pButton\n                  type=\"button\"\n                  size=\"small\"\n                  text\n                  severity=\"secondary\"\n                  class=\"suggestion-chip\"\n                  [label]=\"suggestion\"\n                  (click)=\"useSuggestion(suggestion)\"\n                ></button>\n              }\n            </div>\n          }\n        </article>\n      }\n      @if(isSending()) {\n        <article class=\"message assistant typing\" [attr.aria-label]=\"uiCopy.typingLabel\">\n          <span></span>\n          <span></span>\n          <span></span>\n        </article>\n      }\n    </div>\n\n    <form class=\"assistant-composer\" (ngSubmit)=\"sendMessage()\">\n      <textarea\n        pTextarea\n        name=\"assistantPrompt\"\n        rows=\"2\"\n        [placeholder]=\"uiCopy.placeholder\"\n        [ngModel]=\"input()\"\n        (ngModelChange)=\"input.set($event)\"\n        (keydown)=\"onComposerKeydown($event)\"\n      >\n      </textarea>\n      <button\n        pButton\n        type=\"submit\"\n        icon=\"pi pi-send\"\n        aria-label=\"Send message\"\n        [disabled]=\"!input().trim() || isSending()\"\n      ></button>\n    </form>\n  </section>\n</p-drawer>\n", styles: [":host{position:fixed;right:24px;bottom:24px;z-index:1100}.assistant-launcher{width:70px!important;height:56px!important;min-height:60px!important;padding:0 5px;border:0!important;border-radius:18px!important;color:inherit!important;background:#d7edff!important;box-shadow:0 0 0 1px #0078c824,0 10px 24px #0f172a24!important;overflow:visible}.assistant-launcher:hover,.assistant-launcher:focus-visible{background:#fff!important;box-shadow:0 0 0 2px #0078c838,0 12px 28px #0f172a29!important}.mascot{position:relative;display:grid;place-items:center;width:64px;height:56px;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"120\" height=\"96\" viewBox=\"14 10 92 82\" role=\"img\" aria-label=\"Max smiling cloud AI mascot\">%0A  <defs>%0A    <filter id=\"softShadow\" x=\"-15%\" y=\"-15%\" width=\"130%\" height=\"140%\">%0A      <feDropShadow dx=\"0\" dy=\"5\" stdDeviation=\"5\" flood-color=\"%230078C8\" flood-opacity=\"0.16\"/>%0A    </filter>%0A  </defs>%0A%0A  <g fill=\"%230078C8\" opacity=\"0.28\">%0A    <circle cx=\"34\" cy=\"57\" r=\"24\"/>%0A    <circle cx=\"58\" cy=\"39\" r=\"31\"/>%0A    <circle cx=\"86\" cy=\"58\" r=\"25\"/>%0A    <rect x=\"28\" y=\"55\" width=\"68\" height=\"27\" rx=\"13.5\"/>%0A  </g>%0A%0A  <g fill=\"%230078C8\" opacity=\"0.68\" filter=\"url(%23softShadow)\">%0A    <circle cx=\"35\" cy=\"59\" r=\"20\"/>%0A    <circle cx=\"59\" cy=\"43\" r=\"27\"/>%0A    <circle cx=\"84\" cy=\"60\" r=\"21\"/>%0A    <rect x=\"31\" y=\"57\" width=\"64\" height=\"24\" rx=\"12\"/>%0A  </g>%0A%0A  <g fill=\"%23FFD54A\">%0A    <path d=\"M46 48l3.4 6.8 6.8 3.4-6.8 3.4L46 68.4l-3.4-6.8-6.8-3.4 6.8-3.4z\"/>%0A    <path d=\"M74 48l3.4 6.8 6.8 3.4-6.8 3.4-3.4 6.8-3.4-6.8-6.8-3.4 6.8-3.4z\"/>%0A    <path d=\"M88 28l2 4 4 2-4 2-2 4-2-4-4-2 4-2z\"/>%0A  </g>%0A%0A  <path%0A    d=\"M49 72c6 7 20 7 26 0\"%0A    fill=\"none\"%0A    stroke=\"%23FFD54A\"%0A    stroke-width=\"4\"%0A    stroke-linecap=\"round\"%0A  />%0A</svg>%0A') center/contain no-repeat}.mascot.large{width:58px;height:46px}::ng-deep .assistant-drawer{width:min(560px,100vw)!important}::ng-deep .assistant-drawer .p-drawer-content{padding:0}::ng-deep .assistant-drawer .p-drawer-header{display:none}.assistant-panel{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;background:var(--background-color, #f8fafc)}.assistant-header,.assistant-composer{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border-bottom:1px solid var(--border-color, #e2e8f0)}.assistant-header h2{margin:0;font-size:20px}.assistant-header span,.sources span{color:#64748b;font-size:12px;font-weight:700}.assistant-header button{margin-left:auto}.assistant-messages{min-height:0;overflow:auto;padding:18px}.message{width:fit-content;max-width:92%;margin-bottom:14px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--medium-border-radius, 8px);background:#fff;box-shadow:0 6px 18px #0f172a0f}.message.assistant{width:100%;max-width:100%}.message.user{width:fit-content;max-width:88%;margin-left:auto;color:#fff;background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb)}.message.error{border-color:var(--danger-color, #dc2626)}.message p{margin:0;line-height:1.45}.assistant-result{color:#1e293b}.inference-toggle{display:flex;width:fit-content;margin:10px 0 0 auto;padding:0;border:0;color:var(--primary-color, #2563eb);background:transparent;font:inherit;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.inference-toggle:hover{color:var(--primary-dark-color, #1d4ed8)}.inference-toggle:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:3px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-chip{border:1px solid rgba(var(--primary-color-rgb, 37, 99, 235),.28);color:var(--primary-dark-color, #1d4ed8);background:rgba(var(--primary-color-rgb, 37, 99, 235),.08);font-weight:700;box-shadow:0 4px 14px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.suggestion-chip:hover{border-color:rgba(var(--primary-color-rgb, 37, 99, 235),.42);color:var(--primary-dark-color, #1d4ed8);background:rgba(var(--primary-color-rgb, 37, 99, 235),.14)}.response-details{display:grid;gap:12px;margin-top:12px}.response-section{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.response-section:last-child{padding-bottom:0;border-bottom:0}.response-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:800}.quoted{padding:8px 10px;border-left:5px solid var(--primary-color, #2563eb);border-radius:var(--border-radius, 6px);color:#1e293b;background:#f8fafc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-grid div{min-width:0;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.detail-grid dt{margin-bottom:3px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid dd{margin:0;color:#334155;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.detail-grid dd span{display:block;margin-top:2px;color:#64748b;font-size:11px}.api-call-summary,.json-block{display:grid;gap:6px;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.api-call-summary strong,.json-block strong{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.api-call-summary code{color:var(--secondary-color, #0f172a);font-weight:800;white-space:normal;word-break:break-word}.json-block pre{max-height:220px;margin:0;overflow:auto;color:#0f172a;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.typing{display:flex;width:fit-content;max-width:fit-content;gap:5px;align-items:center;padding:4px 0;border:0;background:transparent;box-shadow:none}.typing span{width:7px;height:7px;border-radius:50%;background:var(--primary-color, #2563eb);animation:typing-dot .85s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.assistant-composer{border-top:1px solid var(--border-color, #e2e8f0);border-bottom:0}.assistant-composer textarea{flex:1;min-height:46px;max-height:120px;resize:vertical}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{to{opacity:.35;transform:translateY(-2px)}}@media(max-width:640px){:host{right:16px;bottom:16px}.assistant-launcher{width:62px!important;min-width:62px!important;height:54px!important;min-height:54px!important}.assistant-messages{padding:14px}.detail-grid{grid-template-columns:1fr}}\n"] }]
-        }], propDecorators: { messagesViewport: [{
+            args: [{ selector: 'max-assistant', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ButtonModule,
+                        TextareaModule,
+                        TooltipModule,
+                        MaxAssistantMarkdownPipe
+                    ], template: "<ng-template #mascotTemplate let-large=\"large\">\r\n  <span class=\"mascot\" [class.large]=\"large\" aria-hidden=\"true\">\r\n    <span class=\"mascot-aura\"></span>\r\n    <svg class=\"mascot-art\" viewBox=\"0 0 64 64\" focusable=\"false\">\r\n      <path class=\"mascot-sparkle\" d=\"M54 9v6M51 12h6\" />\r\n      <path class=\"mascot-antenna\" d=\"M32 14V9\" />\r\n      <circle class=\"mascot-signal\" cx=\"32\" cy=\"7\" r=\"3\" />\r\n      <rect class=\"mascot-ear mascot-ear-left\" x=\"5\" y=\"28\" width=\"7\" height=\"15\" rx=\"3.5\" />\r\n      <rect class=\"mascot-ear mascot-ear-right\" x=\"52\" y=\"28\" width=\"7\" height=\"15\" rx=\"3.5\" />\r\n      <rect class=\"mascot-shell\" x=\"8\" y=\"14\" width=\"48\" height=\"42\" rx=\"18\" />\r\n      <path class=\"mascot-shell-shine\" d=\"M17 24c4-7 12-9 20-8\" />\r\n      <rect class=\"mascot-face\" x=\"14\" y=\"21\" width=\"36\" height=\"26\" rx=\"12\" />\r\n      <g class=\"mascot-eyes\">\r\n        <rect class=\"mascot-eye\" x=\"21\" y=\"29\" width=\"5\" height=\"7\" rx=\"2.5\" />\r\n        <rect class=\"mascot-eye\" x=\"38\" y=\"29\" width=\"5\" height=\"7\" rx=\"2.5\" />\r\n      </g>\r\n      <path class=\"mascot-smile\" d=\"M25 39c2 2 4.5 3 7 3s5-1 7-3\" />\r\n      <path class=\"mascot-mark\" d=\"M26 18l6 5 6-5\" />\r\n    </svg>\r\n  </span>\r\n</ng-template>\r\n\r\n<button\n  #launcher\n  pButton\n  type=\"button\"\n  class=\"assistant-launcher\"\r\n  [class.is-open]=\"panelVisible()\"\r\n  [attr.aria-label]=\"launcherLabel\"\r\n  [attr.aria-pressed]=\"panelVisible()\"\r\n  [pTooltip]=\"launcherLabel\"\r\n  tooltipPosition=\"left\"\r\n  (click)=\"togglePanel()\"\r\n>\r\n  <ng-container\r\n    [ngTemplateOutlet]=\"mascotTemplate\"\r\n    [ngTemplateOutletContext]=\"{ large: false }\"\r\n  ></ng-container>\n</button>\n\n<aside\n  class=\"assistant-window\"\n  [class.is-open]=\"panelVisible()\"\n  [attr.aria-hidden]=\"!panelVisible()\"\n  [attr.inert]=\"panelVisible() ? null : ''\"\n  [attr.aria-label]=\"uiCopy.title\"\n  role=\"complementary\"\n>\n  <section class=\"assistant-panel\">\n    <header class=\"assistant-header\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"mascotTemplate\"\r\n        [ngTemplateOutletContext]=\"{ large: true }\"\r\n      ></ng-container>\r\n      <div class=\"assistant-identity\">\r\n        <h2 class=\"assistant-name\">{{ uiCopy.title }}</h2>\r\n        <span class=\"assistant-subtitle\">{{ uiCopy.subtitle }}</span>\r\n      </div>\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-refresh\"\r\n        text\r\n        rounded\r\n        severity=\"secondary\"\r\n        class=\"header-action\"\r\n        [attr.aria-label]=\"uiCopy.clearLabel\"\r\n        [pTooltip]=\"uiCopy.clearTooltip\"\r\n        tooltipPosition=\"bottom\"\r\n        (click)=\"clearChatSession()\"\r\n      ></button>\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-times\"\r\n        text\r\n        rounded\r\n        severity=\"secondary\"\r\n        class=\"header-action\"\r\n        [attr.aria-label]=\"uiCopy.closeLabel\"\r\n        (click)=\"closePanel()\"\r\n      ></button>\r\n    </header>\r\n\r\n    <div #messagesViewport class=\"assistant-messages\">\r\n      @for(message of messages(); track message.id) {\r\n        <article class=\"message {{ message.role }}\" [class.error]=\"message.isError\">\r\n          @if(message.displayResponse; as responseDetails) {\r\n            <div\n              class=\"assistant-result assistant-markdown\"\n              [innerHTML]=\"(responseDetails.markdown || responseDetails.agentInferredResponse || message.content) | maxAssistantMarkdown\"\n            ></div>\n            @if(message.cards?.length) {\n              <div class=\"assistant-cards\">\n                @for(card of message.cards ?? []; track $index) {\n                  <section class=\"assistant-card\">\n                    <header>\n                      <strong>{{ card.title }}</strong>\n                      @if(card.subtitle) {\n                        <span>{{ card.subtitle }}</span>\n                      }\n                    </header>\n                    <div class=\"assistant-card-metrics\">\n                      @for(metric of card.metrics; track metric.label) {\n                        <div class=\"assistant-card-metric\" [attr.data-tone]=\"metric.tone || 'default'\">\n                          <span>{{ metric.label }}</span>\n                          <strong>{{ metric.value }}</strong>\n                        </div>\n                      }\n                    </div>\n                    @if(card.footer) {\n                      <footer>{{ card.footer }}</footer>\n                    }\n                  </section>\n                }\n              </div>\n            }\n            @if(message.status) {\n              <span class=\"assistant-status\">{{ message.status.replaceAll('_', ' ') }}</span>\r\n            }\r\n            @if(message.pendingAction; as pendingAction) {\r\n              <section class=\"pending-action\" aria-label=\"Cortex action confirmation\">\r\n                <div class=\"pending-action-heading\">\r\n                  <strong>Confirmation required</strong>\r\n                  <span>{{ pendingAction.method }}</span>\r\n                </div>\r\n                <p>{{ pendingAction.summary }}</p>\r\n                <small>Expires {{ pendingAction.expiresAt | date: 'mediumTime' }}</small>\r\n                @if(message.actionDecision; as actionDecision) {\r\n                  <p class=\"action-decision\">\r\n                    {{ actionDecision === 'approve' ? 'Approval sent' : 'Rejection sent' }}\r\n                  </p>\r\n                } @else {\r\n                  <div class=\"pending-action-buttons\">\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      size=\"small\"\r\n                      severity=\"success\"\r\n                      label=\"Approve\"\r\n                      [disabled]=\"isSending()\"\r\n                      (click)=\"resolvePendingAction(message, 'approve')\"\r\n                    ></button>\r\n                    <button\r\n                      pButton\r\n                      type=\"button\"\r\n                      size=\"small\"\r\n                      outlined\r\n                      severity=\"secondary\"\r\n                      label=\"Reject\"\r\n                      [disabled]=\"isSending()\"\r\n                      (click)=\"resolvePendingAction(message, 'reject')\"\r\n                    ></button>\r\n                  </div>\r\n                }\r\n              </section>\r\n            }\r\n            @if(getResponseGrid(responseDetails).length) {\r\n              <div class=\"assistant-tables\">\r\n                @for(table of getResponseGrid(responseDetails); track $index) {\r\n                  <section class=\"assistant-table-section\">\r\n                    @if(table.title) {\r\n                      <h3>{{ table.title }}</h3>\r\n                    }\r\n                    <div class=\"assistant-table-wrap\">\r\n                      <table>\r\n                        <thead>\r\n                          <tr>\r\n                            @for(column of table.columns; track column.field) {\n                              <th>{{ column.header }}</th>\n                            }\n                            @if(table.actions?.length) {\n                              <th>Actions</th>\n                            }\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                          @for(row of table.rows; track $index; let rowIndex = $index) {\n                            <tr>\n                              @for(column of table.columns; track column.field) {\n                                <td>{{ row[column.field] }}</td>\n                              }\n                              @if(table.actions?.length) {\n                                <td>\n                                  <div class=\"assistant-table-actions\">\n                                    @for(action of getTableRowActions(table, rowIndex); track action.label) {\n                                      <button\n                                        pButton\n                                        type=\"button\"\n                                        size=\"small\"\n                                        [severity]=\"action.tone || 'secondary'\"\n                                        [outlined]=\"action.tone === 'danger'\"\n                                        [label]=\"action.label\"\n                                        [disabled]=\"isSending()\"\n                                        (click)=\"useTableAction(action)\"\n                                      ></button>\n                                    }\n                                  </div>\n                                </td>\n                              }\n                            </tr>\n                          }\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </section>\r\n                }\r\n              </div>\r\n            }\r\n            @if(message.sources?.length) {\r\n              <div class=\"assistant-sources\">\r\n                <strong>Sources</strong>\r\n                @for(source of message.sources ?? []; track source.citation) {\r\n                  <span>{{ source.citation }}</span>\r\n                }\r\n              </div>\r\n            }\r\n            @if(developerDetailsEnabled && message.developerTrace?.steps?.length) {\n              <button\n                type=\"button\"\n                class=\"details-toggle\"\n                [attr.aria-expanded]=\"isDetailsVisible(message.id)\"\n                (click)=\"toggleDetails(message.id, message.developerTrace!.steps[0]?.id)\"\n              >\n                {{ isDetailsVisible(message.id) ? 'Hide Details' : 'Show Details' }}\n              </button>\n\n              @if(isDetailsVisible(message.id)) {\n                <div class=\"details-dialog-backdrop\" (click)=\"toggleDetails(message.id)\">\n                <section\n                  class=\"developer-details\"\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  aria-label=\"Agent processing details\"\n                  (click)=\"$event.stopPropagation()\"\n                >\n                  <header class=\"developer-details-header\">\n                    <div>\n                      <span class=\"developer-eyebrow\">Developer trace</span>\n                      <h3>How this request was processed</h3>\n                      <p>A technical, stage-by-stage account of routing, inference, tools and results.</p>\n                    </div>\n                    <div class=\"details-dialog-actions\">\n                      <button\n                        type=\"button\"\n                        class=\"details-dialog-close\"\n                        aria-label=\"Close processing details\"\n                        (click)=\"toggleDetails(message.id)\"\n                      >\n                        <i class=\"pi pi-times\" aria-hidden=\"true\"></i>\n                      </button>\n                    </div>\n                  </header>\n\n                  @if(message.developerTrace!.run; as run) {\n                    <section class=\"trace-run-summary\" aria-label=\"Run summary\">\n                      <div class=\"trace-metric\"><span>Total runtime</span><strong>{{ run.durationMs }} ms</strong></div>\n                      <div class=\"trace-metric\"><span>Model calls</span><strong>{{ run.llmCalls }}</strong></div>\n                      <div class=\"trace-metric\"><span>Embedding calls</span><strong>{{ run.embeddingCalls }}</strong></div>\n                      <div class=\"trace-metric\"><span>API calls</span><strong>{{ run.apiCalls }}</strong></div>\n                      <div class=\"trace-loop-policy\">\n                        <div>\n                          <span>Execution architecture</span>\n                          <strong>Deterministic staged pipeline</strong>\n                        </div>\n                        <span class=\"trace-no-loop\">No autonomous model loop</span>\n                        <p>{{ run.loopPolicy }}</p>\n                      </div>\n                    </section>\n                  }\n\n                  <ol class=\"workflow-trace\">\n                    @for(step of message.developerTrace!.steps; track step.id; let stepIndex = $index) {\n                      <li class=\"workflow-step\" [attr.data-status]=\"traceStepTone(step)\">\n                        <section class=\"workflow-section\">\n                          <button\n                            type=\"button\"\n                            class=\"workflow-step-toggle\"\n                            [attr.aria-expanded]=\"isTraceStepExpanded(message.id, step.id)\"\n                            (click)=\"toggleTraceStep(message.id, step.id)\"\n                          >\n                            <div>\n                              <span class=\"workflow-step-number\">Stage {{ stepIndex + 1 }}</span>\n                              <h4>{{ step.title }}</h4>\n                              <span class=\"workflow-category\">{{ formatTraceCategory(step.category) }}</span>\n                            </div>\n                            <div class=\"workflow-meta\">\n                              <span class=\"workflow-status\">{{ traceStepStatus(step) }}</span>\n                              @if(step.durationMs !== undefined) {\n                                <span>{{ step.durationMs }} ms</span>\n                              }\n                              <i\n                                class=\"pi workflow-expand-icon\"\n                                [class.pi-chevron-down]=\"isTraceStepExpanded(message.id, step.id)\"\n                                [class.pi-chevron-right]=\"!isTraceStepExpanded(message.id, step.id)\"\n                                aria-hidden=\"true\"\n                              ></i>\n                            </div>\n                          </button>\n\n                          @if(isTraceStepExpanded(message.id, step.id)) {\n                          <div class=\"workflow-step-content\">\n                          @if(step.metadata?.summary) {\n                            <p class=\"workflow-summary\">{{ step.metadata!.summary }}</p>\n                          }\n\n                          @if(step.metadata?.technology; as technology) {\n                            <div class=\"trace-technology\">\n                              <span class=\"trace-section-label\">Technology</span>\n                              <div class=\"trace-inline-facts\">\n                                <span><small>Component</small>{{ technology.component }}</span>\n                                @if(technology.model) { <span><small>Model</small>{{ technology.model }}</span> }\n                                @if(technology.library) { <span><small>Library</small>{{ technology.library }}</span> }\n                                @if(technology.provider) { <span><small>Provider</small>{{ technology.provider }}</span> }\n                                @if(technology.operation) { <span><small>Operation</small>{{ technology.operation }}</span> }\n                              </div>\n                            </div>\n                          }\n\n                          @if(step.metadata?.control; as control) {\n                            <div class=\"trace-control\">\n                              <div>\n                                <span class=\"trace-section-label\">Stop control</span>\n                                <strong>{{ formatTraceLabel(control.mode) }}</strong>\n                              </div>\n                              @if(control.maximumIterations !== undefined) {\n                                <span>{{ control.iterationsUsed ?? 0 }} / {{ control.maximumIterations }} iteration</span>\n                              }\n                              <p>{{ control.stopCondition }}</p>\n                            </div>\n                          }\n\n                          @switch(step.category) {\n                            @case('request') {\n                              @if(traceField(step.input, 'userQuery'); as userQuery) {\n                                <div class=\"trace-query\">\n                                  <span>Original user query</span>\n                                  <blockquote>{{ formatTraceScalar(userQuery) }}</blockquote>\n                                </div>\n                              }\n                              <div class=\"trace-card-grid\">\n                                @for(group of [\n                                  { label: 'Product', value: traceMapField(step.input, 'product') },\n                                  { label: 'User', value: traceMapField(step.input, 'user') },\n                                  { label: 'Request context', value: traceMapField(step.input, 'requestContext') },\n                                  { label: 'Conversation', value: traceMapField(step.input, 'conversation') },\n                                  { label: 'Live API context', value: traceMapField(step.input, 'liveApi') }\n                                ]; track group.label) {\n                                  @if(group.value) {\n                                    <section class=\"trace-data-card\">\n                                      <h5>{{ group.label }}</h5>\n                                      <dl class=\"trace-field-list\">\n                                        @for(entry of traceEntries(group.value, group.label === 'User' ? ['permissions'] : []); track entry.key) {\n                                          <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                        }\n                                      </dl>\n                                    </section>\n                                  }\n                                }\n                              </div>\n                            }\n\n                            @case('intent_projection') {\n                              <div class=\"trace-transform\">\n                                <div>\n                                  <span>Original query</span>\n                                  <p>{{ formatTraceScalar(traceField(step.output, 'originalUserQuery') ?? traceField(step.input, 'originalUserQuery')) }}</p>\n                                </div>\n                                <span class=\"trace-transform-arrow\" aria-hidden=\"true\">\u2192</span>\n                                <div class=\"trace-transform-result\">\n                                  <span>Generalised intent sent to embedding</span>\n                                  <p>{{ formatTraceScalar(traceField(step.output, 'generalisedIntent') ?? traceField(step.output, 'routingText')) }}</p>\n                                </div>\n                              </div>\n                              @if(traceArrayField(step.output, 'removedArguments').length) {\n                                <div class=\"trace-section\">\n                                  <span class=\"trace-section-label\">Arguments removed before routing</span>\n                                  <div class=\"trace-entity-list\">\n                                    @for(argument of traceArrayField(step.output, 'removedArguments'); track $index) {\n                                      <span><small>{{ formatTraceScalar(traceField(argument, 'kind')) }}</small>{{ formatTraceScalar(traceField(argument, 'value')) }}</span>\n                                    }\n                                  </div>\n                                </div>\n                              }\n                            }\n\n                            @case('embedding') {\n                              <div class=\"trace-query trace-query-compact\">\n                                <span>Embedded text</span>\n                                <blockquote>{{ formatTraceScalar(traceField(step.input, 'generalisedIntent')) }}</blockquote>\n                              </div>\n                              <div class=\"trace-stat-grid\">\n                                <div><span>Embedding model</span><strong>{{ formatTraceScalar(traceField(step.output, 'model') ?? traceField(step.input, 'model')) }}</strong></div>\n                                <div><span>Dimensions</span><strong>{{ formatTraceScalar(traceField(step.output, 'dimensions')) }}</strong></div>\n                                <div><span>Vector magnitude</span><strong>{{ formatTraceScalar(traceField(step.output, 'vectorMagnitude')) }}</strong></div>\n                                <div><span>Full vector exposed</span><strong>{{ formatTraceScalar(traceField(step.output, 'fullVectorShown')) }}</strong></div>\n                              </div>\n                              @if(traceField(step.output, 'vectorPreview'); as vectorPreview) {\n                                <div class=\"trace-vector\">\n                                  <span>Vector preview</span>\n                                  <code>{{ formatTraceScalar(vectorPreview) }}</code>\n                                </div>\n                              }\n                            }\n\n                            @case('capability_routing') {\n                              <div class=\"trace-supabase-call\">\n                                <div><span>Supabase RPC</span><strong>{{ formatTraceScalar(traceField(step.input, 'rpc')) }}</strong></div>\n                                <div><span>Database</span><strong>{{ formatTraceScalar(traceField(step.input, 'database')) }}</strong></div>\n                                @if(traceArrayField(step.input, 'tables').length) {\n                                  <div class=\"trace-table-list\">\n                                    <span>Tables searched</span>\n                                    <div>\n                                      @for(table of traceArrayField(step.input, 'tables'); track $index) {\n                                        <code>{{ formatTraceScalar(table) }}</code>\n                                      }\n                                    </div>\n                                  </div>\n                                }\n                              </div>\n                              @if(traceMapField(step.output, 'decision'); as decision) {\n                                <section class=\"trace-decision\">\n                                  <span>Routing decision</span>\n                                  <strong>{{ formatTraceScalar(decision['selectedCapabilityLabel'] ?? decision['selectedCapabilityKey']) }}</strong>\n                                  <div>\n                                    <span>Status: {{ formatTraceScalar(decision['status']) }}</span>\n                                    <span>Confidence: {{ formatSimilarity(decision['confidence']) }}</span>\n                                    <span>Runner-up: {{ formatSimilarity(decision['runnerUpConfidence']) }}</span>\n                                  </div>\n                                </section>\n                              }\n                              @if(traceArrayField(step.output, 'matchedCapabilities').length) {\n                                <div class=\"trace-ranking-wrap\">\n                                  <span class=\"trace-section-label\">Ranked capability matches returned by Supabase</span>\n                                  <table class=\"trace-ranking\">\n                                    <thead><tr><th>#</th><th>Capability</th><th>Combined</th><th>Semantic</th><th>Definition</th><th>Example</th><th>Keyword</th></tr></thead>\n                                    <tbody>\n                                      @for(candidate of traceArrayField(step.output, 'matchedCapabilities'); track $index) {\n                                        <tr>\n                                          <td>{{ formatTraceScalar(traceField(candidate, 'rank')) }}</td>\n                                          <td><strong>{{ formatTraceScalar(traceField(candidate, 'label')) }}</strong><code>{{ formatTraceScalar(traceField(candidate, 'capabilityKey')) }}</code></td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'combinedScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'semanticScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'definitionScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'exampleScore')) }}</td>\n                                          <td>{{ formatSimilarity(traceField(candidate, 'keywordScore')) }}</td>\n                                        </tr>\n                                      }\n                                    </tbody>\n                                  </table>\n                                </div>\n                              }\n                            }\n\n                            @case('argument_extraction') {\n                              <div class=\"trace-card-grid\">\n                                @if(traceMapField(step.output, 'selectedCapability') ?? traceMapField(step.input, 'selectedCapability'); as capability) {\n                                  <section class=\"trace-data-card trace-data-card-accent\">\n                                    <h5>Selected capability</h5>\n                                    <dl class=\"trace-field-list\">\n                                      @for(entry of traceEntries(capability); track entry.key) {\n                                        <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                      }\n                                    </dl>\n                                  </section>\n                                }\n                                @if(traceMapField(step.input, 'tool'); as tool) {\n                                  <section class=\"trace-data-card\">\n                                    <h5>Allowlisted tool</h5>\n                                    <dl class=\"trace-field-list\">\n                                      @for(entry of traceEntries(tool); track entry.key) {\n                                        <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                      }\n                                    </dl>\n                                  </section>\n                                }\n                              </div>\n                              @if(traceMapField(step.output, 'extractedArguments'); as arguments) {\n                                <section class=\"trace-arguments\">\n                                  <span class=\"trace-section-label\">Arguments extracted from the original query</span>\n                                  <dl class=\"trace-argument-grid\">\n                                    @for(entry of traceEntries(arguments); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                              }\n                              @if(traceMapField(step.output, 'plannedToolCall'); as plannedCall) {\n                                <div class=\"trace-tool-call\">\n                                  <span>Planned tool call</span>\n                                  <strong>{{ formatTraceScalar(plannedCall['method']) }} \u00B7 {{ formatTraceScalar(plannedCall['toolName']) }}</strong>\n                                  <pre>{{ formatTraceValue(plannedCall['arguments']) }}</pre>\n                                </div>\n                              }\n                            }\n\n                            @case('api_call') {\n                              <div class=\"trace-api-route\">\n                                <span class=\"trace-http-method\">{{ formatTraceScalar(traceField(step.input, 'method')) }}</span>\n                                <code>{{ formatTraceScalar(traceField(step.input, 'path')) }}</code>\n                                @if(getHttpStatus(step); as statusCode) {\n                                  <span class=\"trace-http-status\" [class.success]=\"isHttpSuccessful(step)\" [class.error]=\"!isHttpSuccessful(step)\">\n                                    HTTP {{ statusCode }} \u00B7 {{ isHttpSuccessful(step) ? 'Success' : 'Error' }}\n                                  </span>\n                                }\n                              </div>\n                              <div class=\"trace-payload-grid\">\n                                @if(traceField(step.input, 'body'); as requestBody) {\n                                  <section><span>Request payload</span><pre>{{ formatTraceValue(requestBody) }}</pre></section>\n                                }\n                                @if(traceField(step.output, 'response'); as apiResponse) {\n                                  <section><span>API response</span><pre>{{ formatTraceValue(apiResponse) }}</pre></section>\n                                }\n                              </div>\n                            }\n\n                            @case('action') {\n                              <div class=\"trace-card-grid\">\n                                <section class=\"trace-data-card\">\n                                  <h5>Workflow input</h5>\n                                  <dl class=\"trace-field-list\">\n                                    @for(entry of traceEntries(step.input); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                                <section class=\"trace-data-card trace-data-card-accent\">\n                                  <h5>Outcome</h5>\n                                  <dl class=\"trace-field-list\">\n                                    @for(entry of traceEntries(step.output); track entry.key) {\n                                      <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                    }\n                                  </dl>\n                                </section>\n                              </div>\n                            }\n\n                            @case('response') {\n                              @if(traceField(step.output, 'answer'); as answer) {\n                                <div class=\"trace-query\"><span>Final grounded response</span><blockquote>{{ formatTraceScalar(answer) }}</blockquote></div>\n                              }\n                              <dl class=\"trace-argument-grid\">\n                                @for(entry of traceEntries(step.output); track entry.key) {\n                                  @if(entry.key !== 'answer') {\n                                    <div><dt>{{ entry.label }}</dt><dd>{{ formatTraceScalar(entry.value) }}</dd></div>\n                                  }\n                                }\n                              </dl>\n                            }\n\n                            @default {\n                              <div class=\"trace-payload-grid\">\n                                @if(step.input !== undefined) {\n                                  <section><span>Input</span><pre>{{ formatTraceValue(step.input) }}</pre></section>\n                                }\n                                @if(step.output !== undefined) {\n                                  <section><span>Output</span><pre>{{ formatTraceValue(step.output) }}</pre></section>\n                                }\n                              </div>\n                            }\n                          }\n\n                          @if(step.error; as error) {\n                            <div class=\"trace-error\" [class.trace-warning]=\"step.category === 'api_call' && isHttpSuccessful(step)\">\n                              <strong class=\"trace-error-heading\">\n                                @if(step.category === 'api_call' && isHttpSuccessful(step)) {\n                                  Post-response processing stopped\n                                } @else {\n                                  Step stopped@if(error.statusCode) { \u00B7 HTTP {{ error.statusCode }} }\n                                }\n                              </strong>\n                              <strong class=\"trace-error-legacy\" aria-hidden=\"true\">\n                                Failed@if(error.statusCode) { \u2014 HTTP {{ error.statusCode }} }\n                              </strong>\n                              <span>{{ error.message }}</span>\n                            </div>\n                          }\n                          </div>\n                          }\n                        </section>\n                      </li>\n                    }\n                  </ol>\n                </section>\n                </div>\n              }\n            }\n          } @else {\r\n            @if(message.role === 'assistant') {\r\n              <div\r\n                class=\"assistant-markdown\"\r\n                [innerHTML]=\"message.content | maxAssistantMarkdown\"\r\n              ></div>\r\n            } @else {\r\n              <p>{{ message.content }}</p>\r\n            }\r\n          }\r\n          @if(message.role === 'assistant' && message.suggestions?.length) {\n            <div class=\"suggestions\">\r\n              @for(suggestion of message.suggestions ?? []; track suggestion) {\r\n                <button\r\n                  pButton\r\n                  type=\"button\"\r\n                  size=\"small\"\r\n                  text\r\n                  severity=\"secondary\"\n                  class=\"suggestion-chip\"\n                  [label]=\"suggestionLabel(suggestion)\"\n                  (click)=\"useSuggestion(suggestion)\"\n                ></button>\r\n              }\n            </div>\n          }\n        </article>\n      }\r\n      @if(isSending()) {\r\n        <article class=\"message assistant typing\" [attr.aria-label]=\"uiCopy.typingLabel\">\r\n          <span></span>\r\n          <span></span>\r\n          <span></span>\r\n        </article>\r\n      }\r\n    </div>\r\n\r\n    <form class=\"assistant-composer\" (ngSubmit)=\"sendMessage()\">\r\n      <textarea\r\n        pTextarea\r\n        name=\"assistantPrompt\"\r\n        rows=\"2\"\r\n        [placeholder]=\"uiCopy.placeholder\"\r\n        [ngModel]=\"input()\"\r\n        (ngModelChange)=\"input.set($event)\"\r\n        (keydown)=\"onComposerKeydown($event)\"\r\n      >\r\n      </textarea>\r\n      <button\r\n        pButton\r\n        type=\"submit\"\r\n        icon=\"pi pi-send\"\r\n        aria-label=\"Send message\"\r\n        [disabled]=\"!input().trim() || isSending()\"\r\n      ></button>\r\n    </form>\n  </section>\n</aside>\n", styles: [":host{position:fixed;right:24px;bottom:24px;z-index:1100}.assistant-launcher{position:relative;width:64px!important;height:64px!important;min-height:64px!important;padding:7px;border:1px solid rgba(124,58,237,.24)!important;border-radius:22px!important;color:inherit!important;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.98),transparent 38%),linear-gradient(145deg,#fff7ed,#f5f3ff 52%,#fdf2f8)!important;box-shadow:0 0 0 1px #ffffffd9 inset,0 12px 30px #5b21b62e!important;overflow:visible;transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);z-index:2}.assistant-launcher:before,.assistant-launcher:after{content:\"\";position:absolute;top:50%;left:50%;width:22px;height:2px;border-radius:999px;background:#0f6cae;opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0);transition:opacity .18s ease,transform .22s ease;z-index:1}.assistant-launcher:before{transform:translate(-50%,-50%) scale(.6) rotate(45deg)}.assistant-launcher:after{transform:translate(-50%,-50%) scale(.6) rotate(-45deg)}.assistant-launcher:hover,.assistant-launcher:focus-visible{border-color:#ec489975!important;background:radial-gradient(circle at 30% 18%,#fff,transparent 38%),linear-gradient(145deg,#ffedd5,#ede9fe,#fce7f3)!important;box-shadow:0 0 0 3px #a855f71a,0 16px 34px #6d28d938!important;transform:translateY(-2px)}.assistant-launcher.is-open{background:#fff!important;box-shadow:0 0 0 2px #0078c838,0 14px 32px #0f172a2e!important;transform:translateY(0)}.assistant-launcher.is-open:before,.assistant-launcher.is-open:after{opacity:1}.assistant-launcher.is-open:before{transform:translate(-50%,-50%) scale(1) rotate(45deg)}.assistant-launcher.is-open:after{transform:translate(-50%,-50%) scale(1) rotate(-45deg)}.mascot{position:relative;display:inline-grid;width:54px;height:54px;place-items:center;transform-origin:50% 72%;transition:opacity .18s ease,transform .24s ease,filter .24s ease;z-index:0}.mascot-aura{position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 25deg,#f472b66b,#fbbf2452,#2dd4bf57,#8b5cf66b,#f472b66b);filter:blur(7px);animation:mascot-aura 3s ease-in-out infinite}.mascot-art{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 5px rgba(2,75,116,.2));animation:mascot-idle 3.4s ease-in-out infinite}.mascot-shell{fill:#7c3aed}.mascot-ear-left{fill:#ec4899}.mascot-ear-right{fill:#f97316}.mascot-ear{transform-box:fill-box;transform-origin:center}.mascot-face{fill:#211747;stroke:#ffffff4d;stroke-width:1}.mascot-signal{fill:#facc15;stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mascot-signal 2.2s ease-out infinite}.mascot-antenna,.mascot-sparkle,.mascot-shell-shine,.mascot-smile,.mascot-mark{fill:none;stroke-linecap:round;stroke-linejoin:round}.mascot-antenna{stroke:#6d28d9;stroke-width:2.5}.mascot-sparkle{stroke:#ec4899;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:mascot-sparkle 3.4s ease-in-out infinite}.mascot-shell-shine{stroke:#e9d5ffd1;stroke-width:2}.mascot-eye{fill:#5eead4;transform-box:fill-box;transform-origin:center;animation:mascot-blink 5.2s ease-in-out infinite}.mascot-smile{stroke:#fbbf24;stroke-width:2}.mascot-mark{stroke:#ffffffd1;stroke-width:2.2}.assistant-launcher:hover .mascot-art,.assistant-launcher:focus-visible .mascot-art{animation:mascot-greet .7s cubic-bezier(.2,.8,.2,1)}.assistant-launcher:hover .mascot-ear-right,.assistant-launcher:focus-visible .mascot-ear-right{animation:mascot-ear-wave .7s ease-in-out}.assistant-launcher.is-open .mascot{filter:saturate(1.08);opacity:.24;transform:scale(.82) rotate(-5deg)}.mascot.large{width:52px;height:52px;flex:0 0 auto}@keyframes mascot-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1deg)}}@keyframes mascot-greet{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-5deg)}65%{transform:translateY(-2px) rotate(4deg)}}@keyframes mascot-ear-wave{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(-12deg) scaleY(1.12)}}@keyframes mascot-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes mascot-signal{0%,55%,to{opacity:1;transform:scale(1)}70%{opacity:.55;transform:scale(1.42)}}@keyframes mascot-sparkle{0%,62%,to{opacity:0;transform:scale(.5) rotate(0)}72%{opacity:1;transform:scale(1) rotate(90deg)}84%{opacity:0;transform:scale(.7) rotate(150deg)}}@keyframes mascot-aura{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:.85;transform:scale(1.08)}}.assistant-window{position:fixed;top:50%;right:24px;z-index:1;width:min(560px,100vw - 48px);height:min(80vh,820px);max-height:calc(100dvh - 48px);border:1px solid rgba(148,163,184,.24);border-radius:24px;background:#fffffff5;box-shadow:0 24px 70px #0f172a33,0 0 0 1px #ffffffad inset;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;translate:0 -50%;transform:translate3d(40px,28px,0) scale(.94);transform-origin:right bottom;transition:opacity .22s ease,transform .3s cubic-bezier(.4,0,1,1),visibility 0s linear .3s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);will-change:opacity,transform}.assistant-window.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1);transition:opacity .28s ease,transform .46s cubic-bezier(.16,1,.3,1),visibility 0s}.assistant-panel{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;border-radius:inherit;background:linear-gradient(180deg,#f8fafcd1,#f1f5f9f5),var(--background-color, #f8fafc);overflow:hidden}.assistant-header,.assistant-composer{display:flex;gap:12px;align-items:center;padding:16px 18px;background:#ffffffeb;border-bottom:1px solid rgba(226,232,240,.86)}.assistant-identity{display:grid;gap:5px;min-width:0}.assistant-name{margin:0;width:fit-content;color:var(--primary-color, #2563eb);font-family:Montserrat,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.045em;line-height:.9}.assistant-subtitle{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.sources span{color:#64748b;font-size:12px;font-weight:600}.assistant-header .header-action:first-of-type{margin-left:auto}.assistant-header .header-action{width:38px;height:38px;margin-left:0;color:#475569;background:transparent}.assistant-header .header-action:hover{background:#0f172a0f}.assistant-messages{min-height:0;overflow:auto;padding:18px;scrollbar-width:thin}.message{position:relative;width:fit-content;max-width:92%;margin-bottom:14px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a14,0 10px 24px #0f172a0f;-webkit-user-select:text;user-select:text}.message.assistant{width:100%;max-width:100%}.message.user{width:fit-content;max-width:88%;margin-left:auto;color:#fff;background:var(--primary-color, #2563eb);border-color:var(--primary-color, #2563eb);border-bottom-right-radius:6px}.message.user p{color:inherit}.message.error{border-color:var(--danger-color, #dc2626)}.message p{margin:0;line-height:1.45}.assistant-result{color:#1e293b}.assistant-cards{display:grid;gap:10px;margin-top:12px}.assistant-card{overflow:hidden;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 8px 22px #0f172a0f}.assistant-card>header{display:grid;gap:2px;padding:11px 12px;border-bottom:1px solid #e2e8f0}.assistant-card>header strong{color:#0f172a;font-size:14px}.assistant-card>header span,.assistant-card>footer{color:#64748b;font-size:11px}.assistant-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.assistant-card-metric{display:grid;min-width:0;gap:3px;padding:11px 9px;border-right:1px solid #e2e8f0}.assistant-card-metric:last-child{border-right:0}.assistant-card-metric span{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.assistant-card-metric strong{color:#1e293b;font-size:13px;overflow-wrap:anywhere}.assistant-card-metric[data-tone=positive] strong{color:#047857}.assistant-card-metric[data-tone=warning] strong{color:#b45309}.assistant-card>footer{padding:8px 12px;border-top:1px solid #e2e8f0;background:#f8fafcb8}:host ::ng-deep .assistant-markdown{line-height:1.45}:host ::ng-deep .assistant-markdown>:first-child{margin-top:0}:host ::ng-deep .assistant-markdown>:last-child{margin-bottom:0}:host ::ng-deep .assistant-markdown p{margin:0 0 8px}:host ::ng-deep .assistant-markdown ul,:host ::ng-deep .assistant-markdown ol{margin:8px 0;padding-left:22px}:host ::ng-deep .assistant-markdown li+li{margin-top:4px}:host ::ng-deep .assistant-markdown strong{font-weight:700}:host ::ng-deep .assistant-markdown code{padding:1px 4px;border-radius:4px;background:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}:host ::ng-deep .assistant-markdown a{color:var(--primary-color, #2563eb);text-decoration:underline}.assistant-status{display:inline-flex;margin-top:8px;padding:3px 8px;border-radius:999px;color:#475569;background:#e2e8f0;font-size:11px;font-weight:600;text-transform:capitalize}.pending-action{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb}.pending-action-heading{display:flex;align-items:center;justify-content:space-between;color:#92400e}.pending-action-heading span{padding:2px 7px;border-radius:999px;color:#78350f;background:#fde68a;font-size:11px;font-weight:700}.pending-action small{color:#78716c}.pending-action-buttons{display:flex;gap:8px}.action-decision{color:#475569;font-weight:600}.assistant-sources{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px}.assistant-tables{display:grid;gap:10px;margin-top:12px}.assistant-table-section{display:grid;gap:6px}.assistant-table-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:600}.assistant-table-wrap{overflow:auto;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--border-radius, 6px)}.assistant-table-wrap table{width:100%;min-width:420px;border-collapse:collapse;background:#fff}.assistant-table-wrap th,.assistant-table-wrap td{padding:8px 10px;border-bottom:1px solid var(--border-color, #e2e8f0);color:#334155;font-size:12px;line-height:1.35;text-align:left;vertical-align:top}.assistant-table-wrap th{color:#475569;font-weight:600;background:#f8fafc}.assistant-table-wrap tr:last-child td{border-bottom:0}.assistant-table-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:150px}.details-toggle{display:flex;width:fit-content;margin:10px 0 0 auto;padding:0;border:0;color:var(--primary-color, #2563eb);background:transparent;font:inherit;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.details-toggle:hover{color:var(--primary-dark-color, #1d4ed8)}.details-toggle:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:3px}.developer-details{display:grid;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:#f8fafc}.developer-details-header h3,.developer-details-header p{margin:0}.developer-details-header h3{color:#0f172a;font-size:13px;font-weight:600}.developer-details-header p{margin-top:2px;color:#64748b;font-size:11px}.workflow-trace{display:grid;gap:0;margin:0;padding:0;list-style:none}.workflow-step{display:block;min-width:0}.workflow-category{color:#64748b;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.workflow-meta{display:grid;flex:0 0 auto;gap:2px;justify-items:end;color:#64748b;font-size:9px}.workflow-status{padding:2px 5px;border-radius:999px;color:#334155;background:#e2e8f0;font-weight:600;text-transform:capitalize}.workflow-step[data-status=succeeded] .workflow-status{color:#166534;background:#dcfce7}.workflow-step[data-status=failed] .workflow-status{color:#991b1b;background:#fee2e2}.trace-json{display:grid;gap:4px;margin-top:8px}.trace-json>span{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.trace-json pre{max-height:280px;margin:0;padding:8px;overflow:auto;border-radius:6px;color:#dbeafe;background:#0f172a;font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.trace-error{display:grid;gap:3px;margin-top:8px;padding:8px;border-left:3px solid #dc2626;border-radius:4px;color:#991b1b;background:#fef2f2;font-size:11px}.developer-details-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.developer-eyebrow,.trace-section-label{color:#2563eb;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.trace-run-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.trace-metric{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.trace-metric span,.trace-loop-policy span{color:#64748b;font-size:9px;font-weight:600}.trace-metric strong{color:#0f172a;font-size:13px}.trace-loop-policy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1/-1;gap:5px 12px;align-items:center;padding:10px;border:1px solid #c7d2fe;border-radius:9px;background:#eef2ff}.trace-loop-policy div{display:grid;gap:2px}.trace-loop-policy strong{color:#312e81;font-size:11px}.trace-loop-policy p{grid-column:1/-1;margin:0;color:#475569;font-size:10px;line-height:1.45}.trace-no-loop{padding:3px 7px;border-radius:999px;color:#166534!important;background:#dcfce7;font-weight:600!important}.workflow-summary{margin:9px 0 0;color:#475569;font-size:10.5px;line-height:1.5}.trace-technology{display:grid;gap:6px;margin-top:10px;padding:8px;border:1px solid #dbeafe;border-radius:7px;background:#f8fbff}.trace-inline-facts{display:flex;flex-wrap:wrap;gap:5px}.trace-inline-facts>span{display:grid;gap:1px;max-width:100%;padding:4px 6px;border-radius:5px;color:#1e293b;background:#fff;font-size:9.5px;overflow-wrap:anywhere}.trace-inline-facts small{color:#64748b;font-size:8px;font-weight:600;text-transform:uppercase}.trace-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;margin-top:8px;padding:8px;border-left:3px solid #8b5cf6;border-radius:5px;background:#f5f3ff}.trace-control>div{display:grid;gap:2px}.trace-control strong,.trace-control>span{color:#5b21b6;font-size:9.5px}.trace-control p{grid-column:1/-1;margin:0;color:#475569;font-size:9.5px;line-height:1.4}.trace-query,.trace-section,.trace-arguments,.trace-ranking-wrap{display:grid;gap:5px;margin-top:10px}.trace-query>span,.trace-transform>div>span,.trace-vector>span,.trace-payload-grid section>span,.trace-tool-call>span,.trace-supabase-call span,.trace-decision>span{color:#64748b;font-size:9px;font-weight:600;text-transform:uppercase}.trace-query blockquote{margin:0;padding:8px 10px;border-left:3px solid #2563eb;border-radius:5px;color:#172554;background:#eff6ff;font-size:11px;font-weight:600;line-height:1.45}.trace-query-compact blockquote{border-color:#8b5cf6;color:#4c1d95;background:#f5f3ff}.trace-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.trace-data-card{min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.trace-data-card-accent{border-color:#bfdbfe;background:#eff6ff}.trace-data-card h5{margin:0 0 5px;color:#334155;font-size:10px}.trace-field-list,.trace-argument-grid{display:grid;gap:4px;margin:0}.trace-field-list>div{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);gap:6px}.trace-field-list dt,.trace-argument-grid dt{color:#64748b;font-size:8.5px}.trace-field-list dd,.trace-argument-grid dd{margin:0;color:#1e293b;font-size:9px;font-weight:600;overflow-wrap:anywhere}.trace-transform{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:stretch;margin-top:10px}.trace-transform>div{display:grid;gap:5px;padding:9px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.trace-transform .trace-transform-result{border-color:#bfdbfe;background:#eff6ff}.trace-transform p{margin:0;color:#1e293b;font-size:10px;font-weight:600;line-height:1.4}.trace-transform-arrow{display:grid;place-items:center;color:#2563eb;font-size:16px;font-weight:600}.trace-entity-list{display:flex;flex-wrap:wrap;gap:5px}.trace-entity-list>span{display:flex;gap:5px;align-items:center;padding:4px 7px;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;background:#fff7ed;font-size:9.5px}.trace-entity-list small{color:#c2410c;font-size:7.5px;font-weight:600;text-transform:uppercase}.trace-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.trace-stat-grid>div{display:grid;gap:2px;padding:7px;border:1px solid #e2e8f0;border-radius:6px}.trace-stat-grid span{color:#64748b;font-size:8.5px}.trace-stat-grid strong{color:#0f172a;font-size:10px;overflow-wrap:anywhere}.trace-vector{display:grid;gap:4px;margin-top:7px}.trace-vector code{padding:7px;overflow:auto;border-radius:5px;color:#c4b5fd;background:#1e1b4b;font-size:8.5px;white-space:nowrap}.trace-supabase-call{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding:9px;border:1px solid #a7f3d0;border-radius:7px;background:#ecfdf5}.trace-supabase-call>div{display:grid;gap:2px}.trace-supabase-call strong{color:#065f46;font-size:10px;overflow-wrap:anywhere}.trace-table-list{grid-column:1/-1}.trace-table-list>div{display:flex;flex-wrap:wrap;gap:4px}.trace-table-list code{padding:3px 5px;border-radius:4px;color:#065f46;background:#d1fae5;font-size:8.5px}.trace-decision{display:grid;gap:4px;margin-top:7px;padding:9px;border-left:3px solid #16a34a;border-radius:5px;background:#f0fdf4}.trace-decision strong{color:#14532d;font-size:11px}.trace-decision div{display:flex;flex-wrap:wrap;gap:8px;color:#166534;font-size:8.5px}.trace-ranking-wrap{overflow:auto}.trace-ranking{width:100%;min-width:610px;border-collapse:collapse;font-size:8.5px}.trace-ranking th,.trace-ranking td{padding:6px;border-bottom:1px solid #e2e8f0;color:#475569;text-align:right;vertical-align:top}.trace-ranking th{color:#64748b;background:#f8fafc;font-size:8px;text-transform:uppercase}.trace-ranking th:nth-child(2),.trace-ranking td:nth-child(2){text-align:left}.trace-ranking td:nth-child(2){display:grid;gap:2px;min-width:145px}.trace-ranking strong{color:#1e293b;font-size:9px}.trace-ranking code{color:#64748b;font-size:7.5px}.trace-argument-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3px}.trace-argument-grid>div{min-width:0;padding:7px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.trace-tool-call,.trace-api-route{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding:8px;border-radius:6px;color:#dbeafe;background:#0f172a}.trace-tool-call>span{width:100%;color:#94a3b8}.trace-tool-call strong{color:#bfdbfe;font-size:10px}.trace-tool-call pre,.trace-payload-grid pre{width:100%;max-height:220px;margin:0;overflow:auto;color:#dbeafe;font-size:9px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.trace-api-route>code{flex:1 1 180px;color:#e2e8f0;font-size:9px;overflow-wrap:anywhere}.trace-http-method,.trace-http-status{padding:3px 6px;border-radius:4px;color:#fff;background:#2563eb;font-size:8.5px;font-weight:600}.trace-http-status.success{color:#bbf7d0;background:#166534}.trace-http-status.error{color:#fecaca;background:#991b1b}.trace-payload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.trace-payload-grid section{display:grid;gap:5px;min-width:0;padding:8px;border:1px solid #334155;border-radius:6px;background:#0f172a}.trace-payload-grid section>span{color:#94a3b8}.trace-error.trace-warning{border-left-color:#f59e0b;color:#92400e;background:#fffbeb}.trace-error-legacy{display:none}.trace-error-heading{font-size:10px}.details-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;padding:14px;place-items:center;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.details-dialog-backdrop .developer-details{display:block;width:100%;max-height:100%;margin:0;padding:0 14px 14px;overflow:auto;overscroll-behavior:contain;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 70px #0f172a4d}.details-dialog-backdrop .developer-details-header{position:sticky;top:0;z-index:3;margin:0 -14px 14px;padding:14px;border-bottom:1px solid #e2e8f0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-dialog-actions{display:flex;flex:0 0 auto;gap:7px;align-items:center}.details-dialog-close{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#475569;background:#fff;cursor:pointer}.details-dialog-close:hover{color:#0f172a;background:#f1f5f9}.details-dialog-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.details-dialog-backdrop .trace-run-summary{margin-bottom:6px;padding-bottom:14px;border-bottom:1px solid #cbd5e1}.details-dialog-backdrop .trace-metric{padding:0 9px;border:0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .trace-metric:nth-child(4){border-right:0}.details-dialog-backdrop .trace-loop-policy{margin-top:5px;padding:9px 0 0;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .workflow-trace{display:block}.details-dialog-backdrop .workflow-step{display:block;border-bottom:1px solid #cbd5e1}.workflow-section{display:block}.workflow-step-toggle{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;padding:14px 2px;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.workflow-step-toggle:hover{background:#f8fafc}.workflow-step-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.workflow-step-toggle>div:first-child{display:grid;min-width:0;gap:2px}.workflow-step-toggle h4{margin:0;color:#0f172a;font-size:12px;font-weight:600;line-height:1.4;text-decoration:underline;text-decoration-color:#94a3b8;text-underline-offset:4px}.workflow-step-number{display:block;color:#2563eb;font-size:10px;font-weight:600}.workflow-expand-icon{color:#64748b;font-size:10px}.workflow-step-content{padding:0 2px 16px}.details-dialog-backdrop .workflow-summary{margin-top:0;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.details-dialog-backdrop .trace-technology,.details-dialog-backdrop .trace-control{padding:9px 0;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop .trace-control{border-left:0}.details-dialog-backdrop .trace-inline-facts>span{padding:0 8px 0 0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent}.details-dialog-backdrop :is(h3,h4,h5,strong,.workflow-status,.trace-section-label,.developer-eyebrow){font-weight:600!important}@media (max-width: 520px){.trace-run-summary,.trace-card-grid,.trace-stat-grid,.trace-payload-grid,.trace-argument-grid,.trace-transform{grid-template-columns:1fr}.trace-transform-arrow{transform:rotate(90deg)}}.suggestions{display:grid;gap:0;margin-top:12px}.suggestion-chip{justify-content:flex-start;width:100%;padding:6px 0;border:1px solid transparent;border-radius:999px;color:var(--primary-color, #2563eb);background:transparent;font-weight:600;box-shadow:none;text-align:left;transition:padding .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.suggestion-chip:hover{padding:6px 12px;border-color:rgba(var(--primary-color-rgb, 37, 99, 235),.28);color:var(--primary-color, #2563eb);background:rgba(var(--primary-color-rgb, 37, 99, 235),.08);box-shadow:0 4px 14px #0f172a0f}.response-details{display:grid;gap:12px;margin-top:12px}.response-section{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.response-section:last-child{padding-bottom:0;border-bottom:0}.response-section h3{margin:0;color:#0f172a;font-size:13px;font-weight:600}.quoted{padding:8px 10px;border-left:5px solid var(--primary-color, #2563eb);border-radius:var(--border-radius, 6px);color:#1e293b;background:#f8fafc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.detail-grid div{min-width:0;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.detail-grid dt{margin-bottom:3px;color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.detail-grid dd{margin:0;color:#334155;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.detail-grid dd span{display:block;margin-top:2px;color:#64748b;font-size:11px}.api-call-summary,.json-block{display:grid;gap:6px;padding:8px;border-radius:var(--border-radius, 6px);background:#f8fafc}.api-call-summary .detail-label,.json-block .detail-label{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase}.api-call-summary code{color:var(--secondary-color, #0f172a);font-weight:600;white-space:normal;word-break:break-word}.json-block pre{max-height:220px;margin:0;overflow:auto;color:#0f172a;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.typing{display:flex;width:fit-content;max-width:fit-content;gap:5px;align-items:center;padding:4px 0;border:0;background:transparent;box-shadow:none}.typing span{width:7px;height:7px;border-radius:50%;background:var(--primary-color, #2563eb);animation:typing-dot .85s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.assistant-composer{padding:14px 16px 16px;border-top:1px solid rgba(226,232,240,.9);border-bottom:0;box-shadow:0 -10px 30px #0f172a0a}.assistant-composer textarea{flex:1;min-height:46px;max-height:120px;border-radius:18px;background:#fff;resize:vertical}.assistant-composer button[type=submit]{width:44px;height:44px;border-radius:16px}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{to{opacity:.35;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.mascot-aura,.mascot-art,.mascot-eye,.mascot-signal,.mascot-sparkle,.assistant-launcher:hover .mascot-art,.assistant-launcher:focus-visible .mascot-art,.assistant-launcher:hover .mascot-ear-right,.assistant-launcher:focus-visible .mascot-ear-right{animation:none}.assistant-launcher,.mascot{transition-duration:.01ms}.assistant-window,.assistant-window.is-open{transition:none}}@media (max-width: 640px){:host{right:16px;bottom:16px}.assistant-window{right:12px;width:calc(100vw - 24px);height:min(84vh,100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.assistant-messages{padding:14px}.detail-grid,.assistant-card-metrics{grid-template-columns:1fr}.assistant-card-metric{border-right:0;border-bottom:1px solid #e2e8f0}.assistant-card-metric:last-child{border-bottom:0}}\n"] }]
+        }], ctorParameters: () => [{ type: MaxAssistantService }, { type: i0.DestroyRef }], propDecorators: { launcher: [{
+                type: ViewChild,
+                args: ['launcher']
+            }], messagesViewport: [{
                 type: ViewChild,
                 args: ['messagesViewport']
             }], app: [{
@@ -295,6 +802,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 type: Input
             }], user: [{
                 type: Input
+            }], context: [{
+                type: Input
+            }], requestHeaders: [{
+                type: Input
+            }], onDocumentEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
             }] } });
 
 /*
@@ -305,5 +819,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MAX_ASSISTANT_CONFIG, MaxAssistantComponent };
+export { MAX_ASSISTANT_CONFIG, MaxAssistantComponent, MaxAssistantService };
 //# sourceMappingURL=max-agent-ui.mjs.map