feat(condo): DOMA-13253 trash replace + change tooltip text

Author: tolmachev21

apps/condo/domains/ai/components/AIChatFile/AIChatDocument.module.css

@@ -14,16 +14,25 @@
   width: 24px;
 }
 
-.fileName {
+.fileNameRow {
+  display: flex;
   flex: 1;
+  gap: 4px;
+  align-items: center;
   min-width: 0;
 }
 
-.fileNameText {
+.baseName {
+  flex: 0 1 auto;
+  min-width: 0;
   margin-bottom: 0 !important;
   color: var(--condo-global-color-black);
 }
 
+.extension {
+  flex-shrink: 0;
+}
+
 .fileNameTextError {
   color: var(--condo-global-color-red-5);
 }

apps/condo/domains/ai/components/AIChatFile/AIChatDocument.tsx

@@ -52,34 +52,38 @@ export const AIChatDocument: React.FC<AIChatDocumentProps> = ({
                     <Paperclip size='medium' />
                 )}
             </div>
-            <div className={styles.fileName}>
+            <div className={styles.fileNameRow}>
                 <Typography.Paragraph
                     ellipsis={FILE_NAME_ELLIPSIS}
                     size='medium'
-                    className={classNames(styles.fileNameText, {
+                    className={classNames(styles.baseName, {
                         [styles.fileNameTextError]: isError,
                     })}
                 >
                     {baseName}
-                    {ext ? (
-                        <Typography.Text type='secondary' size='medium'>
-                            .{ext}
-                        </Typography.Text>
-                    ) : null}
                 </Typography.Paragraph>
+                {ext ? (
+                    <Typography.Text
+                        type='secondary'
+                        size='medium'
+                        className={styles.extension}
+                    >
+                        .{ext}
+                    </Typography.Text>
+                ) : null}
+                {showRemove ? (
+                    <Button
+                        type='secondary'
+                        minimal
+                        compact
+                        size='medium'
+                        className={styles.removeButton}
+                        icon={<Trash size='small' />}
+                        onClick={onRemove}
+                        aria-label='Remove attachment'
+                    />
+                ) : null}
             </div>
-            {showRemove ? (
-                <Button
-                    type='secondary'
-                    minimal
-                    compact
-                    size='medium'
-                    className={styles.removeButton}
-                    icon={<Trash size='small' />}
-                    onClick={onRemove}
-                    aria-label='Remove attachment'
-                />
-            ) : null}
         </div>
     )
 }

apps/condo/domains/ai/hooks/useAIChatAttachments.tsx

@@ -178,9 +178,10 @@ export function useAIChatAttachments ({ disabled = false, onFileListChange }: Us
     const attachTooltip = useMemo(() => {
         return (
             <div>
+                <div>{intl.formatMessage({ id: 'ai.chat.attachments.tooltip.addFilesTitle' })}</div>
                 <div>
                     {intl.formatMessage(
-                        { id: 'ai.chat.attachments.tooltip.addFiles' },
+                        { id: 'ai.chat.attachments.tooltip.limits' },
                         { max: maxAttachments, maxFileSizeMb },
                     )}
                 </div>

apps/condo/lang/en/en.json

@@ -386,7 +386,8 @@
   "ai.chat.errorExecutingTools": "Error executing tools: {error}",
   "ai.chat.noResponse": "Response unavailable",
   "ai.chat.attachments.attach": "Attach file",
-  "ai.chat.attachments.tooltip.addFiles": "Add files (max {max}, {maxFileSizeMb} MB each)",
+  "ai.chat.attachments.tooltip.addFilesTitle": "Add files",
+  "ai.chat.attachments.tooltip.limits": "Maximum {max} files, up to {maxFileSizeMb} MB each",
   "ai.chat.attachments.tooltip.textOnly": "Only text from files will be used",
   "ai.chat.attachments.maxFiles": "You can attach up to {max} files",
   "ai.chat.attachments.unsupportedType": "This file type is not supported",

apps/condo/lang/es/es.json

@@ -390,7 +390,8 @@
   "ai.chat.attachments.attach": "Adjuntar archivo",
   "ai.chat.attachments.maxFiles": "Puedes adjuntar hasta {max} archivos",
   "ai.chat.attachments.unsupportedType": "Este tipo de archivo no es compatible",
-  "ai.chat.attachments.tooltip.addFiles": "Añadir archivos (máx. {max}, {maxFileSizeMb} MB cada uno)",
+  "ai.chat.attachments.tooltip.addFilesTitle": "Añadir archivos",
+  "ai.chat.attachments.tooltip.limits": "Máximo {max} archivos, hasta {maxFileSizeMb} MB cada uno",
   "ai.chat.attachments.tooltip.textOnly": "De los archivos solo se tendrá en cuenta el texto",
   "ai.tools.error.invalidArgs": "Argumentos inválidos para {toolName}: {message}",
   "ai.tools.error.unknown": "Ocurrió un error desconocido",

apps/condo/lang/ru/ru.json

@@ -388,7 +388,8 @@
   "ai.chat.errorExecutingTools": "Ошибка выполнения инструментов: {error}",
   "ai.chat.noResponse": "Ответ недоступен",
   "ai.chat.attachments.attach": "Прикрепить файл",
-  "ai.chat.attachments.tooltip.addFiles": "Добавить файлы (макс. {max} шт., каждый {maxFileSizeMb} мб.)",
+  "ai.chat.attachments.tooltip.addFilesTitle": "Добавить файлы",
+  "ai.chat.attachments.tooltip.limits": "Максимум {max} шт., до {maxFileSizeMb} МБ каждый",
   "ai.chat.attachments.tooltip.textOnly": "Из файлов будет учтен только текст",
   "ai.chat.attachments.maxFiles": "Можно прикрепить не более {max} файлов",
   "ai.chat.attachments.unsupportedType": "Этот тип файла не поддерживается",