emanate-ai-chat-lib 0.1.4 → 0.1.6

package/bundles/emanate-ai-chat-lib.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/platform-browser')) :
     typeof define === 'function' && define.amd ? define('emanate-ai-chat-lib', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/platform-browser'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["emanate-ai-chat-lib"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.platformBrowser));
-})(this, (function (exports, i0, i3, i4, i1, rxjs, operators, i2) { 'use strict';
+})(this, (function (exports, i0, i4, i5, i1, rxjs, operators, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,10 +23,10 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     var EmanateAiChatLibService = /** @class */ (function () {
         function EmanateAiChatLibService() {
@@ -685,21 +685,36 @@
         function AiAgentService(http) {
             this.http = http;
             this.defaultConfig = {
-                apiUrl: 'https://localhost:7237/api/AIAgent',
+                apiUrl: 'https://localhost:7237/api',
                 timeout: 30000,
-                retries: 3
+                retries: 3,
+                enableConversationLifecycle: true // Enable by default
             };
             this.config = Object.assign({}, this.defaultConfig);
         }
         AiAgentService.prototype.configure = function (config) {
             this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
         };
+        /**
+         * Get base URL for API endpoints
+         * Returns the configured base URL (default: https://localhost:7237/api)
+         */
+        AiAgentService.prototype.getBaseUrl = function () {
+            return this.config.apiUrl || 'https://localhost:7237/api';
+        };
+        /**
+         * Get common HTTP headers with optional API key
+         */
+        AiAgentService.prototype.getHeaders = function () {
+            return new i1.HttpHeaders(Object.assign({ 'Content-Type': 'application/json' }, (this.config.appKey && { 'x-api-key': this.config.appKey })));
+        };
         AiAgentService.prototype.testConfiguration = function () {
             // For development purposes, simulate a successful connection
             // when the backend is not available
-            console.log('Testing configuration at:', this.config.apiUrl + "/TestConfiguration");
+            var url = this.getBaseUrl() + "/AIAgent/TestConfiguration";
+            console.log('Testing configuration at:', url);
             var headers = new i1.HttpHeaders(Object.assign({ 'Content-Type': 'application/json' }, (this.config.appKey && { 'x-api-key': this.config.appKey })));
-            return this.http.get(this.config.apiUrl + "/TestConfiguration", { headers: headers })
+            return this.http.get(url, { headers: headers })
                 .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
                 console.log('Backend API not available, running in demo mode:', error);
                 // Return a mock successful response for demo purposes
@@ -710,10 +725,9 @@
             }));
         };
         AiAgentService.prototype.processInquiry = function (request) {
+            var url = this.getBaseUrl() + "/AIAgent/ProcessInquiry";
             var headers = new i1.HttpHeaders(Object.assign({ 'Content-Type': 'application/json' }, (this.config.appKey && { 'x-api-key': this.config.appKey })));
-            // Clean the request object to remove undefined/null values and ensure conversationId is a string
-            var cleanedRequest = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (request.query && { query: request.query })), (request.conversationId && { conversationId: String(request.conversationId) })), (request.userId && { userId: request.userId })), (request.userName && { userName: request.userName })), (request.appSource && { appSource: request.appSource }));
-            return this.http.post(this.config.apiUrl + "/ProcessInquiry", cleanedRequest, { headers: headers })
+            return this.http.post(url, request, { headers: headers })
                 .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
                 console.log('ProcessInquiry API not available, returning demo response:', error);
                 // Return a mock response for demo purposes
@@ -753,6 +767,226 @@
                 error: errorMessage
             });
         };
+        // ============= Conversation Lifecycle API Methods =============
+        /**
+         * 1. Create a new conversation or reuse existing empty one
+         * Smart behavior (forceNew=false): Reuses existing empty conversation if available
+         * Explicit behavior (forceNew=true): Always creates a new conversation
+         * Should be called before sending the first message
+         * @param request - Conversation creation request
+         * @param forceNew - If true, always creates new conversation (default: false)
+         * @returns Observable of ConversationDto with conversationId
+         */
+        AiAgentService.prototype.createConversation = function (request, forceNew) {
+            var _this = this;
+            if (forceNew === void 0) { forceNew = false; }
+            if (!this.config.enableConversationLifecycle) {
+                console.warn('Conversation lifecycle is disabled. Enable it in config.');
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations?forceNew=" + forceNew;
+            console.log('Creating/reusing conversation at:', url, '(forceNew:', forceNew, ')');
+            return this.http.post(url, request, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                console.log('CreateConversation API not available, returning mock response:', error);
+                // Demo mode: Return mock conversation
+                var mockConversation = {
+                    conversationId: _this.generateGuid(),
+                    userId: request.userId,
+                    userName: request.userName,
+                    status: 'Active',
+                    source: request.source || 'Web',
+                    startedDate: new Date(),
+                    lastActivityDate: new Date(),
+                    messageCount: 0,
+                    userMessageCount: 0,
+                    aiMessageCount: 0,
+                    isActive: true,
+                    minutesUntilTimeout: 1440,
+                    context: request.context
+                };
+                return new rxjs.Observable(function (observer) {
+                    setTimeout(function () {
+                        observer.next(mockConversation);
+                        observer.complete();
+                    }, 500);
+                });
+            }));
+        };
+        /**
+         * 2. Get conversation details by ID
+         * @param conversationId - The conversation ID to retrieve
+         */
+        AiAgentService.prototype.getConversation = function (conversationId) {
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/" + conversationId;
+            console.log('Getting conversation at:', url);
+            return this.http.get(url, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                if (error.status === 404) {
+                    console.error('Conversation not found:', conversationId);
+                    return rxjs.throwError({ error: 'Conversation not found', status: 404 });
+                }
+                console.log('GetConversation API not available:', error);
+                return rxjs.throwError({ error: 'API not available (Demo Mode)', status: 503 });
+            }));
+        };
+        /**
+         * 3. Close a conversation (idempotent)
+         * @param conversationId - The conversation ID to close
+         * @param request - Optional close details (reason, rating, feedback)
+         */
+        AiAgentService.prototype.closeConversation = function (conversationId, request) {
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/" + conversationId + "/close";
+            console.log('Closing conversation at:', url);
+            return this.http.post(url, request || {}, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                console.log('CloseConversation API not available:', error);
+                // Demo mode: Return mock closed conversation
+                var mockClosed = {
+                    conversationId: conversationId,
+                    userId: '',
+                    status: 'Completed',
+                    startedDate: new Date(),
+                    lastActivityDate: new Date(),
+                    endedDate: new Date(),
+                    messageCount: 0,
+                    userMessageCount: 0,
+                    aiMessageCount: 0,
+                    isActive: false,
+                    minutesUntilTimeout: 0
+                };
+                return new rxjs.Observable(function (observer) {
+                    setTimeout(function () {
+                        observer.next(mockClosed);
+                        observer.complete();
+                    }, 500);
+                });
+            }));
+        };
+        /**
+         * 4. Abandon a conversation (e.g., browser close without explicit close)
+         * @param conversationId - The conversation ID to abandon
+         */
+        AiAgentService.prototype.abandonConversation = function (conversationId) {
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/" + conversationId + "/abandon";
+            console.log('Abandoning conversation at:', url);
+            return this.http.post(url, {}, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                console.log('AbandonConversation API not available:', error);
+                // Silently succeed in demo mode
+                return new rxjs.Observable(function (observer) {
+                    observer.next();
+                    observer.complete();
+                });
+            }));
+        };
+        /**
+         * 5. Recover active conversations after page refresh
+         * @param userId - User ID to recover conversations for
+         */
+        AiAgentService.prototype.recoverConversations = function (userId) {
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/recover?userId=" + encodeURIComponent(userId);
+            console.log('Recovering conversations at:', url);
+            return this.http.get(url, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                console.log('RecoverConversations API not available:', error);
+                // Demo mode: Return no active conversations
+                var mockRecovery = {
+                    hasActiveConversations: false,
+                    activeConversations: []
+                };
+                return new rxjs.Observable(function (observer) {
+                    setTimeout(function () {
+                        observer.next(mockRecovery);
+                        observer.complete();
+                    }, 500);
+                });
+            }));
+        };
+        /**
+         * 6. Resume a specific conversation with validation
+         * @param conversationId - The conversation ID to resume
+         * @param userId - User ID for ownership validation
+         */
+        AiAgentService.prototype.resumeConversation = function (conversationId, userId) {
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/" + conversationId + "/resume?userId=" + encodeURIComponent(userId);
+            console.log('Resuming conversation at:', url);
+            return this.http.post(url, {}, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                // Pass through specific error codes
+                if (error.status === 410) {
+                    console.error('Conversation expired (>24 hours):', conversationId);
+                    return rxjs.throwError({ error: 'Conversation expired', status: 410 });
+                }
+                if (error.status === 403) {
+                    console.error('User does not own conversation:', conversationId);
+                    return rxjs.throwError({ error: 'Unauthorized', status: 403 });
+                }
+                if (error.status === 404) {
+                    console.error('Conversation not found:', conversationId);
+                    return rxjs.throwError({ error: 'Conversation not found', status: 404 });
+                }
+                console.log('ResumeConversation API not available:', error);
+                return rxjs.throwError({ error: 'API not available (Demo Mode)', status: 503 });
+            }));
+        };
+        /**
+         * 7. Get conversation history with pagination
+         * @param userId - User ID to get history for
+         * @param skip - Number of records to skip (default: 0)
+         * @param take - Number of records to return (default: 20, max: 100)
+         */
+        AiAgentService.prototype.getConversationHistory = function (userId, skip, take) {
+            if (skip === void 0) { skip = 0; }
+            if (take === void 0) { take = 20; }
+            if (!this.config.enableConversationLifecycle) {
+                return rxjs.throwError({ error: 'Conversation lifecycle is disabled' });
+            }
+            var url = this.getBaseUrl() + "/conversations/history?userId=" + encodeURIComponent(userId) + "&skip=" + skip + "&take=" + take;
+            console.log('Getting conversation history at:', url);
+            return this.http.get(url, { headers: this.getHeaders() })
+                .pipe(operators.timeout(this.config.timeout || 30000), operators.catchError(function (error) {
+                console.log('GetConversationHistory API not available:', error);
+                // Demo mode: Return empty history
+                var mockHistory = {
+                    conversations: [],
+                    skip: skip,
+                    take: take,
+                    hasMore: false
+                };
+                return new rxjs.Observable(function (observer) {
+                    setTimeout(function () {
+                        observer.next(mockHistory);
+                        observer.complete();
+                    }, 500);
+                });
+            }));
+        };
+        /**
+         * Generate a GUID for mock conversation IDs
+         */
+        AiAgentService.prototype.generateGuid = function () {
+            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+                var r = Math.random() * 16 | 0;
+                var v = c === 'x' ? r : (r & 0x3 | 0x8);
+                return v.toString(16);
+            });
+        };
         return AiAgentService;
     }());
     AiAgentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AiAgentService, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -764,9 +998,367 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
 
