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

local_deep_research/web/static/js/components/research.js

@@ -50,6 +50,30 @@
     // Track initialization to prevent unwanted saves during initial setup
     let isInitializing = true;
 
+    /**
+     * Select a research mode (both visual and radio button)
+     * @param {HTMLElement} modeElement - The mode option element that was selected
+     */
+    function selectMode(modeElement) {
+        // Update visual appearance
+        modeOptions.forEach(m => {
+            m.classList.remove('active');
+            m.setAttribute('aria-checked', 'false');
+            m.setAttribute('tabindex', '-1');
+        });
+
+        modeElement.classList.add('active');
+        modeElement.setAttribute('aria-checked', 'true');
+        modeElement.setAttribute('tabindex', '0');
+
+        // Update the corresponding radio button
+        const modeValue = modeElement.getAttribute('data-mode');
+        const radioButton = document.getElementById(`mode-${modeValue}`);
+        if (radioButton) {
+            radioButton.checked = true;
+        }
+    }
+
     // Model provider options from README
     const MODEL_PROVIDERS = [
         { value: 'OLLAMA', label: 'Ollama (Local)' },
@@ -119,8 +143,9 @@
         const lastProvider = localStorage.getItem('lastUsedProvider');
         const lastModel = localStorage.getItem('lastUsedModel');
         const lastSearchEngine = localStorage.getItem('lastUsedSearchEngine');
+        const lastStrategy = localStorage.getItem('lastUsedStrategy') || 'source-based';
 
-        console.log('Local storage values:', { provider: lastProvider, model: lastModel, searchEngine: lastSearchEngine });
+        console.log('Local storage values:', { provider: lastProvider, model: lastModel, searchEngine: lastSearchEngine, strategy: lastStrategy });
 
         // Apply local storage values if available
         if (lastProvider && modelProviderSelect) {
@@ -132,11 +157,27 @@
             }
         }
 
+        // Apply saved strategy
+        const strategySelect = document.getElementById('strategy');
+        if (strategySelect && lastStrategy) {
+            console.log('Setting strategy from localStorage:', lastStrategy);
+            strategySelect.value = lastStrategy;
+        }
+
         // Initialize the UI first (immediate operations)
         setupEventListeners();
         populateModelProviders();
         initializeDropdowns();
 
+        // Auto-focus the query input
+        if (queryInput) {
+            queryInput.focus();
+            // Move cursor to end if there's existing text
+            if (queryInput.value) {
+                queryInput.setSelectionRange(queryInput.value.length, queryInput.value.length);
+            }
+        }
+
         // Set initial state of the advanced options panel based on localStorage
         const savedState = localStorage.getItem('advancedOptionsOpen') === 'true';
         if (savedState && advancedPanel) {
@@ -452,14 +493,54 @@
         // Form submission
         form.addEventListener('submit', handleResearchSubmit);
 
-        // Mode selection
+        // Mode selection - updated for accessibility
         modeOptions.forEach(mode => {
             mode.addEventListener('click', function() {
-                modeOptions.forEach(m => m.classList.remove('active'));
-                this.classList.add('active');
+                selectMode(this);
+            });
+
+            mode.addEventListener('keydown', function(event) {
+                if (event.key === 'Enter' || event.key === ' ') {
+                    event.preventDefault();
+                    selectMode(this);
+                } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+                    event.preventDefault();
+                    const previousMode = this.previousElementSibling;
+                    if (previousMode && previousMode.classList.contains('mode-option')) {
+                        selectMode(previousMode);
+                        previousMode.focus();
+                    }
+                } else if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+                    event.preventDefault();
+                    const nextMode = this.nextElementSibling;
+                    if (nextMode && nextMode.classList.contains('mode-option')) {
+                        selectMode(nextMode);
+                        nextMode.focus();
+                    }
+                }
             });
         });
 
+        // Add keyboard shortcuts for textarea
+        if (queryInput) {
+            queryInput.addEventListener('keydown', function(event) {
+                if (event.key === 'Enter') {
+                    if (event.shiftKey) {
+                        // Allow default behavior (new line)
+                        return;
+                    } else if (event.ctrlKey || event.metaKey) {
+                        // Ctrl+Enter or Cmd+Enter = Submit form (common pattern)
+                        event.preventDefault();
+                        handleResearchSubmit(new Event('submit'));
+                    } else {
+                        // Just Enter = Submit form (keeping existing behavior)
+                        event.preventDefault();
+                        handleResearchSubmit(new Event('submit'));
+                    }
+                }
+            });
+        }
+
         // Model provider change
         if (modelProviderSelect) {
             modelProviderSelect.addEventListener('change', function() {
@@ -734,14 +815,14 @@
                     console.log('No OPENAI_ENDPOINT models found, checking for models with "Custom" in label');
                     models = allModels.filter(model => {
                         if (!model || typeof model !== 'object') return false;
-                        
+
                         // Skip provider options
                         if (model.value && !model.id && !model.name) return false;
-                        
+
                         const modelLabel = (model.label || '').toLowerCase();
                         return modelLabel.includes('custom');
                     });
-                    
+
                     console.log(`Found ${models.length} models with "Custom" in label`);
                 }
 
@@ -755,7 +836,7 @@
 
                         const modelProvider = (model.provider || '').toUpperCase();
                         const modelId = (model.id || model.value || '').toLowerCase();
-                        return modelProvider === 'OPENAI' || 
+                        return modelProvider === 'OPENAI' ||
                                modelId.includes('gpt');
                     });
                 }
@@ -1760,9 +1841,9 @@
         startBtn.disabled = true;
         startBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Starting...';
 
-        // Get the selected research mode
-        const selectedMode = document.querySelector('.mode-option.active');
-        const mode = selectedMode ? selectedMode.getAttribute('data-mode') : 'quick';
+        // Get the selected research mode from radio button (more reliable)
+        const selectedModeRadio = document.querySelector('input[name="research_mode"]:checked');
+        const mode = selectedModeRadio ? selectedModeRadio.value : 'quick';
 
         // Get values from form fields
         const query = queryInput.value.trim();
@@ -1781,6 +1862,10 @@
                                     parseInt(questionsPerIterationInput.value, 10) : 3;
         const enableNotifications = notificationToggle ? notificationToggle.checked : true;
 
+        // Get strategy value
+        const strategySelect = document.getElementById('strategy');
+        const strategy = strategySelect ? strategySelect.value : 'source-based';
+
         // Validate the query
         if (!query) {
             // Show error if query is empty
@@ -1801,7 +1886,8 @@
             custom_endpoint: customEndpoint,
             search_engine: searchEngine,
             iterations: iterations,
-            questions_per_iteration: questionsPerIteration
+            questions_per_iteration: questionsPerIteration,
+            strategy: strategy
         };
 
         console.log('Submitting research with data:', formData);
@@ -1829,6 +1915,7 @@
                 localStorage.setItem('lastModel', model);
                 localStorage.setItem('lastSearchEngine', searchEngine);
                 localStorage.setItem('enableNotifications', enableNotifications);
+                localStorage.setItem('lastUsedStrategy', strategy);
 
                 // Redirect to the progress page
                 window.location.href = `/research/progress/${data.research_id}`;