From d35d0cd1ef105d6b83901d3dcd623a9e82f442ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=D1=81=20=D0=A1=D1=83=D0=BB=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BE=D0=B2?= <si@op16.ru>
Date: Tue, 14 Jul 2026 19:50:32 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20textarea=20=D1=80=D0=B0=D1=81=D0=BA?=
 =?UTF-8?q?=D1=80=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=D1=81=D1=8F=20=D0=BF=D0=BE?=
 =?UTF-8?q?=20=D0=B2=D1=8B=D1=81=D0=BE=D1=82=D0=B5=20=D1=82=D0=B5=D0=BA?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0,=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D0=B3?=
 =?UTF-8?q?=D0=BE=D1=80=D0=B8=D0=B7=D0=BE=D0=BD=D1=82=D0=B0=D0=BB=D1=8C?=
 =?UTF-8?q?=D0=BD=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- textarea overlay max-height увеличен до min(85vh, 700px)
- убрана правая кнопка 'Добавить файл' (дубль левой иконки)
- файлы идут горизонтально, длинные имена обрезаются ellipsis, список занимает доступную ширину
---
 client/src/pages/TaskDetail.tsx | 34 ++++++++++++---------------------
 1 file changed, 12 insertions(+), 22 deletions(-)

diff --git a/client/src/pages/TaskDetail.tsx b/client/src/pages/TaskDetail.tsx
index a6e2783..641af5b 100644
--- a/client/src/pages/TaskDetail.tsx
+++ b/client/src/pages/TaskDetail.tsx
@@ -542,23 +542,23 @@ function FileFieldRow({
           <span className="text-muted-foreground text-sm">Загрузка...</span>
         ) : files.length > 0 ? (
           <>
-            <div className="inline-flex flex-wrap items-center gap-x-2 gap-y-0.5">
+            <div className="flex flex-1 min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5">
               {files.map((fileInfo, idx) => {
                 const vType = detectViewerType(fileInfo.url, fileInfo.name);
                 const canPreview = vType === 'pdf' || vType === 'word' || vType === 'excel' || vType === 'powerpoint' || vType === 'video' || vType === 'audio' || vType === 'image';
                 return (
-                  <span key={idx} className="inline-flex items-center gap-1 group/file bg-muted/40 hover:bg-muted/60 rounded px-1.5 py-0.5">
+                  <span key={idx} className="inline-flex items-center gap-1 group/file bg-muted/40 hover:bg-muted/60 rounded px-1.5 py-0.5 min-w-0 max-w-full">
                     {canPreview ? (
                       <button
                         type="button"
                         onClick={() => setViewerFile({ url: fileInfo.url, name: fileInfo.name })}
-                        className="inline-flex items-center gap-1 text-sm text-primary hover:underline"
+                        className="inline-flex items-center gap-1 text-sm text-primary hover:underline min-w-0"
                         data-testid={`file-link-${field.code}-${idx}`}
                       >
-                        <FileText className="w-3 h-3" />
-                        {fileInfo.name}
+                        <FileText className="w-3 h-3 shrink-0" />
+                        <span className="truncate max-w-[200px]">{fileInfo.name}</span>
                         {fileInfo.size !== undefined && (
-                          <span className="text-muted-foreground text-xs">({formatFileSize(fileInfo.size)})</span>
+                          <span className="text-muted-foreground text-xs shrink-0">({formatFileSize(fileInfo.size)})</span>
                         )}
                       </button>
                     ) : (
@@ -567,15 +567,15 @@ function FileFieldRow({
                         onClick={(e) => { e.preventDefault(); openFilePresigned(fileInfo.url); }}
                         target="_blank"
                         rel="noopener noreferrer"
-                        className="inline-flex items-center gap-1 text-sm text-primary hover:underline"
+                        className="inline-flex items-center gap-1 text-sm text-primary hover:underline min-w-0"
                         data-testid={`file-link-${field.code}-${idx}`}
                       >
-                        <FileText className="w-3 h-3" />
-                        {fileInfo.name}
+                        <FileText className="w-3 h-3 shrink-0" />
+                        <span className="truncate max-w-[200px]">{fileInfo.name}</span>
                         {fileInfo.size !== undefined && (
-                          <span className="text-muted-foreground text-xs">({formatFileSize(fileInfo.size)})</span>
+                          <span className="text-muted-foreground text-xs shrink-0">({formatFileSize(fileInfo.size)})</span>
                         )}
-                        <Download className="w-3 h-3 text-muted-foreground" />
+                        <Download className="w-3 h-3 text-muted-foreground shrink-0" />
                       </a>
                     )}
                     <button
@@ -590,16 +590,6 @@ function FileFieldRow({
                 );
               })}
             </div>
-            {(field.maxFileCount == null || files.length < field.maxFileCount) && (
-              <button
-                onClick={() => fileInputRef.current?.click()}
-                disabled={isUploading}
-                className="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground disabled:opacity-30"
-              >
-                <Upload className="w-3 h-3" />
-                Добавить файл
-              </button>
-            )}
           </>
         ) : (
           <span className="text-muted-foreground text-sm" data-testid={`file-empty-${field.code}`}>Нет файла</span>
@@ -1301,7 +1291,7 @@ function FieldValueRow({
                   onEnterEdit={handleEnterEdit}
                   fitOverlay={field.type !== 'textarea' && field.type !== 'rich-text'}
                   overlayClassName={field.type === 'textarea' || field.type === 'rich-text' ? 'flex flex-col overflow-hidden' : ''}
-                  overlayMaxHeight={field.type === 'textarea' || field.type === 'rich-text' ? 'min(70vh, 500px)' : undefined}
+                  overlayMaxHeight={field.type === 'textarea' || field.type === 'rich-text' ? 'min(85vh, 700px)' : undefined}
                   overlayMinWidth={field.type === 'textarea' || field.type === 'rich-text' ? '100%' : 180}
                   overlayWidth={field.type === 'textarea' || field.type === 'rich-text' ? '100%' : undefined}
                   className={field.type === 'textarea' || field.type === 'rich-text' ? 'items-start min-h-[24px] w-full' : 'items-center min-h-[28px]'}