ajoute emplacement pour charge les fichier pour analyse

darkbert.html

@@ -107,8 +107,21 @@
                     <div class="space-y-3">
                         <div>
                             <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
-                            <textarea id="kat-input" placeholder="Enter text for analysis..." class="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm"></textarea>
-                        </div>
+                            <textarea id="kat-input" placeholder="Enter text for analysis..." class="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 text-sm mb-2"></textarea>
+                            <div class="mb-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Or upload files</label>
+                                <div class="flex items-center justify-center w-full">
+                                    <label for="kat-files" class="flex flex-col items-center justify-center w-full h-32 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100">
+                                        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+                                            <i data-feather="upload" class="w-8 h-8 text-gray-500 mb-2"></i>
+                                            <p class="text-sm text-gray-500">Click to upload or drag and drop</p>
+                                            <p class="text-xs text-gray-500">PDF, DOCX, TXT (Max 10MB)</p>
+                                        </div>
+                                        <input id="kat-files" type="file" class="hidden" multiple>
+                                    </label>
+                                </div>
+                            </div>
+</div>
                         <button onclick="runKATAnalysis()" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2">
                             <i data-feather="zap" class="w-4 h-4"></i>
                             Run KAT-Dev Analysis
@@ -134,8 +147,21 @@
                     <div class="space-y-3">
                         <div>
                             <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
-                            <textarea id="deepseek-input" placeholder="Enter text for analysis..." class="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 text-sm"></textarea>
-                        </div>
+                            <textarea id="deepseek-input" placeholder="Enter text for analysis..." class="w-full h-24 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 text-sm mb-2"></textarea>
+                            <div class="mb-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Or upload files</label>
+                                <div class="flex items-center justify-center w-full">
+                                    <label for="deepseek-files" class="flex flex-col items-center justify-center w-full h-32 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100">
+                                        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+                                            <i data-feather="upload" class="w-8 h-8 text-gray-500 mb-2"></i>
+                                            <p class="text-sm text-gray-500">Click to upload or drag and drop</p>
+                                            <p class="text-xs text-gray-500">PDF, DOCX, TXT (Max 10MB)</p>
+                                        </div>
+                                        <input id="deepseek-files" type="file" class="hidden" multiple>
+                                    </label>
+                                </div>
+                            </div>
+</div>
                         <button onclick="runDeepSeekAnalysis()" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2">
                             <i data-feather="layers" class="w-4 h-4"></i>
                             Run DeepSeek Analysis
@@ -204,15 +230,19 @@
             backgroundColor: 0xf8fafc,
             size: 0.8
         });
-
         function runKATAnalysis() {
             const input = document.getElementById('kat-input').value;
             const clientType = document.getElementById('client-type').value;
             const investigationTitle = document.getElementById('investigation-title').value;
             const securityLevel = document.getElementById('security-level').value;
             const documents = document.getElementById('documents-input').value.split('\n').filter(doc => doc.trim() !== '');
+            const files = document.getElementById('kat-files').files;
             
-            if (!input.trim()) {
+            if (!input.trim() && files.length === 0) {
+                alert('Please enter some text or upload files for analysis');
+                return;
+            }
+if (!input.trim()) {
                 alert('Please enter some text for analysis');
                 return;
             }
@@ -249,15 +279,19 @@
                 feather.replace();
             }, 2000);
         }
-
         function runDeepSeekAnalysis() {
             const input = document.getElementById('deepseek-input').value;
             const clientType = document.getElementById('client-type').value;
             const investigationTitle = document.getElementById('investigation-title').value;
             const securityLevel = document.getElementById('security-level').value;
             const documents = document.getElementById('documents-input').value.split('\n').filter(doc => doc.trim() !== '');
+            const files = document.getElementById('deepseek-files').files;
             
-            if (!input.trim()) {
+            if (!input.trim() && files.length === 0) {
+                alert('Please enter some text or upload files for analysis');
+                return;
+            }
+if (!input.trim()) {
                 alert('Please enter some text for analysis');
                 return;
             }
@@ -294,12 +328,24 @@
                 feather.replace();
             }, 3000);
         }
-
         // Update document count
         document.getElementById('documents-input').addEventListener('input', function() {
             const count = this.value.split('\n').filter(doc => doc.trim() !== '').length;
             document.querySelector('.text-xs.text-gray-500').textContent = `${count} documents | Minimum 3 documents required for batch processing`;
         });
-    </script>
+
+        // Handle file upload display
+        document.getElementById('kat-files').addEventListener('change', function() {
+            if (this.files.length > 0) {
+                document.getElementById('kat-input').placeholder = `${this.files.length} file(s) selected for analysis`;
+            }
+        });
+
+        document.getElementById('deepseek-files').addEventListener('change', function() {
+            if (this.files.length > 0) {
+                document.getElementById('deepseek-input').placeholder = `${this.files.length} file(s) selected for analysis`;
+            }
+        });
+</script>
 </body>
 </html>