Fix docx download: attach click handlers directly to file items, use iframe for reliable download

backend/static/app.js

@@ -225,6 +225,7 @@ class TranscriptionApp {
         }
 
         container.innerHTML = tree.map(folder => this.renderFolder(folder)).join('');
+        this.attachFileItemListeners();
     }
 
     renderFolder(folder) {
@@ -232,10 +233,9 @@ class TranscriptionApp {
             const isMd = file.ext === '.md';
             const isDocx = file.ext === '.docx';
             const icon = isMd ? '📝' : isDocx ? '📄' : '📎';
-            const clickable = isMd || isDocx ? 'clickable' : '';
 
             return `
-                <div class="file-item ${clickable}" data-path="${this.escapeHtml(file.path)}" data-ext="${file.ext}">
+                <div class="file-item" data-path="${this.escapeHtml(file.path)}" data-ext="${file.ext}">
                     <span class="file-icon">${icon}</span>
                     <span class="file-name">${this.escapeHtml(file.name)}</span>
                     <span class="file-size">${this.formatBytes(file.size)}</span>
@@ -288,13 +288,18 @@ class TranscriptionApp {
                 return;
             }
 
-            // Open file
-            const fileItem = e.target.closest('.file-item.clickable');
-            if (fileItem) {
-                const path = fileItem.dataset.path;
-                const ext = fileItem.dataset.ext;
+        });
+    }
+
+    attachFileItemListeners() {
+        const container = document.getElementById('fileTree');
+        container.querySelectorAll('.file-item').forEach(item => {
+            item.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const path = item.dataset.path;
+                const ext = item.dataset.ext;
                 this.loadFileContent(path, ext);
-            }
+            });
         });
     }
 
@@ -360,30 +365,22 @@ class TranscriptionApp {
         } else if (ext === '.docx') {
             viewer.innerHTML = `
                 <div class="file-preview">
-                    <p>Скачивание DOCX...</p>
+                    <p>⬇️ Скачивание DOCX...</p>
                 </div>
             `;
-            // Принудительное скачивание через Blob (браузер не блокирует)
-            try {
-                const resp = await fetch(`/api/files/download?path=${encodeURIComponent(path)}`);
-                if (!resp.ok) throw new Error('Download failed');
-                const blob = await resp.blob();
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = path.split('/').pop();
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                URL.revokeObjectURL(url);
+            // iframe method — работает без user-gesture restrictions
+            const iframe = document.createElement('iframe');
+            iframe.style.display = 'none';
+            iframe.src = `/api/files/download?path=${encodeURIComponent(path)}`;
+            document.body.appendChild(iframe);
+            setTimeout(() => {
+                iframe.remove();
                 viewer.innerHTML = `
                     <div class="file-preview">
-                        <p>✅ Файл скачан: ${this.escapeHtml(path)}</p>
+                        <p>✅ Файл скачан</p>
                     </div>
                 `;
-            } catch (err) {
-                viewer.innerHTML = `<div class="error">Ошибка скачивания: ${this.escapeHtml(err.message)}</div>`;
-            }
+            }, 3000);
         }
     }