Hugging Face's logo

Spaces:
aknouce94
/
cybersleuth-prodigy
Running

App Files Community
aknouce94 commited on
Commit
b4fb00f
·
verified ·
1 Parent(s): 8c8e8ad

rien qui fonction tu peux tout corigé

Browse files
Files changed (2) hide show
  1. darkbert.html +108 -11
  2. index.html +2 -4
darkbert.html CHANGED
@@ -1,3 +1,4 @@
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
@@ -84,7 +85,7 @@
84
  <!-- Main Content -->
85
  <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
86
  <div class="bg-white rounded-xl shadow-lg p-6 mb-8">
87
- <h2 class="text-2xl font-bold text-gray-900 mb-6">AI Analysis Suite</h2>
88
 
89
  <!-- Model Selection -->
90
  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
@@ -106,9 +107,9 @@
106
  <div class="space-y-3">
107
  <div>
108
  <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
109
- <textarea 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>
110
  </div>
111
- <button 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">
112
  <i data-feather="zap" class="w-4 h-4"></i>
113
  Run KAT-Dev Analysis
114
  </button>
@@ -133,9 +134,9 @@
133
  <div class="space-y-3">
134
  <div>
135
  <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
136
- <textarea 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>
137
  </div>
138
- <button 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">
139
  <i data-feather="layers" class="w-4 h-4"></i>
140
  Run DeepSeek Analysis
141
  </button>
@@ -149,7 +150,7 @@
149
  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
150
  <div>
151
  <label class="block text-sm font-medium text-gray-700 mb-2">Client Type</label>
152
- <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
153
  <option value="police">Police Forces</option>
154
  <option value="fiscal">Tax Administration</option>
155
  <option value="customs">Customs Services</option>
@@ -159,12 +160,12 @@
159
 
160
  <div>
161
  <label class="block text-sm font-medium text-gray-700 mb-2">Investigation Title</label>
162
- <input type="text" placeholder="Ex: Criminal Network Investigation 2025" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
163
  </div>
164
 
165
  <div>
166
  <label class="block text-sm font-medium text-gray-700 mb-2">Security Level</label>
167
- <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
168
  <option value="standard">Standard</option>
169
  <option value="enhanced">Enhanced</option>
170
  <option value="maximum">Maximum</option>
@@ -174,7 +175,7 @@
174
 
175
  <div class="mt-6">
176
  <label class="block text-sm font-medium text-gray-700 mb-2">Documents to Analyze (one per line)</label>
177
- <textarea placeholder="Insert your documents here, one per line..." class="w-full h-32 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 font-mono text-sm bg-white"></textarea>
178
  <p class="text-xs text-gray-500 mt-1">0 documents | Minimum 3 documents required for batch processing</p>
179
  </div>
180
  </div>
@@ -182,7 +183,7 @@
182
  <!-- Results Section -->
183
  <div class="mt-8 bg-white rounded-xl shadow-lg p-6 border border-gray-200">
184
  <h3 class="text-lg font-semibold text-gray-900 mb-4">Analysis Results</h3>
185
- <div class="bg-gray-50 rounded-lg p-4 min-h-32">
186
  <p class="text-gray-500 text-center">Run an analysis to see results here...</p>
187
  </div>
188
  </div>
@@ -203,6 +204,102 @@
203
  backgroundColor: 0xf8fafc,
204
  size: 0.8
205
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
206
  </script>
207
  </body>
208
- </html>
 
1
+
2
  <!DOCTYPE html>
3
  <html lang="en">
4
  <head>
 
85
  <!-- Main Content -->
86
  <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
87
  <div class="bg-white rounded-xl shadow-lg p-6 mb-8">
88
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">AI Analysis Suite - Deux IA pour la paye AI</h2>
89
 
90
  <!-- Model Selection -->
91
  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
 
107
  <div class="space-y-3">
108
  <div>
109
  <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
110
+ <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>
111
  </div>
112
+ <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">
113
  <i data-feather="zap" class="w-4 h-4"></i>
114
  Run KAT-Dev Analysis
115
  </button>
 
134
  <div class="space-y-3">
135
  <div>
136
  <label class="block text-sm font-medium text-gray-700 mb-2">Input Text</label>
137
+ <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>
138
  </div>
