Update static/index.html

static/index.html

@@ -17,12 +17,9 @@
       <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="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-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>
         <option value="x-ai/grok-4">Grok 4</option>
-        <option value="x-ai/grok-4-fast">Grok 4</option>
         <option value="x-ai/grok-3">Grok 3</option>
         <option value="anthropic/claude-3.7-sonnet">Claude Sonnet 3.7</option>
         <option value="anthropic/claude-3.5-sonnet">Claude 3.5 Sonnet</option>
@@ -31,6 +28,22 @@
       </select>
     </div>
 
+    <!-- Structure Config -->
+    <div class="mb-4 grid grid-cols-1 md:grid-cols-3 gap-4">
+      <div>
+        <label for="chapter_count" class="block text-sm font-medium text-gray-700">Chapter Count</label>
+        <input type="number" id="chapter_count" value="10" min="1" max="50" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
+      </div>
+      <div>
+        <label for="word_count" class="block text-sm font-medium text-gray-700">Total Word Count</label>
+        <input type="number" id="word_count" value="90000" min="1000" max="500000" class="mt-1 block w-full p-2 border border-gray-300 rounded-md">
+      </div>
+      <div>
+        <label for="custom_prompt" class="block text-sm font-medium text-gray-700">Custom Prompt (Optional)</label>
+        <textarea id="custom_prompt" class="mt-1 block w-full p-2 border border-gray-300 rounded-md" rows="2" placeholder="e.g., Make the outline more gothic horror themed with vampire elements..."></textarea>
+      </div>
+    </div>
+
     <!-- File Upload or Transcript Input -->
     <div class="mb-4">
       <label for="file" class="block text-sm font-medium text-gray-700">Upload Transcript File (TXT or PDF)</label>
@@ -43,13 +56,13 @@
 
     <!-- Generate Button -->
     <div class="mb-4">
-      <button id="generate_novel" class="w-full bg-purple-600 text-white p-2 rounded-md hover:bg-purple-700">Generate Novel Structure (90k Word Plan)</button>
+      <button id="generate_novel" class="w-full bg-purple-600 text-white p-2 rounded-md hover:bg-purple-700">Generate Novel Structure</button>
     </div>
 
     <!-- Outputs -->
     <div id="outputs" class="space-y-4 hidden">
       <div>
-        <label class="block text-sm font-medium text-gray-700">Outline (10 Chapters for 90k Words)</label>
+        <label class="block text-sm font-medium text-gray-700">Outline</label>
         <textarea id="outline" class="mt-1 block w-full p-2 border border-gray-300 rounded-md" rows="20" readonly placeholder="Streaming generation..."></textarea>
       </div>
       <button id="copy_all" class="mt-2 bg-green-600 text-white p-2 rounded-md hover:bg-green-700">Copy Outline for NovelCrafter</button>
@@ -97,6 +110,9 @@
       const model = document.getElementById("model").value;
       const transcript = transcriptTextarea.value.trim();
       const file = fileInput.files[0];
+      const chapterCount = document.getElementById("chapter_count").value;
+      const wordCount = document.getElementById("word_count").value;
+      const customPrompt = document.getElementById("custom_prompt").value.trim();
       if (!transcript && !file) {
         alert("Please enter a transcript or select a file.");
         return;
@@ -110,6 +126,11 @@
       try {
         const formData = new FormData();
         formData.append('model', model);
+        formData.append('chapter_count', chapterCount);
+        formData.append('word_count', wordCount);
+        if (customPrompt) {
+          formData.append('custom_prompt', customPrompt);
+        }
         if (file) {
           formData.append('file', file);
         } else {
@@ -149,7 +170,7 @@
     document.getElementById("copy_all").addEventListener("click", () => {
       const outline = document.getElementById("outline").value;
       navigator.clipboard.writeText(outline)
-        .then(() => alert("Outline copied to clipboard! Paste into NovelCrafter for full 90k manuscript."))
+        .then(() => alert("Outline copied to clipboard! Paste into NovelCrafter for full manuscript."))
         .catch(err => console.error('Failed to copy: ', err));
     });
   </script>