fixed ui

templates/index.html

@@ -656,11 +656,11 @@
                     <div class="upload-zone" id="upload-zone">
                         <div class="upload-placeholder" id="upload-placeholder">
                             <div class="upload-icon">📤</div>
-                            <p class="upload-text">Bild oder PDF</p>
+                            <p class="upload-text">Bild hochladen</p>
                             <p class="upload-hint">Drag & Drop</p>
                         </div>
                         <img id="preview-image" class="preview-image" style="display: none;">
-                        <input type="file" id="file-input" accept="image/*,.pdf,application/pdf">
+                        <input type="file" id="file-input" accept="image/*">
                     </div>
                     <div class="image-actions" id="image-actions" style="display: none;">
                         <button class="btn btn-secondary btn-small" id="remove-image">✕</button>
@@ -835,19 +835,27 @@ Falls ein Feld nicht erkennbar ist, setze den Wert auf null.</textarea>
         async function _checkOllamaStatus() {
             ollamaStatusDiv.style.display = 'block';
             ollamaStatusDiv.className = 'ollama-status loading';
-            ollamaStatusDiv.textContent = 'Verbinde mit Ollama...';
+            ollamaStatusDiv.textContent = 'Prüfe Ollama-Verbindung...';
 
             try {
-                const response = await fetch(`/api/ollama/status?url=${encodeURIComponent(ollamaUrl.value)}`);
+                // Direkt Ollama API abfragen (ohne Auth)
-                const result = await response.json();
+                const response = await fetch(`${ollamaUrl.value}/api/tags`, {
+                    method: 'GET',
+                    headers: { 'Accept': 'application/json' }
+                });
+                
+                if (!response.ok) {
+                    throw new Error(`Ollama antwortet mit Status ${response.status}`);
+                }
+                
+                const result = await response.json();
+                const availableModels = (result.models || []).map(m => m.name);
                 
-                if (result.connected) {
                 ollamaStatusDiv.className = 'ollama-status success';
                 
                 // PowerOn Modelle in Dropdown laden (nur wenn Backend-Modell verfügbar)
                 modelName.innerHTML = '';
                 
-                    const availableModels = result.models || [];
                 const availablePowerOnModels = POWERON_MODELS.filter(pm => 
                     availableModels.some(m => m.startsWith(pm.ollamaModel.split(':')[0]))
                 );
@@ -872,14 +880,10 @@ Falls ein Feld nicht erkennbar ist, setze den Wert auf null.</textarea>
                 
                 // Button-Status nach Modell-Laden aktualisieren
                 _updateAnalyzeButtonState();
-                } else {
-                    ollamaStatusDiv.className = 'ollama-status error';
-                    ollamaStatusDiv.textContent = `✗ ${result.error}`;
-                    modelName.innerHTML = '<option value="">-- Ollama nicht verbunden --</option>';
-                }
             } catch (error) {
                 ollamaStatusDiv.className = 'ollama-status error';
-                ollamaStatusDiv.textContent = `✗ Fehler: ${error.message}`;
+                ollamaStatusDiv.textContent = `✗ Keine Verbindung zu Ollama: ${error.message}`;
+                modelName.innerHTML = '<option value="">-- Ollama nicht verbunden --</option>';
             }
         }
 
@@ -1100,9 +1104,15 @@ Falls ein Feld nicht erkennbar ist, setze den Wert auf null.</textarea>
             promptInput.value = DEFAULT_PROMPT;
         });
 
-        // Analysis - using Python backend with CORS
+        // Analysis - direct Ollama API call
         analyzeBtn.addEventListener('click', _analyzeDocument);
 
+        // Map PowerOn model names to Ollama model names
+        function _getOllamaModelName(powerOnName) {
+            const model = POWERON_MODELS.find(m => m.name === powerOnName);
+            return model ? model.ollamaModel : powerOnName;
+        }
+
         async function _analyzeDocument() {
             const isVision = _isVisionModel(modelName.value);
             
@@ -1129,37 +1139,65 @@ Falls ein Feld nicht erkennbar ist, setze den Wert auf null.</textarea>
             _hideError();
 
             try {
-                // Request-Body erstellen
+                // Get Ollama model name from PowerOn name
+                const ollamaModelName = _getOllamaModelName(modelName.value);
+                
+                // Model-specific context lengths
+                const modelContextLengths = {
+                    'deepseek-ocr': 8192,
+                    'qwen2.5vl:7b': 32768,
+                    'granite3.2-vision': 16000
+                };
+                const numCtx = modelContextLengths[ollamaModelName] || 8192;
+                
+                // Request-Body für Ollama erstellen
                 const requestBody = {
+                    model: ollamaModelName,
                     prompt: promptInput.value,
-                    ollamaUrl: ollamaUrl.value,
+                    stream: false,
-                    modelName: modelName.value
+                    options: {
+                        num_ctx: numCtx
+                    }
                 };
                 
                 // Bild nur hinzufügen wenn vorhanden
                 if (currentImageBase64) {
-                    requestBody.imageBase64 = currentImageBase64;
+                    requestBody.images = [currentImageBase64];
                 }
                 
-                // Call Python backend API (has CORS enabled)
+                // Call Ollama API directly
-                const response = await fetch('/api/analyze', {
+                const response = await fetch(`${ollamaUrl.value}/api/generate`, {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
                     body: JSON.stringify(requestBody)
                 });
 
-                const result = await response.json();
-
                 if (!response.ok) {
-                    throw new Error(result.error || `HTTP ${response.status}`);
+                    const errorText = await response.text();
+                    throw new Error(`Ollama Fehler: ${response.status} - ${errorText.substring(0, 200)}`);
                 }
 
-                if (!result.success) {
+                const result = await response.json();
-                    throw new Error(result.error || 'Unbekannter Fehler');
+                const responseText = result.response || '';
+                
+                // Try to extract JSON from response
+                let extractedData = null;
+                const jsonMatch = responseText.match(/\{[\s\S]*\}/);
+                
+                if (jsonMatch) {
+                    try {
+                        extractedData = JSON.parse(jsonMatch[0]);
+                    } catch (e) {
+                        extractedData = null;
+                    }
                 }
                 
-                extractedData = result.data;
+                // Wrap plain text response in JSON object
-                _displayResults(extractedData, result.rawResponse);
+                if (extractedData === null) {
+                    extractedData = { response: responseText.trim() };
+                }
+
+                _displayResults(extractedData, responseText);
                 _setStatus('success', 'Erfolgreich extrahiert');
 
             } catch (error) {