From b56f1520bb6fc2999cd591bcaeb989424900723e Mon Sep 17 00:00:00 2001
From: Axel Lo <54468493+RheuX@users.noreply.github.com>
Date: Wed, 29 Jan 2025 13:36:12 -0800
Subject: [PATCH 1/2] teams: smoother voices names (fixes #8112) (#8157)

Co-authored-by: dogi <dogi@users.noreply.github.com>
---
 package.json                     | 6 +++---
 src/app/news/news-list-item.scss | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index f5dc7e26aa..083dc26172 100755
--- a/package.json
+++ b/package.json
@@ -1,10 +1,10 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.84",
+  "version": "0.16.85",
   "myplanet": {
-    "latest": "v0.22.51",
-    "min": "v0.21.51"
+    "latest": "v0.22.57",
+    "min": "v0.21.57"
   },
   "scripts": {
     "ng": "ng",
diff --git a/src/app/news/news-list-item.scss b/src/app/news/news-list-item.scss
index a7f80f18cd..c8b47c2879 100644
--- a/src/app/news/news-list-item.scss
+++ b/src/app/news/news-list-item.scss
@@ -47,6 +47,12 @@ mat-card-content {
   font-style: italic;
 }
 
+mat-card-title a {
+  word-break: break-word;
+  overflow-wrap: break-word;
+  white-space: normal;
+}
+
 @media (max-width: $screen-md) {
   .chat-container {
     padding: 20px;

From d129497095528b9839cec2a297143a03ec920bff Mon Sep 17 00:00:00 2001
From: Mutugi <48474421+Mutugiii@users.noreply.github.com>
Date: Thu, 30 Jan 2025 00:53:32 +0300
Subject: [PATCH 2/2] chat: smoother title editing (fixes #8154) (#8155)

Co-authored-by: dogi <dogi@users.noreply.github.com>
---
 package.json                                  |  2 +-
 .../chat-sidebar/chat-sidebar.component.html  |  2 +-
 .../chat/chat-window/chat-window.component.ts |  9 +++++--
 src/app/chat/chat-window/chat-window.scss     | 17 -------------
 src/app/news/news-list-item.scss              | 23 ------------------
 src/styles.scss                               | 24 +++++++++++++++++++
 6 files changed, 33 insertions(+), 44 deletions(-)

diff --git a/package.json b/package.json
index 083dc26172..fd963ec9db 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.85",
+  "version": "0.16.86",
   "myplanet": {
     "latest": "v0.22.57",
     "min": "v0.21.57"
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 @@
         <i class="material-icons">{{ drawer.opened && deviceType !== deviceTypes.DESKTOP  ? 'chevron_left' : 'chevron_right' }}</i>
       </button>
     </div>
-    <planet-chat-window></planet-chat-window>
+    <planet-chat-window [isEditing]="isEditing"></planet-chat-window>
   </div>
 </mat-drawer-container>
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 c8b47c2879..d17e2b5a5b 100644
--- a/src/app/news/news-list-item.scss
+++ b/src/app/news/news-list-item.scss
@@ -30,29 +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;
-}
-
-mat-card-title a {
-  word-break: break-word;
-  overflow-wrap: break-word;
-  white-space: normal;
-}
-
 @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;