local-deep-research 0.4.4__py3-none-any.whl → 0.5.0__py3-none-any.whl

local_deep_research/web/static/js/components/results.js

@@ -9,7 +9,7 @@
     let pdfBtn = null;
     let researchId = null;
     let researchData = null;
-    
+
     /**
      * Initialize the results component
      */
@@ -18,41 +18,52 @@
         resultsContainer = document.getElementById('results-content');
         exportBtn = document.getElementById('export-markdown-btn');
         pdfBtn = document.getElementById('download-pdf-btn');
-        
+
         if (!resultsContainer) {
             console.error('Results container not found');
             return;
         }
-        
+
         console.log('Results component initialized');
-        
+
         // Get research ID from URL
         researchId = getResearchIdFromUrl();
-        
+
         if (!researchId) {
             showError('Research ID not found in URL');
             return;
         }
-        
+
         // Set up event listeners
         setupEventListeners();
-        
+
         // Load research results
         loadResearchResults();
-        
+
+        // Initialize star rating
+        initializeStarRating();
+
         // Note: Log panel is now automatically initialized by logpanel.js
         // No need to manually initialize it here
     }
-    
+
     /**
      * Set up event listeners
      */
     function setupEventListeners() {
+        // View metrics button
+        const metricsBtn = document.getElementById('view-metrics-btn');
+        if (metricsBtn) {
+            metricsBtn.addEventListener('click', () => {
+                window.location.href = `/research/details/${researchId}`;
+            });
+        }
+
         // Export button
         if (exportBtn) {
             exportBtn.addEventListener('click', handleExport);
         }
-        
+
         // PDF button
         if (pdfBtn) {
             pdfBtn.addEventListener('click', handlePdfExport);
@@ -65,8 +76,9 @@
                 window.location.href = '/research/history';
             });
         }
+
     }
-    
+
     /**
      * Get research ID from URL
      * @returns {string|null} Research ID
@@ -76,7 +88,7 @@
         const match = path.match(/\/research\/results\/(\d+)/);
         return match ? match[1] : null;
     }
-    
+
     /**
      * Load research results from API
      */
@@ -84,25 +96,25 @@
         try {
             // Show loading state
             resultsContainer.innerHTML = '<div class="text-center my-5"><i class="fas fa-spinner fa-pulse"></i><p class="mt-3">Loading research results...</p></div>';
-            
+
             // Fetch result from API
             const response = await fetch(`/research/api/report/${researchId}`);
-            
+
             if (!response.ok) {
                 throw new Error(`HTTP error ${response.status}`);
             }
-            
+
             const responseData = await response.json();
             console.log('Original API response:', responseData);
-            
+
             // Store data for export
             researchData = responseData;
-            
+
             // Check if we have data to display
             if (!responseData) {
                 throw new Error('No data received from server');
             }
-            
+
             // Use the API metadata directly
             if (responseData.metadata && typeof responseData.metadata === 'object') {
                 console.log('Using metadata directly from API response:', responseData.metadata);
@@ -111,7 +123,7 @@
                 // Fallback to content extraction if no metadata in response
                 populateMetadata(responseData);
             }
-            
+
             // Render the content
             if (responseData.content && typeof responseData.content === 'string') {
                 console.log('Rendering content from API response');
@@ -121,21 +133,21 @@
                 console.log('No direct content found, trying to find content in response');
                 findAndRenderContent(responseData);
             }
-            
+
             // Enable export buttons
             if (exportBtn) exportBtn.disabled = false;
             if (pdfBtn) pdfBtn.disabled = false;
-            
+
         } catch (error) {
             console.error('Error loading research results:', error);
             showError(`Error loading research results: ${error.message}`);
-            
+
             // Disable export buttons
             if (exportBtn) exportBtn.disabled = true;
             if (pdfBtn) pdfBtn.disabled = true;
         }
     }
