From 6c2a76546dbb7f986d18a27af763703fbc3c9f31 Mon Sep 17 00:00:00 2001
From: Cosmic-Game-studios <Cosmic-Game-studios@users.noreply.github.com>
Date: Wed, 20 May 2026 13:25:22 +0200
Subject: [PATCH] Add SHA-3 hash reporting support

---
 index.html | 338 +++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 248 insertions(+), 90 deletions(-)

diff --git a/index.html b/index.html
index d276a17..fd4ef35 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Forensic & Compliance Portal</title>
-    
+
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
-    
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.25/jspdf.plugin.autotable.min.js"></script>
     <script src="https://unpkg.com/docx@7.1.0/build/index.js"></script>
-    
+
     <style>
         :root {
             --brand-blue: #003366;
@@ -46,7 +46,7 @@
 
         /* HERO SECTION */
         .hero-section { background-color: #f8fbfd; padding: 40px 0; border-bottom: 1px solid #e0e0e0; min-height: 80vh; }
-        
+
         /* DASHBOARD TILES */
         .btn-tile {
             display: flex; flex-direction: column; align-items: center; justify-content: center;
@@ -64,14 +64,14 @@
         .bg-clear { background-color: #ffffff; color: #666; border: 1px solid #ddd; }
 
         /* DROP ZONE */
-        .drop-zone { 
-            border: 2px dashed var(--brand-blue); 
-            background: white; 
-            padding: 40px; 
-            border-radius: 8px; 
-            text-align: center; 
-            cursor: pointer; 
-            transition: 0.3s; 
+        .drop-zone {
+            border: 2px dashed var(--brand-blue);
+            background: white;
+            padding: 40px;
+            border-radius: 8px;
+            text-align: center;
+            cursor: pointer;
+            transition: 0.3s;
             margin-top: 20px;
         }
         .drop-zone:hover { background: #f0f8ff; }
@@ -80,6 +80,9 @@
         .table-header { background-color: #e9ecef; color: #333; font-weight: 700; border-bottom: 2px solid #ccc; }
         .hash-font { font-family: 'Courier New', monospace; font-size: 0.8rem; color: #004085; }
         .search-input { border-radius: 4px; padding: 8px 15px; border: 1px solid #ddd; background: white; }
+        .system-console { background: #071422; color: #d6e9ff; border-radius: 6px; font-family: 'Courier New', monospace; font-size: 0.78rem; max-height: 130px; overflow-y: auto; }
+        .system-console .text-success { color: #7ee787 !important; }
+        .system-console .text-info { color: #79c0ff !important; }
 
         /* BLOG CARDS */
         .news-section { background: #fff; padding: 60px 0; }
@@ -181,11 +184,11 @@
             <a class="navbar-brand" href="#">
                 <i class="bi bi-shield-fill-check"></i> H# Check
             </a>
-            
+
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
                 <span class="navbar-toggler-icon"></span>
             </button>
-            
+
             <div class="collapse navbar-collapse" id="mainNav">
                 <ul class="navbar-nav ms-auto align-items-center">
                     <li class="nav-item"><a class="nav-link" href="#">HOME</a></li>
@@ -221,7 +224,7 @@
     <!-- HERO SECTION -->
     <div class="hero-section">
         <div class="container">
-            
+
             <div class="row mb-4 align-items-end">
                 <div class="col-md-8">
                     <h2 class="fw-bold text-dark mb-1">Evidence Validation Suite</h2>
@@ -247,6 +250,11 @@ <h2 class="fw-bold text-dark mb-1">Evidence Validation Suite</h2>
                         <i class="bi bi-file-earmark-pdf-fill"></i> Hash PDF
                     </button>
                 </div>
+                <div class="col-6 col-md-2">
+                    <button class="btn-tile bg-csv" onclick="downloadSelectedExcel()">
+                        <i class="bi bi-file-earmark-spreadsheet-fill"></i> Excel Report
+                    </button>
+                </div>
                 <div class="col-6 col-md-2">
                     <button class="btn-tile bg-word" onclick="generateHashWord()">
                         <i class="bi bi-file-word-fill"></i> Hash Word
@@ -287,9 +295,10 @@ <h5 class="fw-bold">Drag & Drop Evidence Files Here</h5>
                             <tr class="table-header">
                                 <th width="5%" class="ps-4"><input type="checkbox" id="selectAll" onclick="toggleAll(this)"></th>
                                 <th width="5%">#</th>
-                                <th width="30%">Filename</th>
-                                <th width="20%">MD5 Hash</th>
-                                <th width="40%">SHA-256 (Section 63 BSA Compliant)</th>
+                                <th width="25%">Filename</th>
+                                <th width="17%">MD5 Hash</th>
+                                <th width="24%">SHA-256 (Section 63 BSA Compliant)</th>
+                                <th width="24%">SHA-3 (Keccak-256)</th>
                             </tr>
                         </thead>
                         <tbody id="hashTableBody" style="background: white;"></tbody>
@@ -297,6 +306,16 @@ <h5 class="fw-bold">Drag & Drop Evidence Files Here</h5>
                 </div>
             </div>
 
+            <div class="mt-3">
+                <div class="d-flex justify-content-between align-items-center mb-2">
+                    <span class="fw-bold text-dark"><i class="bi bi-terminal"></i> System Console</span>
+                    <button class="btn btn-sm btn-outline-secondary" onclick="clearSystemConsole()">Clear Log</button>
+                </div>
+                <div id="systemConsole" class="system-console p-3">
+                    <div class="text-info">[ready] Client-side hash engine initialized with MD5, SHA-256, and SHA-3.</div>
+                </div>
+            </div>
+
         </div>
     </div>
 
@@ -305,7 +324,7 @@ <h5 class="fw-bold">Drag & Drop Evidence Files Here</h5>
         <div class="container">
             <h3 class="fw-bold text-center mb-2" style="color: var(--brand-blue);">Legal & Forensic Updates</h3>
             <p class="text-center text-secondary mb-5">Stay informed on cybercrime, court rulings, and forensic best practices</p>
-            
+
             <div class="row g-4">
                 <!-- Card 1: Cyber Crime -->
                 <div class="col-md-4">
@@ -414,7 +433,7 @@ <h5 class="news-card-title">Critical Security Advisory: Ransomware Attacks Rise<
 
     <!-- CHAT BUTTON -->
     <button class="chat-btn" onclick="toggleChat()"><i class="bi bi-chat-dots-fill"></i></button>
-    
+
     <!-- CHAT WIDGET -->
     <div id="chatWidget">
         <div class="chat-header">
@@ -460,7 +479,7 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
     </div>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
-    
+
     <script>
         const fileInput = document.getElementById('fileInput');
         const tableBody = document.getElementById('hashTableBody');
@@ -473,10 +492,10 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
         fileInput.onchange = (e) => handleFiles(e.target.files);
         dropZone.ondragover = (e) => { e.preventDefault(); dropZone.style.backgroundColor = "#e0efff"; };
         dropZone.ondragleave = () => { dropZone.style.backgroundColor = "white"; };
-        dropZone.ondrop = (e) => { 
-            e.preventDefault(); 
+        dropZone.ondrop = (e) => {
+            e.preventDefault();
             dropZone.style.backgroundColor = "white";
-            handleFiles(e.dataTransfer.files); 
+            handleFiles(e.dataTransfer.files);
         };
 
         // HANDLE FILES
@@ -486,17 +505,18 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                 const rowId = `row-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`;
                 const isEml = file.name.toLowerCase().endsWith('.eml');
                 const rowCount = tableBody.rows.length + 1;
-                
+
                 tableBody.insertAdjacentHTML('beforeend', `
                     <tr id="${rowId}">
                         <td class="ps-4"><input type="checkbox" name="fileSelect" checked></td>
                         <td>${rowCount}</td>
                         <td class="fw-bold text-dark">
-                            ${file.name} 
+                            ${file.name}
                             ${isEml ? '<span class="badge bg-danger text-white ms-2">EMAIL</span>' : ''}
                         </td>
                         <td class="hash-font md5">Calculating...</td>
                         <td class="hash-font sha256">Calculating...</td>
+                        <td class="hash-font sha3">Calculating...</td>
                     </tr>
                 `);
                 fileQueue.push({ file, rowId });
@@ -514,11 +534,13 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
 
             const reader = new FileReader();
             reader.onload = function(e) {
-                const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+                const hashes = calculateHashesFromArrayBuffer(e.target.result);
                 setTimeout(() => {
                     if (row) {
-                        row.querySelector('.md5').innerText = CryptoJS.MD5(wordArray).toString();
-                        row.querySelector('.sha256').innerText = CryptoJS.SHA256(wordArray).toString();
+                        row.querySelector('.md5').innerText = hashes.md5;
+                        row.querySelector('.sha256').innerText = hashes.sha256;
+                        row.querySelector('.sha3').innerText = hashes.sha3;
+                        logSystem('SHA-3 calculated for ' + file.name, 'success');
                     }
                     processQueue();
                 }, 50);
@@ -559,10 +581,10 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             const { jsPDF } = window.jspdf;
             const doc = new jsPDF('p', 'mm', 'a4');
             const files = getSelectedEmlFiles();
-            
-            if (files.length === 0) { 
-                alert("Please select .EML files from the table."); 
-                return; 
+
+            if (files.length === 0) {
+                alert("Please select .EML files from the table.");
+                return;
             }
 
             // COVER PAGE
@@ -584,35 +606,35 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             doc.setFontSize(14);
             doc.setFont('helvetica', 'bold');
             doc.text("INDEX", 20, 80);
-            
+
             doc.setFontSize(9);
             doc.setFont('helvetica', 'normal');
             let indexY = 90;
-            
+
             files.forEach((f, i) => {
                 const wrappedLines = doc.splitTextToSize(`${i + 1}. ${f.name}`, 170);
-                
+
                 wrappedLines.forEach((line, lineIndex) => {
-                    if (indexY > 270) { 
-                        doc.addPage(); 
-                        indexY = 20; 
+                    if (indexY > 270) {
+                        doc.addPage();
+                        indexY = 20;
                     }
-                    
+
                     const xPos = lineIndex === 0 ? 25 : 30;
                     doc.text(line, xPos, indexY);
                     indexY += 5;
                 });
-                
+
                 indexY += 2;
             });
 
             // PROCESS EACH EMAIL
             for (let i = 0; i < files.length; i++) {
                 doc.addPage();
-                
+
                 const text = await readFile(files[i]);
                 const emailData = parseEml(text);
-                const sha256 = await calculateSHA256(files[i]);
+                const hashes = await calculateFileHashes(files[i]);
 
                 // HEADER WITH WRAPPED FILENAME
                 doc.setFillColor(0, 51, 102);
@@ -621,11 +643,11 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                 doc.setFontSize(12);
                 doc.setFont('helvetica', 'bold');
                 doc.text(`EVIDENCE RECORD #${i + 1}`, 15, 10);
-                
+
                 doc.setFontSize(8);
                 doc.setFont('helvetica', 'normal');
                 const fileNameLines = doc.splitTextToSize(`File: ${files[i].name}`, 180);
-                
+
                 let fileNameY = 16;
                 fileNameLines.forEach((line) => {
                     doc.text(line, 15, fileNameY);
@@ -633,7 +655,7 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                 });
 
                 const tableStartY = Math.max(35, 10 + fileNameLines.length * 4 + 10);
-                
+
                 doc.setTextColor(0, 0, 0);
                 doc.autoTable({
                     startY: tableStartY,
@@ -646,25 +668,26 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                         ['Message-ID', emailData.messageId],
                         ['Originating IP', emailData.serverIP],
                         ['DKIM Status', emailData.dkim],
-                        ['SHA-256 Hash', sha256]
+                        ['SHA-256 Hash', hashes.sha256],
+                        ['SHA-3 Hash', hashes.sha3]
                     ],
                     theme: 'grid',
-                    headStyles: { 
-                        fillColor: [0, 51, 102], 
+                    headStyles: {
+                        fillColor: [0, 51, 102],
                         fontSize: 10,
                         fontStyle: 'bold'
                     },
-                    bodyStyles: { 
+                    bodyStyles: {
                         fontSize: 9,
                         cellPadding: 3
                     },
                     columnStyles: {
-                        0: { 
-                            cellWidth: 40, 
+                        0: {
+                            cellWidth: 40,
                             fontStyle: 'bold',
                             halign: 'left'
                         },
-                        1: { 
+                        1: {
                             cellWidth: 140,
                             cellPadding: 3,
                             overflow: 'linebreak',
@@ -675,11 +698,11 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
 
                 const finalY = doc.lastAutoTable.finalY + 10;
                 let currentY = finalY > 250 ? (doc.addPage(), 20) : finalY;
-                
+
                 doc.setFontSize(10);
                 doc.setFont('helvetica', 'bold');
                 doc.text("Body Preview (First 200 characters):", 15, currentY);
-                
+
                 doc.setFontSize(8);
                 doc.setFont('courier', 'normal');
                 const bodyLines = doc.splitTextToSize(emailData.bodyPreview, 180);
@@ -700,7 +723,7 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
         function generateHashPDF() {
             const { jsPDF } = window.jspdf;
             const doc = new jsPDF('l', 'pt', 'a4');
-            
+
             doc.setFillColor(0, 51, 102);
             doc.rect(0, 0, 842, 50, 'F');
             doc.setTextColor(255, 255, 255);
@@ -714,8 +737,10 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                     const cells = tr.querySelectorAll('td');
                     rows.push([
                         cells[1].innerText,
-                        cells[2].innerText,
-                        cells[4].innerText
+                        getFilenameFromCell(cells[2]),
+                        cells[3].innerText,
+                        cells[4].innerText,
+                        cells[5].innerText
                     ]);
                 }
             });
@@ -727,22 +752,24 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
 
             doc.autoTable({
                 startY: 70,
-                head: [['#', 'Filename', 'SHA-256']],
+                head: [['#', 'Filename', 'MD5', 'SHA-256', 'SHA-3']],
                 body: rows,
                 theme: 'grid',
-                headStyles: { 
+                headStyles: {
                     fillColor: [0, 51, 102],
                     fontSize: 11,
                     fontStyle: 'bold'
                 },
-                bodyStyles: { 
+                bodyStyles: {
                     fontSize: 9,
                     font: 'courier'
                 },
                 columnStyles: {
                     0: { cellWidth: 40 },
-                    1: { cellWidth: 300 },
-                    2: { cellWidth: 450, font: 'courier' }
+                    1: { cellWidth: 190 },
+                    2: { cellWidth: 155, font: 'courier' },
+                    3: { cellWidth: 220, font: 'courier' },
+                    4: { cellWidth: 220, font: 'courier' }
                 }
             });
 
@@ -751,37 +778,44 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
 
         // ===== GENERATE HASH WORD =====
         function generateHashWord() {
-            if (typeof docx === 'undefined') { 
-                alert("Word library loading..."); 
-                return; 
+            if (typeof docx === 'undefined') {
+                alert("Word library loading...");
+                return;
             }
-            
+
             const { Document, Packer, Paragraph, Table, TableRow, TableCell, WidthType, TextRun, AlignmentType } = docx;
-            
+
             const rows = [];
-            
+
             rows.push(new TableRow({
                 children: [
                     new TableCell({
-                        children: [new Paragraph({ 
+                        children: [new Paragraph({
                             children: [new TextRun({ text: "#", bold: true, color: "FFFFFF" })],
                             alignment: AlignmentType.CENTER
                         })],
                         shading: { fill: "003366" }
                     }),
                     new TableCell({
-                        children: [new Paragraph({ 
+                        children: [new Paragraph({
                             children: [new TextRun({ text: "Filename", bold: true, color: "FFFFFF" })],
                             alignment: AlignmentType.CENTER
                         })],
                         shading: { fill: "003366" }
                     }),
                     new TableCell({
-                        children: [new Paragraph({ 
+                        children: [new Paragraph({
                             children: [new TextRun({ text: "SHA-256", bold: true, color: "FFFFFF" })],
                             alignment: AlignmentType.CENTER
                         })],
                         shading: { fill: "003366" }
+                    }),
+                    new TableCell({
+                        children: [new Paragraph({
+                            children: [new TextRun({ text: "SHA-3", bold: true, color: "FFFFFF" })],
+                            alignment: AlignmentType.CENTER
+                        })],
+                        shading: { fill: "003366" }
                     })
                 ]
             }));
@@ -793,8 +827,11 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                         children: [
                             new TableCell({ children: [new Paragraph(cells[1].innerText)] }),
                             new TableCell({ children: [new Paragraph(cells[2].innerText)] }),
-                            new TableCell({ children: [new Paragraph({ 
+                            new TableCell({ children: [new Paragraph({
                                 children: [new TextRun({ text: cells[4].innerText, font: "Courier New", size: 18 })]
+                            })] }),
+                            new TableCell({ children: [new Paragraph({
+                                children: [new TextRun({ text: cells[5].innerText, font: "Courier New", size: 18 })]
                             })] })
                         ]
                     }));
@@ -810,9 +847,9 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
                 sections: [{
                     children: [
                         new Paragraph({
-                            children: [new TextRun({ 
-                                text: "FORENSIC HASH REPORT", 
-                                bold: true, 
+                            children: [new TextRun({
+                                text: "FORENSIC HASH REPORT",
+                                bold: true,
                                 size: 32,
                                 color: "003366"
                             })],
@@ -837,33 +874,92 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
 
         // ===== DOWNLOAD CSV =====
         function downloadSelectedCSV() {
-            let csv = "#,Subject,From,To,Date,Originating IP,DKIM,SHA-256\n";
-            
-            let counter = 1;
+            let csv = "#,Filename,Subject,From,To,Date,Originating IP,DKIM,MD5,SHA-256,SHA-3\n";
             const promises = [];
-            
+
             document.querySelectorAll("#hashTableBody tr").forEach(tr => {
-                if (tr.querySelector('input').checked && tr.fileData && tr.fileData.name.toLowerCase().endsWith('.eml')) {
+                if (tr.querySelector('input').checked) {
                     const cells = tr.querySelectorAll('td');
-                    promises.push(
-                        readFile(tr.fileData).then(text => {
+                    const filename = getFilenameFromCell(cells[2]);
+                    if (tr.fileData && tr.fileData.name.toLowerCase().endsWith('.eml')) {
+                        promises.push(readFile(tr.fileData).then(text => {
                             const eml = parseEml(text);
-                            return `${counter++},"${eml.subject}","${eml.from}","${eml.to}","${eml.date}","${eml.serverIP}","${eml.dkim}","${cells[4].innerText}"\n`;
-                        })
-                    );
+                            return [
+                                cells[1].innerText,
+                                filename,
+                                eml.subject,
+                                eml.from,
+                                eml.to,
+                                eml.date,
+                                eml.serverIP,
+                                eml.dkim,
+                                cells[3].innerText,
+                                cells[4].innerText,
+                                cells[5].innerText
+                            ].map(csvEscape).join(",") + "\n";
+                        }));
+                    } else {
+                        promises.push(Promise.resolve([
+                            cells[1].innerText,
+                            filename,
+                            "",
+                            "",
+                            "",
+                            "",
+                            "",
+                            "",
+                            cells[3].innerText,
+                            cells[4].innerText,
+                            cells[5].innerText
+                        ].map(csvEscape).join(",") + "\n"));
+                    }
                 }
             });
 
             Promise.all(promises).then(rows => {
+                if (rows.length === 0) {
+                    alert("Please select files to include in report.");
+                    return;
+                }
                 csv += rows.join('');
                 const blob = new Blob([csv], { type: 'text/csv' });
                 const a = document.createElement('a');
                 a.href = URL.createObjectURL(blob);
-                a.download = "Email_Report.csv";
+                a.download = "Hash_Report.csv";
                 a.click();
             });
         }
 
+        function downloadSelectedExcel() {
+            const rows = getSelectedHashRows();
+            if (rows.length === 0) {
+                alert("Please select files to include in report.");
+                return;
+            }
+
+            const tableRows = rows.map(row =>
+                "<tr>" +
+                    "<td>" + escapeHtml(row.index) + "</td>" +
+                    "<td>" + escapeHtml(row.filename) + "</td>" +
+                    "<td style=\"mso-number-format:'\\@';\">" + escapeHtml(row.md5) + "</td>" +
+                    "<td style=\"mso-number-format:'\\@';\">" + escapeHtml(row.sha256) + "</td>" +
+                    "<td style=\"mso-number-format:'\\@';\">" + escapeHtml(row.sha3) + "</td>" +
+                "</tr>"
+            ).join("");
+            const html =
+                "<html><head><meta charset=\"UTF-8\"></head><body>" +
+                "<table border=\"1\">" +
+                "<thead><tr><th>#</th><th>Filename</th><th>MD5</th><th>SHA-256</th><th>SHA-3</th></tr></thead>" +
+                "<tbody>" + tableRows + "</tbody>" +
+                "</table>" +
+                "</body></html>";
+            const blob = new Blob([html], { type: 'application/vnd.ms-excel' });
+            const a = document.createElement('a');
+            a.href = URL.createObjectURL(blob);
+            a.download = "Hash_Report.xls";
+            a.click();
+        }
+
         // ===== UTILITY FUNCTIONS =====
         function getSelectedEmlFiles() {
             const files = [];
@@ -883,17 +979,79 @@ <h6 class="fw-bold mt-3">Yahoo/Outlook:</h6>
             });
         }
 
-        async function calculateSHA256(file) {
+        function calculateHashesFromArrayBuffer(buffer) {
+            const wordArray = CryptoJS.lib.WordArray.create(buffer);
+            return {
+                md5: CryptoJS.MD5(wordArray).toString(),
+                sha256: CryptoJS.SHA256(wordArray).toString(),
+                sha3: CryptoJS.SHA3(wordArray, { outputLength: 256 }).toString()
+            };
+        }
+
+        async function calculateFileHashes(file) {
             return new Promise(resolve => {
                 const reader = new FileReader();
                 reader.onload = e => {
-                    const wordArray = CryptoJS.lib.WordArray.create(e.target.result);
-                    resolve(CryptoJS.SHA256(wordArray).toString());
+                    resolve(calculateHashesFromArrayBuffer(e.target.result));
                 };
                 reader.readAsArrayBuffer(file);
             });
         }
 
+        async function calculateSHA256(file) {
+            const hashes = await calculateFileHashes(file);
+            return hashes.sha256;
+        }
+
+        function getSelectedHashRows() {
+            const rows = [];
+            document.querySelectorAll("#hashTableBody tr").forEach(tr => {
+                if (tr.querySelector('input').checked) {
+                    const cells = tr.querySelectorAll('td');
+                    rows.push({
+                        index: cells[1].innerText,
+                        filename: getFilenameFromCell(cells[2]),
+                        md5: cells[3].innerText,
+                        sha256: cells[4].innerText,
+                        sha3: cells[5].innerText
+                    });
+                }
+            });
+            return rows;
+        }
+
+        function getFilenameFromCell(cell) {
+            return (cell.childNodes[0]?.textContent || cell.innerText).trim();
+        }
+
+        function csvEscape(value) {
+            return '"' + String(value ?? '').replace(/"/g, '""') + '"';
+        }
+
+        function escapeHtml(value) {
+            return String(value ?? '')
+                .replace(/&/g, '&amp;')
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;')
+                .replace(/'/g, '&#039;');
+        }
+
+        function logSystem(message, type = 'info') {
+            const consoleEl = document.getElementById('systemConsole');
+            if (!consoleEl) return;
+            const div = document.createElement('div');
+            div.className = type === 'success' ? 'text-success' : 'text-info';
+            div.textContent = '[' + new Date().toLocaleTimeString() + '] ' + message;
+            consoleEl.appendChild(div);
+            consoleEl.scrollTop = consoleEl.scrollHeight;
+            console.log('[Hash Tool] ' + message);
+        }
+
+        function clearSystemConsole() {
+            document.getElementById('systemConsole').innerHTML = '<div class="text-info">[ready] Client-side hash engine initialized with MD5, SHA-256, and SHA-3.</div>';
+        }
+
         function toggleAll(checkbox) {
             document.querySelectorAll('input[name="fileSelect"]').forEach(c => c.checked = checkbox.checked);
         }