Update static/chatbot.js

static/chatbot.js

@@ -515,6 +515,25 @@ const Chatbot = (() => {
             📥 Download Report as PDF
           </button>`;
           addMessage(pdfBtnHtml, 'bot', true);
+
+          // Also inject PDF button at the bottom of the X-ray side panel
+          const existingPanelBtn = document.getElementById('panel-pdf-section');
+          if (existingPanelBtn) existingPanelBtn.remove();
+          const panelPdfSection = document.createElement('div');
+          panelPdfSection.id = 'panel-pdf-section';
+          panelPdfSection.style.cssText = 'padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0;';
+          panelPdfSection.innerHTML = `
+            <div style="font-size:11px;color:var(--text-muted);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;">AI Clinical Report</div>
+            <button onclick="window._downloadGeminiPDF()" style="
+              width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
+              padding:10px 0;border-radius:8px;border:none;cursor:pointer;
+              background:var(--accent);color:#fff;font-weight:600;font-size:13px;
+              box-shadow:0 2px 8px rgba(0,0,0,.2);transition:opacity .2s;
+            " onmouseover="this.style.opacity='.85'" onmouseout="this.style.opacity='1'">
+              📥 Download AI Report PDF
+            </button>`;
+          sidePanel.appendChild(panelPdfSection);
+
         } else if (geminiReport && geminiReport.error) {
           await botSay(`⚠️ AI report note: ${geminiReport.error}`, false, 400);
         }
@@ -879,6 +898,8 @@ const Chatbot = (() => {
     detectionData = null;
     analysisResult = null;
     geminiReport = null;
+    const oldPdf = document.getElementById('panel-pdf-section');
+    if (oldPdf) oldPdf.remove();
     uploadedFiles = [];
     imageDimensions = { width: 0, height: 0 };
     state = 'WELCOME';