@memberjunction/ng-skip-chat 2.48.0 → 2.49.0

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

@@ -1,12 +1,3 @@
-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());
-    });
-};
 import { Component, ViewChild, ViewContainerRef, Input, Output, EventEmitter, } from '@angular/core';
 import { ActivationEnd } from '@angular/router';
 import { LogError, CompositeKey, LogStatus, RunView } from '@memberjunction/core';
@@ -367,6 +358,103 @@ function SkipChatComponent_kendo_dialog_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" Would you like to ", ctx_r2.messageEditOrDeleteType, " this message? Doing so will result in any subsequent messages in the conversation being deleted. ");
 } }
 export class SkipChatComponent extends BaseAngularComponent {
+    el;
+    renderer;
+    route;
+    router;
+    location;
+    cdRef;
+    notificationService;
+    AllowSend = true;
+    Messages = [];
+    Conversations = [];
+    SelectedConversation;
+    ConversationEditMode = false;
+    /**
+     * If true, the component will show the conversation list. Default is true.
+     */
+    ShowConversationList = true;
+    AllowNewConversations = true;
+    Title = 'Ask Skip';
+    DataContextID = '';
+    LinkedEntity = '';
+    LinkedEntityCompositeKey = new CompositeKey();
+    ShowDataContextButton = true;
+    IncludeLinkedConversationsInList = false;
+    SkipLogoURL = "assets/Skip Full Logo - Transparent.png";
+    SkipMarkOnlyLogoURL = "assets/Skip - Mark Only - Small.png";
+    /**
+     * Set this property in order to set the user image. This can either be a URL or a Blob
+     */
+    UserImage = undefined;
+    VerboseLogging = 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.
+     */
+    UpdateAppRoute = true;
+    /**
+     * When set to true, the small Skip logo is shown in the conversation list on the top left of the component
+     */
+    ShowSkipLogoInConversationList = false;
+    /**
+     * When set to true, the component will show a sharing button that allows the user to share the conversation with others. Default is true.
+     */
+    ShowSharingButton = true;
+    /**
+     * This array of role names will be excluded from the list of possible roles to share the conversation with.
+     */
+    SharingExcludeRoleNames = [];
+    /**
+     * This array of emails will be excluded from the list of possible roles to share the conversation with.
+     */
+    SharingExcludeEmails = [];
+    /**
+     * Whether to enable the split-panel viewing for artifacts. Default is true.
+     */
+    EnableArtifactSplitView = true;
+    /**
+     * Default ratio for split panels when viewing artifacts (0-1). Default is 0.5 (left panel takes 50% of width).
+     */
+    DefaultSplitRatio = 0.5;
+    /**
+     * This property is used to set the placeholder text for the textbox where the user types their message to Skip.
+     */
+    DefaultTextboxPlaceholder = 'Type your message to Skip here...';
+    /**
+     * This property is used to set the placeholder text for the textbox where the user types their message to Skip when Skip is processing a request and the text area is disabled.
+     */
+    ProcessingTextBoxPlaceholder = 'Please wait...';
+    /**
+     * Event emitted when the user clicks on a matching report and the application needs to handle the navigation
+     */
+    NavigateToMatchingReport = new EventEmitter();
+    /**
+     * Event emitted whenever a conversation is selected
+     */
+    ConversationSelected = new EventEmitter();
+    /**
+     * This event fires whenever a new report is created.
+     */
+    NewReportCreated = new EventEmitter();
+    /**
+     * This event fires whenever a drill down is requested within a given report.
+     */
+    DrillDownEvent = new EventEmitter();
+    /**
+     * This event fires when an artifact is selected
+     */
+    ArtifactSelected = new EventEmitter();
+    /**
+     * This event fires when an artifact is viewed in the split panel
+     */
+    ArtifactViewed = new EventEmitter();
+    askSkip;
+    askSkipPanel;
+    mjContainerRef;
+    conversationList;
+    askSkipInput;
+    scrollContainer;
+    topLevelDiv;
     set resourcePermissionsRef(component) {
         if (component) {
             // Component is instantiated
@@ -377,6 +465,68 @@ export class SkipChatComponent extends BaseAngularComponent {
             this.resourcePermissions = null;
         }
     }
+    resourcePermissions = null;
+    /**
+     * Internal state variable to track if the conversation list is visible or not. Defaults to true. Conversation List only is shown if this is true and ShowConversationList is true.
+     */
+    IsConversationListVisible = true;
+    SelectedConversationUser;
+    DataContext;
+    _showScrollToBottomIcon = false;
+    _AskSkipTextboxPlaceholder = 'Type your message here...';
+    _messageInProgress = false;
+    _conversationsInProgress = {};
+    _conversationsToReload = {};
+    _conversationLoadComplete = false;
+    _temporaryMessage;
+    _intersectionObserver;
+    static __skipChatWindowsCurrentlyVisible = 0;
+    sub;
+    /**
+     * Currently selected artifact for viewing in the split panel
+     */
+    selectedArtifact = null;
+    /**
+     * Artifact header info to display in split panel
+     */
+    artifactHeaderInfo = null;
+    /**
+     * Artifact version list for dropdown
+     */
+    artifactVersionList = [];
+    /**
+     * Selected artifact version ID
+     */
+    selectedArtifactVersionId = '';
+    /**
+     * Current split ratio for the split panel
+     */
+    SplitRatio = this.DefaultSplitRatio;
+    /**
+     * The questions that will be displayed in the welcome screen.
+     */
+    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?',
+        },
+    ];
     constructor(el, renderer, route, router, location, cdRef, notificationService) {
         super();
         this.el = el;
@@ -386,170 +536,15 @@ export class SkipChatComponent extends BaseAngularComponent {
         this.location = location;
         this.cdRef = cdRef;
         this.notificationService = notificationService;
-        this.AllowSend = true;
-        this.Messages = [];
-        this.Conversations = [];
-        this.ConversationEditMode = false;
-        /**
-         * If true, the component will show the conversation list. Default is true.
-         */
-        this.ShowConversationList = true;
-        this.AllowNewConversations = true;
-        this.Title = 'Ask Skip';
-        this.DataContextID = '';
-        this.LinkedEntity = '';
-        this.LinkedEntityCompositeKey = new CompositeKey();
-        this.ShowDataContextButton = true;
-        this.IncludeLinkedConversationsInList = false;
-        this.SkipLogoURL = "assets/Skip Full Logo - Transparent.png";
-        this.SkipMarkOnlyLogoURL = "assets/Skip - Mark Only - Small.png";
-        /**
-         * Set this property in order to set the user image. This can either be a URL or a Blob
-         */
-        this.UserImage = undefined;
-        this.VerboseLogging = 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;
-        /**
-         * When set to true, the small Skip logo is shown in the conversation list on the top left of the component
-         */
-        this.ShowSkipLogoInConversationList = false;
-        /**
-         * When set to true, the component will show a sharing button that allows the user to share the conversation with others. Default is true.
-         */
-        this.ShowSharingButton = true;
-        /**
-         * This array of role names will be excluded from the list of possible roles to share the conversation with.
-         */
-        this.SharingExcludeRoleNames = [];
-        /**
-         * This array of emails will be excluded from the list of possible roles to share the conversation with.
-         */
-        this.SharingExcludeEmails = [];
-        /**
-         * Whether to enable the split-panel viewing for artifacts. Default is true.
-         */
-        this.EnableArtifactSplitView = true;
-        /**
-         * Default ratio for split panels when viewing artifacts (0-1). Default is 0.5 (left panel takes 50% of width).
-         */
-        this.DefaultSplitRatio = 0.5;
-        /**
-         * This property is used to set the placeholder text for the textbox where the user types their message to Skip.
-         */
-        this.DefaultTextboxPlaceholder = 'Type your message to Skip here...';
-        /**
-         * This property is used to set the placeholder text for the textbox where the user types their message to Skip when Skip is processing a request and the text area is disabled.
-         */
-        this.ProcessingTextBoxPlaceholder = 'Please wait...';
-        /**
-         * Event emitted when the user clicks on a matching report and the application needs to handle the navigation
-         */
-        this.NavigateToMatchingReport = new EventEmitter();
-        /**
-         * Event emitted whenever a conversation is selected
-         */
-        this.ConversationSelected = new EventEmitter();
-        /**
-         * This event fires whenever a new report is created.
-         */
-        this.NewReportCreated = new EventEmitter();
-        /**
-         * This event fires whenever a drill down is requested within a given report.
-         */
-        this.DrillDownEvent = new EventEmitter();
-        /**
-         * This event fires when an artifact is selected
-         */
-        this.ArtifactSelected = new EventEmitter();
-        /**
-         * This event fires when an artifact is viewed in the split panel
-         */
-        this.ArtifactViewed = new EventEmitter();
-        this.resourcePermissions = null;
-        /**
-         * Internal state variable to track if the conversation list is visible or not. Defaults to true. Conversation List only is shown if this is true and ShowConversationList is true.
-         */
-        this.IsConversationListVisible = true;
-        this._showScrollToBottomIcon = false;
-        this._AskSkipTextboxPlaceholder = 'Type your message here...';
-        this._messageInProgress = false;
-        this._conversationsInProgress = {};
-        this._conversationsToReload = {};
-        this._conversationLoadComplete = false;
-        /**
-         * Currently selected artifact for viewing in the split panel
-         */
-        this.selectedArtifact = null;
-        /**
-         * Artifact header info to display in split panel
-         */
-        this.artifactHeaderInfo = null;
-        /**
-         * Artifact version list for dropdown
-         */
-        this.artifactVersionList = [];
-        /**
-         * Selected artifact version ID
-         */
-        this.selectedArtifactVersionId = '';
-        /**
-         * Current split ratio for the split panel
-         */
-        this.SplitRatio = this.DefaultSplitRatio;
-        /**
-         * 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?',
-            },
-        ];
-        // Track the polling intervals so we can clear them when needed
-        this._requestStatusPollingIntervals = {};
-        this.conversationResourceTypeID = undefined;
-        this._initialLoadComplete = false;
-        this._isLoading = false;
-        this._numLoads = 0;
-        /**
-         * This property is used to determine if the component should automatically load the data when it is first shown. Default is true. Turn this off if you want to have more control over the loading sequence and manually call the Load() method when ready.
-         */
-        this.AutoLoad = true;
-        this._scrollToBottom = false;
-        this._oldConvoName = '';
-        this.confirmDeleteConversationDialogOpen = false;
-        this.SelectedConversationCurrentUserPermissionLevel = null;
-        this._usedStartMessages = [];
-        this._processingStatus = {};
-        this.isDataContextDialogVisible = false;
-        this.isSharingDialogVisible = false;
-        this.confirmMessageEditOrDeleteDialogOpen = false;
-        this.messageEditOrDeleteType = 'edit';
     }
+    paramsSubscription;
     ngOnInit() {
     }
     static get SkipChatWindowsCurrentlyVisible() {
         return SkipChatComponent.__skipChatWindowsCurrentlyVisible;
     }
+    _mjGlobalEventSub;
+    _providerPushStatusSub;
     SubscribeToNotifications() {
         try {
             // subscribe to MJ events for push status updates, but first unsubscribe if we are already subscribed
@@ -607,12 +602,11 @@ export class SkipChatComponent extends BaseAngularComponent {
         }
     }
     HandlePushStatusUpdate(statusObj) {
-        var _a, _b, _c;
         try {
             const obj = statusObj;
-            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.type?.trim().toLowerCase() === 'askskip' && obj.status?.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.conversationID === this.SelectedConversation?.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.LogVerbose(`Skip Chat: Received Push Status for conversation ${obj.conversationID} with message: ${obj.message}`);
@@ -652,9 +646,8 @@ export class SkipChatComponent extends BaseAngularComponent {
         }
     }
     GetConversationItemClass(item) {
-        var _a;
         let classInfo = '';
-        if (((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID) === item.ID)
+        if (this.SelectedConversation?.ID === item.ID)
             classInfo += 'conversation-item-selected';
         if (item.LinkedEntityID && item.LinkedRecordID) {
             // an embedded conversation
@@ -698,22 +691,19 @@ export class SkipChatComponent extends BaseAngularComponent {
             this._AskSkipTextboxPlaceholder = this.DefaultTextboxPlaceholder;
         }
     }
-    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
+    async SetSelectedConversationUser() {
+        if (this.SelectedConversation?.UserID) {
+            const p = this.ProviderToUse;
+            if (p.CurrentUser.ID !== this.SelectedConversation.UserID) {
+                const result = await 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 LinkedEntityID() {
         if (this.LinkedEntity && this.LinkedEntity.length > 0) {
@@ -751,6 +741,8 @@ export class SkipChatComponent extends BaseAngularComponent {
             LogError(`Error checking for processing conversations: ${error}`);
         }
     }
+    // Track the polling intervals so we can clear them when needed
+    _requestStatusPollingIntervals = {};
     /**
      * Starts polling for conversation status updates
      * @param conversationId The ID of the conversation to poll for
@@ -759,9 +751,9 @@ export class SkipChatComponent extends BaseAngularComponent {
         // Clear any existing polling for this conversation
         this.stopRequestStatusPolling(convoID);
         // Set up polling every 3 seconds
-        this._requestStatusPollingIntervals[convoID] = setInterval(() => __awaiter(this, void 0, void 0, function* () {
-            yield this.checkRequestStatus(convoID);
-        }), 3000);
+        this._requestStatusPollingIntervals[convoID] = setInterval(async () => {
+            await this.checkRequestStatus(convoID);
+        }, 3000);
     }
     /**
      * Stops polling for conversation status updates
@@ -780,105 +772,100 @@ export class SkipChatComponent extends BaseAngularComponent {
      * @param limit Optional limit on number of records to return
      * @returns Array of ConversationDetailEntity objects
      */
-    LoadRecentConversationDetails(conversationId, role, limit) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (!conversationId || conversationId.length === 0) {
-                    return [];
-                }
-                // Construct the query to run
-                const extraFilter = role ?
-                    `ConversationID='${conversationId}' AND Role='${role}'` :
-                    `ConversationID='${conversationId}'`;
-                // Use RunView for convenience
-                const result = yield this.RunViewToUse.RunView({
-                    EntityName: 'Conversation Details',
-                    ExtraFilter: extraFilter,
-                    ResultType: 'entity_object',
-                    OrderBy: '__mj_CreatedAt DESC', // Most recent first
-                    IgnoreMaxRows: false,
-                    MaxRows: limit,
-                });
-                if (result && result.Success) {
-                    return result.Results;
-                }
+    async LoadRecentConversationDetails(conversationId, role, limit) {
+        try {
+            if (!conversationId || conversationId.length === 0) {
                 return [];
             }
-            catch (err) {
-                LogError(`Error loading conversation details: ${err}`);
-                return [];
+            // Construct the query to run
+            const extraFilter = role ?
+                `ConversationID='${conversationId}' AND Role='${role}'` :
+                `ConversationID='${conversationId}'`;
+            // Use RunView for convenience
+            const result = await this.RunViewToUse.RunView({
+                EntityName: 'Conversation Details',
+                ExtraFilter: extraFilter,
+                ResultType: 'entity_object',
+                OrderBy: '__mj_CreatedAt DESC', // Most recent first
+                IgnoreMaxRows: false,
+                MaxRows: limit,
+            });
+            if (result && result.Success) {
+                return result.Results;
             }
-        });
+            return [];
+        }
+        catch (err) {
+            LogError(`Error loading conversation details: ${err}`);
+            return [];
+        }
     }
     /**
      * Checks the status of a conversation request
      * @param conversationId The ID of the conversation to check
      */
-    checkRequestStatus(convoID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            try {
-                const p = this.ProviderToUse;
-                const conversation = yield p.GetEntityObject('Conversations', p.CurrentUser);
-                const loadResult = yield conversation.Load(convoID);
-                if (loadResult && conversation.Status === 'Available') {
-                    // Conversation is no longer processing, stop polling and refresh the conversation
-                    this.stopRequestStatusPolling(conversation.ID);
-                    this.cdRef.detach();
-                    if (convoID !== ((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.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.setProcessingStatus(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.setProcessingStatus(convoID, false);
-                        if (this.SelectedConversation.Name === 'New Chat' || ((_b = this.SelectedConversation.Name) === null || _b === void 0 ? void 0 : _b.trim().length) === 0 || this.SelectedConversation.Name !== conversation.Name) {
-                            // we are on the first message so skip renamed the convo, use that
-                            this.SelectedConversation.Name = conversation.Name; // this will update the UI
-                        }
-                        const convoDetails = yield this.LoadRecentConversationDetails(convoID, 'AI', 1);
-                        const aiDetail = convoDetails[0];
-                        if (aiDetail) {
-                            this.AddMessageToCurrentConversation(aiDetail, true, true);
-                            // Ensure scroll to bottom after adding AI message from status polling
-                            setTimeout(() => {
-                                this.scrollToBottom();
-                            }, 100);
-                            // Automatically show artifact if the new AI message has one
-                            this.autoShowArtifactIfPresent(aiDetail);
-                        }
-                        // 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...
-                    }
-                    if (this.SelectedConversation) {
-                        this.setProcessingStatus(this.SelectedConversation.ID, false);
+    async checkRequestStatus(convoID) {
+        try {
+            const p = this.ProviderToUse;
+            const conversation = await p.GetEntityObject('Conversations', p.CurrentUser);
+            const loadResult = await conversation.Load(convoID);
+            if (loadResult && conversation.Status === 'Available') {
+                // Conversation is no longer processing, stop polling and refresh the conversation
+                this.stopRequestStatusPolling(conversation.ID);
+                this.cdRef.detach();
+                if (convoID !== this.SelectedConversation?.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.setProcessingStatus(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.setProcessingStatus(convoID, false);
+                    if (this.SelectedConversation.Name === 'New Chat' || this.SelectedConversation.Name?.trim().length === 0 || this.SelectedConversation.Name !== conversation.Name) {
+                        // we are on the first message so skip renamed the convo, use that
+                        this.SelectedConversation.Name = conversation.Name; // this will update the UI
                     }
-                    const idx = this.Conversations.findIndex((c) => c.ID === convoID);
-                    if (idx >= 0) {
-                        // update our this.Conversations array to reflect the updated conversation. First find the index of the conversation and then get that item and update it
-                        this.Conversations[idx] = conversation;
-                        //rerender the list box
-                        this.Conversations = [...this.Conversations];
+                    const convoDetails = await this.LoadRecentConversationDetails(convoID, 'AI', 1);
+                    const aiDetail = convoDetails[0];
+                    if (aiDetail) {
+                        this.AddMessageToCurrentConversation(aiDetail, true, true);
+                        // Ensure scroll to bottom after adding AI message from status polling
+                        setTimeout(() => {
+                            this.scrollToBottom();
+                        }, 100);
+                        // Automatically show artifact if the new AI message has one
+                        this.autoShowArtifactIfPresent(aiDetail);
                     }
-                    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
-                    //InvokeManualResize();
-                    this.SetSkipStatusMessage('', 500); // 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();
+                    // 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...
                 }
+                if (this.SelectedConversation) {
+                    this.setProcessingStatus(this.SelectedConversation.ID, false);
+                }
+                const idx = this.Conversations.findIndex((c) => c.ID === convoID);
+                if (idx >= 0) {
+                    // update our this.Conversations array to reflect the updated conversation. First find the index of the conversation and then get that item and update it
+                    this.Conversations[idx] = conversation;
+                    //rerender the list box
+                    this.Conversations = [...this.Conversations];
+                }
+                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
+                //InvokeManualResize();
+                this.SetSkipStatusMessage('', 500); // 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();
             }
-            catch (error) {
-                LogError(`Error checking request status for conversation with ID ${convoID}: ${error}`);
-            }
-        });
+        }
+        catch (error) {
+            LogError(`Error checking request status for conversation with ID ${convoID}: ${error}`);
+        }
     }
     ngOnDestroy() {
         // Unsubscribe to prevent memory leaks
@@ -920,78 +907,81 @@ export class SkipChatComponent extends BaseAngularComponent {
             }
         }
     }
-    ngAfterViewInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.AutoLoad)
-                yield this.Load();
-        });
+    conversationResourceTypeID = undefined;
+    _initialLoadComplete = false;
+    _isLoading = false;
+    _numLoads = 0;
+    async ngAfterViewInit() {
+        if (this.AutoLoad)
+            await this.Load();
     }
     get ResourcePermissionEngine() {
         return ResourcePermissionEngine.GetProviderInstance(this.ProviderToUse, ResourcePermissionEngine);
     }
-    Load() {
-        return __awaiter(this, arguments, void 0, function* (forceRefresh = false) {
-            var _a;
-            if (!this._initialLoadComplete || forceRefresh) {
-                this.SubscribeToNotifications(); // subscribe to notifications, this auto-cleans up old subs if they exist - we do this HERE becuase the ProviderToUse is set by this point in time whereas in ngOnInit it's not necessarily set yet
-                yield this.ResourcePermissionEngine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);
-                this.conversationResourceTypeID = (_a = this.ResourcePermissionEngine.ResourceTypes.find((rt) => rt.Name === 'Conversations')) === null || _a === void 0 ? void 0 : _a.ID;
-                MJGlobal.Instance.ObjectCache.Remove('Conversations'); // clear the cache so we reload the conversations
-                if (this.paramsSubscription) {
-                    this.paramsSubscription.unsubscribe();
-                }
-                this.updateParentTabPanelStyling();
-                SkipChatComponent.__skipChatWindowsCurrentlyVisible = 0; // set to zero each time we are called here
-                // create an intersection observer to see if we are visible
-                this._intersectionObserver = new IntersectionObserver((entries) => __awaiter(this, void 0, void 0, function* () {
-                    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._initialLoadComplete || forceRefresh) {
-                            // don't go below 0
-                            SkipChatComponent.__skipChatWindowsCurrentlyVisible = Math.max(0, SkipChatComponent.__skipChatWindowsCurrentlyVisible - 1);
-                        }
+    /**
+     * This property is used to determine if the component should automatically load the data when it is first shown. Default is true. Turn this off if you want to have more control over the loading sequence and manually call the Load() method when ready.
+     */
+    AutoLoad = true;
+    async Load(forceRefresh = false) {
+        if (!this._initialLoadComplete || forceRefresh) {
+            this.SubscribeToNotifications(); // subscribe to notifications, this auto-cleans up old subs if they exist - we do this HERE becuase the ProviderToUse is set by this point in time whereas in ngOnInit it's not necessarily set yet
+            await this.ResourcePermissionEngine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);
+            this.conversationResourceTypeID = this.ResourcePermissionEngine.ResourceTypes.find((rt) => rt.Name === 'Conversations')?.ID;
+            MJGlobal.Instance.ObjectCache.Remove('Conversations'); // clear the cache so we reload the conversations
+            if (this.paramsSubscription) {
+                this.paramsSubscription.unsubscribe();
+            }
+            this.updateParentTabPanelStyling();
+            SkipChatComponent.__skipChatWindowsCurrentlyVisible = 0; // set to zero each time we are called here
+            // create an intersection observer to see if we are visible
+            this._intersectionObserver = new IntersectionObserver(async (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._initialLoadComplete || forceRefresh) {
+                        // don't go below 0
+                        SkipChatComponent.__skipChatWindowsCurrentlyVisible = Math.max(0, SkipChatComponent.__skipChatWindowsCurrentlyVisible - 1);
                     }
-                    else {
-                        // we are now visible, increment the count of visible instances
-                        SkipChatComponent.__skipChatWindowsCurrentlyVisible++;
-                        if (!this._initialLoadComplete || forceRefresh) {
-                            // we are now visible, for the first time, first fire off an InvokeManualResize to ensure the parent container is resized properly
-                            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) => __awaiter(this, void 0, void 0, function* () {
-                                    if (!this._initialLoadComplete || forceRefresh) {
-                                        this._initialLoadComplete = true; // do this once
-                                        const conversationId = params.conversationId;
-                                        if (conversationId) {
-                                            yield this.loadConversations(conversationId); // Load the conversation based on the conversationId
-                                        }
-                                        else {
-                                            yield this.loadConversations();
-                                        }
-                                    }
-                                }));
-                            }
-                            else if (this.LinkedEntity && this.CompositeKeyIsPopulated()) {
-                                // now, do stuff if we are embedded in another component with a LinkedEntity/LinkedEntityRecordID
+                }
+                else {
+                    // we are now visible, increment the count of visible instances
+                    SkipChatComponent.__skipChatWindowsCurrentlyVisible++;
+                    if (!this._initialLoadComplete || forceRefresh) {
+                        // we are now visible, for the first time, first fire off an InvokeManualResize to ensure the parent container is resized properly
+                        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(async (params) => {
                                 if (!this._initialLoadComplete || forceRefresh) {
                                     this._initialLoadComplete = true; // do this once
-                                    yield this.loadConversations(); // Load the conversation which will filter by the linked entity and record id
+                                    const conversationId = params.conversationId;
+                                    if (conversationId) {
+                                        await this.loadConversations(conversationId); // Load the conversation based on the conversationId
+                                    }
+                                    else {
+                                        await this.loadConversations();
+                                    }
                                 }
+                            });
+                        }
+                        else if (this.LinkedEntity && this.CompositeKeyIsPopulated()) {
+                            // now, do stuff if we are embedded in another component with a LinkedEntity/LinkedEntityRecordID
+                            if (!this._initialLoadComplete || forceRefresh) {
+                                this._initialLoadComplete = true; // do this once
+                                await 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);
+                        this.checkScroll();
                     }
-                }));
-                // now fire up the observer on the top level div
-                this._intersectionObserver.observe(this.topLevelDiv.nativeElement);
-                this.cdRef.detectChanges();
-            }
-        });
+                    // 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);
+            this.cdRef.detectChanges();
+        }
     }
     /**
      * This method is used to refresh the data in the component. This will reload the conversations and messages from the server.
@@ -999,6 +989,7 @@ export class SkipChatComponent extends BaseAngularComponent {
     Refresh() {
         this.Load(true);
     }
+    _scrollToBottom = false;
     ngAfterViewChecked() {
         if (this._scrollToBottom) {
             this._scrollToBottom = false;
@@ -1014,102 +1005,100 @@ export class SkipChatComponent extends BaseAngularComponent {
         this.IncludeLinkedConversationsInList = !this.IncludeLinkedConversationsInList;
         this.loadConversations();
     }
-    loadConversations() {
-        return __awaiter(this, arguments, void 0, function* (conversationIdToLoad = undefined) {
-            this._isLoading = true;
-            const cacheConversationsKey = `${SkipChatComponent._cacheRootKey}_Conversations`;
-            const cacheConversationServerURLKey = `${SkipChatComponent._cacheRootKey}_ConversationsServerURL`;
-            let cachedConversations = MJGlobal.Instance.ObjectCache.Find(cacheConversationsKey);
-            const cacheConversationsServerURL = MJGlobal.Instance.ObjectCache.Find(cacheConversationServerURLKey);
-            const gqlConfig = this.ProviderToUse.ConfigData;
-            if (!cachedConversations || gqlConfig.URL !== cacheConversationsServerURL) {
-                // load up from the database as we don't have any cached conversations
-                // or we have a different URL 
-                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.Replace(cacheConversationsKey, result.Results); // use Replace for safety in case someone else has added to the cache between when we checked and now
-                    MJGlobal.Instance.ObjectCache.Replace(cacheConversationServerURLKey, gqlConfig.URL); // ensure the key for the conversations object is set to the current server URL
-                    // 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
+    static _cacheRootKey = '___SkipChat__';
+    async loadConversations(conversationIdToLoad = undefined) {
+        this._isLoading = true;
+        const cacheConversationsKey = `${SkipChatComponent._cacheRootKey}_Conversations`;
+        const cacheConversationServerURLKey = `${SkipChatComponent._cacheRootKey}_ConversationsServerURL`;
+        let cachedConversations = MJGlobal.Instance.ObjectCache.Find(cacheConversationsKey);
+        const cacheConversationsServerURL = MJGlobal.Instance.ObjectCache.Find(cacheConversationServerURLKey);
+        const gqlConfig = this.ProviderToUse.ConfigData;
+        if (!cachedConversations || gqlConfig.URL !== cacheConversationsServerURL) {
+            // load up from the database as we don't have any cached conversations
+            // or we have a different URL 
+            const result = await 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.Replace(cacheConversationsKey, result.Results); // use Replace for safety in case someone else has added to the cache between when we checked and now
+                MJGlobal.Instance.ObjectCache.Replace(cacheConversationServerURLKey, gqlConfig.URL); // ensure the key for the conversations object is set to the current server URL
+                // also set the local variable so we can use it below
+                cachedConversations = result.Results;
             }
-            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
+        }
+        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 && !conversationIdToLoad) {
+            // no conversations, so create a new one, BUT ONLY IF we weren't asked to load a specific conversation
+            // that can happen when a given user doesn't have their own conversations, but they are trying to view a shared conversation
+            await this.CreateNewConversation();
+            InvokeManualResize(1);
+        }
+        else if (conversationIdToLoad) {
+            // we are being asked to load a specific conversation
+            const convo = this.Conversations.find((c) => c.ID == conversationIdToLoad);
+            if (convo) {
+                await this.SelectConversation(convo);
             }
             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 && !conversationIdToLoad) {
-                // no conversations, so create a new one, BUT ONLY IF we weren't asked to load a specific conversation
-                // that can happen when a given user doesn't have their own conversations, but they are trying to view a shared conversation
-                yield this.CreateNewConversation();
-                InvokeManualResize(1);
-            }
-            else if (conversationIdToLoad) {
-                // we are being asked to load a specific conversation
-                const convo = this.Conversations.find((c) => c.ID == conversationIdToLoad);
-                if (convo) {
-                    yield this.SelectConversation(convo);
+                // we didn't find the conversation so check to see if it exists at all, could be a shared conversation
+                const sharedConvo = await this.LoadSingleConversation(conversationIdToLoad);
+                if (sharedConvo) {
+                    await this.SelectConversation(sharedConvo);
                 }
                 else {
-                    // we didn't find the conversation so check to see if it exists at all, could be a shared conversation
-                    const sharedConvo = yield this.LoadSingleConversation(conversationIdToLoad);
-                    if (sharedConvo) {
-                        yield this.SelectConversation(sharedConvo);
+                    // no shared conversation, load the first conversation but alert user that the convo they tried to load isn't available
+                    this.notificationService.CreateSimpleNotification(`Conversation ${conversationIdToLoad} not found`, 'error', 5000);
+                    if (this.Conversations.length > 0) {
+                        await this.SelectConversation(this.Conversations[0]);
                     }
                     else {
-                        // no shared conversation, load the first conversation but alert user that the convo they tried to load isn't available
-                        this.notificationService.CreateSimpleNotification(`Conversation ${conversationIdToLoad} not found`, 'error', 5000);
-                        if (this.Conversations.length > 0) {
-                            yield this.SelectConversation(this.Conversations[0]);
-                        }
-                        else {
-                            yield this.CreateNewConversation();
-                        }
+                        await this.CreateNewConversation();
                     }
                 }
             }
-            else {
-                // select the first conversation since no param was provided and we have > 0 convos
-                yield this.SelectConversation(this.Conversations[0]);
-            }
-            // Update UI for conversations that are processing
-            this.checkForProcessingConversations();
-            this._isLoading = false;
-            this._numLoads++;
-        });
+        }
+        else {
+            // select the first conversation since no param was provided and we have > 0 convos
+            await this.SelectConversation(this.Conversations[0]);
+        }
+        // Update UI for conversations that are processing
+        this.checkForProcessingConversations();
+        this._isLoading = false;
+        this._numLoads++;
     }
     /**
      * Loads a conversation from the database based on the conversation ID provided.
      * @param conversationId
      * @returns
      */
-    LoadSingleConversation(conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView(this.RunViewToUse);
-            const result = yield rv.RunView({
-                EntityName: 'Conversations',
-                ExtraFilter: `ID='${conversationId}'`,
-                ResultType: 'entity_object'
-            });
-            if (result && result.Success) {
-                return result.Results[0];
-            }
+    async LoadSingleConversation(conversationId) {
+        const rv = new RunView(this.RunViewToUse);
+        const result = await rv.RunView({
+            EntityName: 'Conversations',
+            ExtraFilter: `ID='${conversationId}'`,
+            ResultType: 'entity_object'
         });
+        if (result && result.Success) {
+            return result.Results[0];
+        }
     }
+    _oldConvoName = '';
     editConvo(conversation) {
         this._oldConvoName = conversation.Name ? conversation.Name : '';
         this.ConversationEditMode = true;
@@ -1118,155 +1107,147 @@ export class SkipChatComponent extends BaseAngularComponent {
         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;
-                    }
+    async saveConvoName(conversation) {
+        let newConvoObject;
+        if (conversation.Save !== undefined) {
+            newConvoObject = conversation;
+        }
+        else {
+            const p = this.ProviderToUse;
+            newConvoObject = await p.GetEntityObject('Conversations', p.CurrentUser);
+            await 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 (await 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.notificationService.CreateSimpleNotification('Error saving conversation name', 'error', 5000);
-        });
-    }
-    showDeleteConvoDialog(conversation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.confirmDeleteConversationDialogOpen = true;
-            this._conversationToDelete = conversation;
-        });
+        }
+        else
+            this.notificationService.CreateSimpleNotification('Error saving conversation name', 'error', 5000);
     }
-    closeDeleteConversation(yesno) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.confirmDeleteConversationDialogOpen = false;
-            if (this._conversationToDelete && yesno === 'yes')
-                yield this.deleteConvo(this._conversationToDelete);
-        });
+    confirmDeleteConversationDialogOpen = false;
+    _conversationToDelete;
+    async showDeleteConvoDialog(conversation) {
+        this.confirmDeleteConversationDialogOpen = true;
+        this._conversationToDelete = conversation;
     }
-    deleteConvo(conversation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // 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)) {
-                // we need to remove the conversation from the request status polling
-                this.stopRequestStatusPolling(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 = [];
-                }
+    async closeDeleteConversation(yesno) {
+        this.confirmDeleteConversationDialogOpen = false;
+        if (this._conversationToDelete && yesno === 'yes')
+            await this.deleteConvo(this._conversationToDelete);
+    }
+    async deleteConvo(conversation) {
+        // delete the conversation - we might need to load the entity if the current object isn't a "real object"
+        if (await this.DeleteConversation(conversation.ID)) {
+            // we need to remove the conversation from the request status polling
+            this.stopRequestStatusPolling(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 {
-                this.notificationService.CreateSimpleNotification('Error deleting conversation', 'error', 5000);
+                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.notificationService.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.notificationService.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.notificationService.CreateSimpleNotification('Error creating conversation', 'error', 5000);
-                    LogError('Error creating conversation', undefined, convo.LatestResult);
-                    return;
+    async CreateNewConversation() {
+        const p = this.ProviderToUse;
+        const convo = await 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 = await p.GetEntityObject('Data Contexts', p.CurrentUser);
+        dc.NewRecord();
+        dc.Name = 'Data Context for Skip Conversation';
+        dc.UserID = p.CurrentUser.ID;
+        if (await 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 = await 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);
                 }
-                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 if (this.LinkedEntity === 'Queries') {
+                    dci.Type = 'query';
+                    dci.QueryID = this.LinkedEntityCompositeKey.GetValueByIndex(0);
                 }
                 else {
-                    MJGlobal.Instance.ObjectCache.Add('Conversations', [convo, ...this.Conversations]);
+                    dci.Type = 'single_record';
+                    dci.RecordID = this.LinkedEntityCompositeKey.Values();
+                    dci.EntityID = this.LinkedEntityID;
+                }
+                let dciSaveResult = await dci.Save();
+                if (!dciSaveResult) {
+                    this.notificationService.CreateSimpleNotification('Error creating data context item', 'error', 5000);
+                    LogError('Error creating data context item', undefined, dci.LatestResult);
                 }
-                yield this.SelectConversation(convo);
-                // Ensure scroll to bottom for new conversation
-                setTimeout(() => {
-                    this.scrollToBottom();
-                }, 100);
+            }
+            convo.DataContextID = dc.ID;
+            this.DataContextID = dc.ID;
+            const convoSaveResult = await convo.Save();
+            if (!convoSaveResult) {
+                this.notificationService.CreateSimpleNotification('Error creating conversation', 'error', 5000);
+                LogError('Error creating conversation', undefined, convo.LatestResult);
+                return;
+            }
+            this.DataContext = new DataContext();
+            await 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 {
-                this.notificationService.CreateSimpleNotification('Error creating data context', 'error', 5000);
+                MJGlobal.Instance.ObjectCache.Add('Conversations', [convo, ...this.Conversations]);
             }
-        });
+            await this.SelectConversation(convo);
+            // Ensure scroll to bottom for new conversation
+            setTimeout(() => {
+                this.scrollToBottom();
+            }, 100);
+        }
+        else {
+            this.notificationService.CreateSimpleNotification('Error creating data context', 'error', 5000);
+        }
     }
     onEnter(event) {
         this.sendSkipMessage();
@@ -1275,25 +1256,23 @@ export class SkipChatComponent extends BaseAngularComponent {
      * This method returns true if the specified user can access the conversation provided, otherwise false.
      * @param conversation
      */
-    UserCanAccessConversation(user, conversation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.conversationResourceTypeID) {
-                LogError('Resource type ID for conversations is not loaded - metadata loading error');
-                return false;
-            }
-            if (!user || !conversation) {
-                return false;
+    async UserCanAccessConversation(user, conversation) {
+        if (!this.conversationResourceTypeID) {
+            LogError('Resource type ID for conversations is not loaded - metadata loading error');
+            return false;
+        }
+        if (!user || !conversation) {
+            return false;
+        }
+        else {
+            if (conversation.UserID === user.ID) {
+                return true;
             }
             else {
-                if (conversation.UserID === user.ID) {
-                    return true;
-                }
-                else {
-                    const level = yield this.GetUserConversationPermissionLevel(user, conversation);
-                    return level !== null;
-                }
+                const level = await this.GetUserConversationPermissionLevel(user, conversation);
+                return level !== null;
             }
-        });
+        }
     }
     /**
      * Returns the permission level of the user for the conversation provided.
@@ -1301,139 +1280,135 @@ export class SkipChatComponent extends BaseAngularComponent {
      * @param conversation
      * @returns
      */
-    GetUserConversationPermissionLevel(user, conversation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.conversationResourceTypeID) {
-                LogError('Resource type ID for conversations is not loaded - metadata loading error');
-                return null;
+    async GetUserConversationPermissionLevel(user, conversation) {
+        if (!this.conversationResourceTypeID) {
+            LogError('Resource type ID for conversations is not loaded - metadata loading error');
+            return null;
+        }
+        else {
+            if (user.ID === conversation.UserID) {
+                return 'Owner';
             }
             else {
-                if (user.ID === conversation.UserID) {
-                    return 'Owner';
-                }
-                else {
-                    // check resource permissions for sharing
-                    const engine = this.ResourcePermissionEngine;
-                    yield engine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);
-                    return engine.GetUserResourcePermissionLevel(this.conversationResourceTypeID, conversation.ID, user);
-                }
+                // check resource permissions for sharing
+                const engine = this.ResourcePermissionEngine;
+                await engine.Config(false, this.ProviderToUse.CurrentUser, this.ProviderToUse);
+                return engine.GetUserResourcePermissionLevel(this.conversationResourceTypeID, conversation.ID, user);
             }
-        });
+        }
     }
+    SelectedConversationCurrentUserPermissionLevel = null;
     /**
      * Sets the currently displayed conversation to the one provided
      * @param conversation
      * @returns
      */
-    SelectConversation(conversation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            // load up the conversation if not already the one that's loaded
-            if (conversation && conversation.ID !== ((_a = this.SelectedConversation) === null || _a === void 0 ? void 0 : _a.ID)) {
-                // check to see if the user has access to the conversation
-                if (!(yield this.UserCanAccessConversation(this.ProviderToUse.CurrentUser, conversation))) {
-                    this.notificationService.CreateSimpleNotification(`You do not have access to conversation ${conversation.ID}`, 'error', 5000);
-                    if (!this.SelectedConversation) {
-                        if (this.Conversations.length > 0) {
-                            // no current convo selected, so select the first one in the list
-                            const currentIndex = this.Conversations.findIndex((c) => c.ID === conversation.ID);
-                            if (currentIndex >= 0) {
-                                // select the next one in the list
-                                yield this.SelectConversation(this.Conversations[currentIndex + 1]);
-                            }
-                            else {
-                                // select the first one in the list
-                                yield this.SelectConversation(this.Conversations[0]);
-                            }
+    async SelectConversation(conversation) {
+        // load up the conversation if not already the one that's loaded
+        if (conversation && conversation.ID !== this.SelectedConversation?.ID) {
+            // check to see if the user has access to the conversation
+            if (!await this.UserCanAccessConversation(this.ProviderToUse.CurrentUser, conversation)) {
+                this.notificationService.CreateSimpleNotification(`You do not have access to conversation ${conversation.ID}`, 'error', 5000);
+                if (!this.SelectedConversation) {
+                    if (this.Conversations.length > 0) {
+                        // no current convo selected, so select the first one in the list
+                        const currentIndex = this.Conversations.findIndex((c) => c.ID === conversation.ID);
+                        if (currentIndex >= 0) {
+                            // select the next one in the list
+                            await this.SelectConversation(this.Conversations[currentIndex + 1]);
                         }
                         else {
-                            // doesn't have any conversations, so create a new one
-                            yield this.CreateNewConversation();
+                            // select the first one in the list
+                            await this.SelectConversation(this.Conversations[0]);
                         }
                     }
-                    return;
-                }
-                this.selectedArtifact = null;
-                this.SelectedConversationCurrentUserPermissionLevel = yield this.GetUserConversationPermissionLevel(this.ProviderToUse.CurrentUser, conversation);
-                this._conversationLoadComplete = false;
-                this.ClearMessages();
-                const oldStatus = this.IsSkipProcessing(conversation);
-                this.setProcessingStatus(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();
-                    const start = new Date().getTime();
-                    yield this.DataContext.LoadMetadata(this.DataContextID, this.ProviderToUse.CurrentUser, this.ProviderToUse);
-                    LogStatus('Skip Chat: Time to load data context: ' + (new Date().getTime() - start) + 'ms');
-                    // 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] = false; // reset this flag since we're reloading from the DB right now
-                    const start = new Date().getTime();
-                    const result = yield this.RunViewToUse.RunView({
-                        EntityName: 'Conversation Details',
-                        ExtraFilter: `ConversationID='${conversation.ID}'`,
-                        OrderBy: '__mj_CreatedAt ASC' // show messages in order of creation,
-                    });
-                    LogStatus('Skip Chat: Time to load messages from database: ' + (new Date().getTime() - start) + 'ms');
-                    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.cdRef.detach(); // temporarily stop change detection to improve performance
-                    for (const m of this.Messages) {
-                        this.AddMessageToPanel(m, false);
+                    else {
+                        // doesn't have any conversations, so create a new one
+                        await this.CreateNewConversation();
                     }
-                    this.cdRef.reattach(); // resume change detection
-                    // Force scroll to bottom after rendering messages
-                    setTimeout(() => {
-                        this.scrollToBottom();
-                    }, 300); // Give DOM time to render all messages
                 }
-                this.setProcessingStatus(conversation.ID, oldStatus); // set back to old status as it might have been processing
-                // Check if this conversation is in 'Processing' status and restore the streaming state
-                if (conversation.Status === 'Processing') {
-                    // This conversation is currently being processed
-                    this.setProcessingStatus(conversation.ID, true);
-                    this._conversationsInProgress[conversation.ID] = true;
-                    this._messageInProgress = true;
-                    this.AllowSend = false;
-                    // Create the temporary status message after a brief delay to ensure DOM is ready
-                    setTimeout(() => {
-                        this.SetSkipStatusMessage("Processing...", 0, conversation.__mj_UpdatedAt);
-                        // Start polling after the temporary message is created
-                        this.startRequestStatusPolling(conversation.ID);
-                    }, 100);
+                return;
+            }
+            this.selectedArtifact = null;
+            this.SelectedConversationCurrentUserPermissionLevel = await this.GetUserConversationPermissionLevel(this.ProviderToUse.CurrentUser, conversation);
+            this._conversationLoadComplete = false;
+            this.ClearMessages();
+            const oldStatus = this.IsSkipProcessing(conversation);
+            this.setProcessingStatus(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();
+                const start = new Date().getTime();
+                await this.DataContext.LoadMetadata(this.DataContextID, this.ProviderToUse.CurrentUser, this.ProviderToUse);
+                LogStatus('Skip Chat: Time to load data context: ' + (new Date().getTime() - start) + 'ms');
+                // 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] = false; // reset this flag since we're reloading from the DB right now
+                const start = new Date().getTime();
+                const result = await this.RunViewToUse.RunView({
+                    EntityName: 'Conversation Details',
+                    ExtraFilter: `ConversationID='${conversation.ID}'`,
+                    OrderBy: '__mj_CreatedAt ASC' // show messages in order of creation,
+                });
+                LogStatus('Skip Chat: Time to load messages from database: ' + (new Date().getTime() - start) + 'ms');
+                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];
                 }
-                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);
+            }
+            if (this.Messages && this.Messages.length > 0) {
+                this.cdRef.detach(); // temporarily stop change detection to improve performance
+                for (const m of this.Messages) {
+                    this.AddMessageToPanel(m, false);
                 }
-                this.cdRef.detectChanges(); // first this off since conversation changed
-                this.ConversationSelected.emit(conversation.ID);
+                this.cdRef.reattach(); // resume change detection
+                // Force scroll to bottom after rendering messages
+                setTimeout(() => {
+                    this.scrollToBottom();
+                }, 300); // Give DOM time to render all messages
             }
-        });
+            this.setProcessingStatus(conversation.ID, oldStatus); // set back to old status as it might have been processing
+            // Check if this conversation is in 'Processing' status and restore the streaming state
+            if (conversation.Status === 'Processing') {
+                // This conversation is currently being processed
+                this.setProcessingStatus(conversation.ID, true);
+                this._conversationsInProgress[conversation.ID] = true;
+                this._messageInProgress = true;
+                this.AllowSend = false;
+                // Create the temporary status message after a brief delay to ensure DOM is ready
+                setTimeout(() => {
+                    this.SetSkipStatusMessage("Processing...", 0, conversation.__mj_UpdatedAt);
+                    // Start polling after the temporary message is created
+                    this.startRequestStatusPolling(conversation.ID);
+                }, 100);
+            }
+            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.cdRef.detectChanges(); // first this off since conversation changed
+            this.ConversationSelected.emit(conversation.ID);
+        }
     }
     scrollToConversation(conversationId) {
         if (this.conversationList) {
@@ -1464,6 +1439,17 @@ export class SkipChatComponent extends BaseAngularComponent {
             LogError(e);
         }
     }
+    static _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! ⚓",
+    ];
+    _usedStartMessages = [];
     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._startMessages.length) {
@@ -1485,113 +1471,108 @@ export class SkipChatComponent extends BaseAngularComponent {
             }
         }
     }
-    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.setProcessingStatus((_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.askSkipInput.nativeElement.value = '';
-                this.resizeTextInput();
-                this.SetSkipStatusMessage(this.pickSkipStartMessage(), 850);
-                // Ensure scroll to bottom after adding user message AND progress message
-                setTimeout(() => {
-                    this.scrollToBottom();
-                }, 950); // Slightly after the progress message is shown (850ms + 100ms buffer)
-                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.setProcessingStatus(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;
+    async sendPrompt(val) {
+        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.setProcessingStatus(this.SelectedConversation?.ID, true);
+        }
+        if (val && val.length > 0) {
+            this._conversationsInProgress[convoID] = true;
+            this._messageInProgress = true;
+            this.AllowSend = false;
+            const p = this.ProviderToUse;
+            const convoDetail = await 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.askSkipInput.nativeElement.value = '';
+            this.resizeTextInput();
+            this.SetSkipStatusMessage(this.pickSkipStartMessage(), 850);
+            // Ensure scroll to bottom after adding user message AND progress message
+            setTimeout(() => {
+                this.scrollToBottom();
+            }, 950); // Slightly after the progress message is shown (850ms + 100ms buffer)
+            const graphQLRawResult = await this.ExecuteAskSkipQuery(val, await this.GetCreateDataContextID(), this.SelectedConversation);
+            const skipResult = 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?.Success) {
+                if (convoID !== this.SelectedConversation?.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.setProcessingStatus(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.setProcessingStatus(convoID, false);
+                    const innerResult = JSON.parse(skipResult.Result);
+                    if (!this.SelectedConversation) {
+                        const convo = await p.GetEntityObject('Conversations', p.CurrentUser);
+                        await convo.Load(skipResult.ConversationId);
+                        this.setProcessingStatus(skipResult.ConversationId, true);
+                        this.Conversations.push(convo);
+                        this.SelectedConversation = convo;
+                        this.cdRef.detectChanges(); // first this off since conversation changed
+                        this.SetSelectedConversationUser();
                     }
-                    else {
-                        this.setProcessingStatus(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.setProcessingStatus(skipResult.ConversationId, true);
-                            this.Conversations.push(convo);
-                            this.SelectedConversation = convo;
-                            this.cdRef.detectChanges(); // first this off since conversation changed
-                            this.SetSelectedConversationUser();
-                        }
-                        else if (innerResult.responsePhase === SkipResponsePhase.analysis_complete) {
-                            if (this.SelectedConversation.Name === 'New Chat' || ((_c = this.SelectedConversation.Name) === null || _c === void 0 ? void 0 : _c.trim().length) === 0) {
-                                // we are on the first message so skip renamed the convo, use that
-                                this.SelectedConversation.Name = innerResult.title; // 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];
-                                }
+                    else if (innerResult.responsePhase === SkipResponsePhase.analysis_complete) {
+                        if (this.SelectedConversation.Name === 'New Chat' || this.SelectedConversation.Name?.trim().length === 0) {
+                            // we are on the first message so skip renamed the convo, use that
+                            this.SelectedConversation.Name = innerResult.title; // 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) => c.ID === this.SelectedConversation?.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);
-                        // Ensure scroll to bottom after AI response
-                        setTimeout(() => {
-                            this.scrollToBottom();
-                        }, 100);
-                        // Automatically show artifact if the new AI message has one
-                        this.autoShowArtifactIfPresent(aiDetail);
-                        // 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...
                     }
+                    await convoDetail.Load(skipResult.UserMessageConversationDetailId); // update the object to load from DB
+                    const aiDetail = await p.GetEntityObject('Conversation Details', p.CurrentUser);
+                    await aiDetail.Load(skipResult.AIMessageConversationDetailId); // get record from the database
+                    this.AddMessageToCurrentConversation(aiDetail, true, true);
+                    // Ensure scroll to bottom after AI response
+                    setTimeout(() => {
+                        this.scrollToBottom();
+                    }, 100);
+                    // Automatically show artifact if the new AI message has one
+                    this.autoShowArtifactIfPresent(aiDetail);
+                    // 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...
                 }
-                if (this.SelectedConversation) {
-                    this.setProcessingStatus(this.SelectedConversation.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
-                //InvokeManualResize();
-                this.SetSkipStatusMessage('', 500); // 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;
+            if (this.SelectedConversation) {
+                this.setProcessingStatus(this.SelectedConversation.ID, false);
             }
-            const input = this.askSkipInput.nativeElement.value;
-            yield this.sendPrompt(input);
-        });
+            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
+            //InvokeManualResize();
+            this.SetSkipStatusMessage('', 500); // 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();
+        }
+    }
+    async sendSkipMessage() {
+        if (this.IsTextAreaEmpty()) {
+            return;
+        }
+        const input = this.askSkipInput.nativeElement.value;
+        await this.sendPrompt(input);
     }
     ClearMessages() {
         this.Messages = []; // clear out the messages
@@ -1792,82 +1773,79 @@ export class SkipChatComponent extends BaseAngularComponent {
         // Calculate the center of the conversation panel
         return rect.left + (rect.width / 2);
     }
-    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())) {
-                            this.notificationService.CreateSimpleNotification('Error creating data context item', 'error', 5000);
-                            console.log('AskSkipComponent: Error creating data context item');
-                        }
+    async GetCreateDataContextID() {
+        // 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 = await 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 (await dc.Save()) {
+                this.DataContextID = dc.ID;
+                // update the conversation with the data context id
+                const convo = await p.GetEntityObject('Conversations', p.CurrentUser);
+                await convo.Load(this.SelectedConversation.ID);
+                await 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 = await 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 (!(await dci.Save())) {
+                        this.notificationService.CreateSimpleNotification('Error creating data context item', 'error', 5000);
+                        console.log('AskSkipComponent: Error creating data context item');
                     }
-                }
-                else {
-                    this.notificationService.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);
+            else {
+                this.notificationService.CreateSimpleNotification('Error creating data context', 'error', 5000);
+                console.log('AskSkipComponent: Error creating data context');
             }
-            return this.DataContextID;
-        });
+        }
+        if (!this.DataContext) {
+            // load the actual data context object
+            this.DataContext = new DataContext();
+            await 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!) {
+    async ExecuteAskSkipQuery(question, dataContextId, SelectedConversation) {
+        try {
+            const gql = `query ExecuteAskSkipAnalysisQuery($userQuestion: String!, $dataContextId: String!, $conversationId: String!) {
         ExecuteAskSkipAnalysisQuery(UserQuestion: $userQuestion, DataContextId: $dataContextId, ConversationId: $conversationId) {
           Success
           Status
@@ -1877,34 +1855,32 @@ export class SkipChatComponent extends BaseAngularComponent {
           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 gqlProvider = this.ProviderToUse;
+            const result = await 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 convEntity = yield p.GetEntityObject('Conversations', p.CurrentUser);
-            yield convEntity.Load(ConversationID);
-            return yield convEntity.Delete();
-        });
+            const errorMessage = await 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;
+        }
+    }
+    async DeleteConversation(ConversationID) {
+        const p = this.ProviderToUse;
+        const convEntity = await p.GetEntityObject('Conversations', p.CurrentUser);
+        await convEntity.Load(ConversationID);
+        return await convEntity.Delete();
     }
+    _processingStatus = {};
     IsSkipProcessing(Conversation) {
         if (!Conversation) {
             return false;
@@ -1929,29 +1905,29 @@ export class SkipChatComponent extends BaseAngularComponent {
         }
         return false;
     }
+    isDataContextDialogVisible = false;
     showDataContextDialog() {
         this.isDataContextDialogVisible = true;
     }
     closeDataContextDialog() {
         this.isDataContextDialogVisible = false;
     }
+    isSharingDialogVisible = false;
     showSharingDialog() {
         this.isSharingDialogVisible = true;
     }
-    closeSharingDialog(action) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (action === 'yes' && this.resourcePermissions) {
-                if (!(yield this.resourcePermissions.SavePermissions())) {
-                    // let the user know that sharing failed
-                    this.notificationService.CreateSimpleNotification('Failed to save permissions', 'error', 2500);
-                }
-                else {
-                    // let the user know that sharing was successful
-                    this.notificationService.CreateSimpleNotification('Conversation sharing settings updated', 'success', 1500);
-                }
+    async closeSharingDialog(action) {
+        if (action === 'yes' && this.resourcePermissions) {
+            if (!await this.resourcePermissions.SavePermissions()) {
+                // let the user know that sharing failed
+                this.notificationService.CreateSimpleNotification('Failed to save permissions', 'error', 2500);
             }
-            this.isSharingDialogVisible = false;
-        });
+            else {
+                // let the user know that sharing was successful
+                this.notificationService.CreateSimpleNotification('Conversation sharing settings updated', 'success', 1500);
+            }
+        }
+        this.isSharingDialogVisible = false;
     }
     CompositeKeyIsPopulated() {
         return this.LinkedEntityCompositeKey.KeyValuePairs && this.LinkedEntityCompositeKey.KeyValuePairs.length > 0;
@@ -1980,6 +1956,9 @@ export class SkipChatComponent extends BaseAngularComponent {
             this.loadConversations(convoIDParam);
         });
     }
+    confirmMessageEditOrDeleteDialogOpen = false;
+    messageToEditOrDelete;
+    messageEditOrDeleteType = 'edit';
     HandleMessageEditOrDeleteRequest(message, type) {
         if (this.SelectedConversation && !this.IsSkipProcessing(this.SelectedConversation)) {
             this.messageToEditOrDelete = message;
@@ -2009,61 +1988,57 @@ export class SkipChatComponent extends BaseAngularComponent {
             }
         }
     }
-    editMessage(message) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const oldMessageText = message.Message;
-            yield this.deleteMessage(message);
-            // now add the text from the message to the input box
-            this.askSkipInput.nativeElement.value = oldMessageText;
-            // this will let the user edit the message and submit it
-        });
+    async editMessage(message) {
+        const oldMessageText = message.Message;
+        await this.deleteMessage(message);
+        // now add the text from the message to the input box
+        this.askSkipInput.nativeElement.value = oldMessageText;
+        // this will let the user edit the message and submit it
     }
-    deleteMessage(message) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.SelectedConversation || this.IsSkipProcessing(this.SelectedConversation)) {
-                return; // don't allow deleting messages while we're processing or don't have a selected convo
-            }
-            this.setProcessingStatus(this.SelectedConversation.ID, true);
-            // first find all the subsequent messages in the conversation
-            const idx = this.Messages.findIndex((m) => m.ID === message.ID);
-            if (idx >= 0) {
-                const currentAndSubsequentMessages = this.Messages.slice(idx);
-                const tg = yield this.ProviderToUse.CreateTransactionGroup();
-                for (const m of currentAndSubsequentMessages) {
-                    // need to create the BaseEntity subclass for the conversation detail entity
-                    // as our initial load of the conversation detail entity is not a full object it is 
-                    // a simple javascript object.
-                    const actualEntityObject = yield this.ProviderToUse.GetEntityObject('Conversation Details', this.ProviderToUse.CurrentUser);
-                    if (yield actualEntityObject.Load(m.ID)) {
-                        // check to see if it loaded succesfully or not, sometimes it is already deleted
-                        if (actualEntityObject.ConversationID === this.SelectedConversation.ID) {
-                            actualEntityObject.TransactionGroup = tg;
-                            yield actualEntityObject.Delete();
-                        }
-                        else {
-                            // didn't load successfully, drop to console, possibly the record was already deleted, non-fatal
-                            console.log('Error loading conversation detail entity for deletion', m);
-                        }
+    async deleteMessage(message) {
+        if (!this.SelectedConversation || this.IsSkipProcessing(this.SelectedConversation)) {
+            return; // don't allow deleting messages while we're processing or don't have a selected convo
+        }
+        this.setProcessingStatus(this.SelectedConversation.ID, true);
+        // first find all the subsequent messages in the conversation
+        const idx = this.Messages.findIndex((m) => m.ID === message.ID);
+        if (idx >= 0) {
+            const currentAndSubsequentMessages = this.Messages.slice(idx);
+            const tg = await this.ProviderToUse.CreateTransactionGroup();
+            for (const m of currentAndSubsequentMessages) {
+                // need to create the BaseEntity subclass for the conversation detail entity
+                // as our initial load of the conversation detail entity is not a full object it is 
+                // a simple javascript object.
+                const actualEntityObject = await this.ProviderToUse.GetEntityObject('Conversation Details', this.ProviderToUse.CurrentUser);
+                if (await actualEntityObject.Load(m.ID)) {
+                    // check to see if it loaded succesfully or not, sometimes it is already deleted
+                    if (actualEntityObject.ConversationID === this.SelectedConversation.ID) {
+                        actualEntityObject.TransactionGroup = tg;
+                        await actualEntityObject.Delete();
                     }
                     else {
-                        // problem loading the entity, drop to console, possibly the record was already deleted, non-fatal
+                        // didn't load successfully, drop to console, possibly the record was already deleted, non-fatal
                         console.log('Error loading conversation detail entity for deletion', m);
                     }
                 }
-                // now submit the transaction group
-                if (yield tg.Submit()) {
-                    this.setProcessingStatus(this.SelectedConversation.ID, false); // done
-                    const convo = this.SelectedConversation;
-                    this.SelectedConversation = undefined; // wipe out so the below does something
-                    this.SelectConversation(convo); // reload the conversation to get the latest messages
-                }
                 else {
-                    // alert the user to the error
-                    this.setProcessingStatus(this.SelectedConversation.ID, false); // done
-                    this.notificationService.CreateSimpleNotification('Error deleting messages', 'error', 3000);
+                    // problem loading the entity, drop to console, possibly the record was already deleted, non-fatal
+                    console.log('Error loading conversation detail entity for deletion', m);
                 }
             }
-        });
+            // now submit the transaction group
+            if (await tg.Submit()) {
+                this.setProcessingStatus(this.SelectedConversation.ID, false); // done
+                const convo = this.SelectedConversation;
+                this.SelectedConversation = undefined; // wipe out so the below does something
+                this.SelectConversation(convo); // reload the conversation to get the latest messages
+            }
+            else {
+                // alert the user to the error
+                this.setProcessingStatus(this.SelectedConversation.ID, false); // done
+                this.notificationService.CreateSimpleNotification('Error deleting messages', 'error', 3000);
+            }
+        }
     }
     get NumVisibleButtons() {
         let count = 1;
@@ -2073,6 +2048,7 @@ export class SkipChatComponent extends BaseAngularComponent {
             count++;
         return count;
     }
+    splitPanel;
     /**
      * Handles when an artifact is selected from a message
      * @param artifact The artifact information
@@ -2141,7 +2117,10 @@ export class SkipChatComponent extends BaseAngularComponent {
     onArtifactVersionSelected(versionId) {
         if (this.selectedArtifact) {
             // Update the selected artifact with the new version
-            this.selectedArtifact = Object.assign(Object.assign({}, this.selectedArtifact), { artifactVersionId: versionId });
+            this.selectedArtifact = {
+                ...this.selectedArtifact,
+                artifactVersionId: versionId
+            };
             // The artifact viewer will handle loading the new version
             this.ArtifactViewed.emit(this.selectedArtifact);
         }
@@ -2170,83 +2149,81 @@ export class SkipChatComponent extends BaseAngularComponent {
      * - Deletes the last user message
      * - Restores the text to the input area
      */
-    stopProcessing() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.SelectedConversation || !this.IsSkipProcessing(this.SelectedConversation)) {
-                return;
+    async stopProcessing() {
+        if (!this.SelectedConversation || !this.IsSkipProcessing(this.SelectedConversation)) {
+            return;
+        }
+        try {
+            // Get proper entity object for conversation if needed
+            let conversationEntity;
+            if (this.SelectedConversation.Save !== undefined) {
+                conversationEntity = this.SelectedConversation;
             }
-            try {
-                // Get proper entity object for conversation if needed
-                let conversationEntity;
-                if (this.SelectedConversation.Save !== undefined) {
-                    conversationEntity = this.SelectedConversation;
+            else {
+                const p = this.ProviderToUse;
+                conversationEntity = await p.GetEntityObject('Conversations', p.CurrentUser);
+                await conversationEntity.Load(this.SelectedConversation.ID);
+            }
+            // Find the last user message
+            const lastUserMessage = this.Messages
+                .slice()
+                .reverse()
+                .find(m => m.Role === 'User');
+            if (lastUserMessage) {
+                // Store the message text to restore to input
+                const messageText = lastUserMessage.Message;
+                // Update conversation status to Available
+                conversationEntity.Status = 'Available';
+                await conversationEntity.Save();
+                // Update the selected conversation object if we loaded a new one
+                if (this.SelectedConversation !== conversationEntity) {
+                    this.SelectedConversation = conversationEntity;
+                    // Also update in the conversations list
+                    const idx = this.Conversations.findIndex(c => c.ID === conversationEntity.ID);
+                    if (idx >= 0) {
+                        this.Conversations[idx] = conversationEntity;
+                    }
+                }
+                // Get proper entity object for the message if needed
+                let messageEntity;
+                if (lastUserMessage.Delete !== undefined) {
+                    messageEntity = lastUserMessage;
                 }
                 else {
                     const p = this.ProviderToUse;
-                    conversationEntity = yield p.GetEntityObject('Conversations', p.CurrentUser);
-                    yield conversationEntity.Load(this.SelectedConversation.ID);
+                    messageEntity = await p.GetEntityObject('Conversation Details', p.CurrentUser);
+                    await messageEntity.Load(lastUserMessage.ID);
                 }
-                // Find the last user message
-                const lastUserMessage = this.Messages
-                    .slice()
-                    .reverse()
-                    .find(m => m.Role === 'User');
-                if (lastUserMessage) {
-                    // Store the message text to restore to input
-                    const messageText = lastUserMessage.Message;
-                    // Update conversation status to Available
-                    conversationEntity.Status = 'Available';
-                    yield conversationEntity.Save();
-                    // Update the selected conversation object if we loaded a new one
-                    if (this.SelectedConversation !== conversationEntity) {
-                        this.SelectedConversation = conversationEntity;
-                        // Also update in the conversations list
-                        const idx = this.Conversations.findIndex(c => c.ID === conversationEntity.ID);
-                        if (idx >= 0) {
-                            this.Conversations[idx] = conversationEntity;
-                        }
-                    }
-                    // Get proper entity object for the message if needed
-                    let messageEntity;
-                    if (lastUserMessage.Delete !== undefined) {
-                        messageEntity = lastUserMessage;
-                    }
-                    else {
-                        const p = this.ProviderToUse;
-                        messageEntity = yield p.GetEntityObject('Conversation Details', p.CurrentUser);
-                        yield messageEntity.Load(lastUserMessage.ID);
-                    }
-                    // Delete the last user message
-                    yield messageEntity.Delete();
-                    // Remove from UI
-                    this.RemoveMessageFromCurrentConversation(lastUserMessage);
-                    // Restore text to input area
-                    if (this.askSkipInput && this.askSkipInput.nativeElement) {
-                        this.askSkipInput.nativeElement.value = messageText;
-                        this.resizeTextInput();
-                    }
-                }
-                // Clear processing state
-                this.setProcessingStatus(this.SelectedConversation.ID, false);
-                this._conversationsInProgress[this.SelectedConversation.ID] = false;
-                this._messageInProgress = false;
-                this.AllowSend = true;
-                // Stop polling
-                this.stopRequestStatusPolling(this.SelectedConversation.ID);
-                // Clear any temporary messages
-                this.SetSkipStatusMessage('', 0);
-                // Update the UI
-                this.cdRef.detectChanges();
-                // Focus on the input
+                // Delete the last user message
+                await messageEntity.Delete();
+                // Remove from UI
+                this.RemoveMessageFromCurrentConversation(lastUserMessage);
+                // Restore text to input area
                 if (this.askSkipInput && this.askSkipInput.nativeElement) {
-                    this.askSkipInput.nativeElement.focus();
+                    this.askSkipInput.nativeElement.value = messageText;
+                    this.resizeTextInput();
                 }
             }
-            catch (error) {
-                LogError(`Error stopping processing: ${error}`);
-                this.notificationService.CreateSimpleNotification('Failed to stop processing', 'error', 3000);
+            // Clear processing state
+            this.setProcessingStatus(this.SelectedConversation.ID, false);
+            this._conversationsInProgress[this.SelectedConversation.ID] = false;
+            this._messageInProgress = false;
+            this.AllowSend = true;
+            // Stop polling
+            this.stopRequestStatusPolling(this.SelectedConversation.ID);
+            // Clear any temporary messages
+            this.SetSkipStatusMessage('', 0);
+            // Update the UI
+            this.cdRef.detectChanges();
+            // Focus on the input
+            if (this.askSkipInput && this.askSkipInput.nativeElement) {
+                this.askSkipInput.nativeElement.focus();
             }
-        });
+        }
+        catch (error) {
+            LogError(`Error stopping processing: ${error}`);
+            this.notificationService.CreateSimpleNotification('Failed to stop processing', 'error', 3000);
+        }
     }
     /**
      * Automatically shows an artifact if the provided AI message has one
@@ -2300,88 +2277,76 @@ export class SkipChatComponent extends BaseAngularComponent {
         // Same artifact and version, not new
         return false;
     }
+    static ɵfac = function SkipChatComponent_Factory(t) { return new (t || SkipChatComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.MJNotificationService)); };
+    static ɵ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);
+            i0.ɵɵviewQuery(_c6, 5);
+            i0.ɵɵviewQuery(_c7, 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);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourcePermissionsRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.splitPanel = _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", SkipLogoURL: "SkipLogoURL", SkipMarkOnlyLogoURL: "SkipMarkOnlyLogoURL", UserImage: "UserImage", VerboseLogging: "VerboseLogging", UpdateAppRoute: "UpdateAppRoute", ShowSkipLogoInConversationList: "ShowSkipLogoInConversationList", ShowSharingButton: "ShowSharingButton", SharingExcludeRoleNames: "SharingExcludeRoleNames", SharingExcludeEmails: "SharingExcludeEmails", EnableArtifactSplitView: "EnableArtifactSplitView", DefaultSplitRatio: "DefaultSplitRatio", DefaultTextboxPlaceholder: "DefaultTextboxPlaceholder", ProcessingTextBoxPlaceholder: "ProcessingTextBoxPlaceholder", WelcomeQuestions: "WelcomeQuestions", AutoLoad: "AutoLoad" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", ConversationSelected: "ConversationSelected", NewReportCreated: "NewReportCreated", DrillDownEvent: "DrillDownEvent", ArtifactSelected: "ArtifactSelected", ArtifactViewed: "ArtifactViewed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 20, consts: [["topLevelDiv", ""], ["splitPanel", ""], ["AskSkipPanel", ""], ["scrollContainer", ""], ["conversationList", ""], ["AskSkipInput", ""], ["resourcePermissions", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], [1, "layout"], [1, "left-panel"], [1, "fa-solid", "fa-table-columns", "toggle-icon"], [1, "right-panel"], ["mjFillContainer", "", 3, "SplitRatioChanged", "VersionSelected", "Mode", "SplitRatio", "RightPanelHeaderContent", "VersionList", "SelectedVersionId", "fillWidth", "fillHeight"], ["left-panel", "", 1, "conversation-wrapper"], [2, "width", "0", "height", "0", "overflow", "hidden", "position", "absolute"], [1, "messages", 3, "scroll"], ["class", "welcome-wrapper", 4, "ngIf"], [1, "loading-convo-messages-wrapper"], ["mjContainer", "", "mjSkipResize", "true", 1, "messages-container"], ["class", "scroll-to-bottom-icon", 3, "left", "click", 4, "ngIf"], [1, "input-area"], ["right-panel", ""], [3, "ArtifactID", "ArtifactVersionID", "DataContext", "NavigateToMatchingReport", "NewReportCreated", "DrillDownEvent", "ArtifactInfoChanged", 4, "ngIf"], [3, "dataContextId", "Provider"], ["title", "Share Conversation", 3, "width", "height"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], [1, "fa-solid", "fa-table-columns", "toggle-icon", 3, "click"], [1, "avatar", 3, "src"], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], [4, "ngIf"], ["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, "welcome-wrapper"], [1, "welcome-message"], [3, "src"], [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, "text-area-wrapper"], ["type", "text", 3, "keyup.enter", "input", "disabled", "placeholder"], [1, "button-area"], ["kendoButton", ""], ["kendoButton", "", 1, "stop-button"], ["kendoButton", "", 3, "disabled"], ["kendoButton", "", 1, "share-button"], [1, "fa-solid", "fa-gear", 3, "click"], ["kendoButton", "", 1, "stop-button", 3, "click"], [1, "fas", "fa-solid", "fa-stop"], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], [1, "fa-solid", "fa-share", 3, "click"], [3, "NavigateToMatchingReport", "NewReportCreated", "DrillDownEvent", "ArtifactInfoChanged", "ArtifactID", "ArtifactVersionID", "DataContext"], [3, "dialogClosed", "dataContextId", "Provider"], ["title", "Share Conversation", 3, "close", "width", "height"], [3, "Provider", "ResourceTypeID", "ResourceRecordID", "ExcludedRoleNames", "ExcludedUserEmails"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["title", "Please confirm", 3, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 7, 0)(2, "div", 8);
+            i0.ɵɵtemplate(3, SkipChatComponent_Conditional_3_Template, 9, 9, "div", 9)(4, SkipChatComponent_Conditional_4_Template, 1, 0, "span", 10);
+            i0.ɵɵelementStart(5, "div", 11)(6, "skip-split-panel", 12, 1);
+            i0.ɵɵlistener("SplitRatioChanged", function SkipChatComponent_Template_skip_split_panel_SplitRatioChanged_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSplitRatioChanged($event)); })("VersionSelected", function SkipChatComponent_Template_skip_split_panel_VersionSelected_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onArtifactVersionSelected($event)); });
+            i0.ɵɵelementStart(8, "div", 13);
+            i0.ɵɵelement(9, "div", 14, 2);
+            i0.ɵɵelementStart(11, "div", 15, 3);
+            i0.ɵɵlistener("scroll", function SkipChatComponent_Template_div_scroll_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.checkScroll()); });
+            i0.ɵɵtemplate(13, SkipChatComponent_div_13_Template, 28, 9, "div", 16)(14, SkipChatComponent_Conditional_14_Template, 2, 0, "div", 17);
+            i0.ɵɵelement(15, "div", 18);
+            i0.ɵɵtemplate(16, SkipChatComponent_span_16_Template, 2, 2, "span", 19);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(17, SkipChatComponent_Conditional_17_Template, 9, 7, "div", 20);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(18, "div", 21);
+            i0.ɵɵtemplate(19, SkipChatComponent_skip_artifact_viewer_19_Template, 1, 3, "skip-artifact-viewer", 22);
+            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵtemplate(20, SkipChatComponent_Conditional_20_Template, 1, 2, "mj-data-context-dialog", 23)(21, SkipChatComponent_Conditional_21_Template, 8, 7, "kendo-dialog", 24)(22, SkipChatComponent_kendo_dialog_22_Template, 8, 3, "kendo-dialog", 25)(23, SkipChatComponent_kendo_dialog_23_Template, 8, 3, "kendo-dialog", 25);
+        } if (rf & 2) {
+            i0.ɵɵproperty("bottomMargin", 10)("rightMargin", 10);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.IsConversationListVisible ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsConversationListVisible ? 4 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Mode", ctx.EnableArtifactSplitView && ctx.selectedArtifact ? "BothSides" : "LeftOnly")("SplitRatio", ctx.SplitRatio)("RightPanelHeaderContent", ctx.artifactHeaderInfo)("VersionList", ctx.artifactVersionList)("SelectedVersionId", ctx.selectedArtifactVersionId)("fillWidth", false)("fillHeight", true);
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("ngIf", (!ctx.Messages || ctx.Messages.length === 0) && ctx._conversationLoadComplete);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx._conversationLoadComplete ? 14 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx._showScrollToBottomIcon && ctx.Messages && ctx.Messages.length > 0);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SelectedConversationCurrentUserPermissionLevel === "Owner" || ctx.SelectedConversationCurrentUserPermissionLevel === "Edit" ? 17 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.selectedArtifact);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isDataContextDialogVisible ? 20 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isSharingDialogVisible && ctx.SelectedConversation && ctx.conversationResourceTypeID ? 21 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.confirmDeleteConversationDialogOpen);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.confirmMessageEditOrDeleteDialogOpen);
+        } }, dependencies: [i2.NgClass, i2.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.MaxLengthValidator, i4.NgModel, i5.LoaderComponent, i6.DialogComponent, i6.DialogActionsComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent, i11.ResourcePermissionsComponent, i12.SkipSplitPanelComponent, i13.SkipArtifactViewerComponent], styles: [".layout[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row; \n\n    height: 100%; \n\n    width: 100%; \n\n    position: relative;\n    overflow: hidden; \n\n}\n\n.left-panel[_ngcontent-%COMP%] {\n    width: 272px; \n\n    background-color: #f8f9fa; \n\n    border-right: 1px solid #ddd; \n\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    position: relative;\n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n}\n\n\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n.right-panel[_ngcontent-%COMP%] {\n    flex: 1; \n\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    max-height: 100%; \n\n    overflow: hidden; \n\n}\n\n.conversation-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 16px;\n    background-color: #f5f7f9;\n    border-bottom: 1px solid #dde4ee;\n    height: 40px;\n    flex-shrink: 0;\n}\n\n.conversation-title[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 500;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 70%;\n}\n\n.artifact-counter-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n\n.new-convo-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel[_ngcontent-%COMP%]   .toggle-icon[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; \n\n}\n\n\n.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    max-height: 100vh; \n\n    overflow: hidden; \n\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    height: 100%; \n\n    max-height: 100%; \n\n    flex: 1;\n    overflow: auto; \n\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; \n\n    overflow-x: hidden; \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    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 5;\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    padding-bottom: 100px; \n\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    position: relative;\n    z-index: 10;\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    margin-top: 30px; \n\n}\n.welcome-suggested-questions-col[_ngcontent-%COMP%] {\n    display: flex;\n    margin-bottom: 10px; \n\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 !important; \n\n    overflow-x: hidden !important; \n\n    \n\n    margin-bottom: 5px;\n\n    margin-top: 2px; \n\n\n    background-color: #f9f9f9;\n    flex: 1 1 auto; \n\n    height: calc(100% - 50px); \n\n    max-height: 100%; \n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n    position: relative; \n\n}\n\n\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n\n\n.messages-container[_ngcontent-%COMP%] {\n    min-height: 20px; \n\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    display: flex;\n    justify-content: flex-end; \n\n    margin-top: 2px; \n\n    margin-right: 2px; \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    position: sticky;\n    bottom: 0;\n    background-color: #f9f9f9;\n    z-index: 10;\n}\n\n.input-area[_ngcontent-%COMP%]    > .button-area[_ngcontent-%COMP%] {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n\n\n.button-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\n}\n\n\n\n.button-area[_ngcontent-%COMP%]    > button.stop-button[_ngcontent-%COMP%] {\n    background-color: #dc3545;\n    color: white;\n}\n\n.button-area[_ngcontent-%COMP%]    > button.stop-button[_ngcontent-%COMP%]:hover {\n    background-color: #c82333;\n}\n\n\n\n\n\n\n\n\n\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\n\n\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: fixed; \n\n    bottom: 120px; \n\n    \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    opacity: 0.9; \n\n}\n\n.loading-convo-messages-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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.__skipChatWindowsCurrentlyVisible = 0;
-SkipChatComponent._cacheRootKey = '___SkipChat__';
-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(i0.Renderer2), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.MJNotificationService)); };
-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);
-        i0.ɵɵviewQuery(_c6, 5);
-        i0.ɵɵviewQuery(_c7, 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);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourcePermissionsRef = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.splitPanel = _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", SkipLogoURL: "SkipLogoURL", SkipMarkOnlyLogoURL: "SkipMarkOnlyLogoURL", UserImage: "UserImage", VerboseLogging: "VerboseLogging", UpdateAppRoute: "UpdateAppRoute", ShowSkipLogoInConversationList: "ShowSkipLogoInConversationList", ShowSharingButton: "ShowSharingButton", SharingExcludeRoleNames: "SharingExcludeRoleNames", SharingExcludeEmails: "SharingExcludeEmails", EnableArtifactSplitView: "EnableArtifactSplitView", DefaultSplitRatio: "DefaultSplitRatio", DefaultTextboxPlaceholder: "DefaultTextboxPlaceholder", ProcessingTextBoxPlaceholder: "ProcessingTextBoxPlaceholder", WelcomeQuestions: "WelcomeQuestions", AutoLoad: "AutoLoad" }, outputs: { NavigateToMatchingReport: "NavigateToMatchingReport", ConversationSelected: "ConversationSelected", NewReportCreated: "NewReportCreated", DrillDownEvent: "DrillDownEvent", ArtifactSelected: "ArtifactSelected", ArtifactViewed: "ArtifactViewed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 20, consts: [["topLevelDiv", ""], ["splitPanel", ""], ["AskSkipPanel", ""], ["scrollContainer", ""], ["conversationList", ""], ["AskSkipInput", ""], ["resourcePermissions", ""], ["mjFillContainer", "", 1, "chat-container", 3, "bottomMargin", "rightMargin"], [1, "layout"], [1, "left-panel"], [1, "fa-solid", "fa-table-columns", "toggle-icon"], [1, "right-panel"], ["mjFillContainer", "", 3, "SplitRatioChanged", "VersionSelected", "Mode", "SplitRatio", "RightPanelHeaderContent", "VersionList", "SelectedVersionId", "fillWidth", "fillHeight"], ["left-panel", "", 1, "conversation-wrapper"], [2, "width", "0", "height", "0", "overflow", "hidden", "position", "absolute"], [1, "messages", 3, "scroll"], ["class", "welcome-wrapper", 4, "ngIf"], [1, "loading-convo-messages-wrapper"], ["mjContainer", "", "mjSkipResize", "true", 1, "messages-container"], ["class", "scroll-to-bottom-icon", 3, "left", "click", 4, "ngIf"], [1, "input-area"], ["right-panel", ""], [3, "ArtifactID", "ArtifactVersionID", "DataContext", "NavigateToMatchingReport", "NewReportCreated", "DrillDownEvent", "ArtifactInfoChanged", 4, "ngIf"], [3, "dataContextId", "Provider"], ["title", "Share Conversation", 3, "width", "height"], ["title", "Please confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "conversation-history"], [1, "new-chat-area"], [1, "fa-solid", "fa-table-columns", "toggle-icon", 3, "click"], [1, "avatar", 3, "src"], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon"], ["mjFillContainer", "", 1, "conversation-list", 3, "data", "itemClass", "fillWidth", "bottomMargin"], ["kendoListViewItemTemplate", ""], [1, "fa-solid", "fa-pen-to-square", "new-convo-icon", 3, "click"], [1, "conversation-item", 3, "click", "ngClass", "title"], ["class", "fa-regular fa-clock", 4, "ngIf"], [1, "text-container"], [4, "ngIf"], ["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, "welcome-wrapper"], [1, "welcome-message"], [3, "src"], [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, "text-area-wrapper"], ["type", "text", 3, "keyup.enter", "input", "disabled", "placeholder"], [1, "button-area"], ["kendoButton", ""], ["kendoButton", "", 1, "stop-button"], ["kendoButton", "", 3, "disabled"], ["kendoButton", "", 1, "share-button"], [1, "fa-solid", "fa-gear", 3, "click"], ["kendoButton", "", 1, "stop-button", 3, "click"], [1, "fas", "fa-solid", "fa-stop"], ["kendoButton", "", 3, "click", "disabled"], [1, "fas", "fa-solid", "fa-arrow-up"], [1, "fa-solid", "fa-share", 3, "click"], [3, "NavigateToMatchingReport", "NewReportCreated", "DrillDownEvent", "ArtifactInfoChanged", "ArtifactID", "ArtifactVersionID", "DataContext"], [3, "dialogClosed", "dataContextId", "Provider"], ["title", "Share Conversation", 3, "close", "width", "height"], [3, "Provider", "ResourceTypeID", "ResourceRecordID", "ExcludedRoleNames", "ExcludedUserEmails"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"], ["title", "Please confirm", 3, "close", "minWidth", "width"], [2, "margin", "30px", "text-align", "center"]], template: function SkipChatComponent_Template(rf, ctx) { if (rf & 1) {
-        const _r1 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 7, 0)(2, "div", 8);
-        i0.ɵɵtemplate(3, SkipChatComponent_Conditional_3_Template, 9, 9, "div", 9)(4, SkipChatComponent_Conditional_4_Template, 1, 0, "span", 10);
-        i0.ɵɵelementStart(5, "div", 11)(6, "skip-split-panel", 12, 1);
-        i0.ɵɵlistener("SplitRatioChanged", function SkipChatComponent_Template_skip_split_panel_SplitRatioChanged_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSplitRatioChanged($event)); })("VersionSelected", function SkipChatComponent_Template_skip_split_panel_VersionSelected_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onArtifactVersionSelected($event)); });
-        i0.ɵɵelementStart(8, "div", 13);
-        i0.ɵɵelement(9, "div", 14, 2);
-        i0.ɵɵelementStart(11, "div", 15, 3);
-        i0.ɵɵlistener("scroll", function SkipChatComponent_Template_div_scroll_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.checkScroll()); });
-        i0.ɵɵtemplate(13, SkipChatComponent_div_13_Template, 28, 9, "div", 16)(14, SkipChatComponent_Conditional_14_Template, 2, 0, "div", 17);
-        i0.ɵɵelement(15, "div", 18);
-        i0.ɵɵtemplate(16, SkipChatComponent_span_16_Template, 2, 2, "span", 19);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(17, SkipChatComponent_Conditional_17_Template, 9, 7, "div", 20);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(18, "div", 21);
-        i0.ɵɵtemplate(19, SkipChatComponent_skip_artifact_viewer_19_Template, 1, 3, "skip-artifact-viewer", 22);
-        i0.ɵɵelementEnd()()()()();
-        i0.ɵɵtemplate(20, SkipChatComponent_Conditional_20_Template, 1, 2, "mj-data-context-dialog", 23)(21, SkipChatComponent_Conditional_21_Template, 8, 7, "kendo-dialog", 24)(22, SkipChatComponent_kendo_dialog_22_Template, 8, 3, "kendo-dialog", 25)(23, SkipChatComponent_kendo_dialog_23_Template, 8, 3, "kendo-dialog", 25);
-    } if (rf & 2) {
-        i0.ɵɵproperty("bottomMargin", 10)("rightMargin", 10);
-        i0.ɵɵadvance(3);
-        i0.ɵɵconditional(ctx.IsConversationListVisible ? 3 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(!ctx.IsConversationListVisible ? 4 : -1);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("Mode", ctx.EnableArtifactSplitView && ctx.selectedArtifact ? "BothSides" : "LeftOnly")("SplitRatio", ctx.SplitRatio)("RightPanelHeaderContent", ctx.artifactHeaderInfo)("VersionList", ctx.artifactVersionList)("SelectedVersionId", ctx.selectedArtifactVersionId)("fillWidth", false)("fillHeight", true);
-        i0.ɵɵadvance(7);
-        i0.ɵɵproperty("ngIf", (!ctx.Messages || ctx.Messages.length === 0) && ctx._conversationLoadComplete);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(!ctx._conversationLoadComplete ? 14 : -1);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx._showScrollToBottomIcon && ctx.Messages && ctx.Messages.length > 0);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.SelectedConversationCurrentUserPermissionLevel === "Owner" || ctx.SelectedConversationCurrentUserPermissionLevel === "Edit" ? 17 : -1);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.selectedArtifact);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.isDataContextDialogVisible ? 20 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.isSharingDialogVisible && ctx.SelectedConversation && ctx.conversationResourceTypeID ? 21 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.confirmDeleteConversationDialogOpen);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.confirmMessageEditOrDeleteDialogOpen);
-    } }, dependencies: [i2.NgClass, i2.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.MaxLengthValidator, i4.NgModel, i5.LoaderComponent, i6.DialogComponent, i6.DialogActionsComponent, i7.FillContainer, i7.Container, i8.ItemTemplateDirective, i8.ListViewComponent, i9.ButtonComponent, i10.DataContextDialogComponent, i11.ResourcePermissionsComponent, i12.SkipSplitPanelComponent, i13.SkipArtifactViewerComponent], styles: [".layout[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row; \n\n    height: 100%; \n\n    width: 100%; \n\n    position: relative;\n    overflow: hidden; \n\n}\n\n.left-panel[_ngcontent-%COMP%] {\n    width: 272px; \n\n    background-color: #f8f9fa; \n\n    border-right: 1px solid #ddd; \n\n    overflow-y: auto; \n\n    overflow-x: hidden; \n\n    position: relative;\n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n}\n\n\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.left-panel[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n.right-panel[_ngcontent-%COMP%] {\n    flex: 1; \n\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    max-height: 100%; \n\n    overflow: hidden; \n\n}\n\n.conversation-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 16px;\n    background-color: #f5f7f9;\n    border-bottom: 1px solid #dde4ee;\n    height: 40px;\n    flex-shrink: 0;\n}\n\n.conversation-title[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 500;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 70%;\n}\n\n.artifact-counter-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n\n.new-convo-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon[_ngcontent-%COMP%] {\n    color: #808080; \n\n    font-size: 18px; \n\n    cursor: pointer; \n\n    z-index: 10; \n\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel[_ngcontent-%COMP%]   .toggle-icon[_ngcontent-%COMP%] {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; \n\n}\n\n\n.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    max-height: 100vh; \n\n    overflow: hidden; \n\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    height: 100%; \n\n    max-height: 100%; \n\n    flex: 1;\n    overflow: auto; \n\n}\n\n.new-conversation[_ngcontent-%COMP%] {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history[_ngcontent-%COMP%] {\n    width: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; \n\n    overflow-x: hidden; \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    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 5;\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    padding-bottom: 100px; \n\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    position: relative;\n    z-index: 10;\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    margin-top: 30px; \n\n}\n.welcome-suggested-questions-col[_ngcontent-%COMP%] {\n    display: flex;\n    margin-bottom: 10px; \n\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 !important; \n\n    overflow-x: hidden !important; \n\n    \n\n    margin-bottom: 5px;\n\n    margin-top: 2px; \n\n\n    background-color: #f9f9f9;\n    flex: 1 1 auto; \n\n    height: calc(100% - 50px); \n\n    max-height: 100%; \n\n    scrollbar-width: thin; \n\n    scrollbar-color: #d3d3d3 #f8f9fa; \n\n    position: relative; \n\n}\n\n\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px; \n\n    background-color: #f8f9fa; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; \n\n    border-radius: 4px; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; \n\n}\n\n.messages[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background-color: #f8f9fa; \n\n}\n\n\n\n.messages-container[_ngcontent-%COMP%] {\n    min-height: 20px; \n\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    display: flex;\n    justify-content: flex-end; \n\n    margin-top: 2px; \n\n    margin-right: 2px; \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    position: sticky;\n    bottom: 0;\n    background-color: #f9f9f9;\n    z-index: 10;\n}\n\n.input-area[_ngcontent-%COMP%]    > .button-area[_ngcontent-%COMP%] {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n\n\n.button-area[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\n}\n\n\n\n.button-area[_ngcontent-%COMP%]    > button.stop-button[_ngcontent-%COMP%] {\n    background-color: #dc3545;\n    color: white;\n}\n\n.button-area[_ngcontent-%COMP%]    > button.stop-button[_ngcontent-%COMP%]:hover {\n    background-color: #c82333;\n}\n\n\n\n\n\n\n\n\n\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\n\n\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: fixed; \n\n    bottom: 120px; \n\n    \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    opacity: 0.9; \n\n}\n\n.loading-convo-messages-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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}"] });
 (() => { (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    <div class=\"layout\">\n        @if (IsConversationListVisible) {\n            <div class=\"left-panel\">\n                <div class=\"conversation-history\">\n                    <div class=\"new-chat-area\">\n                        <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(false)\"></span>\n                        @if (ShowSkipLogoInConversationList) {\n                            <img [src]=\"SkipLogoURL\" class=\"avatar\" />\n                        }\n                        @if (AllowNewConversations) {\n                            <span class=\"fa-solid fa-pen-to-square new-convo-icon\" (click)=\"CreateNewConversation()\"></span>                            \n                        }\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]=\"50\"\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)=\"showDeleteConvoDialog(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            </div>\n        }\n        @if (!IsConversationListVisible) {\n            <span class=\"fa-solid fa-table-columns toggle-icon\" (click)=\"DisplayConversationList(true)\"></span>\n        }\n\n        <div class=\"right-panel\">\n            <skip-split-panel \n                #splitPanel\n                [Mode]=\"EnableArtifactSplitView && selectedArtifact ? 'BothSides' : 'LeftOnly'\" \n                [SplitRatio]=\"SplitRatio\" \n                (SplitRatioChanged)=\"onSplitRatioChanged($event)\"\n                [RightPanelHeaderContent]=\"artifactHeaderInfo\"\n                [VersionList]=\"artifactVersionList\"\n                [SelectedVersionId]=\"selectedArtifactVersionId\"\n                (VersionSelected)=\"onArtifactVersionSelected($event)\"\n                mjFillContainer [fillWidth]=\"false\" [fillHeight]=\"true\">\n                \n                <!-- Left Panel (Chat) -->\n                <div left-panel class=\"conversation-wrapper\">\n                    <!-- Use this for reference only, but don't display - hidden via width:0, height:0 -->\n                    <div #AskSkipPanel style=\"width:0; height:0; overflow:hidden; position:absolute;\"></div>\n                    \n                    <div class=\"messages\" #scrollContainer (scroll)=\"checkScroll()\">\n                        <div class=\"welcome-wrapper\" *ngIf=\"(!Messages || Messages.length ===0) && _conversationLoadComplete\">\n                            <div class='welcome-message'>\n                                <img [src]=\"SkipLogoURL\" />\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                        @if (!_conversationLoadComplete) {\n                            <div class=\"loading-convo-messages-wrapper\">\n                                <kendo-loader></kendo-loader>\n                            </div>\n                        }   \n                        <div class=\"messages-container\" 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\" \n                              *ngIf=\"_showScrollToBottomIcon && Messages && Messages.length > 0\" \n                              [style.left.px]=\"getScrollToBottomIconPosition()\"\n                              (click)=\"scrollToBottomAnimate()\">\n                            <i class=\"fas fa-arrow-down\"></i>\n                        </span>\n                    </div>\n                    @if (SelectedConversationCurrentUserPermissionLevel === 'Owner' || \n                        SelectedConversationCurrentUserPermissionLevel === 'Edit') {\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]=\"_AskSkipTextboxPlaceholder\"></textarea>\n                            </div>\n                            <div class=\"button-area\" [style.marginLeft.px]=\"-35 * NumVisibleButtons\">\n                                @if (ShowDataContextButton) {\n                                    <button kendoButton >\n                                        <span class=\"fa-solid fa-gear\" \n                                                (click)=\"showDataContextDialog()\"></span>\n                                    </button>    \n                                }\n                                @if (SelectedConversation && IsSkipProcessing(SelectedConversation)) {\n                                    <button kendoButton \n                                        class=\"stop-button\"\n                                        (click)=\"stopProcessing()\">\n                                        <span class=\"fas fa-solid fa-stop\"></span>\n                                    </button>\n                                }\n                                @else {\n                                    <button kendoButton \n                                        [disabled]=\"IsTextAreaEmpty()\" \n                                        (click)=\"sendSkipMessage()\">\n                                        <span class=\"fas fa-solid fa-arrow-up\"></span>\n                                    </button>\n                                }\n                                @if (ShowSharingButton && SelectedConversationCurrentUserPermissionLevel === 'Owner') {\n                                    <button kendoButton class=\"share-button\">\n                                        <span class=\"fa-solid fa-share\"\n                                                (click)=\"showSharingDialog()\"></span>\n                                    </button>    \n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n                \n                <!-- Right Panel (Artifact Viewer) -->\n                <div right-panel>\n                    <skip-artifact-viewer\n                        *ngIf=\"selectedArtifact\"\n                        [ArtifactID]=\"selectedArtifact.artifactId\"\n                        [ArtifactVersionID]=\"selectedArtifact.artifactVersionId\"\n                        [DataContext]=\"DataContext\"\n                        (NavigateToMatchingReport)=\"NavigateToMatchingReport.emit($event)\"\n                        (NewReportCreated)=\"NewReportCreated.emit($event)\"\n                        (DrillDownEvent)=\"DrillDownEvent.emit($event)\"\n                        (ArtifactInfoChanged)=\"onArtifactInfoChanged($event)\">\n                    </skip-artifact-viewer>\n                </div>\n            </skip-split-panel>\n        </div>    \n    </div> \n</div>     \n\n@if(isDataContextDialogVisible) {\n    <mj-data-context-dialog [dataContextId]=\"DataContextID\" (dialogClosed)=\"closeDataContextDialog()\" [Provider]=\"ProviderToUse\"></mj-data-context-dialog>\n}\n@if(isSharingDialogVisible && SelectedConversation && conversationResourceTypeID) {\n    <kendo-dialog\n        title=\"Share Conversation\"\n        (close)=\"closeSharingDialog('no')\"\n        [width]=\"650\"\n        [height]=\"400\"\n    >\n        <mj-resource-permissions \n            [Provider]=\"Provider\"\n            [ResourceTypeID]=\"conversationResourceTypeID\"\n            [ResourceRecordID]=\"SelectedConversation.ID\"\n            [ExcludedRoleNames]=\"SharingExcludeRoleNames\"\n            [ExcludedUserEmails]=\"SharingExcludeEmails\"\n            #resourcePermissions\n        >\n        </mj-resource-permissions>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"closeSharingDialog('yes')\" themeColor=\"primary\">\n                Save\n            </button>\n        <button kendoButton (click)=\"closeSharingDialog('no')\">\n            Cancel\n        </button>\n        </kendo-dialog-actions>\n    </kendo-dialog>    \n}\n\n<kendo-dialog\n    title=\"Please confirm\"\n    *ngIf=\"confirmDeleteConversationDialogOpen\"\n    (close)=\"closeDeleteConversation('no')\"\n    [minWidth]=\"250\"\n    [width]=\"450\"\n>\n    <p style=\"margin: 30px; text-align: center;\">\n        Would you like to delete {{SelectedConversation?.Name}}?\n    </p>\n    <kendo-dialog-actions>\n        <button kendoButton (click)=\"closeDeleteConversation('yes')\" themeColor=\"primary\">\n            Yes\n        </button>\n    <button kendoButton (click)=\"closeDeleteConversation('no')\">\n        No\n    </button>\n    </kendo-dialog-actions>\n</kendo-dialog>    \n\n<kendo-dialog\n    title=\"Please confirm\"\n    *ngIf=\"confirmMessageEditOrDeleteDialogOpen\"\n    (close)=\"closeMessageEditOrDeleteDialog('no')\"\n    [minWidth]=\"250\"\n    [width]=\"450\"\n>\n    <p style=\"margin: 30px; text-align: center;\">\n        Would you like to {{messageEditOrDeleteType}} this message? Doing so will result in any subsequent messages in the conversation being deleted.\n    </p>\n    <kendo-dialog-actions>\n        <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('yes')\" themeColor=\"primary\">\n            Yes\n        </button>\n    <button kendoButton (click)=\"closeMessageEditOrDeleteDialog('no')\">\n        No\n    </button>\n    </kendo-dialog-actions>\n</kendo-dialog>  ", styles: [".layout {\n    display: flex;\n    flex-direction: row; /* Ensures left and right panels are side by side */\n    height: 100%; /* Fill the available height */\n    width: 100%; /* Fill the available width */\n    position: relative;\n    overflow: hidden; /* Prevent content from expanding beyond container */\n}\n\n.left-panel {\n    width: 272px; /* Fixed width for the conversation list */\n    background-color: #f8f9fa; /* Optional: Background color */\n    border-right: 1px solid #ddd; /* Optional: Add a divider */\n    overflow-y: auto; /* Enable scrolling if content overflows */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\n    position: relative;\n\n    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.left-panel::-webkit-scrollbar {\n    width: 8px; /* Narrower scrollbar */\n    background-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.left-panel::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; /* Lighter gray scrollbar thumb */\n    border-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.left-panel::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.left-panel::-webkit-scrollbar-track {\n    background-color: #f8f9fa; /* Background of the scrollbar track */\n}\n\n.right-panel {\n    flex: 1; /* Take up the remaining space */\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    max-height: 100%; /* Don't exceed parent container height */\n    overflow: hidden; /* Hide overflow to prevent double scrollbars */\n}\n\n.conversation-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 16px;\n    background-color: #f5f7f9;\n    border-bottom: 1px solid #dde4ee;\n    height: 40px;\n    flex-shrink: 0;\n}\n\n.conversation-title {\n    font-size: 15px;\n    font-weight: 500;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 70%;\n}\n\n.artifact-counter-container {\n    display: flex;\n    align-items: center;\n}\n\n\n.new-convo-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    padding: 5px;\n    border-radius: 4px;\n}\n\n.toggle-icon {\n    color: #808080; /* Mid-gray */\n    font-size: 18px; /* Adjust icon size */\n    cursor: pointer; /* Make it clear the icon is clickable */\n    z-index: 10; /* Ensure the icon is above other content */\n    margin-left: 6px;\n    padding: 3px;\n    border-radius: 3px;\n}\n \n\n.right-panel .toggle-icon {\n    margin-left: 3px;\n    margin-top: 2px;\n    position: absolute;\n    top: 10px;\n    left: auto;\n    right: 10px; /* For the right panel toggle */\n}\n\n\n.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    max-height: 100vh; /* Limit to viewport height */\n    overflow: hidden; /* Prevent container from growing beyond viewport */\n\n    background-color: #f9f9f9;\n}\n\n.conversation-wrapper {\n    display: flex;\n    flex-direction: column;\n    position: relative; /* This ensures child absolute elements position relative to this container */\n    background-color: #f9f9f9;\n    height: 100%; /* Ensure it takes full height */\n    max-height: 100%; /* Don't exceed parent container height */\n    flex: 1;\n    overflow: auto; /* Allow content to scroll */\n}\n\n.new-conversation {\n    height: 30px;\n    font-size: large;\n}\n\n.conversation-history {\n    width: 240px;\n    min-width: 240px;\n    height: 95%;\n    overflow-y: auto; /* Add scroll if the content exceeds the height */\n    overflow-x: hidden; /* Hide horizontal scrollbar */\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    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 5;\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    padding-bottom: 100px; /* Push the content up a bit */\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    position: relative;\n    z-index: 10;\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    margin-top: 30px; /* Push questions down for spacing */\n}\n.welcome-suggested-questions-col {\n    display: flex;\n    margin-bottom: 10px; /* Space between rows */\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 !important; /* enable scrolling if the content overflows */\n    overflow-x: hidden !important; /* 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 1 auto; /* Take up available space but don't push parent beyond size */\n    height: calc(100% - 50px); /* Ensure messages container has a height */\n    max-height: 100%; /* Don't exceed parent height */\n    scrollbar-width: thin; /* For Firefox */\n    scrollbar-color: #d3d3d3 #f8f9fa; /* Thumb color and track color */\n    position: relative; /* For proper positioning of scroll icon */\n}\n\n/* For WebKit-based browsers (Chrome, Edge, Safari) */\n.messages::-webkit-scrollbar {\n    width: 8px; /* Narrower scrollbar */\n    background-color: #f8f9fa; /* Scrollbar track color */\n}\n\n.messages::-webkit-scrollbar-thumb {\n    background-color: #d3d3d3; /* Lighter gray scrollbar thumb */\n    border-radius: 4px; /* Rounded corners for the thumb */\n}\n\n.messages::-webkit-scrollbar-thumb:hover {\n    background-color: #c0c0c0; /* Slightly darker gray on hover */\n}\n\n.messages::-webkit-scrollbar-track {\n    background-color: #f8f9fa; /* Background of the scrollbar track */\n}\n\n/* Class for the messages container */\n.messages-container {\n    min-height: 20px; /* Ensure container takes space even when empty */\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    display: flex;\n    justify-content: flex-end; /* Align icons to the right */\n    margin-top: 2px; /* litle buffer on top */\n    margin-right: 2px; /* litle buffer 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    position: sticky;\n    bottom: 0;\n    background-color: #f9f9f9;\n    z-index: 10;\n}\n\n.input-area > .button-area {\n    vertical-align: top;\n    margin-top: 3px;\n    margin-left: -65px;\n}\n/*all buttons in the button area within the input area*/\n.button-area > button {\n    width: 30px;\n    height: 30px;\n    border-radius: 12px;\n    margin-left: 3px;\n}\n\n/* Stop button styling */\n.button-area > button.stop-button {\n    background-color: #dc3545;\n    color: white;\n}\n\n.button-area > button.stop-button:hover {\n    background-color: #c82333;\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.input-area > .share-button {\n    margin-left: 10px;\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: fixed; /* Fixed positioning to float over content */\n    bottom: 120px; /* Position relative to the viewport */\n    /* left position will be set dynamically via inline style */\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 */\n    color: black; /* Icon color */\n    border-radius: 50%; /* Makes the background a circle */\n    width: 40px; /* Circle size */\n    height: 40px; /* Circle size */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0px 0px 5px rgba(0,0,0,0.3); /* Subtle shadow for better visibility */\n    cursor: pointer;\n    opacity: 0.9; /* Slightly transparent */\n}\n\n.loading-convo-messages-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: 1000;\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  \n"] }]