@hivegpt/hiveai-angular 0.0.230 → 0.0.232

package/bundles/hivegpt-hiveai-angular.umd.js

@@ -666,8 +666,7 @@
     ]; };
 
     var ChatDrawerComponent = /** @class */ (function () {
-        function ChatDrawerComponent(cdr, http, sanitizer, elementRef, renderer, socketService, conversationService
-        // private platform: Platform
+        function ChatDrawerComponent(cdr, http, sanitizer, elementRef, renderer, socketService, conversationService // private platform: Platform
         ) {
             var _this = this;
             this.cdr = cdr;
@@ -679,7 +678,7 @@
             this.conversationService = conversationService;
             this.bodyOverflowClass = 'body-overflow-hidden';
             this.isCollapsedTrue = false;
-            this.copilotName = "HiveXGPT";
+            this.copilotName = 'HiveXGPT';
             this.feedbackEvent = new i0.EventEmitter();
             this.onCloseEvent = new i0.EventEmitter();
             this.openPage = new i0.EventEmitter();
@@ -688,10 +687,10 @@
             this.connectWithUser = new i0.EventEmitter();
             this.scheduleMeeting = new i0.EventEmitter();
             this.refreshToken = new i0.EventEmitter();
-            this.autogenKey = "Autogen_eDJTtEU-NB0RtIpzq1w";
-            this.addToMyAgendaAction = "add_to_my_agenda";
-            this.myUpcomingSessionAction = "my_upcomming_session";
-            this.connectOrFollowAction = "connect_or_follow";
+            this.autogenKey = 'Autogen_eDJTtEU-NB0RtIpzq1w';
+            this.addToMyAgendaAction = 'add_to_my_agenda';
+            this.myUpcomingSessionAction = 'my_upcomming_session';
+            this.connectOrFollowAction = 'connect_or_follow';
             this.aiResponse = '';
             this.chatLog = [];
             this.decoder = new TextDecoder();
@@ -816,7 +815,6 @@
             }, 200);
         };
         ChatDrawerComponent.prototype.initializeSocket = function () {
-            ;
             var conversation_id = this.conversationService.getKey(this.botId);
             this.socketService.registerUserSpecificHiveSocket(this.botId, conversation_id);
         };
@@ -855,7 +853,8 @@
                     if (answer) {
                         _this.isChatingWithAi = false;
                         console.log('Answer:', answer);
-                        currentChatMessage.message = _this.processMessageForDisplay(answer);
+                        currentChatMessage.message =
+                            _this.processMessageForDisplay(answer);
                         _this.cdr.markForCheck();
                         _this.scrollToBottom();
                     }
@@ -885,8 +884,7 @@
                 console.error('Error in fetching data from socket', err);
             });
         };
-        ChatDrawerComponent.prototype.initializeSocketAndListen = function () {
-        };
+        ChatDrawerComponent.prototype.initializeSocketAndListen = function () { };
         ChatDrawerComponent.prototype.handleEvent = function (data, type) {
             switch (type) {
                 case 'webresult':
@@ -980,9 +978,11 @@
             this.conversationKey = this.conversationService.getKey(this.botId);
             var url = this.environment.BASE_URL + "/conversations/" + this.conversationKey;
             var headers = new http.HttpHeaders({
-                'accept': 'application/json'
+                accept: 'application/json',
             });
-            return this.http.get(url, { headers: headers }).pipe(operators.catchError(this.handleError('fetchConversation')));
+            return this.http
+                .get(url, { headers: headers })
+                .pipe(operators.catchError(this.handleError('fetchConversation')));
         };
         ChatDrawerComponent.prototype.handleError = function (operation, result) {
             if (operation === void 0) { operation = 'operation'; }
@@ -1022,16 +1022,16 @@
             });
             if (chats && ((_a = chats === null || chats === void 0 ? void 0 : chats.Messages) === null || _a === void 0 ? void 0 : _a.length)) {
                 chats === null || chats === void 0 ? void 0 : chats.Messages.forEach(function (chat) {
-                    if (chat.Type == "user") {
+                    if (chat.Type == 'user') {
                         _this.chatLog.push({
                             type: 'user',
                             message: _this.processMessageForDisplay(chat.Text),
                             time: formatTimeStamps(_this.timezone, chat.InsertTimestamp),
                             copied: false,
-                            isCollapsedTrue: false
+                            isCollapsedTrue: false,
                         });
                     }
-                    if (chat.Type == "ai") {
+                    if (chat.Type == 'ai') {
                         var sourcesList = chat.WebLinks || [];
                         var displayedSources = chat.WebLinks.slice(0, 3); // First 3 cards
                         var remainingSources = chat.WebLinks.slice(3); // Remaining items
@@ -1046,7 +1046,7 @@
                             remainingSources: remainingSources,
                             time: formatTimeStamps(_this.timezone, chat.InsertTimestamp),
                             copied: false,
-                            isCollapsedTrue: false
+                            isCollapsedTrue: false,
                         });
                         _this.showFeedBackIconsIndex = _this.chatLog.length - 1;
                     }
@@ -1127,15 +1127,14 @@
                 message: this.processMessageForDisplay(this.input),
                 time: formatNow(this.timezone),
                 copied: false,
-                isCollapsedTrue: false
+                isCollapsedTrue: false,
             });
             try {
                 var textarea = this.myInput.nativeElement;
                 textarea.style.height = 'hidden'; // Reset the height
                 textarea.style.height = "62px";
             }
-            catch (error) {
-            }
+            catch (error) { }
             this.cdr.markForCheck();
             this.aiResponse = '';
             this.isChatingWithAi = true;
@@ -1145,7 +1144,7 @@
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'Authorization': 'Bearer ' + this.s27Token,
+                    Authorization: 'Bearer ' + this.s27Token,
                     'x-api-key': this.apiKey,
                 },
                 body: JSON.stringify({
@@ -1194,7 +1193,7 @@
                 message: this.processMessageForDisplay(inputMsg),
                 time: formatNow(this.timezone),
                 copied: false,
-                isCollapsedTrue: false
+                isCollapsedTrue: false,
             });
             this.cdr.markForCheck();
             this.aiResponse = '';
