@memberjunction/ng-skip-chat 2.13.3 → 2.14.0

package/dist/lib/skip-chat/skip-chat.component.js

@@ -0,0 +1,1317 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var SkipChatComponent_1;
+import { Component, ViewChild, ViewContainerRef, Input, } from '@angular/core';
+import { ActivationEnd } from '@angular/router';
+import { LogError, Metadata, CompositeKey } from '@memberjunction/core';
+import { Container } from '@memberjunction/ng-container-directives';
+import { BaseNavigationComponent, SharedService } from '@memberjunction/ng-shared';
+import { take, filter } from 'rxjs/operators';
+import { SkipResponsePhase, } from '@memberjunction/skip-types';
+import { DataContext } from '@memberjunction/data-context';
+import { MJEventType, MJGlobal, RegisterClass } from '@memberjunction/global';
+import { SkipSingleMessageComponent } from '../skip-single-message/skip-single-message.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-layout";
+import * as i5 from "@angular/forms";
+import * as i6 from "@progress/kendo-angular-indicators";
+import * as i7 from "@memberjunction/ng-container-directives";
+import * as i8 from "@progress/kendo-angular-listview";
+import * as i9 from "@progress/kendo-angular-buttons";
+import * as i10 from "@memberjunction/ng-data-context";
+const _c0 = ["AskSkipPanel"];
+const _c1 = ["mjContainer"];
+const _c2 = ["conversationList"];
+const _c3 = ["AskSkipInput"];
+const _c4 = ["scrollContainer"];
+const _c5 = ["topLevelDiv"];
+const _c6 = () => ({ "item-border": true });
+function SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CreateNewConversation()); });
+    i0.ɵɵtext(1, "+");
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 34);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r6 = i0.ɵɵnextContext().dataItem;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(dataItem_r6.Name);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "textarea", 35);
+    i0.ɵɵtwoWayListener("ngModelChange", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const dataItem_r6 = i0.ɵɵnextContext().dataItem; i0.ɵɵtwoWayBindingSet(dataItem_r6.Name, $event) || (dataItem_r6.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r6 = i0.ɵɵnextContext().dataItem;
+    i0.ɵɵtwoWayProperty("ngModel", dataItem_r6.Name);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r8); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.editConvo(dataItem_r6)); });
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r9); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deleteConvo(dataItem_r6)); });
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r10); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.saveConvoName(dataItem_r6)); });
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r11); const dataItem_r6 = i0.ɵɵnextContext(2).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.cancelConvoEdit(dataItem_r6)); });
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_1_Template, 1, 0, "span", 37)(2, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_2_Template, 1, 0, "span", 38)(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_3_Template, 1, 0, "span", 39)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_span_4_Template, 1, 0, "span", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r2.ConversationEditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r2.ConversationEditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.ConversationEditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.ConversationEditMode);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵlistener("click", function SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template_div_click_0_listener() { const dataItem_r6 = i0.ɵɵrestoreView(_r5).dataItem; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectConversation(dataItem_r6)); });
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_1_Template, 1, 0, "span", 30);
+    i0.ɵɵelementStart(2, "div", 31);
+    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_span_3_Template, 2, 1, "span", 19)(4, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_textarea_4_Template, 1, 1, "textarea", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_div_5_Template, 5, 4, "div", 33);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r6 = ctx.dataItem;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.GetConversationItemClass(dataItem_r6))("title", dataItem_r6.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.SelectedConversation && ctx_r2.IsSkipProcessing(dataItem_r6));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", dataItem_r6.ID !== (ctx_r2.SelectedConversation == null ? null : ctx_r2.SelectedConversation.ID) || !ctx_r2.ConversationEditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", dataItem_r6.ID === (ctx_r2.SelectedConversation == null ? null : ctx_r2.SelectedConversation.ID) && ctx_r2.ConversationEditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", (ctx_r2.SelectedConversation == null ? null : ctx_r2.SelectedConversation.ID) === dataItem_r6.ID);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵelement(2, "img", 24);
+    i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_div_1_button_3_Template, 2, 0, "button", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-listview", 26, 3);
+    i0.ɵɵtemplate(6, SkipChatComponent_kendo_splitter_pane_3_div_1_ng_template_6_Template, 6, 6, "ng-template", 27);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r2.AllowNewConversations);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", 280, "px");
+    i0.ɵɵproperty("data", ctx_r2.Conversations)("itemClass", i0.ɵɵpureFunction0(7, _c6))("fillWidth", false)("bottomMargin", 20);
+} }
+function SkipChatComponent_kendo_splitter_pane_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-splitter-pane", 20);
+    i0.ɵɵlistener("collapsedChange", function SkipChatComponent_kendo_splitter_pane_3_Template_kendo_splitter_pane_collapsedChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.splitterCollapseStateChanged($event)); });
+    i0.ɵɵtemplate(1, SkipChatComponent_kendo_splitter_pane_3_div_1_Template, 7, 8, "div", 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("collapsible", true)("scrollable", false)("resizable", false);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.ShowConversationList);
+} }
+function SkipChatComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelement(1, "kendo-loader");
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
+    i0.ɵɵelement(2, "img", 48);
+    i0.ɵɵelementStart(3, "div", 49);
+    i0.ɵɵtext(4, "What can I help with today?");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 50)(6, "div", 51)(7, "div", 52);
+    i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_7_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[0].prompt)); });
+    i0.ɵɵelementStart(8, "span", 53);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 52);
+    i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_12_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[1].prompt)); });
+    i0.ɵɵelementStart(13, "span", 53);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span");
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "div", 51)(18, "div", 52);
+    i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_18_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[2].prompt)); });
+    i0.ɵɵelementStart(19, "span", 53);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "span");
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 52);
+    i0.ɵɵlistener("click", function SkipChatComponent_div_10_Template_div_click_23_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.sendPrompt(ctx_r2.WelcomeQuestions[3].prompt)); });
+    i0.ɵɵelementStart(24, "span", 53);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "span");
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[0].topLine);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[0].bottomLine);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[1].topLine);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[1].bottomLine);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[2].topLine);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[2].bottomLine);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[3].topLine);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.WelcomeQuestions[3].bottomLine);
+} }
+function SkipChatComponent_span_12_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 54);
+    i0.ɵɵlistener("click", function SkipChatComponent_span_12_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.scrollToBottomAnimate()); });
+    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelementEnd();
+} }
+function SkipChatComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16)(1, "span", 56);
+    i0.ɵɵlistener("click", function SkipChatComponent_Conditional_17_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.showDataContext()); });
+    i0.ɵɵelementEnd()();
+} }
+function SkipChatComponent_div_20_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "mj-data-context-dialog", 57);
+    i0.ɵɵlistener("dialogClosed", function SkipChatComponent_div_20_Template_mj_data_context_dialog_dialogClosed_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDataContextDialog()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("dataContextId", ctx_r2.DataContextID);
+} }
+let SkipChatComponent = SkipChatComponent_1 = class SkipChatComponent extends BaseNavigationComponent {
+    constructor(el, sharedService, renderer, route, router, location, cdRef) {
+        super();
+        this.el = el;
+        this.sharedService = sharedService;
+        this.renderer = renderer;
+        this.route = route;
+        this.router = router;
+        this.location = location;
+        this.cdRef = cdRef;
+        this.AllowSend = true;
+        this.Messages = [];
+        this.Conversations = [];
+        this.ConversationEditMode = false;
+        this.ShowConversationList = true;
+        this.AllowNewConversations = true;
+        this.Title = 'Ask Skip';
+        this.DataContextID = '';
+        this.LinkedEntity = '';
+        this.LinkedEntityCompositeKey = new CompositeKey();
+        this.ShowDataContextButton = true;
+        this.IncludeLinkedConversationsInList = false;
+        /**
+         * If true, the component will update the browser URL when the conversation changes. If false, it will not update the URL. Default is true.
+         */
+        this.UpdateAppRoute = true;
+        this._showScrollToBottomIcon = false;
+        this._messageInProgress = false;
+        this.refreshOnAttach = false;
+        this._conversationsInProgress = {};
+        this._conversationsToReload = {};
+        this._conversationLoadComplete = false;
+        /**
+         * The questions that will be displayed in the welcome screen.
+         */
+        this.WelcomeQuestions = [
+            {
+                topLine: 'Create a report',
+                bottomLine: 'with any of your data in it, just ask',
+                prompt: "I'd like help creating a new report with data in my system. Can you help me get started?",
+            },
+            {
+                topLine: 'Learn more about',
+                bottomLine: 'specific records in the database',
+                prompt: 'I would like to dig deeper into my database and get you to analyze a specific record in the database, can you help me with that?',
+            },
+            {
+                topLine: 'Get business advice',
+                bottomLine: 'to improve operating results and more',
+                prompt: 'I need some advice on how to improve my business operations, can you help me analyze my data and then think about ways to improve my operating results?',
+            },
+            {
+                topLine: 'Seek marketing help',
+                bottomLine: 'to segment your audience or build campaigns',
+                prompt: 'I need help with marketing, can you help me analyze my data and then think about ways to segment my audience and build campaigns to improve revenue and retention?',
+            },
+        ];
+        this._loaded = false;
+        this._scrollToBottom = false;
+        this._oldConvoName = '';
+        this._usedStartMessages = [];
+        this._processingStatus = {};
+        this.isDataContextDialogVisible = false;
+    }
+    ngOnInit() {
+        this.SubscribeToNotifications();
+    }
+    static get SkipChatWindowsCurrentlyVisible() {
+        return SkipChatComponent_1.__skipChatWindowsCurrentlyVisible;
+    }
+    SubscribeToNotifications() {
+        try {
+            MJGlobal.Instance.GetEventListener().subscribe((event) => {
+                var _a, _b, _c;
+                if (event.event === MJEventType.ComponentEvent) {
+                    if (!event.args) {
+                        return;
+                    }
+                    const obj = event.args;
+                    if (((_a = obj.type) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === 'askskip' && ((_b = obj.status) === null || _b === void 0 ? void 0 : _b.trim().toLowerCase()) === 'ok') {
+                        if (obj.conversationID && this._conversationsInProgress[obj.conversationID]) {
+                            if (obj.conversationID === ((_c = this.SelectedConversation) === null || _c === void 0 ? void 0 : _c.ID)) {
+                                if (obj.message && obj.message.length > 0) {
+                                    // we are in the midst of a possibly long running process for Skip, and we got a message here, so go ahead and display it in the temporary message
+                                    this.SetSkipStatusMessage(obj.message, 0);
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+    splitterCollapseStateChanged(e) {
+        this.sharedService.InvokeManualResize();
+    }
+    GetConversationItemClass(item) {
+        var _a;
+        let classInfo = '';
+        if (((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID) === item.ID)
+            classInfo += 'conversation-item-selected';
+        if (item.LinkedEntityID && item.LinkedRecordID) {
+            // an embedded conversation
+            classInfo += ' conversation-item-linked';
+        }
+        return classInfo;
+    }
+    SetSkipStatusMessage(message, delay) {
+        if (delay && delay > 0) {
+            setTimeout(() => {
+                this.InnerSetSkipStatusMessage(message);
+            }, delay);
+        }
+        else
+            this.InnerSetSkipStatusMessage(message);
+    }
+    InnerSetSkipStatusMessage(message) {
+        if (message && message.length > 0) {
+            if (!this._temporaryMessage) {
+                this._temporaryMessage = { ID: -1, Message: message, Role: 'ai' }; // create a new object
+                this.AddMessageToCurrentConversation(this._temporaryMessage, true, false);
+            }
+            else {
+                this._temporaryMessage.Message = message;
+                // we need to send a refresh signal to the component linked to this detail record
+                const ref = this._temporaryMessage._componentRef;
+                if (ref) {
+                    const obj = ref.instance;
+                    if (obj && obj.RefreshMessage)
+                        obj.RefreshMessage();
+                }
+            }
+        }
+        else {
+            if (this._temporaryMessage) {
+                // get rid of the temporary message
+                this.RemoveMessageFromCurrentConversation(this._temporaryMessage);
+                this._temporaryMessage = undefined;
+            }
+        }
+    }
+    SetSelectedConversationUser() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if ((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.UserID) {
+                const p = this.ProviderToUse;
+                if (p.CurrentUser.ID !== this.SelectedConversation.UserID) {
+                    const result = yield this.RunViewToUse.RunView({
+                        EntityName: 'Users',
+                        ExtraFilter: `ID='${this.SelectedConversation.UserID}'`,
+                    });
+                    this.SelectedConversationUser = result && result.Success ? result.Results[0] : undefined;
+                }
+                else
+                    this.SelectedConversationUser = p.CurrentUser; // current user is the one for this convo, just use that to avoid the extra query
+            }
+        });
+    }
+    get ProviderToUse() {
+        return this.Provider ? this.Provider : Metadata.Provider;
+    }
+    get RunViewToUse() {
+        return this.ProviderToUse;
+    }
+    get LinkedEntityID() {
+        if (this.LinkedEntity && this.LinkedEntity.length > 0) {
+            // lookup the entity id from the linkedentity provided to us as a property
+            const e = this.ProviderToUse.Entities.find((e) => e.Name === this.LinkedEntity);
+            if (e)
+                return e.ID;
+        }
+        return null;
+    }
+    ngOnDestroy() {
+        // Unsubscribe to prevent memory leaks
+        if (this.paramsSubscription) {
+            this.paramsSubscription.unsubscribe();
+        }
+        if (this._intersectionObserver) {
+            this._intersectionObserver.disconnect();
+        }
+    }
+    updateParentTabPanelStyling() {
+        // this will update the ancestor above us that is a tabpanel to remove padding so we can control our own padding/margin and handle colors properly within the tab
+        // apply a class to our parent if it is a kendo tab, to get rid of padding so we can control our
+        // own padding/margin and handle colors properly within the tab
+        // Find the closest ancestor with the .k-tabstrip-content class
+        const ancestor = this.el.nativeElement.closest('.k-tabstrip-content');
+        if (ancestor) {
+            try {
+                // Modify the ancestor's style as needed
+                const htmlElement = ancestor;
+                htmlElement.style.padding = '0';
+                htmlElement.style.paddingBlock = '0';
+                htmlElement.style.overflow = 'hidden';
+            }
+            catch (e) {
+                // ignore this, it's not a big deal
+                console.log(e);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.updateParentTabPanelStyling();
+        // create an intersection observer to see if we are visible
+        this._intersectionObserver = new IntersectionObserver((entries) => {
+            const [entry] = entries;
+            if (!entry.isIntersecting) {
+                // we are NOT visible, so decrement the count of visible instances, but only if we were ever visible, meaning sometimes we get this situation before we are ever shown
+                if (this._loaded) {
+                    // don't go below 0
+                    SkipChatComponent_1.__skipChatWindowsCurrentlyVisible = Math.max(0, SkipChatComponent_1.__skipChatWindowsCurrentlyVisible - 1);
+                }
+            }
+            else {
+                // we are now visible, increment the count of visible instances
+                SkipChatComponent_1.__skipChatWindowsCurrentlyVisible++;
+                if (!this._loaded) {
+                    // we are now visible, for the first time, first fire off an InvokeManualResize to ensure the parent container is resized properly
+                    this.sharedService.InvokeManualResize();
+                    // first do stuff if we're on "global" skip chat mode...
+                    if (this.ShowConversationList && !this.LinkedEntity && this.LinkedEntity.trim().length === 0 && !this.CompositeKeyIsPopulated()) {
+                        // only subscribe to the route params if we don't have a linked entity and record id, meaning we're in the context of the top level Skip Chat UI, not embedded somewhere
+                        this.paramsSubscription = this.route.params.subscribe((params) => {
+                            if (!this._loaded) {
+                                this._loaded = true; // do this once
+                                const conversationId = params.conversationId;
+                                if (conversationId) {
+                                    this.loadConversations(conversationId); // Load the conversation based on the conversationId
+                                }
+                                else {
+                                    this.loadConversations();
+                                }
+                            }
+                        });
+                    }
+                    else if (this.LinkedEntity && this.CompositeKeyIsPopulated()) {
+                        // now, do stuff if we are embedded in another component with a LinkedEntity/LinkedEntityRecordID
+                        if (!this._loaded) {
+                            this._loaded = true; // do this once
+                            this.loadConversations(); // Load the conversation which will filter by the linked entity and record id
+                        }
+                    }
+                    this.checkScroll();
+                }
+                // Only care about the first time we are visible, so unobserve here to save resources
+                //this._intersectionObserver!.unobserve(this.topLevelDiv.nativeElement);
+            }
+        });
+        // now fire up the observer on the top level div
+        this._intersectionObserver.observe(this.topLevelDiv.nativeElement);
+    }
+    ngAfterViewChecked() {
+        if (this._scrollToBottom) {
+            this._scrollToBottom = false;
+            // have a short delay to make sure view is fully rendered via event cycle going through its queue
+            // NOTE - we only do this setTimeout if we have a scroll to bottom request, otherwise we don't need to do this, and
+            // REMEMBER setTimeout() causes Angular to do a change detection cycle, so we don't want to do this unless we need to
+            setTimeout(() => {
+                this.scrollToBottom();
+            }, 200);
+        }
+    }
+    FlipEmbeddedConversationState() {
+        this.IncludeLinkedConversationsInList = !this.IncludeLinkedConversationsInList;
+        this.loadConversations();
+    }
+    loadConversations() {
+        return __awaiter(this, arguments, void 0, function* (conversationIdToLoad = undefined) {
+            let cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
+            if (!cachedConversations) {
+                // load up from the database as we don't have any cached conversations
+                const result = yield this.RunViewToUse.RunView({
+                    EntityName: 'Conversations',
+                    ExtraFilter: `UserID='${this.ProviderToUse.CurrentUser.ID}'`,
+                    OrderBy: '__mj_CreatedAt DESC', // get in reverse order so we have latest on top
+                });
+                if (result && result.Success) {
+                    // now, cache the conversations for future use
+                    MJGlobal.Instance.ObjectCache.Add('Conversations', result.Results);
+                    // also set the local variable so we can use it below
+                    cachedConversations = result.Results;
+                }
+            }
+            if (!cachedConversations) {
+                LogError('Error loading conversations from the database');
+                return; // we couldn't load the conversations, so just return
+            }
+            // now setup the array we use to bind to the UI
+            if (this.IncludeLinkedConversationsInList) {
+                this.Conversations = cachedConversations; // dont filter out linked conversations
+            }
+            else if (this.LinkedEntity && this.LinkedEntity.length > 0 && this.CompositeKeyIsPopulated()) {
+                this.Conversations = cachedConversations.filter((c) => c.LinkedEntity === this.LinkedEntity && c.LinkedRecordID === this.LinkedEntityCompositeKey.Values()); // ONLY include the linked conversations
+            }
+            else {
+                this.Conversations = cachedConversations.filter((c) => !(c.LinkedEntity && c.LinkedEntity.length > 0 && c.LinkedRecordID && c.LinkedRecordID.length > 0)); // filter OUT linked conversations
+            }
+            if (this.Conversations.length === 0) {
+                // no conversations, so create a new one
+                this.CreateNewConversation();
+                this.sharedService.InvokeManualResize(1);
+            }
+            else if (conversationIdToLoad) {
+                // we have > 0 convos and we were asked to load a specific one
+                const convo = this.Conversations.find((c) => c.ID == conversationIdToLoad);
+                if (convo) {
+                    this.SelectConversation(convo);
+                }
+                else {
+                    // we didn't find the conversation so just select the first one
+                    this.SelectConversation(this.Conversations[0]);
+                }
+            }
+            else {
+                // select the first conversation since no param was provided and we have > 0 convos
+                this.SelectConversation(this.Conversations[0]);
+            }
+        });
+    }
+    editConvo(conversation) {
+        this._oldConvoName = conversation.Name ? conversation.Name : '';
+        this.ConversationEditMode = true;
+    }
+    cancelConvoEdit(conversation) {
+        conversation.Name = this._oldConvoName;
+        this.ConversationEditMode = false;
+    }
+    saveConvoName(conversation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let newConvoObject;
+            if (conversation.Save !== undefined) {
+                newConvoObject = conversation;
+            }
+            else {
+                const p = this.ProviderToUse;
+                newConvoObject = yield p.GetEntityObject('Conversations', p.CurrentUser);
+                yield newConvoObject.Load(conversation.ID);
+                // now replace conversation in the list with the new object
+                this.Conversations = this.Conversations.map((c) => (c.ID == conversation.ID ? newConvoObject : c));
+            }
+            newConvoObject.Name = conversation.Name;
+            if (yield newConvoObject.Save()) {
+                this.ConversationEditMode = false;
+                // we've already updated the bound UI element, but let's make sure to update the cache as well
+                const cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
+                if (cachedConversations) {
+                    // find the item in the cache
+                    const idx = cachedConversations.findIndex((c) => c.ID === conversation.ID);
+                    if (idx >= 0) {
+                        // replace the item in the cache with the new one, we are pointing to the same object in the cache here since
+                        // we are just updating an element within the array so don't need to tell the cache
+                        cachedConversations[idx] = newConvoObject;
+                    }
+                }
+            }
+            else
+                this.sharedService.CreateSimpleNotification('Error saving conversation name', 'error', 5000);
+        });
+    }
+    deleteConvo(conversation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (confirm('Are you sure you want to delete this conversation?')) {
+                // delete the conversation - we might need to load the entity if the current object isn't a "real object"
+                if (yield this.DeleteConversation(conversation.ID)) {
+                    // get the index of the conversation
+                    const idx = this.Conversations.findIndex((c) => c.ID === conversation.ID);
+                    // remove the conversation from the list that is bound to the UI
+                    this.Conversations = this.Conversations.filter((c) => c.ID != conversation.ID);
+                    // also, remove the conversation from the cache
+                    const cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
+                    if (cachedConversations) {
+                        MJGlobal.Instance.ObjectCache.Replace('Conversations', cachedConversations.filter((c) => c.ID != conversation.ID));
+                    }
+                    else {
+                        MJGlobal.Instance.ObjectCache.Add('Conversations', this.Conversations);
+                    }
+                    if (this.Conversations.length > 0) {
+                        const newIdx = idx > 0 ? idx - 1 : 0;
+                        this.SelectConversation(this.Conversations[newIdx]);
+                    }
+                    else
+                        this.Messages = [];
+                }
+                else {
+                    this.sharedService.CreateSimpleNotification('Error deleting conversation', 'error', 5000);
+                }
+            }
+        });
+    }
+    CreateNewConversation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = this.ProviderToUse;
+            const convo = yield p.GetEntityObject('Conversations', p.CurrentUser);
+            convo.NewRecord();
+            convo.Name = 'New Chat'; // default value
+            convo.UserID = p.CurrentUser.ID;
+            convo.Type = 'skip';
+            convo.IsArchived = false;
+            const linkedEntityID = this.LinkedEntityID;
+            if (linkedEntityID && linkedEntityID.length > 0 && this.CompositeKeyIsPopulated()) {
+                convo.LinkedEntityID = linkedEntityID;
+                convo.LinkedRecordID = this.LinkedEntityCompositeKey.Values();
+            }
+            // next, create a new data context for this conversation
+            const dc = yield p.GetEntityObject('Data Contexts', p.CurrentUser);
+            dc.NewRecord();
+            dc.Name = 'Data Context for Skip Conversation';
+            dc.UserID = p.CurrentUser.ID;
+            if (yield dc.Save()) {
+                // now create a data context item for the linked record if we have one
+                if (this.LinkedEntityID && this.LinkedEntityID.length > 0 && this.CompositeKeyIsPopulated()) {
+                    const dci = yield p.GetEntityObject('Data Context Items', p.CurrentUser);
+                    dci.NewRecord();
+                    dci.DataContextID = dc.ID;
+                    if (this.LinkedEntity === 'User Views') {
+                        dci.Type = 'view';
+                        dci.ViewID = this.LinkedEntityCompositeKey.GetValueByIndex(0);
+                    }
+                    else if (this.LinkedEntity === 'Queries') {
+                        dci.Type = 'query';
+                        dci.QueryID = this.LinkedEntityCompositeKey.GetValueByIndex(0);
+                    }
+                    else {
+                        dci.Type = 'single_record';
+                        dci.RecordID = this.LinkedEntityCompositeKey.Values();
+                        dci.EntityID = this.LinkedEntityID;
+                    }
+                    let dciSaveResult = yield dci.Save();
+                    if (!dciSaveResult) {
+                        this.sharedService.CreateSimpleNotification('Error creating data context item', 'error', 5000);
+                        LogError('Error creating data context item', undefined, dci.LatestResult);
+                    }
+                }
+                convo.DataContextID = dc.ID;
+                this.DataContextID = dc.ID;
+                const convoSaveResult = yield convo.Save();
+                if (!convoSaveResult) {
+                    this.sharedService.CreateSimpleNotification('Error creating conversation', 'error', 5000);
+                    LogError('Error creating conversation', undefined, convo.LatestResult);
+                    return;
+                }
+                this.DataContext = new DataContext();
+                yield this.DataContext.LoadMetadata(this.DataContextID, p.CurrentUser, p);
+                this.Conversations = [convo, ...this.Conversations]; // do this way instead of unshift to ensure that binding refreshes
+                // also update the cache
+                const cachedConversations = MJGlobal.Instance.ObjectCache.Find('Conversations');
+                if (cachedConversations) {
+                    MJGlobal.Instance.ObjectCache.Replace('Conversations', [convo, ...cachedConversations]);
+                }
+                else {
+                    MJGlobal.Instance.ObjectCache.Add('Conversations', [convo, ...this.Conversations]);
+                }
+                yield this.SelectConversation(convo);
+                this._scrollToBottom = true; // this results in the angular after Viewchecked scrolling to bottom when it's done
+            }
+            else {
+                this.sharedService.CreateSimpleNotification('Error creating data context', 'error', 5000);
+            }
+        });
+    }
+    onEnter(event) {
+        this.sendSkipMessage();
+    }
+    SelectConversation(conversation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (conversation && conversation.ID !== ((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID)) {
+                // load up the conversation if not already the one that's loaded
+                this._conversationLoadComplete = false;
+                this.ClearMessages();
+                const oldStatus = this._processingStatus[conversation.ID];
+                this._processingStatus[conversation.ID] = true;
+                this.SelectedConversation = conversation;
+                this.SetSelectedConversationUser();
+                this.DataContextID = conversation.DataContextID ? conversation.DataContextID : '';
+                const convoAny = conversation;
+                if (convoAny._DataContext) {
+                    // we have cached data context, so just use it
+                    this.DataContext = convoAny._DataContext;
+                }
+                else {
+                    this.DataContext = new DataContext();
+                    yield this.DataContext.LoadMetadata(this.DataContextID, this.ProviderToUse.CurrentUser, this.ProviderToUse);
+                    // cache it for later
+                    convoAny._DataContext = this.DataContext;
+                }
+                const convoShouldReload = this._conversationsToReload[conversation.ID];
+                if (convoAny._Messages && !convoShouldReload) {
+                    // we have cached messages, so just use them, but don't point directly to the array, create new array with the same objects
+                    this.Messages = [...convoAny._Messages];
+                }
+                else {
+                    this._conversationsToReload[conversation.ID] = true;
+                    const result = yield this.RunViewToUse.RunView({
+                        EntityName: 'Conversation Details',
+                        ExtraFilter: `ConversationID='${conversation.ID}'`,
+                        OrderBy: '__mj_CreatedAt ASC', // show messages in order of creation
+                    });
+                    if (result && result.Success) {
+                        // copy the results into NEW objects into the array, we don't want to modify the original objects
+                        this.Messages = [...result.Results];
+                        // also, cache the messages within the conversation, but create new array with the same objects
+                        convoAny._Messages = [...this.Messages];
+                    }
+                }
+                if (this.Messages && this.Messages.length > 0) {
+                    //this.Messages = <ConversationDetailEntity[]>result.Results;
+                    this.cdRef.detach(); // temporarily stop change detection to improve performance
+                    for (const m of this.Messages) {
+                        this.AddMessageToPanel(m, false);
+                    }
+                    this._scrollToBottom = true; // this results in the angular after Viewchecked scrolling to bottom when it's done
+                    this.cdRef.reattach(); // resume change detection
+                }
+                this._processingStatus[conversation.ID] = oldStatus; // set back to old status as it might have been processing
+                this.sharedService.InvokeManualResize(500);
+                // ensure the list box has the conversation in view
+                this.scrollToConversation(conversation.ID);
+                this._conversationLoadComplete = true;
+                if (this.UpdateAppRoute) {
+                    // finally update the browser URL since we've changed the conversation ID
+                    this.location.go('/askskip/' + conversation.ID);
+                    //      this.router.navigate(['askskip', conversation.ID]);
+                }
+            }
+        });
+    }
+    scrollToConversation(conversationId) {
+        if (this.conversationList) {
+            const convoElement = this.conversationList.element.nativeElement;
+            const itemIndex = this.Conversations.findIndex((c) => c.ID === conversationId);
+            // Find the item element within the container based on its index
+            const itemElement = Array.from(convoElement.querySelectorAll('[data-kendo-listview-item-index]')).find((el) => parseInt(el.getAttribute('data-kendo-listview-item-index'), 10) === itemIndex);
+            if (itemElement) {
+                setTimeout(() => {
+                    // do this within a timeout to ensure rendering is completed
+                    itemElement.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
+                }, 100);
+            }
+        }
+    }
+    onInputChange(event) {
+        const val = this.askSkipInput.nativeElement.value;
+        this.AllowSend = val && val.length > 0;
+        this.resizeTextInput();
+    }
+    resizeTextInput() {
+        try {
+            const textarea = this.askSkipInput.nativeElement;
+            textarea.style.height = 'auto'; // Reset height to recalculate
+            textarea.style.height = `${textarea.scrollHeight}px`; // Set to scrollHeight
+        }
+        catch (e) {
+            LogError(e);
+        }
+    }
+    pickSkipStartMessage() {
+        // goal here is to randomly select one of the above _startMessages, however we want to track for our instance of the class the ones we use so that we don't reuse any of them until we use them all
+        if (this._usedStartMessages.length === SkipChatComponent_1._startMessages.length) {
+            this._usedStartMessages = []; // reset the used messages
+        }
+        let idx = -1;
+        do {
+            idx = Math.floor(Math.random() * SkipChatComponent_1._startMessages.length);
+        } while (this._usedStartMessages.indexOf(SkipChatComponent_1._startMessages[idx]) >= 0);
+        this._usedStartMessages.push(SkipChatComponent_1._startMessages[idx]);
+        return SkipChatComponent_1._startMessages[idx];
+    }
+    sendPrompt(val) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
+            const convoID = this.SelectedConversation ? this.SelectedConversation.ID : '';
+            if (this._conversationsInProgress[convoID]) {
+                // don't allow sending another message if we're in the midst of sending one
+                return;
+            }
+            if (this.SelectedConversation) {
+                this._processingStatus[(_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID] = true;
+            }
+            if (val && val.length > 0) {
+                this._conversationsInProgress[convoID] = true;
+                this._messageInProgress = true;
+                this.AllowSend = false;
+                const p = this.ProviderToUse;
+                const convoDetail = yield p.GetEntityObject('Conversation Details', p.CurrentUser);
+                convoDetail.NewRecord();
+                convoDetail.Message = val;
+                convoDetail.Role = 'User';
+                // this is NOT saved here because it is saved on the server side. Later on in this code after the save we will update the object with the ID from the server, and below
+                this.AddMessageToCurrentConversation(convoDetail, true, true);
+                this.SetSkipStatusMessage(this.pickSkipStartMessage(), 850);
+                this.askSkipInput.nativeElement.value = '';
+                this.resizeTextInput();
+                this._scrollToBottom = true; // this results in the angular after Viewchecked scrolling to bottom when it's done
+                const graphQLRawResult = yield this.ExecuteAskSkipQuery(val, yield this.GetCreateDataContextID(), this.SelectedConversation);
+                const skipResult = graphQLRawResult === null || graphQLRawResult === void 0 ? void 0 : graphQLRawResult.ExecuteAskSkipAnalysisQuery;
+                // temporarily ask Angular to stop its change detection as many of the ops below are slow and async, we don't want flicker in the UI as stuff happens
+                this.cdRef.detach();
+                if (skipResult === null || skipResult === void 0 ? void 0 : skipResult.Success) {
+                    if (convoID !== ((_b = this.SelectedConversation) === null || _b === void 0 ? void 0 : _b.ID)) {
+                        // this scenario arises when we have a selected convo change after we submitted our request to skip
+                        // so we do nothing here other than update the status.
+                        this._processingStatus[convoID] = false;
+                        //the next time the user selects this convo, we will fetch messages
+                        //from the server rather than using the ones in cache
+                        this._conversationsToReload[convoID] = true;
+                    }
+                    else {
+                        this._processingStatus[convoID] = false;
+                        const innerResult = JSON.parse(skipResult.Result);
+                        if (!this.SelectedConversation) {
+                            const convo = yield p.GetEntityObject('Conversations', p.CurrentUser);
+                            yield convo.Load(skipResult.ConversationId);
+                            this._processingStatus[skipResult.ConversationId] = true;
+                            this.Conversations.push(convo);
+                            this.SelectedConversation = convo;
+                            this.SetSelectedConversationUser();
+                        }
+                        else if (innerResult.responsePhase === SkipResponsePhase.analysis_complete) {
+                            // we are on the first message so skip renamed the convo, use that
+                            this.SelectedConversation.Name = innerResult.reportTitle; // this will update the UI
+                            // the below LOOKS redundant to just updating this.SelectedConversation.Name, but it is needed to ensure that the list box is updated
+                            // otherwise Angular binding doesn't pick up the change without the below.
+                            const idx = this.Conversations.findIndex((c) => { var _a; return c.ID === ((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID); });
+                            if (idx >= 0) {
+                                // update our this.Conversations array to reflect the new name. First find the index of the conversation and then get that item and update it
+                                this.Conversations[idx].Name = this.SelectedConversation.Name;
+                                //reredner the list box
+                                this.Conversations = [...this.Conversations];
+                            }
+                        }
+                        yield convoDetail.Load(skipResult.UserMessageConversationDetailId); // update the object to load from DB
+                        const aiDetail = yield p.GetEntityObject('Conversation Details', p.CurrentUser);
+                        yield aiDetail.Load(skipResult.AIMessageConversationDetailId); // get record from the database
+                        this.AddMessageToCurrentConversation(aiDetail, true, true);
+                        // NOTE: we don't create a user notification at this point, that is done on the server and via GraphQL subscriptions it tells us and we update the UI automatically...
+                    }
+                }
+                this._scrollToBottom = true; // this results in the angular after Viewchecked scrolling to bottom when it's done
+                if (this.SelectedConversation)
+                    this._processingStatus[(_c = this.SelectedConversation) === null || _c === void 0 ? void 0 : _c.ID] = false;
+                this.AllowSend = true;
+                this._conversationsInProgress[convoID] = false;
+                this._messageInProgress = false;
+                // now tell Angular to resume its change detection
+                this.cdRef.reattach();
+                this.cdRef.detectChanges();
+                // invoke manual resize with a delay to ensure that the scroll to bottom has taken place
+                //this.sharedService.InvokeManualResize();
+                this.SetSkipStatusMessage('', 3500); // slight delay to ensure that the message is removed after the UI has updated with the new response message
+                // now set focus on the input box
+                this.askSkipInput.nativeElement.focus();
+            }
+        });
+    }
+    sendSkipMessage() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.IsTextAreaEmpty()) {
+                return;
+            }
+            const input = this.askSkipInput.nativeElement.value;
+            yield this.sendPrompt(input);
+        });
+    }
+    ClearMessages() {
+        this.Messages = []; // clear out the messages
+        // remove everything from the panel now
+        this.askSkip.viewContainerRef.clear();
+    }
+    AddMessageToCurrentConversation(detail, stopChangeDetection, cacheMessage) {
+        // update the local binding for the UI
+        this.Messages.push(detail);
+        if (cacheMessage) {
+            // update the cache of messages for the selected conversation
+            const convo = this.SelectedConversation;
+            if (convo) {
+                const convoAny = convo;
+                if (convoAny._Messages) {
+                    convoAny._Messages.push(detail);
+                }
+                else {
+                    convoAny._Messages = [detail];
+                }
+            }
+        }
+        // dynamically add the message to the panel
+        this.AddMessageToPanel(detail, stopChangeDetection);
+    }
+    RemoveMessageFromCurrentConversation(detail) {
+        // update the local binding for the UI
+        this.Messages = this.Messages.filter((m) => m !== detail);
+        // update the cache of messages for the selected conversation
+        const convo = this.SelectedConversation;
+        if (convo) {
+            const convoAny = convo;
+            if (convoAny._Messages) {
+                convoAny._Messages = convoAny._Messages.filter((m) => m.ID !== detail.ID);
+            }
+        }
+        // dynamically remove the message from the panel
+        this.RemoveMessageFromPanel(detail);
+    }
+    // method to dynamically remove a message
+    RemoveMessageFromPanel(messageDetail) {
+        const ref = messageDetail._componentRef;
+        if (ref) {
+            // Temporarily stop change detection for performance
+            this.cdRef.detach();
+            const index = this.askSkip.viewContainerRef.indexOf(ref.hostView);
+            if (index !== -1) {
+                this.askSkip.viewContainerRef.remove(index);
+            }
+            // Resume change detection
+            this.cdRef.reattach();
+        }
+    }
+    // Method to dynamically add a message
+    AddMessageToPanel(messageDetail, stopChangeDetection) {
+        // Temporarily stop change detection for performance
+        if (stopChangeDetection)
+            this.cdRef.detach();
+        const componentRef = this.askSkip.viewContainerRef.createComponent(SkipSingleMessageComponent);
+        // Pass the message details to the component instance
+        const obj = componentRef.instance;
+        obj.ConversationRecord = this.SelectedConversation;
+        obj.ConversationDetailRecord = messageDetail;
+        obj.DataContext = this.DataContext;
+        obj.ConversationUser = this.SelectedConversationUser;
+        obj.ConversationMessages = this.Messages; // pass this on so that the single message has access to the full conversation, for example to know if it is the first/last/only message in the conversation/etc
+        // Whenever the suggested question is clicked on by the user in the single message component, we want to bubble that up here and send the prompt
+        obj.SuggestedQuestionSelected.subscribe((question) => {
+            this.sendPrompt(question);
+        });
+        // Whenever the suggested answer is clicked on by the user in the single message component, we want to bubble that up here and send the prompt
+        obj.SuggestedAnswerSelected.subscribe((answer) => {
+            this.sendPrompt(answer);
+        });
+        // now, stash a link to our newly created componentRef inside the messageDetail so we know which componentRef to remove when we delete the message
+        messageDetail._componentRef = componentRef;
+        // set flag to scroll to the bottom of the chat panel
+        this._scrollToBottom = true;
+        // Resume change detection
+        if (stopChangeDetection)
+            this.cdRef.reattach();
+    }
+    checkScroll() {
+        if (this.scrollContainer) {
+            const element = this.scrollContainer.nativeElement;
+            const buffer = 15; // Tolerance in pixels
+            // Calculate the difference between the scroll height and the sum of scroll top and client height
+            const scrollDifference = element.scrollHeight - (element.scrollTop + element.clientHeight);
+            // Consider it at the bottom if the difference is less than or equal to the buffer
+            const atBottom = scrollDifference <= buffer;
+            this._showScrollToBottomIcon = !atBottom;
+        }
+    }
+    scrollToBottom() {
+        try {
+            this.askSkipPanel.nativeElement.scrollTop = this.askSkipPanel.nativeElement.scrollHeight;
+        }
+        catch (err) { }
+    }
+    scrollToBottomAnimate() {
+        if (this.scrollContainer) {
+            const element = this.scrollContainer.nativeElement;
+            element.scroll({ top: element.scrollHeight, behavior: 'smooth' });
+        }
+    }
+    GetCreateDataContextID() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // temporary hack for now, we will have more functionality to do robust UX around DataCOntext viewing and editing soon
+            // and get rid of this
+            if (!this.DataContextID && this.SelectedConversation) {
+                // need to create a data context
+                // add to the new data context a single item for the passed in linked record, which could be a query, view, or something else
+                const p = this.ProviderToUse;
+                const dc = yield p.GetEntityObject('Data Contexts', p.CurrentUser);
+                dc.NewRecord();
+                const e = p.Entities.find((e) => e.Name === this.LinkedEntity);
+                dc.Name =
+                    'Data Context for Skip Conversation ' + (e ? ' for ' + e.Name + ' - Record ID: ' + this.LinkedEntityCompositeKey.Values() : '');
+                dc.UserID = p.CurrentUser.ID;
+                if (yield dc.Save()) {
+                    this.DataContextID = dc.ID;
+                    // update the conversation with the data context id
+                    const convo = yield p.GetEntityObject('Conversations', p.CurrentUser);
+                    yield convo.Load(this.SelectedConversation.ID);
+                    yield convo.Save(); // save to the database
+                    this.SelectedConversation.DataContextID = dc.ID; // update the in-memory object
+                    if (this.LinkedEntity && this.CompositeKeyIsPopulated() && e) {
+                        // now create a single data context item for the new data context
+                        let type;
+                        switch (e.Name.trim().toLowerCase()) {
+                            case 'user views':
+                                type = 'view';
+                                break;
+                            case 'queries':
+                                type = 'query';
+                                break;
+                            default:
+                                if (this.CompositeKeyIsPopulated()) {
+                                    type = 'single_record';
+                                }
+                                else
+                                    type = 'full_entity';
+                                break;
+                        }
+                        const dci = yield p.GetEntityObject('Data Context Items', p.CurrentUser);
+                        dci.NewRecord();
+                        dci.DataContextID = dc.ID;
+                        dci.Type = type;
+                        if (type === 'view')
+                            dci.ViewID = this.LinkedEntityCompositeKey.GetValueByIndex(0);
+                        else if (type === 'query')
+                            dci.QueryID = this.LinkedEntityCompositeKey.GetValueByIndex(0);
+                        else if (type === 'single_record') {
+                            dci.RecordID = this.LinkedEntityCompositeKey.Values();
+                            dci.EntityID = e.ID;
+                        }
+                        else if (type === 'full_entity')
+                            dci.EntityID = e.ID;
+                        if (!(yield dci.Save())) {
+                            SharedService.Instance.CreateSimpleNotification('Error creating data context item', 'error', 5000);
+                            console.log('AskSkipComponent: Error creating data context item');
+                        }
+                    }
+                }
+                else {
+                    SharedService.Instance.CreateSimpleNotification('Error creating data context', 'error', 5000);
+                    console.log('AskSkipComponent: Error creating data context');
+                }
+            }
+            if (!this.DataContext) {
+                // load the actual data context object
+                this.DataContext = new DataContext();
+                yield this.DataContext.LoadMetadata(this.DataContextID, this.ProviderToUse.CurrentUser, this.ProviderToUse);
+            }
+            return this.DataContextID;
+        });
+    }
+    ExecuteAskSkipQuery(question, dataContextId, SelectedConversation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const gql = `query ExecuteAskSkipAnalysisQuery($userQuestion: String!, $dataContextId: String!, $conversationId: String!) {
+        ExecuteAskSkipAnalysisQuery(UserQuestion: $userQuestion, DataContextId: $dataContextId, ConversationId: $conversationId) {
+          Success
+          Status
+          Result
+          ConversationId
+          UserMessageConversationDetailId
+          AIMessageConversationDetailId
+        }
+      }`;
+                const gqlProvider = this.ProviderToUse;
+                const result = yield gqlProvider.ExecuteGQL(gql, {
+                    userQuestion: question,
+                    conversationId: SelectedConversation ? SelectedConversation.ID : '',
+                    dataContextId: dataContextId,
+                });
+                return result;
+            }
+            catch (err) {
+                LogError('Error executing AskSkip query', undefined, err);
+                const p = this.ProviderToUse;
+                const errorMessage = yield p.GetEntityObject('Conversation Details', p.CurrentUser);
+                errorMessage.NewRecord();
+                errorMessage.Role = 'Error';
+                errorMessage.Message = 'Error took place' + err;
+                this.AddMessageToCurrentConversation(errorMessage, true, false);
+                this.AllowSend = true;
+            }
+        });
+    }
+    DeleteConversation(ConversationID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = this.ProviderToUse;
+            const convEntity = yield p.GetEntityObject('Conversations', p.CurrentUser);
+            yield convEntity.Load(ConversationID);
+            return yield convEntity.Delete();
+        });
+    }
+    IsSkipProcessing(Conversation) {
+        if (this._processingStatus[Conversation.ID]) {
+            return this._processingStatus[Conversation.ID];
+        }
+        else
+            return false;
+    }
+    IsTextAreaEmpty() {
+        if (this.askSkipInput && this.askSkipInput.nativeElement) {
+            const input = this.askSkipInput.nativeElement.value;
+            if (!input) {
+                return true;
+            }
+            const trimmedInput = input.trim();
+            if (trimmedInput.length === 0 || trimmedInput === '') {
+                return true;
+            }
+        }
+        return false;
+    }
+    showDataContext() {
+        this.isDataContextDialogVisible = true;
+    }
+    closeDataContextDialog() {
+        this.isDataContextDialogVisible = false;
+    }
+    CompositeKeyIsPopulated() {
+        return this.LinkedEntityCompositeKey.KeyValuePairs && this.LinkedEntityCompositeKey.KeyValuePairs.length > 0;
+    }
+    ngOnDetach() {
+        if (this.sub) {
+            this.sub.unsubscribe();
+        }
+    }
+    ngOnAttach() {
+        if (this.sub && !this.sub.closed) {
+            return;
+        }
+        this.sub = this.router.events
+            .pipe(filter((e) => e instanceof ActivationEnd), take(1))
+            .subscribe((e) => {
+            this.onNavBackToCachedComponent();
+        });
+    }
+    onNavBackToCachedComponent() {
+        if (this.paramsSubscription) {
+            this.paramsSubscription.unsubscribe();
+        }
+        this.paramsSubscription = this.route.params.subscribe((params) => {
+            const convoIDParam = params.conversationId;
+            this.loadConversations(convoIDParam);
+        });
+    }
+};
+SkipChatComponent.__skipChatWindowsCurrentlyVisible = 0;
+SkipChatComponent._startMessages = [
+    'On it, let me get back to you in a moment with the results!🤖',
+    "I'm on it, just a moment! 🙂",
+    "I'll get started in a jiffy!",
+    "You bet, I'd love to help, give me a moment!",
+    "I understand, I'll start running in that direction 👟",
+    "No problem, I'll get started right away!",
+    "Ok, heard loud and clear, I'll jump right on it! 👂",
+    "Aye aye captain, I'll get started right away! ⚓",
+];
+SkipChatComponent.ɵfac = function SkipChatComponent_Factory(t) { return new (t || SkipChatComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i3.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+SkipChatComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkipChatComponent, selectors: [["skip-chat"]], viewQuery: function SkipChatComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(Container, 7);
+        i0.ɵɵviewQuery(_c0, 7);
+        i0.ɵɵviewQuery(_c1, 5, ViewContainerRef);
+        i0.ɵɵviewQuery(_c2, 5);
+        i0.ɵɵviewQuery(_c3, 5);
+        i0.ɵɵviewQuery(_c4, 5);
+        i0.ɵɵviewQuery(_c5, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.askSkip = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.askSkipPanel = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mjContainerRef = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.conversationList = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.askSkipInput = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topLevelDiv = _t.first);
+    } }, inputs: { AllowSend: "AllowSend", Messages: "Messages", Conversations: "Conversations", SelectedConversation: "SelectedConversation", ConversationEditMode: "ConversationEditMode", ShowConversationList: "ShowConversationList", AllowNewConversations: "AllowNewConversations", Title: "Title", DataContextID: "DataContextID", LinkedEntity: "LinkedEntity", LinkedEntityCompositeKey: "LinkedEntityCompositeKey", ShowDataContextButton: "ShowDataContextButton", IncludeLinkedConversationsInList: "IncludeLinkedConversationsInList", UpdateAppRoute: "UpdateAppRoute", Provider: "Provider", WelcomeQuestions: "WelcomeQuestions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 10, consts: [["topLevelDiv", ""], ["AskSkipPanel", "", "scrollContainer", ""], ["AskSkipInput", ""], ["conversationList", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], ["orientation", "horizontal"], ["size", "272px", 3, "collapsible", "scrollable", "resizable", "collapsedChange", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-wrapper"], [1, "messages", 3, "scroll"], ["class", "waiting-for-ai", 4, "ngIf"], ["class", "welcome-wrapper", 4, "ngIf"], ["mjContainer", "", "mjSkipResize", "true"], ["class", "scroll-to-bottom-icon", 3, "click", 4, "ngIf"], [1, "input-area"], [1, "text-area-wrapper"], ["type", "text", "placeholder", "Ask Skip a question", 3, "keyup.enter", "input", "disabled"], ["kendoButton", ""], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], [4, "ngIf"], ["size", "272px", 3, "collapsedChange", "collapsible", "scrollable", "resizable"], ["class", "conversation-history", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], ["src", "assets/Skip Full Logo - Transparent.png", 1, "avatar"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], ["maxlength", "100", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "edit-conversation-panel", 4, "ngIf"], [1, "fa-regular", "fa-clock"], ["maxlength", "100", 3, "ngModelChange", "ngModel"], [1, "edit-conversation-panel"], ["class", "fa-solid fa-pen-to-square", 3, "click", 4, "ngIf"], ["class", "fa-regular fa-trash-can", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-check", 3, "click", 4, "ngIf"], ["class", "fa-solid fa-xmark", 3, "click", 4, "ngIf"], [1, "fa-solid", "fa-pen-to-square", 3, "click"], [1, "fa-regular", "fa-trash-can", 3, "click"], [1, "fa-solid", "fa-check", 3, "click"], [1, "fa-solid", "fa-xmark", 3, "click"], [1, "waiting-for-ai"], [1, "welcome-wrapper"], [1, "welcome-message"], ["src", "assets/Skip Full Logo - Transparent.png"], [1, "welcome-header-text"], [1, "welcome-suggested-questions"], [1, "welcome-suggested-questions-col"], [1, "welcome-question", 3, "click"], [1, "welcome-question-header"], [1, "scroll-to-bottom-icon", 3, "click"], [1, "fas", "fa-arrow-down"], [1, "fa-solid", "fa-gear", 3, "click"], [3, "dialogClosed", "dataContextId"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
+        const _r1 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 4, 0)(2, "kendo-splitter", 5);
+        i0.ɵɵtemplate(3, SkipChatComponent_kendo_splitter_pane_3_Template, 2, 4, "kendo-splitter-pane", 6);
+        i0.ɵɵelementStart(4, "kendo-splitter-pane")(5, "div", 7)(6, "div", 8, 1);
+        i0.ɵɵlistener("scroll", function SkipChatComponent_Template_div_scroll_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.checkScroll()); });
+        i0.ɵɵtemplate(9, SkipChatComponent_div_9_Template, 2, 0, "div", 9)(10, SkipChatComponent_div_10_Template, 28, 8, "div", 10);
+        i0.ɵɵelement(11, "div", 11);
+        i0.ɵɵtemplate(12, SkipChatComponent_span_12_Template, 2, 0, "span", 12);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(13, "div", 13)(14, "div", 14)(15, "textarea", 15, 2);
+        i0.ɵɵlistener("keyup.enter", function SkipChatComponent_Template_textarea_keyup_enter_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEnter($event)); })("input", function SkipChatComponent_Template_textarea_input_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInputChange($event)); });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(17, SkipChatComponent_Conditional_17_Template, 2, 0, "button", 16);
+        i0.ɵɵelementStart(18, "button", 17);
+        i0.ɵɵlistener("click", function SkipChatComponent_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sendSkipMessage()); });
+        i0.ɵɵelement(19, "span", 18);
+        i0.ɵɵelementEnd()()()()()();
+        i0.ɵɵtemplate(20, SkipChatComponent_div_20_Template, 2, 1, "div", 19);
+    } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 10)("rightMargin", 10);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.ShowConversationList);
+        i0.ɵɵadvance(6);
+        i0.ɵɵproperty("ngIf", ctx.Messages && ctx.Messages.length > 0 && ctx.SelectedConversation && ctx.IsSkipProcessing(ctx.SelectedConversation));
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", (!ctx.Messages || ctx.Messages.length === 0) && ctx._conversationLoadComplete);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx._showScrollToBottomIcon && ctx.Messages && ctx.Messages.length > 0);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("disabled", ctx.SelectedConversation && ctx.IsSkipProcessing(ctx.SelectedConversation));
+        i0.ɵɵadvance(2);
+        i0.ɵɵconditional(ctx.ShowDataContextButton ? 17 : -1);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("disabled", ctx.IsTextAreaEmpty() || ctx.SelectedConversation !== undefined && ctx.IsSkipProcessing(ctx.SelectedConversation));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.isDataContextDialogVisible);
+    } }, dependencies: [i3.NgClass, i3.NgIf, i4.SplitterComponent, i4.SplitterPaneComponent, i5.DefaultValueAccessor, i5.NgControlStatus, i5.MaxLengthValidator, i5.NgModel, i6.LoaderComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent], styles: [".chat-container[_ngcontent-%COMP%] {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    \n\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    position: relative; \n\n    background-color: #f9f9f9;\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; \n\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip[_ngcontent-%COMP%] {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    height: 25px;\n}\n\n.skip-title[_ngcontent-%COMP%] {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list[_ngcontent-%COMP%] {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n\n\n.welcome-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked[_ngcontent-%COMP%] {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; \n\n}\n\n.welcome-header-text[_ngcontent-%COMP%] {\n    font-size: larger;\n    font-weight: bold;\n}\n\n\n\n.welcome-suggested-questions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col[_ngcontent-%COMP%] {\n    display: flex;\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column; \n\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; \n\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header[_ngcontent-%COMP%] {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; \n\n}\n\n\n\n.welcome-question[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages[_ngcontent-%COMP%] {\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    \n\n    margin-bottom: 5px;\n\n    margin-top: 2px; \n\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between; \n\n    align-items: center; \n\n}\n.avatar[_ngcontent-%COMP%] {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    \n\n    margin-right: auto; \n\n}\n\n.conversation-item[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; \n\n\n    flex-wrap: wrap; \n\n}\n\n.text-container[_ngcontent-%COMP%] {\n    flex: 1; \n\n    display: flex;\n    flex-direction: column; \n\n}\n\n.text-container[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: none; \n\n    \n\n}\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-top: 3px;\n}\n\n.conversation-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: inline-block;\n    white-space: pre-wrap;  \n\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     \n\n}\n\n.conversation-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected[_ngcontent-%COMP%] {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item[_ngcontent-%COMP%]    > .conversation-icon[_ngcontent-%COMP%] {\n    margin-right: 11px;\n}\n.edit-conversation-panel[_ngcontent-%COMP%] {\n    width: 100%; \n\n    display: flex;\n    justify-content: flex-end; \n\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%] {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel[_ngcontent-%COMP%]    > .k-icon[_ngcontent-%COMP%]:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area[_ngcontent-%COMP%] {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:first-of-type {\n    margin-left: -40px;\n}\n.input-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%]:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%] {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; \n\n\n    overflow: hidden;    \n    align-items: center;\n\n    \n\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; \n\n\n    width: 100%;\n    overflow-y: hidden; \n\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper[_ngcontent-%COMP%]    > textarea[_ngcontent-%COMP%]:disabled {\n    background-color: white;\n}\n\n.input-wrapper[_ngcontent-%COMP%] {\n    flex-grow: 1; \n\n    height: 100%;\n}\n\n.waiting-for-ai[_ngcontent-%COMP%] {\n    position: absolute;\n    display: flex; \n\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 100px; \n\n    left: 50%; \n\n    transform: translateX(-50%); \n\n    z-index: 1000; \n\n    background-color: white; \n\n    color: black; \n\n    border-radius: 50%; \n\n    width: 40px; \n\n    height: 40px; \n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); \n\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions[_ngcontent-%COMP%] {\n        display: flex;\n        flex-wrap: wrap; \n\n        align-content: flex-end; \n\n    }\n}"] });
+SkipChatComponent = SkipChatComponent_1 = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Ask Skip')
+], SkipChatComponent);
+export { SkipChatComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkipChatComponent, [{
+        type: Component,
+        args: [{ selector: 'skip-chat', template: "<div class = \"chat-container\" mjFillContainer #topLevelDiv [bottomMargin]=\"10\" [rightMargin]=\"10\">\n    <kendo-splitter orientation=\"horizontal\">\n        <kendo-splitter-pane *ngIf=\"ShowConversationList\" [collapsible]=\"true\" [scrollable]=\"false\" [resizable]=\"false\" size=\"272px\" (collapsedChange)=\"splitterCollapseStateChanged($event)\">\n            <div class=\"conversation-history\" *ngIf=\"ShowConversationList\">\n                <div class=\"new-chat-area\">\n                    <img src=\"assets/Skip Full Logo - Transparent.png\" class=\"avatar\" />\n                    <button kendoButton *ngIf=\"AllowNewConversations\" (click)=\"CreateNewConversation()\">+</button>\n                </div>\n                <kendo-listview\n                    class=\"conversation-list\"\n                    [data]=\"Conversations\"\n                    [style.height.px]=\"280\"\n                    [itemClass]=\"{ 'item-border': true }\" \n                    mjFillContainer \n                    [fillWidth]=\"false\"\n                    [bottomMargin]=\"20\"\n                    #conversationList\n                    >\n                    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n                        <div class=\"conversation-item\" \n                             [ngClass]=\"GetConversationItemClass(dataItem)\"\n                             [title]=\"dataItem.Name\" \n                             (click)=\"SelectConversation(dataItem)\"> \n                            <span *ngIf=\"SelectedConversation && IsSkipProcessing(dataItem)\" class=\"fa-regular fa-clock\"></span>\n                            <div class=\"text-container\">\n                                <span *ngIf=\"dataItem.ID !== SelectedConversation?.ID || !ConversationEditMode\">{{ dataItem.Name }}</span>\n                                <textarea *ngIf=\"dataItem.ID === SelectedConversation?.ID && ConversationEditMode\" [(ngModel)]=\"dataItem.Name\" maxlength=\"100\"></textarea>\n                            </div>\n                            <div *ngIf=\"SelectedConversation?.ID === dataItem.ID\" class=\"edit-conversation-panel\">\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-solid fa-pen-to-square\" (click)=\"editConvo(dataItem)\"></span>\n                                <span *ngIf=\"!ConversationEditMode\" class=\"fa-regular fa-trash-can\" (click)=\"deleteConvo(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-check\" (click)=\"saveConvoName(dataItem)\"></span>\n                                <span *ngIf=\"ConversationEditMode\" class=\"fa-solid fa-xmark\" (click)=\"cancelConvoEdit(dataItem)\"></span>\n                            </div>\n                        </div>\n                    </ng-template>\n                </kendo-listview>\n                <!-- COMMENTED OUT as we don't want to support embedded conversations in the UI for now\n                     <div class=\"embedded-conversations\"><input kendoCheckBox type=\"checkbox\" [(ngModel)]=\"IncludeLinkedConversationsInList\" (ngModelChange)=\"loadConversations()\"/> <span (click)=\"FlipEmbeddedConversationState()\">Show Linked Conversations</span></div> -->\n            </div>\n        </kendo-splitter-pane>\n        <kendo-splitter-pane>\n            <div class=\"conversation-wrapper\" mjFillContainer>\n                <div #AskSkipPanel class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\n                    <div class=\"waiting-for-ai\" *ngIf=\"Messages && Messages.length > 0 && SelectedConversation && IsSkipProcessing(SelectedConversation)\">\n                        <kendo-loader></kendo-loader>\n                    </div>\n                    <div class=\"welcome-wrapper\" *ngIf=\"(!Messages || Messages.length ===0) && _conversationLoadComplete\">\n                        <div class='welcome-message'>\n                            <img src=\"assets/Skip Full Logo - Transparent.png\"/>\n                            <div class=\"welcome-header-text\">What can I help with today?</div>\n                        </div>\n                        <div class='welcome-suggested-questions'>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[0].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[0].topLine}}</span>\n                                    <span>{{WelcomeQuestions[0].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[1].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[1].topLine}}</span>\n                                    <span>{{WelcomeQuestions[1].bottomLine}}</span>\n                                </div>    \n                            </div>\n                            <div class=\"welcome-suggested-questions-col\">\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[2].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[2].topLine}}</span>\n                                    <span>{{WelcomeQuestions[2].bottomLine}}</span>\n                                </div>\n                                <div class=\"welcome-question\" (click)=\"sendPrompt(WelcomeQuestions[3].prompt)\">\n                                    <span class=\"welcome-question-header\">{{WelcomeQuestions[3].topLine}}</span>\n                                    <span>{{WelcomeQuestions[3].bottomLine}}</span>\n                                </div>    \n                            </div>\n                        </div>    \n                    </div>\n                    <div mjContainer mjSkipResize=\"true\"><!--mjSkipResize results in everything below this level NOT being resized, performance optimization-->\n                        <!-- Dynamic messages will be injected here -->\n                    </div>\n                    <span class=\"scroll-to-bottom-icon\" *ngIf=\"_showScrollToBottomIcon && Messages && Messages.length > 0\" (click)=\"scrollToBottomAnimate()\"><i class=\"fas fa-arrow-down\"></i></span>\n                </div>\n                <div class=\"input-area\">\n                    <div class=\"text-area-wrapper\">\n                        <textarea\n                            #AskSkipInput \n                            [disabled]=\"SelectedConversation && IsSkipProcessing(SelectedConversation)\" \n                            (keyup.enter)=\"onEnter($event)\" \n                            (input)=\"onInputChange($event)\"\n                            type=\"text\" \n                            placeholder=\"Ask Skip a question\"></textarea>\n                    </div>\n                    @if (ShowDataContextButton) {\n                        <button kendoButton >\n                            <span class=\"fa-solid fa-gear\" \n                                  (click)=\"showDataContext()\"></span>\n                        </button>    \n                    }\n                    <button kendoButton \n                            [disabled]=\"IsTextAreaEmpty() || (SelectedConversation !== undefined && IsSkipProcessing(SelectedConversation))\" \n                            (click)=\"sendSkipMessage()\">\n                            <span class=\"fas fa-solid fa-arrow-up\"></span>\n                    </button>\n                </div>\n            </div>\n        </kendo-splitter-pane>\n    </kendo-splitter>\n</div>     \n\n<div *ngIf=\"isDataContextDialogVisible\">\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\"></mj-data-context-dialog>\n</div>", styles: [".chat-container {\n    padding: 5px;\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    /*initial sizes*/\n    width: 100%;\n    height: 100%;\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper {\n    display: flex;\n    flex-direction: column;\n    position: relative; /* Add this line if the wrapper needs to be a reference point */\n    background-color: #f9f9f9;\n}\n\n.new-conversation {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history {\n    width: 260px;\n    min-width: 260px;\n    height: 100%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    margin-right: 10px;\n    padding-top: 5px;\n    background-color: #f9f9f9;\n    margin-top: 0px;  \n    padding: 12px;  \n}\n\n.k-tabstrip-content-for-skip {\n    padding: 0;\n    padding-block: 0;\n}\n\n\n.conversation-history > button {\n    height: 25px;\n}\n\n.skip-title {\n    font-size: larger;\n    margin-bottom: 5px;\n    height: 20px;\n    margin-top: 5px;\n}\n\n.conversation-list {\n    margin-top: 5px;\n    padding-top: 5px;\n    \n    border: 0;\n    background-color: #f9f9f9;\n}\n\n\n\n/* Center the welcome message vertically and horizontally */\n.welcome-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n}\n\n.welcome-message {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    height: 100%;\n}\n\n.embedded-conversations {\n    margin-left: 3px;\n    margin-top: 5px;\n    font-size: 10pt;\n    color: rgb(48, 48, 235);\n}\n.embedded-conversations > span {\n    margin-top: 4px;\n    margin-left: 5px;\n    cursor: pointer;\n}\n.conversation-item-linked {\n    color: rgb(48, 48, 235);\n}\n\n.welcome-message img {\n    width: 120px;\n    height: 50px;\n    margin-bottom: 20px; /* Adds some space between the image and the text below */\n}\n\n.welcome-header-text {\n    font-size: larger;\n    font-weight: bold;\n}\n\n/* Position the welcome-suggested-questions at the bottom of its container */\n.welcome-suggested-questions {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.welcome-suggested-questions-col {\n    display: flex;\n}\n\n/* Flex layout for questions, two per row */\n.welcome-question {\n    display: flex;\n    flex-direction: column; /* Stack the header and text vertically */\n    align-items: left;;\n    width: 300px;  \n    justify-content: space-between;\n    margin: 5px; /* Adds some space around each question */\n    border: solid 1px rgba(41, 28, 28, 0.08);\n    border-radius: 15px;\n    padding: 10px;\n    cursor: pointer;\n}\n\n.welcome-question:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n\n\n.welcome-question-header {\n    font-size: 12pt;\n    font-weight: bold;\n    display: block; /* Ensures the header is on its own line */\n}\n\n/* Non-bold text for the content below the header */\n.welcome-question span:not(.welcome-question-header) {\n    font-weight: normal;\n    font-size: 10pt;\n}\n\n\n.messages {\n    overflow-y: auto; /* enable scrolling if the content overflows */\n    overflow-x: hidden; /* hide horizontal scrollbar */\n    /* border: solid 1px rgba(0, 0, 0, 0.08); */\n    margin-bottom: 5px;\n\n    margin-top: 2px; /* align it with the top of converation history exactly*/\n\n    background-color: #f9f9f9;\n    flex: 1;\n}\n\n\n\n.new-chat-area {\n    display: flex;\n    justify-content: space-between; /* Aligns children (img and button) to each end */\n    align-items: center; /* Centers children vertically */\n}\n.avatar {\n    max-height: 24px;\n    margin-right: 10px;\n    margin-left: 5px;\n    margin-bottom: 3px;\n    /* Ensure the image aligns to the left */\n    margin-right: auto; /* Pushes everything else to the right */\n}\n\n.conversation-item {\n    margin-left: 5px;\n    margin-right: 5px;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 5px;\n    cursor: pointer;\n    overflow: hidden;\n    max-height: 150px;\n    font-size: 14px;\n\n    display: flex;\n    align-items: flex-start; /* Align items to the top */\n\n    flex-wrap: wrap; /* Allow items to wrap to the next line */\n}\n\n.text-container {\n    flex: 1; /* Take up remaining space */\n    display: flex;\n    flex-direction: column; /* Stack children vertically */\n}\n\n.text-container textarea {\n    resize: none; /* Disable resizing */\n    /* Add more styles for the textarea if needed */\n}\n\n.conversation-item > .conversation-icon {\n    margin-top: 3px;\n}\n\n.conversation-item span {\n    display: inline-block;\n    white-space: pre-wrap;  /* Allow text to wrap */\n    overflow: auto;\n    word-wrap: break-word;\n    margin-left: 3px;     /* Move the text to the right */\n}\n\n.conversation-item:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n}\n.conversation-item-selected {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n\n.conversation-item > .conversation-icon {\n    margin-right: 11px;\n}\n.edit-conversation-panel {\n    width: 100%; /* Take up the full width */\n    display: flex;\n    justify-content: flex-end; /* Align icons to the right */\n}\n.edit-conversation-panel > .k-icon {\n    margin-left: 5px;\n    cursor: pointer;\n}\n.edit-conversation-panel > .k-icon:hover {\n    color: #ff0000;\n}\n\n\n\n.input-area {\n    min-height: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 15px;\n}\n\n.input-area > button {\n    vertical-align: top;\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    border-radius: 12px;\n}\n.input-area > button:first-of-type {\n    margin-left: -40px;\n}\n.input-area > button:last-child {\n    margin-left: -65px;\n}\n\n.text-area-wrapper {\n    padding: 3px;\n    border: solid 1px rgba(0, 0, 0, 0.08) ;\n    border-radius: 15px;\n\n    margin-top: 4px;\n    margin-right: -1px;\n    min-height: 42px;\n    max-height: 100%; /* Prevent it from growing beyond the container */\n\n    overflow: hidden;    \n    align-items: center;\n\n    /*combined width and padding is 800*/\n    width: 710px;    \n    padding-right: 90px\n} \n.text-area-wrapper > textarea {\n    border: 0;\n    outline: 0;\n    resize: none;\n\n    min-height: 20px; /* Initial height */\n\n    width: 100%;\n    overflow-y: hidden; /* Hide scrollbar */\n\n    font-family: S\u00F6hne, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    font-size: 1rem;\n\n    margin-left: 7px;\n    margin-top: 7px;\n    margin-bottom: 5px;\n\n    background-color: #f9f9f9;\n}\n\n.text-area-wrapper > textarea:disabled {\n    background-color: white;\n}\n\n.input-wrapper {\n    flex-grow: 1; /* This will make the input-wrapper take the remaining space */\n    height: 100%;\n}\n\n.waiting-for-ai {\n    position: absolute;\n    display: flex; /* Use flexbox layout */\n    bottom: 100px;\n    z-index: 999;\n    left: 10px; \n}\n  \n.scroll-to-bottom-icon {\n    position: absolute;\n    bottom: 100px; /* Adjust as needed to position away from the bottom edge */\n    left: 50%; /* Start at the exact horizontal center */\n    transform: translateX(-50%); /* Shift it back by half its width to center it */\n    z-index: 1000; /* Ensure it stays on top */\n    background-color: white; /* Circle background color - adjust as needed */\n    color: black; /* Icon color - adjust as needed */\n    border-radius: 50%; /* Makes the background a circle */\n    width: 40px; /* Circle size - adjust as needed */\n    height: 40px; /* Circle size - adjust as needed */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); /* Optional: Adds a subtle shadow for better visibility */\n    cursor: pointer;\n}\n\n@media (min-width: 600px) {\n    .welcome-suggested-questions {\n        display: flex;\n        flex-wrap: wrap; /* Allows questions to wrap to the next line */\n        align-content: flex-end; /* Aligns the content to the bottom */\n    }\n}\n  "] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i0.Renderer2 }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i3.Location }, { type: i0.ChangeDetectorRef }], { AllowSend: [{
+            type: Input
+        }], Messages: [{
+            type: Input
+        }], Conversations: [{
+            type: Input
+        }], SelectedConversation: [{
+            type: Input
+        }], ConversationEditMode: [{
+            type: Input
+        }], ShowConversationList: [{
+            type: Input
+        }], AllowNewConversations: [{
+            type: Input
+        }], Title: [{
+            type: Input
+        }], DataContextID: [{
+            type: Input
+        }], LinkedEntity: [{
+            type: Input
+        }], LinkedEntityCompositeKey: [{
+            type: Input
+        }], ShowDataContextButton: [{
+            type: Input
+        }], IncludeLinkedConversationsInList: [{
+            type: Input
+        }], UpdateAppRoute: [{
+            type: Input
+        }], Provider: [{
+            type: Input
+        }], askSkip: [{
+            type: ViewChild,
+            args: [Container, { static: true }]
+        }], askSkipPanel: [{
+            type: ViewChild,
+            args: ['AskSkipPanel', { static: true }]
+        }], mjContainerRef: [{
+            type: ViewChild,
+            args: ['mjContainer', { read: ViewContainerRef }]
+        }], conversationList: [{
+            type: ViewChild,
+            args: ['conversationList', { static: false }]
+        }], askSkipInput: [{
+            type: ViewChild,
+            args: ['AskSkipInput']
+        }], scrollContainer: [{
+            type: ViewChild,
+            args: ['scrollContainer']
+        }], topLevelDiv: [{
+            type: ViewChild,
+            args: ['topLevelDiv']
+        }], WelcomeQuestions: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkipChatComponent, { className: "SkipChatComponent", filePath: "src/lib/skip-chat/skip-chat.component.ts", lineNumber: 41 }); })();
+//# sourceMappingURL=skip-chat.component.js.map