From 7be9158eb34c3328d3237bc023147d5749957757 Mon Sep 17 00:00:00 2001
From: 777genius <quantjumppro@gmail.com>
Date: Sat, 30 May 2026 18:46:21 +0300
Subject: [PATCH] fix(team): prevent composer recipient overflow

---
 .../renderer/locales/ar/team.json             |  2 +-
 .../renderer/locales/bn/team.json             |  2 +-
 .../renderer/locales/de/team.json             |  2 +-
 .../renderer/locales/en/team.json             |  2 +-
 .../renderer/locales/es/team.json             |  2 +-
 .../renderer/locales/fr/team.json             |  2 +-
 .../renderer/locales/hi/team.json             |  2 +-
 .../renderer/locales/id/team.json             |  2 +-
 .../renderer/locales/ja/team.json             |  2 +-
 .../renderer/locales/ko/team.json             |  2 +-
 .../renderer/locales/pt/team.json             |  2 +-
 .../renderer/locales/ru/team.json             |  2 +-
 .../renderer/locales/ur/team.json             |  2 +-
 .../renderer/locales/zh/team.json             |  2 +-
 .../localization/renderer/resources.d.ts      |  2 +-
 .../team/messages/MessageComposer.tsx         | 17 +++++----
 src/renderer/index.css                        | 36 +++++++++++++++++++
 17 files changed, 61 insertions(+), 22 deletions(-)

