Update static/index.html

static/index.html

@@ -45,7 +45,7 @@
                             <div class="space-y-4">
                                 <div>
                                     <label for="pagesPerRequestInput" class="block text-sm font-medium text-slate-700 mb-2">Pages per API Call</label>
-                                    <input type="number" id="pagesPerRequestInput" value="5" min="1" max="50" class="block w-full rounded-md border-slate-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm p-3">
+                                    <input type="number" id="pagesPerRequestInput" value="200" min="1" max="500" class="block w-full rounded-md border-slate-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm p-3">
                                     <p class="mt-1 text-xs text-slate-500">How many PDF pages to send to Gemini at once.</p>
                                 </div>
                                 <div>
@@ -82,14 +82,17 @@
                         </button>
                     </div>
                                         
-                    <div id="loader" class="hidden flex-col justify-center items-center py-10 bg-slate-50 rounded-lg">
-                        <div class="w-10 h-10 border-4 border-indigo-200 border-l-indigo-600 rounded-full animate-spin"></div>
-                        <p id="loaderText" class="mt-4 text-slate-600 text-center font-medium">Initializing Analysis...</p>
-                        <div class="w-full max-w-sm mt-4 bg-slate-200 rounded-full h-2.5 overflow-hidden">
-                            <div id="progressBar" class="bg-indigo-600 h-2.5 rounded-full transition-all duration-300 ease-out" style="width: 0%"></div>
-                        </div>
-                        <p id="progressPercent" class="mt-2 text-sm font-medium text-indigo-700">0%</p>
-                    </div>
+<div id="loader" class="hidden flex flex-col justify-center items-center py-10 bg-slate-50 rounded-lg w-full min-h-[200px]">
+    <div class="w-10 h-10 border-4 border-indigo-200 border-l-indigo-600 rounded-full animate-spin"></div>
+    
+    <p id="loaderText" class="mt-4 text-slate-600 text-center font-medium">Initializing Analysis...</p>
+    
+    <div class="w-full max-w-sm mt-4 bg-slate-200 rounded-full h-2.5 overflow-hidden mx-auto">
+        <div id="progressBar" class="bg-indigo-600 h-2.5 rounded-full transition-all duration-300 ease-out" style="width: 0%"></div>
+    </div>
+    
+    <p id="progressPercent" class="mt-2 text-sm font-medium text-indigo-700 text-center">0%</p>
+</div>
                                         
                     <div id="resultsWrapper" class="hidden space-y-8 mt-8">
 <div class="grid grid-cols-1 md:grid-cols-4 gap-4">