custom links for ollama

Author: thefirehacker

Canvas.html

@@ -2010,11 +2010,25 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🏠 LM Studi
               <h2 style="color: white; margin-bottom: 20px; text-align: center;">🦙 Ollama Connection</h2>
             
             <div style="margin-bottom: 20px;">
-                <button id="connectOllama" class="ai-option-btn">
-                  🔌 Connect to Ollama
+              <label style="color: white; display: block; margin-bottom: 8px; font-weight: 600;">Ollama Server URL:</label>
+              <input 
+                type="text" 
+                id="ollamaUrl" 
+                value="http://localhost:11434"
+                placeholder="http://localhost:11434"
+                style="width: 100%; padding: 12px; border: 1px solid rgba(255,255,255,0.3); 
+                       border-radius: 8px; background: rgba(255,255,255,0.1); color: white; 
+                       font-size: 14px; margin-bottom: 10px;"
+              />
+              <p style="color: rgba(255,255,255,0.7); font-size: 11px; margin-bottom: 15px;">
+                💡 Examples: http://localhost:11434, http://192.168.1.100:11434, https://my-ollama-server.com
+              </p>
+              
+              <button id="connectOllama" class="ai-option-btn">
+                🔌 Connect to Ollama
               </button>
               <p style="color: rgba(255,255,255,0.8); font-size: 12px; margin-top: 5px;">
-                  Connects to Ollama running on localhost:11434
+                  Will connect to the URL specified above
               </p>
             </div>
               
@@ -2254,9 +2268,27 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🤖 Local Qw
         updateStatus('🦙 Connecting to Ollama...');
         document.getElementById('aiStatus').textContent = 'AI: Connecting to Ollama...';
 
+        // Get custom URL from input field, fallback to default
+        let ollamaUrl = 'http://localhost:11434';
+        const urlInput = document.getElementById('ollamaUrl');
+        if (urlInput && urlInput.value.trim()) {
+          ollamaUrl = urlInput.value.trim();
+          // Ensure URL doesn't end with slash
+          if (ollamaUrl.endsWith('/')) {
+            ollamaUrl = ollamaUrl.slice(0, -1);
+          }
+          // Validate URL format
+          try {
+            new URL(ollamaUrl);
+          } catch (e) {
+            throw new Error(`Invalid URL format: ${ollamaUrl}. Please use format like http://localhost:11434`);
+          }
+        }
+        
+        console.log(`🔍 Attempting to connect to Ollama at: ${ollamaUrl}`);
+        
         // Test Ollama connection by fetching models
