Update index.html

index.html

@@ -12,7 +12,9 @@ p{color:#93a3b1}
 input{display:block;width:100%;margin:16px 0;padding:14px;background:#18212a;border:2px dashed #2c3844;border-radius:12px;color:#e8eef3}
 img{max-width:100%;border-radius:10px;margin-top:8px}
 #res{background:#18212a;border-radius:12px;padding:16px;margin-top:16px;display:none}
-h2{margin:0 0 6px}
+h2{margin:0 0 6px;font-size:24px}
+h3{margin:16px 0 4px;font-size:15px;color:#93a3b1;font-weight:600}
+#sub{color:#c5d0da;margin:0}
 .bar{height:12px;background:#2c3844;border-radius:6px;overflow:hidden;margin:8px 0}
 .bar div{height:100%;background:#6f93ff;width:0}
 li{color:#f0b04a;margin:4px 0}
@@ -27,10 +29,13 @@ small{color:#93a3b1}
 <img id="p" alt="">
 <div id="res">
   <h2 id="v"></h2>
+  <p id="sub"></p>
+  <h3>Hidden labels</h3>
+  <ul id="m"></ul>
+  <h3>Pixel check</h3>
   <div id="pct"></div>
   <div class="bar"><div id="b"></div></div>
-  <ul id="m"></ul>
-  <small id="raw"></small><br>
+  <small id="raw"></small><br><br>
   <small>A probability, not proof. Detectors can be wrong, especially on new generators and screenshots.</small>
 </div>
 </main>
@@ -53,13 +58,14 @@ function markers(bytes){
   if(/Steps:\s*\d+,\s*Sampler|negative prompt|"class_type"/i.test(t)) out.push('Contains a generation prompt or settings');
   return out;
 }
+function li(text, color){ const e = document.createElement('li'); e.textContent = text; if(color) e.style.color = color; return e; }
 $('f').onchange = async e => {
   const file = e.target.files[0]; if(!file) return;
   const url = URL.createObjectURL(file);
   $('p').src = url;
   $('res').style.display = 'block';
   $('v').textContent = 'Loading model, please wait...';
-  $('pct').textContent = ''; $('b').style.width = '0'; $('m').innerHTML = ''; $('raw').textContent = '';
+  $('sub').textContent = ''; $('pct').textContent = ''; $('b').style.width = '0'; $('m').innerHTML = ''; $('raw').textContent = '';
   try {
     const mk = markers(new Uint8Array(await file.arrayBuffer()));
     await load();
@@ -72,11 +78,23 @@ $('f').onchange = async e => {
     if(z.length === 1){ ai = 1 / (1 + Math.exp(-z[0])); }
     else { const m = Math.max(...z), ex = z.map(v => Math.exp(v - m)), s = ex.reduce((a,b) => a + b, 0); ai = ex[1] / s; }
     $('raw').textContent = 'Raw model score: ' + z.map(v => v.toFixed(2)).join(', ');
-    mk.forEach(t => { const li = document.createElement('li'); li.textContent = t; $('m').appendChild(li); });
-    if(mk.length) $('v').textContent = 'AI markers found';
-    else if(ai >= 0.85) $('v').textContent = 'Likely AI-generated';
-    else if(ai >= 0.5) $('v').textContent = 'Possibly AI';
-    else $('v').textContent = 'Likely a real photo';
+    if(mk.length){ mk.forEach(t => $('m').appendChild(li(t))); }
+    else { $('m').appendChild(li('None found. Screenshots and forwarded images often lose their labels.', '#93a3b1')); }
+    if(mk.length){
+      $('v').textContent = 'AI markers found';
+      $('sub').textContent = ai >= 0.5
+        ? "The file's labels say AI, and the pixel check agrees."
+        : "The file's labels say AI. The pixel check disagreed, which happens with some newer generators such as Gemini, so trust the labels.";
+    } else if(ai >= 0.85){
+      $('v').textContent = 'Likely AI-generated';
+      $('sub').textContent = 'No labels found, but the pixel check says AI.';
+    } else if(ai >= 0.5){
+      $('v').textContent = 'Possibly AI';
+      $('sub').textContent = 'No labels found and the pixel check is unsure.';
+    } else {
+      $('v').textContent = 'No AI signs found';
+      $('sub').textContent = 'No labels found and the pixel check says real. This model can miss newer AI images, especially Gemini images and screenshots, so this is not proof.';
+    }
     $('pct').textContent = 'Chance it is AI: ' + Math.round(ai*100) + '%';
     $('b').style.width = Math.round(ai*100) + '%';
   } catch(err){