chore: only enable 16 tokens

wasm-demo.js

@@ -140,6 +140,35 @@ $('btnKeygen').onclick = async () => {
     }
 };
 
+// Add token counter functionality
+$('tokenInput').addEventListener('input', () => {
+    const text = $('tokenInput').value.trim();
+    if (text && typeof llama3Tokenizer !== 'undefined') {
+        try {
+            const tokenIds = llama3Tokenizer.encode(text);
+            const tokenCount = tokenIds.length;
+            const TOKEN_LIMIT = 16;
+            
+            if (tokenCount > TOKEN_LIMIT) {
+                $('encStatus').textContent = `⚠️ ${tokenCount}/${TOKEN_LIMIT} tokens - text too long`;
+                $('encStatus').style.color = '#d32f2f';
+            } else if (tokenCount > TOKEN_LIMIT * 0.8) {
+                $('encStatus').textContent = `${tokenCount}/${TOKEN_LIMIT} tokens`;
+                $('encStatus').style.color = '#f57c00';
+            } else {
+                $('encStatus').textContent = `${tokenCount}/${TOKEN_LIMIT} tokens`;
+                $('encStatus').style.color = '';
+            }
+        } catch (e) {
+            // Tokenizer might not be ready yet
+            $('encStatus').textContent = '';
+        }
+    } else {
+        $('encStatus').textContent = '';
+        $('encStatus').style.color = '';
+    }
+});
+
 $('btnEncrypt').onclick = async () => {
     const text = $('tokenInput').value.trim();
     if (!text) {