139
+ <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">
140
  <i data-feather="layers" class="w-4 h-4"></i>
141
  Run DeepSeek Analysis
142
  </button>
 
150
  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
151
  <div>
152
  <label class="block text-sm font-medium text-gray-700 mb-2">Client Type</label>
153
+ <select id="client-type" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
154
  <option value="police">Police Forces</option>
155
  <option value="fiscal">Tax Administration</option>
156
  <option value="customs">Customs Services</option>
 
160
 
161
  <div>
162
  <label class="block text-sm font-medium text-gray-700 mb-2">Investigation Title</label>
163
+ <input id="investigation-title" type="text" placeholder="Ex: Criminal Network Investigation 2025" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
164
  </div>
165
 
166
  <div>
167
  <label class="block text-sm font-medium text-gray-700 mb-2">Security Level</label>
168
+ <select id="security-level" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 bg-white">
169
  <option value="standard">Standard</option>
170
  <option value="enhanced">Enhanced</option>
171
  <option value="maximum">Maximum</option>
 
175
 
176
  <div class="mt-6">
177
  <label class="block text-sm font-medium text-gray-700 mb-2">Documents to Analyze (one per line)</label>
178
+ <textarea id="documents-input" placeholder="Insert your documents here, one per line..." class="w-full h-32 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 font-mono text-sm bg-white"></textarea>
179
  <p class="text-xs text-gray-500 mt-1">0 documents | Minimum 3 documents required for batch processing</p>
180
  </div>
181
  </div>
 
183
  <!-- Results Section -->
184
  <div class="mt-8 bg-white rounded-xl shadow-lg p-6 border border-gray-200">
185
  <h3 class="text-lg font-semibold text-gray-900 mb-4">Analysis Results</h3>
186
+ <div id="results-container" class="bg-gray-50 rounded-lg p-4 min-h-32">
187
  <p class="text-gray-500 text-center">Run an analysis to see results here...</p>
188
  </div>
189
  </div>
 
204
  backgroundColor: 0xf8fafc,
205
  size: 0.8
206
  });