-    
+
     /**
      * Populate metadata directly from API response metadata
      * @param {Object} data - API response with metadata
@@ -143,7 +155,7 @@
     function populateMetadataFromApiResponse(data) {
         const metadata = data.metadata || {};
         console.log('Using API response metadata:', metadata);
-        
+
         // Query field
         const queryElement = document.getElementById('result-query');
         if (queryElement) {
@@ -152,18 +164,18 @@
             console.log('Setting query to:', query);
             queryElement.textContent = query;
         }
-        
+
         // Generated date field
         const dateElement = document.getElementById('result-date');
         if (dateElement) {
             let dateStr = 'Unknown date';
-            
+
             // Try multiple sources for the timestamp - first from the API response directly, then from metadata
-            const timestamp = data.created_at || data.timestamp || data.date || 
+            const timestamp = data.created_at || data.timestamp || data.date ||
                             metadata.created_at || metadata.timestamp || metadata.date;
-            
+
             console.log('Found timestamp:', timestamp);
-            
+
             if (timestamp) {
                 if (window.formatting && typeof window.formatting.formatDate === 'function') {
                     dateStr = window.formatting.formatDate(timestamp);
@@ -177,11 +189,11 @@
                         console.error('Error parsing date:', e);
                     }
                 }
-                
+
                 // Add duration if available - format as "Xm Ys" for values over 60 seconds
                 if (metadata.duration || metadata.duration_seconds || data.duration_seconds) {
                     const durationSeconds = parseInt(metadata.duration || metadata.duration_seconds || data.duration_seconds, 10);
-                    
+
                     if (!isNaN(durationSeconds)) {
                         let durationStr;
                         if (durationSeconds < 60) {
@@ -195,39 +207,39 @@
                     }
                 }
             }
-            
+
             console.log('Setting date to:', dateStr);
             dateElement.textContent = dateStr;
         }
-        
+
         // Mode field
         const modeElement = document.getElementById('result-mode');
         if (modeElement) {
             // Get mode from metadata or main response
-            let mode = metadata.mode || metadata.research_mode || metadata.type || 
+            let mode = metadata.mode || metadata.research_mode || metadata.type ||
                       data.mode || data.research_mode || data.type;
-            
+
             // Detect if this is a detailed report based on content structure
             if (!mode && data.content) {
-                if (data.content.toLowerCase().includes('table of contents') || 
+                if (data.content.toLowerCase().includes('table of contents') ||
                     data.content.match(/^#.*\n+##.*\n+###/m)) {
                     mode = 'detailed';
                 } else {
                     mode = 'quick';
                 }
             }
-            
+
             // Format mode using available formatter
             if (window.formatting && typeof window.formatting.formatMode === 'function') {
                 mode = window.formatting.formatMode(mode);
                 console.log('Formatted mode:', mode);
             }
-            
+
             console.log('Setting mode to:', mode || 'Quick');
             modeElement.textContent = mode || 'Quick';
         }
     }
-    
+
     /**
      * Find and render content from various response formats
      * @param {Object} data - Research data to extract content from
@@ -261,7 +273,7 @@
             // Look for any property that might contain the content
             const contentProps = ['markdown', 'text', 'summary', 'output', 'research_output'];
             let foundContent = false;
-            
+
             for (const prop of contentProps) {
                 if (data[prop] && typeof data[prop] === 'string') {
                     console.log(`Rendering from data.${prop}`);
@@ -270,7 +282,7 @@
                     break;
                 }
             }
-            
+
             if (!foundContent) {
                 // Last resort: try to render the entire data object
                 console.log('No clear content found, rendering entire data object');
@@ -278,7 +290,7 @@
             }
         }
     }
-    
+
     /**
      * Populate metadata fields with information from the research data
      * @param {Object} data - Research data with metadata
@@ -288,18 +300,18 @@
         console.log('API response data:', data);
         console.log('Data type:', typeof data);
         console.log('Available top-level keys:', Object.keys(data));
-        
+
         // Direct extraction from content
         if (data.content && typeof data.content === 'string') {
             console.log('Attempting to extract metadata from content');
-            
+
             // Extract the query from content first line or header
             // Avoid matching "Table of Contents" as query
             const queryMatch = data.content.match(/^#\s*([^\n]+)/m) || // First heading
                              data.content.match(/Query:\s*([^\n]+)/i) || // Explicit query label
                              data.content.match(/Question:\s*([^\n]+)/i) || // Question label
                              data.content.match(/^([^\n#]+)(?=\n)/); // First line if not starting with #
-                             
+
             if (queryMatch && queryMatch[1] && !queryMatch[1].toLowerCase().includes('table of contents')) {
                 const queryElement = document.getElementById('result-query');
                 if (queryElement) {
@@ -319,58 +331,58 @@
                     }
                 }
             }
-            
+
             // Extract generated date/time - Try multiple formats
-            const dateMatch = data.content.match(/Generated at:\s*([^\n]+)/i) || 
+            const dateMatch = data.content.match(/Generated at:\s*([^\n]+)/i) ||
                            data.content.match(/Date:\s*([^\n]+)/i) ||
                            data.content.match(/Generated:\s*([^\n]+)/i) ||
                            data.content.match(/Created:\s*([^\n]+)/i);
-                           
+
             if (dateMatch && dateMatch[1]) {
                 const dateElement = document.getElementById('result-date');
                 if (dateElement) {
                     const extractedDate = dateMatch[1].trim();
                     console.log('Extracted date from content:', extractedDate);
-                    
+
                     // Format the date using the available formatter
                     let formattedDate = extractedDate;
                     if (window.formatting && typeof window.formatting.formatDate === 'function') {
                         formattedDate = window.formatting.formatDate(extractedDate);
                         console.log('Date formatted using formatter:', formattedDate);
                     }
-                    
+
                     dateElement.textContent = formattedDate || new Date().toLocaleString();
                 }
             }
-            
+
             // Extract mode
-            const modeMatch = data.content.match(/Mode:\s*([^\n]+)/i) || 
+            const modeMatch = data.content.match(/Mode:\s*([^\n]+)/i) ||
                             data.content.match(/Research type:\s*([^\n]+)/i);
-            
+
             if (modeMatch && modeMatch[1]) {
                 const modeElement = document.getElementById('result-mode');
                 if (modeElement) {
                     const extractedMode = modeMatch[1].trim();
                     console.log('Extracted mode from content:', extractedMode);
-                    
+
                     // Format mode using available formatter
                     let formattedMode = extractedMode;
                     if (window.formatting && typeof window.formatting.formatMode === 'function') {
                         formattedMode = window.formatting.formatMode(extractedMode);
                         console.log('Mode formatted using formatter:', formattedMode);
                     }
-                    
+
                     modeElement.textContent = formattedMode || 'Standard';
                 }
             } else {
                 // Detect mode based on content structure and keywords
                 const modeElement = document.getElementById('result-mode');
                 if (modeElement) {
-                    if (data.content.toLowerCase().includes('table of contents') || 
+                    if (data.content.toLowerCase().includes('table of contents') ||
                         data.content.toLowerCase().includes('detailed report') ||
                         data.content.match(/^#.*\n+##.*\n+###/m)) { // Has H1, H2, H3 structure
                         modeElement.textContent = 'Detailed';
-                    } else if (data.content.toLowerCase().includes('quick research') || 
+                    } else if (data.content.toLowerCase().includes('quick research') ||
                               data.content.toLowerCase().includes('summary')) {
                         modeElement.textContent = 'Quick';
                     } else {
@@ -378,32 +390,32 @@
                     }
                 }
             }
-            
+
             return; // Exit early since we've handled extraction from content
         }
-        
+
         // Also check the metadata field which likely contains the actual metadata
         const metadata = data.metadata || {};
         console.log('Metadata object:', metadata);
         if (metadata) {
             console.log('Metadata keys:', Object.keys(metadata));
         }
-        
+
         // Extract research object if nested
         const researchData = data.research || data;
-        
+
         // Debug nested structure if exists
         if (data.research) {
             console.log('Nested research data:', data.research);
             console.log('Research keys:', Object.keys(data.research));
         }
-        
+
         // Query field
         const queryElement = document.getElementById('result-query');
         if (queryElement) {
             // Try different possible locations for query data
             let query = 'Unknown query';
-            
+
             if (metadata.query) {
                 query = metadata.query;
             } else if (metadata.title) {
@@ -419,17 +431,17 @@
             } else if (researchData.input) {
                 query = researchData.input;
             }
-            
+
             console.log('Setting query to:', query);
             queryElement.textContent = query;
         }
-        
+
         // Generated date field
         const dateElement = document.getElementById('result-date');
         if (dateElement) {
             let dateStr = 'Unknown date';
             let timestampField = null;
-            
+
             // Try different possible date fields
             if (metadata.created_at) {
                 timestampField = metadata.created_at;
@@ -446,7 +458,7 @@
             } else if (researchData.time) {
                 timestampField = researchData.time;
             }
-            
+
             // Format the date using the available formatter
             if (timestampField) {
                 if (window.formatting && typeof window.formatting.formatDate === 'function') {
@@ -462,7 +474,7 @@
                     }
                 }
             }
-            
+
             // Add duration if available
             if (metadata.duration) {
                 dateStr += ` (${metadata.duration} seconds)`;
@@ -471,16 +483,16 @@
             } else if (researchData.duration) {
                 dateStr += ` (${researchData.duration} seconds)`;
             }
-            
+
             console.log('Setting date to:', dateStr);
             dateElement.textContent = dateStr;
         }
-        
+
         // Mode field
         const modeElement = document.getElementById('result-mode');
         if (modeElement) {
             let mode = 'Quick'; // Default to Quick
-            
+
             if (metadata.mode) {
                 mode = metadata.mode;
             } else if (metadata.research_mode) {
@@ -494,17 +506,17 @@
             } else if (researchData.type) {
                 mode = researchData.type;
             }
-            
+
             // Format mode using available formatter
             if (window.formatting && typeof window.formatting.formatMode === 'function') {
                 mode = window.formatting.formatMode(mode);
             }
-            
+
             console.log('Setting mode to:', mode);
             modeElement.textContent = mode;
         }
     }
-    
+
     /**
      * Render research results in the container
      * @param {Object|string} data - Research data to render
@@ -513,10 +525,10 @@
         try {
             // Clear container
             resultsContainer.innerHTML = '';
-            
+
             // Determine the content to render
             let content = '';
-            
+
             if (typeof data === 'string') {
                 // Direct string content
                 content = data;
@@ -544,7 +556,7 @@
                 // Last resort: stringify the entire object
                 content = JSON.stringify(data, null, 2);
             }
-            
+
             // Render the content as Markdown if possible
             if (window.ui && window.ui.renderMarkdown) {
                 const renderedHtml = window.ui.renderMarkdown(content);
@@ -554,18 +566,18 @@
                 content = content.replace(/\n/g, '<br>');
                 resultsContainer.innerHTML = `<div class="markdown-content">${content}</div>`;
             }
-            
+
             // Add syntax highlighting if Prism is available
             if (window.Prism) {
                 window.Prism.highlightAllUnder(resultsContainer);
             }
-            
+
         } catch (error) {
             console.error('Error rendering results:', error);
             showError(`Error rendering results: ${error.message}`);
         }
     }
-    
+
     /**
      * Show error message in the results container
      * @param {string} message - Error message
@@ -582,7 +594,7 @@
             </p>
         `;
     }
-    
+
     /**
      * Handle export button click
      */
