fix ui issue when downloading CR

static/script.js

@@ -45,6 +45,7 @@ function switchMode(mode) {
 
 // Show version field only when the input looks like a spec (ETSI or 3GPP)
 const ETSI_SPEC_RE = /^\d{3} \d{3}/;
+const ETSI_TDOC_RE = /^(?:SET|SCP|SETTEC|SETREQ|SCPTEC|SCPREQ)\(\d+\)\d+/i;
 const GPP_SPEC_RE  = /^\d{2}\.\d{3}/;
 
 function toggleVersionField() {
@@ -323,7 +324,17 @@ async function searchBM25() {
 // Results display functions
 function displaySingleResult(data) {
     const resultsContent = document.getElementById('results-content');
-    
+    const isEtsiTdoc = ETSI_TDOC_RE.test(data.doc_id);
+
+    const urlBlock = isEtsiTdoc
+        ? `<div class="result-detail">
+               <strong>URL:</strong> <span class="result-url-text">${data.url}</span>
+               <button class="btn btn-primary download-btn" onclick="downloadTdoc('${data.doc_id}')">Download</button>
+           </div>`
+        : `<div class="result-detail result-url">
+               <strong>URL:</strong> <a href="${data.url}" target="_blank">${data.url}</a>
+           </div>`;
+
     resultsContent.innerHTML = `
         <div class="result-item">
             <div class="result-header">
@@ -333,16 +344,51 @@ function displaySingleResult(data) {
             <div class="result-details">
                 ${data.version ? `<div class="result-detail"><strong>Version:</strong> ${data.version}</div>` : ''}
                 ${data.scope ? `<div class="result-detail"><strong>Scope:</strong> ${data.scope}</div>` : ''}
-                <div class="result-detail result-url">
-                    <strong>URL:</strong> <a href="${data.url}" target="_blank">${data.url}</a>
-                </div>
+                ${urlBlock}
             </div>
         </div>
     `;
-    
+
     showResults();
 }
 
+async function downloadTdoc(docId) {
+    showLoading();
+    updateHeaderStats('Downloading...');
+    try {
+        const response = await fetch('/find/tdoc/download', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ doc_id: docId })
+        });
+        if (response.ok) {
+            const blob = await response.blob();
+            const disposition = response.headers.get('Content-Disposition') || '';
+            const fnMatch = disposition.match(/filename="?([^";\n]+)"?/);
+            const filename = fnMatch ? fnMatch[1] : `${docId}.docx`;
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+            updateHeaderStats('Downloaded');
+        } else {
+            const data = await response.json();
+            showError(data.detail);
+            updateHeaderStats('Error');
+        }
+    } catch (error) {
+        showError('Error connecting to server');
+        updateHeaderStats('Error');
+        console.error('Error:', error);
+    } finally {
+        hideLoading();
+    }
+}
+
 function displayBatchResults(data) {
     const resultsContent = document.getElementById('results-content');
     let html = '';