@hivegpt/hiveai-angular 0.0.480 → 0.0.482

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

@@ -1587,11 +1587,15 @@
     /** Static Daily.co room URL (used instead of dynamic room_created from backend). */
     var STATIC_DAILY_ROOM_URL = 'https://cloud-4a46e9dfbc8c499daddd480d9c294b88.daily.co/voice-None-1772776583';
     /**
-     * Voice agent orchestrator. Connects directly to a hardcoded Daily.co room — no API or WebSocket.
+     * Voice agent orchestrator. Coordinates WebSocket (signaling) and Daily.js (WebRTC audio).
      *
-     * - When the modal opens, connect() is called and joins STATIC_DAILY_ROOM_URL immediately.
-     * - Daily.js (DailyVoiceClientService) handles all WebRTC audio, mic, and speaking detection.
-     * - Maintains callState, statusText, duration, isMicMuted, isUserSpeaking, audioLevels.
+     * CRITICAL: This service must NEVER use Socket.IO or ngx-socket-io. Voice flow uses only:
+     * - Native WebSocket (WebSocketVoiceClientService) for signaling (transcripts)
+     * - Daily.js (DailyVoiceClientService) for WebRTC audio via STATIC_DAILY_ROOM_URL.
+     *
+     * - Maintains callState, statusText, duration, isMicMuted, isUserSpeaking, audioLevels
+     * - Uses WebSocket for transcripts only (no audio)
+     * - Uses Daily.js for all audio, mic, and real-time speaking detection
      */
     var VoiceAgentService = /** @class */ (function () {
         function VoiceAgentService(audioAnalyzer, wsClient, dailyClient) {
@@ -1622,10 +1626,6 @@
             // Waveform visualization only - do NOT use for speaking state
             this.subscriptions.add(this.audioAnalyzer.audioLevels$.subscribe(function (levels) { return _this.audioLevelsSubject.next(levels); }));
         }
-        /** Current call state (for checking if connection was already started). */
-        VoiceAgentService.prototype.getCallState = function () {
-            return this.callStateSubject.value;
-        };
         VoiceAgentService.prototype.ngOnDestroy = function () {
             this.destroy$.next();
             this.subscriptions.unsubscribe();
@@ -1644,92 +1644,135 @@
             this.statusTextSubject.next('');
             this.durationSubject.next('0:00');
         };
-        /** Connect directly to the hardcoded Daily room. No API or WebSocket — as soon as modal opens. */
-        VoiceAgentService.prototype.connect = function () {
+        VoiceAgentService.prototype.connect = function (apiUrl, token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority) {
             return __awaiter(this, void 0, void 0, function () {
-                var err_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var _a, wsOk, error_1;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (this.callStateSubject.value !== 'idle') {
                                 console.warn('Call already in progress');
                                 return [2 /*return*/];
                             }
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, , 5]);
                             this.callStateSubject.next('connecting');
                             this.statusTextSubject.next('Connecting...');
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, 3, , 5]);
-                            return [4 /*yield*/, this.onRoomCreated(STATIC_DAILY_ROOM_URL)];
+                            return [4 /*yield*/, Promise.all([
+                                    this.connectWebSocketSignaling(token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority),
+                                    this.dailyClient.connect(STATIC_DAILY_ROOM_URL),
+                                ])];
                         case 2:
-                            _a.sent();
+                            _a = __read.apply(void 0, [_b.sent(), 1]), wsOk = _a[0];
+                            if (!wsOk) {
+                                throw new Error('No ws_url in response');
+                            }
+                            this.setupDailySubscriptions();
                             return [3 /*break*/, 5];
                         case 3:
-                            err_1 = _a.sent();
-                            console.error('Daily join failed:', err_1);
+                            error_1 = _b.sent();
+                            console.error('Error connecting voice agent:', error_1);
                             this.callStateSubject.next('ended');
-                            this.statusTextSubject.next('Connection failed');
                             return [4 /*yield*/, this.disconnect()];
                         case 4:
-                            _a.sent();
-                            throw err_1;
+                            _b.sent();
+                            this.statusTextSubject.next('Connection failed');
+                            throw error_1;
                         case 5: return [2 /*return*/];
                     }
                 });
             });
         };
-        VoiceAgentService.prototype.onRoomCreated = function (roomUrl) {
+        /** POST for ws_url, wire transcript streams, connect WebSocket. Returns true if ws_url was found. */
+        VoiceAgentService.prototype.connectWebSocketSignaling = function (token, botId, conversationId, apiKey, eventToken, eventUrl, domainAuthority) {
             return __awaiter(this, void 0, void 0, function () {
+                var postUrl, headers, res, json, wsUrl;
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: 
-                        // Connect Daily.js for WebRTC audio
-                        return [4 /*yield*/, this.dailyClient.connect(roomUrl)];
+                        case 0:
+                            postUrl = "https://0a19-2405-201-5c02-991e-2487-d56-2543-bda8.ngrok-free.app/ai/ask-voice";
+                            headers = {
+                                'Content-Type': 'application/json',
+                                Authorization: "Bearer " + token,
+                                'domain-authority': domainAuthority,
+                                eventtoken: eventToken,
+                                eventurl: eventUrl,
+                                'hive-bot-id': botId,
+                                'x-api-key': apiKey,
+                                'ngrok-skip-browser-warning': 'true',
+                            };
+                            return [4 /*yield*/, fetch(postUrl, {
+                                    method: 'POST',
+                                    headers: headers,
+                                    body: JSON.stringify({
+                                        bot_id: botId,
+                                        conversation_id: conversationId,
+                                        voice: 'alloy',
+                                    }),
+                                })];
                         case 1:
-                            // Connect Daily.js for WebRTC audio
-                            _a.sent();
-                            // Waveform: use local mic stream from Daily client
-                            this.dailyClient.localStream$
-                                .pipe(operators.filter(function (s) { return s != null; }), operators.take(1))
-                                .subscribe(function (stream) {
-                                _this.audioAnalyzer.start(stream);
-                            });
-                            this.subscriptions.add(this.dailyClient.userSpeaking$.subscribe(function (s) { return _this.isUserSpeakingSubject.next(s); }));
-                            this.subscriptions.add(rxjs.combineLatest([
-                                this.dailyClient.speaking$,
-                                this.dailyClient.userSpeaking$,
-                            ]).subscribe(function (_a) {
-                                var _b = __read(_a, 2), bot = _b[0], user = _b[1];
-                                var current = _this.callStateSubject.value;
-                                if (current === 'connecting' && !bot) {
-                                    return;
-                                }
-                                if (current === 'connecting' && bot) {
-                                    console.log("[VoiceDebug] First bot audio arrived \u2014 transitioning to talking \u2014 " + new Date().toISOString());
-                                    _this.callStartTime = Date.now();
-                                    _this.startDurationTimer();
-                                    _this.callStateSubject.next('talking');
-                                    return;
-                                }
-                                if (user) {
-                                    _this.callStateSubject.next('listening');
-                                }
-                                else if (bot) {
-                                    _this.callStateSubject.next('talking');
-                                }
-                                else if (current === 'talking' || current === 'listening') {
-                                    _this.callStateSubject.next('connected');
-                                }
-                            }));
-                            this.subscriptions.add(this.dailyClient.micMuted$.subscribe(function (muted) { return _this.isMicMutedSubject.next(muted); }));
-                            console.log("[VoiceDebug] Room joined, staying in connecting until bot speaks \u2014 " + new Date().toISOString());
-                            this.statusTextSubject.next('Connecting...');
-                            return [2 /*return*/];
+                            res = _a.sent();
+                            if (!res.ok) {
+                                throw new Error("HTTP " + res.status);
+                            }
+                            return [4 /*yield*/, res.json()];
+                        case 2:
+                            json = _a.sent();
+                            wsUrl = json === null || json === void 0 ? void 0 : json.rn_ws_url;
+                            if (!wsUrl || typeof wsUrl !== 'string') {
+                                return [2 /*return*/, false];
+                            }
+                            this.subscriptions.add(this.wsClient.userTranscript$
+                                .pipe(operators.takeUntil(this.destroy$))
+                                .subscribe(function (t) { return _this.userTranscriptSubject.next(t); }));
+                            this.subscriptions.add(this.wsClient.botTranscript$
+                                .pipe(operators.takeUntil(this.destroy$))
+                                .subscribe(function (t) { return _this.botTranscriptSubject.next(t); }));
+                            this.wsClient.connect(wsUrl);
+                            return [2 /*return*/, true];
                     }
                 });
             });
         };
+        /** Wire Daily client to UI state (waveform, speaking, mic muted). Call after Daily is connected. */
+        VoiceAgentService.prototype.setupDailySubscriptions = function () {
+            var _this = this;
+            this.dailyClient.localStream$
+                .pipe(operators.filter(function (s) { return s != null; }), operators.take(1))
+                .subscribe(function (stream) {
+                _this.audioAnalyzer.start(stream);
+            });
+            this.subscriptions.add(this.dailyClient.userSpeaking$.subscribe(function (s) { return _this.isUserSpeakingSubject.next(s); }));
+            this.subscriptions.add(rxjs.combineLatest([
+                this.dailyClient.speaking$,
+                this.dailyClient.userSpeaking$,
+            ]).subscribe(function (_a) {
+                var _b = __read(_a, 2), bot = _b[0], user = _b[1];
+                var current = _this.callStateSubject.value;
+                if (current === 'connecting' && !bot) {
+                    return;
+                }
+                if (current === 'connecting' && bot) {
+                    _this.callStartTime = Date.now();
+                    _this.startDurationTimer();
+                    _this.callStateSubject.next('talking');
+                    return;
+                }
+                if (user) {
+                    _this.callStateSubject.next('listening');
+                }
+                else if (bot) {
+                    _this.callStateSubject.next('talking');
+                }
+                else if (current === 'talking' || current === 'listening') {
+                    _this.callStateSubject.next('connected');
+                }
+            }));
+            this.subscriptions.add(this.dailyClient.micMuted$.subscribe(function (muted) { return _this.isMicMutedSubject.next(muted); }));
+            this.statusTextSubject.next('Connecting...');
+        };
         VoiceAgentService.prototype.disconnect = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -1863,13 +1906,9 @@
             this.subscriptions.push(this.voiceAgentService.audioLevels$.subscribe(function (levels) {
                 _this.audioLevels = levels;
             }));
-            // If connection was already started from the drawer (openVoiceModal), don't reset or start again.
-            var state = this.voiceAgentService.getCallState();
-            var alreadyStarted = state !== 'idle' && state !== 'ended';
-            if (!alreadyStarted) {
-                this.voiceAgentService.resetToIdle();
-                void this.startCall();
-            }
+            // Modal opens in idle state, then immediately starts connecting.
+            this.voiceAgentService.resetToIdle();
+            void this.startCall();
         };
         VoiceAgentModalComponent.prototype.ngOnDestroy = function () {
             this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
@@ -1887,7 +1926,7 @@
                             _g.label = 1;
                         case 1:
                             _g.trys.push([1, 3, 4, 5]);
-                            return [4 /*yield*/, this.voiceAgentService.connect()];
+                            return [4 /*yield*/, this.voiceAgentService.connect(this.apiUrl, this.token, this.botId, this.conversationId, this.apiKey, this.eventToken, this.eventUrl, this.domainAuthority)];
                         case 2:
                             _g.sent();
                             return [3 /*break*/, 5];
@@ -2301,6 +2340,67 @@
                 return dateTimeRange;
             }
         };