@@ -591,21 +603,21 @@
             if (!researchData) {
                 throw new Error('No research data available');
             }
-            
+
             // Get metadata from DOM (which should be populated by now)
             const query = document.getElementById('result-query')?.textContent || 'Unknown query';
             const generated = document.getElementById('result-date')?.textContent || 'Unknown date';
             const mode = document.getElementById('result-mode')?.textContent || 'Quick';
-            
+
             // Create markdown header with metadata
             let markdownHeader = `# Research Results: ${query}\n\n`;
             markdownHeader += `- **Generated:** ${generated}\n`;
             markdownHeader += `- **Mode:** ${mode}\n\n`;
             markdownHeader += `---\n\n`;
-            
+
             // Extract the content to export
             let markdownContent = '';
-            
+
             // Try to extract the markdown content from various possible locations
             if (typeof researchData === 'string') {
                 markdownContent = researchData;
@@ -620,9 +632,9 @@
                     'output',
                     'research_output'
                 ];
-                
+
                 let found = false;
-                
+
                 // First check direct properties
                 for (const prop of contentProps) {
                     if (researchData[prop] && typeof researchData[prop] === 'string') {
@@ -632,7 +644,7 @@
                         break;
                     }
                 }
-                
+
                 // Then check nested properties
                 if (!found && researchData.research) {
                     for (const prop of contentProps) {
@@ -644,7 +656,7 @@
                         }
                     }
                 }
