reduce image size for performance reasons

lib/llm.js

@@ -1,4 +1,4 @@
-var Search = (function() {
+var LLM = (function() {
   var defaultApiUrl = 'https://llama-instruct.reeselink.com/v1';
   var defaultModel = 'instruct';
 

pages/chat.html

@@ -123,6 +123,7 @@
 
 <script src="../lib/search.js"></script>
 <script>Search.init();</script>
+<script src="../lib/marked.min.js"></script>
 
 <script>
 (function(){
@@ -134,6 +135,12 @@
     var apiTokenInput = document.getElementById('apiToken');
     var modelNameInput = document.getElementById('modelName');
 
+  // Parse markdown in initial welcome message
+  var initialBubble = chatMessages.querySelector('.message-bubble p');
+  if(initialBubble) {
+    initialBubble.innerHTML = marked.parseInline(initialBubble.textContent);
+  }
+
     // Restore saved settings
     var savedToken = localStorage.getItem('apiToken');
     if(savedToken) apiTokenInput.value = savedToken;
@@ -158,7 +165,11 @@
 
     var p = document.createElement('p');
     p.className = 'message-content';
-    p.textContent = content;
+    if(role === 'assistant') {
+      p.innerHTML = marked.parse(content);
+    } else {
+      p.textContent = content;
+    }
     bubble.appendChild(p);
 
     msgDiv.appendChild(avatar);
@@ -276,7 +287,7 @@
                 var delta = json.choices && json.choices[0] && json.choices[0].delta;
                 if(delta && delta.content) {
                   streamContent += delta.content;
-                  contentEl.textContent = streamContent;
+                  contentEl.innerHTML = marked.parse(streamContent);
                   chatMessages.scrollTop = chatMessages.scrollHeight;
                 }
               } catch(e) {
@@ -318,7 +329,7 @@
     chatMessages.innerHTML = '';
     var welcomeMsg = document.createElement('div');
     welcomeMsg.className = 'message assistant-message';
-    welcomeMsg.innerHTML = '<div class="message-avatar">AI</div><div class="message-bubble"><p>Hello! Chat cleared. How can I help you?</p></div>';
+    welcomeMsg.innerHTML = '<div class="message-avatar">AI</div><div class="message-bubble"><p>' + marked.parse('Hello! Chat cleared. How can I help you?') + '</p></div>';
     chatMessages.appendChild(welcomeMsg);
   });
 

pages/image-gen.html

@@ -287,7 +287,7 @@
         prompt: prompt,
         model: model,
         n: 1,
-        size: '1024x1024'
+        size: '512x512'
       })
     })
     .then(function(response) {