From 2ba6fc0f6f743b8648c0d1e708cd123a465ee77f Mon Sep 17 00:00:00 2001
From: rabcristine <rabcristine@proton.me>
Date: Mon, 17 Aug 2026 09:07:53 +0300
Subject: [PATCH] =?UTF-8?q?fix(tickets):=20=D0=B4=D0=BB=D0=B8=D0=BD=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=20=D0=B2=20=D1=81?=
 =?UTF-8?q?=D0=BE=D0=BE=D0=B1=D1=89=D0=B5=D0=BD=D0=B8=D0=B8=20=D1=83=D0=B5?=
 =?UTF-8?q?=D0=B7=D0=B6=D0=B0=D0=BB=20=D0=B7=D0=B0=20=D0=BF=D1=80=D0=B5?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=BB=D1=8B=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87?=
 =?UTF-8?q?=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Тело сообщения рендерилось с whitespace-pre-wrap, но без break-words:
pre-wrap переносит только по пробелам, поэтому неразрывный токен —
ссылка на подписку, ключ, base64 — вылезал за пузырь. Контейнер
сообщений имеет scrollbar-hide и overflow-y-auto, из-за чего браузер
вычисляет overflow-x в auto, а полосу прокрутки прячет CSS: хвост такого
сообщения на десктопе было не достать.

Приведено к конвенции проекта для пользовательского текста
(BroadcastPreview.tsx): whitespace-pre-wrap break-words.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/components/admin/userDetail/TicketsTab.tsx | 2 +-
 src/pages/AdminTickets.tsx                     | 2 +-
 src/pages/Support.tsx                          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/admin/userDetail/TicketsTab.tsx b/src/components/admin/userDetail/TicketsTab.tsx
index 94a9db9..78ad9ed 100644
--- a/src/components/admin/userDetail/TicketsTab.tsx
+++ b/src/components/admin/userDetail/TicketsTab.tsx
@@ -318,7 +318,7 @@ function ChatView({
             </div>
             {msg.message_text && (
               <p
-                className="whitespace-pre-wrap text-sm text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
+                className="whitespace-pre-wrap break-words text-sm text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
                 dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
               />
             )}
diff --git a/src/pages/AdminTickets.tsx b/src/pages/AdminTickets.tsx
index 1e6a040..72a9c0d 100644
--- a/src/pages/AdminTickets.tsx
+++ b/src/pages/AdminTickets.tsx
@@ -551,7 +551,7 @@ export default function AdminTickets() {
                     </div>
                     {msg.message_text && (
                       <p
-                        className="whitespace-pre-wrap text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
+                        className="whitespace-pre-wrap break-words text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
                         dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
                       />
                     )}
diff --git a/src/pages/Support.tsx b/src/pages/Support.tsx
index 40ebf7a..b5640eb 100644
--- a/src/pages/Support.tsx
+++ b/src/pages/Support.tsx
@@ -600,7 +600,7 @@ export default function Support() {
                       </div>
                       {msg.message_text && (
                         <div
-                          className="whitespace-pre-wrap text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
+                          className="whitespace-pre-wrap break-words text-dark-200 [&_a]:text-accent-400 [&_a]:underline"
                           dangerouslySetInnerHTML={{ __html: linkifyText(msg.message_text) }}
                         />
                       )}