diff --git a/src/features/localization/renderer/locales/ar/team.json b/src/features/localization/renderer/locales/ar/team.json
index df6bc31c..58a7b186 100644
--- a/src/features/localization/renderer/locales/ar/team.json
+++ b/src/features/localization/renderer/locales/ar/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Reused recent cross-team request",
-      "teamOffline": "الفريق غير المباشر"
+      "teamOffline": "غير متصل"
     },
     "revision": {
       "editing": "جارٍ تعديل الرسالة السابقة",
diff --git a/src/features/localization/renderer/locales/bn/team.json b/src/features/localization/renderer/locales/bn/team.json
index 0e559446..1ed3e660 100644
--- a/src/features/localization/renderer/locales/bn/team.json
+++ b/src/features/localization/renderer/locales/bn/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "সম্প্রতি ব্যবহৃত ক্রস-টেম অনুরোধ",
-      "teamOffline": "অফলাইন অবস্থায় ব্যবহারের জন্য প্রস্তুত করা হচ্ছে"
+      "teamOffline": "অফলাইন"
     },
     "revision": {
       "editing": "আগের বার্তা সম্পাদনা করা হচ্ছে",
diff --git a/src/features/localization/renderer/locales/de/team.json b/src/features/localization/renderer/locales/de/team.json
index 25f61945..dc6c6057 100644
--- a/src/features/localization/renderer/locales/de/team.json
+++ b/src/features/localization/renderer/locales/de/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Neuer Cross-Dampf-Antrag",
-      "teamOffline": "Team offline"
+      "teamOffline": "offline"
     },
     "revision": {
       "editing": "Vorherige Nachricht wird bearbeitet",
diff --git a/src/features/localization/renderer/locales/en/team.json b/src/features/localization/renderer/locales/en/team.json
index 56d965f6..4b9fb7c9 100644
--- a/src/features/localization/renderer/locales/en/team.json
+++ b/src/features/localization/renderer/locales/en/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Reused recent cross-team request",
-      "teamOffline": "Team offline"
+      "teamOffline": "offline"
     },
     "revision": {
       "editing": "Editing previous message",
diff --git a/src/features/localization/renderer/locales/es/team.json b/src/features/localization/renderer/locales/es/team.json
index ba98cf81..16b11e22 100644
--- a/src/features/localization/renderer/locales/es/team.json
+++ b/src/features/localization/renderer/locales/es/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Reutilización reciente de la solicitud de equipo cruzado",
-      "teamOffline": "Team offline"
+      "teamOffline": "sin conexión"
     },
     "revision": {
       "editing": "Editando mensaje anterior",
diff --git a/src/features/localization/renderer/locales/fr/team.json b/src/features/localization/renderer/locales/fr/team.json
index 5cdaa1e6..67e06b65 100644
--- a/src/features/localization/renderer/locales/fr/team.json
+++ b/src/features/localization/renderer/locales/fr/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Réutilisée récente demande cross-team",
-      "teamOffline": "Équipe hors ligne"
+      "teamOffline": "hors ligne"
     },
     "revision": {
       "editing": "Modification du message précédent",
diff --git a/src/features/localization/renderer/locales/hi/team.json b/src/features/localization/renderer/locales/hi/team.json
index 0dc47019..276102c7 100644
--- a/src/features/localization/renderer/locales/hi/team.json
+++ b/src/features/localization/renderer/locales/hi/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "हाल के क्रॉस-टीम अनुरोध का पुन: उपयोग किया",
-      "teamOffline": "टीम ऑफलाइन"
+      "teamOffline": "ऑफलाइन"
     },
     "revision": {
       "editing": "पिछला संदेश संपादित हो रहा है",
diff --git a/src/features/localization/renderer/locales/id/team.json b/src/features/localization/renderer/locales/id/team.json
index cdbcdf5e..e1d50d97 100644
--- a/src/features/localization/renderer/locales/id/team.json
+++ b/src/features/localization/renderer/locales/id/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Mengulang permintaan tim-cross- baru-baru ini",
-      "teamOffline": "Tim luring"
+      "teamOffline": "offline"
     },
     "revision": {
       "editing": "Mengedit pesan sebelumnya",
diff --git a/src/features/localization/renderer/locales/ja/team.json b/src/features/localization/renderer/locales/ja/team.json
index 2f393406..c38c254b 100644
--- a/src/features/localization/renderer/locales/ja/team.json
+++ b/src/features/localization/renderer/locales/ja/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "最近のクロスチームリクエストを再利用",
-      "teamOffline": "オフラインチーム"
+      "teamOffline": "オフライン"
     },
     "revision": {
       "editing": "前のメッセージを編集中",
diff --git a/src/features/localization/renderer/locales/ko/team.json b/src/features/localization/renderer/locales/ko/team.json
index b3f41d7e..b13ab962 100644
--- a/src/features/localization/renderer/locales/ko/team.json
+++ b/src/features/localization/renderer/locales/ko/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "최근 Cross-team 요청 사용",
-      "teamOffline": "팀 오프라인"
+      "teamOffline": "오프라인"
     },
     "revision": {
       "editing": "이전 메시지 편집 중",
diff --git a/src/features/localization/renderer/locales/pt/team.json b/src/features/localization/renderer/locales/pt/team.json
index 365ff9b3..0be67e42 100644
--- a/src/features/localization/renderer/locales/pt/team.json
+++ b/src/features/localization/renderer/locales/pt/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Reutilizar o pedido de equipa cruzada recente",
-      "teamOffline": "Equipa offline"
+      "teamOffline": "offline"
     },
     "revision": {
       "editing": "A editar a mensagem anterior",
diff --git a/src/features/localization/renderer/locales/ru/team.json b/src/features/localization/renderer/locales/ru/team.json
index ad176aef..dfb710dc 100644
--- a/src/features/localization/renderer/locales/ru/team.json
+++ b/src/features/localization/renderer/locales/ru/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "Повторно использован недавний cross-team request",
-      "teamOffline": "Команда offline"
+      "teamOffline": "оффлайн"
     },
     "revision": {
       "editing": "Редактируется предыдущее сообщение",
diff --git a/src/features/localization/renderer/locales/ur/team.json b/src/features/localization/renderer/locales/ur/team.json
index 19f05cca..3d96b644 100644
--- a/src/features/localization/renderer/locales/ur/team.json
+++ b/src/features/localization/renderer/locales/ur/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "حالیہ صلیبی درخواست استعمال کریں",
-      "teamOffline": "گروپ"
+      "teamOffline": "آف لائن"
     },
     "revision": {
       "editing": "پچھلا پیغام ترمیم ہو رہا ہے",
diff --git a/src/features/localization/renderer/locales/zh/team.json b/src/features/localization/renderer/locales/zh/team.json
index 7cab2856..182b1848 100644
--- a/src/features/localization/renderer/locales/zh/team.json
+++ b/src/features/localization/renderer/locales/zh/team.json
@@ -1485,7 +1485,7 @@
     },
     "status": {
       "reusedCrossTeamRequest": "重新使用最近的跨小组请求",
-      "teamOffline": "团队离线"
+      "teamOffline": "离线"
     },
     "revision": {
       "editing": "正在编辑上一条消息",
diff --git a/src/features/localization/renderer/resources.d.ts b/src/features/localization/renderer/resources.d.ts
index f70bbd5e..c97e2d53 100644
--- a/src/features/localization/renderer/resources.d.ts
+++ b/src/features/localization/renderer/resources.d.ts
@@ -4236,7 +4236,7 @@ export default interface Resources {
       };
       status: {
         reusedCrossTeamRequest: 'Reused recent cross-team request';
-        teamOffline: 'Team offline';
+        teamOffline: 'offline';
       };
       teamSelector: {
         current: 'current';
diff --git a/src/renderer/components/team/messages/MessageComposer.tsx b/src/renderer/components/team/messages/MessageComposer.tsx
index dfb9a1cc..5d9e0db3 100644
--- a/src/renderer/components/team/messages/MessageComposer.tsx
+++ b/src/renderer/components/team/messages/MessageComposer.tsx
@@ -894,7 +894,7 @@ export const MessageComposer = ({
           isCompactLayout ? 'space-y-1.5' : 'space-y-2'
         )}
       >
-        <div className="flex items-center gap-2">
+        <div className="flex min-w-0 items-center gap-2">
           {showAttachmentControl ? (
             <>
               <input
@@ -930,9 +930,12 @@ export const MessageComposer = ({
             </>
           ) : null}
 
-          <div className="ml-auto flex shrink-0 items-center gap-2">
+          <div className="ml-auto flex min-w-0 max-w-full items-center justify-end gap-2">
             {!isTeamAlive && !isLaunchBlocking && (
-              <span className="text-[10px]" style={{ color: 'var(--warning-text)' }}>
+              <span
+                className="shrink-0 whitespace-nowrap text-[10px]"
+                style={{ color: 'var(--warning-text)' }}
+              >
                 {t('messageComposer.status.teamOffline')}
               </span>
             )}
@@ -940,7 +943,7 @@ export const MessageComposer = ({
             {/* Combined team + member selector */}
             <div
               className={cn(
-                'mr-[15px] inline-flex items-center border text-xs transition-colors',
+                'mr-[15px] inline-flex min-w-0 max-w-[calc(100%_-_15px)] items-center overflow-hidden border text-xs transition-colors',
                 shouldDockRecipientSelector
                   ? 'relative z-[1] -mb-px overflow-hidden rounded-b-none rounded-t-[1.35rem] border-b-0 bg-[var(--color-surface-raised)]'
                   : 'rounded-full',
@@ -952,7 +955,7 @@ export const MessageComposer = ({
                   <button
                     type="button"
                     className={cn(
-                      'inline-flex items-center gap-1.5 border-r border-r-[var(--color-border)] px-2.5 py-1 text-xs transition-colors',
+                      'inline-flex min-w-0 max-w-[160px] items-center gap-1.5 border-r border-r-[var(--color-border)] px-2.5 py-1 text-xs transition-colors',
                       shouldDockRecipientSelector
                         ? 'rounded-bl-none rounded-tl-[1.35rem]'
                         : 'rounded-l-full',
@@ -988,7 +991,7 @@ export const MessageComposer = ({
                             style={{ backgroundColor: currentTeamColor }}
                           />
                         ) : null}
-                        <span className="text-[var(--color-text-secondary)]">
+                        <span className="min-w-0 truncate text-[var(--color-text-secondary)]">
                           {t('messageComposer.teamSelector.thisTeam')}
                         </span>
                       </>
@@ -1111,7 +1114,7 @@ export const MessageComposer = ({
                   <button
                     type="button"
                     className={cn(
-                      'inline-flex items-center gap-1.5 px-2.5 py-1 text-xs transition-colors',
+                      'inline-flex min-w-0 max-w-[150px] items-center gap-1.5 px-2.5 py-1 text-xs transition-colors',
                       shouldDockRecipientSelector
                         ? 'rounded-br-none rounded-tr-[1.35rem]'
                         : 'rounded-r-full',
diff --git a/src/renderer/index.css b/src/renderer/index.css
index b8347311..89b46878 100644
--- a/src/renderer/index.css
+++ b/src/renderer/index.css
@@ -1552,10 +1552,34 @@ a[href],
 .message-composer-orbit-path,
 .message-composer-orbit-glow {
   stroke-dasharray: 9 91;
+  animation: message-composer-orbit-dash 9.6s linear infinite;
   stroke-linecap: butt;
   stroke-linejoin: round;
 }
 
+.message-composer-orbit-path-secondary,
+.message-composer-orbit-glow-secondary {
+  animation-name: message-composer-orbit-dash-secondary;
+}
+
+@keyframes message-composer-orbit-dash {
+  from {
+    stroke-dashoffset: 0;
+  }
+  to {
+    stroke-dashoffset: -100;
+  }
+}
+
+@keyframes message-composer-orbit-dash-secondary {
+  from {
+    stroke-dashoffset: 50;
+  }
+  to {
+    stroke-dashoffset: -50;
+  }
+}
+
 .message-composer-orbit-path {
   stroke-width: 1.35px;
   stroke: var(--message-composer-orbit-stroke);
@@ -1576,6 +1600,18 @@ a[href],
   opacity: 0.36;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .message-composer-orbit-path,
+  .message-composer-orbit-glow {
+    animation: none;
+  }
+
+  .message-composer-orbit-path-secondary,
+  .message-composer-orbit-glow-secondary {
+    stroke-dashoffset: 50;
+  }
+}
+
 :root.light .message-composer-shell {
   background-color: #dfdbd4;
   box-shadow: