Update R

app.js

@@ -196,7 +196,7 @@ window.onload = function()
         min=group.max;
     }
 
-    selector.value = "Falcon 7B";
+    selector.value = "Llama 3.1 8B";
 
     renderThetas();
 
@@ -218,6 +218,20 @@ function setStatus(kind,html)
 
 }
 
+// n_kv / n_q reduced to lowest terms, e.g. 8/32 -> "1/4"
+function ratioFraction(nkv,nq)
+{
+
+    let gcd=(a,b)=>b ? gcd(b,a%b) : a;
+
+    let g=gcd(nkv,nq) || 1;
+
+    let num=nkv/g, den=nq/g;
+
+    return den===1 ? String(num) : `${num}/${den}`;
+
+}
+
 function attentionLabel(nq,nkv)
 {
 
@@ -236,7 +250,7 @@ function updateSummary(d,L,nq,nkv)
     document.getElementById("archSummary").innerHTML =
     `
     <span class="chip">${attentionLabel(nq,nkv)}</span>
-    <span class="chip">R = ${+(nkv/nq).toFixed(3)}</span>
+    <span class="chip">R = ${ratioFraction(nkv,nq)}</span>
     `;
 
 }

index.html

@@ -596,17 +596,17 @@ the dashed line marks the selected τ<sub>in</sub>.
 
     <div class="field">
         <label for="L">Layers <i>L</i></label>
-        <input id="L" type="number" min="1" value="36">
+        <input id="L" type="number" min="1" value="32">
     </div>
 
     <div class="field">
         <label for="nq">Query heads <i>n</i><sub>q</sub></label>
-        <input id="nq" type="number" min="1" value="64">
+        <input id="nq" type="number" min="1" value="32">
     </div>
 
     <div class="field">
         <label for="nkv">KV heads <i>n</i><sub>kv</sub></label>
-        <input id="nkv" type="number" min="1" value="64">
+        <input id="nkv" type="number" min="1" value="8">
     </div>
 
 </div>