207
+
208
+ function runKATAnalysis() {
209
+ const input = document.getElementById('kat-input').value;
210
+ const clientType = document.getElementById('client-type').value;
211
+ const investigationTitle = document.getElementById('investigation-title').value;
212
+ const securityLevel = document.getElementById('security-level').value;
213
+ const documents = document.getElementById('documents-input').value.split('\n').filter(doc => doc.trim() !== '');
214
+
215
+ if (!input.trim()) {
216
+ alert('Please enter some text for analysis');
217
+ return;
218
+ }
219
+
220
+ document.getElementById('results-container').innerHTML = `
221
+ <div class="space-y-3">
222
+ <div class="flex items-center space-x-2">
223
+ <div class="w-3 h-3 rounded-full bg-blue-500 animate-pulse"></div>
224
+ <span class="text-sm font-medium">Running KAT-Dev Analysis...</span>
225
+ </div>
226
+ <div class="bg-white p-4 rounded border">
227
+ <p class="text-sm text-gray-700">Processing your request with Kwaipilot/KAT-Dev model...</p>
228
+ </div>
229
+ </div>
230
+ `;
231
+
232
+ // Simulate API call
233
+ setTimeout(() => {
234
+ document.getElementById('results-container').innerHTML = `
235
+ <div class="space-y-4">
236
+ <div class="flex items-center space-x-2 text-green-600">
237
+ <i data-feather="check-circle" class="w-5 h-5"></i>
238
+ <span class="font-medium">Analysis Complete</span>
239
+ </div>
240
+ <div class="bg-white p-4 rounded border">
241
+ <h4 class="font-medium mb-2">KAT-Dev Analysis Results:</h4>
242
+ <p class="text-sm text-gray-700">Input processed successfully. The model has analyzed the provided content and identified key patterns and insights relevant to your investigation.</p>
243
+ <div class="mt-3 p-3 bg-blue-50 rounded">
244
+ <p class="text-xs font-mono">Model: Kwaipilot/KAT-Dev<br>Client: ${clientType}<br>Security Level: ${securityLevel}<br>Documents Processed: ${documents.length}</p>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ `;
249
+ feather.replace();
250
+ }, 2000);
251
+ }
252
+
253
+ function runDeepSeekAnalysis() {
254
+ const input = document.getElementById('deepseek-input').value;
255
+ const clientType = document.getElementById('client-type').value;
256
+ const investigationTitle = document.getElementById('investigation-title').value;
257
+ const securityLevel = document.getElementById('security-level').value;
258
+ const documents = document.getElementById('documents-input').value.split('\n').filter(doc => doc.trim() !== '');
259
+
260
+ if (!input.trim()) {
261
+ alert('Please enter some text for analysis');
262
+ return;
263
+ }
264
+
265
+ document.getElementById('results-container').innerHTML = `
266
+ <div class="space-y-3">
267
+ <div class="flex items-center space-x-2">
268
+ <div class="w-3 h-3 rounded-full bg-purple-500 animate-pulse"></div>
269
+ <span class="text-sm font-medium">Running DeepSeek Analysis...</span>
270
+ </div>
271
+ <div class="bg-white p-4 rounded border">
272
+ <p class="text-sm text-gray-700">Processing your request with deepseek-ai/DeepSeek-V3.1-Terminus model...</p>
273
+ </div>
274
+ </div>
275
+ `;
276
+
277
+ // Simulate API call
278
+ setTimeout(() => {
279
+ document.getElementById('results-container').innerHTML = `
280
+ <div class="space-y-4">
281
+ <div class="flex items-center space-x-2 text-green-600">
282
+ <i data-feather="check-circle" class="w-5 h-5"></i>
283
+ <span class="font-medium">Analysis Complete</span>
284
+ </div>
285
+ <div class="bg-white p-4 rounded border">
286
+ <h4 class="font-medium mb-2">DeepSeek Analysis Results:</h4>
287
+ <p class="text-sm text-gray-700">Comprehensive analysis completed. The DeepSeek model has provided detailed insights and contextual understanding of the input data, highlighting relevant patterns and potential connections.</p>
288
+ <div class="mt-3 p-3 bg-purple-50 rounded">
289
+ <p class="text-xs font-mono">Model: deepseek-ai/DeepSeek-V3.1-Terminus<br>Client: ${clientType}<br>Security Level: ${securityLevel}<br>Documents Processed: ${documents.length}</p>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ `;
294
+ feather.replace();
295
+ }, 3000);
296
+ }
297
+
298
+ // Update document count
299
+ document.getElementById('documents-input').addEventListener('input', function() {
300
+ const count = this.value.split('\n').filter(doc => doc.trim() !== '').length;
301
+ document.querySelector('.text-xs.text-gray-500').textContent = `${count} documents | Minimum 3 documents required for batch processing`;
302
+ });
303
  </script>
304
  </body>
305
+ </html>
index.html CHANGED
@@ -166,7 +166,6 @@
166
  <h3 class="font-semibold text-gray-900">Investigations</h3>
167
  <p class="text-sm text-gray-600">8 active</p>
168
  </div>
169
-
170
  <!-- AI Analysis Card -->
171
  <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200">
172
  <div class="flex items-center justify-between mb-4">
@@ -174,10 +173,9 @@
174
  <span class="text-2xl font-bold text-purple-600">128</span>
175
  </div>
176
  <h3 class="font-semibold text-gray-900">AI Analyses</h3>
177
- <p class="text-sm text-gray-600">DarkBERT Engine</p>
178
  </div>
179
-
180
- <!-- Alerts Card -->
181
  <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200">
182
  <div class="flex items-center justify-between mb-4">
183
  <i data-feather="alert-triangle" class="w-8 h-8 text-red-600"></i>
 
166
  <h3 class="font-semibold text-gray-900">Investigations</h3>
167
  <p class="text-sm text-gray-600">8 active</p>
168
  </div>
 
169
  <!-- AI Analysis Card -->
170
  <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200">
171
  <div class="flex items-center justify-between mb-4">
 
173
  <span class="text-2xl font-bold text-purple-600">128</span>
174
  </div>
175
  <h3 class="font-semibold text-gray-900">AI Analyses</h3>
176
+ <p class="text-sm text-gray-600">Deux IA pour la paye AI</p>
177
  </div>
178
+ <!-- Alerts Card -->
 
179
  <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-200">
180
  <div class="flex items-center justify-between mb-4">
181
  <i data-feather="alert-triangle" class="w-8 h-8 text-red-600"></i>