Major Update:

Addressing Fixes and new Features:

Fixes:
#66
#61
#58
#55
#53
#45
#59
#52
#49
#31
#37
#52

Added:
- Big New Feature: Playground
	- Try your prompts on your documents and see how they perform. In Playground no data will be updated in Paperless.
- Added Code and Markdown interpretation in Chat Mode.
- Chat Mode now works with Ollama

Author: clusterzx

.dockerignore

@@ -15,4 +15,7 @@ preview.png
 .env.bak
 data bak/
 .env*
-docker-compose-dev.yml
+docker-compose-dev.yml
+public/images/
+delete_all.js
+documents.json

.gitignore

@@ -10,4 +10,7 @@ data bak/
 data_bak/
 data_*/
 .env*
-docker-compose-dev.yml
+docker-compose-dev.yml
+public/images/
+delete_all.js
+documents.json

config/config.js

@@ -11,7 +11,8 @@ console.log('Loaded environment variables:', {
 });
 
 module.exports = {
-  PAPERLESS_AI_VERSION: '1.4.6',
+  PAPERLESS_AI_VERSION: '2.0.0',
+  CONFIGURED: false,
   paperless: {
     apiUrl: process.env.PAPERLESS_API_URL,
     apiToken: process.env.PAPERLESS_API_TOKEN

models/document.js

@@ -65,7 +65,7 @@ module.exports = {
       // Bei UNIQUE constraint failure wird der existierende Eintrag aktualisiert
       const result = insertDocument.run(documentId, title, documentId);
       if (result.changes > 0) {
-        console.log(`Document ${documentId} ${result.lastInsertRowid ? 'added to' : 'updated in'} processed_documents`);
+        console.log(`Document ${title} ${result.lastInsertRowid ? 'added to' : 'updated in'} processed_documents`);
         return true;
       }
       return false;

package.json

@@ -13,6 +13,9 @@
     "artificial",
     "intelligence"
   ],
+  "nodemonConfig": {
+    "ignore": ["test/*", "docs/*", "node_modules/*", ".git/*", "*.log", "public/*", "views/*", "document.json" ]
+  },
   "author": "Clusterzx",
   "license": "MIT",
   "dependencies": {

public/css/chat.css

@@ -14,6 +14,7 @@
     --chat-user-text: #ffffff;
     --chat-assistant-text: #0f172a;
     --shadow-color: rgba(0, 0, 0, 0.1);
+    --code-bg: #f8f9fa;
 }
 
 :root[data-theme="dark"] {
@@ -31,8 +32,10 @@
     --chat-user-text: #ffffff;
     --chat-assistant-text: #f8fafc;
     --shadow-color: rgba(0, 0, 0, 0.3);
+    --code-bg: #2d2d2d;
 }
 
+
 /* Base Styles */
 * {
     margin: 0;
@@ -294,6 +297,97 @@ body {
     }
 }
 
+.message.assistant pre {
+    background: var(--code-bg);
+    padding: 1rem;
+    border-radius: 0.5rem;
+    overflow-x: auto;
+    margin: 0.5rem 0;
+}
+
+.message.assistant code {
+    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
+    font-size: 0.9em;
+}
+
+.message.assistant p {
+    margin: 0.5rem 0;
+}
+
+.message.assistant ul, 
+.message.assistant ol {
+    margin: 0.5rem 0;
+    padding-left: 1.5rem;
+}
+
+.message.assistant blockquote {
+    border-left: 3px solid var(--accent-primary);
+    margin: 0.5rem 0;
+    padding-left: 1rem;
+    color: var(--text-secondary);
+}
+
+.message.assistant table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 0.5rem 0;
+}
+
+.message.assistant th,
+.message.assistant td {
+    border: 1px solid var(--border-color);
+    padding: 0.5rem;
+}
+
+.message.assistant img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 0.5rem;
+    margin: 0.5rem 0;
+}
+
+.message.assistant table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 1rem 0;
+    font-size: 0.9em;
+}
+
+.message.assistant th,
+.message.assistant td {
+    border: 1px solid var(--border-color);
+    padding: 0.5rem;
+    text-align: left;
+}
+
+.message.assistant th {
+    background-color: var(--bg-secondary);
+    font-weight: 600;
+}
+
+.message.assistant tr:nth-child(even) {
+    background-color: var(--bg-secondary);
+}
+
+.message.assistant tr:hover {
+    background-color: var(--hover-bg);
+}
+
+/* Verbesserte Darstellung für Mobile */
+@media (max-width: 768px) {
+    .message.assistant table {
+        display: block;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+}
+
+/* Dark mode specific code highlighting */
+[data-theme="dark"] .hljs {
+    background: var(--code-bg);
+    color: var(--text-primary);
+}
+
 /* Dark Mode Input Fixes */
 [data-theme="dark"] select,
 [data-theme="dark"] input,

public/js/chat.js

@@ -1,5 +1,17 @@
 let currentDocumentId = null;
 
+// Initialize marked with options for code highlighting
+marked.setOptions({
+    highlight: function(code, lang) {
+        if (lang && hljs.getLanguage(lang)) {
+            return hljs.highlight(code, { language: lang }).value;
+        }
+        return hljs.highlightAuto(code).value;
+    },
+    breaks: true,
+    gfm: true
+});
+
 // Load saved theme on page load
 document.addEventListener('DOMContentLoaded', () => {
     const savedTheme = localStorage.getItem('theme') || 'light';
@@ -49,7 +61,10 @@ async function sendMessage(message) {
         });
 
         if (!response.ok) throw new Error('Failed to send message');
-        return await response.json();
+        const data = await response.json();
+        
+        // Return the actual response text from the JSON
+        return data.reply || data.message || 'No response received';
     } catch (error) {
         console.error('Error sending message:', error);
         throw error;
@@ -65,7 +80,30 @@ function addMessage(message, isUser = true) {
 
     const messageDiv = document.createElement('div');
     messageDiv.className = `message ${isUser ? 'user' : 'assistant'}`;
-    messageDiv.innerHTML = `<p>${message}</p>`;
+    
+    if (isUser) {
+        // User messages are displayed as plain text
+        messageDiv.innerHTML = `<p>${escapeHtml(message)}</p>`;
+    } else {
+        // For assistant messages, try to extract content from JSON if it's a string
+        let messageContent = message;
+        try {
+            if (typeof message === 'string' && message.trim().startsWith('{')) {
+                const jsonResponse = JSON.parse(message);
+                messageContent = jsonResponse.reply || jsonResponse.message || message;
+            }
+        } catch (e) {
+            console.log('Message is not JSON, using as is');
+        }
+        
+        // Parse the message content as Markdown
+        messageDiv.innerHTML = marked.parse(messageContent);
+        
+        // Apply syntax highlighting to code blocks
+        messageDiv.querySelectorAll('pre code').forEach((block) => {
+            hljs.highlightBlock(block);
+        });
+    }
 
     containerDiv.appendChild(messageDiv);
     const chatHistory = document.getElementById('chatHistory');
@@ -81,12 +119,24 @@ function showError(message) {
     errorDiv.className = 'message-container assistant';
     errorDiv.innerHTML = `
         <div class="message assistant error">
-            <p>Error: ${message}</p>
+            <p>Error: ${escapeHtml(message)}</p>
         </div>
     `;
     document.getElementById('chatHistory').appendChild(errorDiv);
 }
 
+/**
+ * Escape HTML to prevent XSS
+ */
+function escapeHtml(unsafe) {
+    return unsafe
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+
 /**
  * Theme handling functions
  */
@@ -150,17 +200,19 @@ document.getElementById('messageForm').addEventListener('submit', async function
     if (!message) return;
 
     try {
-        // Show user message
+        // Show user message immediately
         addMessage(message, true);
+        
+        // Clear input and reset height
         messageInput.value = '';
         messageInput.style.height = 'auto';
 
         // Send message and get response
         const response = await sendMessage(message);
 
         // Show assistant response
-        if (response.reply) {
-            addMessage(response.reply, false);
+        if (response) {
+            addMessage(response, false);
         }
     } catch (error) {
         showError('Failed to send message');