Update hf.js

hf.js

@@ -1250,82 +1250,6 @@ app.get('/', (req, res) => {
           color: var(--text-muted);
         }
 
-        .modal-backdrop {
-          position: fixed;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          background-color: rgba(0, 0, 0, 0.5);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          z-index: 50;
-          backdrop-filter: var(--backdrop-blur);
-          transition: all 0.3s ease;
-        }
-
-        .modal {
-          background-color: var(--bg-card);
-          border-radius: 0.75rem;
-          width: 90%;
-          max-width: 500px;
-          max-height: 90vh;
-          overflow-y: auto;
-          box-shadow: 0 10px 25px var(--shadow-color);
-          animation: fadeInUp 0.3s ease;
-        }
-
-        .modal-header {
-          padding: 1.25rem;
-          border-bottom: 1px solid var(--border-color);
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-        }
-
-        .modal-title {
-          font-size: 1.25rem;
-          font-weight: 600;
-          color: var(--text-primary);
-        }
-
-        .modal-body {
-          padding: 1.25rem;
-        }
-
-        .modal-footer {
-          padding: 1.25rem;
-          border-top: 1px solid var(--border-color);
-          display: flex;
-          justify-content: flex-end;
-          gap: 0.75rem;
-        }
-
-        .modal-close {
-          color: var(--text-muted);
-          cursor: pointer;
-          font-size: 1.25rem;
-        }
-
-        .modal-close:hover {
-          color: var(--text-primary);
-        }
-
-        /* Custom scrollbar for chat */
-        .chat-body::-webkit-scrollbar {
-          width: 6px;
-        }
-
-        .chat-body::-webkit-scrollbar-track {
-          background: transparent;
-        }
-
-        .chat-body::-webkit-scrollbar-thumb {
-          background-color: var(--border-color);
-          border-radius: 3px;
-        }
-
         .markdown-content {
           color: inherit;
           line-height: 1.5;
@@ -1863,15 +1787,6 @@ app.get('/', (req, res) => {
                   </select>
                 </div>
               </div>
-              <div class="settings-row">
-                <div>
-                  <div class="settings-label">Default Parameters</div>
-                  <div class="settings-description">Set default generation parameters.</div>
-                </div>
-                <div class="settings-control">
-                  <a href="#" class="text-primary-light" id="edit-params-btn">Edit Parameters</a>
-                </div>
-              </div>
             </div>
             
             <div class="card mt-6">
@@ -1996,7 +1911,7 @@ app.get('/', (req, res) => {
                 </div>
                 <div>
                   <h4 class="font-semibold">Can I customize the model parameters?</h4>
-                  <p class="text-gray-400">Yes, you can adjust temperature and other parameters in the chat interface or set defaults in the Settings section.</p>
+                  <p class="text-gray-400">Yes, you can adjust temperature in the chat interface.</p>
                 </div>
               </div>
             </div>
@@ -2004,56 +1919,6 @@ app.get('/', (req, res) => {
         </main>
       </div>
       
-      <!-- Parameters Modal (Hidden by default) -->
-      <div id="params-modal" class="modal-backdrop hidden">
-        <div class="modal">
-          <div class="modal-header">
-            <h3 class="modal-title">Default Model Parameters</h3>
-            <div class="modal-close" id="close-params-modal">
-              <i class="fas fa-times"></i>
-            </div>
-          </div>
-          <div class="modal-body">
-            <div class="parameter-row">
-              <div class="parameter-control">
-                <div class="parameter-label">
-                  <span class="parameter-name">Temperature</span>
-                  <span class="parameter-value" id="modal-temp-value">0.7</span>
-                </div>
-                <input type="range" id="modal-temperature" min="0" max="2" step="0.1" value="0.7">
-                <p class="mt-1 text-xs text-gray-400">Controls randomness: Lower is more deterministic, higher is more creative.</p>
-              </div>
-            </div>
-            
-            <div class="parameter-row">
-              <div class="parameter-control">
-                <div class="parameter-label">
-                  <span class="parameter-name">Top P</span>
-                  <span class="parameter-value" id="modal-top-p-value">1.0</span>
-                </div>
-                <input type="range" id="modal-top-p" min="0" max="1" step="0.05" value="1.0">
-                <p class="mt-1 text-xs text-gray-400">Alternative to temperature, controls diversity of responses.</p>
-              </div>
-            </div>
-            
-            <div class="parameter-row">
-              <div class="parameter-control">
-                <div class="parameter-label">
-                  <span class="parameter-name">Max Tokens</span>
-                  <span class="parameter-value" id="modal-max-tokens-value">2048</span>
-                </div>
-                <input type="range" id="modal-max-tokens" min="256" max="8192" step="256" value="2048">
-                <p class="mt-1 text-xs text-gray-400">Maximum length of response.</p>
-              </div>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <button class="btn outline" id="reset-params-btn">Reset to Defaults</button>
-            <button class="btn" id="save-params-btn">Save Changes</button>
-          </div>
-        </div>
-      </div>
-      
       <script>
         // Declare global variables
         let chatHistory = [];
@@ -2074,9 +1939,6 @@ app.get('/', (req, res) => {
         
         // Initialize the dashboard
         document.addEventListener('DOMContentLoaded', function() {
-          // Clear any potential startup modals that might be blocking access
-          forceCloseAllModals();
-          
           // Load saved settings
           loadSettings();
           
@@ -2162,53 +2024,6 @@ app.get('/', (req, res) => {
             toggleDarkMode(this.checked);
           });
           
-          // Set up parameters modal with proper close handlers
-          document.getElementById('edit-params-btn').addEventListener('click', (e) => {
-            e.preventDefault();
-            openModal('params-modal');
-            updateModalValues();
-          });
-          
-          // Enhanced close functionality for the parameters modal
-          setupModalCloseHandlers('params-modal', 'close-params-modal');
-          
-          // Add click event to close modal when clicking outside
-          document.getElementById('params-modal').addEventListener('click', (e) => {
-            if (e.target.id === 'params-modal') {
-              closeModal('params-modal');
-            }
-          });
-          
-          // Add ESC key handler to close modals
-          document.addEventListener('keydown', (e) => {
-            if (e.key === 'Escape') {
-              closeAllModals();
-            }
-          });
-          
-          document.getElementById('modal-temperature').addEventListener('input', (e) => {
-            document.getElementById('modal-temp-value').textContent = e.target.value;
-          });
-          
-          document.getElementById('modal-top-p').addEventListener('input', (e) => {
-            document.getElementById('modal-top-p-value').textContent = e.target.value;
-          });
-          
-          document.getElementById('modal-max-tokens').addEventListener('input', (e) => {
-            document.getElementById('modal-max-tokens-value').textContent = e.target.value;
-          });
-          
-          document.getElementById('reset-params-btn').addEventListener('click', () => {
-            resetParameters();
-            updateModalValues();
-          });
-          
-          document.getElementById('save-params-btn').addEventListener('click', () => {
-            saveParameters();
-            closeModal('params-modal');
-            showToast('Saved', 'Default parameters updated', 'success');
-          });
-          
           // Set up refresh models button
           document.getElementById('refresh-models-btn').addEventListener('click', fetchModels);
           
@@ -2224,76 +2039,8 @@ app.get('/', (req, res) => {
           if (typeof tippy !== 'undefined') {
             tippy('[data-tippy-content]');
           }
-          
-          // Force close any potential initial modals again after 500ms
-          setTimeout(forceCloseAllModals, 500);
         });
         
-        // Force close all modals
-        function forceCloseAllModals() {
-          document.querySelectorAll('.modal-backdrop').forEach(modal => {
-            modal.classList.add('hidden');
-          });
-          console.log('Closed all modals');
-        }
-        
-        // Close all modals
-        function closeAllModals() {
-          document.querySelectorAll('.modal-backdrop').forEach(modal => {
-            closeModal(modal.id);
-          });
-        }
-        
-        // Open modal
-        function openModal(modalId) {
-          const modal = document.getElementById(modalId);
-          if (modal) {
-            modal.classList.remove('hidden');
-          }
-        }
-        
-        // Close modal
-        function closeModal(modalId) {
-          const modal = document.getElementById(modalId);
-          if (modal) {
-            modal.classList.add('hidden');
-          }
-        }
-        
-        // Setup modal close handlers
-        function setupModalCloseHandlers(modalId, closeButtonId) {
-          // Close button
-          const closeButton = document.getElementById(closeButtonId);
-          if (closeButton) {
-            closeButton.addEventListener('click', () => {
-              closeModal(modalId);
-            });
-            
-            // Add direct extra handlers
-            closeButton.onclick = function() {
-              closeModal(modalId);
-            };
-          }
-          
-          // Add clickable backdrop closing
-          const modal = document.getElementById(modalId);
-          if (modal) {
-            modal.addEventListener('click', (e) => {
-              if (e.target === modal) {
-                closeModal(modalId);
-              }
-            });
-          }
-          
-          // Save button acts as close too
-          const saveButton = document.querySelector('#' + modalId + ' #save-params-btn');
-          if (saveButton) {
-            saveButton.addEventListener('click', () => {
-              closeModal(modalId);
-            });
-          }
-        }
-        
         // Toggle dark mode
         function toggleDarkMode(forceDark) {
           if (typeof forceDark === 'boolean') {
@@ -2345,41 +2092,6 @@ app.get('/', (req, res) => {
           }
         }
         
-        // Update modal values
-        function updateModalValues() {
-          document.getElementById('modal-temperature').value = modelParams.temperature;
-          document.getElementById('modal-temp-value').textContent = modelParams.temperature;
-          
-          document.getElementById('modal-top-p').value = modelParams.top_p;
-          document.getElementById('modal-top-p-value').textContent = modelParams.top_p;
-          
-          document.getElementById('modal-max-tokens').value = modelParams.max_tokens;
-          document.getElementById('modal-max-tokens-value').textContent = modelParams.max_tokens;
-        }
-        
-        // Reset parameters to defaults
-        function resetParameters() {
-          modelParams = {
-            temperature: 0.7,
-            top_p: 1.0,
-            max_tokens: 2048
-          };
-        }
-        
-        // Save parameters
-        function saveParameters() {
-          modelParams.temperature = parseFloat(document.getElementById('modal-temperature').value);
-          modelParams.top_p = parseFloat(document.getElementById('modal-top-p').value);
-          modelParams.max_tokens = parseInt(document.getElementById('modal-max-tokens').value);
-          
-          // Save to localStorage
-          localStorage.setItem('model-params', JSON.stringify(modelParams));
-          
-          // Update UI
-          document.getElementById('temp-value').textContent = modelParams.temperature;
-          document.getElementById('temperature').value = modelParams.temperature;
-        }
-        
         // Initialize chat functionality
         function initChat() {
           const messageInput = document.getElementById('message-input');
@@ -3288,9 +3000,6 @@ app.get('/', (req, res) => {
           // Show toast
           showToast('Exported', 'Conversation exported successfully', 'success');
         }
-        
-        // Immediately close any modals on load
-        setTimeout(forceCloseAllModals, 100);
       </script>
     </body>
     </html>