From 15977f79e97f0ee12259775e41395c0b59246e31 Mon Sep 17 00:00:00 2001
From: IgorVolochay <spore.editor@gmail.com>
Date: Tue, 6 Jan 2026 19:15:40 +0300
Subject: [PATCH] Frontend improvements

---
 frontend/index.html |  5 ++---
 frontend/script.js  | 34 ++++++++++++++++++++++++----------
 frontend/style.css  |  4 ++++
 3 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 414e146..773f38e 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -42,9 +42,8 @@
     <div class="page-content">
       <h1>Скачать файл</h1>
       <div class="upload-container">
-        <div id="downloadContent">
-          <div class="status" id="downloadStatus">Загрузка...</div>
-        </div>
+        <div class="status" id="downloadStatus">Загрузка...</div>
+        <div id="downloadContent"></div>
       </div>
     </div>
   </div>
diff --git a/frontend/script.js b/frontend/script.js
index 7340363..6d9d063 100644
--- a/frontend/script.js
+++ b/frontend/script.js
@@ -11,7 +11,8 @@ function formatBytes(bytes) {
 
 // Check if we're on the download page
 const path = window.location.pathname;
-const downloadMatch = path.match(/^\/get\/([a-zA-Z0-9]{6})$/);
+// Match /get/ followed by any alphanumeric characters (not just exactly 6)
+const downloadMatch = path.match(/^\/get\/([a-zA-Z0-9]+)$/);
 
 if (downloadMatch) {
   // Show download page
@@ -32,28 +33,41 @@ async function handleDownloadPage(fileUuid) {
   const downloadStatus = document.getElementById('downloadStatus');
   const downloadContent = document.getElementById('downloadContent');
   
+  // Check UUID length first (must be exactly 6 characters)
+  if (fileUuid.length !== 6) {
+    downloadStatus.textContent = 'Мы не смогли ничего найти.\nПерепроверьте введенный адрес.';
+    downloadStatus.className = 'status error';
+    downloadStatus.style.display = 'block';
+    downloadContent.innerHTML = '';
+    return;
+  }
+  
+  // Show loading state
+  downloadStatus.textContent = 'Загрузка...';
+  downloadStatus.className = 'status';
+  downloadStatus.style.display = 'block';
+  downloadContent.innerHTML = '';
+  
   try {
     const response = await fetch(`/api/get_download_link/${fileUuid}`);
     
     // Check for network/connection errors
     if (!response.ok && (response.status === 0 || response.status >= 500)) {
-      downloadStatus.textContent = 'Сервис временно недоступен, приносим наши извинения.';
+      downloadStatus.textContent = 'Сервис временно недоступен,\nприносим наши извинения.';
       downloadStatus.className = 'status error';
       downloadStatus.style.display = 'block';
+      downloadContent.innerHTML = '';
       return;
     }
     
     const data = await response.json();
     
-    if (data.error || !data.result || !data.result.data) {
-      // Check if it's a 404 or file not found error
-      if (response.status === 404 || data.result?.comment?.includes('not found') || data.result?.comment?.includes('не найден')) {
-        downloadStatus.textContent = 'Мы не смогли ничего найти. Перепроверьте введенный адрес.';
-      } else {
-        downloadStatus.textContent = 'Мы не смогли ничего найти. Перепроверьте введенный адрес.';
-      }
+    // Check for errors (400, 404, or error flag in response)
+    if (data.error || !data.result || !data.result.data || response.status === 400 || response.status === 404) {
+      downloadStatus.textContent = 'Мы не смогли ничего найти.\nПерепроверьте введенный адрес.';
       downloadStatus.className = 'status error';
       downloadStatus.style.display = 'block';
+      downloadContent.innerHTML = '';
       return;
     }
     
@@ -102,7 +116,7 @@ async function handleDownloadPage(fileUuid) {
     downloadStatus.style.display = 'none';
   } catch (error) {
     // Network error or other connection issues
-    downloadStatus.textContent = 'Сервис временно недоступен, приносим наши извинения.';
+    downloadStatus.textContent = 'Сервис временно недоступен,\nприносим наши извинения.';
     downloadStatus.className = 'status error';
     downloadStatus.style.display = 'block';
   }
diff --git a/frontend/style.css b/frontend/style.css
index f9a7634..5e9a903 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -164,6 +164,10 @@ button:disabled {
 
 .status.error {
   color: #dc2626;
+  font-size: 18px;
+  font-weight: 500;
+  white-space: pre-line;
+  line-height: 1.6;
 }
 
 .status.success {