From e25dd2e7760ea5a51e5821d0fe10f21b3e3f91ed Mon Sep 17 00:00:00 2001
From: Andrey Epifancev <andrey.epifancev@ssi-solutions.ru>
Date: Tue, 27 Oct 2026 00:28:19 +0400
Subject: [PATCH] =?UTF-8?q?AURORA-1683=20=D1=81=D0=B2=D0=B5=D1=80=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=B2=20=D0=B1=D1=80=D0=B0=D1=83=D0=B7=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B5:=20=D0=BE=D1=82=D1=81=D1=82=D1=83=D0=BF=D1=8B=20=D0=BF?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20=D0=B8=20=D1=81=D1=82=D1=80?=
 =?UTF-8?q?=D0=BE=D0=BA=D0=B8,=20tasks=20OpenSpec?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../changes/document-comments-ui/tasks.md     | 20 +++++++++++++++++++
 .../DocumentCommentsDrawer.tsx                |  5 +++--
 web/src/widgets/FilesDrawer/FilesList.tsx     |  3 ++-
 3 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 openspec/changes/document-comments-ui/tasks.md

diff --git a/openspec/changes/document-comments-ui/tasks.md b/openspec/changes/document-comments-ui/tasks.md
new file mode 100644
index 0000000..c6d2a85
--- /dev/null
+++ b/openspec/changes/document-comments-ui/tasks.md
@@ -0,0 +1,20 @@
+## 1. Данные (arm-core `web/`)
+
+- [x] 1.1 `types/api.ts`: `CommentOut`; `services/api/documents.ts`: `getComments`, `postComment` с типом ответа.
+- [x] 1.2 `utils/dates.ts`: `formatMoscowDateTime` + тест.
+- [x] 1.3 `widgets/FilesDrawer/documentRows.ts`: `commentsCount` в строке + тесты.
+
+## 2. Экран документа [41]
+
+- [x] 2.1 `widgets/DocumentComments/`: `useDocumentComments`, `CommentsList`, `DocumentCommentsDrawer`.
+- [x] 2.2 `layouts/DocumentPage.tsx`: кнопка «Комментарии (N)» и боковая панель; `CommentModal` удалён.
+
+## 3. Панель «Первичные документы» [39-01]
+
+- [x] 3.1 `widgets/DocumentComments/CommentsPopover.tsx`; `widgets/FilesDrawer/FilesList.tsx` — кнопка в колонке действий.
+
+## 4. Проверки
+
+- [x] 4.1 Сценарии в браузере (1600×1000): добавление и перезагрузка, ошибка 403, многострочный и длинный текст, счётчик и
+  поповер в панели, пустой поповер, клики не открывают документ.
+- [x] 4.2 `npm test`, `npm run lint`, `make web-check`, `openspec validate document-comments-ui --strict`.
diff --git a/web/src/widgets/DocumentComments/DocumentCommentsDrawer.tsx b/web/src/widgets/DocumentComments/DocumentCommentsDrawer.tsx
index ece504e..e6ccb97 100644
--- a/web/src/widgets/DocumentComments/DocumentCommentsDrawer.tsx
+++ b/web/src/widgets/DocumentComments/DocumentCommentsDrawer.tsx
@@ -39,11 +39,12 @@ export function DocumentCommentsDrawer({ documentId, open, onClose, onAdded }: D
 		<Drawer
 			title='Комментарии к документу'
 			placement='right'
-			width={420}
+			size={420}
 			open={open}
 			onClose={onClose}
 			footer={
-				<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+				// отступ 28: счётчик символов showCount рисуется под полем и наезжал бы на кнопку
+				<div style={{ display: 'flex', flexDirection: 'column', gap: 28 }}>
 					<Input.TextArea
 						value={text}
 						onChange={(e) => setText(e.target.value)}
diff --git a/web/src/widgets/FilesDrawer/FilesList.tsx b/web/src/widgets/FilesDrawer/FilesList.tsx
index 3e300d0..5dfa9d4 100644
--- a/web/src/widgets/FilesDrawer/FilesList.tsx
+++ b/web/src/widgets/FilesDrawer/FilesList.tsx
@@ -139,7 +139,8 @@ export function FilesList({
 			title: '',
 			dataIndex: 'action',
 			render: (_, r) => (
-				<div style={{ display: 'flex', gap: 8 }}>
+				// кнопка с числом комментариев шире пустой — прижимаем вправо, чтобы «Удалить» стояла столбцом
+				<div style={{ display: 'flex', gap: 8, justifyContent: 'flex-end' }}>
 					{r.documentId && <CommentsPopover documentId={r.documentId} fileName={r.name} count={r.commentsCount} />}
 					<Button
 						icon={<DeleteOutlined />}