Update static/index.html

static/index.html

@@ -15,9 +15,10 @@
     <div class="mb-4">
       <label for="model" class="block text-sm font-medium text-gray-700">Select AI Model (Explicit Content)</label>
       <select id="model" class="mt-1 block w-full p-2 border border-gray-300 rounded-md" required>
-       <option value="nousresearch/hermes-3-llama-3.1-70b">Hermes 3 Llama 3.1 70B (Uncensored, Explicit)</option>
+        <option value="nousresearch/hermes-3-llama-3.1-70b">Hermes 3 Llama 3.1 70B (Uncensored, Explicit)</option>
         <option value="deepseek/deepseek-chat-v3-0324:free">DeepSeek Chat (Free)</option>
-        <option value="deepseek/deepseek-chat-v3-0324">DeepSeek Chat (Paid)</option>
+        <option value="deepseek/deepseek-chat-v3-0324">DeepSeek Chat (Paid)</option> 
+         <option value="deepseek/deepseek-chat-v3.1">DeepSeek Chat v3.1(Paid)</option>
         <option value="deepseek/deepseek-r1-0528:free">DeepSeek R1 (Free)</option>
         <option value="deepseek/deepseek-r1-0528">DeepSeek R1 (Paid)</option>
         <option value="tngtech/deepseek-r1t2-chimera:free">DeepSeek TNG (Free)</option>
@@ -71,6 +72,20 @@
     const generateButton = document.getElementById("generate_novel");
     const outputsDiv = document.getElementById("outputs");
 
+    // Helper to safely stringify for textarea
+    function safeStringify(value) {
+      if (value === null || value === undefined) return "";
+      if (typeof value === 'string') return value;
+      if (typeof value === 'object') {
+        try {
+          return JSON.stringify(value, null, 2);
+        } catch (e) {
+          return JSON.stringify(value);
+        }
+      }
+      return String(value);
+    }
+
     // Handle file upload: read and populate textarea
     fileInput.addEventListener("change", (event) => {
       const file = event.target.files[0];
@@ -135,14 +150,14 @@
         if (result.error) {
           document.getElementById("outline").value = `Error: ${result.error}`;
         } else {
-          // Structured fields (only remaining ones)
-          document.getElementById("outline").value = result.outline || "";
-          document.getElementById("locations").value = result.locations || "";
-          document.getElementById("objects").value = result.objects || "";
+          // Structured fields with safe stringify
+          document.getElementById("outline").value = safeStringify(result.outline);
+          document.getElementById("locations").value = safeStringify(result.locations);
+          document.getElementById("objects").value = safeStringify(result.objects);
 
           // Fallback if no structured data
           if (!result.outline && result.raw_response) {
-            document.getElementById("outline").value = result.outline || result.raw_response.substring(0, 2000) + "...";
+            document.getElementById("outline").value = safeStringify(result.raw_response).substring(0, 2000) + "...";
             alert("AI output wasn't strict JSON—showing raw response as fallback in Outline. Check server logs for details.");
           }
         }