function sanitizeFileName(name) { return name.replace(/[^a-z0-9\s]/gi, '').toLowerCase().replace(/\s+/g, '_').substring(0, 50) || 'generated_report'; } function downloadHTMLReport(reportContent, sourcesContent) { try { var css = ` :root { --accent-color: #003366; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0 auto; padding: 20px; background-color: #f0f2f5; color: #333; max-width: 1366px; } #report-container, #sources-container { max-width: 800px; margin: 0 auto 30px; background-color: #ffffff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table, th, td { border: 1px solid #ddd; } th, td { padding: 10px; text-align: left; } h1, h2, h3, h4, h5, h6 { color: var(--accent-color); } h2 { border-bottom: 2px solid var(--accent-color); padding-bottom: 10px; margin-top: 0; } .source-item { margin-bottom: 20px; padding: 15px; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; } .source-url { color: var(--accent-color); text-decoration: none; word-break: break-all; font-weight: bold; display: block; margin-bottom: 10px; } .source-content { margin-top: 10px; } .source-snippet, .expand-indicator { display: none; } .source-full { display: block; } @media (max-width: 767px) { body { padding: 10px; width: 95%; } #report-container, #sources-container { padding: 15px; } } `; var htmlContent = `