+        /**
+         * Get date badge (day + month) for session card from dateTimeRange.
+         */
+        ChatDrawerComponent.prototype.getSessionDateBadge = function (dateTimeRange, displayTimeZone) {
+            var localeOpts = displayTimeZone ? { timeZone: displayTimeZone } : {};
+            if (!dateTimeRange)
+                return { day: '', month: '' };
+            try {
+                var startDt = null;
+                if (typeof dateTimeRange === 'object' && (dateTimeRange === null || dateTimeRange === void 0 ? void 0 : dateTimeRange.start)) {
+                    startDt = new Date(dateTimeRange.start);
+                }
+                else if (typeof dateTimeRange === 'string') {
+                    var startMatch = dateTimeRange.match(/Start:\s*(\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}:\d{2})/);
+                    if (startMatch)
+                        startDt = new Date(startMatch[1].replace(' ', 'T') + 'Z');
+                }
+                if (!startDt || isNaN(startDt.getTime()))
+                    return { day: '', month: '' };
+                var day = startDt.toLocaleDateString('en-US', Object.assign({ day: 'numeric' }, localeOpts));
+                var month = startDt.toLocaleDateString('en-US', Object.assign({ month: 'short' }, localeOpts));
+                return { day: day, month: month };
+            }
+            catch (_a) {
+                return { day: '', month: '' };
+            }
+        };
+        /**
+         * Get time range only (e.g. "9:00 AM - 10:30 AM") for session card.
+         */
+        ChatDrawerComponent.prototype.formatSessionTimeRange = function (dateTimeRange, displayTimeZone) {
+            var localeOpts = displayTimeZone ? { timeZone: displayTimeZone } : {};
+            if (!dateTimeRange)
+                return '';
+            try {
+                var startDt = null;
+                var endDt = null;
+                if (typeof dateTimeRange === 'object' && (dateTimeRange === null || dateTimeRange === void 0 ? void 0 : dateTimeRange.start) && (dateTimeRange === null || dateTimeRange === void 0 ? void 0 : dateTimeRange.end)) {
+                    startDt = new Date(dateTimeRange.start);
+                    endDt = new Date(dateTimeRange.end);
+                }
+                else if (typeof dateTimeRange === 'string') {
+                    var startMatch = dateTimeRange.match(/Start:\s*(\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}:\d{2})/);
+                    var endMatch = dateTimeRange.match(/End:\s*(\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}:\d{2})/);
+                    if (startMatch)
+                        startDt = new Date(startMatch[1].replace(' ', 'T') + 'Z');
+                    if (endMatch)
+                        endDt = new Date(endMatch[1].replace(' ', 'T') + 'Z');
+                }
+                if (!startDt || isNaN(startDt.getTime()))
+                    return '';
+                var startTime = startDt.toLocaleTimeString('en-US', Object.assign({ hour: 'numeric', minute: '2-digit', hour12: true }, localeOpts));
+                var endTime = endDt && !isNaN(endDt.getTime())
+                    ? endDt.toLocaleTimeString('en-US', Object.assign({ hour: 'numeric', minute: '2-digit', hour12: true }, localeOpts))
+                    : '';
+                return endTime ? startTime + " - " + endTime : startTime;
+            }
+            catch (_a) {
+                return '';
+            }
+        };
         /**
          * Get timezone abbreviation (e.g. IST, SAST, SAWST, ESAST, EEDT) for display after the time.
          * Uses map aligned with parent app session-layouts; falls back to Intl when not in map.
@@ -2358,7 +2458,7 @@
                 return [];
             var userTimezone = this.timezone && String(this.timezone).trim() ? String(this.timezone).trim() : undefined;
             return sessions.map(function (s) {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 var whenRaw = (_a = s.dateTimeRange) !== null && _a !== void 0 ? _a : '';
                 var whenFormatted = _this.formatSessionWhen(whenRaw, userTimezone);
                 var statusText = _this.getStatusTextFromSessionRoles(s.sessionRoles);
@@ -2370,11 +2470,18 @@
                 var tzAbbr = displayTimeZone ? _this.getTimezoneAbbreviation(displayTimeZone) : '';
                 var whenWithTz = whenFormatted || (typeof whenRaw === 'object' ? '' : String(whenRaw));
                 var whenDisplay = tzAbbr ? (whenWithTz + " (" + tzAbbr + ")").trim() : whenWithTz;
+                var dateBadge = _this.getSessionDateBadge(whenRaw, displayTimeZone);
+                var timeRange = _this.formatSessionTimeRange(whenRaw, displayTimeZone);
+                var description = String((_e = (_d = s.description) !== null && _d !== void 0 ? _d : s.abstract) !== null && _e !== void 0 ? _e : '').trim();
                 return {
-                    title: String((_d = s.title) !== null && _d !== void 0 ? _d : '').trim(),
-                    organizer: String((_e = s.organizer) !== null && _e !== void 0 ? _e : '').trim(),
-                    room: String((_f = s.roomName) !== null && _f !== void 0 ? _f : '').trim(),
+                    title: String((_f = s.title) !== null && _f !== void 0 ? _f : '').trim(),
+                    organizer: String((_g = s.organizer) !== null && _g !== void 0 ? _g : '').trim(),
+                    room: String((_h = s.roomName) !== null && _h !== void 0 ? _h : '').trim(),
                     when: whenDisplay,
+                    timeRange: timeRange,
+                    dateDay: dateBadge.day,
+                    dateMonth: dateBadge.month,
+                    description: description,
                     timeZone: displayTimeZone,
                     statusText: statusText,
                     session: s,
@@ -4244,8 +4351,6 @@
             var conversationId = (_b = (_a = this.conversationKey) !== null && _a !== void 0 ? _a : this.conversationService.getKey(this.botId, false)) !== null && _b !== void 0 ? _b : '';
             this.voiceModalConversationId = conversationId;
             this.setupVoiceTranscripts();
-            // Start connecting to the voice room immediately (no wait for modal to open)
-            void this.voiceAgentService.connect();
             // Close existing overlay if any
             if (this.voiceModalOverlayRef) {
                 this.voiceModalOverlayRef.detach();
@@ -4507,9 +4612,9 @@
     ChatDrawerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'hivegpt-chat-drawer-package',
-                    template: "<button\n  *ngIf=\"isShowEditorButton && !checkForCop29BotId()\"\n  (click)=\"openOuterEditor()\"\n  class=\"fixed-btn\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    create\n  </span>\n  Editor\n</button>\n\n<button\n  *ngIf=\"!isShowEditorButton\"\n  (click)=\"onCloseEditor()\"\n  class=\"fixed-btn-close\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    close\n  </span>\n  {{ getTranslation(\"Close\") }}\n</button>\n\n<mat-drawer-container\n  class=\"hivegpt-chat-bot-wrapper\"\n  [ngClass]=\"{ 'mat-drawer-container-has-open': isDrawerOpen }\"\n  [class.ios-device]=\"isIOSDevice\"\n  [hasBackdrop]=\"hasBackdropValue\"\n>\n  <mat-drawer\n    class=\"drawer\"\n    #drawer\n    [position]=\"'start'\"\n    [mode]=\"'over'\"\n    opened=\"true\"\n    [class.full-width-drawer]=\"fullView\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"chat-main\">\n        <!-- <div class=\"chat-header\">\n                    <h2> -->\n        <!-- {{eventName}} -->\n        <!-- </h2> -->\n        <!-- <button class=\"closeIcon\" (click)=\"onClose()\">\n                        <span class=\"material-symbols-outlined\">\n                            close\n                        </span>\n                    </button> -->\n        <!-- </div> -->\n\n        <div class=\"innerChat\" #chatMain>\n          <div (click)=\"startNewConversation()\" class=\"new-conversationbutton\">\n            {{ getTranslation(\"New Chat\") }}\n            <span\n              ><svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"14.061\"\n                height=\"14.261\"\n                viewBox=\"0 0 14.061 14.261\"\n              >\n                <path\n                  id=\"Path_164\"\n                  data-name=\"Path 164\"\n                  d=\"M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631\"\n                  transform=\"translate(-2.25 -1.939)\"\n                  fill=\"none\"\n                  stroke=\"#06f\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"1.5\"\n                />\n              </svg>\n            </span>\n          </div>\n          <div class=\"bot-sticky-header-chat\">\n            <div class=\"title_chat\">\n              <h2>\n                <p>\n                  {{ getTranslation(botName) }}\n                  <!-- <svg\n                    *ngIf=\"!checkForCop29BotId()\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"31.499\"\n                    height=\"31.501\"\n                    viewBox=\"0 0 31.499 31.501\"\n                  >\n                    <path\n                      id=\"Icon_ion-shield-checkmark\"\n                      data-name=\"Icon ion-shield-checkmark\"\n                      d=\"M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z\"\n                      transform=\"translate(-2.25 -2.25)\"\n                      fill=\"#06f\"\n                    />\n                  </svg> -->\n                </p>\n                <span *ngIf=\"!checkForCop29BotId()\">\n                  <p class=\"small-title\">\n                    {{ getTranslation(\"AI-powered\")\n                    }}<span>{{ getTranslation(\"copilot\") }}</span>\n                  </p>\n                </span>\n              </h2>\n            </div>\n            <div class=\"chatType\" style=\"display: none\">\n              <h4 class=\"labelChat\">Choose a conversation style</h4>\n              <ul>\n                <li (click)=\"changeTemperature(0)\">\n                  <button [ngClass]=\"{ active: temperature === 0 }\">\n                    <span class=\"top-section-title\"> More Creative </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(1)\" class=\"fdssfd\">\n                  <button [ngClass]=\"{ active: temperature === 1 }\">\n                    <span class=\"top-section-title\"> More Balanced </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(2)\">\n                  <button [ngClass]=\"{ active: temperature === 2 }\">\n                    <span class=\"top-section-title\"> More Precise </span>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <!-- chattype -->\n          <div\n            id=\"botAllChat\"\n            class=\"chat\"\n            [ngClass]=\"{\n              botUser: chat?.type === 'user',\n              botAi: chat?.type !== 'user',\n            }\"\n            *ngFor=\"let chat of chatLog; let i = index\"\n          >\n            <div class=\"chat-box\" *ngIf=\"!(i === 0 && botSkills)\">\n              <div class=\"message\">\n                <div\n                  class=\"time-cta\"\n                  [ngClass]=\"{\n                    'time-cta din': showFeedBackIconsIndex === i,\n                    'time-cta': showFeedBackIconsIndex != i,\n                  }\"\n                >\n                  <div\n                    class=\"Icon_TimeSTamp\"\n                    *ngIf=\"chat?.type === 'ai' && !(i === 0 && botSkills)\"\n                  >\n                    <div class=\"chat-avatar\">\n                      <img\n                        *ngIf=\"displayAvatarUrl || botIcon\"\n                        [src]=\"displayAvatarUrl || botIcon\"\n                        alt=\"Assistant\"\n                        class=\"chat-avatar-img\"\n                      />\n                      <span\n                        *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                        class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                        >A</span\n                      >\n                    </div>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span style=\"color: #000 !important;\">{{ getTranslation(\"Assistant\") }}</span>\n                      {{ chat?.time }}\n                    </div>\n                  </div>\n\n                  <div\n                    class=\"Icon_TimeSTamp\"\n                    *ngIf=\"\n                      chat?.type === 'session_cards' ||\n                      chat?.type === 'attendee_cards'\n                    \"\n                  >\n                    <div class=\"chat-avatar\">\n                      <img\n                        *ngIf=\"displayAvatarUrl || botIcon\"\n                        [src]=\"displayAvatarUrl || botIcon\"\n                        alt=\"Assistant\"\n                        class=\"chat-avatar-img\"\n                      />\n                      <span\n                        *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                        class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                        >A</span\n                      >\n                    </div>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span>{{ getTranslation(\"Assistant\") }}</span>\n                      {{ chat?.time }}\n                    </div>\n                  </div>\n\n                  <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'user'\">\n                    <div class=\"user-Box\">\n                      <div class=\"dateTime\">\n                        <span>{{ getTranslation(\"You\") }}</span>\n                        {{ chat?.time }}\n                      </div>\n                      <div class=\"chat-avatar\">\n                        <img\n                          *ngIf=\"userAvatarUrl\"\n                          [src]=\"userAvatarUrl\"\n                          alt=\"You\"\n                          class=\"chat-avatar-img\"\n                        />\n                        <span\n                          *ngIf=\"!userAvatarUrl\"\n                          class=\"chat-avatar-initials chat-avatar-initials-user\"\n                          >{{ getUserIdInitials() }}</span\n                        >\n                      </div>\n                    </div>\n                    <div class=\"bards\">\n                      <div\n                        class=\"bars\"\n                        *ngIf=\"\n                          chat?.WorkflowExecutionId ||\n                          chat?.showWorkflowExecutionLoader\n                        \"\n                      >\n                        <button\n                          class=\"icon-button\"\n                          (click)=\"\n                            showWorkflowHistoryDetails(chat.WorkflowExecutionId)\n                          \"\n                        >\n                          <i class=\"fas fa-bars\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"researchingCard\"\n                  *ngIf=\"\n                    (chat?.searchTerms && chat?.searchTerms.length > 0) ||\n                    (chat?.sourcesList && chat?.sourcesList?.length > 0)\n                  \"\n                >\n                  <div\n                    class=\"card-header d-flex align-items-center\"\n                    (click)=\"toggleCollapse()\"\n                  >\n                    <span class=\"icon\"\n                      ><i class=\"bx bx-plus-circle bx-sm\"></i\n                    ></span>\n                    <span class=\"ml-2\"\n                      >Researching\n                      <i\n                        id=\"toggleIcon\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fa-chevron-down': isCollapsed,\n                          'fa-chevron-up': !isCollapsed,\n                        }\"\n                      ></i\n                    ></span>\n                  </div>\n                  <div\n                    *ngIf=\"chat?.searchTerms && chat?.searchTerms.length > 0\"\n                    [ngClass]=\"{ collapse: isCollapsed }\"\n                  >\n                    <ul class=\"list-group list-group-flush uptList\">\n                      <li\n                        *ngFor=\"let term of chat?.searchTerms\"\n                        class=\"list-group-item\"\n                      >\n                        Searching for\n                        <strong>{{ term }}</strong>\n                      </li>\n                    </ul>\n\n                    <h5\n                      class=\"mt-2\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <i class=\"bx bx-unite\"></i> Sources\n                    </h5>\n                    <div\n                      class=\"sources-container\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <div\n                        class=\"source-card\"\n                        *ngFor=\"\n                          let source of chat?.displayedSources;\n                          let i = index\n                        \"\n                      >\n                        <div>\n                          <div class=\"source-title\">{{ source.title }}</div>\n                          <div class=\"source-url\">\n                            <img\n                              class=\"relative block\"\n                              [src]=\"getFaviconUrl(source.link)\"\n                              [alt]=\"getDomainName(source.link) + ' favicon'\"\n                            />\n                            {{ getDomainName(source.link) }}\n                          </div>\n                          <div class=\"popup\">\n                            <div\n                              class=\"source-url\"\n                              (click)=\"openLinkInNewTab(source.link)\"\n                            >\n                              <img\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                              {{ getDomainName(source.link) }}\n                            </div>\n                            <h5 (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.title }}\n                            </h5>\n                            <p (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.desc }}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                      <ng-container\n                        *ngIf=\"\n                          chat?.remainingSources &&\n                          chat?.remainingSources.length > 0\n                        \"\n                      >\n                        <div\n                          class=\"source-card\"\n                          (click)=\"onCardClick(chat?.sourcesList)\"\n                        >\n                          <div>\n                            <div class=\"source-title\">\n                              <img\n                                *ngFor=\"\n                                  let source of chat?.remainingSources;\n                                  let i = index\n                                \"\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                            </div>\n                            <div class=\"source-url\">\n                              View {{ chat?.remainingSources.length }} more\n                            </div>\n                          </div>\n                        </div>\n                      </ng-container>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Session cards (from get_event_sessions tool, same as React Native) -->\n                <div\n                  class=\"session-cards-section\"\n                  *ngIf=\"\n                    chat?.type === 'session_cards' &&\n                    chat?.sessionCards?.length > 0\n                  \"\n                >\n                  <p\n                    *ngIf=\"chat?.message\"\n                    class=\"SearchTitle ai card-message-text\"\n                    [innerHTML]=\"chat?.message\"\n                    style=\"padding-left: 26px !important;\"\n                  ></p>\n                  <div class=\"session-cards-container\">\n                    <div\n                      *ngFor=\"\n                        let session of getVisibleSessionCards(chat);\n                        let idx = index\n                      \"\n                      class=\"session-card-item\"\n                    >\n                      <div class=\"session-card-title\">{{ session.title }}</div>\n                      <div class=\"session-card-divider\"></div>\n                      <div class=\"session-card-details\">\n                        <div class=\"session-card-row\" *ngIf=\"session.organizer\">\n                          <span class=\"session-card-label\">{{\n                            getTranslation(\"Organizer\") || \"Organizer\"\n                          }}</span>\n                          <span class=\"session-card-value\">{{\n                            session.organizer\n                          }}</span>\n                        </div>\n                        <div class=\"session-card-row\" *ngIf=\"session.room\">\n                          <span class=\"session-card-label\">{{\n                            getTranslation(\"Room\") || \"Room\"\n                          }}</span>\n                          <span class=\"session-card-value\">{{\n                            session.room\n                          }}</span>\n                        </div>\n                        <div class=\"session-card-row\" *ngIf=\"session.when\">\n                          <span class=\"session-card-label\">{{\n                            getTranslation(\"When\") || \"When\"\n                          }}</span>\n                          <span\n                            class=\"session-card-value session-card-when-value\"\n                            >{{ session.when }}</span\n                          >\n                        </div>\n                      </div>\n                      <div\n                        class=\"session-card-status\"\n                        *ngIf=\"session.statusText\"\n                      >\n                        <span class=\"session-card-status-bullet\"></span>\n                        {{ session.statusText }}\n                      </div>\n                      <div class=\"session-card-actions\" *ngIf=\"session.session\">\n                        <ng-container\n                          *ngIf=\"\n                            getSessionRoleButtons(session).length;\n                            else singleJoinBtn\n                          \"\n                        >\n                          <button\n                            *ngFor=\"let role of getSessionRoleButtons(session)\"\n                            type=\"button\"\n                            class=\"btn session-card-btn\"\n                            [class.session-card-btn-primary]=\"\n                              role.action === 'join'\n                            \"\n                            [class.session-card-btn-secondary]=\"\n                              role.action === 'watch'\n                            \"\n                            (click)=\"onSessionCardAction(session, role)\"\n                          >\n                            {{ role.label }}\n                          </button>\n                        </ng-container>\n                        <ng-template #singleJoinBtn>\n                          <button\n                            type=\"button\"\n                            class=\"btn session-card-btn session-card-btn-primary\"\n                            (click)=\"\n                              onSessionCardAction(session, {\n                                action: 'join',\n                                label: getTranslation('Join') || 'Join',\n                              })\n                            \"\n                          >\n                            {{ getTranslation(\"Join\") || \"Join\" }}\n                          </button>\n                        </ng-template>\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    *ngIf=\"\n                      (chat?.sessionCards?.length || 0) >\n                        SESSION_CARDS_INITIAL &&\n                      !expandedSessionCardIds[chat?._id]\n                    \"\n                    type=\"button\"\n                    class=\"show-more-cards-btn\"\n                    (click)=\"expandSessionCards(chat)\"\n                  >\n                    Show\n                    {{\n                      (chat?.sessionCards?.length || 0) - SESSION_CARDS_INITIAL\n                    }}\n                    more\n                    {{\n                      (chat?.sessionCards?.length || 0) -\n                        SESSION_CARDS_INITIAL ===\n                      1\n                        ? getTranslation(\"session\") || \"session\"\n                        : getTranslation(\"sessions\") || \"sessions\"\n                    }}\n                  </button>\n                </div>\n\n                <!-- Attendee cards (from get_event_attendees tool, same as React Native) -->\n                <div\n                  class=\"attendee-cards-section\"\n                  *ngIf=\"\n                    chat?.type === 'attendee_cards' &&\n                    chat?.attendeeCards?.length > 0\n                  \"\n                >\n                  <p\n                    *ngIf=\"chat?.message\"\n                    class=\"SearchTitle ai card-message-text\"\n                    [innerHTML]=\"chat?.message\"\n                    style=\"padding-left: 26px !important;\"\n                  ></p>\n                  <div class=\"attendee-cards-container\">\n                    <div\n                      *ngFor=\"\n                        let attendee of getVisibleAttendeeCards(chat);\n                        let idx = index\n                      \"\n                      class=\"attendee-card-item\"\n                    >\n                      <div class=\"attendee-card-photo\" *ngIf=\"attendee.photo\">\n                        <img [src]=\"attendee.photo\" [alt]=\"attendee.name\" />\n                      </div>\n                      <div\n                        class=\"attendee-card-placeholder\"\n                        *ngIf=\"!attendee.photo\"\n                      >\n                        {{ (attendee.name || \"?\").charAt(0).toUpperCase() }}\n                      </div>\n                      <div class=\"attendee-card-info\">\n                        <div class=\"attendee-card-name\">\n                          {{ attendee.name }}\n                        </div>\n                        <div\n                          class=\"attendee-card-meta\"\n                          *ngIf=\"attendee.jobTitle\"\n                        >\n                          {{ attendee.jobTitle }}\n                        </div>\n                        <div\n                          class=\"attendee-card-meta\"\n                          *ngIf=\"attendee.company\"\n                        >\n                          {{ attendee.company }}\n                        </div>\n                        <div\n                          class=\"attendee-card-interests\"\n                          *ngIf=\"attendee.interests\"\n                        >\n                          {{ attendee.interests }}\n                        </div>\n                      </div>\n                      <div class=\"attendee-card-actions\">\n                        <button\n                          type=\"button\"\n                          class=\"btn attendee-card-btn attendee-card-btn-profile\"\n                          [disabled]=\"!attendee.id\"\n                          [attr.title]=\"\n                            !attendee.id\n                              ? getTranslation('Profile not available') ||\n                                'Profile not available'\n                              : null\n                          \"\n                          (click)=\"\n                            attendee.id &&\n                              connectWithUser.emit({\n                                userId: attendee.id,\n                                viewProfile: true,\n                              })\n                          \"\n                        >\n                          {{ getTranslation(\"View profile\") || \"View profile\" }}\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    *ngIf=\"\n                      (chat?.attendeeCards?.length || 0) >\n                        ATTENDEE_CARDS_INITIAL &&\n                      !expandedAttendeeCardIds[chat?._id]\n                    \"\n                    type=\"button\"\n                    class=\"show-more-cards-btn\"\n                    (click)=\"expandAttendeeCards(chat)\"\n                  >\n                    Show\n                    {{\n                      (chat?.attendeeCards?.length || 0) -\n                        ATTENDEE_CARDS_INITIAL\n                    }}\n                    more\n                    {{\n                      (chat?.attendeeCards?.length || 0) -\n                        ATTENDEE_CARDS_INITIAL ===\n                      1\n                        ? getTranslation(\"attendee\") || \"attendee\"\n                        : getTranslation(\"attendees\") || \"attendees\"\n                    }}\n                  </button>\n                </div>\n\n                <div\n                  class=\"chat-bubble-wrap\"\n                  *ngIf=\"\n                    (chat?.type === 'ai' || chat?.type === 'user') &&\n                    !(i === 0 && botSkills)\n                  \"\n                  [ngStyle]=\"{\n                    background:\n                      chat?.type === 'ai'\n                        ? bgBubbleAi || '#fff'\n                        : chat?.type === 'user'\n                          ? bgBubbleUser || '#183988'\n                          : 'transparent',\n                    color:\n                      chat?.type === 'ai'\n                        ? '#000 !important'\n                        : '#fff !important',\n                  }\"\n                >\n                  <div id=\"messageText_{{ i }}\" class=\"chat-bubble-content\">\n                    <div\n                      *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\"\n                      [ngClass]=\"{\n                        'SearchTitle ai': chat?.type === 'ai',\n                        'SearchTitle user': chat?.type === 'user',\n                      }\"\n                      [ngStyle]=\"{\n                        background: 'transparent',\n                        color:\n                          chat?.type === 'ai' && messageTextColorAi\n                            ? messageTextColorAi\n                            : chat?.type === 'user'\n                              ? messageTextColorUser || '#fff'\n                              : 'defaultColor',\n                      }\"\n                      [innerHTML]=\"chat?.message\"\n                    ></div>\n                  </div>\n                </div>\n\n                <div\n                  class=\"progress-container\"\n                  *ngIf=\"chat?.showWorkflowExecutionLoader\"\n                >\n                  <div class=\"circular-loader\">\n                    <div\n                      class=\"loader-spinner\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                      [ngStyle]=\"{\n                        transform: 'rotate(' + percentage * 3.6 + 'deg)',\n                      }\"\n                    ></div>\n                    <div\n                      class=\"checkmark\"\n                      *ngIf=\"currentWorkflowActionProgress == 100\"\n                    >\n                      <svg viewBox=\"0 0 52 52\">\n                        <circle\n                          class=\"checkmark-circle\"\n                          cx=\"26\"\n                          cy=\"26\"\n                          r=\"25\"\n                          fill=\"none\"\n                        />\n                        <path\n                          class=\"checkmark-check\"\n                          fill=\"none\"\n                          d=\"M14 27l7 7 16-16\"\n                        />\n                      </svg>\n                    </div>\n\n                    <div\n                      class=\"loader-text\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                    >\n                      {{ currentWorkflowActionProgress }}%\n                    </div>\n                  </div>\n                  <div class=\"loader-label\">{{ currentWorkflowAction }}...</div>\n                </div>\n\n                <div\n                  class=\"exicution mt-2\"\n                  *ngIf=\"\n                    chat?.type === 'ai' &&\n                    chat?.graphs &&\n                    chat?.graphs.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-network-chart\"></i> Graphs\n                    <i\n                      (click)=\"toggleCollapseFGraph()\"\n                      class=\"toggle-icon ml-2 fa\"\n                      [ngClass]=\"{\n                        'fas fa-chevron-down': isCollapsedForFGraph,\n                        'fas fa-chevron-up': !isCollapsedForFGraph,\n                      }\"\n                    ></i>\n                  </h5>\n                  <img\n                    *ngFor=\"let image of chat?.graphs\"\n                    class=\"graph-img\"\n                    [ngClass]=\"{ collapse: isCollapsedForFGraph }\"\n                    [src]=\"image\"\n                    alt=\"\"\n                  />\n                </div>\n                <ng-container *ngIf=\"!checkForCop29BotId()\">\n                  <div\n                    class=\"exicution mt-2\"\n                    *ngIf=\"\n                      chat?.type === 'ai' &&\n                      chat?.executionGraphs &&\n                      chat?.executionGraphs?.length > 0\n                    \"\n                  >\n                    <h5 *ngIf=\"chat?.type === 'ai'\">\n                      <i class=\"bx bx-network-chart\"></i> Execution Path Diagram\n                      For Data Visualization Workflow\n                      <i\n                        (click)=\"toggleCollapseGraph()\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fas fa-chevron-down': isCollapsedForGraph,\n                          'fas fa-chevron-up': !isCollapsedForGraph,\n                        }\"\n                      ></i>\n                    </h5>\n                    <img\n                      *ngFor=\"let image of chat?.executionGraphs\"\n                      class=\"graph-img\"\n                      [ngClass]=\"{ collapse: isCollapsedForGraph }\"\n                      [src]=\"image\"\n                      alt=\"\"\n                    />\n                  </div>\n                </ng-container>\n                <div class=\"cta\" *ngIf=\"chat?.type === 'ai' && i > 0 && i === lastAiMessageIndex\">\n                  <div\n                    class=\"copyBox\"\n                    title=\"Copy\"\n                    [ngClass]=\"\n                      showFeedBackIconsIndex == i ? 'show-always' : 'show-hover'\n                    \"\n                  >\n                    <button\n                      title=\"{{ chat?.copied ? 'Copied!' : 'Copy' }}\"\n                      class=\"copy\"\n                      [class.active]=\"chat?.copied\"\n                      (click)=\"handleCopyClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      *ngIf=\"!checkForCop29BotId()\"\n                      class=\"up copy\"\n                      title=\"{{ chat?.isEditor ? 'Added!' : 'Add to editor' }}\"\n                      (click)=\"handleEditorClick(i)\"\n                    >\n                      <svg\n                        *ngIf=\"!chat?.isEditor\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"20.152\"\n                        height=\"20.152\"\n                        viewBox=\"0 0 20.152 20.152\"\n                      >\n                        <g\n                          id=\"Icon_feather-edit\"\n                          data-name=\"Icon feather-edit\"\n                          transform=\"translate(-2.5 -2.166)\"\n                        >\n                          <path\n                            id=\"Path_166\"\n                            data-name=\"Path 166\"\n                            d=\"M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5\"\n                            transform=\"translate(0 -1.179)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                          <path\n                            id=\"Path_167\"\n                            data-name=\"Path 167\"\n                            d=\"M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z\"\n                            transform=\"translate(-3.334 0)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                        </g>\n                      </svg>\n\n                      <i *ngIf=\"chat?.isEditor\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      class=\"up copy\"\n                      title=\"Like\"\n                      [class.active]=\"chat?.liked\"\n                      (click)=\"handleUpClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n                      <i *ngIf=\"!chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                    <button\n                      class=\"down copy\"\n                      title=\"Dislike\"\n                      [class.active]=\"chat?.unliked\"\n                      (click)=\"handleDownClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                  </div>\n                </div>\n                <div\n                  class=\"Related mt-2\"\n                  *ngIf=\"\n                    showFeedBackIconsIndex === i &&\n                    !isChatingWithAi &&\n                    chat?.relatedListItems &&\n                    chat?.relatedListItems.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-list-check\"></i> Related\n                  </h5>\n                  <div class=\"card-container\" *ngIf=\"chat?.type === 'ai'\">\n                    <ul class=\"list-container\">\n                      <ng-container *ngFor=\"let item of chat?.relatedListItems\">\n                        <li (click)=\"fetchDataFor(item, chat)\">{{ item }}</li>\n                      </ng-container>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              class=\"cta-faqs quick-prompts-extended\"\n              *ngIf=\"i == 0 && quickPrompts?.length\"\n            >\n              <!-- <div *ngFor=\"let tile of quickPrompts\" class=\"cta\"\n                                (click)=\"sendMessageWithTile(tile.prompt)\">\n                                Q: {{ tile.text }}\n                            </div> -->\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let tile of quickPrompts\"\n                  (click)=\"sendMessageWithTile(tile.prompt)\"\n                >\n                  <ng-container *ngIf=\"tile\">{{ tile.text }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div class=\"chat bot\" *ngIf=\"i == 0 && botSkills\">\n              <div class=\"chat-box\">\n                <div class=\"message\">\n                  <div class=\"time-cta\">\n                    <div class=\"Icon_TimeSTamp\">\n                      <div class=\"chat-avatar\">\n                        <img\n                          *ngIf=\"displayAvatarUrl || botIcon\"\n                          [src]=\"displayAvatarUrl || botIcon\"\n                          alt=\"Assistant\"\n                          class=\"chat-avatar-img\"\n                        />\n                        <span\n                          *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                          class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                          >A</span\n                        >\n                      </div>\n                      <div\n                        class=\"dateTime\"\n                        [style.color]=\"dateTimeColor ? '' : ''\"\n                      >\n                        <span>{{ getTranslation(\"Assistant\") }}</span>\n                        {{ chat?.time }}\n                      </div>\n                    </div>\n                  </div>\n                  <div\n                    class=\"chat-bubble-wrap\"\n                    [ngStyle]=\"{ background: bgBubbleAi || '#fff' }\"\n                  >\n                    <div class=\"chat-bubble-content\">\n                      <div\n                        class=\"SearchTitle ai\"\n                        [innerHTML]=\"processMessageForDisplay(botSkills)\"\n                      ></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.suggestions?.length\">\n              <h4 class=\"labelChat\">\n                Here are some things EventsGPT Copilot can help you do:\n              </h4>\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let suggestion of chat?.suggestions\"\n                  (click)=\"sendMessageWithTile(suggestion)\"\n                >\n                  <ng-container *ngIf=\"suggestion\">{{\n                    suggestion\n                  }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div\n              *ngIf=\"\n                chat?.action?.section_id == 'company_search' ||\n                chat?.action?.section_id == 'user_search' ||\n                chat?.action?.section_id == 'industry_company_search'\n              \"\n            >\n              <div class=\"box\">\n                <div class=\"tiktokwrapper\">\n                  <div\n                    class=\"tiktokshell\"\n                    *ngFor=\"let user of chat?.action.users\"\n                  >\n                    <div class=\"videoPhotobox\">\n                      <ng-conatiner\n                        *ngIf=\"user?.photoPath && !user.userVideosModel\"\n                      >\n                        <img [src]=\"user?.photoPath\" />\n                      </ng-conatiner>\n                      <ng-conatiner *ngIf=\"user.userVideosModel\">\n                        <app-video-player\n                          *ngIf=\"user?.userVideosModel\"\n                          [isDev]=\"isDev\"\n                          [currentUserId]=\"userId\"\n                          [videoObj]=\"user?.userVideosModel\"\n                          [user]=\"user\"\n                          [eventId]=\"eventId\"\n                          type=\"1\"\n                        >\n                        </app-video-player>\n                      </ng-conatiner>\n                    </div>\n\n                    <div\n                      class=\"noPhoto\"\n                      *ngIf=\"!user?.photoPath && !user.userVideosModel\"\n                    >\n                      <h3>\n                        {{ user.firstName | slice: 0 : 1\n                        }}{{ user.lastName | slice: 0 : 1 }}\n                      </h3>\n                    </div>\n                    <div class=\"overlymask\" *ngIf=\"!user.userVideosModel\"></div>\n                    <div class=\"onshell-content\">\n                      <div class=\"title-shell\">\n                        <h3>{{ user.firstName }} {{ user.lastName }}</h3>\n                        <h3 class=\"companyName\">{{ user.company }}</h3>\n                      </div>\n                      <div class=\"button-shell\">\n                        <button\n                          class=\"Connectbtn\"\n                          (click)=\"connectToUser(user.userId)\"\n                        >\n                          {{\n                            canConnect(user.userId)\n                              ? \"Connect\"\n                              : canDisconnect(user.userId)\n                                ? \"Disconnect\"\n                                : \"Request\n                          Sent\"\n                          }}\n                        </button>\n                        <button\n                          class=\"schedulebtn\"\n                          (click)=\"scheduleMeetingWithUser(user)\"\n                        >\n                          Schedule\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.action?.section_id == myUpcomingSessionAction\">\n              <div class=\"agenda-items-wrapper\" class=\"agenda-items-wrapper\">\n                <div class=\"list-view\">\n                  <div\n                    class=\"session-detail-wrapper card-background-session\"\n                    *ngFor=\"let upcomingSession of chat?.action.content\"\n                  >\n                    <div class=\"thumbnail\">\n                      <img\n                        alt=\"Introduction to the Imaging Radar Academy\"\n                        src=\"https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png\"\n                        class=\"\"\n                      />\n                      <!---->\n                      <!---->\n                      <!----><button\n                        class=\"play-btn color-primary\"\n                        title=\"Play Session: Introduction to the Imaging Radar Academy\"\n                      >\n                        <span class=\"material-icons notranslate\">\n                          play_circle_outline\n                        </span>\n                        <!---->\n                      </button>\n                      <!---->\n                      <!---->\n                    </div>\n                    <!---->\n                    <!---->\n                    <div class=\"content p-3\">\n                      <div\n                        class=\"d-flex justify-content-between align-items-center\"\n                      >\n                        <div class=\"d-flex flex-column\">\n                          <p class=\"fs-xs mb-0 body-text-color\">\n                            {{\n                              upcomingSession.dateTimeRange.start\n                                | date\n                                  : \"MM-dd-yyyy\n                            HH:mm\"\n                                  : \"UTC\"\n                            }}\n                            -\n                            {{\n                              upcomingSession.dateTimeRange.end\n                                | date: \"MM-dd-yyyy HH:mm\" : \"UTC\"\n                            }}\n                            {{ upcomingSession.timeZone.id }}\n                          </p>\n                          <!---->\n                          <!---->\n                          <!-- <p class=\"fs-xs mb-2 color-secondary\" title=\"Session Type: Generative AI\">Generative AI </p> -->\n                          <!---->\n                        </div>\n                        <div class=\"d-flex align-items-center actions px-2\">\n                          <!---->\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'view-session'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"View Session Information: Introduction to the Imaging Radar Academy\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              remove_red_eye\n                            </span>\n                          </button>\n\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'add-to-agenda'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                          >\n                            <span\n                              class=\"material-icons notranslate\"\n                              title=\"Add Session: Introduction to the Imaging Radar Academy to My agendaa\"\n                            >\n                              event_available\n                            </span>\n                          </button>\n                          <!---->\n                          <!---->\n                          <!---->\n                          <!---->\n\n                          <button\n                            (click)=\"\n                              performSessionAction(upcomingSession.id, 'play')\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"Copy session link to share\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              play_circle_outline\n                            </span>\n                          </button>\n                          <!---->\n                        </div>\n                      </div>\n                      <h2 class=\"body-text-color\">\n                        {{ upcomingSession.title }}\n                      </h2>\n                      <div\n                        class=\"session-description color-secondary\"\n                        [innerHTML]=\"sanitizeHtml(upcomingSession.description)\"\n                      ></div>\n                      <ul\n                        class=\"speakers grid-2-cols\"\n                        *ngFor=\"let speakerId of upcomingSession.speakers\"\n                      >\n                        <li class=\"\">\n                          <div class=\"image\" title=\"Blair Wunderlich\">\n                            <img\n                              alt=\"Blair Wunderlich\"\n                              [src]=\"speakers[speakerId]?.photoPath\"\n                              class=\"\"\n                            />\n                            <!---->\n                            <!---->\n                            <!---->\n                          </div>\n                          <!---->\n                          <div\n                            class=\"content pl-3\"\n                            style=\"text-transform: none\"\n                          >\n                            <div class=\"mb-0 body-text-color fs-xs fw-500\">\n                              {{ speakers[speakerId]?.firstName }}\n                              {{ speakers[speakerId]?.lastName }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.jobTitle }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.company }}\n                            </div>\n                          </div>\n                          <!---->\n                        </li>\n                      </ul>\n                      <!---->\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- Initial load: loading dots when fetching chat history (no \"Thinking\") -->\n        <div class=\"chat bot chat-thinking chat-loading-dots\" *ngIf=\"loading && !isChatingWithAi\">\n          <div class=\"chat-box\">\n            <div class=\"message\">\n              <div class=\"time-cta\">\n                <div class=\"Icon_TimeSTamp\">\n                  <div class=\"chat-avatar\">\n                    <img *ngIf=\"displayAvatarUrl || botIcon\" [src]=\"displayAvatarUrl || botIcon\" alt=\"Assistant\" class=\"chat-avatar-img\" />\n                    <span *ngIf=\"!(displayAvatarUrl || botIcon)\" class=\"chat-avatar-initials chat-avatar-initials-assistant\">A</span>\n                  </div>\n                  <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\n                    <span>{{ getTranslation(\"Assistant\") }}</span>\n                    {{ getLoadingTime() }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"thinking-row\">\n                <div class=\"thinking-dots\">\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                </div>\n                <span class=\"thinking-text\">{{ getTranslation(\"Loading\") || \"Loading\" }}...</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- Thinking: only when user has sent a message and AI is responding -->\n        <div class=\"chat bot chat-thinking\" *ngIf=\"isChatingWithAi && !executingWorkflow\">\n          <div class=\"chat-box\">\n            <div class=\"message\">\n              <div class=\"time-cta\">\n                <div class=\"Icon_TimeSTamp\">\n                  <div class=\"chat-avatar\">\n                    <img *ngIf=\"displayAvatarUrl || botIcon\" [src]=\"displayAvatarUrl || botIcon\" alt=\"Assistant\" class=\"chat-avatar-img\" />\n                    <span *ngIf=\"!(displayAvatarUrl || botIcon)\" class=\"chat-avatar-initials chat-avatar-initials-assistant\">A</span>\n                  </div>\n                  <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\n                    <span>{{ getTranslation(\"Assistant\") }}</span>\n                    {{ getLoadingTime() }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"thinking-row\">\n                <div class=\"thinking-dots\">\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                </div>\n                <span class=\"thinking-text\">{{ getTranslation(\"Thinking\") || \"Thinking\" }}...</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- <div #chatMain></div> -->\n      <div\n        *ngIf=\"openWorkflowInput && selectedWorkflow && !executingWorkflow\"\n        class=\"chatFooterWrapper\"\n      >\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\">\n            <div class=\"agents_note_wrapper\">\n              <div>\n                <h6>{{ selectedWorkflow?.Name }}</h6>\n                {{ selectedWorkflow?.Description }}\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <button\n                mat-icon-button\n                class=\"closeButtonSource\"\n                (click)=\"toggleWorkflows(false)\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields -->\n            <!-- Form for Workflow Inputs -->\n            <form\n              [formGroup]=\"workflowForm\"\n              (ngSubmit)=\"onWorkflowSubmit()\"\n              class=\"form-container\"\n            >\n              <div\n                *ngFor=\"let input of selectedWorkflow?.Trigger?.InputSchema\"\n                class=\"form-group\"\n              >\n                <label>{{ input.Label }}</label>\n\n                <!-- Handle Text Input or Text Area based on requirement -->\n                <textarea\n                  *ngIf=\"input.Type === 'string'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  [placeholder]=\"input.Placeholder\"\n                  [rows]=\"2\"\n                  [required]=\"input.Required\"\n                  class=\"form-control\"\n                ></textarea>\n\n                <!-- Dropdown for Select Options -->\n                <select\n                  *ngIf=\"input.Type === 'select'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  class=\"form-control\"\n                >\n                  <option\n                    *ngFor=\"let option of input.Options\"\n                    [value]=\"option.Value\"\n                  >\n                    {{ option.Label }}\n                  </option>\n                </select>\n              </div>\n\n              <!-- Submit button aligned to the right -->\n              <div class=\"form-group\">\n                <button type=\"submit\" class=\"btn btn-primary submit-button\">\n                  Submit\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n      <div *ngIf=\"!openWorkflowInput\" class=\"chatFooterWrapper\">\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\" *ngIf=\"!checkForCop29BotId()\">\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleDropdown()\">\n                  <div class=\"dropdown-header\">\n                    <span>{{ getDropdownHeaderText() }}</span>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"24\"\n                      height=\"24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path d=\"M19 9l-7 7-7-7\" />\n                    </svg>\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isDropdownOpen\">\n                    <label (click)=\"onSelectAll()\">\n                      <input type=\"checkbox\" [checked]=\"areAllSelected()\" />\n                      All\n                    </label>\n                    <label\n                      *ngFor=\"let agent of agents\"\n                      (click)=\"onAgentChange(agent)\"\n                    >\n                      <input type=\"checkbox\" [(ngModel)]=\"agent.selected\" />\n                      {{ agent.agentName }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleWorkflows()\">\n                  <div class=\"dropdown-header\">\n                    <svg\n                      stroke=\"currentColor\"\n                      fill=\"currentColor\"\n                      stroke-width=\"0\"\n                      viewBox=\"0 0 256 256\"\n                      class=\"h-5 w-5\"\n                      height=\"1.3em\"\n                      width=\"1.3em\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <path\n                        d=\"M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z\"\n                      ></path></svg\n                    >&nbsp; Workflows\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isWorkflowOpen\">\n                    <label\n                      *ngFor=\"let orgWorkflow of orgWorkflows\"\n                      (click)=\"onWorkflowSelected(orgWorkflow)\"\n                    >\n                      {{ orgWorkflow.Name }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- <input [disabled]=\"isChatingWithAi\" type=\"text\" class=\"form-control-1 s27-scroll\"\n                                                          \n                                                          placeholder=\"Ask anything...\" [style.background]=\"formFieldBgColor ? formFieldBgColor : ''\"\n                                                          [style.color]=\"formFieldTextColor ? formFieldTextColor : ''\" [(ngModel)]=\"input\"\n                                                          (keyup.enter)=\"handleSubmit()\" #myInput /> -->\n            <textarea\n              [disabled]=\"isChatingWithAi\"\n              class=\"form-control-1 s27-scroll chat-textarea\"\n              placeholder=\"{{ getTranslation('Ask anything') }}\"\n              [(ngModel)]=\"input\"\n              (keydown)=\"handleKeydown($event)\"\n              (input)=\"adjustTextareaHeight($event)\"\n              #myInput\n            ></textarea>\n\n            <button\n              (click)=\"toggleRecording()\"\n              [disabled]=\"isChatingWithAi\"\n              title=\"{{ isRecording ? 'Stop Recording' : 'Start Recording' }}\"\n              class=\"btn cta-chat mr-1 vj-test\"\n            >\n              <svg\n                *ngIf=\"!isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Mic Icon -->\n                <path\n                  d=\"M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z\"\n                ></path>\n              </svg>\n              <svg\n                *ngIf=\"isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 24 24\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Square Stop Icon -->\n                <path d=\"M5 5h14v14H5z\"></path>\n              </svg>\n            </button>\n\n            <button\n              class=\"btn cta-chat rotate\"\n              (click)=\"handleSubmit()\"\n              [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\n              [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\"\n              title=\"{{ getTranslation('Send Message') }}\"\n              style=\"margin-right: 1px\"\n            >\n              <svg\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\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\"\n                ></path>\n              </svg>\n              <!-- SEND -->\n            </button>\n\n            <button\n              class=\"btn cta-chat mr-1 voice-btn\"\n              (click)=\"openVoiceModal()\"\n              type=\"button\"\n              title=\"Voice Agent\"\n              [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\n              [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\"\n            >\n              <svg\n                class=\"voice-btn-icon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path\n                  d=\"M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2\"\n                ></path>\n              </svg>\n              <span class=\"voice-btn-text\">Voice</span>\n            </button>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n\n      <div class=\"NoteTxt\">\n        <div class=\"note\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12.882\"\n            height=\"12.883\"\n            viewBox=\"0 0 12.882 12.883\"\n          >\n            <path\n              id=\"Icon_ion-shield-checkmark\"\n              data-name=\"Icon ion-shield-checkmark\"\n              d=\"M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z\"\n              transform=\"translate(-2.25 -2.25)\"\n              fill=\"#06f\"\n            />\n          </svg>\n\n          <span class=\"text\">{{\n            getTranslation(\n              \"Your personal or company information is kept private and secure\n            within this chat.\"\n            )\n          }}</span>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #sourcesDrawer\n    [position]=\"'end'\"\n    [mode]=\"'over'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"sourceDraweContainer\">\n        <div class=\"container-fluid\">\n          <button\n            mat-icon-button\n            class=\"closeButtonSource\"\n            (click)=\"onCloseSource()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n          <h1>{{ currentSourcesList?.length }} Sources</h1>\n          <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->\n          <hr />\n          <ul class=\"sources-list\">\n            <li *ngFor=\"let item of currentSourcesList; let si = index\">\n              <!-- <input type=\"checkbox\" id=\"source1\"> -->\n              <div class=\"source-content\" (click)=\"openLinkInNewTab(item.link)\">\n                <label for=\"source1\">\n                  <span class=\"source-title\"\n                    ><span class=\"ml-1\">{{ si + 1 }}.</span\n                    >{{ item.title }}</span\n                  >\n                  <span class=\"image-container\">\n                    <img\n                      class=\"relative block\"\n                      [src]=\"getFaviconUrl(item.link)\"\n                      [alt]=\"getDomainName(item.link) + ' favicon'\"\n                    />\n                    <span> {{ getDomainName(item.link) }}</span>\n                  </span>\n                  <span class=\"source-description\">{{ item.desc }}</span>\n                </label>\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #editorsDrawer\n    [position]=\"'end'\"\n    [mode]=\"'push'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <lib-bot-html-editor\n        *ngIf=\"isContentLoaded\"\n        [editorContent]=\"currentMessageForEditor\"\n        [isDocInEditMode]=\"isDocInEditMode\"\n        [documentContent]=\"documentContent\"\n        [conversationId]=\"conversationId\"\n        [botId]=\"botId\"\n      ></lib-bot-html-editor>\n    </mat-drawer-content>\n  </mat-drawer>\n</mat-drawer-container>\n\n<div *ngIf=\"showWorkflowExecutionDetails\" class=\"modal\">\n  <div class=\"modal-content\">\n    <div class=\"close-wrapper\">\n      <span class=\"close_pop\" (click)=\"closeModal()\">&times;</span>\n    </div>\n    <div class=\"titleSection\">\n      <!-- Workflow Title -->\n      <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>\n      <!-- Workflow Title -->\n    </div>\n    <!-- Inputs Section -->\n    <div class=\"inputs-section\">\n      <h3>Inputs</h3>\n      <ul>\n        <li\n          *ngFor=\"let input of objectToArray(workflowExecutionDetails.Inputs)\"\n        >\n          {{ input.key }}: {{ input.value }}\n        </li>\n      </ul>\n    </div>\n\n    <!-- Actions Section (Displayed as Timeline) -->\n    <div class=\"actions-section\">\n      <h3>Agent Actions</h3>\n      <div class=\"timeline\">\n        <div\n          *ngFor=\"let action of workflowExecutionDetails.Actions\"\n          class=\"timeline-item\"\n        >\n          <div class=\"timestamp-section\">\n            <h4>{{ action.ActionName || action.Name }}</h4>\n            <p><strong></strong> {{ action.InsertTimeStamp }}</p>\n          </div>\n          <p [innerHTML]=\"processMessageForDisplay(action.Output)\"></p>\n          <!-- <pre>{{ action.Output }}</pre> -->\n        </div>\n      </div>\n    </div>\n\n    <!-- Insert Timestamp -->\n    <div class=\"timestamp-section\">\n      <p>\n        <strong>Inserted At:</strong>\n        {{ workflowExecutionDetails.InsertTimeStamp }}\n      </p>\n    </div>\n  </div>\n</div>\n",
+                    template: "<button\n  *ngIf=\"isShowEditorButton && !checkForCop29BotId()\"\n  (click)=\"openOuterEditor()\"\n  class=\"fixed-btn\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    create\n  </span>\n  Editor\n</button>\n\n<button\n  *ngIf=\"!isShowEditorButton\"\n  (click)=\"onCloseEditor()\"\n  class=\"fixed-btn-close\"\n>\n  <span style=\"font-size: 12px\" class=\"material-icons notranslate\">\n    close\n  </span>\n  {{ getTranslation(\"Close\") }}\n</button>\n\n<mat-drawer-container\n  class=\"hivegpt-chat-bot-wrapper\"\n  [ngClass]=\"{ 'mat-drawer-container-has-open': isDrawerOpen }\"\n  [class.ios-device]=\"isIOSDevice\"\n  [hasBackdrop]=\"hasBackdropValue\"\n>\n  <mat-drawer\n    class=\"drawer\"\n    #drawer\n    [position]=\"'start'\"\n    [mode]=\"'over'\"\n    opened=\"true\"\n    [class.full-width-drawer]=\"fullView\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"chat-main\">\n        <!-- <div class=\"chat-header\">\n                    <h2> -->\n        <!-- {{eventName}} -->\n        <!-- </h2> -->\n        <!-- <button class=\"closeIcon\" (click)=\"onClose()\">\n                        <span class=\"material-symbols-outlined\">\n                            close\n                        </span>\n                    </button> -->\n        <!-- </div> -->\n\n        <div class=\"innerChat\" #chatMain>\n          <div (click)=\"startNewConversation()\" class=\"new-conversationbutton\">\n            {{ getTranslation(\"New Chat\") }}\n            <span\n              ><svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"14.061\"\n                height=\"14.261\"\n                viewBox=\"0 0 14.061 14.261\"\n              >\n                <path\n                  id=\"Path_164\"\n                  data-name=\"Path 164\"\n                  d=\"M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631\"\n                  transform=\"translate(-2.25 -1.939)\"\n                  fill=\"none\"\n                  stroke=\"#06f\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"1.5\"\n                />\n              </svg>\n            </span>\n          </div>\n          <div class=\"bot-sticky-header-chat\">\n            <div class=\"title_chat\">\n              <h2>\n                <p>\n                  {{ getTranslation(botName) }}\n                  <!-- <svg\n                    *ngIf=\"!checkForCop29BotId()\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"31.499\"\n                    height=\"31.501\"\n                    viewBox=\"0 0 31.499 31.501\"\n                  >\n                    <path\n                      id=\"Icon_ion-shield-checkmark\"\n                      data-name=\"Icon ion-shield-checkmark\"\n                      d=\"M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z\"\n                      transform=\"translate(-2.25 -2.25)\"\n                      fill=\"#06f\"\n                    />\n                  </svg> -->\n                </p>\n                <span *ngIf=\"!checkForCop29BotId()\">\n                  <p class=\"small-title\">\n                    {{ getTranslation(\"AI-powered\")\n                    }}<span>{{ getTranslation(\"copilot\") }}</span>\n                  </p>\n                </span>\n              </h2>\n            </div>\n            <div class=\"chatType\" style=\"display: none\">\n              <h4 class=\"labelChat\">Choose a conversation style</h4>\n              <ul>\n                <li (click)=\"changeTemperature(0)\">\n                  <button [ngClass]=\"{ active: temperature === 0 }\">\n                    <span class=\"top-section-title\"> More Creative </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(1)\" class=\"fdssfd\">\n                  <button [ngClass]=\"{ active: temperature === 1 }\">\n                    <span class=\"top-section-title\"> More Balanced </span>\n                  </button>\n                </li>\n                <li (click)=\"changeTemperature(2)\">\n                  <button [ngClass]=\"{ active: temperature === 2 }\">\n                    <span class=\"top-section-title\"> More Precise </span>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <!-- chattype -->\n          <div\n            id=\"botAllChat\"\n            class=\"chat\"\n            [ngClass]=\"{\n              botUser: chat?.type === 'user',\n              botAi: chat?.type !== 'user',\n            }\"\n            *ngFor=\"let chat of chatLog; let i = index\"\n          >\n            <div class=\"chat-box\" *ngIf=\"!(i === 0 && botSkills)\">\n              <div class=\"message\">\n                <div\n                  class=\"time-cta\"\n                  [ngClass]=\"{\n                    'time-cta din': showFeedBackIconsIndex === i,\n                    'time-cta': showFeedBackIconsIndex != i,\n                  }\"\n                >\n                  <div\n                    class=\"Icon_TimeSTamp\"\n                    *ngIf=\"chat?.type === 'ai' && !(i === 0 && botSkills)\"\n                  >\n                    <div class=\"chat-avatar\">\n                      <img\n                        *ngIf=\"displayAvatarUrl || botIcon\"\n                        [src]=\"displayAvatarUrl || botIcon\"\n                        alt=\"Assistant\"\n                        class=\"chat-avatar-img\"\n                      />\n                      <span\n                        *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                        class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                        >A</span\n                      >\n                    </div>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span style=\"color: #000 !important;\">{{ getTranslation(\"Assistant\") }}</span>\n                      {{ chat?.time }}\n                    </div>\n                  </div>\n\n                  <div\n                    class=\"Icon_TimeSTamp\"\n                    *ngIf=\"\n                      chat?.type === 'session_cards' ||\n                      chat?.type === 'attendee_cards'\n                    \"\n                  >\n                    <div class=\"chat-avatar\">\n                      <img\n                        *ngIf=\"displayAvatarUrl || botIcon\"\n                        [src]=\"displayAvatarUrl || botIcon\"\n                        alt=\"Assistant\"\n                        class=\"chat-avatar-img\"\n                      />\n                      <span\n                        *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                        class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                        >A</span\n                      >\n                    </div>\n                    <div\n                      class=\"dateTime\"\n                      [style.color]=\"dateTimeColor ? '' : ''\"\n                    >\n                      <span>{{ getTranslation(\"Assistant\") }}</span>\n                      {{ chat?.time }}\n                    </div>\n                  </div>\n\n                  <div class=\"Icon_TimeSTamp\" *ngIf=\"chat?.type === 'user'\">\n                    <div class=\"user-Box\">\n                      <div class=\"dateTime\">\n                        <span>{{ getTranslation(\"You\") }}</span>\n                        {{ chat?.time }}\n                      </div>\n                      <div class=\"chat-avatar\">\n                        <img\n                          *ngIf=\"userAvatarUrl\"\n                          [src]=\"userAvatarUrl\"\n                          alt=\"You\"\n                          class=\"chat-avatar-img\"\n                        />\n                        <span\n                          *ngIf=\"!userAvatarUrl\"\n                          class=\"chat-avatar-initials chat-avatar-initials-user\"\n                          >{{ getUserIdInitials() }}</span\n                        >\n                      </div>\n                    </div>\n                    <div class=\"bards\">\n                      <div\n                        class=\"bars\"\n                        *ngIf=\"\n                          chat?.WorkflowExecutionId ||\n                          chat?.showWorkflowExecutionLoader\n                        \"\n                      >\n                        <button\n                          class=\"icon-button\"\n                          (click)=\"\n                            showWorkflowHistoryDetails(chat.WorkflowExecutionId)\n                          \"\n                        >\n                          <i class=\"fas fa-bars\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"researchingCard\"\n                  *ngIf=\"\n                    (chat?.searchTerms && chat?.searchTerms.length > 0) ||\n                    (chat?.sourcesList && chat?.sourcesList?.length > 0)\n                  \"\n                >\n                  <div\n                    class=\"card-header d-flex align-items-center\"\n                    (click)=\"toggleCollapse()\"\n                  >\n                    <span class=\"icon\"\n                      ><i class=\"bx bx-plus-circle bx-sm\"></i\n                    ></span>\n                    <span class=\"ml-2\"\n                      >Researching\n                      <i\n                        id=\"toggleIcon\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fa-chevron-down': isCollapsed,\n                          'fa-chevron-up': !isCollapsed,\n                        }\"\n                      ></i\n                    ></span>\n                  </div>\n                  <div\n                    *ngIf=\"chat?.searchTerms && chat?.searchTerms.length > 0\"\n                    [ngClass]=\"{ collapse: isCollapsed }\"\n                  >\n                    <ul class=\"list-group list-group-flush uptList\">\n                      <li\n                        *ngFor=\"let term of chat?.searchTerms\"\n                        class=\"list-group-item\"\n                      >\n                        Searching for\n                        <strong>{{ term }}</strong>\n                      </li>\n                    </ul>\n\n                    <h5\n                      class=\"mt-2\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <i class=\"bx bx-unite\"></i> Sources\n                    </h5>\n                    <div\n                      class=\"sources-container\"\n                      *ngIf=\"chat?.sourcesList && chat?.sourcesList.length > 0\"\n                    >\n                      <div\n                        class=\"source-card\"\n                        *ngFor=\"\n                          let source of chat?.displayedSources;\n                          let i = index\n                        \"\n                      >\n                        <div>\n                          <div class=\"source-title\">{{ source.title }}</div>\n                          <div class=\"source-url\">\n                            <img\n                              class=\"relative block\"\n                              [src]=\"getFaviconUrl(source.link)\"\n                              [alt]=\"getDomainName(source.link) + ' favicon'\"\n                            />\n                            {{ getDomainName(source.link) }}\n                          </div>\n                          <div class=\"popup\">\n                            <div\n                              class=\"source-url\"\n                              (click)=\"openLinkInNewTab(source.link)\"\n                            >\n                              <img\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                              {{ getDomainName(source.link) }}\n                            </div>\n                            <h5 (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.title }}\n                            </h5>\n                            <p (click)=\"openLinkInNewTab(source.link)\">\n                              {{ source.desc }}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                      <ng-container\n                        *ngIf=\"\n                          chat?.remainingSources &&\n                          chat?.remainingSources.length > 0\n                        \"\n                      >\n                        <div\n                          class=\"source-card\"\n                          (click)=\"onCardClick(chat?.sourcesList)\"\n                        >\n                          <div>\n                            <div class=\"source-title\">\n                              <img\n                                *ngFor=\"\n                                  let source of chat?.remainingSources;\n                                  let i = index\n                                \"\n                                class=\"relative block\"\n                                [src]=\"getFaviconUrl(source.link)\"\n                                [alt]=\"getDomainName(source.link) + ' favicon'\"\n                              />\n                            </div>\n                            <div class=\"source-url\">\n                              View {{ chat?.remainingSources.length }} more\n                            </div>\n                          </div>\n                        </div>\n                      </ng-container>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Session cards (from get_event_sessions tool, same as React Native) -->\n                <div\n                  class=\"session-cards-section\"\n                  *ngIf=\"\n                    chat?.type === 'session_cards' &&\n                    chat?.sessionCards?.length > 0\n                  \"\n                >\n                  <p\n                    *ngIf=\"chat?.message\"\n                    class=\"SearchTitle ai card-message-text\"\n                    [innerHTML]=\"chat?.message\"\n                    style=\"padding-left: 26px !important;\"\n                  ></p>\n                  <div class=\"session-cards-container\">\n                    <div\n                      *ngFor=\"\n                        let session of getVisibleSessionCards(chat);\n                        let idx = index\n                      \"\n                      class=\"session-card-item\"\n                    >\n                      <div class=\"session-card-header\">\n                        <div\n                          class=\"session-card-date-badge\"\n                          *ngIf=\"session.dateDay || session.dateMonth\"\n                        >\n                          <span class=\"session-card-date-day\">{{\n                            session.dateDay\n                          }}</span>\n                          <span class=\"session-card-date-month\">{{\n                            session.dateMonth\n                          }}</span>\n                        </div>\n                        <div class=\"session-card-room-time\">\n                          <div\n                            class=\"session-card-room\"\n                            *ngIf=\"session.room\"\n                          >\n                            {{ session.room }}\n                          </div>\n                          <div\n                            class=\"session-card-time\"\n                            *ngIf=\"session.timeRange\"\n                          >\n                            {{ session.timeRange }}\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"session-card-title\">{{ session.title }}</div>\n                      <div\n                        class=\"session-card-description\"\n                        *ngIf=\"session.description\"\n                      >\n                        {{ session.description }}\n                      </div>\n                      <div\n                        class=\"session-card-status\"\n                        *ngIf=\"session.statusText\"\n                      >\n                        <span class=\"session-card-status-bullet\"></span>\n                        {{ session.statusText }}\n                      </div>\n                      <div class=\"session-card-actions\" *ngIf=\"session.session\">\n                        <ng-container\n                          *ngIf=\"\n                            getSessionRoleButtons(session).length;\n                            else singleJoinBtn\n                          \"\n                        >\n                          <button\n                            *ngFor=\"let role of getSessionRoleButtons(session)\"\n                            type=\"button\"\n                            class=\"btn session-card-btn\"\n                            [class.session-card-btn-primary]=\"\n                              role.action === 'join'\n                            \"\n                            [class.session-card-btn-secondary]=\"\n                              role.action === 'watch'\n                            \"\n                            (click)=\"onSessionCardAction(session, role)\"\n                          >\n                            {{ role.label }}\n                          </button>\n                        </ng-container>\n                        <ng-template #singleJoinBtn>\n                          <button\n                            type=\"button\"\n                            class=\"btn session-card-btn session-card-btn-primary\"\n                            (click)=\"\n                              onSessionCardAction(session, {\n                                action: 'join',\n                                label: getTranslation('Join') || 'Join',\n                              })\n                            \"\n                          >\n                            {{ getTranslation(\"Join\") || \"Join\" }}\n                          </button>\n                        </ng-template>\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    *ngIf=\"\n                      (chat?.sessionCards?.length || 0) >\n                        SESSION_CARDS_INITIAL &&\n                      !expandedSessionCardIds[chat?._id]\n                    \"\n                    type=\"button\"\n                    class=\"show-more-cards-btn\"\n                    (click)=\"expandSessionCards(chat)\"\n                  >\n                    Show\n                    {{\n                      (chat?.sessionCards?.length || 0) - SESSION_CARDS_INITIAL\n                    }}\n                    more\n                    {{\n                      (chat?.sessionCards?.length || 0) -\n                        SESSION_CARDS_INITIAL ===\n                      1\n                        ? getTranslation(\"session\") || \"session\"\n                        : getTranslation(\"sessions\") || \"sessions\"\n                    }}\n                  </button>\n                </div>\n\n                <!-- Attendee cards (from get_event_attendees tool, same as React Native) -->\n                <div\n                  class=\"attendee-cards-section\"\n                  *ngIf=\"\n                    chat?.type === 'attendee_cards' &&\n                    chat?.attendeeCards?.length > 0\n                  \"\n                >\n                  <p\n                    *ngIf=\"chat?.message\"\n                    class=\"SearchTitle ai card-message-text\"\n                    [innerHTML]=\"chat?.message\"\n                    style=\"padding-left: 26px !important;\"\n                  ></p>\n                  <div class=\"attendee-cards-container\">\n                    <div\n                      *ngFor=\"\n                        let attendee of getVisibleAttendeeCards(chat);\n                        let idx = index\n                      \"\n                      class=\"attendee-card-item\"\n                    >\n                      <div class=\"attendee-card-photo\" *ngIf=\"attendee.photo\">\n                        <img [src]=\"attendee.photo\" [alt]=\"attendee.name\" />\n                      </div>\n                      <div\n                        class=\"attendee-card-placeholder\"\n                        *ngIf=\"!attendee.photo\"\n                      >\n                        {{ (attendee.name || \"?\").charAt(0).toUpperCase() }}\n                      </div>\n                      <div class=\"attendee-card-info\">\n                        <div class=\"attendee-card-name\">\n                          {{ attendee.name }}\n                        </div>\n                        <div\n                          class=\"attendee-card-meta\"\n                          *ngIf=\"attendee.jobTitle\"\n                        >\n                          {{ attendee.jobTitle }}\n                        </div>\n                        <div\n                          class=\"attendee-card-meta\"\n                          *ngIf=\"attendee.company\"\n                        >\n                          {{ attendee.company }}\n                        </div>\n                        <div\n                          class=\"attendee-card-interests\"\n                          *ngIf=\"attendee.interests\"\n                        >\n                          {{ attendee.interests }}\n                        </div>\n                      </div>\n                      <div class=\"attendee-card-actions\">\n                        <button\n                          type=\"button\"\n                          class=\"btn attendee-card-btn attendee-card-btn-profile\"\n                          [disabled]=\"!attendee.id\"\n                          [attr.title]=\"\n                            !attendee.id\n                              ? getTranslation('Profile not available') ||\n                                'Profile not available'\n                              : null\n                          \"\n                          (click)=\"\n                            attendee.id &&\n                              connectWithUser.emit({\n                                userId: attendee.id,\n                                viewProfile: true,\n                              })\n                          \"\n                        >\n                          {{ getTranslation(\"View profile\") || \"View profile\" }}\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    *ngIf=\"\n                      (chat?.attendeeCards?.length || 0) >\n                        ATTENDEE_CARDS_INITIAL &&\n                      !expandedAttendeeCardIds[chat?._id]\n                    \"\n                    type=\"button\"\n                    class=\"show-more-cards-btn\"\n                    (click)=\"expandAttendeeCards(chat)\"\n                  >\n                    Show\n                    {{\n                      (chat?.attendeeCards?.length || 0) -\n                        ATTENDEE_CARDS_INITIAL\n                    }}\n                    more\n                    {{\n                      (chat?.attendeeCards?.length || 0) -\n                        ATTENDEE_CARDS_INITIAL ===\n                      1\n                        ? getTranslation(\"attendee\") || \"attendee\"\n                        : getTranslation(\"attendees\") || \"attendees\"\n                    }}\n                  </button>\n                </div>\n\n                <div\n                  class=\"chat-bubble-wrap\"\n                  *ngIf=\"\n                    (chat?.type === 'ai' || chat?.type === 'user') &&\n                    !(i === 0 && botSkills)\n                  \"\n                  [ngStyle]=\"{\n                    background:\n                      chat?.type === 'ai'\n                        ? bgBubbleAi || '#fff'\n                        : chat?.type === 'user'\n                          ? bgBubbleUser || '#183988'\n                          : 'transparent',\n                    color:\n                      chat?.type === 'ai'\n                        ? '#000 !important'\n                        : '#fff !important',\n                  }\"\n                >\n                  <div id=\"messageText_{{ i }}\" class=\"chat-bubble-content\">\n                    <div\n                      *ngIf=\"chat?.type === 'ai' || chat?.type === 'user'\"\n                      [ngClass]=\"{\n                        'SearchTitle ai': chat?.type === 'ai',\n                        'SearchTitle user': chat?.type === 'user',\n                      }\"\n                      [ngStyle]=\"{\n                        background: 'transparent',\n                        color:\n                          chat?.type === 'ai' && messageTextColorAi\n                            ? messageTextColorAi\n                            : chat?.type === 'user'\n                              ? messageTextColorUser || '#fff'\n                              : 'defaultColor',\n                      }\"\n                      [innerHTML]=\"chat?.message\"\n                    ></div>\n                  </div>\n                </div>\n\n                <div\n                  class=\"progress-container\"\n                  *ngIf=\"chat?.showWorkflowExecutionLoader\"\n                >\n                  <div class=\"circular-loader\">\n                    <div\n                      class=\"loader-spinner\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                      [ngStyle]=\"{\n                        transform: 'rotate(' + percentage * 3.6 + 'deg)',\n                      }\"\n                    ></div>\n                    <div\n                      class=\"checkmark\"\n                      *ngIf=\"currentWorkflowActionProgress == 100\"\n                    >\n                      <svg viewBox=\"0 0 52 52\">\n                        <circle\n                          class=\"checkmark-circle\"\n                          cx=\"26\"\n                          cy=\"26\"\n                          r=\"25\"\n                          fill=\"none\"\n                        />\n                        <path\n                          class=\"checkmark-check\"\n                          fill=\"none\"\n                          d=\"M14 27l7 7 16-16\"\n                        />\n                      </svg>\n                    </div>\n\n                    <div\n                      class=\"loader-text\"\n                      *ngIf=\"currentWorkflowActionProgress < 100\"\n                    >\n                      {{ currentWorkflowActionProgress }}%\n                    </div>\n                  </div>\n                  <div class=\"loader-label\">{{ currentWorkflowAction }}...</div>\n                </div>\n\n                <div\n                  class=\"exicution mt-2\"\n                  *ngIf=\"\n                    chat?.type === 'ai' &&\n                    chat?.graphs &&\n                    chat?.graphs.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-network-chart\"></i> Graphs\n                    <i\n                      (click)=\"toggleCollapseFGraph()\"\n                      class=\"toggle-icon ml-2 fa\"\n                      [ngClass]=\"{\n                        'fas fa-chevron-down': isCollapsedForFGraph,\n                        'fas fa-chevron-up': !isCollapsedForFGraph,\n                      }\"\n                    ></i>\n                  </h5>\n                  <img\n                    *ngFor=\"let image of chat?.graphs\"\n                    class=\"graph-img\"\n                    [ngClass]=\"{ collapse: isCollapsedForFGraph }\"\n                    [src]=\"image\"\n                    alt=\"\"\n                  />\n                </div>\n                <ng-container *ngIf=\"!checkForCop29BotId()\">\n                  <div\n                    class=\"exicution mt-2\"\n                    *ngIf=\"\n                      chat?.type === 'ai' &&\n                      chat?.executionGraphs &&\n                      chat?.executionGraphs?.length > 0\n                    \"\n                  >\n                    <h5 *ngIf=\"chat?.type === 'ai'\">\n                      <i class=\"bx bx-network-chart\"></i> Execution Path Diagram\n                      For Data Visualization Workflow\n                      <i\n                        (click)=\"toggleCollapseGraph()\"\n                        class=\"toggle-icon ml-2 fa\"\n                        [ngClass]=\"{\n                          'fas fa-chevron-down': isCollapsedForGraph,\n                          'fas fa-chevron-up': !isCollapsedForGraph,\n                        }\"\n                      ></i>\n                    </h5>\n                    <img\n                      *ngFor=\"let image of chat?.executionGraphs\"\n                      class=\"graph-img\"\n                      [ngClass]=\"{ collapse: isCollapsedForGraph }\"\n                      [src]=\"image\"\n                      alt=\"\"\n                    />\n                  </div>\n                </ng-container>\n                <div class=\"cta\" *ngIf=\"chat?.type === 'ai' && i > 0 && i === lastAiMessageIndex\">\n                  <div\n                    class=\"copyBox\"\n                    title=\"Copy\"\n                    [ngClass]=\"\n                      showFeedBackIconsIndex == i ? 'show-always' : 'show-hover'\n                    \"\n                  >\n                    <button\n                      title=\"{{ chat?.copied ? 'Copied!' : 'Copy' }}\"\n                      class=\"copy\"\n                      [class.active]=\"chat?.copied\"\n                      (click)=\"handleCopyClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.copied\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      *ngIf=\"!checkForCop29BotId()\"\n                      class=\"up copy\"\n                      title=\"{{ chat?.isEditor ? 'Added!' : 'Add to editor' }}\"\n                      (click)=\"handleEditorClick(i)\"\n                    >\n                      <svg\n                        *ngIf=\"!chat?.isEditor\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"20.152\"\n                        height=\"20.152\"\n                        viewBox=\"0 0 20.152 20.152\"\n                      >\n                        <g\n                          id=\"Icon_feather-edit\"\n                          data-name=\"Icon feather-edit\"\n                          transform=\"translate(-2.5 -2.166)\"\n                        >\n                          <path\n                            id=\"Path_166\"\n                            data-name=\"Path 166\"\n                            d=\"M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5\"\n                            transform=\"translate(0 -1.179)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                          <path\n                            id=\"Path_167\"\n                            data-name=\"Path 167\"\n                            d=\"M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z\"\n                            transform=\"translate(-3.334 0)\"\n                            fill=\"none\"\n                            stroke=\"#393939\"\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"1\"\n                          />\n                        </g>\n                      </svg>\n\n                      <i *ngIf=\"chat?.isEditor\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z\"\n                            fill=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n\n                    <button\n                      class=\"up copy\"\n                      title=\"Like\"\n                      [class.active]=\"chat?.liked\"\n                      (click)=\"handleUpClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n                      <i *ngIf=\"!chat?.liked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                    <button\n                      class=\"down copy\"\n                      title=\"Dislike\"\n                      [class.active]=\"chat?.unliked\"\n                      (click)=\"handleDownClick(i)\"\n                    >\n                      <i *ngIf=\"chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n\n                          <path\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\"\n                            fill=\"#17235B\"\n                          />\n                        </svg>\n                      </i>\n\n                      <i *ngIf=\"!chat?.unliked\">\n                        <svg\n                          width=\"18\"\n                          height=\"18\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                          <path\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\"\n                            fill=\"#566563\"\n                            stroke=\"#566563\"\n                          />\n                        </svg>\n                      </i>\n                    </button>\n                  </div>\n                </div>\n                <div\n                  class=\"Related mt-2\"\n                  *ngIf=\"\n                    showFeedBackIconsIndex === i &&\n                    !isChatingWithAi &&\n                    chat?.relatedListItems &&\n                    chat?.relatedListItems.length > 0\n                  \"\n                >\n                  <h5 *ngIf=\"chat?.type === 'ai'\">\n                    <i class=\"bx bx-list-check\"></i> Related\n                  </h5>\n                  <div class=\"card-container\" *ngIf=\"chat?.type === 'ai'\">\n                    <ul class=\"list-container\">\n                      <ng-container *ngFor=\"let item of chat?.relatedListItems\">\n                        <li (click)=\"fetchDataFor(item, chat)\">{{ item }}</li>\n                      </ng-container>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              class=\"cta-faqs quick-prompts-extended\"\n              *ngIf=\"i == 0 && quickPrompts?.length\"\n            >\n              <!-- <div *ngFor=\"let tile of quickPrompts\" class=\"cta\"\n                                (click)=\"sendMessageWithTile(tile.prompt)\">\n                                Q: {{ tile.text }}\n                            </div> -->\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let tile of quickPrompts\"\n                  (click)=\"sendMessageWithTile(tile.prompt)\"\n                >\n                  <ng-container *ngIf=\"tile\">{{ tile.text }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div class=\"chat bot\" *ngIf=\"i == 0 && botSkills\">\n              <div class=\"chat-box\">\n                <div class=\"message\">\n                  <div class=\"time-cta\">\n                    <div class=\"Icon_TimeSTamp\">\n                      <div class=\"chat-avatar\">\n                        <img\n                          *ngIf=\"displayAvatarUrl || botIcon\"\n                          [src]=\"displayAvatarUrl || botIcon\"\n                          alt=\"Assistant\"\n                          class=\"chat-avatar-img\"\n                        />\n                        <span\n                          *ngIf=\"!(displayAvatarUrl || botIcon)\"\n                          class=\"chat-avatar-initials chat-avatar-initials-assistant\"\n                          >A</span\n                        >\n                      </div>\n                      <div\n                        class=\"dateTime\"\n                        [style.color]=\"dateTimeColor ? '' : ''\"\n                      >\n                        <span>{{ getTranslation(\"Assistant\") }}</span>\n                        {{ chat?.time }}\n                      </div>\n                    </div>\n                  </div>\n                  <div\n                    class=\"chat-bubble-wrap\"\n                    [ngStyle]=\"{ background: bgBubbleAi || '#fff' }\"\n                  >\n                    <div class=\"chat-bubble-content\">\n                      <div\n                        class=\"SearchTitle ai\"\n                        [innerHTML]=\"processMessageForDisplay(botSkills)\"\n                      ></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.suggestions?.length\">\n              <h4 class=\"labelChat\">\n                Here are some things EventsGPT Copilot can help you do:\n              </h4>\n              <div class=\"cta_suggestions\">\n                <button\n                  *ngFor=\"let suggestion of chat?.suggestions\"\n                  (click)=\"sendMessageWithTile(suggestion)\"\n                >\n                  <ng-container *ngIf=\"suggestion\">{{\n                    suggestion\n                  }}</ng-container>\n                </button>\n              </div>\n            </div>\n            <div\n              *ngIf=\"\n                chat?.action?.section_id == 'company_search' ||\n                chat?.action?.section_id == 'user_search' ||\n                chat?.action?.section_id == 'industry_company_search'\n              \"\n            >\n              <div class=\"box\">\n                <div class=\"tiktokwrapper\">\n                  <div\n                    class=\"tiktokshell\"\n                    *ngFor=\"let user of chat?.action.users\"\n                  >\n                    <div class=\"videoPhotobox\">\n                      <ng-conatiner\n                        *ngIf=\"user?.photoPath && !user.userVideosModel\"\n                      >\n                        <img [src]=\"user?.photoPath\" />\n                      </ng-conatiner>\n                      <ng-conatiner *ngIf=\"user.userVideosModel\">\n                        <app-video-player\n                          *ngIf=\"user?.userVideosModel\"\n                          [isDev]=\"isDev\"\n                          [currentUserId]=\"userId\"\n                          [videoObj]=\"user?.userVideosModel\"\n                          [user]=\"user\"\n                          [eventId]=\"eventId\"\n                          type=\"1\"\n                        >\n                        </app-video-player>\n                      </ng-conatiner>\n                    </div>\n\n                    <div\n                      class=\"noPhoto\"\n                      *ngIf=\"!user?.photoPath && !user.userVideosModel\"\n                    >\n                      <h3>\n                        {{ user.firstName | slice: 0 : 1\n                        }}{{ user.lastName | slice: 0 : 1 }}\n                      </h3>\n                    </div>\n                    <div class=\"overlymask\" *ngIf=\"!user.userVideosModel\"></div>\n                    <div class=\"onshell-content\">\n                      <div class=\"title-shell\">\n                        <h3>{{ user.firstName }} {{ user.lastName }}</h3>\n                        <h3 class=\"companyName\">{{ user.company }}</h3>\n                      </div>\n                      <div class=\"button-shell\">\n                        <button\n                          class=\"Connectbtn\"\n                          (click)=\"connectToUser(user.userId)\"\n                        >\n                          {{\n                            canConnect(user.userId)\n                              ? \"Connect\"\n                              : canDisconnect(user.userId)\n                                ? \"Disconnect\"\n                                : \"Request\n                          Sent\"\n                          }}\n                        </button>\n                        <button\n                          class=\"schedulebtn\"\n                          (click)=\"scheduleMeetingWithUser(user)\"\n                        >\n                          Schedule\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div *ngIf=\"chat?.action?.section_id == myUpcomingSessionAction\">\n              <div class=\"agenda-items-wrapper\" class=\"agenda-items-wrapper\">\n                <div class=\"list-view\">\n                  <div\n                    class=\"session-detail-wrapper card-background-session\"\n                    *ngFor=\"let upcomingSession of chat?.action.content\"\n                  >\n                    <div class=\"thumbnail\">\n                      <img\n                        alt=\"Introduction to the Imaging Radar Academy\"\n                        src=\"https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png\"\n                        class=\"\"\n                      />\n                      <!---->\n                      <!---->\n                      <!----><button\n                        class=\"play-btn color-primary\"\n                        title=\"Play Session: Introduction to the Imaging Radar Academy\"\n                      >\n                        <span class=\"material-icons notranslate\">\n                          play_circle_outline\n                        </span>\n                        <!---->\n                      </button>\n                      <!---->\n                      <!---->\n                    </div>\n                    <!---->\n                    <!---->\n                    <div class=\"content p-3\">\n                      <div\n                        class=\"d-flex justify-content-between align-items-center\"\n                      >\n                        <div class=\"d-flex flex-column\">\n                          <p class=\"fs-xs mb-0 body-text-color\">\n                            {{\n                              upcomingSession.dateTimeRange.start\n                                | date\n                                  : \"MM-dd-yyyy\n                            HH:mm\"\n                                  : \"UTC\"\n                            }}\n                            -\n                            {{\n                              upcomingSession.dateTimeRange.end\n                                | date: \"MM-dd-yyyy HH:mm\" : \"UTC\"\n                            }}\n                            {{ upcomingSession.timeZone.id }}\n                          </p>\n                          <!---->\n                          <!---->\n                          <!-- <p class=\"fs-xs mb-2 color-secondary\" title=\"Session Type: Generative AI\">Generative AI </p> -->\n                          <!---->\n                        </div>\n                        <div class=\"d-flex align-items-center actions px-2\">\n                          <!---->\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'view-session'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"View Session Information: Introduction to the Imaging Radar Academy\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              remove_red_eye\n                            </span>\n                          </button>\n\n                          <button\n                            (click)=\"\n                              performSessionAction(\n                                upcomingSession.id,\n                                'add-to-agenda'\n                              )\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                          >\n                            <span\n                              class=\"material-icons notranslate\"\n                              title=\"Add Session: Introduction to the Imaging Radar Academy to My agendaa\"\n                            >\n                              event_available\n                            </span>\n                          </button>\n                          <!---->\n                          <!---->\n                          <!---->\n                          <!---->\n\n                          <button\n                            (click)=\"\n                              performSessionAction(upcomingSession.id, 'play')\n                            \"\n                            class=\"s27-btn-icon body-text-color\"\n                            title=\"Copy session link to share\"\n                          >\n                            <span class=\"material-icons notranslate\">\n                              play_circle_outline\n                            </span>\n                          </button>\n                          <!---->\n                        </div>\n                      </div>\n                      <h2 class=\"body-text-color\">\n                        {{ upcomingSession.title }}\n                      </h2>\n                      <div\n                        class=\"session-description color-secondary\"\n                        [innerHTML]=\"sanitizeHtml(upcomingSession.description)\"\n                      ></div>\n                      <ul\n                        class=\"speakers grid-2-cols\"\n                        *ngFor=\"let speakerId of upcomingSession.speakers\"\n                      >\n                        <li class=\"\">\n                          <div class=\"image\" title=\"Blair Wunderlich\">\n                            <img\n                              alt=\"Blair Wunderlich\"\n                              [src]=\"speakers[speakerId]?.photoPath\"\n                              class=\"\"\n                            />\n                            <!---->\n                            <!---->\n                            <!---->\n                          </div>\n                          <!---->\n                          <div\n                            class=\"content pl-3\"\n                            style=\"text-transform: none\"\n                          >\n                            <div class=\"mb-0 body-text-color fs-xs fw-500\">\n                              {{ speakers[speakerId]?.firstName }}\n                              {{ speakers[speakerId]?.lastName }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.jobTitle }}\n                            </div>\n                            <div class=\"color-secondary fs-xxs\">\n                              {{ speakers[speakerId]?.company }}\n                            </div>\n                          </div>\n                          <!---->\n                        </li>\n                      </ul>\n                      <!---->\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- Initial load: loading dots when fetching chat history (no \"Thinking\") -->\n        <div class=\"chat bot chat-thinking chat-loading-dots\" *ngIf=\"loading && !isChatingWithAi\">\n          <div class=\"chat-box\">\n            <div class=\"message\">\n              <div class=\"time-cta\">\n                <div class=\"Icon_TimeSTamp\">\n                  <div class=\"chat-avatar\">\n                    <img *ngIf=\"displayAvatarUrl || botIcon\" [src]=\"displayAvatarUrl || botIcon\" alt=\"Assistant\" class=\"chat-avatar-img\" />\n                    <span *ngIf=\"!(displayAvatarUrl || botIcon)\" class=\"chat-avatar-initials chat-avatar-initials-assistant\">A</span>\n                  </div>\n                  <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\n                    <span>{{ getTranslation(\"Assistant\") }}</span>\n                    {{ getLoadingTime() }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"thinking-row\">\n                <div class=\"thinking-dots\">\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                </div>\n                <span class=\"thinking-text\">{{ getTranslation(\"Loading\") || \"Loading\" }}...</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- Thinking: only when user has sent a message and AI is responding -->\n        <div class=\"chat bot chat-thinking\" *ngIf=\"isChatingWithAi && !executingWorkflow\">\n          <div class=\"chat-box\">\n            <div class=\"message\">\n              <div class=\"time-cta\">\n                <div class=\"Icon_TimeSTamp\">\n                  <div class=\"chat-avatar\">\n                    <img *ngIf=\"displayAvatarUrl || botIcon\" [src]=\"displayAvatarUrl || botIcon\" alt=\"Assistant\" class=\"chat-avatar-img\" />\n                    <span *ngIf=\"!(displayAvatarUrl || botIcon)\" class=\"chat-avatar-initials chat-avatar-initials-assistant\">A</span>\n                  </div>\n                  <div class=\"dateTime\" [style.color]=\"dateTimeColor ? '' : ''\">\n                    <span>{{ getTranslation(\"Assistant\") }}</span>\n                    {{ getLoadingTime() }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"thinking-row\">\n                <div class=\"thinking-dots\">\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                  <span class=\"thinking-dot\"></span>\n                </div>\n                <span class=\"thinking-text\">{{ getTranslation(\"Thinking\") || \"Thinking\" }}...</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- <div #chatMain></div> -->\n      <div\n        *ngIf=\"openWorkflowInput && selectedWorkflow && !executingWorkflow\"\n        class=\"chatFooterWrapper\"\n      >\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\">\n            <div class=\"agents_note_wrapper\">\n              <div>\n                <h6>{{ selectedWorkflow?.Name }}</h6>\n                {{ selectedWorkflow?.Description }}\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <button\n                mat-icon-button\n                class=\"closeButtonSource\"\n                (click)=\"toggleWorkflows(false)\"\n              >\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields -->\n            <!-- Form for Workflow Inputs -->\n            <form\n              [formGroup]=\"workflowForm\"\n              (ngSubmit)=\"onWorkflowSubmit()\"\n              class=\"form-container\"\n            >\n              <div\n                *ngFor=\"let input of selectedWorkflow?.Trigger?.InputSchema\"\n                class=\"form-group\"\n              >\n                <label>{{ input.Label }}</label>\n\n                <!-- Handle Text Input or Text Area based on requirement -->\n                <textarea\n                  *ngIf=\"input.Type === 'string'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  [placeholder]=\"input.Placeholder\"\n                  [rows]=\"2\"\n                  [required]=\"input.Required\"\n                  class=\"form-control\"\n                ></textarea>\n\n                <!-- Dropdown for Select Options -->\n                <select\n                  *ngIf=\"input.Type === 'select'\"\n                  formControlName=\"{{ input.InputId }}\"\n                  class=\"form-control\"\n                >\n                  <option\n                    *ngFor=\"let option of input.Options\"\n                    [value]=\"option.Value\"\n                  >\n                    {{ option.Label }}\n                  </option>\n                </select>\n              </div>\n\n              <!-- Submit button aligned to the right -->\n              <div class=\"form-group\">\n                <button type=\"submit\" class=\"btn btn-primary submit-button\">\n                  Submit\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n      <div *ngIf=\"!openWorkflowInput\" class=\"chatFooterWrapper\">\n        <!-- new UI for Chat Message Section by Amit -->\n        <div class=\"chat-footer-upt\">\n          <div class=\"topinfo-containerbox\" *ngIf=\"!checkForCop29BotId()\">\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleDropdown()\">\n                  <div class=\"dropdown-header\">\n                    <span>{{ getDropdownHeaderText() }}</span>\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      width=\"24\"\n                      height=\"24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path d=\"M19 9l-7 7-7-7\" />\n                    </svg>\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isDropdownOpen\">\n                    <label (click)=\"onSelectAll()\">\n                      <input type=\"checkbox\" [checked]=\"areAllSelected()\" />\n                      All\n                    </label>\n                    <label\n                      *ngFor=\"let agent of agents\"\n                      (click)=\"onAgentChange(agent)\"\n                    >\n                      <input type=\"checkbox\" [(ngModel)]=\"agent.selected\" />\n                      {{ agent.agentName }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"agents_note_wrapper\">\n              <div class=\"agents-dropdown-wrapper\">\n                <div class=\"dropdown-wrapper\" (click)=\"toggleWorkflows()\">\n                  <div class=\"dropdown-header\">\n                    <svg\n                      stroke=\"currentColor\"\n                      fill=\"currentColor\"\n                      stroke-width=\"0\"\n                      viewBox=\"0 0 256 256\"\n                      class=\"h-5 w-5\"\n                      height=\"1.3em\"\n                      width=\"1.3em\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <path\n                        d=\"M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z\"\n                      ></path></svg\n                    >&nbsp; Workflows\n                  </div>\n                  <div class=\"dropdown-menu\" *ngIf=\"isWorkflowOpen\">\n                    <label\n                      *ngFor=\"let orgWorkflow of orgWorkflows\"\n                      (click)=\"onWorkflowSelected(orgWorkflow)\"\n                    >\n                      {{ orgWorkflow.Name }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"bottombox-wrapper\">\n            <!-- <input [disabled]=\"isChatingWithAi\" type=\"text\" class=\"form-control-1 s27-scroll\"\n                                                          \n                                                          placeholder=\"Ask anything...\" [style.background]=\"formFieldBgColor ? formFieldBgColor : ''\"\n                                                          [style.color]=\"formFieldTextColor ? formFieldTextColor : ''\" [(ngModel)]=\"input\"\n                                                          (keyup.enter)=\"handleSubmit()\" #myInput /> -->\n            <textarea\n              [disabled]=\"isChatingWithAi\"\n              class=\"form-control-1 s27-scroll chat-textarea\"\n              placeholder=\"{{ getTranslation('Ask anything') }}\"\n              [(ngModel)]=\"input\"\n              (keydown)=\"handleKeydown($event)\"\n              (input)=\"adjustTextareaHeight($event)\"\n              #myInput\n            ></textarea>\n\n            <button\n              (click)=\"toggleRecording()\"\n              [disabled]=\"isChatingWithAi\"\n              title=\"{{ isRecording ? 'Stop Recording' : 'Start Recording' }}\"\n              class=\"btn cta-chat mr-1 vj-test\"\n            >\n              <svg\n                *ngIf=\"!isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Mic Icon -->\n                <path\n                  d=\"M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z\"\n                ></path>\n              </svg>\n              <svg\n                *ngIf=\"isRecording\"\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 24 24\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <!-- Square Stop Icon -->\n                <path d=\"M5 5h14v14H5z\"></path>\n              </svg>\n            </button>\n\n            <button\n              class=\"btn cta-chat rotate\"\n              (click)=\"handleSubmit()\"\n              [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\n              [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\"\n              title=\"{{ getTranslation('Send Message') }}\"\n              style=\"margin-right: 1px\"\n            >\n              <svg\n                stroke=\"currentColor\"\n                fill=\"currentColor\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"1em\"\n                width=\"1em\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\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\"\n                ></path>\n              </svg>\n              <!-- SEND -->\n            </button>\n\n            <button\n              class=\"btn cta-chat mr-1 voice-btn\"\n              (click)=\"openVoiceModal()\"\n              type=\"button\"\n              title=\"Voice Agent\"\n              [style.background]=\"sendButtonColor ? sendButtonColor : ''\"\n              [style.color]=\"sendButtonTextColor ? sendButtonTextColor : ''\"\n            >\n              <svg\n                class=\"voice-btn-icon\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path\n                  d=\"M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2\"\n                ></path>\n              </svg>\n              <span class=\"voice-btn-text\">Voice</span>\n            </button>\n          </div>\n        </div>\n\n        <!-- new UI for Chat Message Section by Amit -->\n      </div>\n\n      <div class=\"NoteTxt\">\n        <div class=\"note\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12.882\"\n            height=\"12.883\"\n            viewBox=\"0 0 12.882 12.883\"\n          >\n            <path\n              id=\"Icon_ion-shield-checkmark\"\n              data-name=\"Icon ion-shield-checkmark\"\n              d=\"M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z\"\n              transform=\"translate(-2.25 -2.25)\"\n              fill=\"#06f\"\n            />\n          </svg>\n\n          <span class=\"text\">{{\n            getTranslation(\n              \"Your personal or company information is kept private and secure\n            within this chat.\"\n            )\n          }}</span>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #sourcesDrawer\n    [position]=\"'end'\"\n    [mode]=\"'over'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <div class=\"sourceDraweContainer\">\n        <div class=\"container-fluid\">\n          <button\n            mat-icon-button\n            class=\"closeButtonSource\"\n            (click)=\"onCloseSource()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n          <h1>{{ currentSourcesList?.length }} Sources</h1>\n          <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->\n          <hr />\n          <ul class=\"sources-list\">\n            <li *ngFor=\"let item of currentSourcesList; let si = index\">\n              <!-- <input type=\"checkbox\" id=\"source1\"> -->\n              <div class=\"source-content\" (click)=\"openLinkInNewTab(item.link)\">\n                <label for=\"source1\">\n                  <span class=\"source-title\"\n                    ><span class=\"ml-1\">{{ si + 1 }}.</span\n                    >{{ item.title }}</span\n                  >\n                  <span class=\"image-container\">\n                    <img\n                      class=\"relative block\"\n                      [src]=\"getFaviconUrl(item.link)\"\n                      [alt]=\"getDomainName(item.link) + ' favicon'\"\n                    />\n                    <span> {{ getDomainName(item.link) }}</span>\n                  </span>\n                  <span class=\"source-description\">{{ item.desc }}</span>\n                </label>\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </mat-drawer-content>\n  </mat-drawer>\n  <mat-drawer\n    class=\"drawer edit-boxDrawer\"\n    style=\"width: 45%\"\n    #editorsDrawer\n    [position]=\"'end'\"\n    [mode]=\"'push'\"\n    [style.background]=\"\n      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'\n    \"\n  >\n    <mat-drawer-content>\n      <lib-bot-html-editor\n        *ngIf=\"isContentLoaded\"\n        [editorContent]=\"currentMessageForEditor\"\n        [isDocInEditMode]=\"isDocInEditMode\"\n        [documentContent]=\"documentContent\"\n        [conversationId]=\"conversationId\"\n        [botId]=\"botId\"\n      ></lib-bot-html-editor>\n    </mat-drawer-content>\n  </mat-drawer>\n</mat-drawer-container>\n\n<div *ngIf=\"showWorkflowExecutionDetails\" class=\"modal\">\n  <div class=\"modal-content\">\n    <div class=\"close-wrapper\">\n      <span class=\"close_pop\" (click)=\"closeModal()\">&times;</span>\n    </div>\n    <div class=\"titleSection\">\n      <!-- Workflow Title -->\n      <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>\n      <!-- Workflow Title -->\n    </div>\n    <!-- Inputs Section -->\n    <div class=\"inputs-section\">\n      <h3>Inputs</h3>\n      <ul>\n        <li\n          *ngFor=\"let input of objectToArray(workflowExecutionDetails.Inputs)\"\n        >\n          {{ input.key }}: {{ input.value }}\n        </li>\n      </ul>\n    </div>\n\n    <!-- Actions Section (Displayed as Timeline) -->\n    <div class=\"actions-section\">\n      <h3>Agent Actions</h3>\n      <div class=\"timeline\">\n        <div\n          *ngFor=\"let action of workflowExecutionDetails.Actions\"\n          class=\"timeline-item\"\n        >\n          <div class=\"timestamp-section\">\n            <h4>{{ action.ActionName || action.Name }}</h4>\n            <p><strong></strong> {{ action.InsertTimeStamp }}</p>\n          </div>\n          <p [innerHTML]=\"processMessageForDisplay(action.Output)\"></p>\n          <!-- <pre>{{ action.Output }}</pre> -->\n        </div>\n      </div>\n    </div>\n\n    <!-- Insert Timestamp -->\n    <div class=\"timestamp-section\">\n      <p>\n        <strong>Inserted At:</strong>\n        {{ workflowExecutionDetails.InsertTimeStamp }}\n      </p>\n    </div>\n  </div>\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: ["@import url(\"https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css\");.bot-sticky-header-chat{background:#fff;border:none!important;border-bottom:1px solid #ddd;box-shadow:2px 0 5px #e1e1e1!important;padding:0 0 10px;padding:10px 15px!important;position:fixed;top:0!important;transition:all 1s;width:100%;z-index:100}@media (max-width:768px){.bot-sticky-header-chat{top:0!important}}#botAllChat{padding:0 20px!important}::-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-bot-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-bot-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-bot-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-bot-wrapper mat-drawer{background-color:#f2f2f2;background-image:none!important;width:100%}.hivegpt-chat-bot-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-bot-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-bot-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-bot-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-bot-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-bot-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-bot-wrapper .chat-main .innerChat{overflow-y:auto;padding-top:72px!important;width:100%}.hivegpt-chat-bot-wrapper .chat-main .ai h3{font-size:1.3rem!important}.hivegpt-chat-bot-wrapper .chat-main .chat-box{width:100%}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message{margin-left:50px;margin-top:10px;min-height:40px;position:relative}@media (max-width:768px){.hivegpt-chat-bot-wrapper .chat-main .chat-box .message{margin-left:0}}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message p{color:#000;color:#525252;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;text-align:left}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:flow-root;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-bot-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message{margin-left:0}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap{background:#fff;border-radius:4px 14px 14px 14px;box-sizing:border-box;margin-top:6px;max-width:100%;overflow-wrap:break-word;padding:10px 14px 10px 26px;width:100%;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content{margin:0;max-width:100%;overflow-wrap:break-word;padding:0;width:100%;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content>div{margin:0;max-width:100%;overflow-wrap:break-word;padding:0;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content>div *{max-width:100%}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .Icon_TimeSTamp{margin:0}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser{color:#fff!important;text-align:right}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box{margin-left:auto;margin-right:0;width:-moz-fit-content;width:fit-content}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message{align-items:flex-end;display:flex;flex-direction:column;margin-left:0;margin-right:0;max-width:100%;padding-right:0;width:-moz-fit-content;width:fit-content}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap{background:#183988;border-radius:14px 4px 14px 14px;color:#fff!important;margin-top:6px;max-width:100%;overflow-wrap:break-word;padding:10px 14px;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap .chat-bubble-content,.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap .chat-bubble-content>div{max-width:100%;overflow-wrap:break-word;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap p,.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message p{color:#fff!important;text-align:left}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .dateTime{margin-left:0;margin-right:10px;text-align:right}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .dateTime span{margin-left:0;margin-right:5px}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .time-cta{justify-content:flex-end}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .Icon_TimeSTamp{justify-content:flex-end;margin:0}.hivegpt-chat-bot-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:left;margin:0 -60px;width:auto}@media (max-width:768px){.hivegpt-chat-bot-wrapper .chat-main .chat .Icon_TimeSTamp{margin:0}}.hivegpt-chat-bot-wrapper .chat-main .chat .dateTime{color:#333232;font-size:15px;font-style:normal;font-weight:300;line-height:140%}.hivegpt-chat-bot-wrapper .chat-main .chat .dateTime span{color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:140%;margin-left:15px;margin-right:5px}.hivegpt-chat-bot-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-bot-wrapper .chatFooterWrapper{background:#fff;border:2px solid hsla(0,0%,85.5%,.5882352941176471);border-radius:10px;box-shadow:2px 0 5px #e1e1e1;margin:0 15px 15px;margin-top:10px!important;transition:all .5s;width:auto}.hivegpt-chat-bot-wrapper .chatFooterWrapper:hover{border:2px solid hsla(0,0%,72.2%,.5882352941176471);box-shadow:2px 0 4px #ddd}.hivegpt-chat-bot-wrapper .chatFooterWrapper .chat-footer-upt{padding:4px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note{align-items:center;background:rgba(27,117,187,.050980392156862744);border-radius:15px;color:#000;display:inline-flex;font-size:12px;gap:8px;line-height:1;margin:0 auto 4px;padding:10px 25px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-bot-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0;position:relative}.hivegpt-chat-bot-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-bot-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-bot-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-bot-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-bot-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-bot-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-bot-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-bot-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-bot-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-bot-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-bot-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-bot-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-bot-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-bot-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-bot-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-bot-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-bot-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-bot-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-bot-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.botUser .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.botUser .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:20px}.title h2{font-size:22px;margin:0}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#000;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:#000}.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 2s 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%);z-index:0}@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:#f7f7f7;border-radius:13px;color:#566563;display:flex;float:right;gap:12px;padding:5px 10px;position:relative;width:135px}.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}.chat-footer{background:#fff;flex-direction:column;margin-bottom:10px}.chat-footer,.topinfo-containerbox{align-items:center;display:flex;width:100%}.topinfo-containerbox{background:#f9f9f9;border-bottom:1px solid #efefef;justify-content:space-between;margin:0;padding:5px 10px 8px}@media (max-width:768px){.topinfo-containerbox{flex-direction:column}}.agents_note_wrapper{display:flex;justify-content:space-around}.bottombox-wrapper{display:flex;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;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,.text-left .note-section{align-items:center;display:flex}.text-left .note-section{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);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{background:#f5f5f5;border-radius:8px;font-size:13px;margin-bottom:5px;padding:6px 12px}.list-container li:hover{color:#000;cursor:pointer}.attendee-cards-section,.session-cards-section{display:block;margin-bottom:4px;margin-top:8px;overflow:visible;visibility:visible;width:100%}.card-message-text{margin-bottom:8px}.session-cards-container{display:flex;flex-direction:column;gap:12px}.session-card-item{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:16px 18px}.session-card-title{color:#000;font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 12px}.session-card-divider{background:#e5e5e5;height:1px;margin:0 0 12px}.session-card-details{display:flex;flex-direction:column;gap:8px}.session-card-row{align-items:baseline;display:flex;font-size:14px;gap:12px;justify-content:space-between;line-height:1.4}.session-card-label{color:#000;flex-shrink:0;font-weight:400}.session-card-value{color:#000;font-weight:400;text-align:right}.session-card-when-value{color:#000}.session-card-status{align-items:center;color:#0d9488;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:end;margin-bottom:14px;margin-top:12px}.session-card-status-bullet{background:#0d9488;border-radius:50%;height:6px;min-width:6px;width:6px}.session-card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:4px}.session-card-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:400;padding:8px 20px;transition:opacity .2s}.session-card-btn-primary{background:#17235b;color:#fff}.session-card-btn-primary:hover{opacity:.92}.session-card-btn-secondary{background:#fff;border:1px solid #c4c4c4;color:#525252}.session-card-btn-secondary:hover{background:#f5f5f5}.attendee-cards-container{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);min-height:0;width:100%}@media (max-width:640px){.attendee-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.attendee-cards-container{grid-template-columns:1fr}}.attendee-card-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:200px;min-width:0;padding:12px;visibility:visible}.attendee-card-photo img,.attendee-card-placeholder{-o-object-fit:cover;border-radius:24px;height:48px;margin-bottom:8px;object-fit:cover;width:48px}.attendee-card-placeholder{align-items:center;background:#e8e8e8;color:#555;display:flex;font-size:18px;font-weight:600;justify-content:center}.attendee-card-info{display:flex;flex:1;flex-direction:column;justify-content:flex-start;margin-bottom:8px;min-height:48px;text-align:center;width:100%}.attendee-card-name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#000;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.attendee-card-interests,.attendee-card-meta{color:#555;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendee-card-btn{background:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.attendee-card-btn:hover{opacity:.9}.attendee-card-btn:disabled{cursor:not-allowed;opacity:.6}.attendee-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:auto;padding-top:8px}.attendee-card-actions .attendee-card-btn+.attendee-card-btn{margin-left:0}.show-more-cards-btn{align-items:center;background:#fff;border:1.5px dashed #ccc;border-radius:12px;color:#06f;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:12px;padding:10px 16px;width:100%}.show-more-cards-btn:hover{background:#f8f9fa}.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:5px auto}.card-header{background:#eee;border-bottom:0;border-radius:8px 8px 0 0;display:flex!important;padding:8px 15px;width:auto}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.uptList{background:rgba(245,222,179,.1411764705882353);border-radius:0 0 10px 10px;margin-bottom:20px!important}.list-group-item{color:#0f0f0f;font-size:15px;margin:1px 0;padding:0 18px}.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}.closeButtonEditor{border:0;border-radius:100%;height:32px;padding:3px 0 0;position:absolute;right:10px;top:5px;width:32px}.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{background:hsla(0,0%,99.6%,.23137254901960785);border-radius:15px;padding:15px;width:90%}.chat-textarea{background-color:#fff;border:none;box-sizing:border-box;font-size:15px;height:30px;line-height:1.5;overflow-y:hidden;padding:10px;resize:none;transition:all 1s;width:100%}.chat-textarea:focus,.chat-textarea:hover{height:60px}.chat-textarea:focus{outline:none}.fixed-btn{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 12px;position:fixed;right:-22px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn:hover{background-color:#5b5b5b}.fixed-btn-close{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 16px;position:fixed;right:549px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn-close:hover{background-color:#5b5b5b}.btn.rotate{transform:rotate(-15deg)}.btn.rotate:hover{transform:rotate(0deg)}.btn.cta-chat{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;padding:5px;text-align:center;transition:all .5s;width:40px}.btn.cta-chat:hover{background:#d7d7d7;color:#666}.btn.cta-chat svg{vertical-align:middle}.btn.cta-chat.voice-btn{border-radius:9999px;flex-shrink:0;gap:8px;justify-content:flex-start;max-width:40px;min-width:40px;overflow:hidden;padding-left:11px;padding-right:11px;transition:max-width .35s ease,width .35s ease,background-color .25s ease,color .25s ease,padding .3s ease;width:40px}.btn.cta-chat.voice-btn .voice-btn-icon{flex-shrink:0}.btn.cta-chat.voice-btn .voice-btn-text{font-size:14px;font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:opacity .25s ease .1s,max-width .3s ease .05s;white-space:nowrap}.btn.cta-chat.voice-btn:hover{background:#0d9488!important;color:#fff!important;max-width:120px;padding-left:14px;padding-right:16px;width:auto}.btn.cta-chat.voice-btn:hover .voice-btn-text{max-width:4em;opacity:1}.chat-footer-upt{padding:4px}.workflowbox{align-items:center;border:1px solid transparent;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;transition:all .5s;white-space:nowrap}.workflowbox:hover{background:#fff;border:1px solid #ddd}.workflowbox svg{margin:0 10px}.edit-boxDrawer{border-left:1px solid #ddd;box-shadow:1px 1px 15px hsla(0,0%,86.7%,.7686274509803922)!important}.edit-boxDrawer mat-drawer-content,ng-deep .edit-boxDrawer mat-drawer-content{margin-left:0!important;margin-right:0!important}.SearchTitle{font-size:16px!important;text-transform:capitalize}.exicution{background:#f9f9f9;margin:30px 0!important;padding:15px 20px}.new-conversationbutton{align-items:center;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;padding:6px;position:absolute;right:88px;top:20px!important;transition:all .5s;width:120px;z-index:1000}.new-conversationbutton:hover{background:#eee}@media (max-width:768px){.new-conversationbutton{align-items:center;font-size:11px!important;padding:0!important;position:fixed!important;right:18px!important;top:56px!important;width:90px!important}}.NoteTxt{margin:0 auto;margin-bottom:10px!important}.NoteTxt .text{margin:0 5px}.form-container{width:100%}.progress-container{align-items:center;display:flex}.circular-loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;box-sizing:border-box;height:50px;position:relative;width:50px}.loader-spinner{animation:rotate-loader 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:transparent;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.loader-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-label{color:#333;font-size:16px;margin-left:20px}.checkmark{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkmark-circle{animation:stroke .6s ease-in-out forwards;stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4}.checkmark-check{animation:stroke-check .4s ease-in-out .4s forwards;stroke:#4caf50;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.circular-loader.completed .loader-spinner{animation:none;transform:rotate(1turn)}.icon-button{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:24px}.icon-button:focus{outline:none}.icon-button:hover{color:#007bff}.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:600px;margin:5% auto;padding:20px;position:relative;width:82%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.SearchTitle.botUser{font-size:30px!important;text-transform:none!important}.SearchTitle.botUser h2,.SearchTitle.botUser p{font-size:1.7rem!important}.title_chat{display:flex;margin:0;padding:0}.title_chat h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:10px 0}.title_chat h2 p{display:inline!important}.title_chat h2 span:before{content:\"\"!important}@media (max-width:768px){.title_chat h2{align-items:start;flex-direction:column;font-size:16px}}.small-title{font-size:12px;margin:2px 0}.titleSection{margin:0}.titleSection h2{color:#000;font-size:20px;margin:0}.inputs-section{background-color:#f7f7f7;border-radius:5px;margin:0 0 10px;padding:10px 15px 0}.inputs-section h3{font-size:16px}.actions-section{background-color:#f9f9f9;border-radius:5px;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px}.timeline{margin-bottom:20px;padding-left:40px;position:relative}.timeline:before{border-right:2px dashed #cecece;content:\"\";height:100%;left:19px;position:absolute}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:50%;content:\"\";height:20px;left:-30px;position:absolute;top:0;width:20px;z-index:1}.timeline-item h4{color:#000;font-size:16px;font-weight:700;margin:0}.timeline-item pre{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;white-space:pre-wrap}.timestamp-section{color:#666;font-style:normal;justify-content:space-between}.mic-btn{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:10px}.mic-btn:active{background-color:#f66}.actions-section h3{font-size:16px}.close-wrapper{display:flex;justify-content:right;position:absolute;right:22px;top:0;width:100%}.close_pop{color:#aaa;cursor:pointer;font-size:30px;font-weight:400}.chat-avatar,.close_pop{align-items:center;display:flex;justify-content:center}.chat-avatar{background:#fcfcfc;border:1px solid #dfdfdf;border-radius:50%;flex-shrink:0;height:44px;min-height:44px;min-width:44px;overflow:hidden;width:44px}.chat-avatar-img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.chat-avatar-initials{-moz-user-select:none;-webkit-user-select:none;color:#555;font-size:1rem;font-weight:600;text-transform:uppercase;user-select:none}.chat-avatar-initials-assistant{color:#000}.chat-avatar-initials-user{color:#761c79}.user-Box{align-items:center;display:flex}.bards{position:absolute;right:0;top:20px}::ng-deep .code-container{margin:20px 0;position:relative}::ng-deep .copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}::ng-deep .copy-button:hover{background-color:#0056b3}::ng-deep .code_block.diff{background-color:#f8f8f8;border-left:4px solid #ccc;overflow:auto;padding:10px}::ng-deep .heading003{color:#000;font-size:20px;font-weight:700}::ng-deep .listing{list-style:decimal;margin:0 25px;padding:0}.line{background-color:#e8e8e8;border-radius:15px;display:inline-block;height:15px;width:15px}.load-2 .line:last-child{animation:loadingB 1.5s 1s infinite;margin:5px 0}.load-2 .line:nth-last-child(2){animation:loadingB 1.5s .5s infinite;margin:5px 0}.load-2 .line:nth-last-child(3){animation:loadingB 1.5s 0s infinite;margin:5px 0}.load-1 .line:last-child{animation:loadingA 1.5s 1.2s infinite;margin:5px 0}.load-1 .line:nth-last-child(2){animation:loadingA 1.5s .8s infinite;margin:5px 0}.load-1 .line:nth-last-child(3){animation:loadingA 1.5s .2s infinite;margin:5px 0}@keyframes loadingB{0%{width:65px}50%{width:235px}to{width:65px}}@keyframes loadingA{0%{width:45px}50%{width:205px}to{width:45px}}.chat-thinking{padding-left:20px!important}.chat-thinking .thinking-row{align-items:center;display:flex;gap:8px;margin-top:6px}.chat-thinking .thinking-dots{align-items:center;display:flex;gap:4px}.chat-thinking .thinking-dot{animation:thinking-bounce 1.4s ease-in-out infinite both;background:#06f;border-radius:50%;height:6px;width:6px}.chat-thinking .thinking-dot:first-child{animation-delay:0s;background:#9ca3af}.chat-thinking .thinking-dot:nth-child(2){animation-delay:.2s;background:#06f}.chat-thinking .thinking-dot:nth-child(3){animation-delay:.4s;background:#17235b}.chat-thinking .thinking-text{color:#6b7280;font-size:14px;font-weight:400}@keyframes thinking-bounce{0%,80%,to{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.loaderbox{height:60px;margin:10px 0;position:relative}.loader-pkg{bottom:0;left:0;margin:0;top:0;width:250px}.loader--dot,.loader-pkg{height:20px;position:absolute}.loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;width:20px}.loader--dot:first-child{animation-delay:.5s;background-color:#618e93}.loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}.loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}.loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}.loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}.loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}.loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}.loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}@keyframes loader{15%{transform:translateX(230px)}45%{transform:translateX(0)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:\"Loading\"}25%{content:\"Loading.\"}50%{content:\"Loading..\"}75%{content:\"Loading...\"}}::ng-deep .loaderbox{height:60px;margin:10px 0;position:relative}::ng-deep .loader-pkg{bottom:0;height:20px;left:0;margin:0;position:absolute;top:0;width:250px}::ng-deep .loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;height:20px;position:absolute;width:20px}::ng-deep .loader--dot:first-child{animation-delay:.5s;background-color:#618e93}::ng-deep .loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}::ng-deep .loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}::ng-deep .loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}::ng-deep .loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}::ng-deep .loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}::ng-deep .loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}::ng-deep .loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}.agents-popwindowbox{background:#fff;padding:10px;width:100%}.agents-popwindowbox h3{color:#000;font-size:15px}.dropdown-menu-agents{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;padding:0;position:absolute;top:auto;width:270px;z-index:1000}.dropdown-menu-agents .scrollerbox{display:flex;flex:fit-content;flex-direction:column;height:215px;overflow-y:auto}.dropdown-menu-agents label{align-items:center;background:#f9f9f9;border-radius:2px;cursor:pointer;display:flex;font-size:13px;justify-content:start;line-height:16px;margin:2px 0;padding:7px}.dropdown-menu-agents label:hover{background:#ebebeb}.dropdown-menu-agents label input{opacity:0;position:absolute}.dropdown-menu-agents .input-check{border:2px solid #ccc;border-radius:4px;display:inline-block;height:23px;margin-right:5px;position:relative;top:0;transition:.5s;width:25px}.dropdown-menu-agents label input:checked~.input-check{animation:animate .7s ease;background:#06f;border-color:#06f}@keyframes animate{0%{transform:scale(1)}40%{transform:scale(1.3,.7)}55%{transform:scale(1)}70%{transform:scale(1.2,.8)}80%{transform:scale(1)}90%{transform:scale(1.1,.9)}to{transform:scale(1)}}.dropdown-menu-agents .input-check:before{border-bottom:3px solid #fff;border-left:3px solid #fff;content:\"\";height:6px;left:4px;position:absolute;top:6px;transform:scale(0) rotate(-45deg);transition:.5s;width:15px}.dropdown-menu-agents label input:checked~.input-check:before{transform:scale(1) rotate(-45deg)}::ng-deep .h1,::ng-deep h1{font-size:1.165rem}::ng-deep .h2,::ng-deep .h3,::ng-deep h2,::ng-deep h3{font-size:1.125rem}::ng-deep b,::ng-deep strong{font-weight:600}@media (max-width:768px){.note{line-height:15px;margin:0 auto;padding:3px 0 10px;width:90%}}.show-hover{display:none}.chat.bot:hover .show-hover{display:flex!important}"]
+                    styles: ["@import url(\"https://e1cdn.social27.com/digitalevents/liteversion/fonts/segoe-ui/stylesheet.css\");.bot-sticky-header-chat{background:#fff;border:none!important;border-bottom:1px solid #ddd;box-shadow:2px 0 5px #e1e1e1!important;padding:0 0 10px;padding:10px 15px!important;position:fixed;top:0!important;transition:all 1s;width:100%;z-index:100}@media (max-width:768px){.bot-sticky-header-chat{top:0!important}}#botAllChat{padding:0 20px!important}::-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-bot-wrapper{background:transparent!important;height:100%;inset:0;opacity:0;position:fixed;visibility:hidden;z-index:999999}.hivegpt-chat-bot-wrapper.mat-drawer-container-has-open{background:transparent!important;opacity:1;transition:all .3s;visibility:visible;z-index:999999}.hivegpt-chat-bot-wrapper .mat-drawer:not(.mat-drawer-side){box-shadow:none}.hivegpt-chat-bot-wrapper mat-drawer{background-color:#f2f2f2;background-image:none!important;width:100%}.hivegpt-chat-bot-wrapper mat-drawer.full-width-drawer{max-width:100%}.hivegpt-chat-bot-wrapper .mat-drawer-content{display:flex;flex-direction:column}.hivegpt-chat-bot-wrapper .chat-header{padding:16px 40px;width:100%}.hivegpt-chat-bot-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-bot-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-bot-wrapper .chat-main{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto;width:100%}.hivegpt-chat-bot-wrapper .chat-main .innerChat{overflow-y:auto;padding-top:72px!important;width:100%}.hivegpt-chat-bot-wrapper .chat-main .ai h3{font-size:1.3rem!important}.hivegpt-chat-bot-wrapper .chat-main .chat-box{width:100%}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message{margin-left:50px;margin-top:10px;min-height:40px;position:relative}@media (max-width:768px){.hivegpt-chat-bot-wrapper .chat-main .chat-box .message{margin-left:0}}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message p{color:#000;color:#525252;font-family:Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;text-align:left}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message p a{color:#17235b!important;cursor:pointer!important;font-weight:700;text-decoration:underline}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta{align-items:end;bottom:-7px;display:flow-root;gap:10px;grid-gap:10px;position:relative;right:-10px;z-index:5}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button{background:transparent;border:none;color:#566563;cursor:pointer;padding:0;transition:all .3s}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button i{display:inline-block}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button:hover{color:#17235b}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button.up:hover i{animation:thumbsUpAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-bot-wrapper .chat-main .chat-box .message .cta button.down:hover i{animation:thumbsDownAnimation .5s ease-in-out;animation-fill-mode:forwards}.hivegpt-chat-bot-wrapper .chat-main .chat{margin-bottom:20px}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message{margin-left:0}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap{background:#fff;border-radius:4px 14px 14px 14px;box-sizing:border-box;margin-top:6px;max-width:100%;overflow-wrap:break-word;padding:10px 14px 10px 26px;width:100%;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content{margin:0;max-width:100%;overflow-wrap:break-word;padding:0;width:100%;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content>div{margin:0;max-width:100%;overflow-wrap:break-word;padding:0;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .chat-box .message .chat-bubble-wrap .chat-bubble-content>div *{max-width:100%}.hivegpt-chat-bot-wrapper .chat-main .chat.botAi .Icon_TimeSTamp{margin:0}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser{color:#fff!important;text-align:right}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box{margin-left:auto;margin-right:0;width:-moz-fit-content;width:fit-content}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message{align-items:flex-end;display:flex;flex-direction:column;margin-left:0;margin-right:0;max-width:100%;padding-right:0;width:-moz-fit-content;width:fit-content}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap{background:#183988;border-radius:14px 4px 14px 14px;color:#fff!important;margin-top:6px;max-width:100%;overflow-wrap:break-word;padding:10px 14px;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap .chat-bubble-content,.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap .chat-bubble-content>div{max-width:100%;overflow-wrap:break-word;word-break:break-word}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message .chat-bubble-wrap p,.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .chat-box .message p{color:#fff!important;text-align:left}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .dateTime{margin-left:0;margin-right:10px;text-align:right}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .dateTime span{margin-left:0;margin-right:5px}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .time-cta{justify-content:flex-end}.hivegpt-chat-bot-wrapper .chat-main .chat.botUser .Icon_TimeSTamp{justify-content:flex-end;margin:0}.hivegpt-chat-bot-wrapper .chat-main .chat .Icon_TimeSTamp{align-content:center;align-items:center;display:flex;justify-content:left;margin:0 -60px;width:auto}@media (max-width:768px){.hivegpt-chat-bot-wrapper .chat-main .chat .Icon_TimeSTamp{margin:0}}.hivegpt-chat-bot-wrapper .chat-main .chat .dateTime{color:#333232;font-size:15px;font-style:normal;font-weight:300;line-height:140%}.hivegpt-chat-bot-wrapper .chat-main .chat .dateTime span{color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:140%;margin-left:15px;margin-right:5px}.hivegpt-chat-bot-wrapper .chat-main .chat:last-of-type{margin-bottom:0}.hivegpt-chat-bot-wrapper .chatFooterWrapper{background:#fff;border:2px solid hsla(0,0%,85.5%,.5882352941176471);border-radius:10px;box-shadow:2px 0 5px #e1e1e1;margin:0 15px 15px;margin-top:10px!important;transition:all .5s;width:auto}.hivegpt-chat-bot-wrapper .chatFooterWrapper:hover{border:2px solid hsla(0,0%,72.2%,.5882352941176471);box-shadow:2px 0 4px #ddd}.hivegpt-chat-bot-wrapper .chatFooterWrapper .chat-footer-upt{padding:4px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note{align-items:center;background:rgba(27,117,187,.050980392156862744);border-radius:15px;color:#000;display:inline-flex;font-size:12px;gap:8px;line-height:1;margin:0 auto 4px;padding:10px 25px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note a{text-transform:capitalize}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note i{font-size:18px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note i svg{height:18px;width:18px}.hivegpt-chat-bot-wrapper .chatFooterWrapper .note span{flex:1;gap:4px;line-height:1.3}.hivegpt-chat-bot-wrapper .chat-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0;position:relative}.hivegpt-chat-bot-wrapper .chat-footer .form-control{background:#fff!important;border:0;line-height:21px;outline:0;padding:10px;position:relative;width:100%}.hivegpt-chat-bot-wrapper .chat-footer .form-control::-moz-placeholder{color:#6c7a78}.hivegpt-chat-bot-wrapper .chat-footer .form-control::placeholder{color:#6c7a78}.hivegpt-chat-bot-wrapper .chat-footer .form-control:focus{border-color:#e5ccbc}.hivegpt-chat-bot-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-bot-wrapper .chat-footer .cta-footer .btn{color:#000;font-weight:500;gap:8px;max-width:150px;padding:0}.hivegpt-chat-bot-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-bot-wrapper .chat-footer .cta-footer .cta-chat:hover{opacity:.8}.hivegpt-chat-bot-wrapper .chat-footer .cta-footer .cta-again{background:#17235b;border:1px solid #17235b;color:#fff}.hivegpt-chat-bot-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-bot-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-bot-wrapper .chat-main .innerChat{padding:0 24px 10px}.hivegpt-chat-bot-wrapper .chat-footer{padding:10px 24px}.hivegpt-chat-bot-wrapper .chat-footer .cta-footer .cta-chat{max-width:100%}.hivegpt-chat-bot-wrapper .chat-footer .form-control{height:80px}.hivegpt-chat-bot-wrapper .chat-header .closeIcon{height:28px;right:8px;top:8px;width:28px}.hivegpt-chat-bot-wrapper .chat-header .closeIcon span{font-size:14px}.hivegpt-chat-bot-wrapper .chat-header{padding:10px 24px}.hivegpt-chat-bot-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.botUser .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.botUser .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:20px}.title h2{font-size:22px;margin:0}.title h2 span{align-items:center;color:#000;display:inline-flex;gap:10px}.title h2 i{color:#000;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:#000}.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 2s 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%);z-index:0}@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:#f7f7f7;border-radius:13px;color:#566563;display:flex;float:right;gap:12px;padding:5px 10px;position:relative;width:135px}.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}.chat-footer{background:#fff;flex-direction:column;margin-bottom:10px}.chat-footer,.topinfo-containerbox{align-items:center;display:flex;width:100%}.topinfo-containerbox{background:#f9f9f9;border-bottom:1px solid #efefef;justify-content:space-between;margin:0;padding:5px 10px 8px}@media (max-width:768px){.topinfo-containerbox{flex-direction:column}}.agents_note_wrapper{display:flex;justify-content:space-around}.bottombox-wrapper{display:flex;padding:10px;width:100%}.dropdown-wrapper{margin-right:10px;position:relative}.dropdown-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;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,.text-left .note-section{align-items:center;display:flex}.text-left .note-section{background:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);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{background:#f5f5f5;border-radius:8px;font-size:13px;margin-bottom:5px;padding:6px 12px}.list-container li:hover{color:#000;cursor:pointer}.attendee-cards-section,.session-cards-section{display:block;margin-bottom:4px;margin-top:8px;overflow:visible;visibility:visible;width:100%}.card-message-text{margin-bottom:8px}.session-cards-container{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:640px){.session-cards-container{grid-template-columns:1fr}}.session-card-item{background:linear-gradient(135deg,#b8a9c9,#9b8ab0);border:none;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:0;padding:18px 20px}.session-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.session-card-date-badge{align-items:center;background:#000;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:48px;padding:6px 8px;width:48px}.session-card-date-day{color:#fff;display:block;font-size:18px;font-weight:700;line-height:1.2}.session-card-date-month{color:hsla(0,0%,100%,.95);display:block;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.session-card-room-time{flex:1;min-width:0;text-align:right}.session-card-room{color:#fff;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:2px}.session-card-time{color:hsla(0,0%,100%,.85);font-size:13px;line-height:1.3}.session-card-title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.35;margin:0 0 10px}.session-card-description{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:hsla(0,0%,100%,.9);display:-webkit-box;flex:1;font-size:14px;line-height:1.45;margin-bottom:12px;min-height:0;overflow:hidden}.session-card-status{align-items:center;color:hsla(0,0%,100%,.95);display:flex;font-size:13px;font-weight:400;gap:8px;justify-content:flex-end;margin-bottom:12px;margin-top:auto}.session-card-status-bullet{background:hsla(0,0%,100%,.9);border-radius:50%;height:6px;min-width:6px;width:6px}.session-card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:0}.session-card-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:opacity .2s}.session-card-btn-primary{background:#000;color:#fff}.session-card-btn-primary:hover{opacity:.9}.session-card-btn-secondary{background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.5);color:#333}.session-card-btn-secondary:hover{background:#fff;opacity:.95}.attendee-cards-container{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);min-height:0;width:100%}@media (max-width:640px){.attendee-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.attendee-cards-container{grid-template-columns:1fr}}.attendee-card-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:200px;min-width:0;padding:12px;visibility:visible}.attendee-card-photo img,.attendee-card-placeholder{-o-object-fit:cover;border-radius:24px;height:48px;margin-bottom:8px;object-fit:cover;width:48px}.attendee-card-placeholder{align-items:center;background:#e8e8e8;color:#555;display:flex;font-size:18px;font-weight:600;justify-content:center}.attendee-card-info{display:flex;flex:1;flex-direction:column;justify-content:flex-start;margin-bottom:8px;min-height:48px;text-align:center;width:100%}.attendee-card-name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#000;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.attendee-card-interests,.attendee-card-meta{color:#555;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendee-card-btn{background:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.attendee-card-btn:hover{opacity:.9}.attendee-card-btn:disabled{cursor:not-allowed;opacity:.6}.attendee-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:auto;padding-top:8px}.attendee-card-actions .attendee-card-btn+.attendee-card-btn{margin-left:0}.show-more-cards-btn{align-items:center;background:#fff;border:1.5px dashed #ccc;border-radius:12px;color:#06f;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:12px;padding:10px 16px;width:100%}.show-more-cards-btn:hover{background:#f8f9fa}.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:5px auto}.card-header{background:#eee;border-bottom:0;border-radius:8px 8px 0 0;display:flex!important;padding:8px 15px;width:auto}.icon{font-size:20px;line-height:5px}.rotate{transform:rotate(180deg)}.collapse{display:none}.uptList{background:rgba(245,222,179,.1411764705882353);border-radius:0 0 10px 10px;margin-bottom:20px!important}.list-group-item{color:#0f0f0f;font-size:15px;margin:1px 0;padding:0 18px}.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}.closeButtonEditor{border:0;border-radius:100%;height:32px;padding:3px 0 0;position:absolute;right:10px;top:5px;width:32px}.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{background:hsla(0,0%,99.6%,.23137254901960785);border-radius:15px;padding:15px;width:90%}.chat-textarea{background-color:#fff;border:none;box-sizing:border-box;font-size:15px;height:30px;line-height:1.5;overflow-y:hidden;padding:10px;resize:none;transition:all 1s;width:100%}.chat-textarea:focus,.chat-textarea:hover{height:60px}.chat-textarea:focus{outline:none}.fixed-btn{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 12px;position:fixed;right:-22px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn:hover{background-color:#5b5b5b}.fixed-btn-close{background-color:#000;border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;font-size:16px;padding:5px 16px;position:fixed;right:549px;top:46%;transform:translateY(-50%) rotate(270deg);transform-origin:center;transition:all .5s;z-index:1000000}.fixed-btn-close:hover{background-color:#5b5b5b}.btn.rotate{transform:rotate(-15deg)}.btn.rotate:hover{transform:rotate(0deg)}.btn.cta-chat{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 auto;padding:5px;text-align:center;transition:all .5s;width:40px}.btn.cta-chat:hover{background:#d7d7d7;color:#666}.btn.cta-chat svg{vertical-align:middle}.btn.cta-chat.voice-btn{border-radius:9999px;flex-shrink:0;gap:8px;justify-content:flex-start;max-width:40px;min-width:40px;overflow:hidden;padding-left:11px;padding-right:11px;transition:max-width .35s ease,width .35s ease,background-color .25s ease,color .25s ease,padding .3s ease;width:40px}.btn.cta-chat.voice-btn .voice-btn-icon{flex-shrink:0}.btn.cta-chat.voice-btn .voice-btn-text{font-size:14px;font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:opacity .25s ease .1s,max-width .3s ease .05s;white-space:nowrap}.btn.cta-chat.voice-btn:hover{background:#0d9488!important;color:#fff!important;max-width:120px;padding-left:14px;padding-right:16px;width:auto}.btn.cta-chat.voice-btn:hover .voice-btn-text{max-width:4em;opacity:1}.chat-footer-upt{padding:4px}.workflowbox{align-items:center;border:1px solid transparent;border-radius:48px;color:#414141!important;cursor:pointer;display:flex;font-size:14px;margin-bottom:0;padding:.5rem 1.5rem;transition:all .5s;white-space:nowrap}.workflowbox:hover{background:#fff;border:1px solid #ddd}.workflowbox svg{margin:0 10px}.edit-boxDrawer{border-left:1px solid #ddd;box-shadow:1px 1px 15px hsla(0,0%,86.7%,.7686274509803922)!important}.edit-boxDrawer mat-drawer-content,ng-deep .edit-boxDrawer mat-drawer-content{margin-left:0!important;margin-right:0!important}.SearchTitle{font-size:16px!important;text-transform:capitalize}.exicution{background:#f9f9f9;margin:30px 0!important;padding:15px 20px}.new-conversationbutton{align-items:center;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;padding:6px;position:absolute;right:88px;top:20px!important;transition:all .5s;width:120px;z-index:1000}.new-conversationbutton:hover{background:#eee}@media (max-width:768px){.new-conversationbutton{align-items:center;font-size:11px!important;padding:0!important;position:fixed!important;right:18px!important;top:56px!important;width:90px!important}}.NoteTxt{margin:0 auto;margin-bottom:10px!important}.NoteTxt .text{margin:0 5px}.form-container{width:100%}.progress-container{align-items:center;display:flex}.circular-loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;box-sizing:border-box;height:50px;position:relative;width:50px}.loader-spinner{animation:rotate-loader 1s linear infinite;border:2px solid #2196f3;border-radius:50%;border-top-color:transparent;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.loader-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader-label{color:#333;font-size:16px;margin-left:20px}.checkmark{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.checkmark-circle{animation:stroke .6s ease-in-out forwards;stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4}.checkmark-check{animation:stroke-check .4s ease-in-out .4s forwards;stroke:#4caf50;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}@keyframes rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmark-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.circular-loader.completed .loader-spinner{animation:none;transform:rotate(1turn)}.icon-button{background-color:transparent;border:none;color:#333;cursor:pointer;font-size:24px}.icon-button:focus{outline:none}.icon-button:hover{color:#007bff}.modal{background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;padding-top:0;position:fixed;top:0;width:100%;z-index:1000001}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:600px;margin:5% auto;padding:20px;position:relative;width:82%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.SearchTitle.botUser{font-size:30px!important;text-transform:none!important}.SearchTitle.botUser h2,.SearchTitle.botUser p{font-size:1.7rem!important}.title_chat{display:flex;margin:0;padding:0}.title_chat h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:10px 0}.title_chat h2 p{display:inline!important}.title_chat h2 span:before{content:\"\"!important}@media (max-width:768px){.title_chat h2{align-items:start;flex-direction:column;font-size:16px}}.small-title{font-size:12px;margin:2px 0}.titleSection{margin:0}.titleSection h2{color:#000;font-size:20px;margin:0}.inputs-section{background-color:#f7f7f7;border-radius:5px;margin:0 0 10px;padding:10px 15px 0}.inputs-section h3{font-size:16px}.actions-section{background-color:#f9f9f9;border-radius:5px;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px}.timeline{margin-bottom:20px;padding-left:40px;position:relative}.timeline:before{border-right:2px dashed #cecece;content:\"\";height:100%;left:19px;position:absolute}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:50%;content:\"\";height:20px;left:-30px;position:absolute;top:0;width:20px;z-index:1}.timeline-item h4{color:#000;font-size:16px;font-weight:700;margin:0}.timeline-item pre{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;white-space:pre-wrap}.timestamp-section{color:#666;font-style:normal;justify-content:space-between}.mic-btn{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;padding:10px}.mic-btn:active{background-color:#f66}.actions-section h3{font-size:16px}.close-wrapper{display:flex;justify-content:right;position:absolute;right:22px;top:0;width:100%}.close_pop{color:#aaa;cursor:pointer;font-size:30px;font-weight:400}.chat-avatar,.close_pop{align-items:center;display:flex;justify-content:center}.chat-avatar{background:#fcfcfc;border:1px solid #dfdfdf;border-radius:50%;flex-shrink:0;height:44px;min-height:44px;min-width:44px;overflow:hidden;width:44px}.chat-avatar-img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}.chat-avatar-initials{-moz-user-select:none;-webkit-user-select:none;color:#555;font-size:1rem;font-weight:600;text-transform:uppercase;user-select:none}.chat-avatar-initials-assistant{color:#000}.chat-avatar-initials-user{color:#761c79}.user-Box{align-items:center;display:flex}.bards{position:absolute;right:0;top:20px}::ng-deep .code-container{margin:20px 0;position:relative}::ng-deep .copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}::ng-deep .copy-button:hover{background-color:#0056b3}::ng-deep .code_block.diff{background-color:#f8f8f8;border-left:4px solid #ccc;overflow:auto;padding:10px}::ng-deep .heading003{color:#000;font-size:20px;font-weight:700}::ng-deep .listing{list-style:decimal;margin:0 25px;padding:0}.line{background-color:#e8e8e8;border-radius:15px;display:inline-block;height:15px;width:15px}.load-2 .line:last-child{animation:loadingB 1.5s 1s infinite;margin:5px 0}.load-2 .line:nth-last-child(2){animation:loadingB 1.5s .5s infinite;margin:5px 0}.load-2 .line:nth-last-child(3){animation:loadingB 1.5s 0s infinite;margin:5px 0}.load-1 .line:last-child{animation:loadingA 1.5s 1.2s infinite;margin:5px 0}.load-1 .line:nth-last-child(2){animation:loadingA 1.5s .8s infinite;margin:5px 0}.load-1 .line:nth-last-child(3){animation:loadingA 1.5s .2s infinite;margin:5px 0}@keyframes loadingB{0%{width:65px}50%{width:235px}to{width:65px}}@keyframes loadingA{0%{width:45px}50%{width:205px}to{width:45px}}.chat-thinking{padding-left:20px!important}.chat-thinking .thinking-row{align-items:center;display:flex;gap:8px;margin-top:6px}.chat-thinking .thinking-dots{align-items:center;display:flex;gap:4px}.chat-thinking .thinking-dot{animation:thinking-bounce 1.4s ease-in-out infinite both;background:#06f;border-radius:50%;height:6px;width:6px}.chat-thinking .thinking-dot:first-child{animation-delay:0s;background:#9ca3af}.chat-thinking .thinking-dot:nth-child(2){animation-delay:.2s;background:#06f}.chat-thinking .thinking-dot:nth-child(3){animation-delay:.4s;background:#17235b}.chat-thinking .thinking-text{color:#6b7280;font-size:14px;font-weight:400}@keyframes thinking-bounce{0%,80%,to{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.loaderbox{height:60px;margin:10px 0;position:relative}.loader-pkg{bottom:0;left:0;margin:0;top:0;width:250px}.loader--dot,.loader-pkg{height:20px;position:absolute}.loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;width:20px}.loader--dot:first-child{animation-delay:.5s;background-color:#618e93}.loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}.loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}.loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}.loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}.loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}.loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}.loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}@keyframes loader{15%{transform:translateX(230px)}45%{transform:translateX(0)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:\"Loading\"}25%{content:\"Loading.\"}50%{content:\"Loading..\"}75%{content:\"Loading...\"}}::ng-deep .loaderbox{height:60px;margin:10px 0;position:relative}::ng-deep .loader-pkg{bottom:0;height:20px;left:0;margin:0;position:absolute;top:0;width:250px}::ng-deep .loader--dot{animation-duration:3s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:ease-in-out;background-color:#1a6774;border-radius:100%;height:20px;position:absolute;width:20px}::ng-deep .loader--dot:first-child{animation-delay:.5s;background-color:#618e93}::ng-deep .loader--dot:nth-child(5){animation-delay:.4s;background-color:#3fb0c3}::ng-deep .loader--dot:nth-child(4){animation-delay:.3s;background-color:#40b8cd}::ng-deep .loader--dot:nth-child(3){animation-delay:.2s;background-color:#ec8828}::ng-deep .loader--dot:nth-child(2){animation-delay:.1s;background-color:#fdc25d}::ng-deep .loader--dot:first-child{animation-delay:0s;background-color:#f4e3be}::ng-deep .loader--text{left:0;margin:0;position:absolute;top:200%;width:4rem}::ng-deep .loader--text:after{animation-duration:3s;animation-iteration-count:infinite;animation-name:loading-text;content:\"Loading\";font-weight:700}.agents-popwindowbox{background:#fff;padding:10px;width:100%}.agents-popwindowbox h3{color:#000;font-size:15px}.dropdown-menu-agents{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;padding:0;position:absolute;top:auto;width:270px;z-index:1000}.dropdown-menu-agents .scrollerbox{display:flex;flex:fit-content;flex-direction:column;height:215px;overflow-y:auto}.dropdown-menu-agents label{align-items:center;background:#f9f9f9;border-radius:2px;cursor:pointer;display:flex;font-size:13px;justify-content:start;line-height:16px;margin:2px 0;padding:7px}.dropdown-menu-agents label:hover{background:#ebebeb}.dropdown-menu-agents label input{opacity:0;position:absolute}.dropdown-menu-agents .input-check{border:2px solid #ccc;border-radius:4px;display:inline-block;height:23px;margin-right:5px;position:relative;top:0;transition:.5s;width:25px}.dropdown-menu-agents label input:checked~.input-check{animation:animate .7s ease;background:#06f;border-color:#06f}@keyframes animate{0%{transform:scale(1)}40%{transform:scale(1.3,.7)}55%{transform:scale(1)}70%{transform:scale(1.2,.8)}80%{transform:scale(1)}90%{transform:scale(1.1,.9)}to{transform:scale(1)}}.dropdown-menu-agents .input-check:before{border-bottom:3px solid #fff;border-left:3px solid #fff;content:\"\";height:6px;left:4px;position:absolute;top:6px;transform:scale(0) rotate(-45deg);transition:.5s;width:15px}.dropdown-menu-agents label input:checked~.input-check:before{transform:scale(1) rotate(-45deg)}::ng-deep .h1,::ng-deep h1{font-size:1.165rem}::ng-deep .h2,::ng-deep .h3,::ng-deep h2,::ng-deep h3{font-size:1.125rem}::ng-deep b,::ng-deep strong{font-weight:600}@media (max-width:768px){.note{line-height:15px;margin:0 auto;padding:3px 0 10px;width:90%}}.show-hover{display:none}.chat.bot:hover .show-hover{display:flex!important}"]
                 },] }
     ];
     ChatDrawerComponent.ctorParameters = function () { return [