-                
+
                 // Check results property
                 if (!found && researchData.results) {
                     if (typeof researchData.results === 'string') {
@@ -661,34 +673,35 @@
                         }
                     }
                 }
-                
+
                 // Last resort
                 if (!markdownContent) {
                     console.warn('Could not extract markdown content, using JSON');
                     markdownContent = "```json\n" + JSON.stringify(researchData, null, 2) + "\n```";
                 }
             }
-            
+
             // Combine header and content
             const fullMarkdown = markdownHeader + markdownContent;
-            
+
             // Create blob and trigger download
             const blob = new Blob([fullMarkdown], { type: 'text/markdown' });
             const link = document.createElement('a');
             link.href = URL.createObjectURL(blob);
             link.download = `research_${researchId}.md`;
-            
+
             // Trigger download
             document.body.appendChild(link);
             link.click();
             document.body.removeChild(link);
-            
+
         } catch (error) {
             console.error('Error exporting markdown:', error);
             alert(`Error exporting markdown: ${error.message}`);
         }
     }
-    
+
+
     /**
      * Handle PDF export button click
      */
@@ -697,21 +710,21 @@
             if (!researchData) {
                 throw new Error('No research data available');
             }
-            
+
             console.log('PDF export initiated for research ID:', researchId);
-            
+
             // Show loading indicator
             pdfBtn.disabled = true;
             pdfBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Generating PDF...';