@@ -1205,7 +1204,7 @@
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'Authorization': 'Bearer ' + this.s27Token,
+                    Authorization: 'Bearer ' + this.s27Token,
                     'x-api-key': this.apiKey,
                 },
                 body: JSON.stringify({
@@ -1287,7 +1286,7 @@
                     if (allSuggestions === null || allSuggestions === void 0 ? void 0 : allSuggestions.length) {
                         _this.chatLog.push({
                             type: 'suggestions',
-                            suggestions: allSuggestions
+                            suggestions: allSuggestions,
                         });
                     }
                     controller.close();
@@ -1306,8 +1305,8 @@
                     var suggestionsMatch = _this.aiResponse.match(/<sug>(.*?)<\/sug>/g);
                     if (suggestionsMatch) {
                         suggestionsMatch.forEach(function (match) {
-                            _this.aiResponse = _this.aiResponse.replace(match, "");
-                            allSuggestions.push(match === null || match === void 0 ? void 0 : match.replace(/<\/?sug>/g, ""));
+                            _this.aiResponse = _this.aiResponse.replace(match, '');
+                            allSuggestions.push(match === null || match === void 0 ? void 0 : match.replace(/<\/?sug>/g, ''));
                         });
                     }
                     lastItem.message = _this.aiResponse;
@@ -1329,7 +1328,9 @@
                     }
                     console.log('parsing json done');
                     if (aiFormattedData && ((_a = aiFormattedData === null || aiFormattedData === void 0 ? void 0 : aiFormattedData.section_id) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        if (aiFormattedData.section_id == 'company_search' || aiFormattedData.section_id == 'user_search' || aiFormattedData.section_id == 'industry_company_search') {
+                        if (aiFormattedData.section_id == 'company_search' ||
+                            aiFormattedData.section_id == 'user_search' ||
+                            aiFormattedData.section_id == 'industry_company_search') {
                             _this.fetchMyConnections().subscribe();
                             _this.fetchPendingRequests().subscribe();
                         }
@@ -1341,48 +1342,50 @@
                             if ((speakerIds === null || speakerIds === void 0 ? void 0 : speakerIds.length) > 0)
                                 _this.getSpeakersByStaffIds(speakerIds);
                         }
-                        if (aiFormattedData.section_id == _this.addToMyAgendaAction && ((_c = aiFormattedData.content) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                        if (aiFormattedData.section_id == _this.addToMyAgendaAction &&
+                            ((_c = aiFormattedData.content) === null || _c === void 0 ? void 0 : _c.length) > 0) {
                             _this.openPage.next({
                                 sectionId: aiFormattedData.section_id,
-                                sessionIds: aiFormattedData.content
+                                sessionIds: aiFormattedData.content,
                             });
                         }
                         if (aiFormattedData.section_id == _this.connectOrFollowAction) {
                             var usersLen = (_d = aiFormattedData.content) === null || _d === void 0 ? void 0 : _d.length;
                             if (usersLen > 1) {
                                 _this.openPage.next({
-                                    sectionId: "open_networking_drawer",
-                                    search: aiFormattedData.content
+                                    sectionId: 'open_networking_drawer',
+                                    search: aiFormattedData.content,
                                 });
                             }
                             else if (usersLen == 1) {
                                 _this.openPage.next({
                                     sectionId: aiFormattedData.section_id,
-                                    connetUserIds: [aiFormattedData.content[0].userId]
+                                    connetUserIds: [aiFormattedData.content[0].userId],
                                 });
                             }
                         }
-                        if (aiFormattedData.is_open_page == "true") {
+                        if (aiFormattedData.is_open_page == 'true') {
                             _this.openPage.next({
                                 sectionId: aiFormattedData.section_id,
-                                search: aiFormattedData.content
+                                search: aiFormattedData.content,
                             });
                             if (_this.isMobileBrowser()) {
-                                aiFormattedData.message += "\n\n" + '<a id="closeBotNow">Click Here</a> to see results.';
+                                aiFormattedData.message +=
+                                    '\n\n' + '<a id="closeBotNow">Click Here</a> to see results.';
                             }
                         }
                         _this.chatLog.push({
                             type: 'ai',
                             message: aiFormattedData.message,
                             action: aiFormattedData,
-                            time: formatNow(_this.timezone)
+                            time: formatNow(_this.timezone),
                         });
                         if (_this.isMobileBrowser()) {
                             setTimeout(function () {
                                 _this.addCloseBotClickEvent();
                             }, 500);
                         }
-                        _this.aiResponse = "";
+                        _this.aiResponse = '';
                     }
                     else {
                         _this.chatLog.push({
@@ -1468,6 +1471,8 @@
             var _this = this;
             // Copy the message to the clipboard
             var contentToCopy = this.chatLog[index].message;
+            console.log('contentToCopy');
+            console.log(contentToCopy);
             navigator.clipboard.writeText(contentToCopy).then(function () {
                 // Indicate that the message was copied
                 _this.chatLog[index].copied = true;
@@ -1490,7 +1495,7 @@
             }, 5);
         };
         ChatDrawerComponent.prototype.handleAction = function (action) {
-            console.info("incoming action from the chatbot AI");
+            console.info('incoming action from the chatbot AI');
             console.info(action);
             if (action === null || action === void 0 ? void 0 : action.content) {
             }
@@ -1533,7 +1538,7 @@
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'Authorization': "Bearer " + "your_token_here",
+                    Authorization: 'Bearer ' + 'your_token_here',
                 },
                 body: JSON.stringify(ids),
             })
@@ -1561,7 +1566,7 @@
         ChatDrawerComponent.prototype.performSessionAction = function (sessionId, action) {
             this.sessionActions.next({
                 sessionId: sessionId,
-                action: action
+                action: action,
             });
         };
         ChatDrawerComponent.prototype.addCloseBotClickEvent = function () {
@@ -1580,7 +1585,7 @@
             var _this = this;
             this.connectWithUser.emit({
                 connect: !this.canDisconnect(userId),
-                userId: userId
+                userId: userId,
             });
             setTimeout(function () {
                 _this.fetchMyConnections().subscribe(function (res) {
@@ -1595,7 +1600,8 @@
             this.scheduleMeeting.emit(user);
         };
         ChatDrawerComponent.prototype.canConnect = function (userId) {
-            return !(this.canDisconnect(userId) || this.pendingRequests.find(function (a) { return a == userId; }));
+            return !(this.canDisconnect(userId) ||
+                this.pendingRequests.find(function (a) { return a == userId; }));
         };
         ChatDrawerComponent.prototype.canDisconnect = function (userId) {
             return this.myConnections.find(function (conn) { return conn.userId == userId; });
@@ -1604,7 +1610,7 @@
             var _this = this;
             var headers = new http.HttpHeaders({
                 'Content-Type': 'application/json',
-                'apiKey': this.autogenKey
+                apiKey: this.autogenKey,
             });
             return this.http
                 .get(this.environment.USERS_API + "/events/" + this.eventId + "/connection-requests/autogen/pending-sent-requests?userId=" + this.userId, { headers: headers })
@@ -1621,7 +1627,7 @@
             var _this = this;
             var headers = new http.HttpHeaders({
                 'Content-Type': 'application/json',
-                'apiKey': this.autogenKey
+                apiKey: this.autogenKey,
             });
             return this.http
                 .get(this.environment.USERS_API + "/events/" + this.eventId + "/users-connections/autogen?userId=" + this.userId, { headers: headers })
@@ -1640,7 +1646,7 @@
         };
         ChatDrawerComponent.prototype.onSelectAll = function (event) {
             var _a;
-            (_a = this.agents) === null || _a === void 0 ? void 0 : _a.forEach(function (agent) { return agent.selected = false; });
+            (_a = this.agents) === null || _a === void 0 ? void 0 : _a.forEach(function (agent) { return (agent.selected = false); });
             this.cdr.detectChanges();
         };
         ChatDrawerComponent.prototype.onAgentChange = function (agent) {
@@ -1664,7 +1670,9 @@
                 return 'All Agents';
             }
             else {
-                return (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) > 1 ? (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agents Selected" : (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agent Selected";
+                return (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) > 1
+                    ? (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agents Selected"
+                    : (selectedAgents === null || selectedAgents === void 0 ? void 0 : selectedAgents.length) + " Agent Selected";
             }
         };
         ChatDrawerComponent.prototype.fetchAgents_http = function () {
@@ -1672,7 +1680,7 @@
             this.loading = true;
             var url = this.environment.AGENTS_API + "/CoPilot/" + this.botId + "/active-agents";
             var headers = new http.HttpHeaders({
-                'Content-Type': 'application/json'
+                'Content-Type': 'application/json',
             });
             return this.http.post(url, {}, { headers: headers }).pipe(operators.switchMap(function (res) {
                 if (res) {
@@ -1686,8 +1694,7 @@
             }));
         };
         ChatDrawerComponent.prototype.fetchAgents = function () {
-            this.fetchAgents_http()
-                .subscribe();
+            this.fetchAgents_http().subscribe();
         };
         // events/${eventId}/users-connections
         ChatDrawerComponent.prototype.processMessageForDisplay = function (markdown) {
@@ -1802,7 +1809,7 @@
     ChatDrawerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'hivegpt-chat-drawer',
-                    template: "<mat-drawer-container class=\"hivegpt-chat-wrapper\" [ngClass]=\"{'mat-drawer-container-has-open': isDrawerOpen}\"\r\n    [class.ios-device]=\"isIOSDevice\" [hasBackdrop]=\"hasBackdropValue\">\r\n\r\n    <mat-drawer class=\"drawer\" #drawer [position]=\"'start'\" [mode]=\"'over'\" opened=\"true\"\r\n        [class.full-width-drawer]=\"fullView\" [style.background]=\"\r\n    'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\r\n  \">\r\n        <mat-drawer-content>\r\n\r\n            <div class=\"chat-main\">\r\n                <!-- <div class=\"chat-header\">\r\n                    <h2> -->\r\n                <!-- {{eventName}} -->\r\n                <!-- </h2> -->\r\n                <!-- <button class=\"closeIcon\" (click)=\"onClose()\">\r\n                        <span class=\"material-symbols-outlined\">\r\n                            close\r\n                        </span>\r\n                    </button> -->\r\n                <!-- </div> -->\r\n\r\n                <div class=\"innerChat\" #chatMain>\r\n                    <div class=\"\">\r\n                        <div class=\"title\">\r\n                            <h2><span> {{botName}} <i><svg width=\"30\" height=\"30\" viewBox=\"0 0 106 105\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                                d=\"M52.8578 104.318C52.8645 104.32 52.8713 104.323 52.878 104.325V104.311C74.7711 96.9781 115.49 69.0948 103.537 16.0875C79.9227 8.17267 59.9557 2.08167 52.878 0.0118542V0C52.8713 0.0019722 52.8645 0.00394726 52.8578 0.00592613C52.851 0.00394726 52.8442 0.0019722 52.8375 0V0.0118542C45.7599 2.08167 25.7928 8.17267 2.17802 16.0875C-9.77459 69.0948 30.9444 96.9781 52.8375 104.311V104.325C52.8442 104.323 52.851 104.32 52.8578 104.318Z\"\r\n                                                fill=\"#E2F6FA\"></path>\r\n                                            <path\r\n                                                d=\"M52.8409 95.3002V9.02441C58.6643 10.7266 75.2028 15.7706 94.7694 22.3286C104.66 66.1922 70.9382 89.2528 52.8409 95.3002Z\"\r\n                                                fill=\"url(#paint0_linear_174_9166)\"></path>\r\n                                            <rect x=\"63.725\" y=\"21.0347\" width=\"2.275\" height=\"29.6903\" rx=\"1.1375\"\r\n                                                transform=\"rotate(-73.8316 63.725 21.0347)\"\r\n                                                fill=\"url(#paint1_linear_174_9166)\"></rect>\r\n                                            <path\r\n                                                d=\"M52.8745 95.3002V9.02441C47.0511 10.7266 30.5127 15.7706 10.9461 22.3286C1.0553 66.1922 34.7772 89.2528 52.8745 95.3002Z\"\r\n                                                fill=\"url(#paint2_linear_174_9166)\"></path>\r\n                                            <path\r\n                                                d=\"M67.1131 34.3431L43.2493 56.165C41.5673 57.7031 41.5085 60.3337 43.1202 61.9454L68.0846 86.9097C69.4975 88.3227 71.7364 88.4762 73.3289 87.2693L89.8566 74.7444C90.8029 74.0273 91.3817 72.9269 91.4364 71.7409L91.7769 64.3639C91.8163 63.5106 91.5814 62.667 91.1067 61.9568L73.138 35.0723C71.7767 33.0355 68.9209 32.6899 67.1131 34.3431Z\"\r\n                                                fill=\"url(#paint3_linear_174_9166)\"></path>\r\n                                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                                d=\"M68.6302 31.8839C69.0923 31.6059 69.6441 31.5177 70.1698 31.6379C70.6955 31.758 71.1542 32.0771 71.4497 32.5282L73.5143 35.6772C73.7834 36.0886 73.8986 36.5818 73.8394 37.0698C73.7803 37.5579 73.5506 38.0093 73.191 38.3445L73.1848 38.3528L73.1556 38.3799L73.0367 38.4905L72.5675 38.9388C69.9711 41.4572 67.4535 44.0555 65.0183 46.7299C60.4366 51.7683 54.9958 58.3624 51.3338 64.7604C50.3119 66.5456 47.8157 66.9293 46.335 65.3882L32.8111 51.3366C32.6173 51.1352 32.466 50.8968 32.3661 50.6357C32.2663 50.3746 32.2199 50.0961 32.2298 49.8168C32.2398 49.5374 32.3057 49.2629 32.4239 49.0095C32.542 48.7562 32.7098 48.5292 32.9175 48.342L37.0049 44.6549C37.3641 44.3311 37.8247 44.1422 38.3078 44.1205C38.7909 44.0988 39.2666 44.2457 39.6534 44.5361L46.554 49.71C57.3335 39.0806 63.4459 35.0016 68.6302 31.8839Z\"\r\n                                                fill=\"url(#paint4_linear_174_9166)\"></path>\r\n                                            <defs>\r\n                                                <linearGradient id=\"paint0_linear_174_9166\" x1=\"74.6954\" y1=\"9.02441\"\r\n                                                    x2=\"74.6954\" y2=\"95.3002\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#6EC6E3\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#5361C7\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint1_linear_174_9166\" x1=\"64.8625\" y1=\"21.0347\"\r\n                                                    x2=\"64.2597\" y2=\"43.0438\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"white\" stop-opacity=\"0.47\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint2_linear_174_9166\" x1=\"31.02\" y1=\"9.02441\"\r\n                                                    x2=\"31.02\" y2=\"95.3002\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#5F8ED4\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#4F54C3\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint3_linear_174_9166\" x1=\"54.7875\" y1=\"42.5752\"\r\n                                                    x2=\"75.425\" y2=\"71.3377\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#5975CC\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#0043A6\" stop-opacity=\"0\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint4_linear_174_9166\" x1=\"40.8125\" y1=\"66.3502\"\r\n                                                    x2=\"73.8\" y2=\"66.3502\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#D0F0F7\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"white\"></stop>\r\n                                                </linearGradient>\r\n                                            </defs>\r\n                                        </svg></i> </span></h2>\r\n                            <p>AI-powered <span>copilot</span></p>\r\n                        </div>\r\n                        <div class=\"chatType\" style=\"display:none\">\r\n                            <h4 class=\"labelChat\">Choose a conversation style</h4>\r\n                            <ul>\r\n                                <li (click)=\"changeTemperature(0)\">\r\n                                    <button [ngClass]=\"{active: temperature === 0}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Creative\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                                <li (click)=\"changeTemperature(1)\" class=\"fdssfd\">\r\n                                    <button [ngClass]=\"{active: temperature === 1}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Balanced\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                                <li (click)=\"changeTemperature(2)\">\r\n                                    <button [ngClass]=\"{active: temperature === 2}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Precise\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    <!-- chattype -->\r\n                    <div class=\"chat bot\" *ngFor=\"let chat of chatLog; let i = index\">\r\n\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"message\">\r\n                                <div class=\"researchingCard\">\r\n                                    <div *ngIf=\"(chat?.searchTerms && chat?.searchTerms.length>0) || (chat?.sourcesList && chat?.sourcesList.length >0)\"\r\n                                        class=\"card-header d-flex align-items-center\" (click)=\"toggleCollapse()\">\r\n                                        <span class=\"icon\"><i class=\"bx bx-plus-circle bx-sm\"></i></span>\r\n                                        <span class=\"ml-2\">Researching <i id=\"toggleIcon\" class=\"toggle-icon ml-2 fa\"\r\n                                                [ngClass]=\"{'fa-chevron-down': isCollapsed,'fa-chevron-up': !isCollapsed }\"></i></span>\r\n\r\n                                    </div>\r\n                                    <div *ngIf=\"chat?.searchTerms && chat?.searchTerms.length>0\"\r\n                                        [ngClass]=\"{'collapse': isCollapsed}\">\r\n                                        <ul class=\"list-group list-group-flush\">\r\n                                            <li *ngFor=\"let term of chat?.searchTerms\" class=\"list-group-item\">Searching\r\n                                                for\r\n                                                <strong>{{term}}</strong>\r\n                                            </li>\r\n                                        </ul>\r\n\r\n                                        <h5 class=\"mt-2\" *ngIf=\"chat?.sourcesList && chat?.sourcesList.length >0\"><i\r\n                                                class='bx bx-unite'></i> Sources</h5>\r\n                                        <div class=\"sources-container\"\r\n                                            *ngIf=\"chat?.sourcesList && chat?.sourcesList.length >0\">\r\n                                            <div class=\"source-card\"\r\n                                                *ngFor=\"let source of chat?.displayedSources; let i = index\">\r\n                                                <div>\r\n                                                    <div class=\"source-title\">{{source.title}}</div>\r\n                                                    <div class=\"source-url\">\r\n                                                        <img class=\"relative block\" [src]=\"getFaviconUrl(source.link)\"\r\n                                                            [alt]=\"getDomainName(source.link) + ' favicon'\">\r\n                                                        {{getDomainName(source.link)}}\r\n                                                    </div>\r\n                                                    <div class=\"popup\">\r\n                                                        <div class=\"source-url\" (click)=\"openLinkInNewTab(source.link)\">\r\n                                                            <img class=\"relative block\"\r\n                                                                [src]=\"getFaviconUrl(source.link)\"\r\n                                                                [alt]=\"getDomainName(source.link) + ' favicon'\">\r\n                                                            {{getDomainName(source.link)}}\r\n                                                        </div>\r\n                                                        <h5 (click)=\"openLinkInNewTab(source.link)\">{{source.title}}\r\n                                                        </h5>\r\n                                                        <p (click)=\"openLinkInNewTab(source.link)\">{{source.desc}}</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <ng-container\r\n                                                *ngIf=\"chat?.remainingSources && chat?.remainingSources.length > 0\">\r\n                                                <div class=\"source-card\" (click)=\"onCardClick(chat?.sourcesList)\">\r\n                                                    <div>\r\n                                                        <div class=\"source-title\"><img\r\n                                                                *ngFor=\"let source of chat?.remainingSources; let i = index\"\r\n                                                                class=\"relative block\"\r\n                                                                [src]=\"getFaviconUrl(source.link)\"\r\n                                                                [alt]=\"getDomainName(source.link) + ' favicon'\"></div>\r\n                                                        <div class=\"source-url\">\r\n\r\n                                                            View {{chat?.remainingSources.length}} more\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </ng-container>\r\n\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\" [ngStyle]=\"{\r\n                                                                    background:\r\n                                                                    chat?.type === 'ai' && bgBubbleAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && bgBubbleUser\r\n                                                                        ? ''\r\n                                                                        : ''\r\n                                                                }\">\r\n                                    <p *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\" [ngStyle]=\"{\r\n                                                                    background:\r\n                                                                        chat?.type === 'ai' && messageTextColorAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && messageTextColorUser\r\n                                                                        ? ''\r\n                                                                        : '',\r\n                                                                    color:\r\n                                                                        chat?.type === 'ai' && messageTextColorAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && messageTextColorUser\r\n                                                                        ? ''\r\n                                                                        : ''\r\n                                                                    }\" [innerHTML]=\"chat?.message\">\r\n                                    </p>\r\n\r\n                                </div>\r\n                                <div class=\"exicution mt-2\"\r\n                                    *ngIf=\"chat?.type === 'ai' && (chat?.graphs && chat?.graphs.length >0) \">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-network-chart'></i> Graphs <i\r\n                                            (click)=\"toggleCollapseFGraph()\" class=\"toggle-icon ml-2 fa\"\r\n                                            [ngClass]=\"{'fas fa-chevron-down': isCollapsedForFGraph,'fas fa-chevron-up': !isCollapsedForFGraph }\"></i>\r\n                                    </h5>\r\n                                    <img *ngFor=\"let image of chat?.graphs\" class=\"graph-img\"\r\n                                        [ngClass]=\"{'collapse': isCollapsedForFGraph}\" [src]=\"image\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"exicution mt-2\"\r\n                                    *ngIf=\"chat?.type === 'ai' && (chat?.executionGraphs && chat?.executionGraphs?.length > 0) \">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-network-chart'></i> Execution Path\r\n                                        Diagram\r\n                                        For Data Visualization Workflow <i (click)=\"toggleCollapseGraph()\"\r\n                                            class=\"toggle-icon ml-2 fa\"\r\n                                            [ngClass]=\"{'fas fa-chevron-down': isCollapsedForGraph,'fas fa-chevron-up': !isCollapsedForGraph }\"></i>\r\n                                    </h5>\r\n                                    <img *ngFor=\"let image of chat?.executionGraphs\" class=\"graph-img\"\r\n                                        [ngClass]=\"{'collapse': isCollapsedForGraph}\" [src]=\"image\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"Related mt-2\"\r\n                                    *ngIf=\"showFeedBackIconsIndex === i && (chat?.relatedListItems && chat?.relatedListItems.length > 0)\">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-list-check'></i> Related</h5>\r\n                                    <div class=\"card-container\" *ngIf=\"chat?.type === 'ai'\">\r\n                                        <ul class=\"list-container\">\r\n                                            <ng-container *ngFor=\"let item of chat?.relatedListItems\">\r\n                                                <li (click)=\"fetchDataFor(item,chat)\">{{ item }}</li>\r\n                                            </ng-container>\r\n\r\n                                        </ul>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"cta\" *ngIf=\"showFeedBackIconsIndex === i\">\r\n                                <div class=\"copyBox\" title=\"Copy\" style=\"float: right;\">\r\n                                    <button title=\"{{ chat?.copied ? 'Copied!' : 'Copy' }}\" class=\"copy\"\r\n                                        [class.active]=\"chat?.copied\" (click)=\"handleCopyClick(i)\">\r\n                                        <i *ngIf=\"chat?.copied\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\r\n                                                    fill=\"#566563\" />\r\n                                            </svg>\r\n\r\n                                        </i>\r\n                                        <i *ngIf=\"!chat?.copied\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z\"\r\n                                                    fill=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n                                    <button class=\"up copy\" title=\"Like\" [class.active]=\"chat?.liked\"\r\n                                        (click)=\"handleUpClick(i)\">\r\n                                        <i *ngIf=\"chat?.liked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                                <path\r\n                                                    d=\"M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                        <i *ngIf=\"!chat?.liked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                                <path\r\n                                                    d=\"M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n                                    <button class=\"down copy\" title=\"Dislike\" [class.active]=\"chat?.unliked\"\r\n                                        (click)=\"handleDownClick(i)\">\r\n                                        <i *ngIf=\"chat?.unliked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z\"\r\n                                                    fill=\"#17235B\" />\r\n\r\n                                                <path\r\n                                                    d=\"M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                            </svg>\r\n                                        </i>\r\n\r\n                                        <i *ngIf=\"!chat?.unliked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                                <path\r\n                                                    d=\"M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n                            <div class=\"time-cta\"\r\n                                [ngClass]=\"{'time-cta din': showFeedBackIconsIndex===i, 'time-cta': showFeedBackIconsIndex!=i}\">\r\n                                <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'ai'\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Assistant\" }} - {{ chat?.time }}\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'user'\">\r\n                                    <img src=\"https://e1cdn.social27.com/digitalevents/chatbot/user-chatbot-icon.svg\">\r\n                                    <div class=\"dateTime\">\r\n                                        You - {{ chat?.time }}\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"cta-faqs quick-prompts-extended\" *ngIf=\"i == 0 && quickPrompts?.length\">\r\n                            <!-- <div *ngFor=\"let tile of quickPrompts\" class=\"cta\"\r\n                                (click)=\"sendMessageWithTile(tile.prompt)\">\r\n                                Q: {{ tile.text }}\r\n                            </div> -->\r\n                            <div class=\"cta_suggestions\">\r\n                                <button *ngFor=\"let tile of quickPrompts\" (click)=\"sendMessageWithTile(tile.prompt)\">\r\n                                    <ng-container *ngIf=\"tile\">{{tile.text}}</ng-container>\r\n                                </button>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div class=\"chat bot\" *ngIf=\"i == 0 &&  botSkills\">\r\n                            <div class=\"chat-box\">\r\n                                <div class=\"message\">\r\n                                    <p [innerHTML]=\"processMessageForDisplay(botSkills)\"> </p> &nbsp;\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"chat?.suggestions?.length\">\r\n                            <h4 class=\"labelChat\">Here are some things EventsGPT Copilot can help you do:</h4>\r\n                            <div class=\"cta_suggestions\">\r\n                                <button *ngFor=\"let suggestion of chat?.suggestions\"\r\n                                    (click)=\"sendMessageWithTile(suggestion)\">\r\n                                    <ng-container *ngIf=\"suggestion\">{{suggestion}}</ng-container>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            *ngIf=\"chat?.action?.section_id == 'company_search' || chat?.action?.section_id == 'user_search' || chat?.action?.section_id == 'industry_company_search'\">\r\n                            <div class=\"box\">\r\n                                <div class=\"tiktokwrapper\">\r\n                                    <div class=\"tiktokshell\" *ngFor=\"let user of chat?.action.users\">\r\n                                        <div class=\"videoPhotobox\">\r\n                                            <ng-conatiner *ngIf=\"user?.photoPath && !user.userVideosModel\">\r\n                                                <img [src]=\"user?.photoPath\">\r\n                                            </ng-conatiner>\r\n                                            <ng-conatiner *ngIf=\"user.userVideosModel\">\r\n                                                <app-video-player *ngIf=\"user?.userVideosModel\" [isDev]=\"isDev\"\r\n                                                    [currentUserId]=\"userId\" [videoObj]=\"user?.userVideosModel\"\r\n                                                    [user]=\"user\" [eventId]=\"eventId\" type=\"1\">\r\n                                                </app-video-player>\r\n                                            </ng-conatiner>\r\n\r\n                                        </div>\r\n\r\n                                        <div class=\"noPhoto\" *ngIf=\"!user?.photoPath && !user.userVideosModel\">\r\n                                            <h3>{{user.firstName | slice:0:1}}{{user.lastName | slice:0:1}}</h3>\r\n                                        </div>\r\n                                        <div class=\"overlymask\" *ngIf=\"!user.userVideosModel\">\r\n                                        </div>\r\n                                        <div class=\"onshell-content\">\r\n                                            <div class=\"title-shell\">\r\n                                                <h3>{{user.firstName}} {{user.lastName}}</h3>\r\n                                                <h3 class=\"companyName\">{{user.company}}</h3>\r\n                                            </div>\r\n                                            <div class=\"button-shell\">\r\n                                                <button class=\"Connectbtn\"\r\n                                                    (click)=\"connectToUser(user.userId)\">{{canConnect(user.userId) ?\r\n                                                    'Connect' : canDisconnect(user.userId) ? 'Disconnect' : 'Request\r\n                                                    Sent'}}</button>\r\n                                                <button class=\"schedulebtn\"\r\n                                                    (click)=\"scheduleMeetingWithUser(user)\">Schedule</button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"chat?.action?.section_id == myUpcomingSessionAction\">\r\n                            <div class=\"agenda-items-wrapper\" class=\"agenda-items-wrapper\">\r\n                                <div class=\"list-view\">\r\n                                    <div class=\"session-detail-wrapper card-background-session\"\r\n                                        *ngFor=\"let upcomingSession of chat?.action.content\">\r\n                                        <div class=\"thumbnail \"><img alt=\"Introduction to the Imaging Radar Academy\"\r\n                                                src=\"https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png\"\r\n                                                class=\"\">\r\n                                            <!---->\r\n                                            <!---->\r\n                                            <!----><button class=\"play-btn color-primary \"\r\n                                                title=\"Play Session: Introduction to the Imaging Radar Academy\"><span\r\n                                                    class=\"material-icons notranslate \"> play_circle_outline\r\n                                                </span>\r\n                                                <!---->\r\n                                            </button>\r\n                                            <!---->\r\n                                            <!---->\r\n                                        </div>\r\n                                        <!---->\r\n                                        <!---->\r\n                                        <div class=\"content p-3\">\r\n                                            <div class=\"d-flex justify-content-between align-items-center\">\r\n                                                <div class=\"d-flex flex-column\">\r\n                                                    <p class=\"fs-xs mb-0 body-text-color \">\r\n                                                        {{upcomingSession.dateTimeRange.start | date:'MM-dd-yyyy\r\n                                                        HH:mm':'UTC'}} - {{upcomingSession.dateTimeRange.end |\r\n                                                        date:'MM-dd-yyyy HH:mm':'UTC'}} {{upcomingSession.timeZone.id}}\r\n                                                    </p>\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!-- <p class=\"fs-xs mb-2 color-secondary\" title=\"Session Type: Generative AI\">Generative AI </p> -->\r\n                                                    <!---->\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center actions px-2\">\r\n                                                    <!---->\r\n                                                    <button\r\n                                                        (click)=\"performSessionAction(upcomingSession.id, 'view-session')\"\r\n                                                        class=\"s27-btn-icon body-text-color\"\r\n                                                        title=\"View Session Information: Introduction to the Imaging Radar Academy\"><span\r\n                                                            class=\"material-icons notranslate\"> remove_red_eye\r\n                                                        </span>\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        (click)=\"performSessionAction(upcomingSession.id, 'add-to-agenda')\"\r\n                                                        class=\"s27-btn-icon body-text-color \"><span\r\n                                                            class=\"material-icons notranslate\"\r\n                                                            title=\"Add Session: Introduction to the Imaging Radar Academy to My agendaa\">\r\n                                                            event_available </span>\r\n                                                    </button>\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!---->\r\n\r\n                                                    <button (click)=\"performSessionAction(upcomingSession.id, 'play')\"\r\n                                                        class=\"s27-btn-icon body-text-color \"\r\n                                                        title=\"Copy session link to share\"><span\r\n                                                            class=\"material-icons notranslate\"> play_circle_outline\r\n                                                        </span>\r\n                                                    </button>\r\n                                                    <!---->\r\n                                                </div>\r\n                                            </div>\r\n                                            <h2 class=\"body-text-color\">{{upcomingSession.title}}</h2>\r\n                                            <div class=\"session-description color-secondary\"\r\n                                                [innerHTML]=\"sanitizeHtml(upcomingSession.description)\">\r\n                                            </div>\r\n                                            <ul class=\"speakers grid-2-cols\"\r\n                                                *ngFor=\"let speakerId of upcomingSession.speakers\">\r\n                                                <li class=\"\">\r\n                                                    <div class=\"image \" title=\"Blair Wunderlich\"><img\r\n                                                            alt=\"Blair Wunderlich\"\r\n                                                            [src]=\"speakers[speakerId]?.photoPath\" class=\"\">\r\n                                                        <!---->\r\n                                                        <!---->\r\n                                                        <!---->\r\n                                                    </div>\r\n                                                    <!---->\r\n                                                    <div class=\"content pl-3 \" style=\"text-transform: none;\">\r\n                                                        <div class=\"mb-0 body-text-color fs-xs fw-500\">\r\n                                                            {{speakers[speakerId]?.firstName}}\r\n                                                            {{speakers[speakerId]?.lastName}}</div>\r\n                                                        <div class=\"color-secondary fs-xxs\">\r\n                                                            {{speakers[speakerId]?.jobTitle}}</div>\r\n                                                        <div class=\"color-secondary fs-xxs\">\r\n                                                            {{speakers[speakerId]?.company}}</div>\r\n                                                    </div>\r\n                                                    <!---->\r\n                                                </li>\r\n                                            </ul>\r\n                                            <!---->\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"chat bot\" *ngIf=\"isChatingWithAi\">\r\n\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"o-media__body\">\r\n                                <div class=\"o-vertical-spacing\">\r\n                                    <h3 class=\"blog-post__headline\">\r\n                                        <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n                                    </h3>\r\n                                    <p>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"time-cta\">\r\n                                <div class=\"Icon_TimeSTamp\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Assistant\" }} - {{ chat?.time ? chat?.time : (dateTime.now |\r\n                                        date:'shortTime') }}\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"chat bot\" *ngIf=\"loading\">\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"o-media__body\">\r\n                                <div class=\"o-vertical-spacing\">\r\n                                    <h3 class=\"blog-post__headline\">\r\n                                        <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n                                    </h3>\r\n                                    <p>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"time-cta\">\r\n                                <div class=\"Icon_TimeSTamp\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Loading..\" }}\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!-- <div #chatMain></div> -->\r\n            <div class=\"chatFooterWrapper\">\r\n                <div class=\"chat-footer\">\r\n                    <div class=\"dropdown-wrapper\" (click)=\"toggleDropdown()\">\r\n                        <div class=\"dropdown-header\">\r\n                            <span>{{ getDropdownHeaderText() }}</span>\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M19 9l-7 7-7-7\" />\r\n                            </svg>\r\n                        </div>\r\n                        <div class=\"dropdown-menu\" *ngIf=\"isDropdownOpen\">\r\n                            <label (click)=\"onSelectAll()\">\r\n                                <input type=\"checkbox\" [checked]=\"areAllSelected()\" />\r\n                                All\r\n                            </label>\r\n                            <label *ngFor=\"let agent of agents\" (click)=\"onAgentChange(agent)\">\r\n                                <input type=\"checkbox\" [(ngModel)]=\"agent.selected\" />\r\n                                {{ agent.agentName }}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"border-shape\">\r\n                        <!-- <input [disabled]=\"isChatingWithAi\" type=\"text\" class=\"form-control-1 s27-scroll\"\r\n                            \r\n                            placeholder=\"Ask anything...\" [style.background]=\"formFieldBgColor ? formFieldBgColor : ''\"\r\n                            [style.color]=\"formFieldTextColor ? formFieldTextColor : ''\" [(ngModel)]=\"input\"\r\n                            (keyup.enter)=\"handleSubmit()\" #myInput /> -->\r\n                        <textarea [disabled]=\"isChatingWithAi\" class=\"form-control-1 s27-scroll chat-textarea\"\r\n                            placeholder=\"Ask anything...\" [(ngModel)]=\"input\" (keyup.enter)=\"handleSubmit()\"\r\n                            (input)=\"adjustTextareaHeight($event)\" #myInput></textarea>\r\n\r\n\r\n                    </div>\r\n                    <div class=\"cta-footer\">\r\n                        <button class=\"btn cta-chat\" (click)=\"handleSubmit()\"\r\n                            [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\r\n                            [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z\">\r\n                                </path>\r\n                            </svg>\r\n                            <!-- SEND -->\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"text-left note-section\">\r\n                    <div class=\"note\">\r\n                        <i>\r\n                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 106 105\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M52.8578 104.318C52.8645 104.32 52.8713 104.323 52.878 104.325V104.311C74.7711 96.9781 115.49 69.0948 103.537 16.0875C79.9227 8.17267 59.9557 2.08167 52.878 0.0118542V0C52.8713 0.0019722 52.8645 0.00394726 52.8578 0.00592613C52.851 0.00394726 52.8442 0.0019722 52.8375 0V0.0118542C45.7599 2.08167 25.7928 8.17267 2.17802 16.0875C-9.77459 69.0948 30.9444 96.9781 52.8375 104.311V104.325C52.8442 104.323 52.851 104.32 52.8578 104.318Z\"\r\n                                    fill=\"#E2F6FA\"></path>\r\n                                <path\r\n                                    d=\"M52.8409 95.3002V9.02441C58.6643 10.7266 75.2028 15.7706 94.7694 22.3286C104.66 66.1922 70.9382 89.2528 52.8409 95.3002Z\"\r\n                                    fill=\"url(#paint0_linear_174_9166)\"></path>\r\n                                <rect x=\"63.725\" y=\"21.0347\" width=\"2.275\" height=\"29.6903\" rx=\"1.1375\"\r\n                                    transform=\"rotate(-73.8316 63.725 21.0347)\" fill=\"url(#paint1_linear_174_9166)\">\r\n                                </rect>\r\n                                <path\r\n                                    d=\"M52.8745 95.3002V9.02441C47.0511 10.7266 30.5127 15.7706 10.9461 22.3286C1.0553 66.1922 34.7772 89.2528 52.8745 95.3002Z\"\r\n                                    fill=\"url(#paint2_linear_174_9166)\"></path>\r\n                                <path\r\n                                    d=\"M67.1131 34.3431L43.2493 56.165C41.5673 57.7031 41.5085 60.3337 43.1202 61.9454L68.0846 86.9097C69.4975 88.3227 71.7364 88.4762 73.3289 87.2693L89.8566 74.7444C90.8029 74.0273 91.3817 72.9269 91.4364 71.7409L91.7769 64.3639C91.8163 63.5106 91.5814 62.667 91.1067 61.9568L73.138 35.0723C71.7767 33.0355 68.9209 32.6899 67.1131 34.3431Z\"\r\n                                    fill=\"url(#paint3_linear_174_9166)\"></path>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M68.6302 31.8839C69.0923 31.6059 69.6441 31.5177 70.1698 31.6379C70.6955 31.758 71.1542 32.0771 71.4497 32.5282L73.5143 35.6772C73.7834 36.0886 73.8986 36.5818 73.8394 37.0698C73.7803 37.5579 73.5506 38.0093 73.191 38.3445L73.1848 38.3528L73.1556 38.3799L73.0367 38.4905L72.5675 38.9388C69.9711 41.4572 67.4535 44.0555 65.0183 46.7299C60.4366 51.7683 54.9958 58.3624 51.3338 64.7604C50.3119 66.5456 47.8157 66.9293 46.335 65.3882L32.8111 51.3366C32.6173 51.1352 32.466 50.8968 32.3661 50.6357C32.2663 50.3746 32.2199 50.0961 32.2298 49.8168C32.2398 49.5374 32.3057 49.2629 32.4239 49.0095C32.542 48.7562 32.7098 48.5292 32.9175 48.342L37.0049 44.6549C37.3641 44.3311 37.8247 44.1422 38.3078 44.1205C38.7909 44.0988 39.2666 44.2457 39.6534 44.5361L46.554 49.71C57.3335 39.0806 63.4459 35.0016 68.6302 31.8839Z\"\r\n                                    fill=\"#C4C4C4\"></path>\r\n                                <defs>\r\n                                    <linearGradient id=\"paint0_linear_174_9166\" x1=\"87.9736\" y1=\"7.88186\" x2=\"7.52095\"\r\n                                        y2=\"100.482\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#E8F6F9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#CEFAF9\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint1_linear_174_9166\" x1=\"63.8012\" y1=\"37.3264\" x2=\"66.6714\"\r\n                                        y2=\"24.7281\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#C2E4E7\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#F3F8F8\" stop-opacity=\"0\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint2_linear_174_9166\" x1=\"52.8387\" y1=\"30.822\" x2=\"27.7411\"\r\n                                        y2=\"77.8896\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#E8F6F9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#CEFAF9\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint3_linear_174_9166\" x1=\"89.7622\" y1=\"51.5494\" x2=\"73.8328\"\r\n                                        y2=\"68.4825\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#A0E6E9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#D6F7F9\" stop-opacity=\"0\"></stop>\r\n                                    </linearGradient>\r\n                                </defs>\r\n                            </svg>\r\n                        </i>\r\n                        <span class=\"text\">Your personal or company information is kept private and secure within this\r\n                            chat?.</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </mat-drawer-content>\r\n\r\n\r\n\r\n    </mat-drawer>\r\n    <mat-drawer class=\"drawer\" style=\"width: 45%;\" #sourcesDrawer [position]=\"'end'\" [mode]=\"'over'\" [style.background]=\"'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\r\n    \">\r\n        <mat-drawer-content>\r\n            <div class=\"sourceDraweContainer\">\r\n\r\n                <div class=\"container-fluid\">\r\n                    <button mat-icon-button class=\"closeButtonSource\" (click)=\"onCloseSource()\">\r\n                        <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    <h1>{{currentSourcesList?.length}} Sources</h1>\r\n                    <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->\r\n                    <hr />\r\n                    <ul class=\"sources-list\">\r\n                        <li *ngFor=\"let item of currentSourcesList;let si=index\">\r\n                            <!-- <input type=\"checkbox\" id=\"source1\"> -->\r\n                            <div class=\"source-content\" (click)=\"openLinkInNewTab(item.link)\">\r\n                                <label for=\"source1\">\r\n                                    <span class=\"source-title\"><span class=\"ml-1\">{{si+1}}.</span>{{item.title}}</span>\r\n                                    <span class=\"image-container\">\r\n                                        <img class=\"relative block\" [src]=\"getFaviconUrl(item.link)\"\r\n                                            [alt]=\"getDomainName(item.link) + ' favicon'\"> <span>\r\n                                            {{getDomainName(item.link)}}</span>\r\n                                    </span>\r\n                                    <span class=\"source-description\">{{item.desc}}</span>\r\n                                </label>\r\n                            </div>\r\n                        </li>\r\n\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </mat-drawer-content>\r\n    </mat-drawer>\r\n</mat-drawer-container>",
+                    template: "<mat-drawer-container class=\"hivegpt-chat-wrapper\" [ngClass]=\"{'mat-drawer-container-has-open': isDrawerOpen}\"\r\n    [class.ios-device]=\"isIOSDevice\" [hasBackdrop]=\"hasBackdropValue\">\r\n\r\n    <mat-drawer class=\"drawer\" #drawer [position]=\"'start'\" [mode]=\"'over'\" opened=\"true\"\r\n        [class.full-width-drawer]=\"fullView\" [style.background]=\"\r\n    'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\r\n  \">\r\n        <mat-drawer-content>\r\n\r\n            <div class=\"chat-main\">\r\n                <!-- <div class=\"chat-header\">\r\n                    <h2> -->\r\n                <!-- {{eventName}} -->\r\n                <!-- </h2> -->\r\n                <!-- <button class=\"closeIcon\" (click)=\"onClose()\">\r\n                        <span class=\"material-symbols-outlined\">\r\n                            close\r\n                        </span>\r\n                    </button> -->\r\n                <!-- </div> -->\r\n\r\n                <div class=\"innerChat\" #chatMain>\r\n                    <div class=\"\">\r\n                        <div class=\"title\">\r\n                            <h2><span> {{botName}} <i><svg width=\"30\" height=\"30\" viewBox=\"0 0 106 105\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                                d=\"M52.8578 104.318C52.8645 104.32 52.8713 104.323 52.878 104.325V104.311C74.7711 96.9781 115.49 69.0948 103.537 16.0875C79.9227 8.17267 59.9557 2.08167 52.878 0.0118542V0C52.8713 0.0019722 52.8645 0.00394726 52.8578 0.00592613C52.851 0.00394726 52.8442 0.0019722 52.8375 0V0.0118542C45.7599 2.08167 25.7928 8.17267 2.17802 16.0875C-9.77459 69.0948 30.9444 96.9781 52.8375 104.311V104.325C52.8442 104.323 52.851 104.32 52.8578 104.318Z\"\r\n                                                fill=\"#E2F6FA\"></path>\r\n                                            <path\r\n                                                d=\"M52.8409 95.3002V9.02441C58.6643 10.7266 75.2028 15.7706 94.7694 22.3286C104.66 66.1922 70.9382 89.2528 52.8409 95.3002Z\"\r\n                                                fill=\"url(#paint0_linear_174_9166)\"></path>\r\n                                            <rect x=\"63.725\" y=\"21.0347\" width=\"2.275\" height=\"29.6903\" rx=\"1.1375\"\r\n                                                transform=\"rotate(-73.8316 63.725 21.0347)\"\r\n                                                fill=\"url(#paint1_linear_174_9166)\"></rect>\r\n                                            <path\r\n                                                d=\"M52.8745 95.3002V9.02441C47.0511 10.7266 30.5127 15.7706 10.9461 22.3286C1.0553 66.1922 34.7772 89.2528 52.8745 95.3002Z\"\r\n                                                fill=\"url(#paint2_linear_174_9166)\"></path>\r\n                                            <path\r\n                                                d=\"M67.1131 34.3431L43.2493 56.165C41.5673 57.7031 41.5085 60.3337 43.1202 61.9454L68.0846 86.9097C69.4975 88.3227 71.7364 88.4762 73.3289 87.2693L89.8566 74.7444C90.8029 74.0273 91.3817 72.9269 91.4364 71.7409L91.7769 64.3639C91.8163 63.5106 91.5814 62.667 91.1067 61.9568L73.138 35.0723C71.7767 33.0355 68.9209 32.6899 67.1131 34.3431Z\"\r\n                                                fill=\"url(#paint3_linear_174_9166)\"></path>\r\n                                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                                d=\"M68.6302 31.8839C69.0923 31.6059 69.6441 31.5177 70.1698 31.6379C70.6955 31.758 71.1542 32.0771 71.4497 32.5282L73.5143 35.6772C73.7834 36.0886 73.8986 36.5818 73.8394 37.0698C73.7803 37.5579 73.5506 38.0093 73.191 38.3445L73.1848 38.3528L73.1556 38.3799L73.0367 38.4905L72.5675 38.9388C69.9711 41.4572 67.4535 44.0555 65.0183 46.7299C60.4366 51.7683 54.9958 58.3624 51.3338 64.7604C50.3119 66.5456 47.8157 66.9293 46.335 65.3882L32.8111 51.3366C32.6173 51.1352 32.466 50.8968 32.3661 50.6357C32.2663 50.3746 32.2199 50.0961 32.2298 49.8168C32.2398 49.5374 32.3057 49.2629 32.4239 49.0095C32.542 48.7562 32.7098 48.5292 32.9175 48.342L37.0049 44.6549C37.3641 44.3311 37.8247 44.1422 38.3078 44.1205C38.7909 44.0988 39.2666 44.2457 39.6534 44.5361L46.554 49.71C57.3335 39.0806 63.4459 35.0016 68.6302 31.8839Z\"\r\n                                                fill=\"url(#paint4_linear_174_9166)\"></path>\r\n                                            <defs>\r\n                                                <linearGradient id=\"paint0_linear_174_9166\" x1=\"74.6954\" y1=\"9.02441\"\r\n                                                    x2=\"74.6954\" y2=\"95.3002\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#6EC6E3\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#5361C7\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint1_linear_174_9166\" x1=\"64.8625\" y1=\"21.0347\"\r\n                                                    x2=\"64.2597\" y2=\"43.0438\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"white\" stop-opacity=\"0.47\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint2_linear_174_9166\" x1=\"31.02\" y1=\"9.02441\"\r\n                                                    x2=\"31.02\" y2=\"95.3002\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#5F8ED4\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#4F54C3\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint3_linear_174_9166\" x1=\"54.7875\" y1=\"42.5752\"\r\n                                                    x2=\"75.425\" y2=\"71.3377\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#5975CC\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"#0043A6\" stop-opacity=\"0\"></stop>\r\n                                                </linearGradient>\r\n                                                <linearGradient id=\"paint4_linear_174_9166\" x1=\"40.8125\" y1=\"66.3502\"\r\n                                                    x2=\"73.8\" y2=\"66.3502\" gradientUnits=\"userSpaceOnUse\">\r\n                                                    <stop stop-color=\"#D0F0F7\"></stop>\r\n                                                    <stop offset=\"1\" stop-color=\"white\"></stop>\r\n                                                </linearGradient>\r\n                                            </defs>\r\n                                        </svg></i> </span></h2>\r\n                            <p>AI-powered <span>copilot</span></p>\r\n                        </div>\r\n                        <div class=\"chatType\" style=\"display:none\">\r\n                            <h4 class=\"labelChat\">Choose a conversation style</h4>\r\n                            <ul>\r\n                                <li (click)=\"changeTemperature(0)\">\r\n                                    <button [ngClass]=\"{active: temperature === 0}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Creative\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                                <li (click)=\"changeTemperature(1)\" class=\"fdssfd\">\r\n                                    <button [ngClass]=\"{active: temperature === 1}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Balanced\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                                <li (click)=\"changeTemperature(2)\">\r\n                                    <button [ngClass]=\"{active: temperature === 2}\">\r\n                                        <span class=\"top-section-title\">\r\n                                            More Precise\r\n                                        </span>\r\n                                    </button>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    <!-- chattype -->\r\n                    <div class=\"chat bot\" *ngFor=\"let chat of chatLog; let i = index\">\r\n\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"message\">\r\n                                <div class=\"researchingCard\">\r\n                                    <div *ngIf=\"(chat?.searchTerms && chat?.searchTerms.length>0) || (chat?.sourcesList && chat?.sourcesList.length >0)\"\r\n                                        class=\"card-header d-flex align-items-center\" (click)=\"toggleCollapse()\">\r\n                                        <span class=\"icon\"><i class=\"bx bx-plus-circle bx-sm\"></i></span>\r\n                                        <span class=\"ml-2\">Researching <i id=\"toggleIcon\" class=\"toggle-icon ml-2 fa\"\r\n                                                [ngClass]=\"{'fa-chevron-down': isCollapsed,'fa-chevron-up': !isCollapsed }\"></i></span>\r\n\r\n                                    </div>\r\n                                    <div *ngIf=\"chat?.searchTerms && chat?.searchTerms.length>0\"\r\n                                        [ngClass]=\"{'collapse': isCollapsed}\">\r\n                                        <ul class=\"list-group list-group-flush\">\r\n                                            <li *ngFor=\"let term of chat?.searchTerms\" class=\"list-group-item\">Searching\r\n                                                for\r\n                                                <strong>{{term}}</strong>\r\n                                            </li>\r\n                                        </ul>\r\n\r\n                                        <h5 class=\"mt-2\" *ngIf=\"chat?.sourcesList && chat?.sourcesList.length >0\"><i\r\n                                                class='bx bx-unite'></i> Sources</h5>\r\n                                        <div class=\"sources-container\"\r\n                                            *ngIf=\"chat?.sourcesList && chat?.sourcesList.length >0\">\r\n                                            <div class=\"source-card\"\r\n                                                *ngFor=\"let source of chat?.displayedSources; let i = index\">\r\n                                                <div>\r\n                                                    <div class=\"source-title\">{{source.title}}</div>\r\n                                                    <div class=\"source-url\">\r\n                                                        <img class=\"relative block\" [src]=\"getFaviconUrl(source.link)\"\r\n                                                            [alt]=\"getDomainName(source.link) + ' favicon'\">\r\n                                                        {{getDomainName(source.link)}}\r\n                                                    </div>\r\n                                                    <div class=\"popup\">\r\n                                                        <div class=\"source-url\" (click)=\"openLinkInNewTab(source.link)\">\r\n                                                            <img class=\"relative block\"\r\n                                                                [src]=\"getFaviconUrl(source.link)\"\r\n                                                                [alt]=\"getDomainName(source.link) + ' favicon'\">\r\n                                                            {{getDomainName(source.link)}}\r\n                                                        </div>\r\n                                                        <h5 (click)=\"openLinkInNewTab(source.link)\">{{source.title}}\r\n                                                        </h5>\r\n                                                        <p (click)=\"openLinkInNewTab(source.link)\">{{source.desc}}</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <ng-container\r\n                                                *ngIf=\"chat?.remainingSources && chat?.remainingSources.length > 0\">\r\n                                                <div class=\"source-card\" (click)=\"onCardClick(chat?.sourcesList)\">\r\n                                                    <div>\r\n                                                        <div class=\"source-title\"><img\r\n                                                                *ngFor=\"let source of chat?.remainingSources; let i = index\"\r\n                                                                class=\"relative block\"\r\n                                                                [src]=\"getFaviconUrl(source.link)\"\r\n                                                                [alt]=\"getDomainName(source.link) + ' favicon'\"></div>\r\n                                                        <div class=\"source-url\">\r\n\r\n                                                            View {{chat?.remainingSources.length}} more\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </ng-container>\r\n\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\" [ngStyle]=\"{\r\n                                                                    background:\r\n                                                                    chat?.type === 'ai' && bgBubbleAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && bgBubbleUser\r\n                                                                        ? ''\r\n                                                                        : ''\r\n                                                                }\">\r\n                                    <p *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\" [ngStyle]=\"{\r\n                                                                    background:\r\n                                                                        chat?.type === 'ai' && messageTextColorAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && messageTextColorUser\r\n                                                                        ? ''\r\n                                                                        : '',\r\n                                                                    color:\r\n                                                                        chat?.type === 'ai' && messageTextColorAi\r\n                                                                        ? ''\r\n                                                                        : chat?.type === 'user' && messageTextColorUser\r\n                                                                        ? ''\r\n                                                                        : ''\r\n                                                                    }\" [innerHTML]=\"chat?.message\">\r\n                                    </p>\r\n\r\n                                </div>\r\n                                <div class=\"exicution mt-2\"\r\n                                    *ngIf=\"chat?.type === 'ai' && (chat?.graphs && chat?.graphs.length >0) \">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-network-chart'></i> Graphs <i\r\n                                            (click)=\"toggleCollapseFGraph()\" class=\"toggle-icon ml-2 fa\"\r\n                                            [ngClass]=\"{'fas fa-chevron-down': isCollapsedForFGraph,'fas fa-chevron-up': !isCollapsedForFGraph }\"></i>\r\n                                    </h5>\r\n                                    <img *ngFor=\"let image of chat?.graphs\" class=\"graph-img\"\r\n                                        [ngClass]=\"{'collapse': isCollapsedForFGraph}\" [src]=\"image\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"exicution mt-2\"\r\n                                    *ngIf=\"chat?.type === 'ai' && (chat?.executionGraphs && chat?.executionGraphs?.length > 0) \">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-network-chart'></i> Execution Path\r\n                                        Diagram\r\n                                        For Data Visualization Workflow <i (click)=\"toggleCollapseGraph()\"\r\n                                            class=\"toggle-icon ml-2 fa\"\r\n                                            [ngClass]=\"{'fas fa-chevron-down': isCollapsedForGraph,'fas fa-chevron-up': !isCollapsedForGraph }\"></i>\r\n                                    </h5>\r\n                                    <img *ngFor=\"let image of chat?.executionGraphs\" class=\"graph-img\"\r\n                                        [ngClass]=\"{'collapse': isCollapsedForGraph}\" [src]=\"image\" alt=\"\">\r\n                                </div>\r\n                                <div class=\"Related mt-2\"\r\n                                    *ngIf=\"showFeedBackIconsIndex === i && (chat?.relatedListItems && chat?.relatedListItems.length > 0)\">\r\n                                    <h5 *ngIf=\"chat?.type === 'ai'\"><i class='bx bx-list-check'></i> Related</h5>\r\n                                    <div class=\"card-container\" *ngIf=\"chat?.type === 'ai'\">\r\n                                        <ul class=\"list-container\">\r\n                                            <ng-container *ngFor=\"let item of chat?.relatedListItems\">\r\n                                                <li (click)=\"fetchDataFor(item,chat)\">{{ item }}</li>\r\n                                            </ng-container>\r\n\r\n                                        </ul>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"cta\" *ngIf=\"showFeedBackIconsIndex === i\">\r\n                                <div class=\"copyBox\" title=\"Copy\" style=\"float: right;\">\r\n                                    <button title=\"{{ chat?.copied ? 'Copied!' : 'Copy' }}\" class=\"copy\"\r\n                                        [class.active]=\"chat?.copied\" (click)=\"handleCopyClick(i)\">\r\n                                        <i *ngIf=\"chat?.copied\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\r\n                                                    fill=\"#566563\" />\r\n                                            </svg>\r\n\r\n                                        </i>\r\n                                        <i *ngIf=\"!chat?.copied\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z\"\r\n                                                    fill=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n                                    <button class=\"up copy\" title=\"Like\" [class.active]=\"chat?.liked\"\r\n                                        (click)=\"handleUpClick(i)\">\r\n                                        <i *ngIf=\"chat?.liked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                                <path\r\n                                                    d=\"M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                        <i *ngIf=\"!chat?.liked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                                <path\r\n                                                    d=\"M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n                                    <button class=\"down copy\" title=\"Dislike\" [class.active]=\"chat?.unliked\"\r\n                                        (click)=\"handleDownClick(i)\">\r\n                                        <i *ngIf=\"chat?.unliked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z\"\r\n                                                    fill=\"#17235B\" />\r\n\r\n                                                <path\r\n                                                    d=\"M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z\"\r\n                                                    fill=\"#17235B\" />\r\n                                            </svg>\r\n                                        </i>\r\n\r\n                                        <i *ngIf=\"!chat?.unliked\">\r\n                                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                <path\r\n                                                    d=\"M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                                <path\r\n                                                    d=\"M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z\"\r\n                                                    fill=\"#566563\" stroke=\"#566563\" />\r\n                                            </svg>\r\n                                        </i>\r\n                                    </button>\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n                            <div class=\"time-cta\"\r\n                                [ngClass]=\"{'time-cta din': showFeedBackIconsIndex===i, 'time-cta': showFeedBackIconsIndex!=i}\">\r\n                                <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'ai'\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Assistant\" }} - {{ chat?.time }}\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'user'\">\r\n                                    <img src=\"https://e1cdn.social27.com/digitalevents/chatbot/user-chatbot-icon.svg\">\r\n                                    <div class=\"dateTime\">\r\n                                        You - {{ chat?.time }}\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"cta-faqs quick-prompts-extended\" *ngIf=\"i == 0 && quickPrompts?.length\">\r\n                            <!-- <div *ngFor=\"let tile of quickPrompts\" class=\"cta\"\r\n                                (click)=\"sendMessageWithTile(tile.prompt)\">\r\n                                Q: {{ tile.text }}\r\n                            </div> -->\r\n                            <div class=\"cta_suggestions\">\r\n                                <button *ngFor=\"let tile of quickPrompts\" (click)=\"sendMessageWithTile(tile.prompt)\">\r\n                                    <ng-container *ngIf=\"tile\">{{tile.text}}</ng-container>\r\n                                </button>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div class=\"chat bot\" *ngIf=\"i == 0 &&  botSkills\">\r\n                            <div class=\"chat-box\">\r\n                                <div class=\"message\">\r\n                                    <p [innerHTML]=\"processMessageForDisplay(botSkills)\"> </p> &nbsp;\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"chat?.suggestions?.length\">\r\n                            <h4 class=\"labelChat\">Here are some things EventsGPT Copilot can help you do:</h4>\r\n                            <div class=\"cta_suggestions\">\r\n                                <button *ngFor=\"let suggestion of chat?.suggestions\"\r\n                                    (click)=\"sendMessageWithTile(suggestion)\">\r\n                                    <ng-container *ngIf=\"suggestion\">{{suggestion}}</ng-container>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            *ngIf=\"chat?.action?.section_id == 'company_search' || chat?.action?.section_id == 'user_search' || chat?.action?.section_id == 'industry_company_search'\">\r\n                            <div class=\"box\">\r\n                                <div class=\"tiktokwrapper\">\r\n                                    <div class=\"tiktokshell\" *ngFor=\"let user of chat?.action.users\">\r\n                                        <div class=\"videoPhotobox\">\r\n                                            <ng-conatiner *ngIf=\"user?.photoPath && !user.userVideosModel\">\r\n                                                <img [src]=\"user?.photoPath\">\r\n                                            </ng-conatiner>\r\n                                            <ng-conatiner *ngIf=\"user.userVideosModel\">\r\n                                                <app-video-player *ngIf=\"user?.userVideosModel\" [isDev]=\"isDev\"\r\n                                                    [currentUserId]=\"userId\" [videoObj]=\"user?.userVideosModel\"\r\n                                                    [user]=\"user\" [eventId]=\"eventId\" type=\"1\">\r\n                                                </app-video-player>\r\n                                            </ng-conatiner>\r\n\r\n                                        </div>\r\n\r\n                                        <div class=\"noPhoto\" *ngIf=\"!user?.photoPath && !user.userVideosModel\">\r\n                                            <h3>{{user.firstName | slice:0:1}}{{user.lastName | slice:0:1}}</h3>\r\n                                        </div>\r\n                                        <div class=\"overlymask\" *ngIf=\"!user.userVideosModel\">\r\n                                        </div>\r\n                                        <div class=\"onshell-content\">\r\n                                            <div class=\"title-shell\">\r\n                                                <h3>{{user.firstName}} {{user.lastName}}</h3>\r\n                                                <h3 class=\"companyName\">{{user.company}}</h3>\r\n                                            </div>\r\n                                            <div class=\"button-shell\">\r\n                                                <button class=\"Connectbtn\"\r\n                                                    (click)=\"connectToUser(user.userId)\">{{canConnect(user.userId) ?\r\n                                                    'Connect' : canDisconnect(user.userId) ? 'Disconnect' : 'Request\r\n                                                    Sent'}}</button>\r\n                                                <button class=\"schedulebtn\"\r\n                                                    (click)=\"scheduleMeetingWithUser(user)\">Schedule</button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"chat?.action?.section_id == myUpcomingSessionAction\">\r\n                            <div class=\"agenda-items-wrapper\" class=\"agenda-items-wrapper\">\r\n                                <div class=\"list-view\">\r\n                                    <div class=\"session-detail-wrapper card-background-session\"\r\n                                        *ngFor=\"let upcomingSession of chat?.action.content\">\r\n                                        <div class=\"thumbnail \"><img alt=\"Introduction to the Imaging Radar Academy\"\r\n                                                src=\"https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png\"\r\n                                                class=\"\">\r\n                                            <!---->\r\n                                            <!---->\r\n                                            <!----><button class=\"play-btn color-primary \"\r\n                                                title=\"Play Session: Introduction to the Imaging Radar Academy\"><span\r\n                                                    class=\"material-icons notranslate \"> play_circle_outline\r\n                                                </span>\r\n                                                <!---->\r\n                                            </button>\r\n                                            <!---->\r\n                                            <!---->\r\n                                        </div>\r\n                                        <!---->\r\n                                        <!---->\r\n                                        <div class=\"content p-3\">\r\n                                            <div class=\"d-flex justify-content-between align-items-center\">\r\n                                                <div class=\"d-flex flex-column\">\r\n                                                    <p class=\"fs-xs mb-0 body-text-color \">\r\n                                                        {{upcomingSession.dateTimeRange.start | date:'MM-dd-yyyy\r\n                                                        HH:mm':'UTC'}} - {{upcomingSession.dateTimeRange.end |\r\n                                                        date:'MM-dd-yyyy HH:mm':'UTC'}} {{upcomingSession.timeZone.id}}\r\n                                                    </p>\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!-- <p class=\"fs-xs mb-2 color-secondary\" title=\"Session Type: Generative AI\">Generative AI </p> -->\r\n                                                    <!---->\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center actions px-2\">\r\n                                                    <!---->\r\n                                                    <button\r\n                                                        (click)=\"performSessionAction(upcomingSession.id, 'view-session')\"\r\n                                                        class=\"s27-btn-icon body-text-color\"\r\n                                                        title=\"View Session Information: Introduction to the Imaging Radar Academy\"><span\r\n                                                            class=\"material-icons notranslate\"> remove_red_eye\r\n                                                        </span>\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        (click)=\"performSessionAction(upcomingSession.id, 'add-to-agenda')\"\r\n                                                        class=\"s27-btn-icon body-text-color \"><span\r\n                                                            class=\"material-icons notranslate\"\r\n                                                            title=\"Add Session: Introduction to the Imaging Radar Academy to My agendaa\">\r\n                                                            event_available </span>\r\n                                                    </button>\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!---->\r\n                                                    <!---->\r\n\r\n                                                    <button (click)=\"performSessionAction(upcomingSession.id, 'play')\"\r\n                                                        class=\"s27-btn-icon body-text-color \"\r\n                                                        title=\"Copy session link to share\"><span\r\n                                                            class=\"material-icons notranslate\"> play_circle_outline\r\n                                                        </span>\r\n                                                    </button>\r\n                                                    <!---->\r\n                                                </div>\r\n                                            </div>\r\n                                            <h2 class=\"body-text-color\">{{upcomingSession.title}}</h2>\r\n                                            <div class=\"session-description color-secondary\"\r\n                                                [innerHTML]=\"sanitizeHtml(upcomingSession.description)\">\r\n                                            </div>\r\n                                            <ul class=\"speakers grid-2-cols\"\r\n                                                *ngFor=\"let speakerId of upcomingSession.speakers\">\r\n                                                <li class=\"\">\r\n                                                    <div class=\"image \" title=\"Blair Wunderlich\"><img\r\n                                                            alt=\"Blair Wunderlich\"\r\n                                                            [src]=\"speakers[speakerId]?.photoPath\" class=\"\">\r\n                                                        <!---->\r\n                                                        <!---->\r\n                                                        <!---->\r\n                                                    </div>\r\n                                                    <!---->\r\n                                                    <div class=\"content pl-3 \" style=\"text-transform: none;\">\r\n                                                        <div class=\"mb-0 body-text-color fs-xs fw-500\">\r\n                                                            {{speakers[speakerId]?.firstName}}\r\n                                                            {{speakers[speakerId]?.lastName}}</div>\r\n                                                        <div class=\"color-secondary fs-xxs\">\r\n                                                            {{speakers[speakerId]?.jobTitle}}</div>\r\n                                                        <div class=\"color-secondary fs-xxs\">\r\n                                                            {{speakers[speakerId]?.company}}</div>\r\n                                                    </div>\r\n                                                    <!---->\r\n                                                </li>\r\n                                            </ul>\r\n                                            <!---->\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"chat bot\" *ngIf=\"isChatingWithAi\">\r\n\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"o-media__body\">\r\n                                <div class=\"o-vertical-spacing\">\r\n                                    <h3 class=\"blog-post__headline\">\r\n                                        <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n                                    </h3>\r\n                                    <p>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"time-cta\">\r\n                                <div class=\"Icon_TimeSTamp\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Assistant\" }} - {{ chat?.time ? chat?.time : (dateTime.now |\r\n                                        date:'shortTime') }}\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"chat bot\" *ngIf=\"loading\">\r\n                        <div class=\"chat-box\">\r\n                            <div class=\"o-media__body\">\r\n                                <div class=\"o-vertical-spacing\">\r\n                                    <h3 class=\"blog-post__headline\">\r\n                                        <span class=\"skeleton-box\" style=\"width:55%;\"></span>\r\n                                    </h3>\r\n                                    <p>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:90%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:83%;\"></span>\r\n                                        <span class=\"skeleton-box\" style=\"width:80%;\"></span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"time-cta\">\r\n                                <div class=\"Icon_TimeSTamp\">\r\n                                    <img [src]=\"botIcon\" [alt]=\"botName || 'Assistant'\">\r\n                                    <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\r\n                                        {{ \"Loading..\" }}\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!-- <div #chatMain></div> -->\r\n            <div class=\"chatFooterWrapper\">\r\n                <div class=\"chat-footer\">\r\n                    <div class=\"dropdown-wrapper\" (click)=\"toggleDropdown()\">\r\n                        <div class=\"dropdown-header\">\r\n                            <span>{{ getDropdownHeaderText() }}</span>\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"\r\n                                stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M19 9l-7 7-7-7\" />\r\n                            </svg>\r\n                        </div>\r\n                        <div class=\"dropdown-menu\" *ngIf=\"isDropdownOpen\">\r\n                            <label (click)=\"onSelectAll()\">\r\n                                <input type=\"checkbox\" [checked]=\"areAllSelected()\" />\r\n                                All\r\n                            </label>\r\n                            <label *ngFor=\"let agent of agents\" (click)=\"onAgentChange(agent)\">\r\n                                <input type=\"checkbox\" [(ngModel)]=\"agent.selected\" />\r\n                                {{ agent.agentName }}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"border-shape\">\r\n                        <!-- <input [disabled]=\"isChatingWithAi\" type=\"text\" class=\"form-control-1 s27-scroll\"\r\n                            \r\n                            placeholder=\"Ask anything...\" [style.background]=\"formFieldBgColor ? formFieldBgColor : ''\"\r\n                            [style.color]=\"formFieldTextColor ? formFieldTextColor : ''\" [(ngModel)]=\"input\"\r\n                            (keyup.enter)=\"handleSubmit()\" #myInput /> -->\r\n                        <textarea [disabled]=\"isChatingWithAi\" class=\"form-control-1 s27-scroll chat-textarea\"\r\n                            placeholder=\"Ask anything...\" [(ngModel)]=\"input\" (keyup.enter)=\"handleSubmit()\"\r\n                            (input)=\"adjustTextareaHeight($event)\" #myInput></textarea>\r\n\r\n\r\n                    </div>\r\n                    <div class=\"cta-footer\">\r\n                        <button class=\"btn cta-chat\" (click)=\"handleSubmit()\"\r\n                            [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\r\n                            [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\">\r\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\"\r\n                                height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z\">\r\n                                </path>\r\n                            </svg>\r\n                            <!-- SEND -->\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"text-left note-section\">\r\n                    <div class=\"note\">\r\n                        <i>\r\n                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 106 105\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M52.8578 104.318C52.8645 104.32 52.8713 104.323 52.878 104.325V104.311C74.7711 96.9781 115.49 69.0948 103.537 16.0875C79.9227 8.17267 59.9557 2.08167 52.878 0.0118542V0C52.8713 0.0019722 52.8645 0.00394726 52.8578 0.00592613C52.851 0.00394726 52.8442 0.0019722 52.8375 0V0.0118542C45.7599 2.08167 25.7928 8.17267 2.17802 16.0875C-9.77459 69.0948 30.9444 96.9781 52.8375 104.311V104.325C52.8442 104.323 52.851 104.32 52.8578 104.318Z\"\r\n                                    fill=\"#E2F6FA\"></path>\r\n                                <path\r\n                                    d=\"M52.8409 95.3002V9.02441C58.6643 10.7266 75.2028 15.7706 94.7694 22.3286C104.66 66.1922 70.9382 89.2528 52.8409 95.3002Z\"\r\n                                    fill=\"url(#paint0_linear_174_9166)\"></path>\r\n                                <rect x=\"63.725\" y=\"21.0347\" width=\"2.275\" height=\"29.6903\" rx=\"1.1375\"\r\n                                    transform=\"rotate(-73.8316 63.725 21.0347)\" fill=\"url(#paint1_linear_174_9166)\">\r\n                                </rect>\r\n                                <path\r\n                                    d=\"M52.8745 95.3002V9.02441C47.0511 10.7266 30.5127 15.7706 10.9461 22.3286C1.0553 66.1922 34.7772 89.2528 52.8745 95.3002Z\"\r\n                                    fill=\"url(#paint2_linear_174_9166)\"></path>\r\n                                <path\r\n                                    d=\"M67.1131 34.3431L43.2493 56.165C41.5673 57.7031 41.5085 60.3337 43.1202 61.9454L68.0846 86.9097C69.4975 88.3227 71.7364 88.4762 73.3289 87.2693L89.8566 74.7444C90.8029 74.0273 91.3817 72.9269 91.4364 71.7409L91.7769 64.3639C91.8163 63.5106 91.5814 62.667 91.1067 61.9568L73.138 35.0723C71.7767 33.0355 68.9209 32.6899 67.1131 34.3431Z\"\r\n                                    fill=\"url(#paint3_linear_174_9166)\"></path>\r\n                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                                    d=\"M68.6302 31.8839C69.0923 31.6059 69.6441 31.5177 70.1698 31.6379C70.6955 31.758 71.1542 32.0771 71.4497 32.5282L73.5143 35.6772C73.7834 36.0886 73.8986 36.5818 73.8394 37.0698C73.7803 37.5579 73.5506 38.0093 73.191 38.3445L73.1848 38.3528L73.1556 38.3799L73.0367 38.4905L72.5675 38.9388C69.9711 41.4572 67.4535 44.0555 65.0183 46.7299C60.4366 51.7683 54.9958 58.3624 51.3338 64.7604C50.3119 66.5456 47.8157 66.9293 46.335 65.3882L32.8111 51.3366C32.6173 51.1352 32.466 50.8968 32.3661 50.6357C32.2663 50.3746 32.2199 50.0961 32.2298 49.8168C32.2398 49.5374 32.3057 49.2629 32.4239 49.0095C32.542 48.7562 32.7098 48.5292 32.9175 48.342L37.0049 44.6549C37.3641 44.3311 37.8247 44.1422 38.3078 44.1205C38.7909 44.0988 39.2666 44.2457 39.6534 44.5361L46.554 49.71C57.3335 39.0806 63.4459 35.0016 68.6302 31.8839Z\"\r\n                                    fill=\"#C4C4C4\"></path>\r\n                                <defs>\r\n                                    <linearGradient id=\"paint0_linear_174_9166\" x1=\"87.9736\" y1=\"7.88186\" x2=\"7.52095\"\r\n                                        y2=\"100.482\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#E8F6F9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#CEFAF9\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint1_linear_174_9166\" x1=\"63.8012\" y1=\"37.3264\" x2=\"66.6714\"\r\n                                        y2=\"24.7281\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#C2E4E7\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#F3F8F8\" stop-opacity=\"0\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint2_linear_174_9166\" x1=\"52.8387\" y1=\"30.822\" x2=\"27.7411\"\r\n                                        y2=\"77.8896\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#E8F6F9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#CEFAF9\"></stop>\r\n                                    </linearGradient>\r\n                                    <linearGradient id=\"paint3_linear_174_9166\" x1=\"89.7622\" y1=\"51.5494\" x2=\"73.8328\"\r\n                                        y2=\"68.4825\" gradientUnits=\"userSpaceOnUse\">\r\n                                        <stop stop-color=\"#A0E6E9\"></stop>\r\n                                        <stop offset=\"1\" stop-color=\"#D6F7F9\" stop-opacity=\"0\"></stop>\r\n                                    </linearGradient>\r\n                                </defs>\r\n                            </svg>\r\n                        </i>\r\n                        <span class=\"text\">Your personal or company information is kept private and secure within this\r\n                            chat.</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </mat-drawer-content>\r\n\r\n\r\n\r\n    </mat-drawer>\r\n    <mat-drawer class=\"drawer\" style=\"width: 45%;\" #sourcesDrawer [position]=\"'end'\" [mode]=\"'over'\" [style.background]=\"'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\r\n    \">\r\n        <mat-drawer-content>\r\n            <div class=\"sourceDraweContainer\">\r\n\r\n                <div class=\"container-fluid\">\r\n                    <button mat-icon-button class=\"closeButtonSource\" (click)=\"onCloseSource()\">\r\n                        <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    <h1>{{currentSourcesList?.length}} Sources</h1>\r\n                    <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->\r\n                    <hr />\r\n                    <ul class=\"sources-list\">\r\n                        <li *ngFor=\"let item of currentSourcesList;let si=index\">\r\n                            <!-- <input type=\"checkbox\" id=\"source1\"> -->\r\n                            <div class=\"source-content\" (click)=\"openLinkInNewTab(item.link)\">\r\n                                <label for=\"source1\">\r\n                                    <span class=\"source-title\"><span class=\"ml-1\">{{si+1}}.</span>{{item.title}}</span>\r\n                                    <span class=\"image-container\">\r\n                                        <img class=\"relative block\" [src]=\"getFaviconUrl(item.link)\"\r\n                                            [alt]=\"getDomainName(item.link) + ' favicon'\"> <span>\r\n                                            {{getDomainName(item.link)}}</span>\r\n                                    </span>\r\n                                    <span class=\"source-description\">{{item.desc}}</span>\r\n                                </label>\r\n                            </div>\r\n                        </li>\r\n\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </mat-drawer-content>\r\n    </mat-drawer>\r\n</mat-drawer-container>",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: ["@import url(\"https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css\");::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#e5ccbc}body{overflow:hidden}.ios-device .drawer .chat-footer .form-control{font-size:16px}.hivegpt-chat-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-wrapper mat-drawer{background-color:#fff!important;background-image:none!important;max-width:800px;width:100%}.hivegpt-chat-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-wrapper .chat-header h2{font-family:Segoe UI,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.72px;line-height:108%;margin:0;text-transform:uppercase}.hivegpt-chat-wrapper .chat-header .closeIcon{align-items:center;background:transparent;border:none;border-radius:50%;display:inline-flex;font-size:18px;height:35px;justify-content:center;outline:none;padding:0;position:absolute;right:12px;top:16px;width:35px}.hivegpt-chat-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-wrapper .chat-main .innerChat{overflow-y:auto;padding:20px 40px 10px;width:100%}.hivegpt-chat-wrapper .chat-main .chat-box{max-width:80%;width:100%}.hivegpt-chat-wrapper .chat-main .chat-box .message{background:hsla(0,0%,93.3%,.7);border-radius:25px 7px 25px 0;margin-bottom:10px;margin-top:20px;min-height:60px;padding:18px 20px;position:relative}.hivegpt-chat-wrapper .chat-main .chat-box .message p{color:#111;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:160%;margin:0;text-align:left;white-space:pre-line}.hivegpt-chat-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:inline-flex;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-wrapper .chat-main .chat.bot .chat-box .message{border-radius:6px 6px 10px 0}.hivegpt-chat-wrapper .chat-main .chat.user{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box{margin-left:auto}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#8b4ead -10.61%,#761c79 84.59%);border-radius:20px 20px 0 20px;color:#fff}.hivegpt-chat-wrapper .chat-main .chat.user .chat-box .message p{color:#fff;text-align:left}.hivegpt-chat-wrapper .chat-main .chat.user .dateTime{text-align:right}.hivegpt-chat-wrapper .chat-main .chat.user .time-cta{justify-content:flex-end}.hivegpt-chat-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:center}.hivegpt-chat-wrapper .chat-main .chat .dateTime{color:#566563;font-family:Segoe UI,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:140%;margin:0 5px}.hivegpt-chat-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-wrapper .chatFooterWrapper{background:#fff;border-radius:6px 6px 0 0!important;box-shadow:2px 0 20px #ddd;margin-top:5px!important;padding:10px 14px}.hivegpt-chat-wrapper .chatFooterWrapper .note{align-items:center;border-radius:6px;color:#1b75bb;display:inline-flex;font-size:11px;gap:8px;line-height:1;margin:0 auto 4px;padding:4px 8px}.hivegpt-chat-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 0 0;position:relative}.hivegpt-chat-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-wrapper .chat-footer .cta-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;position:absolute;right:15px;text-align:right}.hivegpt-chat-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{align-items:center;background:transparent!important;border:none;border-radius:0;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);display:inline-flex;font-size:20px;height:auto;justify-content:center;width:auto}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-wrapper .cta-faqs{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;margin-left:auto;max-width:80%;padding:10px 0 0}.hivegpt-chat-wrapper .cta-faqs .cta{background:transparent;border:1px solid #c9a893;border-radius:20px 20px 0 20px;color:#333;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:160%;margin:0;min-height:44px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .3s;white-space:pre-line}.spinner{align-items:center;display:flex;gap:2px;justify-content:center}.spinner>div{animation:bouncedelay 1.4s ease-in-out infinite;animation-fill-mode:both;background-color:#173330;border-radius:100%;display:inline-block;height:5px;width:5px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.time-cta{align-items:center;display:flex;gap:8px;justify-content:start;margin-top:5px}@keyframes thumbsUpAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes thumbsDownAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:767px){.hivegpt-chat-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-wrapper .chat-header h2{font-size:20px}.cta-faqs{padding:10px 0 0}}.body-overflow-hidden{overflow:hidden}.chat-button{align-items:center;background:#17235b;border:#17235b;border-radius:50%;color:#fff;display:inline-flex;font-size:24px;height:50px;justify-content:center;width:50px}textarea{caret-color:#000}.labelChat{font-size:14px;font-weight:400;margin:0 0 10px}.chatType h4{color:#566563;text-align:center}.chatType ul{align-items:center;background:#fff;border-radius:10px;box-shadow:0 .3px .9px rgba(0,0,0,.12),0 1.6px 3.6px rgba(0,0,0,.16);display:flex;justify-content:center;list-style:none;margin:0 0 20px;padding:4px}.chatType ul li{flex:1}.chatType ul li button{align-items:center;background:#fff;border:none;border-radius:10px;font-weight:600;min-height:48px;padding:.375rem;text-align:center;text-shadow:1px 0 rgba(0,0,0,.2);width:100%}.chatType ul li button.active{background:linear-gradient(96deg,#761c79 -10.61%,#761c79 84.59%);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff}.cta_suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:20px}.cta_suggestions button{background:#fff;border:1px solid #174ae4;border-radius:10px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.13),0 .3px .9px 0 rgba(0,0,0,.1);color:#1543cd;font-size:14px;font-weight:600;line-height:1.2;padding:8px 12px;position:relative;text-align:left;transition:all .3s}.cta_suggestions button:hover{background:#eff3ff}.balanced .chat-footer .cta-footer .cta-chat,.balanced .chat-main .chat.user .chat-box .message,.balanced .chatType ul li button.active{color:#000}.balanced .chat-main .innerChat .title p span{color:#06f}.balanced mat-drawer{background-image:linear-gradient(180deg,rgba(88,190,251,.05) 60%,rgba(0,102,255,.2) 96.27%)}.balanced .cta_suggestions button:hover{border:1px solid #06f}.precise .chat-footer .cta-footer .cta-chat,.precise .chat-main .chat.user .chat-box .message{background:linear-gradient(96deg,#69ca6d -10.61%,#4caf50 84.59%)}.precise .chatType ul li button.active{background:linear-gradient(96deg,#4caf50 -10.61%,#4caf50 84.59%);color:#fff}.precise .chat-main .innerChat .title p span{color:#4caf50}.precise mat-drawer{background-image:linear-gradient(180deg,rgba(76,175,80,.05) 60%,rgba(76,175,80,.3) 96.27%)}.precise .cta_suggestions button:hover{border:1px solid #4caf50}.title{margin-bottom:50px}.title h2{font-size:28px;margin:0 0 10px}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#06f;font-size:30px;line-height:1}.title h2 i svg{height:30px;width:30px}.title p{font-weight:600;margin:0}.title p span{color:#06f}.agenda-items-wrapper{padding-bottom:15px;padding-top:15px}@media (max-width:576px){.list-view .session-detail-wrapper{border:none;flex-direction:column}}.card-background-session{background:#fff;border-radius:8px}.card-background-session .body-text-color{color:#111!important}.card-background-session h2{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:20px;margin-bottom:8px;overflow:hidden}.card-background-session .session-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111!important;display:-webkit-box;font-size:14px;overflow:hidden}.card-background-session .color-secondary{color:#111!important}.card-background-session p{font-size:14px}.list-view .session-detail-wrapper .s27-btn-icon{background:transparent;border:transparent}.list-view .session-detail-wrapper{border-left:3px solid transparent;display:flex;margin-bottom:16px}.thumbnail{align-items:center;display:flex;height:160px;justify-content:center;min-width:160px;position:relative;width:160px}.thumbnail img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (max-width:576px){.thumbnail{height:160px;min-height:unset;width:100%}}.thumbnail .play-btn{align-items:center;background-color:transparent;border:0;bottom:0;display:flex;font-size:60px;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.thumbnail .play-btn span{font-size:80px;text-shadow:0 0 14px rgba(74,74,74,.45)}.content{flex-grow:1}.actions{background-color:transparent!important}.speakers{margin-bottom:0;margin-top:10px;padding:0}.speakers li{align-items:unset;display:flex}.speakers li .content{font-size:12px!important}.speakers .image{border-radius:100%;height:40px;min-width:40px;overflow:hidden;width:40px}.speakers img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.grid-2-cols{display:grid;grid-gap:15px;grid-template-columns:calc(55% - 10px) calc(50% - 10px);padding-right:20px}@media (max-width:768px){.grid-2-cols{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}@media (max-width:575px){.grid-3-cols{grid-template-columns:100%}}.quick-prompts-extended{align-items:flex-start!important;margin-left:0!important}.border-shape .s27-scroll::-webkit-scrollbar{border-radius:30px;width:3px}.border-shape .s27-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.border-shape .s27-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:30px}.box{display:table;height:275px;margin:10px 0;width:100%}.tiktokwrapper{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.tiktokwrapper .tiktokshell{background:#3d2b8f;border:2px solid #fff;border-radius:5px;box-shadow:0 0 6px #494949;height:100%;min-height:275px;min-width:160px;position:relative;width:100%}.tiktokwrapper .overlymask{background-image:url(https://e1cdn.social27.com/digitalevents/HiveGpt/screen-overlay.png);background-position:0 0;bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:6}.tiktokwrapper .videoPhotobox{bottom:0;height:272px;left:0;overflow:hidden;position:absolute;width:auto;z-index:6}.tiktokwrapper .videoPhotobox video{-o-object-fit:cover;border-radius:0;cursor:pointer;height:270px;object-fit:cover;outline:0;transition:.3s ease-in-out;width:100%}.tiktokwrapper .videoPhotobox img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.tiktokwrapper .playBtn{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;width:40px;z-index:10}.tiktokwrapper .playBtn:hover{transform:scale(1.2)}.tiktokwrapper .noPhoto{align-items:center;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:105px;transition:all 1s;z-index:6}.tiktokwrapper .noPhoto h3{color:#fff;font-size:46px}.tiktokwrapper .onshell-content{bottom:10px;left:5px;position:absolute;z-index:10}.tiktokwrapper .onshell-content .title-shell{margin:0 10px}.tiktokwrapper .onshell-content h3{color:#fff;font-size:13px;font-weight:500}.tiktokwrapper .onshell-content .companyName{color:#eaeaea;font-size:12px;font-weight:400}.tiktokwrapper .onshell-content .button-shell button{background:#4e4e4e;border:none;border-radius:2px;color:#fff;font-size:11px;margin:0 1px;padding:4px 7px;text-transform:capitalize}.tiktokwrapper .onshell-content .Connectbtn{background:linear-gradient(149deg,#06f,#06f)!important}.skeleton-box{background-color:#dddbdd;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 5s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.blog-post__headline{font-size:1.25em;font-weight:700}.blog-post__meta{color:#6b6b6b;font-size:.85em}.o-media{display:flex}.o-media__body{flex-grow:1;margin-left:1em}.o-vertical-spacing>*+*{margin-top:.75em}.o-vertical-spacing--l>*+*{margin-top:2em}.copy{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.copy.active{transform:scale(1.1)}.copy svg{fill:#566563;height:18px;width:18px}.copyBox{background:hsla(0,0%,100%,.7019607843);border-radius:13px;box-shadow:0 .3px .9px rgba(0,0,0,.1215686275),0 1.6px 3.6px rgba(0,0,0,.1607843137);color:#566563;display:flex;gap:12px;padding:5px 10px;position:relative;width:105px}.copyBox button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.copyBox button i{display:inline-block}.copyBox button:hover{color:#17235b}.copyBox button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.copyBox button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.din{display:inline-flex}.chatFooterWrapper{align-items:center;background-color:#f5f5f5;border-top:1px solid #ccc;flex-direction:column;justify-content:center;padding:10px}.chat-footer{align-items:center;background:#fff;border-radius:5px;display:flex;margin-bottom:10px;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#ebebeb;border-radius:4px;color:#414141!important;cursor:pointer;display:flex;font-size:1rem;margin-bottom:0;padding:.5rem 1.5rem;white-space:nowrap}.dropdown-header span{margin-right:8px}.dropdown-menu{background-color:#fff;border:1px solid #ededed;border-radius:5px;bottom:100%!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;left:0;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:auto;width:230px;z-index:1000}.dropdown-menu label{cursor:pointer;display:block;font-size:16px;padding:5px 15px}.dropdown-menu label input{height:16px;width:16px}.dropdown-menu label:hover{background-color:#f0f0f0}.border-shape{flex-grow:1}.form-control-1{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.cta-footer{align-items:center;display:flex}.btn.cta-chat{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.btn.cta-chat svg{vertical-align:middle}.text-left .note-section{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;margin-top:10px;max-width:800px;padding:10px;width:100%}.text-left .note{align-items:center;color:#555;display:flex}.text-left .note i{margin-right:8px}.text-left .note .text{font-size:14px}.card-container{display:flex;gap:15px}.custom-card{background:#fffefe;border:1px solid #ddd;border-radius:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;overflow:hidden;width:18rem}.custom-card .card-body{padding:10px}.custom-card .card-title{font-size:1.25rem;font-weight:700}.custom-card .card-text{font-size:1rem;text-align:left}.custom-card .btn-primary{background-color:#007bff;border:none;border-radius:.25rem}.custom-card .card-footer{background-color:#f8f9fa;color:#6c757d;padding:10px;text-align:center}.list-container{list-style:none;padding:0}.list-container li{border-bottom:1px solid #ccc;font-size:12px;margin-bottom:5px;padding:5px}.list-container li:hover{color:#06f;cursor:pointer}.collapsible-container{margin-bottom:5px;overflow:hidden;width:100%}.collapsible-header{cursor:pointer;display:flex;padding:15px}.collapsible-header .header-icon{font-size:20px;margin-right:10px}.collapsible-header .header-title{flex:1;font-size:18px}.collapsible-header .toggle-icon{font-size:18px;margin-left:18px}.collapsible-content{background-color:#f8f9fa;color:#333;padding:15px;width:100%}.collapsible-content.show{display:block}.researchingCard{margin:20px auto}.card-header{-moz-user-select:none;-webkit-user-select:none;background:none;border-bottom:0;cursor:pointer;padding:0;user-select:none}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.list-group-item{font-size:14px}.sources-container{align-items:flex-start;display:flex;gap:15px}.source-card{background-color:#f0f3f5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px;position:relative;transition:box-shadow .3s ease;width:100%}.popup{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);left:50%;opacity:0;padding:10px;position:absolute;top:100%;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;white-space:normal;width:100%;z-index:10}.popup h5{font-size:14px;font-weight:600;line-height:1.2;margin:5px 0 10px}.popup p{font-size:12px;line-height:1.4;margin:0}.popup h5:hover{color:#007bff;cursor:pointer}.popup .source-url{color:#000;text-decoration:none}.popup .source-url:hover{color:#007bff;cursor:pointer;text-decoration:underline}.source-card:hover .popup{opacity:1;transform:translateX(-50%) translateY(-15px);visibility:visible}.source-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.source-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:14px;font-weight:500;height:55px;line-height:1.5;overflow:hidden;text-align:left;text-overflow:ellipsis}.source-title img{margin-left:10px;width:20px}.source-url{align-items:center;color:#6c757d;display:flex;font-size:12px;text-align:left}.source-url img{border-radius:50%;height:16px;margin-right:5px;width:16px}.sourceDraweContainer .container{background-color:#fff;padding:20px}.sourceDraweContainer .sources-list{list-style:none;padding:0}.sourceDraweContainer .sources-list li{align-items:flex-start;display:flex;margin-bottom:15px}.sourceDraweContainer .sources-list input[type=checkbox]{flex-shrink:0;margin-right:15px;margin-top:8px}.sourceDraweContainer .source-content{background-color:#f5f2f2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1;padding:12px}.sourceDraweContainer .source-content:hover{background:#ccc}.sourceDraweContainer .source-title{display:block;font-size:1rem;font-weight:500;height:auto!important;margin-bottom:4px}.sourceDraweContainer .source-description{display:block;font-size:.875rem}.sourceDraweContainer .image-container{align-items:center;display:flex;margin:10px 0}.sourceDraweContainer .image-container img{-o-object-fit:cover;border:1px solid #ddd;border-radius:50%;height:16px;margin-right:5px;object-fit:cover;width:16px}.sourceDraweContainer .image-container span{color:#555;font-size:13px}.closeButtonSource{background:none!important;border-color:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;float:right;margin-top:20px;transition:color .2s ease-in-out}.closeButtonSource.closeplaygroundbutton{display:none!important}.graph-img{width:70%}.chat-textarea{background-color:#f4f4f4;border:1px solid #ccc;border-radius:4px;border-radius:14px;box-sizing:border-box;font-size:14px;height:62px;line-height:1.5;max-height:250x;min-height:40px;overflow-y:hidden;padding:10px;resize:none;width:100%}.chat-textarea:focus{border-color:#66afe9;box-shadow:0 0 5px rgba(102,175,233,.6);outline:none}"]
                 },] }