diff --git a/src/app/chat/chat-sidebar/chat-sidebar.component.html b/src/app/chat/chat-sidebar/chat-sidebar.component.html index e95768a217..02aa7cdf15 100644 --- a/src/app/chat/chat-sidebar/chat-sidebar.component.html +++ b/src/app/chat/chat-sidebar/chat-sidebar.component.html @@ -79,6 +79,6 @@ {{ drawer.opened && deviceType !== deviceTypes.DESKTOP ? 'chevron_left' : 'chevron_right' }} - + diff --git a/src/app/chat/chat-window/chat-window.component.ts b/src/app/chat/chat-window/chat-window.component.ts index 52a5a370e4..132b996404 100644 --- a/src/app/chat/chat-window/chat-window.component.ts +++ b/src/app/chat/chat-window/chat-window.component.ts @@ -36,6 +36,7 @@ export class ChatWindowComponent implements OnInit, OnDestroy, AfterViewInit { }; providers: AIProvider[] = []; @Input() context: any; + @Input() isEditing: boolean; @Input() conversations: any[] | null = null; @ViewChild('chatInput') chatInput: ElementRef; @ViewChild('chat') chatContainer: ElementRef; @@ -98,7 +99,9 @@ export class ChatWindowComponent implements OnInit, OnDestroy, AfterViewInit { .subscribe((conversationId) => { this.selectedConversationId = conversationId; this.fetchConversation(this.selectedConversationId?._id); - this.focusInput(); + if (!this.isEditing) { + this.focusInput(); + } }, error => { console.error('Error subscribing to selectedConversationId$', error); }); @@ -111,7 +114,9 @@ export class ChatWindowComponent implements OnInit, OnDestroy, AfterViewInit { this.provider = { name: aiService }; - this.focusInput(); + if (!this.isEditing) { + this.focusInput(); + } })); } diff --git a/src/app/chat/chat-window/chat-window.scss b/src/app/chat/chat-window/chat-window.scss index d395950bd5..c54153d709 100644 --- a/src/app/chat/chat-window/chat-window.scss +++ b/src/app/chat/chat-window/chat-window.scss @@ -38,20 +38,3 @@ right: 8px; transform: translateY(-50%); } - -.conversation-query { - text-align: left; - padding: 8px; - border-radius: 5px; - background-color: #{$primary}; - color: white; -} - -.conversation-response { - margin: 8px 16px; -} - -.conversation-error { - color: #ff0000; - font-style: italic; -} diff --git a/src/app/news/news-list-item.scss b/src/app/news/news-list-item.scss index a7f80f18cd..d17e2b5a5b 100644 --- a/src/app/news/news-list-item.scss +++ b/src/app/news/news-list-item.scss @@ -30,23 +30,6 @@ mat-card-content { padding: 40px; } -.conversation-query { - text-align: left; - padding: 8px; - border-radius: 5px; - background-color: #{$primary}; - color: white; -} - -.conversation-response { - margin: 8px 16px; -} - -.conversation-error { - color: #ff0000; - font-style: italic; -} - @media (max-width: $screen-md) { .chat-container { padding: 20px; diff --git a/src/styles.scss b/src/styles.scss index 894ef1cd08..af66eaccf6 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -643,6 +643,30 @@ body { } // Styles for the chat-output directive + .conversation-query { + text-align: left; + padding: 8px; + border-radius: 5px; + background-color: #{$primary}; + color: white; + } + + .chat-link { + color: white !important; + &:visited { + color: white !important; + } + } + + .conversation-response { + margin: 8px 16px; + } + + .conversation-error { + color: #ff0000; + font-style: italic; + } + .code-block { position: relative; background-color: #2d2d2d;