-            
+
             // Get metadata from DOM (which should be populated correctly by now)
             const title = document.getElementById('result-query')?.textContent || `Research ${researchId}`;
             console.log('Using title for PDF:', title);
-            
+
             // Check if PDF service is available
             if (window.pdfService && window.pdfService.downloadPdf) {
                 console.log('PDF service available, calling downloadPdf');
-                
+
                 // Add the metadata to the researchData for PDF generation
                 const pdfData = {
                     ...researchData,
@@ -723,7 +736,7 @@
                         mode: document.getElementById('result-mode')?.textContent || 'Standard'
                     }
                 };
-                
+
                 // Use the PDF service to generate and download the PDF
                 window.pdfService.downloadPdf(pdfData, researchId)
                     .then(() => {
@@ -735,7 +748,7 @@
                     .catch(error => {
                         console.error('Error generating PDF:', error);
                         alert(`Error generating PDF: ${error.message || 'Unknown error'}`);
-                        
+
                         // Reset button
                         pdfBtn.disabled = false;
                         pdfBtn.innerHTML = '<i class="fas fa-file-pdf"></i> Download PDF';
@@ -744,11 +757,11 @@
                 console.error('PDF service not available');
                 throw new Error('PDF service not available');
             }
-            
+
         } catch (error) {
             console.error('Error exporting PDF:', error);
             alert(`Error exporting PDF: ${error.message || 'Unknown error'}`);
-            
+
             // Reset button
             if (pdfBtn) {
                 pdfBtn.disabled = false;
@@ -756,11 +769,131 @@
             }
         }
     }
-    
+
+    /**
+     * Initialize star rating functionality
+     */
+    function initializeStarRating() {
+        const starRating = document.getElementById('research-rating');
+        if (!starRating || !researchId) return;
+
+        const stars = starRating.querySelectorAll('.star');
+        let currentRating = 0;
+
+        // Load existing rating
+        loadExistingRating();
+
+        // Add hover effects
+        stars.forEach((star, index) => {
+            star.addEventListener('mouseenter', () => {
+                highlightStars(index + 1);
+            });
+
+            star.addEventListener('click', () => {
+                const rating = index + 1;
+                setRating(rating);
+                saveRating(rating);
+
+                // Visual feedback for saving
+                starRating.style.opacity = '0.7';
+                setTimeout(() => {
+                    starRating.style.opacity = '1';
+                }, 500);
+            });
+        });
+
+        starRating.addEventListener('mouseleave', () => {
+            // Restore the permanent rating when mouse leaves
+            setRating(currentRating);
+        });
+
+        function highlightStars(rating) {
+            stars.forEach((star, index) => {
+                // Clear all classes first
+                star.classList.remove('hover', 'active');
+                // Add hover class for preview
+                if (index < rating) {
+                    star.classList.add('hover');
+                }
+            });
+        }
+
+        function setRating(rating) {
+            currentRating = rating;
+            stars.forEach((star, index) => {
+                // Clear all classes first
+                star.classList.remove('hover', 'active');
+                // Set active state for permanent rating
+                if (index < rating) {
+                    star.classList.add('active');
+                }
+            });
+        }
+
+        async function loadExistingRating() {
+            try {
+                const response = await fetch(`/metrics/api/ratings/${researchId}`);
+                if (response.ok) {
+                    const data = await response.json();
+                    if (data.rating) {
+                        setRating(data.rating);
+                    }
+                }
+            } catch (error) {
+                console.log('No existing rating found');
+            }
+        }
+
+        async function saveRating(rating) {
+            try {
+                console.log('Attempting to save rating:', rating);
+
+                // Get CSRF token from meta tag
+                const csrfToken = document.querySelector('meta[name=csrf-token]')?.getAttribute('content');
+                console.log('CSRF token:', csrfToken ? 'found' : 'missing');
+
+                const headers = {
+                    'Content-Type': 'application/json',
+                };
+
+                // Add CSRF token if available
+                if (csrfToken) {
+                    headers['X-CSRFToken'] = csrfToken;
+                }
+
+                const response = await fetch(`/metrics/api/ratings/${researchId}`, {
+                    method: 'POST',
+                    headers: headers,
+                    body: JSON.stringify({ rating: rating })
+                });
+
+                console.log('Response status:', response.status);
+                const responseText = await response.text();
+                console.log('Response:', responseText);
+
+                if (response.ok) {
+                    console.log('Rating saved successfully');
+                    try {
+                        const responseData = JSON.parse(responseText);
+                        if (responseData.status === 'success') {
+                            console.log('✅ Rating confirmed saved:', responseData.rating);
+                        }
+                    } catch (e) {
+                        console.log('✅ Rating saved (non-JSON response)');
+                    }
+                } else {
+                    console.error('❌ Failed to save rating:', response.status, responseText);
+                }
+            } catch (error) {
+                console.error('❌ Error saving rating:', error);
+            }
+        }
+    }
+
     // Initialize on DOM content loaded
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', initializeResults);
     } else {
         initializeResults();
     }
-})(); 
+})();