@aakash58/chatbot 1.0.85 → 1.0.86

package/fesm2022/aakash58-chatbot.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component, ViewChild, HostListener, Directive, signal, Injectable, Inject, inject, InjectionToken, computed, effect, ElementRef, APP_INITIALIZER, ChangeDetectionStrategy } from '@angular/core';
+import { EventEmitter, Output, Input, Component, ViewChild, HostListener, Directive, signal, Injectable, Inject, inject, InjectionToken, computed, effect, ElementRef, ChangeDetectionStrategy, provideAppInitializer } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/material/icon';
@@ -13,13 +13,14 @@ import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { Subject, throwError, timer, of, firstValueFrom, delay, retry as retry$1, map as map$1, catchError as catchError$1, Observable } from 'rxjs';
+import { Subject, throwError, timer, of, delay, retry as retry$1, map as map$1, catchError as catchError$1, firstValueFrom, Observable, tap } from 'rxjs';
 import * as i1$4 from '@angular/common/http';
-import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpErrorResponse, provideHttpClient, HTTP_INTERCEPTORS, withInterceptorsFromDi } from '@angular/common/http';
 import { timeout, map, catchError, retry } from 'rxjs/operators';
 import * as CryptoJS from 'crypto-js';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import * as i1$5 from '@angular/router';