-        console.log('🔍 Testing Ollama connection...');
-        const testResponse = await fetch('http://localhost:11434/api/tags', {
+        const testResponse = await fetch(`${ollamaUrl}/api/tags`, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json'
@@ -2266,7 +2298,7 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🤖 Local Qw
 
         if (!testResponse.ok) {
           console.error('❌ Ollama connection test failed:', testResponse.status, testResponse.statusText);
-          throw new Error(`Ollama connection failed: ${testResponse.status} ${testResponse.statusText}. Make sure Ollama is running on port 11434.`);
+          throw new Error(`Ollama connection failed: ${testResponse.status} ${testResponse.statusText}. Make sure Ollama is running at ${ollamaUrl}.`);
         }
 
         const modelsData = await testResponse.json();
@@ -2289,7 +2321,7 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🤖 Local Qw
           selectedModel = modelsData.models?.[0]?.name || 'qwen2.5:0.5b';
         }
 
-        aiSession = { type: 'ollama', model: selectedModel, baseURL: 'http://localhost:11434' };
+        aiSession = { type: 'ollama', model: selectedModel, baseURL: ollamaUrl };
         document.getElementById('aiStatus').textContent = `AI: Ollama (${selectedModel}) ✅`;
         document.getElementById('generateBtn').disabled = false;
         document.getElementById('initAIBtn').textContent = `🦙 Ollama Ready`;
@@ -2298,8 +2330,8 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🤖 Local Qw
         updateHeaderAIStatus();
 
         console.log(`🦙 Ollama session initialized successfully with model: ${selectedModel}`);
-        updateStatus(`🦙 Ollama connected successfully!`);
-        addChatMessage('system', `🦙 Ollama connected! Using model: ${selectedModel}. Fully local processing with GGUF models - no API costs.`);
+        updateStatus(`🦙 Ollama connected successfully at ${ollamaUrl}!`);
+        addChatMessage('system', `🦙 Ollama connected at ${ollamaUrl}! Using model: ${selectedModel}. Fully local processing with GGUF models - no API costs.`);
 
         // Track Ollama connection
         if (window.AppConfig) {
@@ -2311,7 +2343,7 @@ <h2 style="color: white; margin-bottom: 20px; text-align: center;">🤖 Local Qw
 
         let errorMessage = `❌ Failed to connect to Ollama: ${error.message}`;
         if (error.message.includes('Failed to fetch')) {
-          errorMessage += `\n\n💡 Make sure Ollama is installed and running: \n1. Install Ollama from https://ollama.ai\n2. Run: ollama serve\n3. Pull a Qwen model: ollama pull qwen2.5:0.5b`;
+          errorMessage += `\n\n💡 Make sure Ollama is installed and running: \n1. Install Ollama from https://ollama.ai\n2. Run: ollama serve\n3. Pull a Qwen model: ollama pull qwen2.5:0.5b\n4. Ensure CORS is enabled with OLLAMA_ORIGINS`;
         }
 
         addChatMessage('system', errorMessage);

DeepResearch.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <!-- Load Common Meta Configuration -->
-  <script src="lib/common-meta.js"></script>
+  <script src="lib/common-meta.js?v=2025010302"></script>
   <script>
     document.write(`
     <!-- Content Security Policy - Fallback for local development and non-Amplify deployments -->
@@ -518,8 +518,17 @@
     }
 
     .ai-status.error {
-      background: rgba(244, 67, 54, 0.2);
-      border-color: rgba(244, 67, 54, 0.5);
+      background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(255, 193, 7, 0.1) 100%);
+      border: 1px solid rgba(255, 152, 0, 0.3);
+      color: rgba(255, 255, 255, 0.95);
+      box-shadow: 0 2px 8px rgba(255, 152, 0, 0.1);
+    }
+    
+    .ai-status.error::before {
+      content: '⚠️';
+      font-size: 18px;
+      margin-right: 8px;
+      vertical-align: middle;
     }
 
     .research-tabs {
@@ -1275,7 +1284,7 @@ <h3>✨ Features:</h3>
   <!-- Scripts -->
   <script src="config.js"></script>
   <script src="lib/useragreement/agreement.js"></script>
-  <script src="lib/AIAssistant/AIAssistant-Backend.js"></script>
+  <script src="lib/AIAssistant/AIAssistant-Backend.js?v=2025010301"></script>
 
   <!-- Vector Store Dependencies (CDN for development) -->
   <!-- Load Transformers.js as ES module with proper handling -->
@@ -1296,8 +1305,9 @@ <h3>✨ Features:</h3>
         // Configure for browser use
         if (transformersModule.env) {
           transformersModule.env.allowRemoteModels = true;
-          transformersModule.env.remoteURL = 'https://huggingface.co/';
           transformersModule.env.allowLocalModels = false;
+          transformersModule.env.remoteURL = 'https://huggingface.co/';
+          transformersModule.env.localURL = null; // Disable local models
         }
 
         console.log('✅ Transformers.js configured and available globally');

Playground.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <!-- Load Common Meta Configuration -->
-  <script src="lib/common-meta.js"></script>
+  <script src="lib/common-meta.js?v=2025010302"></script>
   <script>
     document.write(`
     <!-- Content Security Policy - Fallback for local development and non-Amplify deployments -->
@@ -30,6 +30,15 @@
           window.transformers = await import('https://cdn.jsdelivr.net/npm/@xenova/[email protected]');
           console.log('✅ Transformers.js loaded successfully');
 
+          // Configure Transformers.js environment for browser use
+          if (window.transformers.env) {
+            window.transformers.env.allowRemoteModels = true;
+            window.transformers.env.allowLocalModels = false;
+            window.transformers.env.remoteURL = 'https://huggingface.co/';
+            window.transformers.env.localURL = null; // Disable local models
+            console.log('🔧 Transformers.js configured for remote models only');
+          }
+          
           // Signal that Transformers.js is ready
           window.dispatchEvent(new CustomEvent('transformersLoaded'));
         }
@@ -371,10 +380,18 @@
     }
 
     .status-indicator.error {
-      background: linear-gradient(45deg, #ff416c 0%, #ff4b2b 100%) !important;
-      color: white !important;
-      border: 1px solid rgba(255, 65, 108, 0.3) !important;
-      box-shadow: 0 2px 8px rgba(255, 65, 108, 0.2);
+      background: linear-gradient(135deg, rgba(255, 152, 0, 0.2) 0%, rgba(255, 193, 7, 0.15) 100%) !important;
+      color: rgba(255, 255, 255, 0.95) !important;
+      border: 1px solid rgba(255, 152, 0, 0.4) !important;
+      box-shadow: 0 2px 8px rgba(255, 152, 0, 0.15);
+      position: relative;
+    }
+    
+    .status-indicator.error::before {
+      content: '⚠️';
+      font-size: 16px;
+      margin-right: 6px;
+      vertical-align: middle;
     }
 
     .status-indicator.info {
@@ -803,7 +820,7 @@ <h2>🚀 Welcome to AI Playground</h2>
   <script src="config.js"></script>
 
   <!-- Load Dependencies -->
-  <script src="lib/AIAssistant/AIAssistant-Backend.js"></script>
+  <script src="lib/AIAssistant/AIAssistant-Backend.js?v=2025010301"></script>
   <script src="lib/Pages/DeepResearch/deepresearch.js"></script>
   <script src="lib/Pages/DeepResearch/vector-store.js"></script>