From 30c652d9a42b6e7f166ac48c57451185ed1fe261 Mon Sep 17 00:00:00 2001
From: EP <ep@Mac.lan>
Date: Wed, 20 Aug 2025 18:03:01 -0700
Subject: [PATCH] Tokenade controls: set max values to depth 8, breadth 10,
 repeats 50 (sliders + logic)

---
 index.html | 4 ++--
 js/app.js  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 347fbbb..e074091 100644
--- a/index.html
+++ b/index.html
@@ -270,12 +270,12 @@
                             </label>
                             <label class="slider-block" title="How many items per level; higher = wider structure">
                                 Breadth per level
-                                <input class="hacker-slider" type="range" v-model.number="tbBreadth" min="1" max="12" />
+                                <input class="hacker-slider" type="range" v-model.number="tbBreadth" min="1" max="10" />
                                 <span class="slider-value">{{ tbBreadth }}</span>
                             </label>
                             <label class="slider-block" title="How many times to repeat the whole block">
                                 Repeats (blocks)
-                                <input class="hacker-slider" type="range" v-model.number="tbRepeats" min="1" max="100" />
+                                <input class="hacker-slider" type="range" v-model.number="tbRepeats" min="1" max="50" />
                                 <span class="slider-value">{{ tbRepeats }}</span>
                             </label>
                             <div class="segmented" title="Invisible separator inserted between units">
diff --git a/js/app.js b/js/app.js
index d40e422..a2c05c2 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1700,8 +1700,8 @@ window.app = new Vue({
         // Token Bomb Generator Logic
         generateTokenBomb() {
             const depth = Math.max(1, Math.min(8, Number(this.tbDepth) || 1));
-            const breadth = Math.max(1, Math.min(12, Number(this.tbBreadth) || 1));
-            const repeats = Math.max(1, Math.min(100, Number(this.tbRepeats) || 1));
+            const breadth = Math.max(1, Math.min(10, Number(this.tbBreadth) || 1));
+            const repeats = Math.max(1, Math.min(50, Number(this.tbRepeats) || 1));
             const sep = this.tbSeparator === 'zwj' ? '\u200D' : this.tbSeparator === 'zwnj' ? '\u200C' : this.tbSeparator === 'zwsp' ? '\u200B' : '';
             const includeVS = !!this.tbIncludeVS;
             const includeNoise = !!this.tbIncludeNoise;
@@ -1830,8 +1830,8 @@ window.app = new Vue({
         // Live estimator for pre-generation length
         estimateTokenadeLength() {
             const depth = Math.max(1, Math.min(8, Number(this.tbDepth) || 1));
-            const breadth = Math.max(1, Math.min(12, Number(this.tbBreadth) || 1));
-            const repeats = Math.max(1, Math.min(100, Number(this.tbRepeats) || 1));
+            const breadth = Math.max(1, Math.min(10, Number(this.tbBreadth) || 1));
+            const repeats = Math.max(1, Math.min(50, Number(this.tbRepeats) || 1));
             const sepLen = this.tbSeparator === 'none' ? 0 : 1;
             const vsPerEmoji = this.tbIncludeVS ? 1 : 0;
             const noiseAvg = this.tbIncludeNoise ? 2 : 0;