+    var ConversationStateService = /** @class */ (function () {
+        function ConversationStateService(aiAgentService) {
+            this.aiAgentService = aiAgentService;
+            this.defaultConfig = {
+                storageType: 'session',
+                storageKey: 'maestro-conversation-state',
+                enableAutoRecovery: true,
+                enablePageUnloadHandler: true,
+                appSource: 'Emanate'
+            };
+            this.config = Object.assign({}, this.defaultConfig);
+            // State observables
+            this.conversationStateSubject = new rxjs.BehaviorSubject(this.getEmptyState());
+            this.conversationState$ = this.conversationStateSubject.asObservable();
+            // Track if page unload handler is registered
+            this.pageUnloadHandlerRegistered = false;
+            // Auto-initialize if configured
+            if (this.config.enableAutoRecovery) {
+                this.initializeFromStorage();
+            }
+        }
+        /**
+         * Configure the conversation state service
+         */
+        ConversationStateService.prototype.configure = function (config) {
+            this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
+            // Re-initialize from storage with new config
+            if (this.config.enableAutoRecovery) {
+                this.initializeFromStorage();
+            }
+            // Setup page unload handler if enabled
+            if (this.config.enablePageUnloadHandler && !this.pageUnloadHandlerRegistered) {
+                this.setupPageUnloadHandler();
+            }
+        };
+        /**
+         * Get the current conversation state
+         */
+        ConversationStateService.prototype.getCurrentState = function () {
+            return this.conversationStateSubject.value;
+        };
+        /**
+         * Get the active conversation ID (if any)
+         */
+        ConversationStateService.prototype.getActiveConversationId = function () {
+            return this.conversationStateSubject.value.conversationId;
+        };
+        /**
+         * Initialize state from storage
+         */
+        ConversationStateService.prototype.initializeFromStorage = function () {
+            var stored = this.getFromStorage();
+            if (stored) {
+                console.log('Initialized conversation state from storage:', stored.conversationId);
+                this.conversationStateSubject.next(stored);
+            }
+        };
+        /**
+         * Start a new conversation (with smart reuse by default)
+         * By default (forceNew=false): Reuses existing empty conversation if available
+         * With forceNew=true: Always creates a new conversation
+         * Creates conversation on backend and stores state
+         * @param userId - User ID
+         * @param userName - User name
+         * @param context - Optional conversation context
+         * @param forceNew - If true, always creates new conversation (default: false)
+         */
+        ConversationStateService.prototype.startNewConversation = function (userId, userName, context, forceNew) {
+            var _this = this;
+            if (forceNew === void 0) { forceNew = false; }
+            var request = {
+                userId: userId,
+                userName: userName,
+                source: this.config.appSource,
+                context: context
+            };
+            return this.aiAgentService.createConversation(request, forceNew).pipe(operators.tap(function (conversation) {
+                var state = {
+                    conversationId: conversation.conversationId,
+                    userId: conversation.userId,
+                    userName: conversation.userName || null,
+                    status: conversation.status,
+                    startedDate: conversation.startedDate,
+                    lastActivityDate: conversation.lastActivityDate,
+                    isActive: conversation.isActive
+                };
+                _this.setActiveConversation(state);
+                console.log('New conversation started:', conversation.conversationId);
+            }), operators.map(function (conversation) { return conversation.conversationId; }), operators.catchError(function (error) {
+                console.error('Failed to start conversation:', error);
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Recover conversation state after page refresh
+         * Attempts to resume the most recent active conversation
+         */
+        ConversationStateService.prototype.recoverState = function (userId) {
+            var _this = this;
+            // First, check local storage for existing conversationId
+            var storedState = this.getFromStorage();
+            if (storedState && storedState.conversationId && storedState.userId === userId) {
+                // Try to resume the stored conversation
+                console.log('Attempting to resume stored conversation:', storedState.conversationId);
+                return this.aiAgentService.resumeConversation(storedState.conversationId, userId).pipe(operators.tap(function (conversation) {
+                    var state = {
+                        conversationId: conversation.conversationId,
+                        userId: conversation.userId,
+                        userName: conversation.userName || null,
+                        status: conversation.status,
+                        startedDate: conversation.startedDate,
+                        lastActivityDate: conversation.lastActivityDate,
+                        isActive: conversation.isActive
+                    };
+                    _this.setActiveConversation(state);
+                    console.log('Successfully resumed conversation:', conversation.conversationId);
+                }), operators.map(function (conversation) { return conversation.conversationId; }), operators.catchError(function (error) {
+                    console.error('Failed to resume stored conversation:', error);
+                    // If stored conversation is expired/invalid, clear it and try recovery
+                    _this.clearActiveConversation();
+                    return _this.recoverFromBackend(userId);
+                }));
+            }
+            // No stored conversation, try backend recovery
+            return this.recoverFromBackend(userId);
+        };
+        /**
+         * Recover from backend using the recovery endpoint
+         */
+        ConversationStateService.prototype.recoverFromBackend = function (userId) {
+            var _this = this;
+            return this.aiAgentService.recoverConversations(userId).pipe(operators.map(function (recovery) {
+                if (recovery.hasActiveConversations && recovery.activeConversations.length > 0) {
+                    // Use suggested conversation or first active conversation
+                    var conversation = recovery.suggestedConversation
+                        ? recovery.activeConversations.find(function (c) { var _a; return c.conversationId === ((_a = recovery.suggestedConversation) === null || _a === void 0 ? void 0 : _a.conversationId); })
+                        : recovery.activeConversations[0];
+                    if (conversation) {
+                        var state = {
+                            conversationId: conversation.conversationId,
+                            userId: conversation.userId,
+                            userName: conversation.userName || null,
+                            status: conversation.status,
+                            startedDate: conversation.startedDate,
+                            lastActivityDate: conversation.lastActivityDate,
+                            isActive: conversation.isActive
+                        };
+                        _this.setActiveConversation(state);
+                        console.log('Recovered conversation from backend:', conversation.conversationId);
+                        return conversation.conversationId;
+                    }
+                }
+                console.log('No active conversations found for recovery');
+                return null;
+            }), operators.catchError(function (error) {
+                console.error('Failed to recover conversations from backend:', error);
+                return rxjs.of(null);
+            }));
+        };
+        /**
+         * Explicitly start a new conversation session
+         * Always creates a new conversation (forceNew=true)
+         * Use this when user clicks "New Conversation" button
+         * @param userId - User ID
+         * @param userName - User name
+         * @param context - Optional conversation context
+         */
+        ConversationStateService.prototype.startNewConversationExplicit = function (userId, userName, context) {
+            console.log('User explicitly requested new conversation');
+            return this.startNewConversation(userId, userName, context, true);
+        };
+        /**
+         * Check if current conversation is empty (no messages, no context)
+         * An empty conversation can be safely reused
+         */
+        ConversationStateService.prototype.isCurrentConversationEmpty = function () {
+            var currentState = this.getCurrentState();
+            // Consider conversation empty if it has no conversationId or is not active
+            // Note: We can't check message count from state service alone
+            // This should be checked by the component level
+            return !currentState.conversationId || !currentState.isActive;
+        };
+        /**
+         * Close the current conversation
+         */
+        ConversationStateService.prototype.closeCurrentConversation = function (reason, satisfactionRating, userFeedback) {
+            var _this = this;
+            var currentState = this.getCurrentState();
+            if (!currentState.conversationId) {
+                console.warn('No active conversation to close');
+                return rxjs.of(void 0);
+            }
+            return this.aiAgentService.closeConversation(currentState.conversationId, { reason: reason, satisfactionRating: satisfactionRating, userFeedback: userFeedback }).pipe(operators.tap(function () {
+                console.log('Conversation closed:', currentState.conversationId);
+                _this.clearActiveConversation();
+            }), operators.map(function () { return void 0; }), operators.catchError(function (error) {
+                console.error('Failed to close conversation:', error);
+                // Still clear local state even if backend call fails
+                _this.clearActiveConversation();
+                return rxjs.throwError(error);
+            }));
+        };
+        /**
+         * Abandon the current conversation (e.g., on page unload)
+         */
+        ConversationStateService.prototype.abandonCurrentConversation = function () {
+            var currentState = this.getCurrentState();
+            if (!currentState.conversationId) {
+                return;
+            }
+            console.log('Abandoning conversation:', currentState.conversationId);
+            // Use sendBeacon for reliable fire-and-forget on page unload
+            var baseUrl = this.aiAgentService['getBaseUrl']();
+            var url = baseUrl + "/conversations/" + currentState.conversationId + "/abandon";
+            try {
+                // Use sendBeacon if available (more reliable during page unload)
+                if (navigator.sendBeacon) {
+                    var blob = new Blob([JSON.stringify({})], { type: 'application/json' });
+                    navigator.sendBeacon(url, blob);
+                }
+                else {
+                    // Fallback: synchronous XHR (not recommended but necessary for older browsers)
+                    var xhr = new XMLHttpRequest();
+                    xhr.open('POST', url, false); // Synchronous
+                    xhr.setRequestHeader('Content-Type', 'application/json');
+                    xhr.send(JSON.stringify({}));
+                }
+            }
+            catch (error) {
+                console.error('Failed to abandon conversation:', error);
+            }
+            finally {
+                this.clearActiveConversation();
+            }
+        };
+        /**
+         * Set active conversation state and persist to storage
+         */
+        ConversationStateService.prototype.setActiveConversation = function (state) {
+            this.conversationStateSubject.next(state);
+            this.saveToStorage(state);
+        };
+        /**
+         * Clear active conversation state
+         */
+        ConversationStateService.prototype.clearActiveConversation = function () {
+            console.log('Clearing active conversation state');
+            this.conversationStateSubject.next(this.getEmptyState());
+            this.removeFromStorage();
+        };
+        /**
+         * Update last activity timestamp
+         */
+        ConversationStateService.prototype.updateLastActivity = function () {
+            var currentState = this.getCurrentState();
+            if (currentState.conversationId) {
+                var updatedState = Object.assign(Object.assign({}, currentState), { lastActivityDate: new Date() });
+                this.setActiveConversation(updatedState);
+            }
+        };
+        /**
+         * Setup page unload handler to abandon conversation
+         */
+        ConversationStateService.prototype.setupPageUnloadHandler = function () {
+            var _this = this;
+            if (this.pageUnloadHandlerRegistered) {
+                return;
+            }
+            window.addEventListener('beforeunload', function () {
+                _this.abandonCurrentConversation();
+            });
+            this.pageUnloadHandlerRegistered = true;
+            console.log('Page unload handler registered for conversation abandonment');
+        };
+        /**
+         * Storage operations
+         */
+        ConversationStateService.prototype.getStorage = function () {
+            switch (this.config.storageType) {
+                case 'session':
+                    return sessionStorage;
+                case 'local':
+                    return localStorage;
+                case 'none':
+                    return null;
+                default:
+                    return sessionStorage;
+            }
+        };
+        ConversationStateService.prototype.saveToStorage = function (state) {
+            var storage = this.getStorage();
+            if (storage && state.conversationId) {
+                try {
+                    storage.setItem(this.config.storageKey, JSON.stringify(state));
+                }
+                catch (error) {
+                    console.error('Failed to save conversation state to storage:', error);
+                }
+            }
+        };
+        ConversationStateService.prototype.getFromStorage = function () {
+            var storage = this.getStorage();
+            if (!storage) {
+                return null;
+            }
+            try {
+                var stored = storage.getItem(this.config.storageKey);
+                if (stored) {
+                    var state = JSON.parse(stored);
+                    // Parse date strings back to Date objects
+                    if (state.startedDate) {
+                        state.startedDate = new Date(state.startedDate);
+                    }
+                    if (state.lastActivityDate) {
+                        state.lastActivityDate = new Date(state.lastActivityDate);
+                    }
+                    return state;
+                }
+            }
+            catch (error) {
+                console.error('Failed to retrieve conversation state from storage:', error);
+            }
+            return null;
+        };
+        ConversationStateService.prototype.removeFromStorage = function () {
+            var storage = this.getStorage();
+            if (storage) {
+                try {
+                    storage.removeItem(this.config.storageKey);
+                }
+                catch (error) {
+                    console.error('Failed to remove conversation state from storage:', error);
+                }
+            }
+        };
+        ConversationStateService.prototype.getEmptyState = function () {
+            return {
+                conversationId: null,
+                userId: null,
+                userName: null,
+                status: null,
+                startedDate: null,
+                lastActivityDate: null,
+                isActive: false
+            };
+        };
+        return ConversationStateService;
+    }());
+    ConversationStateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConversationStateService, deps: [{ token: AiAgentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConversationStateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConversationStateService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConversationStateService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], ctorParameters: function () { return [{ type: AiAgentService }]; } });
+
     var AiChatComponent = /** @class */ (function () {
-        function AiChatComponent(aiAgentService, sanitizer) {
+        function AiChatComponent(aiAgentService, conversationStateService, sanitizer) {
             this.aiAgentService = aiAgentService;
+            this.conversationStateService = conversationStateService;
             this.sanitizer = sanitizer;
             this.title = 'Chat with Maestro';
             this.placeholder = 'Type your inquiry here... (Press Enter to send, Shift+Enter for new line)';
@@ -777,7 +1369,14 @@
             this.enableAnimations = true; // Enable/disable all animations
             this.animationSpeed = 'normal'; // Animation speed control
             this.enableStatusTransitions = true; // Enable/disable status indicator transitions
+            this.enableConversationLifecycle = true; // Enable new conversation lifecycle features
+            this.enableAutoConversationRecovery = true; // Auto-recover conversation on page load
+            this.showCloseButton = false; // Show close conversation button in header (disabled by default)
+            this.showNewConversationButton = true; // Show new conversation button in header
+            this.confirmNewConversation = true; // Show confirmation dialog before starting new conversation
+            this.newConversationConfirmMessage = 'Are you sure you want to start a new conversation? Your current chat will be saved in history.'; // Confirmation message for new conversation
             this.messageReceived = new i0.EventEmitter();
+            this.conversationStarted = new i0.EventEmitter(); // Emits conversationId when new conversation starts
             this.messageSent = new i0.EventEmitter();
             this.fileUploaded = new i0.EventEmitter();
             this.sizeChanged = new i0.EventEmitter();
@@ -812,9 +1411,14 @@
             // Icon configuration
             this.icons = getIconSet('feather');
             this.sanitizedIcons = {};
+            // Lazy initialization flag
+            this.conversationInitialized = false;
+            // Confirmation modal state
+            this.showConfirmationModal = false;
             this.destroy$ = new rxjs.Subject();
         }
         AiChatComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this.updateStatus('Initializing...');
             console.log('AI Chat Component initialized');
             // Load icon set
@@ -824,24 +1428,47 @@
             if (this.apiUrl || this.appKey) {
                 this.aiAgentService.configure({
                     apiUrl: this.apiUrl,
-                    appKey: this.appKey
+                    appKey: this.appKey,
+                    enableConversationLifecycle: this.enableConversationLifecycle
                 });
             }
-            try {
-                // Load historical messages if provided
-                if (this.historicalMessages && this.historicalMessages.length > 0) {
-                    this.loadHistoricalMessages(this.historicalMessages);
+            // Configure conversation state service
+            if (this.enableConversationLifecycle) {
+                this.conversationStateService.configure({
+                    enableAutoRecovery: this.enableAutoConversationRecovery,
+                    enablePageUnloadHandler: true,
+                    appSource: this.appSource || 'Web'
+                });
+                // Subscribe to conversation state changes
+                this.conversationStateService.conversationState$
+                    .pipe(operators.takeUntil(this.destroy$))
+                    .subscribe(function (state) {
+                    if (state.conversationId && state.conversationId !== _this.conversationId) {
+                        console.log('Conversation state updated:', state.conversationId);
+                        _this.conversationId = state.conversationId;
+                    }
+                });
+                // Attempt to recover or start new conversation
+                this.initializeConversation();
+            }
+            else {
+                // Legacy mode: just test configuration
+                try {
+                    // Load historical messages if provided
+                    if (this.historicalMessages && this.historicalMessages.length > 0) {
+                        this.loadHistoricalMessages(this.historicalMessages);
+                    }
+                    else {
+                        this.addWelcomeMessage();
+                    }
+                    this.testConfiguration();
+                    this.loadSavedSize();
+                    this.applySizePreset(this.currentSize);
                 }
-                else {
-                    this.addWelcomeMessage();
+                catch (error) {
+                    console.error('Error during component initialization:', error);
+                    this.updateStatus('Initialization error');
                 }
-                this.testConfiguration();
-                this.loadSavedSize();
-                this.applySizePreset(this.currentSize);
-            }
-            catch (error) {
-                console.error('Error during component initialization:', error);
-                this.updateStatus('Initialization error');
             }
         };
         AiChatComponent.prototype.ngOnChanges = function (changes) {
@@ -879,6 +1506,15 @@
             this.destroy$.next();
             this.destroy$.complete();
         };
+        /**
+         * Handle keyboard events (ESC key to close modal)
+         */
+        AiChatComponent.prototype.handleEscapeKey = function (event) {
+            if (this.showConfirmationModal) {
+                event.preventDefault();
+                this.cancelConfirmation();
+            }
+        };
         /**
          * Get animation duration in milliseconds based on speed setting
          */
@@ -921,6 +1557,234 @@
                 }
             });
         };
+        /**
+         * Initialize conversation - silent check only (lazy initialization)
+         * Only reads from storage without making API calls or creating conversations
+         * Actual conversation creation is deferred until first message send
+         */
+        AiChatComponent.prototype.initializeConversation = function () {
+            if (!this.userId) {
+                console.warn('Cannot initialize conversation without userId');
+                this.updateStatus('Ready');
+                this.addWelcomeMessage();
+                this.loadSavedSize();
+                this.applySizePreset(this.currentSize);
+                return;
+            }
+            // Silent check: only read from SessionStorage, no API calls
+            var storedState = this.conversationStateService.getCurrentState();
+            if (storedState && storedState.conversationId && storedState.userId === this.userId) {
+                // Found conversation in storage - will validate on first message send
+                this.conversationId = storedState.conversationId;
+                this.conversationInitialized = true; // Mark as initialized (will validate on use)
+                console.log('Found conversation in storage (will validate on first message):', this.conversationId);
+                this.updateStatus('Ready');
+                // Load historical messages if provided
+                if (this.historicalMessages && this.historicalMessages.length > 0) {
+                    this.loadHistoricalMessages(this.historicalMessages);
+                }
+                else {
+                    this.addWelcomeMessage();
+                }
+            }
+            else if (this.conversationId) {
+                // ConversationId provided as input, use it
+                this.conversationInitialized = true;
+                this.updateStatus('Ready');
+                if (this.historicalMessages && this.historicalMessages.length > 0) {
+                    this.loadHistoricalMessages(this.historicalMessages);
+                }
+                else {
+                    this.addWelcomeMessage();
+                }
+            }
+            else {
+                // No conversation yet - will be created on first message send
+                console.log('No conversation found - will create on first message');
+                this.updateStatus('Ready');
+                this.addWelcomeMessage();
+            }
+            this.loadSavedSize();
+            this.applySizePreset(this.currentSize);
+        };
+        /**
+         * Ensure conversation is initialized before sending a message
+         * Implements lazy initialization pattern
+         * @returns Observable<boolean> indicating success
+         */
+        AiChatComponent.prototype.ensureConversationInitialized = function () {
+            var _this = this;
+            // If already initialized with valid conversationId, we're good
+            if (this.conversationInitialized && this.conversationId) {
+                // Validate the conversation still exists if from storage
+                if (this.enableAutoConversationRecovery) {
+                    return this.aiAgentService.resumeConversation(this.conversationId, this.userId).pipe(operators.map(function () {
+                        console.log('Conversation validated:', _this.conversationId);
+                        return true;
+                    }), operators.catchError(function (error) {
+                        console.warn('Stored conversation invalid, creating new one:', error);
+                        // Stored conversation expired/invalid, create new
+                        _this.conversationInitialized = false;
+                        _this.conversationId = undefined;
+                        _this.conversationStateService.clearActiveConversation();
+                        return _this.createNewConversationForMessage();
+                    }));
+                }
+                return rxjs.of(true);
+            }
+            // Not initialized yet - try to recover or create new
+            if (!this.userId || !this.userName) {
+                console.error('Cannot initialize conversation: userId or userName missing');
+                return rxjs.of(false);
+            }
+            // Try recovery first if enabled
+            if (this.enableAutoConversationRecovery) {
+                return this.conversationStateService.recoverState(this.userId).pipe(operators.switchMap(function (recoveredId) {
+                    if (recoveredId) {
+                        console.log('Recovered conversation for first message:', recoveredId);
+                        _this.conversationId = recoveredId;
+                        _this.conversationInitialized = true;
+                        _this.conversationStarted.emit(recoveredId);
+                        _this.updateStatus('AI Agent is ready');
+                        return rxjs.of(true);
+                    }
+                    else {
+                        // No conversation to recover, create new
+                        return _this.createNewConversationForMessage();
+                    }
+                }), operators.catchError(function (error) {
+                    console.error('Recovery failed, creating new conversation:', error);
+                    return _this.createNewConversationForMessage();
+                }));
+            }
+            // Recovery disabled, just create new
+            return this.createNewConversationForMessage();
+        };
+        /**
+         * Helper method to create new conversation for message send
+         */
+        AiChatComponent.prototype.createNewConversationForMessage = function () {
+            var _this = this;
+            this.updateStatus('Creating conversation...');
+            return this.conversationStateService.startNewConversation(this.userId, this.userName).pipe(operators.map(function (conversationId) {
+                console.log('Created conversation for first message:', conversationId);
+                _this.conversationId = conversationId;
+                _this.conversationInitialized = true;
+                _this.conversationStarted.emit(conversationId);
+                _this.updateStatus('AI Agent is ready');
+                return true;
+            }), operators.catchError(function (error) {
+                console.error('Failed to create conversation:', error);
+                _this.updateStatus('Failed to create conversation');
+                return rxjs.of(false);
+            }));
+        };
+        /**
+         * Start a new conversation
+         */
+        AiChatComponent.prototype.startNewConversation = function () {
+            var _this = this;
+            if (!this.userId || !this.userName) {
+                console.warn('Cannot start conversation without userId and userName');
+                this.updateStatus('User info required');
+                this.addWelcomeMessage();
+                return;
+            }
+            this.updateStatus('Starting new conversation...');
+            this.conversationStateService.startNewConversation(this.userId, this.userName)
+                .pipe(operators.takeUntil(this.destroy$))
+                .subscribe({
+                next: function (conversationId) {
+                    console.log('Started new conversation:', conversationId);
+                    _this.conversationId = conversationId;
+                    _this.conversationInitialized = true;
+                    _this.conversationStarted.emit(conversationId); // Emit event
+                    _this.updateStatus('AI Agent is ready');
+                    // Only add welcome message if no historical messages
+                    if (!_this.historicalMessages || _this.historicalMessages.length === 0) {
+                        _this.addWelcomeMessage();
+                    }
+                    else {
+                        _this.loadHistoricalMessages(_this.historicalMessages);
+                    }
+                },
+                error: function (error) {
+                    console.error('Failed to start conversation:', error);
+                    _this.updateStatus('Failed to start conversation (Demo Mode)');
+                    // Still show UI in demo mode
+                    _this.addWelcomeMessage();
+                }
+            });
+        };
+        /**
+         * Explicitly start a new conversation session
+         * Public method for parent components or user-triggered actions
+         * Always creates a new conversation (forceNew=true)
+         */
+        AiChatComponent.prototype.startNewConversationExplicit = function () {
+            if (!this.userId || !this.userName) {
+                console.error('Cannot start new conversation: userId or userName not provided');
+                return;
+            }
+            // Check if current conversation has messages
+            var hasMessages = this.messages.length > 0;
+            // Show confirmation dialog if enabled and there are messages
+            if (this.confirmNewConversation && hasMessages) {
+                this.showConfirmationModal = true;
+                return;
+            }
+            // Proceed directly if no confirmation needed
+            this.proceedWithNewConversation();
+        };
+        /**
+         * Confirm new conversation from modal
+         */
+        AiChatComponent.prototype.onConfirmNewConversation = function () {
+            this.showConfirmationModal = false;
+            this.proceedWithNewConversation();
+        };
+        /**
+         * Cancel new conversation from modal
+         */
+        AiChatComponent.prototype.cancelConfirmation = function () {
+            this.showConfirmationModal = false;
+            console.log('User cancelled new conversation');
+        };
+        /**
+         * Proceed with creating new conversation
+         * @private
+         */
+        AiChatComponent.prototype.proceedWithNewConversation = function () {
+            var _this = this;
+            // Safety check (should have been validated by startNewConversationExplicit)
+            if (!this.userId || !this.userName) {
+                console.error('Cannot proceed: userId or userName not available');
+                return;
+            }
+            var hasMessages = this.messages.length > 0;
+            if (hasMessages) {
+                console.log('Starting new conversation (current has', this.messages.length, 'messages)');
+            }
+            this.updateStatus('Starting new conversation...');
+            this.conversationStateService.startNewConversationExplicit(this.userId, this.userName)
+                .pipe(operators.takeUntil(this.destroy$))
+                .subscribe({
+                next: function (conversationId) {
+                    _this.conversationId = conversationId;
+                    _this.conversationInitialized = true;
+                    _this.conversationStarted.emit(conversationId); // Emit event
+                    _this.updateStatus('New conversation started');
+                    // Clear existing messages and start fresh
+                    _this.messages = [];
+                    _this.addWelcomeMessage();
+                    console.log('Explicitly started new conversation:', conversationId);
+                },
+                error: function (error) {
+                    console.error('Failed to start new conversation:', error);
+                    _this.updateStatus('Failed to start new conversation');
+                }
+            });
+        };
         AiChatComponent.prototype.testConfiguration = function () {
             var _this = this;
             this.updateStatus('Testing connection...');
@@ -1027,13 +1891,19 @@
             if (!this.currentInquiry.trim() || this.isLoading) {
                 return;
             }
+            var inquiry = this.currentInquiry.trim();
+            this.currentInquiry = '';
+            this.authorName = '';
+            this.intent = '';
+            this.isLoading = true;
+            // Add user message
             var userMessage = {
                 messageId: this.generateMessageId(),
                 conversationId: this.conversationId,
                 isUser: true,
                 sender: this.userName || 'User',
                 intent: this.intent,
-                content: this.currentInquiry,
+                content: inquiry,
                 timestamp: new Date()
             };
             this.messages.push(userMessage);
@@ -1047,97 +1917,158 @@
                 isLoading: true
             };
             this.messages.push(loadingMessage);
-            var inquiry = this.currentInquiry.trim();
-            this.currentInquiry = '';
-            this.authorName = '';
-            this.intent = '';
-            this.isLoading = true;
-            var request = Object.assign(Object.assign(Object.assign(Object.assign({ query: inquiry }, (this.conversationId && { conversationId: String(this.conversationId) })), (this.userId && { userId: this.userId })), (this.userName && { userName: this.userName })), (this.appSource && { appSource: this.appSource }));
-            this.aiAgentService.processInquiry(request)
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe({
-                next: function (response) {
-                    _this.isLoading = false;
-                    // Update conversationId if provided in response
-                    if (response.conversationId && !_this.conversationId) {
-                        _this.conversationId = response.conversationId;
+            // Ensure conversation is initialized before sending (lazy initialization)
+            if (this.enableConversationLifecycle) {
+                this.ensureConversationInitialized()
+                    .pipe(operators.switchMap(function (initialized) {
+                    if (!initialized) {
+                        throw new Error('Failed to initialize conversation');
                     }
-                    // Remove loading message
-                    _this.messages = _this.messages.filter(function (msg) { return !msg.isLoading; });
-                    if (response.answer || (response.contents && response.contents.length > 0)) {
-                        if (response.answer) {
+                    // Update user message with conversationId
+                    userMessage.conversationId = _this.conversationId;
+                    var request = Object.assign(Object.assign(Object.assign(Object.assign({ query: inquiry }, (_this.conversationId !== undefined && _this.conversationId !== null ? { conversationId: String(_this.conversationId) } : {})), (_this.userId !== undefined && _this.userId !== null ? { userId: _this.userId } : {})), (_this.userName !== undefined && _this.userName !== null ? { userName: _this.userName } : {})), (_this.appSource !== undefined && _this.appSource !== null ? { appSource: _this.appSource } : {}));
+                    return _this.aiAgentService.processInquiry(request);
+                }), operators.takeUntil(this.destroy$))
+                    .subscribe({
+                    next: function (response) { return _this.handleInquiryResponse(response, inquiry, userMessage); },
+                    error: function (error) { return _this.handleInquiryError(error, inquiry, userMessage); }
+                });
+            }
+            else {
+                // Legacy mode without conversation lifecycle
+                var request = Object.assign(Object.assign(Object.assign(Object.assign({ query: inquiry }, (this.conversationId !== undefined && this.conversationId !== null ? { conversationId: String(this.conversationId) } : {})), (this.userId !== undefined && this.userId !== null ? { userId: this.userId } : {})), (this.userName !== undefined && this.userName !== null ? { userName: this.userName } : {})), (this.appSource !== undefined && this.appSource !== null ? { appSource: this.appSource } : {}));
+                this.aiAgentService.processInquiry(request)
+                    .pipe(operators.takeUntil(this.destroy$))
+                    .subscribe({
+                    next: function (response) { return _this.handleInquiryResponse(response, inquiry, userMessage); },
+                    error: function (error) { return _this.handleInquiryError(error, inquiry, userMessage); }
+                });
+            }
+        };
+        /**
+         * Handle successful inquiry response
+         */
+        AiChatComponent.prototype.handleInquiryResponse = function (response, inquiry, userMessage) {
+            var _this = this;
+            this.isLoading = false;
+            // Update last activity timestamp
+            if (this.enableConversationLifecycle) {
+                this.conversationStateService.updateLastActivity();
+            }
+            // Update conversationId if provided in response
+            if (response.conversationId && !this.conversationId) {
+                this.conversationId = response.conversationId;
+            }
+            // Update user message with conversationId
+            if (userMessage && this.conversationId) {
+                userMessage.conversationId = this.conversationId;
+            }
+            // Remove loading message
+            this.messages = this.messages.filter(function (msg) { return !msg.isLoading; });
+            if (response.answer || (response.contents && response.contents.length > 0)) {
+                if (response.answer) {
+                    var botMessage = {
+                        messageId: this.generateMessageId(),
+                        conversationId: this.conversationId,
+                        isUser: false,
+                        sender: 'Maestro',
+                        intent: response.searchIntent || inquiry,
+                        content: this.formatMessageContent(response.answer),
+                        authorName: response.contents && response.contents.length > 0 ? response.contents[0].authorName : undefined,
+                        timestamp: new Date()
+                    };
+                    this.messages.push(botMessage);
+                    this.messageReceived.emit(botMessage);
+                }
+                else if (response.contents && response.contents.length > 0) {
+                    // Push each content as a separate message
+                    response.contents.forEach(function (contentItem) {
+                        if (contentItem.content) {
                             var botMessage = {
                                 messageId: _this.generateMessageId(),
                                 conversationId: _this.conversationId,
                                 isUser: false,
-                                sender: 'Maestro',
+                                sender: contentItem.authorName || 'Maestro',
                                 intent: response.searchIntent || inquiry,
-                                content: _this.formatMessageContent(response.answer),
-                                authorName: response.contents && response.contents.length > 0 ? response.contents[0].authorName : undefined,
+                                content: _this.formatMessageContent(contentItem.content || 'No content available'),
+                                authorName: contentItem.authorName,
                                 timestamp: new Date()
                             };
                             _this.messages.push(botMessage);
                             _this.messageReceived.emit(botMessage);
                         }
-                        else if (response.contents && response.contents.length > 0) {
-                            // Push each content as a separate message
-                            response.contents.forEach(function (contentItem) {
-                                if (contentItem.content) {
-                                    var botMessage = {
-                                        messageId: _this.generateMessageId(),
-                                        conversationId: _this.conversationId,
-                                        isUser: false,
-                                        sender: contentItem.authorName || 'Maestro',
-                                        intent: response.searchIntent || inquiry,
-                                        content: _this.formatMessageContent(contentItem.content || 'No content available'),
-                                        authorName: contentItem.authorName,
-                                        timestamp: new Date()
-                                    };
-                                    _this.messages.push(botMessage);
-                                    _this.messageReceived.emit(botMessage);
-                                }
-                            });
-                        }
-                    }
-                    else {
-                        var errorMessage = {
-                            messageId: _this.generateMessageId(),
-                            conversationId: _this.conversationId,
-                            isUser: false,
-                            sender: 'Maestro',
-                            intent: inquiry,
-                            content: "Sorry, I didn't receive a valid response.",
-                            authorName: _this.authorName,
-                            timestamp: new Date()
-                        };
-                        _this.messages.push(errorMessage);
-                        _this.messageReceived.emit(errorMessage);
-                    }
-                },
-                error: function (error) {
-                    _this.isLoading = false;
-                    // Remove loading message
-                    _this.messages = _this.messages.filter(function (msg) { return !msg.isLoading; });
-                    var errorMessage = {
-                        messageId: _this.generateMessageId(),
-                        conversationId: _this.conversationId,
-                        isUser: false,
-                        sender: 'Maestro',
-                        intent: inquiry,
-                        content: 'Sorry, I encountered an error processing your request. Please try again.',
-                        authorName: _this.authorName,
-                        timestamp: new Date()
-                    };
-                    _this.messages.push(errorMessage);
-                    _this.messageReceived.emit(errorMessage);
-                    console.error('Error processing inquiry:', error);
+                    });
                 }
-            });
+            }
+            else {
+                var errorMessage = {
+                    messageId: this.generateMessageId(),
+                    conversationId: this.conversationId,
+                    isUser: false,
+                    sender: 'Maestro',
+                    intent: inquiry,
+                    content: "Sorry, I didn't receive a valid response.",
+                    authorName: this.authorName,
+                    timestamp: new Date()
+                };
+                this.messages.push(errorMessage);
+                this.messageReceived.emit(errorMessage);
+            }
+        };
+        /**
+         * Handle inquiry error
+         */
+        AiChatComponent.prototype.handleInquiryError = function (error, inquiry, userMessage) {
+            this.isLoading = false;
+            // Remove loading message
+            this.messages = this.messages.filter(function (msg) { return !msg.isLoading; });
+            var errorMessage = {
+                messageId: this.generateMessageId(),
+                conversationId: this.conversationId,
+                isUser: false,
+                sender: 'Maestro',
+                intent: inquiry,
+                content: 'Sorry, I encountered an error processing your request. Please try again.',
+                authorName: this.authorName,
+                timestamp: new Date()
+            };
+            this.messages.push(errorMessage);
+            this.messageReceived.emit(errorMessage);
+            console.error('Error processing inquiry:', error);
         };
         AiChatComponent.prototype.clearChat = function () {
             this.messages = [];
             this.addWelcomeMessage();
         };
+        /**
+         * Close the current conversation
+         */
+        AiChatComponent.prototype.closeConversation = function (reason, rating, feedback) {
+            var _this = this;
+            if (!this.enableConversationLifecycle) {
+                console.warn('Conversation lifecycle is disabled');
+                return;
+            }
+            this.updateStatus('Closing conversation...');
+            this.conversationStateService.closeCurrentConversation(reason, rating, feedback)
+                .pipe(operators.takeUntil(this.destroy$))
+                .subscribe({
+                next: function () {
+                    console.log('Conversation closed successfully');
+                    _this.conversationId = undefined;
+                    _this.messages = [];
+                    _this.updateStatus('Conversation closed');
+                    // Optionally start a new conversation immediately
+                    if (_this.userId && _this.userName) {
+                        setTimeout(function () { return _this.startNewConversation(); }, 1000);
+                    }
+                },
+                error: function (error) {
+                    console.error('Failed to close conversation:', error);
+                    _this.updateStatus('Failed to close conversation');
+                }
+            });
+        };
         AiChatComponent.prototype.onKeyPress = function (event) {
             if (event.key === 'Enter' && !event.shiftKey) {
                 event.preventDefault();
@@ -1459,8 +2390,8 @@
         };
         return AiChatComponent;
     }());
-    AiChatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AiChatComponent, deps: [{ token: AiAgentService }, { token: i2__namespace.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    AiChatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AiChatComponent, selector: "emanate-ai-chat", inputs: { title: "title", placeholder: "placeholder", showDebugInfo: "showDebugInfo", apiUrl: "apiUrl", appKey: "appKey", appSource: "appSource", userId: "userId", firstName: "firstName", userName: "userName", templateDesign: "templateDesign", welcomeMessage: "welcomeMessage", historicalMessages: "historicalMessages", conversationId: "conversationId", enableImageUpload: "enableImageUpload", enableFileUpload: "enableFileUpload", iconSet: "iconSet", customIcons: "customIcons", enableAnimations: "enableAnimations", animationSpeed: "animationSpeed", enableStatusTransitions: "enableStatusTransitions" }, outputs: { messageReceived: "messageReceived", messageSent: "messageSent", fileUploaded: "fileUploaded", sizeChanged: "sizeChanged" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"ai-chat-container\" \r\n     [ngClass]=\"getThemeClass()\" \r\n     [ngStyle]=\"getContainerStyle()\"\r\n     [class.fullscreen]=\"isFullscreen\"\r\n     [class.resizing]=\"isResizing\"\r\n     [class]=\"getAnimationClass()\">\r\n  \r\n  <!-- Resize Handles -->\r\n  <div class=\"resize-handle resize-handle-right\" \r\n       (mousedown)=\"startResize($event, 'width')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize width\">\r\n  </div>\r\n  \r\n  <div class=\"resize-handle resize-handle-corner\" \r\n       (mousedown)=\"startResize($event, 'both')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize\">\r\n  </div>\r\n  \r\n  <!-- Debug Information (only shown when showDebugInfo is true) -->\r\n  <div *ngIf=\"showDebugInfo\" class=\"debug-info\">\r\n    <h3>DEBUG: AI Chat Component Loaded</h3>\r\n    <p>Status: {{ configurationStatus || 'Loading...' }}</p>\r\n    <p>Messages count: {{ messages.length || 0 }}</p>\r\n    <p>Theme: {{ templateDesign || 'default' }}</p>\r\n    <p>Size: {{ currentSize }} ({{ containerWidth }}x{{ containerHeight }})</p>\r\n  </div>\r\n\r\n  <div class=\"chat-header\">\r\n    <div class=\"header-left\">\r\n      <h2>{{ title }}</h2>\r\n      <!-- Icon-only status indicator -->\r\n      <div class=\"status-indicator-icon\" \r\n           [ngClass]=\"{'status-ready': configurationStatus === 'AI Agent is ready', \r\n                      'status-error': configurationStatus !== 'AI Agent is ready' && configurationStatus !== 'Initializing...' && configurationStatus !== 'Testing connection...',\r\n                      'status-loading': configurationStatus === 'Initializing...' || configurationStatus === 'Testing connection...',\r\n                      'transition-enabled': enableStatusTransitions}\"\r\n           [title]=\"configurationStatus\">\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"header-controls\">\r\n      <!-- Size Preset Buttons -->\r\n      <div class=\"size-controls\" *ngIf=\"!isFullscreen\">\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('compact')\"\r\n                [class.active]=\"currentSize === 'compact'\"\r\n                title=\"Compact View\"\r\n                attr.aria-label=\"Compact View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.compactView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('default')\"\r\n                [class.active]=\"currentSize === 'default'\"\r\n                title=\"Default View\"\r\n                attr.aria-label=\"Default View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.defaultView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('expanded')\"\r\n                [class.active]=\"currentSize === 'expanded'\"\r\n                title=\"Expanded View\"\r\n                attr.aria-label=\"Expanded View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.expandedView\"></span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-messages\" #messagesContainer>\r\n    <div *ngFor=\"let message of messages; let i = index; trackBy: trackByIndex\" class=\"message-wrapper\">\r\n      <!-- Message -->\r\n      <div class=\"message\" \r\n           [ngClass]=\"{'user-message': message.isUser, 'ai-message': !message.isUser, 'loading-message': message.isLoading}\">\r\n        \r\n        <div class=\"message-content\">\r\n          <div [innerHTML]=\"message.content\"></div>\r\n          <div class=\"message-timestamp\">{{ getFormattedTime(message.timestamp) }}</div>\r\n        </div>\r\n        \r\n        <div class=\"message-avatar\">\r\n          <span *ngIf=\"message.isUser\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.userAvatar\"></span>\r\n          <span *ngIf=\"!message.isUser && !message.isLoading\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.aiAvatar\"></span>\r\n          <span *ngIf=\"message.isLoading\" class=\"avatar-icon loading-spinner\" [innerHTML]=\"sanitizedIcons.loadingAvatar\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-input\">\r\n    <!-- Attachments Preview -->\r\n    <div class=\"attachments-preview\" *ngIf=\"selectedFiles.length > 0\">\r\n      <div class=\"attachment-item\" *ngFor=\"let file of selectedFiles\">\r\n        <svg class=\"attachment-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"></path>\r\n        </svg>\r\n        <span class=\"attachment-name\">{{ file.name }}</span>\r\n        <span class=\"attachment-size\">{{ getFileSizeFormatted(file.size) }}</span>\r\n        <button class=\"remove-attachment\" (click)=\"removeAttachment(file.id)\" title=\"Remove\" attr.aria-label=\"Remove attachment\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"input-container\">\r\n      <!-- File Upload Inputs (Hidden) -->\r\n      <input type=\"file\" \r\n             id=\"image-upload-input\" \r\n             accept=\"image/*\" \r\n             multiple \r\n             (change)=\"onImageUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableImageUpload\">\r\n      \r\n      <input type=\"file\" \r\n             id=\"file-upload-input\" \r\n             accept=\".pdf,.doc,.docx,.txt,.csv\" \r\n             multiple \r\n             (change)=\"onFileUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableFileUpload\">\r\n      \r\n      <!-- Upload Buttons (Conditionally rendered) -->\r\n      <div class=\"upload-buttons\" *ngIf=\"enableImageUpload || enableFileUpload\">\r\n        <button *ngIf=\"enableImageUpload\" \r\n                class=\"upload-button image-upload\" \r\n                (click)=\"triggerImageUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Upload Image\"\r\n                attr.aria-label=\"Upload Image\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.imageUpload\"></span>\r\n        </button>\r\n        \r\n        <button *ngIf=\"enableFileUpload\" \r\n                class=\"upload-button file-upload\" \r\n                (click)=\"triggerFileUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Attach File\"\r\n                attr.aria-label=\"Attach File\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.fileUpload\"></span>\r\n        </button>\r\n      </div>\r\n      \r\n      <textarea \r\n        [(ngModel)]=\"currentInquiry\" \r\n        (keypress)=\"onKeyPress($event)\"\r\n        [placeholder]=\"placeholder\"\r\n        rows=\"2\"\r\n        [disabled]=\"isLoading\"\r\n        class=\"inquiry-textarea\"\r\n        attr.aria-label=\"Type your message\"></textarea>\r\n      \r\n      <button \r\n        (click)=\"sendInquiry()\" \r\n        [disabled]=\"!currentInquiry.trim() || isLoading\"\r\n        class=\"send-button\"\r\n        title=\"Send Message\"\r\n        attr.aria-label=\"Send Message\">\r\n        <span *ngIf=\"!isLoading\" class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.send\"></span>\r\n        <span *ngIf=\"isLoading\" class=\"icon-svg loading-icon\" [innerHTML]=\"sanitizedIcons.sendLoading\"></span>\r\n        <span class=\"text\">{{ isLoading ? 'Sending...' : 'Send' }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.ai-chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background:#ffffff;border-radius:12px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a;--icon-primary: #667eea;--icon-secondary: #6b7280;--icon-avatar-user: #667eea;--icon-avatar-ai: #764ba2;--icon-header: #ffffff;--icon-upload: #667eea;--icon-send: #ffffff;--icon-active: #667eea;--icon-disabled: #d1d5db;--icon-hover: #5568d3}.ai-chat-container.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0;z-index:99999;margin:0}.ai-chat-container.resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize;transition:none}.resize-handle{position:absolute;background:rgba(102,126,234,.3);transition:background .2s ease;z-index:10}.resize-handle:hover{background:rgba(102,126,234,.6)}.resize-handle.resize-handle-right{top:0;right:-4px;width:8px;height:100%;cursor:ew-resize}.resize-handle.resize-handle-corner{bottom:-4px;right:-4px;width:20px;height:20px;cursor:nwse-resize;border-radius:0 0 8px}.resize-handle.resize-handle-corner:after{content:\"\\22f0\";position:absolute;bottom:2px;right:2px;font-size:12px;color:#fffc}.debug-info{background:yellow;padding:10px;border:1px solid orange}.debug-info h3{margin:0;font-size:1.2rem}.debug-info p{margin:5px 0}.icon-svg{display:inline-block;width:20px;height:20px;color:var(--icon-secondary)}.icon-svg svg{width:100%;height:100%;stroke-width:2;transition:all .2s ease}.avatar-icon{display:inline-block;width:28px;height:28px}.avatar-icon svg{width:100%;height:100%}.chat-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}.chat-header .header-left{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex:1;min-width:200px}.chat-header .header-left h2{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.chat-header .header-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.chat-header .header-controls .icon-svg{color:var(--icon-header)}.chat-header .status-indicator-icon{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s ease;box-shadow:0 0 0 2px #fff3;cursor:help}.chat-header .status-indicator-icon.transition-enabled{transition:background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-ready{background:#2ecc71;box-shadow:0 0 0 2px #2ecc714d,0 0 8px #2ecc7166}.chat-header .status-indicator-icon.status-ready.transition-enabled{animation:statusReady .5s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-error{background:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d,0 0 8px #e74c3c66}.chat-header .status-indicator-icon.status-error.transition-enabled{animation:statusError .5s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-loading{background:#f39c12;box-shadow:0 0 0 2px #f39c124d;animation:pulse 1.5s ease-in-out infinite}.chat-header .status-indicator-icon.status-loading.transition-enabled{animation:pulse 1.5s ease-in-out infinite,statusLoading .5s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes statusReady{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes statusError{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes statusLoading{0%{transform:scale(.8) rotate(0);opacity:0}to{transform:scale(1) rotate(360deg);opacity:1}}.ai-chat-container{--animation-duration: .25s;--animation-easing: cubic-bezier(.4, 0, .2, 1)}.ai-chat-container.animation-speed-slow{--animation-duration: .5s}.ai-chat-container.animation-speed-slow *{transition-duration:.5s!important}.ai-chat-container.animation-speed-slow .status-indicator-icon.transition-enabled{transition-duration:.6s!important}.ai-chat-container.animation-speed-slow .message{animation-duration:.6s!important}.ai-chat-container.animation-speed-fast{--animation-duration: .15s}.ai-chat-container.animation-speed-fast *{transition-duration:.15s!important}.ai-chat-container.animation-speed-fast .status-indicator-icon.transition-enabled{transition-duration:.2s!important}.ai-chat-container.animation-speed-fast .message{animation-duration:.2s!important}.ai-chat-container.no-animations{--animation-duration: 0ms}.ai-chat-container.no-animations *,.ai-chat-container.no-animations *:before,.ai-chat-container.no-animations *:after{animation-duration:0ms!important;animation-delay:0ms!important;transition-duration:0ms!important;transition-delay:0ms!important}.ai-chat-container.no-animations .status-indicator-icon{animation:none!important;transition:none!important}.size-controls{display:flex;grid-gap:.5rem;gap:.5rem;background:transparent;padding:0;border-radius:0;backdrop-filter:none}.control-button{background:transparent;border:none;border-radius:0;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;padding:0}.control-button .icon-svg{width:18px;height:18px;color:var(--icon-header)}.control-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button.active{opacity:1;transform:scale(1.15)}.control-button:disabled{opacity:.4;cursor:not-allowed}.fullscreen-button{background:transparent}.fullscreen-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.clear-button{background:transparent}.clear-button:hover:not(:disabled){opacity:.8;transform:scale(1.1);color:#fcc}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;display:flex;flex-direction:column;grid-gap:.875rem;gap:.875rem;scroll-behavior:smooth;background:#f8f9fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.message-wrapper{display:flex;flex-direction:column}.message{display:flex;max-width:75%;animation:fadeInSlide .25s cubic-bezier(.4,0,.2,1)}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 4px;box-shadow:0 1px 2px #0000001a}.message.user-message .avatar-icon{color:var(--icon-avatar-user)}.message.ai-message{align-self:flex-start}.message.ai-message .message-content{background:white;color:#1a1a1a;border-radius:18px 18px 18px 4px;border:1px solid #e8e8e8;box-shadow:0 1px 2px #0000000d}.message.ai-message .avatar-icon{color:var(--icon-avatar-ai)}.message.loading-message{opacity:.7}.message.loading-message .message-content{font-style:italic}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-content{padding:.75rem 1rem;margin:0 .5rem;word-wrap:break-word;max-width:100%;line-height:1.5;font-size:.9375rem}.message-timestamp{font-size:.6875rem;opacity:.65;margin-top:.375rem;text-align:right;font-weight:500}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .avatar-icon{opacity:.9}.loading-spinner{animation:spin 1.2s linear infinite;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input{background:white;padding:1rem 1.25rem;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;box-shadow:0 -2px 8px #0000000a}.input-container{display:flex;grid-gap:.5rem;gap:.5rem;align-items:flex-end}.upload-buttons{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:column}.upload-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-button .icon-svg{width:20px;height:20px;color:var(--icon-upload)}.upload-button:hover:not(:disabled){background:var(--icon-upload);border-color:var(--icon-upload);transform:translateY(-1px);box-shadow:0 2px 8px #667eea40}.upload-button:hover:not(:disabled) .icon-svg{color:#fff}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{opacity:.4;cursor:not-allowed;background:#fafafa}.attachments-preview{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px;border:1px solid #e8e8e8}.attachment-item{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;background:white;border:1px solid #e0e0e0;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s ease}.attachment-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.attachment-item .attachment-icon{width:20px;height:20px;color:#667eea;flex-shrink:0}.attachment-item .attachment-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.attachment-item .attachment-size{color:#666;font-size:.75rem;font-weight:500}.attachment-item .remove-attachment{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;margin-left:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.attachment-item .remove-attachment svg{width:16px;height:16px}.attachment-item .remove-attachment:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.inquiry-textarea{flex:1;border:1.5px solid #e0e0e0;border-radius:22px;padding:.875rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.5;resize:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fafafa}.inquiry-textarea:focus{border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea14}.inquiry-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.inquiry-textarea::placeholder{color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:110px;justify-content:center;box-shadow:0 2px 8px #667eea40}.send-button .icon-svg{width:18px;height:18px;color:var(--icon-send)}.send-button .loading-icon{animation:spin 1.2s linear infinite}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#d0d0d0;cursor:not-allowed;box-shadow:none;opacity:.6}@media (max-width: 768px){.ai-chat-container{max-width:100%;border-radius:0;height:100vh}.ai-chat-container:not(.fullscreen){width:100%!important}.resize-handle{display:none}.size-controls{display:none}.chat-header{padding:.875rem 1rem}.chat-header .header-left h2{font-size:1.125rem}.chat-header .status-indicator-icon{width:8px;height:8px}.control-button{width:36px;height:36px}.control-button .icon-svg{width:18px;height:18px}.message{max-width:85%}.message-content{font-size:.875rem}.upload-buttons{flex-direction:row}.input-container{flex-wrap:wrap}.send-button{min-width:90px;padding:.75rem 1.25rem}.send-button .text{display:none}.chat-input{padding:.875rem 1rem}}@media (max-width: 480px){.chat-header{flex-direction:column;align-items:flex-start;grid-gap:.625rem;gap:.625rem}.chat-header .header-controls{width:100%;justify-content:space-between}.control-button{width:34px;height:34px}.control-button .icon-svg{width:16px;height:16px}.message-content{padding:.625rem .875rem;font-size:.875rem}.attachments-preview{flex-direction:column}.attachment-item{width:100%}.attachment-item .attachment-name{max-width:120px}.send-button{padding:.75rem 1rem;min-width:80px}}.control-button:focus,.upload-button:focus,.send-button:focus,.clear-button:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.control-button,.upload-button,.send-button{border:2px solid currentColor}.message-content{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-dark{background:#2c2c2c;--icon-primary: #818cf8;--icon-secondary: #9ca3af;--icon-avatar-user: #818cf8;--icon-avatar-ai: #a78bfa;--icon-header: #e5e7eb;--icon-upload: #818cf8;--icon-send: #ffffff;--icon-active: #818cf8;--icon-disabled: #4b5563;--icon-hover: #6366f1}.theme-dark .chat-header{background:linear-gradient(135deg,#1a1a1a,#333)}.theme-dark .chat-messages{background:#2c2c2c}.theme-dark .ai-message .message-content{background:#3a3a3a;color:#fff;border-color:#555}.theme-dark .chat-input{background:#3a3a3a;border-color:#555}.theme-dark .inquiry-textarea{background:#2c2c2c;color:#fff;border-color:#555}.theme-dark .inquiry-textarea:focus{border-color:#667eea}.theme-dark .attachments-preview{background:#3a3a3a;border-color:#555}.theme-dark .attachment-item{background:#2c2c2c;border-color:#555;color:#fff}.theme-dark .upload-button{background:rgba(255,255,255,.1);border-color:#fff3}.theme-dark .upload-button:hover:not(:disabled){background:rgba(255,255,255,.2)}.theme-blue{background:#e3f2fd;--icon-primary: #1976d2;--icon-secondary: #546e7a;--icon-avatar-user: #1976d2;--icon-avatar-ai: #0288d1;--icon-header: #ffffff;--icon-upload: #1976d2;--icon-send: #ffffff;--icon-active: #1976d2;--icon-disabled: #b0bec5;--icon-hover: #1565c0}.theme-blue .chat-header{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .user-message .message-content{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .ai-message .message-content{border-color:#bbdefb}.theme-blue .inquiry-textarea:focus{border-color:#1976d2}.theme-blue .send-button{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .upload-button{background:rgba(25,118,210,.1);border-color:#1976d24d}.theme-blue .upload-button:hover:not(:disabled){background:rgba(25,118,210,.2)}.theme-green{background:#e8f5e8;--icon-primary: #388e3c;--icon-secondary: #546e7a;--icon-avatar-user: #388e3c;--icon-avatar-ai: #2e7d32;--icon-header: #ffffff;--icon-upload: #388e3c;--icon-send: #ffffff;--icon-active: #388e3c;--icon-disabled: #b0bec5;--icon-hover: #2e7d32}.theme-green .chat-header{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .user-message .message-content{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .ai-message .message-content{border-color:#c8e6c9}.theme-green .inquiry-textarea:focus{border-color:#388e3c}.theme-green .send-button{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .upload-button{background:rgba(56,142,60,.1);border-color:#388e3c4d}.theme-green .upload-button:hover:not(:disabled){background:rgba(56,142,60,.2)}.theme-purple{background:#f3e5f5;--icon-primary: #7b1fa2;--icon-secondary: #6a1b9a;--icon-avatar-user: #7b1fa2;--icon-avatar-ai: #8e24aa;--icon-header: #ffffff;--icon-upload: #7b1fa2;--icon-send: #ffffff;--icon-active: #7b1fa2;--icon-disabled: #ce93d8;--icon-hover: #6a1b9a}.theme-purple .chat-header{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .user-message .message-content{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .ai-message .message-content{border-color:#e1bee7}.theme-purple .inquiry-textarea:focus{border-color:#7b1fa2}.theme-purple .send-button{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .upload-button{background:rgba(123,31,162,.1);border-color:#7b1fa24d}.theme-purple .upload-button:hover:not(:disabled){background:rgba(123,31,162,.2)}.theme-minimal{background:#fafafa;--icon-primary: #333333;--icon-secondary: #757575;--icon-avatar-user: #424242;--icon-avatar-ai: #616161;--icon-header: #333333;--icon-upload: #424242;--icon-send: #ffffff;--icon-active: #333333;--icon-disabled: #bdbdbd;--icon-hover: #212121}.theme-minimal .chat-header{background:#fff;color:#333;border-bottom:1px solid #e0e0e0}.theme-minimal .user-message .message-content{background:#007bff;color:#fff;border-radius:18px}.theme-minimal .ai-message .message-content{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.theme-minimal .send-button{background:#007bff;border-radius:4px}.theme-minimal .upload-button{background:rgba(0,123,255,.1);border-color:#007bff4d}.theme-minimal .upload-button:hover:not(:disabled){background:rgba(0,123,255,.2)}.theme-corporate{background:#f8f9fa}.theme-corporate .chat-header{background:linear-gradient(135deg,#495057,#6c757d)}.theme-corporate .user-message .message-content{background:#495057}.theme-corporate .ai-message .message-content{background:#fff;border-color:#dee2e6}.theme-corporate .inquiry-textarea:focus{border-color:#495057}.theme-corporate .send-button{background:#495057}.theme-corporate .upload-button{background:rgba(73,80,87,.1);border-color:#4950574d}.theme-corporate .upload-button:hover:not(:disabled){background:rgba(73,80,87,.2)}.theme-red{background:#ffebee}.theme-red .chat-header{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .user-message .message-content{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .ai-message .message-content{border-color:#ffcdd2}.theme-red .inquiry-textarea:focus{border-color:#d32f2f}.theme-red .send-button{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .upload-button{background:rgba(211,47,47,.1);border-color:#d32f2f4d}.theme-red .upload-button:hover:not(:disabled){background:rgba(211,47,47,.2)}.theme-yellow{background:#fffde7}.theme-yellow .chat-header{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .user-message .message-content{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .ai-message .message-content{border-color:#fff9c4}.theme-yellow .inquiry-textarea:focus{border-color:#f57f17}.theme-yellow .send-button{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .upload-button{background:rgba(245,127,23,.1);border-color:#f57f174d}.theme-yellow .upload-button:hover:not(:disabled){background:rgba(245,127,23,.2)}.theme-orange{background:#fff3e0}.theme-orange .chat-header{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .user-message .message-content{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .ai-message .message-content{border-color:#ffe0b2}.theme-orange .inquiry-textarea:focus{border-color:#e65100}.theme-orange .send-button{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .upload-button{background:rgba(230,81,0,.1);border-color:#e651004d}.theme-orange .upload-button:hover:not(:disabled){background:rgba(230,81,0,.2)}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    AiChatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AiChatComponent, deps: [{ token: AiAgentService }, { token: ConversationStateService }, { token: i3__namespace.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AiChatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AiChatComponent, selector: "emanate-ai-chat", inputs: { title: "title", placeholder: "placeholder", showDebugInfo: "showDebugInfo", apiUrl: "apiUrl", appKey: "appKey", appSource: "appSource", userId: "userId", firstName: "firstName", userName: "userName", templateDesign: "templateDesign", welcomeMessage: "welcomeMessage", historicalMessages: "historicalMessages", conversationId: "conversationId", enableImageUpload: "enableImageUpload", enableFileUpload: "enableFileUpload", iconSet: "iconSet", customIcons: "customIcons", enableAnimations: "enableAnimations", animationSpeed: "animationSpeed", enableStatusTransitions: "enableStatusTransitions", enableConversationLifecycle: "enableConversationLifecycle", enableAutoConversationRecovery: "enableAutoConversationRecovery", showCloseButton: "showCloseButton", showNewConversationButton: "showNewConversationButton", confirmNewConversation: "confirmNewConversation", newConversationConfirmMessage: "newConversationConfirmMessage" }, outputs: { messageReceived: "messageReceived", conversationStarted: "conversationStarted", messageSent: "messageSent", fileUploaded: "fileUploaded", sizeChanged: "sizeChanged" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"ai-chat-container\" \r\n     [ngClass]=\"getThemeClass()\" \r\n     [ngStyle]=\"getContainerStyle()\"\r\n     [class.fullscreen]=\"isFullscreen\"\r\n     [class.resizing]=\"isResizing\"\r\n     [class]=\"getAnimationClass()\">\r\n  \r\n  <!-- Resize Handles -->\r\n  <div class=\"resize-handle resize-handle-right\" \r\n       (mousedown)=\"startResize($event, 'width')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize width\">\r\n  </div>\r\n  \r\n  <div class=\"resize-handle resize-handle-corner\" \r\n       (mousedown)=\"startResize($event, 'both')\"\r\n       *ngIf=\"!isFullscreen\"\r\n       title=\"Drag to resize\">\r\n  </div>\r\n  \r\n  <!-- Debug Information (only shown when showDebugInfo is true) -->\r\n  <div *ngIf=\"showDebugInfo\" class=\"debug-info\">\r\n    <h3>DEBUG: AI Chat Component Loaded</h3>\r\n    <p>Status: {{ configurationStatus || 'Loading...' }}</p>\r\n    <p>Messages count: {{ messages.length || 0 }}</p>\r\n    <p>Theme: {{ templateDesign || 'default' }}</p>\r\n    <p>Size: {{ currentSize }} ({{ containerWidth }}x{{ containerHeight }})</p>\r\n  </div>\r\n\r\n  <div class=\"chat-header\">\r\n    <div class=\"header-left\">\r\n      <h2>{{ title }}</h2>\r\n      <!-- Icon-only status indicator -->\r\n      <div class=\"status-indicator-icon\" \r\n           [ngClass]=\"{'status-ready': configurationStatus === 'AI Agent is ready' || configurationStatus === 'Ready', \r\n                      'status-error': configurationStatus !== 'AI Agent is ready' && configurationStatus !== 'Ready' && configurationStatus !== 'Initializing...' && configurationStatus !== 'Testing connection...',\r\n                      'status-loading': configurationStatus === 'Initializing...' || configurationStatus === 'Testing connection...',\r\n                      'transition-enabled': enableStatusTransitions}\"\r\n           [title]=\"configurationStatus\">\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"header-controls\">\r\n      <!-- New Conversation Button -->\r\n      <button *ngIf=\"showNewConversationButton && enableConversationLifecycle && conversationId\" \r\n              class=\"control-button new-conversation-button prominent-button\" \r\n              (click)=\"startNewConversationExplicit()\"\r\n              title=\"Start New Conversation\"\r\n              attr.aria-label=\"Start New Conversation\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path>\r\n          <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"></line>\r\n          <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"></line>\r\n        </svg>\r\n        <span class=\"button-text\">New Chat</span>\r\n      </button>\r\n      \r\n      <!-- Close Conversation Button -->\r\n      <button *ngIf=\"showCloseButton && enableConversationLifecycle && conversationId\" \r\n              class=\"control-button close-button\" \r\n              (click)=\"closeConversation('UserCompleted')\"\r\n              title=\"Close Conversation\"\r\n              attr.aria-label=\"Close Conversation\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n        </svg>\r\n      </button>\r\n      \r\n      <!-- Size Preset Buttons -->\r\n      <div class=\"size-controls\" *ngIf=\"!isFullscreen\">\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('compact')\"\r\n                [class.active]=\"currentSize === 'compact'\"\r\n                title=\"Compact View\"\r\n                attr.aria-label=\"Compact View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.compactView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('default')\"\r\n                [class.active]=\"currentSize === 'default'\"\r\n                title=\"Default View\"\r\n                attr.aria-label=\"Default View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.defaultView\"></span>\r\n        </button>\r\n        <button class=\"control-button size-button\" \r\n                (click)=\"applySizePreset('expanded')\"\r\n                [class.active]=\"currentSize === 'expanded'\"\r\n                title=\"Expanded View\"\r\n                attr.aria-label=\"Expanded View\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.expandedView\"></span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-messages\" #messagesContainer>\r\n    <div *ngFor=\"let message of messages; let i = index; trackBy: trackByIndex\" class=\"message-wrapper\">\r\n      <!-- Message -->\r\n      <div class=\"message\" \r\n           [ngClass]=\"{'user-message': message.isUser, 'ai-message': !message.isUser, 'loading-message': message.isLoading}\">\r\n        \r\n        <div class=\"message-content\">\r\n          <div [innerHTML]=\"message.content\"></div>\r\n          <div class=\"message-timestamp\">{{ getFormattedTime(message.timestamp) }}</div>\r\n        </div>\r\n        \r\n        <div class=\"message-avatar\">\r\n          <span *ngIf=\"message.isUser\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.userAvatar\"></span>\r\n          <span *ngIf=\"!message.isUser && !message.isLoading\" class=\"avatar-icon\" [innerHTML]=\"sanitizedIcons.aiAvatar\"></span>\r\n          <span *ngIf=\"message.isLoading\" class=\"avatar-icon loading-spinner\" [innerHTML]=\"sanitizedIcons.loadingAvatar\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"chat-input\">\r\n    <!-- Attachments Preview -->\r\n    <div class=\"attachments-preview\" *ngIf=\"selectedFiles.length > 0\">\r\n      <div class=\"attachment-item\" *ngFor=\"let file of selectedFiles\">\r\n        <svg class=\"attachment-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"></path>\r\n        </svg>\r\n        <span class=\"attachment-name\">{{ file.name }}</span>\r\n        <span class=\"attachment-size\">{{ getFileSizeFormatted(file.size) }}</span>\r\n        <button class=\"remove-attachment\" (click)=\"removeAttachment(file.id)\" title=\"Remove\" attr.aria-label=\"Remove attachment\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    \r\n    <div class=\"input-container\">\r\n      <!-- File Upload Inputs (Hidden) -->\r\n      <input type=\"file\" \r\n             id=\"image-upload-input\" \r\n             accept=\"image/*\" \r\n             multiple \r\n             (change)=\"onImageUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableImageUpload\">\r\n      \r\n      <input type=\"file\" \r\n             id=\"file-upload-input\" \r\n             accept=\".pdf,.doc,.docx,.txt,.csv\" \r\n             multiple \r\n             (change)=\"onFileUpload($event)\"\r\n             style=\"display: none;\"\r\n             [disabled]=\"!enableFileUpload\">\r\n      \r\n      <!-- Upload Buttons (Conditionally rendered) -->\r\n      <div class=\"upload-buttons\" *ngIf=\"enableImageUpload || enableFileUpload\">\r\n        <button *ngIf=\"enableImageUpload\" \r\n                class=\"upload-button image-upload\" \r\n                (click)=\"triggerImageUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Upload Image\"\r\n                attr.aria-label=\"Upload Image\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.imageUpload\"></span>\r\n        </button>\r\n        \r\n        <button *ngIf=\"enableFileUpload\" \r\n                class=\"upload-button file-upload\" \r\n                (click)=\"triggerFileUpload()\"\r\n                [disabled]=\"isLoading\"\r\n                title=\"Attach File\"\r\n                attr.aria-label=\"Attach File\">\r\n          <span class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.fileUpload\"></span>\r\n        </button>\r\n      </div>\r\n      \r\n      <textarea \r\n        [(ngModel)]=\"currentInquiry\" \r\n        (keypress)=\"onKeyPress($event)\"\r\n        [placeholder]=\"placeholder\"\r\n        rows=\"2\"\r\n        [disabled]=\"isLoading\"\r\n        class=\"inquiry-textarea\"\r\n        attr.aria-label=\"Type your message\"></textarea>\r\n      \r\n      <button \r\n        (click)=\"sendInquiry()\" \r\n        [disabled]=\"!currentInquiry.trim() || isLoading\"\r\n        class=\"send-button\"\r\n        title=\"Send Message\"\r\n        attr.aria-label=\"Send Message\">\r\n        <span *ngIf=\"!isLoading\" class=\"icon-svg\" [innerHTML]=\"sanitizedIcons.send\"></span>\r\n        <span *ngIf=\"isLoading\" class=\"icon-svg loading-icon\" [innerHTML]=\"sanitizedIcons.sendLoading\"></span>\r\n        <span class=\"text\">{{ isLoading ? 'Sending...' : 'Send' }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Confirmation Modal -->\r\n  <div class=\"confirmation-modal-backdrop\" \r\n       *ngIf=\"showConfirmationModal\"\r\n       (click)=\"cancelConfirmation()\">\r\n    <div class=\"confirmation-modal\" \r\n         [ngClass]=\"getThemeClass()\"\r\n         (click)=\"$event.stopPropagation()\"\r\n         role=\"dialog\"\r\n         aria-modal=\"true\"\r\n         [attr.aria-labelledby]=\"'modal-title-' + conversationId\"\r\n         [attr.aria-describedby]=\"'modal-description-' + conversationId\">\r\n      \r\n      <div class=\"modal-icon warning-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"></path>\r\n          <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line>\r\n          <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line>\r\n        </svg>\r\n      </div>\r\n      \r\n      <h3 class=\"modal-title\" [id]=\"'modal-title-' + conversationId\">Start New Conversation?</h3>\r\n      \r\n      <p class=\"modal-message\" [id]=\"'modal-description-' + conversationId\">\r\n        {{ newConversationConfirmMessage }}\r\n      </p>\r\n      \r\n      <div class=\"modal-actions\">\r\n        <button class=\"modal-button secondary-button\" \r\n                (click)=\"cancelConfirmation()\"\r\n                type=\"button\"\r\n                attr.aria-label=\"Cancel\">\r\n          Cancel\r\n        </button>\r\n        <button class=\"modal-button primary-button\" \r\n                (click)=\"onConfirmNewConversation()\"\r\n                type=\"button\"\r\n                attr.aria-label=\"Start New Conversation\">\r\n          Start New Chat\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.ai-chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background:#ffffff;border-radius:12px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a;--icon-primary: #667eea;--icon-secondary: #6b7280;--icon-avatar-user: #667eea;--icon-avatar-ai: #764ba2;--icon-header: #ffffff;--icon-upload: #667eea;--icon-send: #ffffff;--icon-active: #667eea;--icon-disabled: #d1d5db;--icon-hover: #5568d3}.ai-chat-container.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0;z-index:99999;margin:0}.ai-chat-container.resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize;transition:none}.resize-handle{position:absolute;background:rgba(102,126,234,.3);transition:background .2s ease;z-index:10}.resize-handle:hover{background:rgba(102,126,234,.6)}.resize-handle.resize-handle-right{top:0;right:-4px;width:8px;height:100%;cursor:ew-resize}.resize-handle.resize-handle-corner{bottom:-4px;right:-4px;width:20px;height:20px;cursor:nwse-resize;border-radius:0 0 8px}.resize-handle.resize-handle-corner:after{content:\"\\22f0\";position:absolute;bottom:2px;right:2px;font-size:12px;color:#fffc}.debug-info{background:yellow;padding:10px;border:1px solid orange}.debug-info h3{margin:0;font-size:1.2rem}.debug-info p{margin:5px 0}.icon-svg{display:inline-block;width:20px;height:20px;color:var(--icon-secondary)}.icon-svg svg{width:100%;height:100%;stroke-width:2;transition:all .2s ease}.avatar-icon{display:inline-block;width:28px;height:28px}.avatar-icon svg{width:100%;height:100%}.chat-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}.chat-header .header-left{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex:1;min-width:200px}.chat-header .header-left h2{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.chat-header .header-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.chat-header .header-controls .icon-svg{color:var(--icon-header)}.chat-header .status-indicator-icon{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s ease;box-shadow:0 0 0 2px #fff3;cursor:help}.chat-header .status-indicator-icon.transition-enabled{transition:background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-ready{background:#2ecc71;box-shadow:0 0 0 2px #2ecc714d,0 0 8px #2ecc7166}.chat-header .status-indicator-icon.status-ready.transition-enabled{animation:statusReady .5s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-error{background:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d,0 0 8px #e74c3c66}.chat-header .status-indicator-icon.status-error.transition-enabled{animation:statusError .5s cubic-bezier(.4,0,.2,1)}.chat-header .status-indicator-icon.status-loading{background:#f39c12;box-shadow:0 0 0 2px #f39c124d;animation:pulse 1.5s ease-in-out infinite}.chat-header .status-indicator-icon.status-loading.transition-enabled{animation:pulse 1.5s ease-in-out infinite,statusLoading .5s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes statusReady{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes statusError{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes statusLoading{0%{transform:scale(.8) rotate(0);opacity:0}to{transform:scale(1) rotate(360deg);opacity:1}}.ai-chat-container{--animation-duration: .25s;--animation-easing: cubic-bezier(.4, 0, .2, 1)}.ai-chat-container.animation-speed-slow{--animation-duration: .5s}.ai-chat-container.animation-speed-slow *{transition-duration:.5s!important}.ai-chat-container.animation-speed-slow .status-indicator-icon.transition-enabled{transition-duration:.6s!important}.ai-chat-container.animation-speed-slow .message{animation-duration:.6s!important}.ai-chat-container.animation-speed-fast{--animation-duration: .15s}.ai-chat-container.animation-speed-fast *{transition-duration:.15s!important}.ai-chat-container.animation-speed-fast .status-indicator-icon.transition-enabled{transition-duration:.2s!important}.ai-chat-container.animation-speed-fast .message{animation-duration:.2s!important}.ai-chat-container.no-animations{--animation-duration: 0ms}.ai-chat-container.no-animations *,.ai-chat-container.no-animations *:before,.ai-chat-container.no-animations *:after{animation-duration:0ms!important;animation-delay:0ms!important;transition-duration:0ms!important;transition-delay:0ms!important}.ai-chat-container.no-animations .status-indicator-icon{animation:none!important;transition:none!important}.size-controls{display:flex;grid-gap:.5rem;gap:.5rem;background:transparent;padding:0;border-radius:0;backdrop-filter:none}.size-controls .size-button{width:24px!important;height:24px!important;padding:0!important}.size-controls .size-button .icon-svg{width:14px!important;height:14px!important}.control-button{background:transparent;border:none;border-radius:0;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;padding:0}.control-button .icon-svg{width:18px;height:18px;color:var(--icon-header)}.control-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button.active{opacity:1;transform:scale(1.15)}.control-button:disabled{opacity:.4;cursor:not-allowed}.prominent-button{background:rgba(255,255,255,.2)!important;border-radius:6px!important;padding:6px 12px!important;width:auto!important;height:auto!important;grid-gap:6px;gap:6px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:500}.prominent-button .button-text{color:#fff;white-space:nowrap}.prominent-button svg{width:16px;height:16px}.prominent-button:hover:not(:disabled){background:rgba(255,255,255,.3)!important;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.prominent-button:active:not(:disabled){transform:translateY(0)}.fullscreen-button{background:transparent}.fullscreen-button:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.clear-button{background:transparent}.clear-button:hover:not(:disabled){opacity:.8;transform:scale(1.1);color:#fcc}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;display:flex;flex-direction:column;grid-gap:.875rem;gap:.875rem;scroll-behavior:smooth;background:#f8f9fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.message-wrapper{display:flex;flex-direction:column}.message{display:flex;max-width:75%;animation:fadeInSlide .25s cubic-bezier(.4,0,.2,1)}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 4px;box-shadow:0 1px 2px #0000001a}.message.user-message .avatar-icon{color:var(--icon-avatar-user)}.message.ai-message{align-self:flex-start}.message.ai-message .message-content{background:white;color:#1a1a1a;border-radius:18px 18px 18px 4px;border:1px solid #e8e8e8;box-shadow:0 1px 2px #0000000d}.message.ai-message .avatar-icon{color:var(--icon-avatar-ai)}.message.loading-message{opacity:.7}.message.loading-message .message-content{font-style:italic}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-content{padding:.75rem 1rem;margin:0 .5rem;word-wrap:break-word;max-width:100%;line-height:1.5;font-size:.9375rem}.message-timestamp{font-size:.6875rem;opacity:.65;margin-top:.375rem;text-align:right;font-weight:500}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .avatar-icon{opacity:.9}.loading-spinner{animation:spin 1.2s linear infinite;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input{background:white;padding:1rem 1.25rem;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;box-shadow:0 -2px 8px #0000000a}.input-container{display:flex;grid-gap:.5rem;gap:.5rem;align-items:flex-end}.upload-buttons{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:column}.upload-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-button .icon-svg{width:20px;height:20px;color:var(--icon-upload)}.upload-button:hover:not(:disabled){background:var(--icon-upload);border-color:var(--icon-upload);transform:translateY(-1px);box-shadow:0 2px 8px #667eea40}.upload-button:hover:not(:disabled) .icon-svg{color:#fff}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{opacity:.4;cursor:not-allowed;background:#fafafa}.attachments-preview{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px;border:1px solid #e8e8e8}.attachment-item{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;background:white;border:1px solid #e0e0e0;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s ease}.attachment-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.attachment-item .attachment-icon{width:20px;height:20px;color:#667eea;flex-shrink:0}.attachment-item .attachment-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.attachment-item .attachment-size{color:#666;font-size:.75rem;font-weight:500}.attachment-item .remove-attachment{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;margin-left:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.attachment-item .remove-attachment svg{width:16px;height:16px}.attachment-item .remove-attachment:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.inquiry-textarea{flex:1;border:1.5px solid #e0e0e0;border-radius:22px;padding:.875rem 1.125rem;font-family:inherit;font-size:.9375rem;line-height:1.5;resize:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fafafa}.inquiry-textarea:focus{border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea14}.inquiry-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.inquiry-textarea::placeholder{color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:110px;justify-content:center;box-shadow:0 2px 8px #667eea40}.send-button .icon-svg{width:18px;height:18px;color:var(--icon-send)}.send-button .loading-icon{animation:spin 1.2s linear infinite}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#d0d0d0;cursor:not-allowed;box-shadow:none;opacity:.6}@media (max-width: 768px){.ai-chat-container{max-width:100%;border-radius:0;height:100vh}.ai-chat-container:not(.fullscreen){width:100%!important}.resize-handle{display:none}.size-controls{display:none}.chat-header{padding:.875rem 1rem}.chat-header .header-left h2{font-size:1.125rem}.chat-header .status-indicator-icon{width:8px;height:8px}.control-button{width:36px;height:36px}.control-button .icon-svg{width:18px;height:18px}.message{max-width:85%}.message-content{font-size:.875rem}.upload-buttons{flex-direction:row}.input-container{flex-wrap:wrap}.send-button{min-width:90px;padding:.75rem 1.25rem}.send-button .text{display:none}.chat-input{padding:.875rem 1rem}}@media (max-width: 480px){.chat-header{flex-direction:column;align-items:flex-start;grid-gap:.625rem;gap:.625rem}.chat-header .header-controls{width:100%;justify-content:space-between}.control-button{width:34px;height:34px}.control-button .icon-svg{width:16px;height:16px}.message-content{padding:.625rem .875rem;font-size:.875rem}.attachments-preview{flex-direction:column}.attachment-item{width:100%}.attachment-item .attachment-name{max-width:120px}.send-button{padding:.75rem 1rem;min-width:80px}}.control-button:focus,.upload-button:focus,.send-button:focus,.clear-button:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.control-button,.upload-button,.send-button{border:2px solid currentColor}.message-content{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-dark{background:#2c2c2c;--icon-primary: #818cf8;--icon-secondary: #9ca3af;--icon-avatar-user: #818cf8;--icon-avatar-ai: #a78bfa;--icon-header: #e5e7eb;--icon-upload: #818cf8;--icon-send: #ffffff;--icon-active: #818cf8;--icon-disabled: #4b5563;--icon-hover: #6366f1}.theme-dark .chat-header{background:linear-gradient(135deg,#1a1a1a,#333)}.theme-dark .chat-messages{background:#2c2c2c}.theme-dark .ai-message .message-content{background:#3a3a3a;color:#fff;border-color:#555}.theme-dark .chat-input{background:#3a3a3a;border-color:#555}.theme-dark .inquiry-textarea{background:#2c2c2c;color:#fff;border-color:#555}.theme-dark .inquiry-textarea:focus{border-color:#667eea}.theme-dark .attachments-preview{background:#3a3a3a;border-color:#555}.theme-dark .attachment-item{background:#2c2c2c;border-color:#555;color:#fff}.theme-dark .upload-button{background:rgba(255,255,255,.1);border-color:#fff3}.theme-dark .upload-button:hover:not(:disabled){background:rgba(255,255,255,.2)}.theme-blue{background:#e3f2fd;--icon-primary: #1976d2;--icon-secondary: #546e7a;--icon-avatar-user: #1976d2;--icon-avatar-ai: #0288d1;--icon-header: #ffffff;--icon-upload: #1976d2;--icon-send: #ffffff;--icon-active: #1976d2;--icon-disabled: #b0bec5;--icon-hover: #1565c0}.theme-blue .chat-header{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .user-message .message-content{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .ai-message .message-content{border-color:#bbdefb}.theme-blue .inquiry-textarea:focus{border-color:#1976d2}.theme-blue .send-button{background:linear-gradient(135deg,#1976d2,#42a5f5)}.theme-blue .upload-button{background:rgba(25,118,210,.1);border-color:#1976d24d}.theme-blue .upload-button:hover:not(:disabled){background:rgba(25,118,210,.2)}.theme-green{background:#e8f5e8;--icon-primary: #388e3c;--icon-secondary: #546e7a;--icon-avatar-user: #388e3c;--icon-avatar-ai: #2e7d32;--icon-header: #ffffff;--icon-upload: #388e3c;--icon-send: #ffffff;--icon-active: #388e3c;--icon-disabled: #b0bec5;--icon-hover: #2e7d32}.theme-green .chat-header{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .user-message .message-content{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .ai-message .message-content{border-color:#c8e6c9}.theme-green .inquiry-textarea:focus{border-color:#388e3c}.theme-green .send-button{background:linear-gradient(135deg,#388e3c,#66bb6a)}.theme-green .upload-button{background:rgba(56,142,60,.1);border-color:#388e3c4d}.theme-green .upload-button:hover:not(:disabled){background:rgba(56,142,60,.2)}.theme-purple{background:#f3e5f5;--icon-primary: #7b1fa2;--icon-secondary: #6a1b9a;--icon-avatar-user: #7b1fa2;--icon-avatar-ai: #8e24aa;--icon-header: #ffffff;--icon-upload: #7b1fa2;--icon-send: #ffffff;--icon-active: #7b1fa2;--icon-disabled: #ce93d8;--icon-hover: #6a1b9a}.theme-purple .chat-header{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .user-message .message-content{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .ai-message .message-content{border-color:#e1bee7}.theme-purple .inquiry-textarea:focus{border-color:#7b1fa2}.theme-purple .send-button{background:linear-gradient(135deg,#7b1fa2,#ab47bc)}.theme-purple .upload-button{background:rgba(123,31,162,.1);border-color:#7b1fa24d}.theme-purple .upload-button:hover:not(:disabled){background:rgba(123,31,162,.2)}.theme-minimal{background:#fafafa;--icon-primary: #333333;--icon-secondary: #757575;--icon-avatar-user: #424242;--icon-avatar-ai: #616161;--icon-header: #333333;--icon-upload: #424242;--icon-send: #ffffff;--icon-active: #333333;--icon-disabled: #bdbdbd;--icon-hover: #212121}.theme-minimal .chat-header{background:#fff;color:#333;border-bottom:1px solid #e0e0e0}.theme-minimal .user-message .message-content{background:#007bff;color:#fff;border-radius:18px}.theme-minimal .ai-message .message-content{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.theme-minimal .send-button{background:#007bff;border-radius:4px}.theme-minimal .upload-button{background:rgba(0,123,255,.1);border-color:#007bff4d}.theme-minimal .upload-button:hover:not(:disabled){background:rgba(0,123,255,.2)}.theme-corporate{background:#f8f9fa}.theme-corporate .chat-header{background:linear-gradient(135deg,#495057,#6c757d)}.theme-corporate .user-message .message-content{background:#495057}.theme-corporate .ai-message .message-content{background:#fff;border-color:#dee2e6}.theme-corporate .inquiry-textarea:focus{border-color:#495057}.theme-corporate .send-button{background:#495057}.theme-corporate .upload-button{background:rgba(73,80,87,.1);border-color:#4950574d}.theme-corporate .upload-button:hover:not(:disabled){background:rgba(73,80,87,.2)}.theme-red{background:#ffebee}.theme-red .chat-header{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .user-message .message-content{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .ai-message .message-content{border-color:#ffcdd2}.theme-red .inquiry-textarea:focus{border-color:#d32f2f}.theme-red .send-button{background:linear-gradient(135deg,#d32f2f,#f44336)}.theme-red .upload-button{background:rgba(211,47,47,.1);border-color:#d32f2f4d}.theme-red .upload-button:hover:not(:disabled){background:rgba(211,47,47,.2)}.theme-yellow{background:#fffde7}.theme-yellow .chat-header{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .user-message .message-content{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .ai-message .message-content{border-color:#fff9c4}.theme-yellow .inquiry-textarea:focus{border-color:#f57f17}.theme-yellow .send-button{background:linear-gradient(135deg,#f57f17,#ffb300)}.theme-yellow .upload-button{background:rgba(245,127,23,.1);border-color:#f57f174d}.theme-yellow .upload-button:hover:not(:disabled){background:rgba(245,127,23,.2)}.theme-orange{background:#fff3e0}.theme-orange .chat-header{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .user-message .message-content{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .ai-message .message-content{border-color:#ffe0b2}.theme-orange .inquiry-textarea:focus{border-color:#e65100}.theme-orange .send-button{background:linear-gradient(135deg,#e65100,#ff9800)}.theme-orange .upload-button{background:rgba(230,81,0,.1);border-color:#e651004d}.theme-orange .upload-button:hover:not(:disabled){background:rgba(230,81,0,.2)}.confirmation-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirmation-modal{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;position:relative}.confirmation-modal .modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin:0 auto 16px}.confirmation-modal .modal-icon svg{width:28px;height:28px}.confirmation-modal .modal-icon.warning-icon{background:rgba(255,152,0,.1);color:#ff9800}.confirmation-modal .modal-title{margin:0 0 12px;font-size:20px;font-weight:600;text-align:center;color:#1a1a1a}.confirmation-modal .modal-message{margin:0 0 24px;font-size:14px;line-height:1.5;text-align:center;color:#666}.confirmation-modal .modal-actions{display:flex;grid-gap:12px;gap:12px;justify-content:center}.confirmation-modal .modal-button{padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.confirmation-modal .modal-button:focus{outline:2px solid #4a90e2;outline-offset:2px}.confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.confirmation-modal .modal-button.primary-button:hover{background:linear-gradient(135deg,#357abd,#2868a8);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.confirmation-modal .modal-button.primary-button:active{transform:translateY(0)}.confirmation-modal .modal-button.secondary-button{background:#f5f5f5;color:#666}.confirmation-modal .modal-button.secondary-button:hover{background:#e0e0e0}.confirmation-modal .modal-button.secondary-button:active{background:#d5d5d5}.theme-modern .confirmation-modal{background:linear-gradient(135deg,#ffffff,#f8f9fa)}.theme-modern .confirmation-modal .modal-title{color:#2c3e50}.theme-modern .confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#4a90e2,#357abd)}.theme-dark .confirmation-modal{background:#2c2c2c}.theme-dark .confirmation-modal .modal-title{color:#fff}.theme-dark .confirmation-modal .modal-message{color:#b0b0b0}.theme-dark .confirmation-modal .modal-button.secondary-button{background:#3a3a3a;color:#b0b0b0}.theme-dark .confirmation-modal .modal-button.secondary-button:hover{background:#454545}.theme-light .confirmation-modal{background:white;box-shadow:0 8px 32px #0000001a}.theme-nature .confirmation-modal{background:linear-gradient(135deg,#f1f8e9,#ffffff)}.theme-nature .confirmation-modal .modal-icon.warning-icon{background:rgba(139,195,74,.1);color:#689f38}.theme-nature .confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#8bc34a,#689f38)}.theme-ocean .confirmation-modal{background:linear-gradient(135deg,#e0f7fa,#ffffff)}.theme-ocean .confirmation-modal .modal-icon.warning-icon{background:rgba(0,188,212,.1);color:#00acc1}.theme-ocean .confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#00bcd4,#00acc1)}.theme-sunset .confirmation-modal{background:linear-gradient(135deg,#fff3e0,#ffffff)}.theme-sunset .confirmation-modal .modal-icon.warning-icon{background:rgba(255,152,0,.1);color:#f57c00}.theme-sunset .confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#ff9800,#f57c00)}.theme-purple .confirmation-modal{background:linear-gradient(135deg,#f3e5f5,#ffffff)}.theme-purple .confirmation-modal .modal-icon.warning-icon{background:rgba(156,39,176,.1);color:#8e24aa}.theme-purple .confirmation-modal .modal-button.primary-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.confirmation-modal{max-width:340px;padding:20px}.confirmation-modal .modal-actions{flex-direction:column}.confirmation-modal .modal-actions .modal-button{width:100%}}\n"], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AiChatComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1468,7 +2399,7 @@
                         templateUrl: './ai-chat.component.html',
                         styleUrls: ['./ai-chat.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: AiAgentService }, { type: i2__namespace.DomSanitizer }]; }, propDecorators: { title: [{
+            }], ctorParameters: function () { return [{ type: AiAgentService }, { type: ConversationStateService }, { type: i3__namespace.DomSanitizer }]; }, propDecorators: { title: [{
                     type: i0.Input
                 }], placeholder: [{
                     type: i0.Input
@@ -1508,14 +2439,31 @@
                     type: i0.Input
                 }], enableStatusTransitions: [{
                     type: i0.Input
+                }], enableConversationLifecycle: [{
+                    type: i0.Input
+                }], enableAutoConversationRecovery: [{
+                    type: i0.Input
+                }], showCloseButton: [{
+                    type: i0.Input
+                }], showNewConversationButton: [{
+                    type: i0.Input
+                }], confirmNewConversation: [{
+                    type: i0.Input
+                }], newConversationConfirmMessage: [{
+                    type: i0.Input
                 }], messageReceived: [{
                     type: i0.Output
+                }], conversationStarted: [{
+                    type: i0.Output
                 }], messageSent: [{
                     type: i0.Output
                 }], fileUploaded: [{
                     type: i0.Output
                 }], sizeChanged: [{
                     type: i0.Output
+                }], handleEscapeKey: [{
+                    type: i0.HostListener,
+                    args: ['document:keydown.escape', ['$event']]
                 }] } });
 
     var EmanateAiChatLibModule = /** @class */ (function () {
@@ -1525,15 +2473,15 @@
     }());
     EmanateAiChatLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EmanateAiChatLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     EmanateAiChatLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EmanateAiChatLibModule, declarations: [EmanateAiChatLibComponent,
-            AiChatComponent], imports: [i3.CommonModule,
-            i4.FormsModule,
+            AiChatComponent], imports: [i4.CommonModule,
+            i5.FormsModule,
             i1.HttpClientModule], exports: [EmanateAiChatLibComponent,
             AiChatComponent] });
     EmanateAiChatLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EmanateAiChatLibModule, providers: [
             AiAgentService
         ], imports: [[
-                i3.CommonModule,
-                i4.FormsModule,
+                i4.CommonModule,
+                i5.FormsModule,
                 i1.HttpClientModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EmanateAiChatLibModule, decorators: [{
@@ -1544,8 +2492,8 @@
                             AiChatComponent
                         ],
                         imports: [
-                            i3.CommonModule,
-                            i4.FormsModule,
+                            i4.CommonModule,
+                            i5.FormsModule,
                             i1.HttpClientModule
                         ],
                         providers: [
@@ -1569,6 +2517,7 @@
     exports.AiAgentService = AiAgentService;
     exports.AiChatComponent = AiChatComponent;
     exports.BOOTSTRAP_ICONS = BOOTSTRAP_ICONS;
+    exports.ConversationStateService = ConversationStateService;
     exports.EmanateAiChatLibComponent = EmanateAiChatLibComponent;
     exports.EmanateAiChatLibModule = EmanateAiChatLibModule;
     exports.EmanateAiChatLibService = EmanateAiChatLibService;