+import { bootstrapApplication } from '@angular/platform-browser';
 
 const appConst = {
     //LIVE ASSETS
@@ -95,11 +96,11 @@ class ChatButtonComponent {
         this.toggle.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ChatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ChatButtonComponent, isStandalone: true, selector: "app-chat-button", inputs: { buttonStyle: "buttonStyle", isChatOpen: "isChatOpen", unreadCount: "unreadCount", chatIcon: "chatIcon", appTitle: "appTitle", appLogoUrl: "appLogoUrl", appTextLogoUrl: "appTextLogoUrl" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<!-- fab -->\r\n<button class=\"chat-fab\" (click)=\"onToggle()\" *ngIf=\"buttonStyle === 'fab' && !isChatOpen\">\r\n  <!-- <mat-icon>{{ chatIcon }}</mat-icon> -->\r\n  <img style=\"width: 30px; height: 30px\" [src]=\"appLogoUrl\" />\r\n  <!-- <div class=\"chat-logo\"></div> -->\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n\r\n<!-- sidebar button -->\r\n<button\r\n  class=\"chat-sidebar\"\r\n  (click)=\"onToggle()\"\r\n  *ngIf=\"isSidebar && !isChatOpen\"\r\n  [ngClass]=\"sidebarPosition\"\r\n>\r\n  <!-- <h2 style=\"transform: rotate(-90deg); font-size: 16px\">{{ appTitle }}</h2> -->\r\n  <img style=\"transform: rotate(-90deg); width: 100px; height: 45px\" [src]=\"appTextLogoUrl\" />\r\n\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n", styles: [".chat-sidebar{position:fixed;right:0;width:40px;height:120px;border-radius:16px 0 0 16px;background:var(--background-color);color:var(--white);border:none;box-shadow:var(--border-shadow-color);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.chat-sidebar.disabled{background:transparent;border-radius:0}.chat-sidebar h2{margin:0;font-size:12px;transform:rotate(-90deg);white-space:nowrap}.chat-sidebar .alert-badge{position:absolute;bottom:15px;right:30px;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--white);font-size:10px;display:flex;align-items:center;justify-content:center}.chat-sidebar.center{top:50%;transform:translateY(-50%)}.chat-sidebar.top{top:calc(50% - 45vh);transform:none}.chat-sidebar.bottom{top:calc(50% + 30vh);transform:none}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--background-color);color:var(--white);box-shadow:0 6px 16px #0003;border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-fab svg,.chat-fab mat-icon{width:24px;height:24px}.chat-fab:hover{transform:scale(1.1)}.alert-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:var(--white);border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.chat-logo{width:45px;height:45px;mask:url(/assets/logo.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:green}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ChatButtonComponent, isStandalone: true, selector: "app-chat-button", inputs: { buttonStyle: "buttonStyle", isChatOpen: "isChatOpen", unreadCount: "unreadCount", chatIcon: "chatIcon", appTitle: "appTitle", appLogoUrl: "appLogoUrl", appTextLogoUrl: "appTextLogoUrl" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<!-- fab -->\r\n<button class=\"chat-fab\" (click)=\"onToggle()\" *ngIf=\"buttonStyle === 'fab' && !isChatOpen\">\r\n  <!-- <mat-icon>{{ chatIcon }}</mat-icon> -->\r\n  <img style=\"width: 30px; height: 30px\" [src]=\"appLogoUrl\" />\r\n  <!-- <div class=\"chat-logo\"></div> -->\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n\r\n<!-- sidebar button -->\r\n<button\r\n  class=\"chat-sidebar\"\r\n  (click)=\"onToggle()\"\r\n  *ngIf=\"isSidebar && !isChatOpen\"\r\n  [ngClass]=\"sidebarPosition\"\r\n>\r\n  <!-- <h2 style=\"transform: rotate(-90deg); font-size: 16px\">{{ appTitle }}</h2> -->\r\n  <img style=\"transform: rotate(-90deg); width: 100px; height: 45px\" [src]=\"appTextLogoUrl\" />\r\n\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n", styles: [".chat-sidebar{position:fixed;right:0;width:40px;height:120px;border-radius:16px 0 0 16px;background:var(--background-color);color:var(--white);border:none;box-shadow:var(--border-shadow-color);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.chat-sidebar.disabled{background:transparent;border-radius:0}.chat-sidebar h2{margin:0;font-size:12px;transform:rotate(-90deg);white-space:nowrap}.chat-sidebar .alert-badge{position:absolute;bottom:15px;right:30px;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--white);font-size:10px;display:flex;align-items:center;justify-content:center}.chat-sidebar.center{top:50%;transform:translateY(-50%)}.chat-sidebar.top{top:calc(50% - 45vh);transform:none}.chat-sidebar.bottom{top:calc(50% + 30vh);transform:none}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--background-color);color:var(--white);box-shadow:0 6px 16px #0003;border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-fab svg,.chat-fab mat-icon{width:24px;height:24px}.chat-fab:hover{transform:scale(1.1)}.alert-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:var(--white);border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.chat-logo{width:45px;height:45px;mask:url(/assets/logo.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--white)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ChatButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-chat-button', standalone: true, imports: [CommonModule, MatIconModule], template: "<!-- fab -->\r\n<button class=\"chat-fab\" (click)=\"onToggle()\" *ngIf=\"buttonStyle === 'fab' && !isChatOpen\">\r\n  <!-- <mat-icon>{{ chatIcon }}</mat-icon> -->\r\n  <img style=\"width: 30px; height: 30px\" [src]=\"appLogoUrl\" />\r\n  <!-- <div class=\"chat-logo\"></div> -->\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n\r\n<!-- sidebar button -->\r\n<button\r\n  class=\"chat-sidebar\"\r\n  (click)=\"onToggle()\"\r\n  *ngIf=\"isSidebar && !isChatOpen\"\r\n  [ngClass]=\"sidebarPosition\"\r\n>\r\n  <!-- <h2 style=\"transform: rotate(-90deg); font-size: 16px\">{{ appTitle }}</h2> -->\r\n  <img style=\"transform: rotate(-90deg); width: 100px; height: 45px\" [src]=\"appTextLogoUrl\" />\r\n\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n", styles: [".chat-sidebar{position:fixed;right:0;width:40px;height:120px;border-radius:16px 0 0 16px;background:var(--background-color);color:var(--white);border:none;box-shadow:var(--border-shadow-color);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.chat-sidebar.disabled{background:transparent;border-radius:0}.chat-sidebar h2{margin:0;font-size:12px;transform:rotate(-90deg);white-space:nowrap}.chat-sidebar .alert-badge{position:absolute;bottom:15px;right:30px;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--white);font-size:10px;display:flex;align-items:center;justify-content:center}.chat-sidebar.center{top:50%;transform:translateY(-50%)}.chat-sidebar.top{top:calc(50% - 45vh);transform:none}.chat-sidebar.bottom{top:calc(50% + 30vh);transform:none}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--background-color);color:var(--white);box-shadow:0 6px 16px #0003;border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-fab svg,.chat-fab mat-icon{width:24px;height:24px}.chat-fab:hover{transform:scale(1.1)}.alert-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:var(--white);border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.chat-logo{width:45px;height:45px;mask:url(/assets/logo.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:green}\n"] }]
+            args: [{ selector: 'app-chat-button', standalone: true, imports: [CommonModule, MatIconModule], template: "<!-- fab -->\r\n<button class=\"chat-fab\" (click)=\"onToggle()\" *ngIf=\"buttonStyle === 'fab' && !isChatOpen\">\r\n  <!-- <mat-icon>{{ chatIcon }}</mat-icon> -->\r\n  <img style=\"width: 30px; height: 30px\" [src]=\"appLogoUrl\" />\r\n  <!-- <div class=\"chat-logo\"></div> -->\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n\r\n<!-- sidebar button -->\r\n<button\r\n  class=\"chat-sidebar\"\r\n  (click)=\"onToggle()\"\r\n  *ngIf=\"isSidebar && !isChatOpen\"\r\n  [ngClass]=\"sidebarPosition\"\r\n>\r\n  <!-- <h2 style=\"transform: rotate(-90deg); font-size: 16px\">{{ appTitle }}</h2> -->\r\n  <img style=\"transform: rotate(-90deg); width: 100px; height: 45px\" [src]=\"appTextLogoUrl\" />\r\n\r\n  <span class=\"alert-badge\" *ngIf=\"unreadCount > 0\">\r\n    {{ unreadCount > 9 ? '9+' : unreadCount }}\r\n  </span>\r\n</button>\r\n", styles: [".chat-sidebar{position:fixed;right:0;width:40px;height:120px;border-radius:16px 0 0 16px;background:var(--background-color);color:var(--white);border:none;box-shadow:var(--border-shadow-color);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.chat-sidebar.disabled{background:transparent;border-radius:0}.chat-sidebar h2{margin:0;font-size:12px;transform:rotate(-90deg);white-space:nowrap}.chat-sidebar .alert-badge{position:absolute;bottom:15px;right:30px;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--white);font-size:10px;display:flex;align-items:center;justify-content:center}.chat-sidebar.center{top:50%;transform:translateY(-50%)}.chat-sidebar.top{top:calc(50% - 45vh);transform:none}.chat-sidebar.bottom{top:calc(50% + 30vh);transform:none}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--background-color);color:var(--white);box-shadow:0 6px 16px #0003;border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center}.chat-fab svg,.chat-fab mat-icon{width:24px;height:24px}.chat-fab:hover{transform:scale(1.1)}.alert-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:var(--white);border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.chat-logo{width:45px;height:45px;mask:url(/assets/logo.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--white)}\n"] }]
         }], propDecorators: { buttonStyle: [{
                 type: Input
             }], isChatOpen: [{
@@ -954,11 +955,16 @@ class ChatWindowComponent {
     continueAsGuest = new EventEmitter();
     loginClick = new EventEmitter();
     loginSubmit = new EventEmitter();
+    logout = new EventEmitter();
     themeService = inject(ThemeService);
     // Login form state
     loginUsername = '';
     loginPassword = '';
     showLoginForm = false;
+    showPassword = false;
+    togglePasswordVisibility() {
+        this.showPassword = !this.showPassword;
+    }
     onToggleChat() {
         this.toggleChat.emit();
     }
@@ -997,9 +1003,15 @@ class ChatWindowComponent {
         this.messageError = null;
         this.clearMessageError.emit();
     }
+    onClearAuthError() {
+        this.clearMessageError.emit();
+    }
     onClearChat() {
         this.clearChat.emit();
     }
+    onLogout() {
+        this.logout.emit();
+    }
     onSessionSelected(session) {
         this.sessionSelected.emit(session);
     }
@@ -1025,18 +1037,14 @@ class ChatWindowComponent {
         // Initialization logic if needed
     }
     ngOnChanges(changes) {
-        // If authError input changes, update messageError to show snackbar
-        if (changes['authError'] && this.authError) {
-            this.messageError = this.authError;
-        }
-        // If authSuccess input changes, update messageError (used for all snackbar messages currently) to show success
-        if (changes['authSuccess'] && this.authSuccess) {
-            this.messageError = this.authSuccess;
+        //? Handle authentication status changes
+        if (changes['isAuthenticated'] && this.isAuthenticated) {
+            this.showLoginForm = false;
         }
     }
     ngOnDestroy() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ChatWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ChatWindowComponent, isStandalone: true, selector: "app-chat-window", inputs: { isChatOpen: "isChatOpen", enableDrag: "enableDrag", enableResize: "enableResize", isFullScreen: "isFullScreen", isAuthenticated: "isAuthenticated", appTitle: "appTitle", appLogoUrl: "appLogoUrl", appTextLogoUrl: "appTextLogoUrl", appHeaderLogoUrl: "appHeaderLogoUrl", moreIcon: "moreIcon", minimizeIcon: "minimizeIcon", messages: "messages", isBotTyping: "isBotTyping", appSubtitle: "appSubtitle", welcomeDesc: "welcomeDesc", predefinedMessages: "predefinedMessages", botAvatarUrl: "botAvatarUrl", userAvatarUrl: "userAvatarUrl", userName: "userName", trackByMessageId: "trackByMessageId", hintText: "hintText", sendIcon: "sendIcon", messageError: "messageError", showSuggestionChips: "showSuggestionChips", isHistorySidebarOpen: "isHistorySidebarOpen", chatSessions: "chatSessions", chatHistoryUserName: "chatHistoryUserName", isGuestUser: "isGuestUser", isGuestMode: "isGuestMode", isLoggingIn: "isLoggingIn", authError: "authError", authSuccess: "authSuccess", themeConfig: "themeConfig" }, outputs: { toggleChat: "toggleChat", toggleFullScreen: "toggleFullScreen", toggleHistorySidebar: "toggleHistorySidebar", openSettings: "openSettings", suggestionClick: "suggestionClick", send: "send", clearMessageError: "clearMessageError", clearChat: "clearChat", sessionSelected: "sessionSelected", sessionDeleted: "sessionDeleted", continueAsGuest: "continueAsGuest", loginClick: "loginClick", loginSubmit: "loginSubmit" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n  *ngIf=\"isChatOpen\"\r\n  draggableDialog\r\n  [enableDrag]=\"enableDrag\"\r\n  [dragHandle]=\"'.chat-header'\"\r\n  resizableDialog\r\n  [enableResize]=\"enableResize\"\r\n  class=\"chat-window\"\r\n  [class.fullscreen]=\"isFullScreen\"\r\n>\r\n  <!-- chat window -->\r\n  <div class=\"chat-header\">\r\n    <div class=\"chat-title\">\r\n      <img\r\n        class=\"chat-logo\"\r\n        style=\"width: 150px; height: 50px; margin-left: 0px\"\r\n        [src]=\"appHeaderLogoUrl\"\r\n        alt=\"Text-Logo\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"chat-header-buttons\">\r\n      <!-- New Chat Button -->\r\n      <!-- <button class=\"header-button\" (click)=\"createNewChat()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button> -->\r\n\r\n      <!-- <app-dropdown-menu>\r\n        <span trigger>\u2630</span>\r\n\r\n        <app-menu-item (selected)=\"onToggleFullScreen()\"> My Profile </app-menu-item>\r\n\r\n        <app-menu-item> Settings </app-menu-item>\r\n\r\n        <app-menu-item> Logout </app-menu-item>\r\n      </app-dropdown-menu> -->\r\n\r\n      <!-- History Button -->\r\n      <button\r\n        class=\"header-button\"\r\n        *ngIf=\"isAuthenticated\"\r\n        (click)=\"onToggleHistorySidebar()\"\r\n        title=\"Chat History\"\r\n      >\r\n        <mat-icon>history</mat-icon>\r\n      </button>\r\n\r\n      <!-- settings Button -->\r\n      <button class=\"header-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n        <mat-icon>{{ moreIcon }}</mat-icon>\r\n      </button>\r\n\r\n      <!-- minimize Button -->\r\n      <button class=\"header-button\" (click)=\"onToggleChat()\">\r\n        <mat-icon>{{ minimizeIcon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area: Toggle between Messages and History -->\r\n  <!-- <popout-window\r\n    #popout\r\n    [windowTitle]=\"appTitle || 'Chat'\"\r\n    [windowWidth]=\"400\"\r\n    [windowHeight]=\"620\"\r\n    (shown)=\"onPopoutShown($event)\"\r\n  > -->\r\n  <div class=\"chat-content-wrapper\">\r\n    <!-- Chat History View -->\r\n    <app-chat-history-sidebar\r\n      [sessions]=\"chatSessions\"\r\n      [isOpen]=\"isHistorySidebarOpen\"\r\n      [userName]=\"chatHistoryUserName\"\r\n      (sessionSelected)=\"onSessionSelected($event)\"\r\n      (sessionDeleted)=\"onSessionDeleted($event)\"\r\n      (closed)=\"onToggleHistorySidebar()\"\r\n    >\r\n    </app-chat-history-sidebar>\r\n\r\n    <!-- Messages View -->\r\n    <div class=\"messages-view\" [class.hidden]=\"isHistorySidebarOpen\">\r\n      <!-- Messages / Welcome Screen -->\r\n      <app-message-list\r\n        *ngIf=\"!showLoginForm\"\r\n        [messages]=\"messages\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [appLogoUrl]=\"appLogoUrl\"\r\n        [appSubtitle]=\"appSubtitle\"\r\n        [welcomeDesc]=\"welcomeDesc\"\r\n        [predefinedMessages]=\"predefinedMessages\"\r\n        [botAvatarUrl]=\"botAvatarUrl\"\r\n        [userAvatarUrl]=\"userAvatarUrl\"\r\n        [userName]=\"userName\"\r\n        [trackByMessageId]=\"trackByMessageId\"\r\n        [isAuthenticated]=\"isAuthenticated\"\r\n        [isGuestMode]=\"isGuestMode\"\r\n        (suggestionClick)=\"onSuggestionClick($event)\"\r\n        (loginClick)=\"onLoginClick()\"\r\n        (continueAsGuest)=\"onContinueAsGuest()\"\r\n      ></app-message-list>\r\n\r\n      <!--  SUGGESTED CHIPS: Show only if last bot message was fallback AND user is authenticated -->\r\n      <app-chips\r\n        *ngIf=\"showSuggestionChips && (isAuthenticated || isGuestMode)\"\r\n        [messages]=\"predefinedMessages\"\r\n        [disabled]=\"isBotTyping\"\r\n        (chipClick)=\"onSuggestionClick($event)\"\r\n      ></app-chips>\r\n\r\n      <!--  Inline error message -->\r\n      <app-snackbar\r\n        *ngIf=\"messageError\"\r\n        [message]=\"messageError\"\r\n        [show]=\"true\"\r\n        (closed)=\"onClearMessageError()\"\r\n      ></app-snackbar>\r\n\r\n      <!-- Chat Input: Only show when authenticated or guest mode -->\r\n      <app-message-input\r\n        *ngIf=\"isAuthenticated || isGuestMode\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [hintText]=\"hintText\"\r\n        [sendIcon]=\"sendIcon\"\r\n        (send)=\"onSend($event)\"\r\n      ></app-message-input>\r\n\r\n      <!-- Login Form -->\r\n      <div *ngIf=\"showLoginForm && !isAuthenticated\" class=\"login-form-container\">\r\n        <h3 class=\"login-title\">Login</h3>\r\n        <div class=\"login-fields\">\r\n          <input\r\n            type=\"text\"\r\n            [(ngModel)]=\"loginUsername\"\r\n            placeholder=\"Username\"\r\n            class=\"login-input\"\r\n          />\r\n          <input\r\n            type=\"password\"\r\n            [(ngModel)]=\"loginPassword\"\r\n            placeholder=\"Password\"\r\n            class=\"login-input\"\r\n            (keydown.enter)=\"onLoginSubmit()\"\r\n          />\r\n        </div>\r\n        <div class=\"login-actions\">\r\n          <button (click)=\"onCancelLogin()\" class=\"auth-btn secondary\">Cancel</button>\r\n          <button\r\n            (click)=\"onLoginSubmit()\"\r\n            class=\"auth-btn primary\"\r\n            [disabled]=\"!loginUsername || !loginPassword || isLoggingIn\"\r\n          >\r\n            {{ isLoggingIn ? 'Logging in...' : 'Submit' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- footer -->\r\n      <div class=\"terms-conditions\">\r\n        <a href=\"#\">Terms and Conditions</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- </popout-window> -->\r\n</div>\r\n\r\n<mat-menu #settingsMenu=\"matMenu\">\r\n  <!-- Change Theme -->\r\n  <div class=\"theme-selector\">\r\n    <!-- Auto Theme (inherits from parent app) -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'auto'\"\r\n      (click)=\"themeService.setTheme('auto')\"\r\n    >\r\n      <mat-icon>brightness_auto</mat-icon>\r\n    </button>\r\n\r\n    <!-- Light Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'light'\"\r\n      (click)=\"themeService.setTheme('light')\"\r\n    >\r\n      <mat-icon>light_mode</mat-icon>\r\n    </button>\r\n\r\n    <!-- Dark Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'dark'\"\r\n      (click)=\"themeService.setTheme('dark')\"\r\n    >\r\n      <mat-icon>dark_mode</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Popout Button -->\r\n  <!-- <button mat-menu-item (click)=\"popout.popOut()\" style=\"display: flex; align-items: center\">\r\n      <mat-icon>open_in_new</mat-icon>\r\n      <span>Popout Widget</span>\r\n    </button> -->\r\n\r\n  <!-- Full-Screen Button -->\r\n  <button mat-menu-item (click)=\"onToggleFullScreen()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>{{ isFullScreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\r\n    <span> {{ isFullScreen ? 'Minimize' : 'Expand' }}</span>\r\n  </button>\r\n\r\n  <!-- Clear Chat -->\r\n  <button mat-menu-item (click)=\"onClearChat()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>clear_all</mat-icon>\r\n    <span>Clear Chat</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: ["::ng-deep .mat-mdc-menu-panel{background-color:#8b8b8b!important;color:#fff!important;border-radius:8px!important;padding:4px 0!important;box-shadow:0 4px 16px #00000040!important;border-color:#ccc!important;font-family:Roboto,Arial,sans-serif!important;font-size:14px!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item mat-icon{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover{background-color:#5c5c5c!important;color:#f5f5f5!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover mat-icon{color:#f5f5f5!important}.doohbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-window{width:clamp(400px,30vw,450px);height:clamp(620px,70vh,660px);background-color:var(--background-color);border-radius:20px;border-color:var(--border-color);box-shadow:var(--border-shadow-color);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .5s ease;position:fixed;right:20px;bottom:20px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.chat-window{width:95%;height:calc(100vh - 20px)}}@media (max-width: 480px){.chat-window{width:90%;height:calc(100vh - 40px)}}.chat-window.fullscreen{width:98vw;height:96vh;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--background-color);color:var(--text-alt-color);cursor:move;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-title{display:flex;align-items:center;gap:6px;font-family:var(--font-family)}.chat-logo{width:45px;height:45px;object-fit:contain}.chat-header h2{margin:0;font-size:1.2rem;color:var(--text-alt-color);font-family:var(--font-family);font-weight:700}.header-button{background:none;border:none;color:var(--button-color);cursor:pointer;font-size:1.5rem}.header-button :hover{transform:scale(1.1)}.terms-conditions{font-size:.8rem;color:var(--text-color);margin-top:5px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.terms-conditions a{color:var(--grey);text-decoration:underline;font-family:var(--font-family)}.terms-conditions a:hover{color:var(--primary-color)}.chat-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages-view{display:flex;flex-direction:column;height:100%;width:100%}.messages-view.hidden{display:none}.theme-selector{display:flex;align-items:center;padding:4px 12px;gap:8px}.theme-btn{background:none;border:none;color:var(--white);transition:color .2s ease}.theme-btn.selected{color:var(--black)}.auth-prompt-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;text-align:center;height:100%}.auth-prompt-container .auth-prompt-text{margin:0;font-size:.95em;opacity:.8;color:var(--text-color)}.auth-prompt-container .auth-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.auth-btn{padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.auth-btn.primary{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.auth-btn.primary:hover{opacity:.9}.auth-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn.secondary{background:transparent;color:var(--re);border:1px solid var(--primary-color)}.auth-btn.secondary:hover{opacity:.9}.login-form-container{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.login-form-container .login-title{text-align:center;margin:0 0 10px;font-size:1.2em;color:var(--text-color);font-family:var(--font-family)}.login-form-container .login-fields{display:flex;flex-direction:column;gap:10px}.login-form-container .login-fields .login-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:.9em;background:var(--background-color);color:var(--text-color)}.login-form-container .login-fields .login-input:focus{outline:none;border-color:var(--primary-color)}.login-form-container .login-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: Chips, selector: "app-chips", inputs: ["messages", "disabled"], outputs: ["chipClick"] }, { kind: "component", type: MessageListComponent, selector: "app-message-list", inputs: ["messages", "isBotTyping", "appLogoUrl", "appSubtitle", "welcomeDesc", "predefinedMessages", "botAvatarUrl", "userAvatarUrl", "userName", "isAuthenticated", "isGuestMode", "trackByMessageId"], outputs: ["suggestionClick", "loginClick", "continueAsGuest"] }, { kind: "component", type: MessageInputComponent, selector: "app-message-input", inputs: ["isBotTyping", "hintText", "sendIcon"], outputs: ["send"] }, { kind: "component", type: SnackBar, selector: "app-snackbar", inputs: ["message", "autoDismiss", "dismissDelay", "show"], outputs: ["closed"] }, { kind: "directive", type: DraggableDialogDirective, selector: "[draggableDialog]", inputs: ["dragHandle", "enableDrag"] }, { kind: "directive", type: ResizableDialogDirective, selector: "[resizableDialog]", inputs: ["enableResize"] }, { kind: "component", type: ChatHistorySidebarComponent, selector: "app-chat-history-sidebar", inputs: ["sessions", "isOpen", "userName"], outputs: ["sessionSelected", "sessionDeleted", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ChatWindowComponent, isStandalone: true, selector: "app-chat-window", inputs: { isChatOpen: "isChatOpen", enableDrag: "enableDrag", enableResize: "enableResize", isFullScreen: "isFullScreen", isAuthenticated: "isAuthenticated", appTitle: "appTitle", appLogoUrl: "appLogoUrl", appTextLogoUrl: "appTextLogoUrl", appHeaderLogoUrl: "appHeaderLogoUrl", moreIcon: "moreIcon", minimizeIcon: "minimizeIcon", messages: "messages", isBotTyping: "isBotTyping", appSubtitle: "appSubtitle", welcomeDesc: "welcomeDesc", predefinedMessages: "predefinedMessages", botAvatarUrl: "botAvatarUrl", userAvatarUrl: "userAvatarUrl", userName: "userName", trackByMessageId: "trackByMessageId", hintText: "hintText", sendIcon: "sendIcon", messageError: "messageError", showSuggestionChips: "showSuggestionChips", isHistorySidebarOpen: "isHistorySidebarOpen", chatSessions: "chatSessions", chatHistoryUserName: "chatHistoryUserName", isGuestUser: "isGuestUser", isGuestMode: "isGuestMode", isLoggingIn: "isLoggingIn", authError: "authError", authSuccess: "authSuccess", themeConfig: "themeConfig" }, outputs: { toggleChat: "toggleChat", toggleFullScreen: "toggleFullScreen", toggleHistorySidebar: "toggleHistorySidebar", openSettings: "openSettings", suggestionClick: "suggestionClick", send: "send", clearMessageError: "clearMessageError", clearChat: "clearChat", sessionSelected: "sessionSelected", sessionDeleted: "sessionDeleted", continueAsGuest: "continueAsGuest", loginClick: "loginClick", loginSubmit: "loginSubmit", logout: "logout" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n  *ngIf=\"isChatOpen\"\r\n  draggableDialog\r\n  [enableDrag]=\"enableDrag\"\r\n  [dragHandle]=\"'.chat-header'\"\r\n  resizableDialog\r\n  [enableResize]=\"enableResize\"\r\n  class=\"chat-window\"\r\n  [class.fullscreen]=\"isFullScreen\"\r\n>\r\n  <!-- chat window -->\r\n  <div class=\"chat-header\">\r\n    <div class=\"chat-title\">\r\n      <img\r\n        class=\"chat-logo\"\r\n        style=\"width: 150px; height: 50px; margin-left: 0px\"\r\n        [src]=\"appHeaderLogoUrl\"\r\n        alt=\"Text-Logo\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"chat-header-buttons\">\r\n      <!-- New Chat Button -->\r\n      <!-- <button class=\"header-button\" (click)=\"createNewChat()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button> -->\r\n\r\n      <!-- <app-dropdown-menu>\r\n        <span trigger>\u2630</span>\r\n\r\n        <app-menu-item (selected)=\"onToggleFullScreen()\"> My Profile </app-menu-item>\r\n\r\n        <app-menu-item> Settings </app-menu-item>\r\n\r\n        <app-menu-item> Logout </app-menu-item>\r\n      </app-dropdown-menu> -->\r\n\r\n      <!-- History Button -->\r\n      <button\r\n        class=\"header-button\"\r\n        *ngIf=\"isAuthenticated\"\r\n        (click)=\"onToggleHistorySidebar()\"\r\n        title=\"Chat History\"\r\n      >\r\n        <mat-icon>history</mat-icon>\r\n      </button>\r\n\r\n      <!-- settings Button -->\r\n      <button class=\"header-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n        <mat-icon>{{ moreIcon }}</mat-icon>\r\n      </button>\r\n\r\n      <!-- minimize Button -->\r\n      <button class=\"header-button\" (click)=\"onToggleChat()\">\r\n        <mat-icon>{{ minimizeIcon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area: Toggle between Messages and History -->\r\n  <!-- <popout-window\r\n    #popout\r\n    [windowTitle]=\"appTitle || 'Chat'\"\r\n    [windowWidth]=\"400\"\r\n    [windowHeight]=\"620\"\r\n    (shown)=\"onPopoutShown($event)\"\r\n  > -->\r\n  <div class=\"chat-content-wrapper\">\r\n    <!-- Chat History View -->\r\n    <app-chat-history-sidebar\r\n      [sessions]=\"chatSessions\"\r\n      [isOpen]=\"isHistorySidebarOpen\"\r\n      [userName]=\"chatHistoryUserName\"\r\n      (sessionSelected)=\"onSessionSelected($event)\"\r\n      (sessionDeleted)=\"onSessionDeleted($event)\"\r\n      (closed)=\"onToggleHistorySidebar()\"\r\n    >\r\n    </app-chat-history-sidebar>\r\n\r\n    <!-- Messages View -->\r\n    <div class=\"messages-view\" [class.hidden]=\"isHistorySidebarOpen\">\r\n      <!-- Messages / Welcome Screen -->\r\n      <app-message-list\r\n        *ngIf=\"!showLoginForm\"\r\n        [messages]=\"messages\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [appLogoUrl]=\"appLogoUrl\"\r\n        [appSubtitle]=\"appSubtitle\"\r\n        [welcomeDesc]=\"welcomeDesc\"\r\n        [predefinedMessages]=\"predefinedMessages\"\r\n        [botAvatarUrl]=\"botAvatarUrl\"\r\n        [userAvatarUrl]=\"userAvatarUrl\"\r\n        [userName]=\"userName\"\r\n        [trackByMessageId]=\"trackByMessageId\"\r\n        [isAuthenticated]=\"isAuthenticated\"\r\n        [isGuestMode]=\"isGuestMode\"\r\n        (suggestionClick)=\"onSuggestionClick($event)\"\r\n        (loginClick)=\"onLoginClick()\"\r\n        (continueAsGuest)=\"onContinueAsGuest()\"\r\n      ></app-message-list>\r\n\r\n      <!--  SUGGESTED CHIPS: Show only if last bot message was fallback AND user is authenticated -->\r\n      <app-chips\r\n        *ngIf=\"showSuggestionChips && (isAuthenticated || isGuestMode)\"\r\n        [messages]=\"predefinedMessages\"\r\n        [disabled]=\"isBotTyping\"\r\n        (chipClick)=\"onSuggestionClick($event)\"\r\n      ></app-chips>\r\n\r\n      <!-- Chat Input: Only show when authenticated or guest mode -->\r\n      <app-message-input\r\n        *ngIf=\"isAuthenticated || isGuestMode\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [hintText]=\"hintText\"\r\n        [sendIcon]=\"sendIcon\"\r\n        (send)=\"onSend($event)\"\r\n      ></app-message-input>\r\n\r\n      <!-- Login Form -->\r\n      <div *ngIf=\"showLoginForm && !isAuthenticated\" class=\"login-form-container\">\r\n        <h3 class=\"login-title\">Login</h3>\r\n        <div class=\"login-fields\">\r\n          <input\r\n            type=\"text\"\r\n            [(ngModel)]=\"loginUsername\"\r\n            placeholder=\"Username\"\r\n            class=\"login-input\"\r\n          />\r\n          <div class=\"password-wrapper\">\r\n            <input\r\n              [type]=\"showPassword ? 'text' : 'password'\"\r\n              [(ngModel)]=\"loginPassword\"\r\n              placeholder=\"Password\"\r\n              class=\"login-input password-input\"\r\n              (keydown.enter)=\"onLoginSubmit()\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"password-toggle-btn\"\r\n              (click)=\"togglePasswordVisibility()\"\r\n              tabindex=\"-1\"\r\n            >\r\n              <mat-icon>{{ showPassword ? 'visibility' : 'visibility_off' }}</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"login-actions\">\r\n          <button (click)=\"onCancelLogin()\" class=\"auth-btn secondary\">Cancel</button>\r\n          <button\r\n            (click)=\"onLoginSubmit()\"\r\n            class=\"auth-btn primary\"\r\n            [disabled]=\"!loginUsername || !loginPassword || isLoggingIn\"\r\n          >\r\n            {{ isLoggingIn ? 'Logging in...' : 'Submit' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!--  Auth error snackbar (login/logout errors only) -->\r\n      <app-snackbar\r\n        *ngIf=\"authError\"\r\n        [message]=\"authError\"\r\n        (closed)=\"onClearAuthError()\"\r\n      ></app-snackbar>\r\n\r\n      <!-- footer -->\r\n      <div class=\"terms-conditions\">\r\n        <a href=\"#\">Terms and Conditions</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- </popout-window> -->\r\n</div>\r\n\r\n<mat-menu #settingsMenu=\"matMenu\">\r\n  <!-- Change Theme -->\r\n  <div class=\"theme-selector\">\r\n    <!-- Auto Theme (inherits from parent app) -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'auto'\"\r\n      (click)=\"themeService.setTheme('auto')\"\r\n    >\r\n      <mat-icon>brightness_auto</mat-icon>\r\n    </button>\r\n\r\n    <!-- Light Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'light'\"\r\n      (click)=\"themeService.setTheme('light')\"\r\n    >\r\n      <mat-icon>light_mode</mat-icon>\r\n    </button>\r\n\r\n    <!-- Dark Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'dark'\"\r\n      (click)=\"themeService.setTheme('dark')\"\r\n    >\r\n      <mat-icon>dark_mode</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Popout Button -->\r\n  <!-- <button mat-menu-item (click)=\"popout.popOut()\" style=\"display: flex; align-items: center\">\r\n      <mat-icon>open_in_new</mat-icon>\r\n      <span>Popout Widget</span>\r\n    </button> -->\r\n\r\n  <!-- Full-Screen Button -->\r\n  <button mat-menu-item (click)=\"onToggleFullScreen()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>{{ isFullScreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\r\n    <span> {{ isFullScreen ? 'Minimize' : 'Expand' }}</span>\r\n  </button>\r\n\r\n  <!-- Clear Chat -->\r\n  <button mat-menu-item (click)=\"onClearChat()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>clear_all</mat-icon>\r\n    <span>Clear Chat</span>\r\n  </button>\r\n\r\n  <!-- Logout -->\r\n  <button\r\n    mat-menu-item\r\n    *ngIf=\"isAuthenticated\"\r\n    (click)=\"onLogout()\"\r\n    style=\"display: flex; align-items: center\"\r\n  >\r\n    <mat-icon>logout</mat-icon>\r\n    <span>Logout</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: ["::ng-deep .mat-mdc-menu-panel{background-color:#8b8b8b!important;color:#fff!important;border-radius:8px!important;padding:4px 0!important;box-shadow:0 4px 16px #00000040!important;border-color:#ccc!important;font-family:Roboto,Arial,sans-serif!important;font-size:14px!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item mat-icon{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover{background-color:#5c5c5c!important;color:#f5f5f5!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover mat-icon{color:#f5f5f5!important}.doohbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-window{width:clamp(400px,30vw,450px);height:clamp(620px,70vh,660px);background-color:var(--background-color);border-radius:20px;border-color:var(--border-color);box-shadow:var(--border-shadow-color);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .5s ease;position:fixed;right:20px;bottom:20px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.chat-window{width:95%;height:calc(100vh - 20px)}}@media (max-width: 480px){.chat-window{width:90%;height:calc(100vh - 40px)}}.chat-window.fullscreen{width:98vw;height:96vh;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--background-color);color:var(--text-alt-color);cursor:move;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-title{display:flex;align-items:center;gap:6px;font-family:var(--font-family)}.chat-logo{width:45px;height:45px;object-fit:contain}.chat-header h2{margin:0;font-size:1.2rem;color:var(--text-alt-color);font-family:var(--font-family);font-weight:700}.header-button{background:none;border:none;color:var(--button-color);cursor:pointer;font-size:1.5rem}.header-button :hover{transform:scale(1.1)}.terms-conditions{font-size:.8rem;color:var(--text-color);margin-top:5px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.terms-conditions a{color:var(--grey);text-decoration:underline;font-family:var(--font-family)}.terms-conditions a:hover{color:var(--primary-color)}.chat-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages-view{display:flex;flex-direction:column;height:100%;width:100%}.messages-view.hidden{display:none}.messages-view app-message-list{flex:1;min-height:0}.messages-view app-snackbar{flex-shrink:0;margin-top:auto}.messages-view app-message-input{flex-shrink:0}.theme-selector{display:flex;align-items:center;padding:4px 12px;gap:8px}.theme-btn{background:none;border:none;color:var(--white);transition:color .2s ease}.theme-btn.selected{color:var(--black)}.auth-prompt-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;text-align:center;height:100%}.auth-prompt-container .auth-prompt-text{margin:0;font-size:.95em;opacity:.8;color:var(--text-color)}.auth-prompt-container .auth-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.auth-btn{padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.auth-btn.primary{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.auth-btn.primary:hover{opacity:.9}.auth-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn.secondary{background:transparent;color:var(--re);border:1px solid var(--primary-color)}.auth-btn.secondary:hover{opacity:.9}.login-form-container{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.login-form-container .login-title{text-align:center;margin:0 0 10px;font-size:1.2em;color:var(--text-color);font-family:var(--font-family)}.login-form-container .login-fields{display:flex;flex-direction:column;gap:10px}.login-form-container .login-fields .login-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:.9em;background:var(--background-color);color:var(--text-color)}.login-form-container .login-fields .login-input:focus{outline:none;border-color:var(--primary-color)}.login-form-container .login-fields .password-wrapper{position:relative;display:flex;align-items:center}.login-form-container .login-fields .password-wrapper .login-input{width:100%;padding-right:40px}.login-form-container .login-fields .password-wrapper .password-toggle-btn{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-color);opacity:.6;transition:opacity .2s}.login-form-container .login-fields .password-wrapper .password-toggle-btn:hover{opacity:1}.login-form-container .login-fields .password-wrapper .password-toggle-btn mat-icon{font-size:20px;width:20px;height:20px}.login-form-container .login-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: Chips, selector: "app-chips", inputs: ["messages", "disabled"], outputs: ["chipClick"] }, { kind: "component", type: MessageListComponent, selector: "app-message-list", inputs: ["messages", "isBotTyping", "appLogoUrl", "appSubtitle", "welcomeDesc", "predefinedMessages", "botAvatarUrl", "userAvatarUrl", "userName", "isAuthenticated", "isGuestMode", "trackByMessageId"], outputs: ["suggestionClick", "loginClick", "continueAsGuest"] }, { kind: "component", type: MessageInputComponent, selector: "app-message-input", inputs: ["isBotTyping", "hintText", "sendIcon"], outputs: ["send"] }, { kind: "component", type: SnackBar, selector: "app-snackbar", inputs: ["message", "autoDismiss", "dismissDelay", "show"], outputs: ["closed"] }, { kind: "directive", type: DraggableDialogDirective, selector: "[draggableDialog]", inputs: ["dragHandle", "enableDrag"] }, { kind: "directive", type: ResizableDialogDirective, selector: "[resizableDialog]", inputs: ["enableResize"] }, { kind: "component", type: ChatHistorySidebarComponent, selector: "app-chat-history-sidebar", inputs: ["sessions", "isOpen", "userName"], outputs: ["sessionSelected", "sessionDeleted", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ChatWindowComponent, decorators: [{
             type: Component,
@@ -1052,7 +1060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         ResizableDialogDirective,
                         ChatHistorySidebarComponent,
                         FormsModule,
-                    ], template: "<div\r\n  *ngIf=\"isChatOpen\"\r\n  draggableDialog\r\n  [enableDrag]=\"enableDrag\"\r\n  [dragHandle]=\"'.chat-header'\"\r\n  resizableDialog\r\n  [enableResize]=\"enableResize\"\r\n  class=\"chat-window\"\r\n  [class.fullscreen]=\"isFullScreen\"\r\n>\r\n  <!-- chat window -->\r\n  <div class=\"chat-header\">\r\n    <div class=\"chat-title\">\r\n      <img\r\n        class=\"chat-logo\"\r\n        style=\"width: 150px; height: 50px; margin-left: 0px\"\r\n        [src]=\"appHeaderLogoUrl\"\r\n        alt=\"Text-Logo\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"chat-header-buttons\">\r\n      <!-- New Chat Button -->\r\n      <!-- <button class=\"header-button\" (click)=\"createNewChat()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button> -->\r\n\r\n      <!-- <app-dropdown-menu>\r\n        <span trigger>\u2630</span>\r\n\r\n        <app-menu-item (selected)=\"onToggleFullScreen()\"> My Profile </app-menu-item>\r\n\r\n        <app-menu-item> Settings </app-menu-item>\r\n\r\n        <app-menu-item> Logout </app-menu-item>\r\n      </app-dropdown-menu> -->\r\n\r\n      <!-- History Button -->\r\n      <button\r\n        class=\"header-button\"\r\n        *ngIf=\"isAuthenticated\"\r\n        (click)=\"onToggleHistorySidebar()\"\r\n        title=\"Chat History\"\r\n      >\r\n        <mat-icon>history</mat-icon>\r\n      </button>\r\n\r\n      <!-- settings Button -->\r\n      <button class=\"header-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n        <mat-icon>{{ moreIcon }}</mat-icon>\r\n      </button>\r\n\r\n      <!-- minimize Button -->\r\n      <button class=\"header-button\" (click)=\"onToggleChat()\">\r\n        <mat-icon>{{ minimizeIcon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area: Toggle between Messages and History -->\r\n  <!-- <popout-window\r\n    #popout\r\n    [windowTitle]=\"appTitle || 'Chat'\"\r\n    [windowWidth]=\"400\"\r\n    [windowHeight]=\"620\"\r\n    (shown)=\"onPopoutShown($event)\"\r\n  > -->\r\n  <div class=\"chat-content-wrapper\">\r\n    <!-- Chat History View -->\r\n    <app-chat-history-sidebar\r\n      [sessions]=\"chatSessions\"\r\n      [isOpen]=\"isHistorySidebarOpen\"\r\n      [userName]=\"chatHistoryUserName\"\r\n      (sessionSelected)=\"onSessionSelected($event)\"\r\n      (sessionDeleted)=\"onSessionDeleted($event)\"\r\n      (closed)=\"onToggleHistorySidebar()\"\r\n    >\r\n    </app-chat-history-sidebar>\r\n\r\n    <!-- Messages View -->\r\n    <div class=\"messages-view\" [class.hidden]=\"isHistorySidebarOpen\">\r\n      <!-- Messages / Welcome Screen -->\r\n      <app-message-list\r\n        *ngIf=\"!showLoginForm\"\r\n        [messages]=\"messages\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [appLogoUrl]=\"appLogoUrl\"\r\n        [appSubtitle]=\"appSubtitle\"\r\n        [welcomeDesc]=\"welcomeDesc\"\r\n        [predefinedMessages]=\"predefinedMessages\"\r\n        [botAvatarUrl]=\"botAvatarUrl\"\r\n        [userAvatarUrl]=\"userAvatarUrl\"\r\n        [userName]=\"userName\"\r\n        [trackByMessageId]=\"trackByMessageId\"\r\n        [isAuthenticated]=\"isAuthenticated\"\r\n        [isGuestMode]=\"isGuestMode\"\r\n        (suggestionClick)=\"onSuggestionClick($event)\"\r\n        (loginClick)=\"onLoginClick()\"\r\n        (continueAsGuest)=\"onContinueAsGuest()\"\r\n      ></app-message-list>\r\n\r\n      <!--  SUGGESTED CHIPS: Show only if last bot message was fallback AND user is authenticated -->\r\n      <app-chips\r\n        *ngIf=\"showSuggestionChips && (isAuthenticated || isGuestMode)\"\r\n        [messages]=\"predefinedMessages\"\r\n        [disabled]=\"isBotTyping\"\r\n        (chipClick)=\"onSuggestionClick($event)\"\r\n      ></app-chips>\r\n\r\n      <!--  Inline error message -->\r\n      <app-snackbar\r\n        *ngIf=\"messageError\"\r\n        [message]=\"messageError\"\r\n        [show]=\"true\"\r\n        (closed)=\"onClearMessageError()\"\r\n      ></app-snackbar>\r\n\r\n      <!-- Chat Input: Only show when authenticated or guest mode -->\r\n      <app-message-input\r\n        *ngIf=\"isAuthenticated || isGuestMode\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [hintText]=\"hintText\"\r\n        [sendIcon]=\"sendIcon\"\r\n        (send)=\"onSend($event)\"\r\n      ></app-message-input>\r\n\r\n      <!-- Login Form -->\r\n      <div *ngIf=\"showLoginForm && !isAuthenticated\" class=\"login-form-container\">\r\n        <h3 class=\"login-title\">Login</h3>\r\n        <div class=\"login-fields\">\r\n          <input\r\n            type=\"text\"\r\n            [(ngModel)]=\"loginUsername\"\r\n            placeholder=\"Username\"\r\n            class=\"login-input\"\r\n          />\r\n          <input\r\n            type=\"password\"\r\n            [(ngModel)]=\"loginPassword\"\r\n            placeholder=\"Password\"\r\n            class=\"login-input\"\r\n            (keydown.enter)=\"onLoginSubmit()\"\r\n          />\r\n        </div>\r\n        <div class=\"login-actions\">\r\n          <button (click)=\"onCancelLogin()\" class=\"auth-btn secondary\">Cancel</button>\r\n          <button\r\n            (click)=\"onLoginSubmit()\"\r\n            class=\"auth-btn primary\"\r\n            [disabled]=\"!loginUsername || !loginPassword || isLoggingIn\"\r\n          >\r\n            {{ isLoggingIn ? 'Logging in...' : 'Submit' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- footer -->\r\n      <div class=\"terms-conditions\">\r\n        <a href=\"#\">Terms and Conditions</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- </popout-window> -->\r\n</div>\r\n\r\n<mat-menu #settingsMenu=\"matMenu\">\r\n  <!-- Change Theme -->\r\n  <div class=\"theme-selector\">\r\n    <!-- Auto Theme (inherits from parent app) -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'auto'\"\r\n      (click)=\"themeService.setTheme('auto')\"\r\n    >\r\n      <mat-icon>brightness_auto</mat-icon>\r\n    </button>\r\n\r\n    <!-- Light Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'light'\"\r\n      (click)=\"themeService.setTheme('light')\"\r\n    >\r\n      <mat-icon>light_mode</mat-icon>\r\n    </button>\r\n\r\n    <!-- Dark Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'dark'\"\r\n      (click)=\"themeService.setTheme('dark')\"\r\n    >\r\n      <mat-icon>dark_mode</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Popout Button -->\r\n  <!-- <button mat-menu-item (click)=\"popout.popOut()\" style=\"display: flex; align-items: center\">\r\n      <mat-icon>open_in_new</mat-icon>\r\n      <span>Popout Widget</span>\r\n    </button> -->\r\n\r\n  <!-- Full-Screen Button -->\r\n  <button mat-menu-item (click)=\"onToggleFullScreen()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>{{ isFullScreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\r\n    <span> {{ isFullScreen ? 'Minimize' : 'Expand' }}</span>\r\n  </button>\r\n\r\n  <!-- Clear Chat -->\r\n  <button mat-menu-item (click)=\"onClearChat()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>clear_all</mat-icon>\r\n    <span>Clear Chat</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: ["::ng-deep .mat-mdc-menu-panel{background-color:#8b8b8b!important;color:#fff!important;border-radius:8px!important;padding:4px 0!important;box-shadow:0 4px 16px #00000040!important;border-color:#ccc!important;font-family:Roboto,Arial,sans-serif!important;font-size:14px!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item mat-icon{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover{background-color:#5c5c5c!important;color:#f5f5f5!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover mat-icon{color:#f5f5f5!important}.doohbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-window{width:clamp(400px,30vw,450px);height:clamp(620px,70vh,660px);background-color:var(--background-color);border-radius:20px;border-color:var(--border-color);box-shadow:var(--border-shadow-color);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .5s ease;position:fixed;right:20px;bottom:20px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.chat-window{width:95%;height:calc(100vh - 20px)}}@media (max-width: 480px){.chat-window{width:90%;height:calc(100vh - 40px)}}.chat-window.fullscreen{width:98vw;height:96vh;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--background-color);color:var(--text-alt-color);cursor:move;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-title{display:flex;align-items:center;gap:6px;font-family:var(--font-family)}.chat-logo{width:45px;height:45px;object-fit:contain}.chat-header h2{margin:0;font-size:1.2rem;color:var(--text-alt-color);font-family:var(--font-family);font-weight:700}.header-button{background:none;border:none;color:var(--button-color);cursor:pointer;font-size:1.5rem}.header-button :hover{transform:scale(1.1)}.terms-conditions{font-size:.8rem;color:var(--text-color);margin-top:5px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.terms-conditions a{color:var(--grey);text-decoration:underline;font-family:var(--font-family)}.terms-conditions a:hover{color:var(--primary-color)}.chat-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages-view{display:flex;flex-direction:column;height:100%;width:100%}.messages-view.hidden{display:none}.theme-selector{display:flex;align-items:center;padding:4px 12px;gap:8px}.theme-btn{background:none;border:none;color:var(--white);transition:color .2s ease}.theme-btn.selected{color:var(--black)}.auth-prompt-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;text-align:center;height:100%}.auth-prompt-container .auth-prompt-text{margin:0;font-size:.95em;opacity:.8;color:var(--text-color)}.auth-prompt-container .auth-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.auth-btn{padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.auth-btn.primary{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.auth-btn.primary:hover{opacity:.9}.auth-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn.secondary{background:transparent;color:var(--re);border:1px solid var(--primary-color)}.auth-btn.secondary:hover{opacity:.9}.login-form-container{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.login-form-container .login-title{text-align:center;margin:0 0 10px;font-size:1.2em;color:var(--text-color);font-family:var(--font-family)}.login-form-container .login-fields{display:flex;flex-direction:column;gap:10px}.login-form-container .login-fields .login-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:.9em;background:var(--background-color);color:var(--text-color)}.login-form-container .login-fields .login-input:focus{outline:none;border-color:var(--primary-color)}.login-form-container .login-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}\n"] }]
+                    ], template: "<div\r\n  *ngIf=\"isChatOpen\"\r\n  draggableDialog\r\n  [enableDrag]=\"enableDrag\"\r\n  [dragHandle]=\"'.chat-header'\"\r\n  resizableDialog\r\n  [enableResize]=\"enableResize\"\r\n  class=\"chat-window\"\r\n  [class.fullscreen]=\"isFullScreen\"\r\n>\r\n  <!-- chat window -->\r\n  <div class=\"chat-header\">\r\n    <div class=\"chat-title\">\r\n      <img\r\n        class=\"chat-logo\"\r\n        style=\"width: 150px; height: 50px; margin-left: 0px\"\r\n        [src]=\"appHeaderLogoUrl\"\r\n        alt=\"Text-Logo\"\r\n      />\r\n    </div>\r\n\r\n    <div class=\"chat-header-buttons\">\r\n      <!-- New Chat Button -->\r\n      <!-- <button class=\"header-button\" (click)=\"createNewChat()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button> -->\r\n\r\n      <!-- <app-dropdown-menu>\r\n        <span trigger>\u2630</span>\r\n\r\n        <app-menu-item (selected)=\"onToggleFullScreen()\"> My Profile </app-menu-item>\r\n\r\n        <app-menu-item> Settings </app-menu-item>\r\n\r\n        <app-menu-item> Logout </app-menu-item>\r\n      </app-dropdown-menu> -->\r\n\r\n      <!-- History Button -->\r\n      <button\r\n        class=\"header-button\"\r\n        *ngIf=\"isAuthenticated\"\r\n        (click)=\"onToggleHistorySidebar()\"\r\n        title=\"Chat History\"\r\n      >\r\n        <mat-icon>history</mat-icon>\r\n      </button>\r\n\r\n      <!-- settings Button -->\r\n      <button class=\"header-button\" [matMenuTriggerFor]=\"settingsMenu\">\r\n        <mat-icon>{{ moreIcon }}</mat-icon>\r\n      </button>\r\n\r\n      <!-- minimize Button -->\r\n      <button class=\"header-button\" (click)=\"onToggleChat()\">\r\n        <mat-icon>{{ minimizeIcon }}</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area: Toggle between Messages and History -->\r\n  <!-- <popout-window\r\n    #popout\r\n    [windowTitle]=\"appTitle || 'Chat'\"\r\n    [windowWidth]=\"400\"\r\n    [windowHeight]=\"620\"\r\n    (shown)=\"onPopoutShown($event)\"\r\n  > -->\r\n  <div class=\"chat-content-wrapper\">\r\n    <!-- Chat History View -->\r\n    <app-chat-history-sidebar\r\n      [sessions]=\"chatSessions\"\r\n      [isOpen]=\"isHistorySidebarOpen\"\r\n      [userName]=\"chatHistoryUserName\"\r\n      (sessionSelected)=\"onSessionSelected($event)\"\r\n      (sessionDeleted)=\"onSessionDeleted($event)\"\r\n      (closed)=\"onToggleHistorySidebar()\"\r\n    >\r\n    </app-chat-history-sidebar>\r\n\r\n    <!-- Messages View -->\r\n    <div class=\"messages-view\" [class.hidden]=\"isHistorySidebarOpen\">\r\n      <!-- Messages / Welcome Screen -->\r\n      <app-message-list\r\n        *ngIf=\"!showLoginForm\"\r\n        [messages]=\"messages\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [appLogoUrl]=\"appLogoUrl\"\r\n        [appSubtitle]=\"appSubtitle\"\r\n        [welcomeDesc]=\"welcomeDesc\"\r\n        [predefinedMessages]=\"predefinedMessages\"\r\n        [botAvatarUrl]=\"botAvatarUrl\"\r\n        [userAvatarUrl]=\"userAvatarUrl\"\r\n        [userName]=\"userName\"\r\n        [trackByMessageId]=\"trackByMessageId\"\r\n        [isAuthenticated]=\"isAuthenticated\"\r\n        [isGuestMode]=\"isGuestMode\"\r\n        (suggestionClick)=\"onSuggestionClick($event)\"\r\n        (loginClick)=\"onLoginClick()\"\r\n        (continueAsGuest)=\"onContinueAsGuest()\"\r\n      ></app-message-list>\r\n\r\n      <!--  SUGGESTED CHIPS: Show only if last bot message was fallback AND user is authenticated -->\r\n      <app-chips\r\n        *ngIf=\"showSuggestionChips && (isAuthenticated || isGuestMode)\"\r\n        [messages]=\"predefinedMessages\"\r\n        [disabled]=\"isBotTyping\"\r\n        (chipClick)=\"onSuggestionClick($event)\"\r\n      ></app-chips>\r\n\r\n      <!-- Chat Input: Only show when authenticated or guest mode -->\r\n      <app-message-input\r\n        *ngIf=\"isAuthenticated || isGuestMode\"\r\n        [isBotTyping]=\"isBotTyping\"\r\n        [hintText]=\"hintText\"\r\n        [sendIcon]=\"sendIcon\"\r\n        (send)=\"onSend($event)\"\r\n      ></app-message-input>\r\n\r\n      <!-- Login Form -->\r\n      <div *ngIf=\"showLoginForm && !isAuthenticated\" class=\"login-form-container\">\r\n        <h3 class=\"login-title\">Login</h3>\r\n        <div class=\"login-fields\">\r\n          <input\r\n            type=\"text\"\r\n            [(ngModel)]=\"loginUsername\"\r\n            placeholder=\"Username\"\r\n            class=\"login-input\"\r\n          />\r\n          <div class=\"password-wrapper\">\r\n            <input\r\n              [type]=\"showPassword ? 'text' : 'password'\"\r\n              [(ngModel)]=\"loginPassword\"\r\n              placeholder=\"Password\"\r\n              class=\"login-input password-input\"\r\n              (keydown.enter)=\"onLoginSubmit()\"\r\n            />\r\n            <button\r\n              type=\"button\"\r\n              class=\"password-toggle-btn\"\r\n              (click)=\"togglePasswordVisibility()\"\r\n              tabindex=\"-1\"\r\n            >\r\n              <mat-icon>{{ showPassword ? 'visibility' : 'visibility_off' }}</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"login-actions\">\r\n          <button (click)=\"onCancelLogin()\" class=\"auth-btn secondary\">Cancel</button>\r\n          <button\r\n            (click)=\"onLoginSubmit()\"\r\n            class=\"auth-btn primary\"\r\n            [disabled]=\"!loginUsername || !loginPassword || isLoggingIn\"\r\n          >\r\n            {{ isLoggingIn ? 'Logging in...' : 'Submit' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <!--  Auth error snackbar (login/logout errors only) -->\r\n      <app-snackbar\r\n        *ngIf=\"authError\"\r\n        [message]=\"authError\"\r\n        (closed)=\"onClearAuthError()\"\r\n      ></app-snackbar>\r\n\r\n      <!-- footer -->\r\n      <div class=\"terms-conditions\">\r\n        <a href=\"#\">Terms and Conditions</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- </popout-window> -->\r\n</div>\r\n\r\n<mat-menu #settingsMenu=\"matMenu\">\r\n  <!-- Change Theme -->\r\n  <div class=\"theme-selector\">\r\n    <!-- Auto Theme (inherits from parent app) -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'auto'\"\r\n      (click)=\"themeService.setTheme('auto')\"\r\n    >\r\n      <mat-icon>brightness_auto</mat-icon>\r\n    </button>\r\n\r\n    <!-- Light Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'light'\"\r\n      (click)=\"themeService.setTheme('light')\"\r\n    >\r\n      <mat-icon>light_mode</mat-icon>\r\n    </button>\r\n\r\n    <!-- Dark Theme -->\r\n    <button\r\n      mat-icon-button\r\n      class=\"theme-btn\"\r\n      [class.selected]=\"themeService.theme() === 'dark'\"\r\n      (click)=\"themeService.setTheme('dark')\"\r\n    >\r\n      <mat-icon>dark_mode</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <!-- Popout Button -->\r\n  <!-- <button mat-menu-item (click)=\"popout.popOut()\" style=\"display: flex; align-items: center\">\r\n      <mat-icon>open_in_new</mat-icon>\r\n      <span>Popout Widget</span>\r\n    </button> -->\r\n\r\n  <!-- Full-Screen Button -->\r\n  <button mat-menu-item (click)=\"onToggleFullScreen()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>{{ isFullScreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\r\n    <span> {{ isFullScreen ? 'Minimize' : 'Expand' }}</span>\r\n  </button>\r\n\r\n  <!-- Clear Chat -->\r\n  <button mat-menu-item (click)=\"onClearChat()\" style=\"display: flex; align-items: center\">\r\n    <mat-icon>clear_all</mat-icon>\r\n    <span>Clear Chat</span>\r\n  </button>\r\n\r\n  <!-- Logout -->\r\n  <button\r\n    mat-menu-item\r\n    *ngIf=\"isAuthenticated\"\r\n    (click)=\"onLogout()\"\r\n    style=\"display: flex; align-items: center\"\r\n  >\r\n    <mat-icon>logout</mat-icon>\r\n    <span>Logout</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: ["::ng-deep .mat-mdc-menu-panel{background-color:#8b8b8b!important;color:#fff!important;border-radius:8px!important;padding:4px 0!important;box-shadow:0 4px 16px #00000040!important;border-color:#ccc!important;font-family:Roboto,Arial,sans-serif!important;font-size:14px!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item mat-icon{color:#fff!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover{background-color:#5c5c5c!important;color:#f5f5f5!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-item:hover mat-icon{color:#f5f5f5!important}.doohbot-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-window{width:clamp(400px,30vw,450px);height:clamp(620px,70vh,660px);background-color:var(--background-color);border-radius:20px;border-color:var(--border-color);box-shadow:var(--border-shadow-color);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .5s ease;position:fixed;right:20px;bottom:20px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.chat-window{width:95%;height:calc(100vh - 20px)}}@media (max-width: 480px){.chat-window{width:90%;height:calc(100vh - 40px)}}.chat-window.fullscreen{width:98vw;height:96vh;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--background-color);color:var(--text-alt-color);cursor:move;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-title{display:flex;align-items:center;gap:6px;font-family:var(--font-family)}.chat-logo{width:45px;height:45px;object-fit:contain}.chat-header h2{margin:0;font-size:1.2rem;color:var(--text-alt-color);font-family:var(--font-family);font-weight:700}.header-button{background:none;border:none;color:var(--button-color);cursor:pointer;font-size:1.5rem}.header-button :hover{transform:scale(1.1)}.terms-conditions{font-size:.8rem;color:var(--text-color);margin-top:5px;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.terms-conditions a{color:var(--grey);text-decoration:underline;font-family:var(--font-family)}.terms-conditions a:hover{color:var(--primary-color)}.chat-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.messages-view{display:flex;flex-direction:column;height:100%;width:100%}.messages-view.hidden{display:none}.messages-view app-message-list{flex:1;min-height:0}.messages-view app-snackbar{flex-shrink:0;margin-top:auto}.messages-view app-message-input{flex-shrink:0}.theme-selector{display:flex;align-items:center;padding:4px 12px;gap:8px}.theme-btn{background:none;border:none;color:var(--white);transition:color .2s ease}.theme-btn.selected{color:var(--black)}.auth-prompt-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;text-align:center;height:100%}.auth-prompt-container .auth-prompt-text{margin:0;font-size:.95em;opacity:.8;color:var(--text-color)}.auth-prompt-container .auth-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.auth-btn{padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.auth-btn.primary{background:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.auth-btn.primary:hover{opacity:.9}.auth-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn.secondary{background:transparent;color:var(--re);border:1px solid var(--primary-color)}.auth-btn.secondary:hover{opacity:.9}.login-form-container{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.login-form-container .login-title{text-align:center;margin:0 0 10px;font-size:1.2em;color:var(--text-color);font-family:var(--font-family)}.login-form-container .login-fields{display:flex;flex-direction:column;gap:10px}.login-form-container .login-fields .login-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);font-size:.9em;background:var(--background-color);color:var(--text-color)}.login-form-container .login-fields .login-input:focus{outline:none;border-color:var(--primary-color)}.login-form-container .login-fields .password-wrapper{position:relative;display:flex;align-items:center}.login-form-container .login-fields .password-wrapper .login-input{width:100%;padding-right:40px}.login-form-container .login-fields .password-wrapper .password-toggle-btn{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-color);opacity:.6;transition:opacity .2s}.login-form-container .login-fields .password-wrapper .password-toggle-btn:hover{opacity:1}.login-form-container .login-fields .password-wrapper .password-toggle-btn mat-icon{font-size:20px;width:20px;height:20px}.login-form-container .login-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}\n"] }]
         }], propDecorators: { isChatOpen: [{
                 type: Input
             }], enableDrag: [{
@@ -1145,6 +1153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: Output
             }], loginSubmit: [{
                 type: Output
+            }], logout: [{
+                type: Output
             }] } });
 
 class FullscreenDirective {
@@ -1214,6 +1224,7 @@ const environment = {
     production: false,
     apiBaseUrl: '',
     loginEndpoint: '',
+    apiSegment: 'api/v1/',
 };
 
 class AppConst {
@@ -1222,9 +1233,11 @@ class AppConst {
     async load() {
         const filePath = `../assets/${environment.production ? environment.config : environment.config}?t=${new Date().getTime()}`;
         const response = await fetch(filePath);
+        console.error('============================ AppConst ============================', filePath);
         if (response.ok) {
             try {
                 AppConst.data = await response.json();
+                console.error('============================ AppConst ============================', AppConst.data);
                 // Override apiBaseUrl if present in environment
                 // if (environment.apiBaseUrl) {
                 //   AppConst.data.apiBaseUrl = environment.apiBaseUrl;
@@ -1788,240 +1801,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-class MessageService {
-    // Context-aware message storage
-    currentContextKey = signal('default', ...(ngDevMode ? [{ debugName: "currentContextKey" }] : []));
-    // Public messages signal for current context
-    messages = signal([], ...(ngDevMode ? [{ debugName: "messages" }] : []));
-    audioUnlocked = false;
-    // Active session
-    activeSession = null;
-    // API service (optional)
-    apiService = inject(ChatbotApiService, { optional: true });
-    chatHistoryService = inject(ChatHistoryService);
-    // User context for backend proxy mode
-    userContext;
-    // API state signals
-    isLoadingApi = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingApi" }] : []));
-    apiError = signal(null, ...(ngDevMode ? [{ debugName: "apiError" }] : []));
-    isBotTyping = signal(false, ...(ngDevMode ? [{ debugName: "isBotTyping" }] : []));
-    isGuestMode = signal(false, ...(ngDevMode ? [{ debugName: "isGuestMode" }] : []));
-    constructor() {
-        // Start with empty messages - no auto-load
-    }
-    setGuestMode(isGuest) {
-        this.isGuestMode.set(isGuest);
-    }
-    /**
-     * Switch to a new context
-     */
-    switchContext(contextKey) {
-        this.currentContextKey.set(contextKey);
-        // Start fresh - don't auto-load
-        this.startNewSession();
-    }
-    /**
-     * Start a new chat session
-     */
-    startNewSession() {
-        const contextKey = this.currentContextKey();
-        const userId = this.userContext?.userId || 'anonymous';
-        this.activeSession = this.chatHistoryService.createSession(contextKey, userId);
-        this.messages.set([]);
-    }
-    /**
-     * Load an existing session
-     */
-    loadSession(session) {
-        this.activeSession = session;
-        this.messages.set([...session.messages]);
-    }
-    /**
-     * Get current context key
-     */
-    getCurrentContextKey() {
-        return this.currentContextKey();
-    }
-    /**
-     * Set user context for backend proxy mode
-     */
-    setUserContext(context) {
-        this.userContext = context;
-        // Start fresh when user changes - don't auto-load
-        this.startNewSession();
-    }
-    /**
-     * Get current user context
-     */
-    getUserContext() {
-        return this.userContext;
-    }
-    /**
-     * Get active session
-     */
-    getActiveSession() {
-        return this.activeSession;
-    }
-    /**
-     * Clear messages for current session and start new one
-     */
-    clearMessages() {
-        this.messages.set([]);
-        this.startNewSession();
-    }
-    /**
-     * Add message to current session
-     */
-    addMessage(message) {
-        const newMessage = { ...message, timestamp: new Date() };
-        // Update current messages signal
-        this.messages.update((msgs) => [...msgs, newMessage]);
-        // Save to active session
-        if (this.activeSession) {
-            console.log('Saving message to session:', this.activeSession.id);
-            this.chatHistoryService.saveMessageToSession(this.activeSession, newMessage).subscribe(() => {
-                console.log('Message saved, session title:', this.activeSession?.title);
-            });
-        }
-        else {
-            console.warn('No active session to save message to!');
-        }
-        if (message.sender === 'bot') {
-            this.playBotSound();
-        }
-    }
-    /**
-     * Get bot reply - supports both API and local modes
-     */
-    async getBotReply(userText) {
-        // If in guest mode, force local logic
-        if (this.isGuestMode()) {
-            return this.getBotReplyLocal(userText);
-        }
-        // Check if API mode is enabled
-        if (this.apiService?.isApiEnabled()) {
-            return this.getBotReplyFromApi(userText);
-        }
-        // Fall back to local intent matching
-        return this.getBotReplyLocal(userText);
-    }
-    /**
-     * Get bot reply from API
-     */
-    async getBotReplyFromApi(userText) {
-        if (!this.apiService) {
-            return this.getFallbackReply();
-        }
-        try {
-            this.isLoadingApi.set(true);
-            this.apiError.set(null);
-            // Get message history if API config includes history
-            const history = this.apiService.getConfig().includeHistory ? this.messages() : undefined;
-            // Call API
-            const response = await firstValueFrom(this.apiService.sendMessage(userText, history));
-            this.isLoadingApi.set(false);
-            return response.reply;
-        }
-        catch (error) {
-            this.isLoadingApi.set(false);
-            const apiError = error;
-            this.apiError.set(apiError);
-            console.error('API error, falling back to local mode:', apiError);
-            // Fallback to local mode on API error
-            return this.getBotReplyLocal(userText);
-        }
-    }
-    /**
-     * Get bot reply using local intent matching
-     */
-    getBotReplyLocal(userText) {
-        const text = userText.toLowerCase();
-        for (const intent of CHAT_INTENTS) {
-            if (intent.patterns.some((pattern) => text.includes(pattern))) {
-                return intent.response;
-            }
-        }
-        return this.getFallbackReply();
-    }
-    /**
-     * Process a user message: add it, get bot reply, and add bot reply
-     */
-    async processUserMessage(text) {
-        this.addMessage({
-            sender: 'user',
-            text: text,
-            id: Date.now().toString(),
-            timestamp: new Date(),
-        });
-        this.isBotTyping.set(true);
-        const minDelay = 1000;
-        const start = Date.now();
-        try {
-            const botReply = await this.getBotReply(text);
-            // Ensure minimum delay
-            const elapsed = Date.now() - start;
-            if (elapsed < minDelay) {
-                await new Promise((resolve) => setTimeout(resolve, minDelay - elapsed));
-            }
-            const isFallback = botReply === this.getFallbackReply();
-            this.addMessage({
-                sender: 'bot',
-                text: botReply,
-                id: Date.now().toString(),
-                showSuggestions: isFallback,
-            });
-        }
-        catch (error) {
-            console.error('Error getting bot reply:', error);
-            this.addMessage({
-                sender: 'bot',
-                text: this.getFallbackReply(),
-                id: Date.now().toString(),
-                showSuggestions: true,
-            });
-        }
-        finally {
-            this.isBotTyping.set(false);
-        }
-    }
-    getFallbackReply() {
-        return "I'm sorry 😔, I didn't understand that.";
-    }
-    isFallbackIntent(userText) {
-        const text = userText.toLowerCase();
-        return !CHAT_INTENTS.some((intent) => intent.patterns.some((pattern) => text.includes(pattern)));
-    }
-    unlockAudio() {
-        if (this.audioUnlocked)
-            return;
-        const audio = new Audio();
-        audio.volume = 1.0;
-        audio
-            .play()
-            .then(() => (this.audioUnlocked = true))
-            .catch(() => { });
-    }
-    playBotSound() {
-        if (!this.audioUnlocked)
-            return;
-        try {
-            const audio = new Audio('assets/bot.mp3');
-            audio.play();
-        }
-        catch (error) {
-            console.error('Error playing bot sound:', error);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
 class HttpService {
     http;
     //   @BlockUI() blockUI!: NgBlockUI;
@@ -2029,6 +1808,8 @@ class HttpService {
     constructor(http) {
         this.http = http;
         this.apiUrl = `${AppConst?.data?.apiBaseUrl}${AppConst?.data?.apiSegment}`;
+        // this.apiUrl = `${environment.apiBaseUrl}${environment.apiSegment}`;
+        console.log('HttpService: Initialized', this.apiUrl);
     }
     get(url, param, nestedParam = false, showLoader = false, refresh = true) {
         // if (showLoader && !this.blockUI.isActive) {
@@ -2091,7 +1872,22 @@ class AccountService {
         this.http = http;
     }
     login(param, showLoader = false) {
-        return this.http.post('Account/Login', param, showLoader);
+        return this.http.post('auth/login', param, showLoader);
+    }
+    logout(refreshToken, showLoader = false) {
+        return this.http.post('auth/logout', { refresh_token: refreshToken }, showLoader);
+    }
+    startChat(param, showLoader = false) {
+        return this.http.post('chat/ask', param, showLoader);
+    }
+    getChatHistory(param, showLoader = false) {
+        return this.http.get('chat/history', param, showLoader);
+    }
+    deleteHistory(param, showLoader = false) {
+        return this.http.post('chat/history', param, showLoader);
+    }
+    refreshLogin(param, showLoader = false) {
+        return this.http.post('Account/RefreshToken', param, showLoader);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountService, providedIn: 'root' });
@@ -2294,25 +2090,266 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$5.Router }, { type: i1$4.HttpClient }, { type: CryptoHelperService }] });
 
-/**
- * ChatFacadeService - High-level orchestration service
- *
- * Coordinates operations between multiple services to provide simplified,
- * high-level operations for the chat component. This facade encapsulates
- * complex interactions and provides a clean API for common chat operations.
- *
- * Responsibilities:
- * - Session management (load, delete, switch sessions)
- * - Authentication orchestration
- * - Message operations coordination
- * - Context management
- */
-class ChatFacadeService {
-    messageService = inject(MessageService);
-    chatHistoryService = inject(ChatHistoryService);
-    accountService = inject(AccountService);
-    authService = inject(AuthService);
-    tenantContextService = inject(TenantContextService);
+class MessageService {
+    // Context-aware message storage
+    currentContextKey = signal('default', ...(ngDevMode ? [{ debugName: "currentContextKey" }] : []));
+    // Public messages signal for current context
+    messages = signal([], ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    audioUnlocked = false;
+    // Active session
+    activeSession = null;
+    // API service (optional)
+    apiService = inject(ChatbotApiService, { optional: true });
+    chatHistoryService = inject(ChatHistoryService);
+    // User context for backend proxy mode
+    userContext;
+    // API state signals
+    isLoadingApi = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingApi" }] : []));
+    apiError = signal(null, ...(ngDevMode ? [{ debugName: "apiError" }] : []));
+    isBotTyping = signal(false, ...(ngDevMode ? [{ debugName: "isBotTyping" }] : []));
+    isGuestMode = signal(false, ...(ngDevMode ? [{ debugName: "isGuestMode" }] : []));
+    constructor() {
+        // Start with empty messages - no auto-load
+    }
+    setGuestMode(isGuest) {
+        this.isGuestMode.set(isGuest);
+    }
+    /**
+     * Switch to a new context
+     */
+    switchContext(contextKey) {
+        this.currentContextKey.set(contextKey);
+        // Start fresh - don't auto-load
+        this.startNewSession();
+    }
+    /**
+     * Start a new chat session
+     */
+    startNewSession() {
+        const contextKey = this.currentContextKey();
+        const userId = this.userContext?.userId || 'anonymous';
+        this.activeSession = this.chatHistoryService.createSession(contextKey, userId);
+        this.messages.set([]);
+    }
+    /**
+     * Load an existing session
+     */
+    loadSession(session) {
+        this.activeSession = session;
+        this.messages.set([...session.messages]);
+    }
+    /**
+     * Get current context key
+     */
+    getCurrentContextKey() {
+        return this.currentContextKey();
+    }
+    /**
+     * Set user context for backend proxy mode
+     */
+    setUserContext(context) {
+        this.userContext = context;
+        // Start fresh when user changes - don't auto-load
+        this.startNewSession();
+    }
+    /**
+     * Get current user context
+     */
+    getUserContext() {
+        return this.userContext;
+    }
+    /**
+     * Get active session
+     */
+    getActiveSession() {
+        return this.activeSession;
+    }
+    /**
+     * Clear messages for current session and start new one
+     */
+    clearMessages() {
+        this.messages.set([]);
+        this.startNewSession();
+    }
+    /**
+     * Add message to current session
+     */
+    addMessage(message) {
+        const newMessage = { ...message, timestamp: new Date() };
+        // Update current messages signal
+        this.messages.update((msgs) => [...msgs, newMessage]);
+        // Save to active session
+        if (this.activeSession) {
+            console.log('Saving message to session:', this.activeSession.id);
+            this.chatHistoryService.saveMessageToSession(this.activeSession, newMessage).subscribe(() => {
+                console.log('Message saved, session title:', this.activeSession?.title);
+            });
+        }
+        else {
+            console.warn('No active session to save message to!');
+        }
+        if (message.sender === 'bot') {
+            this.playBotSound();
+        }
+    }
+    /**
+     * Get bot reply - supports both API and local modes
+     */
+    async getBotReply(userText) {
+        // If in guest mode, force local logic
+        if (this.isGuestMode()) {
+            return this.getBotReplyLocal(userText);
+        }
+        // Get auth service to check if user is authenticated
+        const authService = inject(AuthService, { optional: true });
+        const isAuthenticated = authService?.isAuthenticated() || false;
+        // Call API if user is authenticated
+        if (isAuthenticated) {
+            return this.getBotReplyFromApi(userText);
+        }
+        // Fall back to local intent matching
+        return this.getBotReplyLocal(userText);
+    }
+    /**
+     * Get bot reply from API
+     */
+    async getBotReplyFromApi(userText) {
+        // Inject AccountService dynamically
+        const accountService = inject(AccountService, { optional: true });
+        if (!accountService) {
+            console.error('AccountService not available, falling back to local');
+            return this.getBotReplyLocal(userText);
+        }
+        try {
+            this.isLoadingApi.set(true);
+            this.apiError.set(null);
+            // Call chat API endpoint
+            const response = await firstValueFrom(accountService.startChat({ message: userText }));
+            this.isLoadingApi.set(false);
+            if (response && response.success && response.data) {
+                return response.data.reply || response.data.message || this.getFallbackReply();
+            }
+            return this.getFallbackReply();
+        }
+        catch (error) {
+            this.isLoadingApi.set(false);
+            const apiError = error;
+            this.apiError.set(apiError);
+            console.error('API error, falling back to local mode:', apiError);
+            // Fallback to local mode on API error
+            return this.getBotReplyLocal(userText);
+        }
+    }
+    /**
+     * Get bot reply using local intent matching
+     */
+    getBotReplyLocal(userText) {
+        const text = userText.toLowerCase();
+        for (const intent of CHAT_INTENTS) {
+            if (intent.patterns.some((pattern) => text.includes(pattern))) {
+                return intent.response;
+            }
+        }
+        return this.getFallbackReply();
+    }
+    /**
+     * Process a user message: add it, get bot reply, and add bot reply
+     */
+    async processUserMessage(text) {
+        this.addMessage({
+            sender: 'user',
+            text: text,
+            id: Date.now().toString(),
+            timestamp: new Date(),
+        });
+        this.isBotTyping.set(true);
+        const minDelay = 1000;
+        const start = Date.now();
+        try {
+            const botReply = await this.getBotReply(text);
+            // Ensure minimum delay
+            const elapsed = Date.now() - start;
+            if (elapsed < minDelay) {
+                await new Promise((resolve) => setTimeout(resolve, minDelay - elapsed));
+            }
+            const isFallback = botReply === this.getFallbackReply();
+            this.addMessage({
+                sender: 'bot',
+                text: botReply,
+                id: Date.now().toString(),
+                showSuggestions: isFallback,
+            });
+        }
+        catch (error) {
+            console.error('Error getting bot reply:', error);
+            this.addMessage({
+                sender: 'bot',
+                text: this.getFallbackReply(),
+                id: Date.now().toString(),
+                showSuggestions: true,
+            });
+        }
+        finally {
+            this.isBotTyping.set(false);
+        }
+    }
+    getFallbackReply() {
+        return "I'm sorry 😔, I didn't understand that.";
+    }
+    isFallbackIntent(userText) {
+        const text = userText.toLowerCase();
+        return !CHAT_INTENTS.some((intent) => intent.patterns.some((pattern) => text.includes(pattern)));
+    }
+    unlockAudio() {
+        if (this.audioUnlocked)
+            return;
+        const audio = new Audio();
+        audio.volume = 1.0;
+        audio
+            .play()
+            .then(() => (this.audioUnlocked = true))
+            .catch(() => { });
+    }
+    playBotSound() {
+        if (!this.audioUnlocked)
+            return;
+        try {
+            const audio = new Audio('assets/bot.mp3');
+            audio.play();
+        }
+        catch (error) {
+            console.error('Error playing bot sound:', error);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MessageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * ChatFacadeService - High-level orchestration service
+ *
+ * Coordinates operations between multiple services to provide simplified,
+ * high-level operations for the chat component. This facade encapsulates
+ * complex interactions and provides a clean API for common chat operations.
+ *
+ * Responsibilities:
+ * - Session management (load, delete, switch sessions)
+ * - Authentication orchestration
+ * - Message operations coordination
+ * - Context management
+ */
+class ChatFacadeService {
+    messageService = inject(MessageService);
+    chatHistoryService = inject(ChatHistoryService);
+    accountService = inject(AccountService);
+    authService = inject(AuthService);
+    tenantContextService = inject(TenantContextService);
     // Chat State
     messages = this.messageService.messages;
     isBotTyping = this.messageService.isBotTyping;
@@ -2334,6 +2371,13 @@ class ChatFacadeService {
             this.isGuestMode.set(true);
         }
     }
+    /**
+     * Get logged-in user's name from auth token
+     */
+    getLoggedInUserName() {
+        const username = this.authService.getLocalStorage('username');
+        return username || 'User';
+    }
     // ============================================================================
     // SESSION MANAGEMENT
     // ============================================================================
@@ -2415,6 +2459,8 @@ class ChatFacadeService {
      */
     clearMessageError() {
         this.messageError.set(null);
+        this.authError.set(null);
+        this.authSuccess.set(null);
     }
     // ============================================================================
     // AUTHENTICATION
@@ -2436,22 +2482,31 @@ class ChatFacadeService {
     /**
      * Authenticate user with credentials
      */
-    async login(credentials) {
+    async login(credentials, silent = false) {
         this.isLoggingIn.set(true);
-        this.authError.set(null);
-        this.authSuccess.set(null);
+        if (!silent) {
+            this.authError.set(null);
+            this.authSuccess.set(null);
+        }
         try {
             const response = await firstValueFrom(this.accountService.login(credentials));
+            console.log('>>>>>>>>>>>Login response<<<<<<<<<<:', response);
+            console.log('>>>>>>>>>>Credentials used<<<<<<<<:', credentials);
             if (response && response.success) {
+                console.log('Login response (success):', response);
                 this.isAuthenticated.set(true);
                 this.disableGuestMode(); // Ensure guest mode is off
-                this.authSuccess.set('Login successful!');
+                if (!silent) {
+                    this.authSuccess.set('Login successful!');
+                }
                 this.isLoggingIn.set(false);
                 return true;
             }
             else {
                 this.isAuthenticated.set(false);
-                this.authError.set('Login failed. Please check your credentials.');
+                if (!silent) {
+                    this.authError.set('Login failed. Please check your credentials.');
+                }
                 this.isLoggingIn.set(false);
                 return false;
             }
@@ -2459,7 +2514,9 @@ class ChatFacadeService {
         catch (error) {
             console.error('Login failed:', error);
             this.isAuthenticated.set(false);
-            this.authError.set('An error occurred during login.');
+            if (!silent) {
+                this.authError.set('An error occurred during login.');
+            }
             this.isLoggingIn.set(false);
             return false;
         }
@@ -2470,6 +2527,59 @@ class ChatFacadeService {
     checkAuthentication() {
         return this.authService.isAuthenticated();
     }
+    /**
+     * Logout the current user
+     */
+    async logout() {
+        try {
+            // Get refresh token from auth service
+            const refreshToken = this.authService.getLocalStorage('refresh_token');
+            if (!refreshToken) {
+                console.warn('No refresh token found, clearing local state only');
+                this.clearAuthState();
+                return;
+            }
+            // Call the backend logout endpoint with refresh token
+            const response = await firstValueFrom(this.accountService.logout(refreshToken));
+            if (response && response.success) {
+                this.clearAuthState();
+                console.log('User logged out successfully');
+            }
+            else {
+                throw new Error('Logout failed');
+            }
+        }
+        catch (error) {
+            console.error('Logout failed:', error);
+            // Even if backend logout fails, clear local state
+            this.clearAuthState();
+            this.authError.set('Logout completed with errors.');
+            setTimeout(() => {
+                this.authError.set(null);
+            }, 5000);
+        }
+    }
+    /**
+     * Clear authentication state and reset UI
+     */
+    clearAuthState() {
+        // Clear auth storage via AuthService
+        this.authService.clearAuth();
+        // Update authentication state
+        this.isAuthenticated.set(false);
+        this.isGuestMode.set(false);
+        // Clear messages and start new session
+        this.messageService.clearMessages();
+        this.messageService.startNewSession();
+        // Clear sessions
+        this.chatSessions.set([]);
+        // Show success message
+        this.authSuccess.set('Logged out successfully!');
+        // Clear success message after 3 seconds
+        setTimeout(() => {
+            this.authSuccess.set(null);
+        }, 3000);
+    }
     // ============================================================================
     // CONTEXT MANAGEMENT
     // ============================================================================
@@ -2720,6 +2830,43 @@ const appEmoji = {
     redHeart: '\u{2764}\u{FE0F}',
 };
 
+class AuthInterceptor {
+    auth;
+    constructor(auth) {
+        this.auth = auth;
+    }
+    intercept(req, next) {
+        const authReq = this.getRequestWithHeaders(req);
+        return this.sendRequest(authReq, next);
+    }
+    sendRequest(req, next) {
+        return next.handle(req).pipe(tap((event) => {
+            // if (event instanceof HttpResponse) {
+            //   this.ngxCache.setHttpResponse(req.urlWithParams
+            //     .replace('refresh=true', '')
+            //     .replace('refresh=false', '')
+            //     .replace('refresh=undefined', ''), event, AppConst.data.timeToLeave || 60);
+            // }
+        }));
+    }
+    getRequestWithHeaders(req) {
+        let headers = req.headers;
+        const token = this.auth.getLocalStorage('access_token') ?? '';
+        if (token != '') {
+            headers = headers.set('Authorization', `Bearer ${token}`);
+        }
+        return req.clone({ headers });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AuthInterceptor, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AuthInterceptor, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AuthInterceptor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: AuthService }] });
+
 class Doohbot extends DoohbotInput {
     elementRef;
     renderer;
@@ -2807,6 +2954,17 @@ class Doohbot extends DoohbotInput {
             this.renderer.addClass(host, activeTheme);
             this.themeService.applyCssVariables(host, this.themeConfig);
         });
+        // Update userName when authentication status changes
+        effect(() => {
+            const isAuth = this.chatFacade.isAuthenticated();
+            if (isAuth) {
+                const loggedInName = this.chatFacade.getLoggedInUserName();
+                if (loggedInName !== 'User') {
+                    this.userName = loggedInName;
+                    console.log('Updated userName from auth token:', this.userName);
+                }
+            }
+        });
     }
     // ============================================================================
     // LIFECYCLE HOOKS
@@ -2820,7 +2978,7 @@ class Doohbot extends DoohbotInput {
             this.uiState.closeChat();
             // Close history sidebar when user is switched
             this.uiState.closeHistorySidebar();
-            this.performLogin();
+            // this.performLogin();
             // Load sessions for new user
             this.loadUserSessions();
         }
@@ -2867,10 +3025,11 @@ class Doohbot extends DoohbotInput {
             username: this.config.username || AppConst.data?.username,
             password: this.config.password || AppConst.data?.password,
         };
-        this.chatFacade.login(credentials);
+        console.log('performLogin:', credentials.username, credentials.password);
+        this.chatFacade.login(credentials, true);
     }
     performLoginWithCredentials(credentials) {
-        this.chatFacade.login(credentials);
+        this.chatFacade.login(credentials, false);
     }
     continueAsGuest() {
         this.chatFacade.enableGuestMode();
@@ -2878,6 +3037,9 @@ class Doohbot extends DoohbotInput {
     disableGuestMode() {
         this.chatFacade.disableGuestMode();
     }
+    performLogout() {
+        this.chatFacade.logout();
+    }
     // ============================================================================
     // CHAT OPERATIONS
     // ============================================================================
@@ -2932,27 +3094,11 @@ class Doohbot extends DoohbotInput {
         return item.id || index.toString();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: Doohbot, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: Doohbot, isStandalone: true, selector: "app-doohbot", inputs: { config: "config", platformTenant: "platformTenant", subTenant: "subTenant", agent: "agent", buttonStyle: "buttonStyle", enableDrag: "enableDrag", enableResize: "enableResize", apiConfig: "apiConfig", userContext: "userContext", themeConfig: "themeConfig" }, providers: [
-            AppConst,
-            {
-                provide: APP_INITIALIZER,
-                useFactory: (appConst) => () => appConst.load(),
-                deps: [AppConst],
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "chatWindowRef", first: true, predicate: ChatWindowComponent, descendants: true, read: ElementRef }, { propertyName: "fullscreenDirective", first: true, predicate: FullscreenDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-chat-button\r\n  [buttonStyle]=\"buttonStyle\"\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [unreadCount]=\"unreadCount()\"\r\n  [chatIcon]=\"chatIcon ?? ''\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  (toggle)=\"toggleChat()\"\r\n></app-chat-button>\r\n\r\n<app-chat-window\r\n  *ngIf=\"isChatOpen()\"\r\n  appFullscreen\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [enableDrag]=\"enableDrag\"\r\n  [enableResize]=\"enableResize\"\r\n  [isFullScreen]=\"isFullScreen()\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  [appHeaderLogoUrl]=\"appHeaderLogoUrl ?? ''\"\r\n  [moreIcon]=\"moreIcon ?? ''\"\r\n  [minimizeIcon]=\"minimizeIcon ?? ''\"\r\n  [messages]=\"messages()\"\r\n  [isBotTyping]=\"isBotTyping()\"\r\n  [isAuthenticated]=\"isAuthenticated()\"\r\n  [appSubtitle]=\"appSubtitle ?? ''\"\r\n  [welcomeDesc]=\"welcomeDesc ?? ''\"\r\n  [predefinedMessages]=\"predefinedMessages\"\r\n  [botAvatarUrl]=\"botAvatarUrl ?? ''\"\r\n  [userAvatarUrl]=\"userAvatarUrl\"\r\n  [userName]=\"userName\"\r\n  [trackByMessageId]=\"trackByMessageId\"\r\n  [hintText]=\"hintText ?? ''\"\r\n  [sendIcon]=\"sendIcon ?? ''\"\r\n  [messageError]=\"messageError()\"\r\n  [showSuggestionChips]=\"showSuggestionChips()\"\r\n  [isHistorySidebarOpen]=\"isHistorySidebarOpen()\"\r\n  [chatSessions]=\"chatSessions()\"\r\n  [chatHistoryUserName]=\"userName\"\r\n  [isGuestUser]=\"isGuestUser()\"\r\n  [isGuestMode]=\"isGuestMode()\"\r\n  [isLoggingIn]=\"isLoggingIn()\"\r\n  [authError]=\"authError()\"\r\n  [authSuccess]=\"authSuccess()\"\r\n  (toggleChat)=\"toggleChat()\"\r\n  (continueAsGuest)=\"continueAsGuest()\"\r\n  (loginClick)=\"disableGuestMode()\"\r\n  (loginSubmit)=\"performLoginWithCredentials($event)\"\r\n  (toggleFullScreen)=\"toggleFullScreen()\"\r\n  (toggleHistorySidebar)=\"toggleHistorySidebar()\"\r\n  (sessionSelected)=\"loadChatSession($event)\"\r\n  (sessionDeleted)=\"deleteSession($event)\"\r\n  (suggestionClick)=\"sendMessage($event)\"\r\n  (send)=\"sendMessage($event)\"\r\n  (clearMessageError)=\"clearMessageError()\"\r\n  (clearChat)=\"clearChat()\"\r\n></app-chat-window>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";:host(.light-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #f8f9fa;--chat-input-color: var(--background-color);--text-alt-color: #000000;--button-color: #000000;--text-color: #333;--secondary-text-color: #858585;--hint-text-color: #858585;--user-message-color: var(--primary-color);--bot-message-color: #e9ecef;--user-text-color: #fff;--bot-text-color: #333;--border-color: #ccc;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .25);--border-top-color: #dddddd00;--typing-indicator-color: #999;--avatar-filter: invert(48%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(91%);--white: #ffffff;--black: #000000;--grey: #6c757d;--red: #ff0000;--light-red: #f28b8b}:host(.dark-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #1a1717;--chat-input-color: var(--background-color);--text-alt-color: #ffffff;--button-color: #ffffff;--text-color: #f5f5f5;--secondary-text-color: #a1a1a1;--hint-text-color: #a1a1a1;--user-message-color: var(--primary-color);--bot-message-color: #333;--user-text-color: #fff;--bot-text-color: #fff;--border-color: #444;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .75);--border-top-color: #44444400;--typing-indicator-color: #bbb;--avatar-filter: invert(100%) brightness(100%);--white: #ffffff;--black: #000000;--grey: #9ca3af;--red: #ff0000;--light-red: #f28b8b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ChatButtonComponent, selector: "app-chat-button", inputs: ["buttonStyle", "isChatOpen", "unreadCount", "chatIcon", "appTitle", "appLogoUrl", "appTextLogoUrl"], outputs: ["toggle"] }, { kind: "component", type: ChatWindowComponent, selector: "app-chat-window", inputs: ["isChatOpen", "enableDrag", "enableResize", "isFullScreen", "isAuthenticated", "appTitle", "appLogoUrl", "appTextLogoUrl", "appHeaderLogoUrl", "moreIcon", "minimizeIcon", "messages", "isBotTyping", "appSubtitle", "welcomeDesc", "predefinedMessages", "botAvatarUrl", "userAvatarUrl", "userName", "trackByMessageId", "hintText", "sendIcon", "messageError", "showSuggestionChips", "isHistorySidebarOpen", "chatSessions", "chatHistoryUserName", "isGuestUser", "isGuestMode", "isLoggingIn", "authError", "authSuccess", "themeConfig"], outputs: ["toggleChat", "toggleFullScreen", "toggleHistorySidebar", "openSettings", "suggestionClick", "send", "clearMessageError", "clearChat", "sessionSelected", "sessionDeleted", "continueAsGuest", "loginClick", "loginSubmit"] }, { kind: "directive", type: FullscreenDirective, selector: "[appFullscreen]", inputs: ["fullscreenTarget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: Doohbot, isStandalone: true, selector: "app-doohbot", inputs: { config: "config", platformTenant: "platformTenant", subTenant: "subTenant", agent: "agent", buttonStyle: "buttonStyle", enableDrag: "enableDrag", enableResize: "enableResize", apiConfig: "apiConfig", userContext: "userContext", themeConfig: "themeConfig" }, viewQueries: [{ propertyName: "chatWindowRef", first: true, predicate: ChatWindowComponent, descendants: true, read: ElementRef }, { propertyName: "fullscreenDirective", first: true, predicate: FullscreenDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-chat-button\r\n  [buttonStyle]=\"buttonStyle\"\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [unreadCount]=\"unreadCount()\"\r\n  [chatIcon]=\"chatIcon ?? ''\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  (toggle)=\"toggleChat()\"\r\n></app-chat-button>\r\n\r\n<app-chat-window\r\n  *ngIf=\"isChatOpen()\"\r\n  appFullscreen\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [enableDrag]=\"enableDrag\"\r\n  [enableResize]=\"enableResize\"\r\n  [isFullScreen]=\"isFullScreen()\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  [appHeaderLogoUrl]=\"appHeaderLogoUrl ?? ''\"\r\n  [moreIcon]=\"moreIcon ?? ''\"\r\n  [minimizeIcon]=\"minimizeIcon ?? ''\"\r\n  [messages]=\"messages()\"\r\n  [isBotTyping]=\"isBotTyping()\"\r\n  [isAuthenticated]=\"isAuthenticated()\"\r\n  [appSubtitle]=\"appSubtitle ?? ''\"\r\n  [welcomeDesc]=\"welcomeDesc ?? ''\"\r\n  [predefinedMessages]=\"predefinedMessages\"\r\n  [botAvatarUrl]=\"botAvatarUrl ?? ''\"\r\n  [userAvatarUrl]=\"userAvatarUrl\"\r\n  [userName]=\"userName\"\r\n  [trackByMessageId]=\"trackByMessageId\"\r\n  [hintText]=\"hintText ?? ''\"\r\n  [sendIcon]=\"sendIcon ?? ''\"\r\n  [messageError]=\"messageError()\"\r\n  [showSuggestionChips]=\"showSuggestionChips()\"\r\n  [isHistorySidebarOpen]=\"isHistorySidebarOpen()\"\r\n  [chatSessions]=\"chatSessions()\"\r\n  [chatHistoryUserName]=\"userName\"\r\n  [isGuestUser]=\"isGuestUser()\"\r\n  [isGuestMode]=\"isGuestMode()\"\r\n  [isLoggingIn]=\"isLoggingIn()\"\r\n  [authError]=\"authError()\"\r\n  [authSuccess]=\"authSuccess()\"\r\n  (toggleChat)=\"toggleChat()\"\r\n  (continueAsGuest)=\"continueAsGuest()\"\r\n  (loginClick)=\"disableGuestMode()\"\r\n  (loginSubmit)=\"performLoginWithCredentials($event)\"\r\n  (toggleFullScreen)=\"toggleFullScreen()\"\r\n  (toggleHistorySidebar)=\"toggleHistorySidebar()\"\r\n  (sessionSelected)=\"loadChatSession($event)\"\r\n  (sessionDeleted)=\"deleteSession($event)\"\r\n  (suggestionClick)=\"sendMessage($event)\"\r\n  (send)=\"sendMessage($event)\"\r\n  (clearMessageError)=\"clearMessageError()\"\r\n  (clearChat)=\"clearChat()\"\r\n  (logout)=\"performLogout()\"\r\n></app-chat-window>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";:host(.light-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #f8f9fa;--chat-input-color: var(--background-color);--text-alt-color: #000000;--button-color: #000000;--text-color: #333;--secondary-text-color: #858585;--hint-text-color: #858585;--user-message-color: var(--primary-color);--bot-message-color: #e9ecef;--user-text-color: #fff;--bot-text-color: #333;--border-color: #ccc;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .25);--border-top-color: #dddddd00;--typing-indicator-color: #999;--avatar-filter: invert(48%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(91%);--white: #ffffff;--black: #000000;--grey: #6c757d;--red: #ff0000;--light-red: #f28b8b}:host(.dark-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #1a1717;--chat-input-color: var(--background-color);--text-alt-color: #ffffff;--button-color: #ffffff;--text-color: #f5f5f5;--secondary-text-color: #a1a1a1;--hint-text-color: #a1a1a1;--user-message-color: var(--primary-color);--bot-message-color: #333;--user-text-color: #fff;--bot-text-color: #fff;--border-color: #444;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .75);--border-top-color: #44444400;--typing-indicator-color: #bbb;--avatar-filter: invert(100%) brightness(100%);--white: #ffffff;--black: #000000;--grey: #9ca3af;--red: #ff0000;--light-red: #f28b8b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ChatButtonComponent, selector: "app-chat-button", inputs: ["buttonStyle", "isChatOpen", "unreadCount", "chatIcon", "appTitle", "appLogoUrl", "appTextLogoUrl"], outputs: ["toggle"] }, { kind: "component", type: ChatWindowComponent, selector: "app-chat-window", inputs: ["isChatOpen", "enableDrag", "enableResize", "isFullScreen", "isAuthenticated", "appTitle", "appLogoUrl", "appTextLogoUrl", "appHeaderLogoUrl", "moreIcon", "minimizeIcon", "messages", "isBotTyping", "appSubtitle", "welcomeDesc", "predefinedMessages", "botAvatarUrl", "userAvatarUrl", "userName", "trackByMessageId", "hintText", "sendIcon", "messageError", "showSuggestionChips", "isHistorySidebarOpen", "chatSessions", "chatHistoryUserName", "isGuestUser", "isGuestMode", "isLoggingIn", "authError", "authSuccess", "themeConfig"], outputs: ["toggleChat", "toggleFullScreen", "toggleHistorySidebar", "openSettings", "suggestionClick", "send", "clearMessageError", "clearChat", "sessionSelected", "sessionDeleted", "continueAsGuest", "loginClick", "loginSubmit", "logout"] }, { kind: "directive", type: FullscreenDirective, selector: "[appFullscreen]", inputs: ["fullscreenTarget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: Doohbot, decorators: [{
             type: Component,
-            args: [{ selector: 'app-doohbot', standalone: true, imports: [CommonModule, ChatButtonComponent, ChatWindowComponent, FullscreenDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        AppConst,
-                        {
-                            provide: APP_INITIALIZER,
-                            useFactory: (appConst) => () => appConst.load(),
-                            deps: [AppConst],
-                            multi: true,
-                        },
-                    ], template: "<app-chat-button\r\n  [buttonStyle]=\"buttonStyle\"\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [unreadCount]=\"unreadCount()\"\r\n  [chatIcon]=\"chatIcon ?? ''\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  (toggle)=\"toggleChat()\"\r\n></app-chat-button>\r\n\r\n<app-chat-window\r\n  *ngIf=\"isChatOpen()\"\r\n  appFullscreen\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [enableDrag]=\"enableDrag\"\r\n  [enableResize]=\"enableResize\"\r\n  [isFullScreen]=\"isFullScreen()\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  [appHeaderLogoUrl]=\"appHeaderLogoUrl ?? ''\"\r\n  [moreIcon]=\"moreIcon ?? ''\"\r\n  [minimizeIcon]=\"minimizeIcon ?? ''\"\r\n  [messages]=\"messages()\"\r\n  [isBotTyping]=\"isBotTyping()\"\r\n  [isAuthenticated]=\"isAuthenticated()\"\r\n  [appSubtitle]=\"appSubtitle ?? ''\"\r\n  [welcomeDesc]=\"welcomeDesc ?? ''\"\r\n  [predefinedMessages]=\"predefinedMessages\"\r\n  [botAvatarUrl]=\"botAvatarUrl ?? ''\"\r\n  [userAvatarUrl]=\"userAvatarUrl\"\r\n  [userName]=\"userName\"\r\n  [trackByMessageId]=\"trackByMessageId\"\r\n  [hintText]=\"hintText ?? ''\"\r\n  [sendIcon]=\"sendIcon ?? ''\"\r\n  [messageError]=\"messageError()\"\r\n  [showSuggestionChips]=\"showSuggestionChips()\"\r\n  [isHistorySidebarOpen]=\"isHistorySidebarOpen()\"\r\n  [chatSessions]=\"chatSessions()\"\r\n  [chatHistoryUserName]=\"userName\"\r\n  [isGuestUser]=\"isGuestUser()\"\r\n  [isGuestMode]=\"isGuestMode()\"\r\n  [isLoggingIn]=\"isLoggingIn()\"\r\n  [authError]=\"authError()\"\r\n  [authSuccess]=\"authSuccess()\"\r\n  (toggleChat)=\"toggleChat()\"\r\n  (continueAsGuest)=\"continueAsGuest()\"\r\n  (loginClick)=\"disableGuestMode()\"\r\n  (loginSubmit)=\"performLoginWithCredentials($event)\"\r\n  (toggleFullScreen)=\"toggleFullScreen()\"\r\n  (toggleHistorySidebar)=\"toggleHistorySidebar()\"\r\n  (sessionSelected)=\"loadChatSession($event)\"\r\n  (sessionDeleted)=\"deleteSession($event)\"\r\n  (suggestionClick)=\"sendMessage($event)\"\r\n  (send)=\"sendMessage($event)\"\r\n  (clearMessageError)=\"clearMessageError()\"\r\n  (clearChat)=\"clearChat()\"\r\n></app-chat-window>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";:host(.light-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #f8f9fa;--chat-input-color: var(--background-color);--text-alt-color: #000000;--button-color: #000000;--text-color: #333;--secondary-text-color: #858585;--hint-text-color: #858585;--user-message-color: var(--primary-color);--bot-message-color: #e9ecef;--user-text-color: #fff;--bot-text-color: #333;--border-color: #ccc;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .25);--border-top-color: #dddddd00;--typing-indicator-color: #999;--avatar-filter: invert(48%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(91%);--white: #ffffff;--black: #000000;--grey: #6c757d;--red: #ff0000;--light-red: #f28b8b}:host(.dark-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #1a1717;--chat-input-color: var(--background-color);--text-alt-color: #ffffff;--button-color: #ffffff;--text-color: #f5f5f5;--secondary-text-color: #a1a1a1;--hint-text-color: #a1a1a1;--user-message-color: var(--primary-color);--bot-message-color: #333;--user-text-color: #fff;--bot-text-color: #fff;--border-color: #444;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .75);--border-top-color: #44444400;--typing-indicator-color: #bbb;--avatar-filter: invert(100%) brightness(100%);--white: #ffffff;--black: #000000;--grey: #9ca3af;--red: #ff0000;--light-red: #f28b8b}\n"] }]
+            args: [{ selector: 'app-doohbot', standalone: true, imports: [CommonModule, ChatButtonComponent, ChatWindowComponent, FullscreenDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-chat-button\r\n  [buttonStyle]=\"buttonStyle\"\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [unreadCount]=\"unreadCount()\"\r\n  [chatIcon]=\"chatIcon ?? ''\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  (toggle)=\"toggleChat()\"\r\n></app-chat-button>\r\n\r\n<app-chat-window\r\n  *ngIf=\"isChatOpen()\"\r\n  appFullscreen\r\n  [isChatOpen]=\"isChatOpen()\"\r\n  [enableDrag]=\"enableDrag\"\r\n  [enableResize]=\"enableResize\"\r\n  [isFullScreen]=\"isFullScreen()\"\r\n  [appTitle]=\"appTitle ?? ''\"\r\n  [appLogoUrl]=\"appLogoUrl ?? ''\"\r\n  [appTextLogoUrl]=\"appTextLogoUrl ?? ''\"\r\n  [appHeaderLogoUrl]=\"appHeaderLogoUrl ?? ''\"\r\n  [moreIcon]=\"moreIcon ?? ''\"\r\n  [minimizeIcon]=\"minimizeIcon ?? ''\"\r\n  [messages]=\"messages()\"\r\n  [isBotTyping]=\"isBotTyping()\"\r\n  [isAuthenticated]=\"isAuthenticated()\"\r\n  [appSubtitle]=\"appSubtitle ?? ''\"\r\n  [welcomeDesc]=\"welcomeDesc ?? ''\"\r\n  [predefinedMessages]=\"predefinedMessages\"\r\n  [botAvatarUrl]=\"botAvatarUrl ?? ''\"\r\n  [userAvatarUrl]=\"userAvatarUrl\"\r\n  [userName]=\"userName\"\r\n  [trackByMessageId]=\"trackByMessageId\"\r\n  [hintText]=\"hintText ?? ''\"\r\n  [sendIcon]=\"sendIcon ?? ''\"\r\n  [messageError]=\"messageError()\"\r\n  [showSuggestionChips]=\"showSuggestionChips()\"\r\n  [isHistorySidebarOpen]=\"isHistorySidebarOpen()\"\r\n  [chatSessions]=\"chatSessions()\"\r\n  [chatHistoryUserName]=\"userName\"\r\n  [isGuestUser]=\"isGuestUser()\"\r\n  [isGuestMode]=\"isGuestMode()\"\r\n  [isLoggingIn]=\"isLoggingIn()\"\r\n  [authError]=\"authError()\"\r\n  [authSuccess]=\"authSuccess()\"\r\n  (toggleChat)=\"toggleChat()\"\r\n  (continueAsGuest)=\"continueAsGuest()\"\r\n  (loginClick)=\"disableGuestMode()\"\r\n  (loginSubmit)=\"performLoginWithCredentials($event)\"\r\n  (toggleFullScreen)=\"toggleFullScreen()\"\r\n  (toggleHistorySidebar)=\"toggleHistorySidebar()\"\r\n  (sessionSelected)=\"loadChatSession($event)\"\r\n  (sessionDeleted)=\"deleteSession($event)\"\r\n  (suggestionClick)=\"sendMessage($event)\"\r\n  (send)=\"sendMessage($event)\"\r\n  (clearMessageError)=\"clearMessageError()\"\r\n  (clearChat)=\"clearChat()\"\r\n  (logout)=\"performLogout()\"\r\n></app-chat-window>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";:host(.light-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #f8f9fa;--chat-input-color: var(--background-color);--text-alt-color: #000000;--button-color: #000000;--text-color: #333;--secondary-text-color: #858585;--hint-text-color: #858585;--user-message-color: var(--primary-color);--bot-message-color: #e9ecef;--user-text-color: #fff;--bot-text-color: #333;--border-color: #ccc;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .25);--border-top-color: #dddddd00;--typing-indicator-color: #999;--avatar-filter: invert(48%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(96%) contrast(91%);--white: #ffffff;--black: #000000;--grey: #6c757d;--red: #ff0000;--light-red: #f28b8b}:host(.dark-theme){--font-family: \"Roboto\", Arial, sans-serif;--primary-color: #2800ff;--secondary-color: #08dacf;--background-color: #1a1717;--chat-input-color: var(--background-color);--text-alt-color: #ffffff;--button-color: #ffffff;--text-color: #f5f5f5;--secondary-text-color: #a1a1a1;--hint-text-color: #a1a1a1;--user-message-color: var(--primary-color);--bot-message-color: #333;--user-text-color: #fff;--bot-text-color: #fff;--border-color: #444;--border-shadow-color: 0 4px 16px rgba(0, 0, 0, .75);--border-top-color: #44444400;--typing-indicator-color: #bbb;--avatar-filter: invert(100%) brightness(100%);--white: #ffffff;--black: #000000;--grey: #9ca3af;--red: #ff0000;--light-red: #f28b8b}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { config: [{
                 type: Input
             }], platformTenant: [{
@@ -2980,6 +3126,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: ViewChild,
                 args: [FullscreenDirective]
             }] } });
+// ============================================================================
+// APP INITIALIZATION
+// ============================================================================
+function initializeApp() {
+    const appConst = inject(AppConst);
+    return appConst.load(); // Returns a Promise
+}
+bootstrapApplication(Doohbot, {
+    providers: [
+        provideHttpClient(withInterceptorsFromDi()),
+        AppConst,
+        provideAppInitializer(initializeApp),
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: AuthInterceptor,
+            multi: true,
+        },
+    ],
+});
 
 const DOOHBOT_API_URL = new InjectionToken('DOOHBOT_API_URL');
 
@@ -2992,5 +3157,5 @@ const DOOHBOT_API_URL = new InjectionToken('DOOHBOT_API_URL');
  * Generated bundle index. Do not edit.
  */
 
-export { AccountService, AuthService, ChatWindowComponent, ChatbotApiService, DOOHBOT_API_CONFIG, DOOHBOT_API_URL, DialogComponent, DialogService, Doohbot, DoohbotInput, MessageListComponent, appConst };
+export { AccountService, AuthService, ChatWindowComponent, ChatbotApiService, DOOHBOT_API_CONFIG, DOOHBOT_API_URL, DialogComponent, DialogService, Doohbot, DoohbotInput, MessageListComponent, appConst, initializeApp };
 //# sourceMappingURL=aakash58-chatbot.mjs.map