@sequent-org/moodboard 1.4.32 → 1.4.34

package/src/ui/chat/ChatComposer.js

@@ -25,7 +25,12 @@ export class ChatComposer {
         this._statusBar = refs.statusBar ?? null;
         this._handlers = handlers;
         this._listeners = [];
-        /** @type {File[]} */
+        /**
+         * Внутреннее хранилище вложений. `sourceObjectId` нужен для дедупа
+         * reference-картинок, которые приходят из box-select / клика по объекту:
+         * один объект на доске = одно превью в композере.
+         * @type {{ file: File, sourceObjectId: string|null }[]}
+         */
         this._attachments = [];
     }
 
@@ -42,7 +47,7 @@ export class ChatComposer {
         });
         this._on(this._send, 'click', () => {
             if (this._send.dataset.state === 'streaming') {
-                this._handlers.onAbort?.();
+                if (this._hasContent()) this._submit();
             } else {
                 this._submit();
             }
@@ -76,13 +81,54 @@ export class ChatComposer {
         this._textarea.focus();
     }
 
-    addAttachment(file) {
+    /**
+     * @param {File} file
+     * @param {{ sourceObjectId?: string|null }} [options] — `sourceObjectId`
+     *   передаётся для reference-картинок с доски; дубликаты по этому id игнорируются.
+     */
+    addAttachment(file, options = {}) {
         if (!file) return;
-        this._attachments.push(file);
+        const sourceObjectId = options?.sourceObjectId ?? null;
+        if (sourceObjectId && this._attachments.some((entry) => entry.sourceObjectId === sourceObjectId)) {
+            return;
+        }
+        this._attachments.push({ file, sourceObjectId });
         this._renderAttachmentsPreview();
         this._refreshSendState();
     }
 
+    hasAttachmentForObject(sourceObjectId) {
+        if (!sourceObjectId) return false;
+        return this._attachments.some((entry) => entry.sourceObjectId === sourceObjectId);
+    }
+
+    /**
+     * Удаляет превью конкретного объекта доски. Вызывается при снятии фокуса с изображения.
+     * @param {string} sourceObjectId
+     */
+    removeAttachmentForObject(sourceObjectId) {
+        if (!sourceObjectId) return;
+        const before = this._attachments.length;
+        this._attachments = this._attachments.filter((entry) => entry.sourceObjectId !== sourceObjectId);
+        if (this._attachments.length !== before) {
+            this._renderAttachmentsPreview();
+            this._refreshSendState();
+        }
+    }
+
+    /**
+     * Удаляет все превью, добавленные с доски (sourceObjectId !== null).
+     * Файловые вложения (скрепка) не затрагиваются.
+     */
+    removeAllBoardAttachments() {
+        const before = this._attachments.length;
+        this._attachments = this._attachments.filter((entry) => entry.sourceObjectId === null);
+        if (this._attachments.length !== before) {
+            this._renderAttachmentsPreview();
+            this._refreshSendState();
+        }
+    }
+
     destroy() {
         for (const off of this._listeners) off();
         this._listeners = [];
@@ -94,11 +140,19 @@ export class ChatComposer {
         const trimmed = text.trim();
         const hasAttachments = this._attachments.length > 0;
         if (!trimmed && !hasAttachments) return;
-        if (this._send.dataset.state === 'streaming') return;
-        const attachments = [...this._attachments];
+        const attachments = this._attachments.map((entry) => entry.file);
+        this._textarea.value = '';
+        this._attachments = [];
+        this._resizeTextarea();
+        if (this._attachmentsPreview) this._renderAttachmentsPreview();
+        this._refreshSendState();
         this._handlers.onSubmit?.(trimmed, attachments);
     }
 
+    _hasContent() {
+        return this._textarea.value.trim().length > 0 || this._attachments.length > 0;
+    }
+
     _refreshSendState() {
         const hasText = this._textarea.value.trim().length > 0;
         const hasAttachments = this._attachments.length > 0;
@@ -110,7 +164,7 @@ export class ChatComposer {
         const files = Array.from(this._fileInput.files || []);
         if (!files.length) return;
         for (const file of files) {
-            this._attachments.push(file);
+            this._attachments.push({ file, sourceObjectId: null });
         }
         this._fileInput.value = '';
         this._renderAttachmentsPreview();
@@ -134,8 +188,8 @@ export class ChatComposer {
         inputRow?.classList.add('has-attachments');
         this._textarea.placeholder = 'Опишите правку, изменение или стилевое направление эталонного изображения';
         for (let i = 0; i < this._attachments.length; i++) {
-            const file = this._attachments[i];
-            const item = this._buildAttachmentItem(file, i);
+            const entry = this._attachments[i];
+            const item = this._buildAttachmentItem(entry.file, i);
             container.appendChild(item);
         }
     }