Update index.html

index.html

@@ -3521,4 +3521,143 @@
                     
                     outputDiv.innerHTML = html;
                 } else if (data.type === 'ghost_file') {
-                    let html = `<strong>✅ Valid Vaulted File Detected</strong><br>`
+                    let html = `<strong>✅ Valid Vaulted File Detected</strong><br>`;
+                    
+                    const meta = data.metadata;
+                    if (meta) {
+                        // Add summary
+                        html += `<br><br><strong>--- Protection Summary ---</strong>`;
+                        html += `<br>Format: ${meta.format || 'Unknown'} v${meta.version || 'Unknown'}`;
+                        html += `<br>Creator: ${meta.creator || 'Unknown'}`;
+                        html += `<br>Encrypted: ${meta.timestamp || 'Unknown'}`;
+                        
+                        if (meta.protection_level) {
+                            html += `<br>Protection Level: ${meta.protection_level.level || 'Unknown'}`;
+                            html += `<br>Encryption: ${meta.protection_level.encryption || 'Unknown'}`;
+                            html += `<br>AI Poisoning: ${meta.protection_level.ai_poisoning || 'Unknown'}`;
+                            
+                            if (meta.protection_level.custom_disclaimer) {
+                                html += `<br><br><strong>Custom Disclaimer:</strong>`;
+                                html += `<br><em>"${meta.protection_level.custom_disclaimer.text}"</em>`;
+                                html += `<br>Set by: ${meta.protection_level.custom_disclaimer.creator}`;
+                            }
+                        }
+                        
+                        if (meta.file_info) {
+                            html += `<br><br><strong>File Information:</strong>`;
+                            html += `<br>Original Size: ${(meta.file_info.original_size / 1024).toFixed(2)} KB`;
+                            html += `<br>Encrypted Size: ${(meta.file_info.encrypted_size / 1024).toFixed(2)} KB`;
+                        }
+                        
+                        if (meta.fingerprint) {
+                            html += `<br><br><strong>Fingerprint Data:</strong>`;
+                            html += `<br>SRL Stability: ${meta.fingerprint.srl_stability}`;
+                            html += `<br>SEFA Emergence: ${meta.fingerprint.sefa_emergence}`;
+                            html += `<br>Watermark: ${meta.fingerprint.watermark_embedded ? 'Yes' : 'No'}`;
+                        }
+                        
+                        if (meta._verification_info) {
+                            html += `<br><br><strong>Verification Info:</strong>`;
+                            html += `<br>File Version: ${meta._verification_info.ghost_file_version}`;
+                            html += `<br>File Size: ${(meta._verification_info.file_size_bytes / 1024).toFixed(2)} KB`;
+                            html += `<br>Verified: ${meta._verification_info.verification_timestamp}`;
+                        }
+                    }
+                    
+                    // Add full metadata
+                    html += `<br><br><strong>--- Full Vault Metadata ---</strong>`;
+                    html += `<pre>${JSON.stringify(data.metadata, null, 2)}</pre>`;
+                    
+                    outputDiv.innerHTML = html;
+                } else if (data.type === 'lite_fingerprint') {
+                    let html = `<strong>✅ Stamped File Detected</strong><br>`;
+                    
+                    // Add tamper detection status
+                    if (data.integrity_message) {
+                        html += `<br><strong>File Integrity:</strong> ${data.integrity_message}`;
+                    }
+                    
+                    // Add watermark status
+                    if (data.watermark_message) {
+                        html += `<br><strong>Watermark Status:</strong> ${data.watermark_message}`;
+                    }
+                    
+                    // Add summary
+                    if (data.summary) {
+                        html += `<br><br><strong>--- Protection Summary ---</strong>`;
+                        html += `<br>Creator: ${data.summary.creator}`;
+                        html += `<br>Protected: ${data.summary.timestamp}`;
+                        html += `<br>Level: ${data.summary.protection_level}`;
+                        html += `<br>Version: ${data.summary.algorithm_version}`;
+                        if (data.summary.ai_disclaimer && data.summary.ai_disclaimer !== 'None') {
+                            html += `<br><br><strong>AI Disclaimer:</strong>`;
+                            html += `<br><em>${data.summary.ai_disclaimer}</em>`;
+                        }
+                    }
+                    
+                    // Add full metadata
+                    html += `<br><br><strong>--- Full Stamp Metadata ---</strong>`;
+                    html += `<pre>${JSON.stringify(data.metadata, null, 2)}</pre>`;
+                    
+                    outputDiv.innerHTML = html;
+                } else if (data.type === 'filename_indicator') {
+                    outputDiv.innerHTML = `
+                        <strong>⚠️ Possible Ghostprint Signature</strong><br>
+                        <br>${data.message}<br>
+                        <br><em>Note: The filename suggests this file was processed by Ghostprint, but no embedded signature was found.</em>`;
+                } else {
+                    outputDiv.innerHTML = `
+                        <strong>❌ Verification Result</strong><br>
+                        <br>${data.message || 'Unknown verification result'}`;
+                }
+            }
+        }
+
+        // Theme Management
+        function initializeTheme() {
+            // Check for saved theme preference or fall back to system preference
+            const savedTheme = localStorage.getItem('ghostprint-theme');
+            if (savedTheme) {
+                document.documentElement.setAttribute('data-theme', savedTheme);
+            }
+            // If no saved preference, let CSS media queries handle it automatically
+        }
+
+        function toggleTheme() {
+            const currentTheme = document.documentElement.getAttribute('data-theme');
+            const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            
+            let newTheme;
+            if (currentTheme === 'light') {
+                newTheme = 'dark';
+            } else if (currentTheme === 'dark') {
+                newTheme = 'light';
+            } else {
+                // No manual theme set, toggle opposite of system preference
+                newTheme = systemPrefersDark ? 'light' : 'dark';
+            }
+            
+            document.documentElement.setAttribute('data-theme', newTheme);
+            localStorage.setItem('ghostprint-theme', newTheme);
+            
+            // Add a subtle animation effect
+            document.body.style.transition = 'background-color 0.3s ease, color 0.3s ease';
+            setTimeout(() => {
+                document.body.style.transition = '';
+            }, 300);
+        }
+
+        // Listen for system theme changes and update if no manual override
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            const manualTheme = localStorage.getItem('ghostprint-theme');
+            if (!manualTheme) {
+                // No manual override, let the system preference take effect
+                document.documentElement.removeAttribute('data-theme');
+            }
+        });
+
+        // Initialize theme on page load
+        document.addEventListener('DOMContentLoaded', initializeTheme);
+    </script>
+</body>
+</html>