Trickle spawns + remove dead code (attribute-point spend UI, level-up toast)

Rebuild comboBattler for the 1-2/wave trickle. Remove the now-unused attribute-point
spend flow (openSpend, spendPoint, the spend button) and the old level-up toast —
superseded by the roguelike perk draft.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/comboBattler.js

@@ -6036,9 +6036,7 @@ var STEP = 0.05;
 var SPAWN_TILES = 22;
 var SPAWN_JITTER = 6;
 var DESPAWN_TILES = 52;
-var TARGET_FOES = 8;
-var MAX_FOES = 26;
-var SPAWN_INTERVAL = 0.3;
+var MAX_FOES = 12;
 var DEATH_LINGER = 1.6;
 async function contentHeight(url) {
   try {
@@ -6782,7 +6780,7 @@ function mountComboBattler(pixi, host, opts = {}) {
     }
     let foeN = 0;
     const deadAt = /* @__PURE__ */ new Map();
-    const spawnAcc = { t: SPAWN_INTERVAL };
+    const spawnAcc = { t: 99 };
     let nextEliteAt = 8, nextBossAt = 24;
     runState = { time: 0, kills: 0, diff: 1 };
     const TIER = {
@@ -6842,12 +6840,13 @@ function mountComboBattler(pixi, host, opts = {}) {
         }
       }
       spawnAcc.t += dt;
-      if (spawnAcc.t < SPAWN_INTERVAL) return;
-      spawnAcc.t = 0;
       const diff = runState.diff;
-      const target = Math.min(MAX_FOES, Math.round(TARGET_FOES + diff * 4));
-      const need = target - ea().filter((a) => a.alive).length;
-      for (let i = 0; i < need; i++) {
+      const waveInterval = Math.max(0.8, 3 / diff);
+      if (spawnAcc.t < waveInterval) return;
+      spawnAcc.t = 0;
+      if (ea().filter((a) => a.alive).length >= MAX_FOES) return;
+      const count = 1 + (Math.random() < Math.min(0.7, (diff - 1) / 3) ? 1 : 0);
+      for (let i = 0; i < count; i++) {
         const ang = Math.random() * Math.PI * 2;
         const rr = (SPAWN_TILES + (Math.random() * 2 - 1) * SPAWN_JITTER) * FSTEP;
         const pos = snapField(p.x + Math.cos(ang) * rr, p.y + Math.sin(ang) * rr);

web/progression.js

@@ -76,17 +76,6 @@ export function statBonuses(progression) {
   }
 }
 
-// Spend one attribute point into a stat ('hp' | 'dmg'). Returns a NEW progression object;
-// no-op if no points or an unknown stat.
-export function spendPoint(progression, stat) {
-  const p = { level: 1, xp: 0, kills: 0, attributePoints: 0, ...(progression || {}) }
-  p.spent = { hp: 0, dmg: 0, ...(p.spent || {}) }
-  if ((p.attributePoints || 0) <= 0 || !['hp', 'dmg'].includes(stat)) return p
-  p.attributePoints -= 1
-  p.spent[stat] = (p.spent[stat] || 0) + 1
-  return p
-}
-
 // Append a capped, structured event to a persona's log (newest last). Used for the chat
 // "what's happening to you" context (woid-style perception log) and the level-up feed.
 const MAX_EVENTS = 60

web/tiny.js

@@ -16,7 +16,7 @@ import { mountComboBattler } from '/web/comboBattler.js'
 import { mountPersonaPanel, CLASS_SLUG } from '/web/personaPanel.js'
 import { mountHeroCreator, animateIdleIcon } from '/web/heroCreator.js'
 import { listPersonas, onRosterChange, getPortrait, getPersona, patchPersona, setActiveHeroId } from '/web/personaStore.js'
-import { applyXp, enemyXpValue, levelProgress, xpToNext, appendEvent, statBonuses, spendPoint } from '/web/progression.js'
+import { applyXp, enemyXpValue, levelProgress, xpToNext, appendEvent, statBonuses } from '/web/progression.js'
 import { getSkillIcon, getSkillArt, putSkillArt } from '/web/personaStore.js'
 import { effectSummary, resolveEquipped } from '/web/skillSchema.js'
 import { generatePortrait } from '/web/imagen.js'
@@ -433,16 +433,6 @@ whenEl('battle-stage', async (el) => {
     }
     showNext()
   }
-  // A brief level-up banner over the canvas (mobile-friendly: centered, auto-dismiss).
-  let levelToast = null
-  const showLevelUp = (prog) => {
-    levelToast?.remove()
-    const t = document.createElement('div')
-    t.textContent = `⚔️ ${currentHero?.name || 'Hero'} reached level ${prog.level}!`
-    t.style.cssText = 'position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:9;padding:12px 18px;border-radius:12px;border:1px solid #c9a227;background:rgba(20,24,33,.94);color:#ffe082;font:700 15px var(--tac-font,system-ui);box-shadow:0 6px 24px rgba(0,0,0,.5);pointer-events:none;text-align:center;max-width:86vw'
-    el.append(t); levelToast = t
-    setTimeout(() => { t.style.transition = 'opacity .5s'; t.style.opacity = '0'; setTimeout(() => t.remove(), 520) }, 2200)
-  }
   // Picking a hero opens its detail page (portrait/about/quote + Select); Select confirms → spawnWithFly.
   const onPick = (p) => openHeroDetail(el, p, chars, () => spawnWithFly(p))
   const buildPicker = () => {
@@ -603,28 +593,6 @@ whenEl('battle-stage', async (el) => {
       } catch (e) { status.textContent = 'Forge failed: ' + (e && e.message ? e.message : e); busy = false; go.disabled = false; ta.disabled = false }
     })
   }
-  // Spend attribute points (earned on level-up) into +HP or +Damage. Applies on next spawn.
-  const openSpend = () => {
-    const { sh } = openToolSheet('Spend attribute points')
-    const render = () => {
-      sh.querySelectorAll('.spend-dyn').forEach((n) => n.remove())
-      const pr = getPersona(currentHero.id).progression
-      const sp = pr.spent || { hp: 0, dmg: 0 }
-      const info = document.createElement('div'); info.className = 'spend-dyn'; info.style.cssText = 'color:#9aa4b2;font-size:12px;margin-bottom:10px'
-      info.textContent = `${pr.attributePoints} point${pr.attributePoints !== 1 ? 's' : ''} to spend  ·  current: +${Math.round((sp.hp || 0) * 5)}% HP, +${Math.round((sp.dmg || 0) * 5)}% DMG`
-      sh.append(info)
-      const mk = (label, stat) => {
-        const b = document.createElement('button'); b.className = 'spend-dyn'; b.type = 'button'; b.textContent = label
-        const none = pr.attributePoints <= 0; b.disabled = none
-        b.style.cssText = `width:100%;padding:12px;border-radius:10px;border:1px solid #2a3340;background:#1a2230;color:#e8e8e8;font:600 13px var(--tac-font,system-ui);cursor:${none ? 'default' : 'pointer'};margin-bottom:8px;opacity:${none ? 0.5 : 1}`
-        b.addEventListener('click', () => { const np = spendPoint(getPersona(currentHero.id).progression, stat); patchPersona(currentHero.id, { progression: np }); currentHero = getPersona(currentHero.id); render(); renderSheet() })
-        sh.append(b)
-      }
-      mk('+5% Max HP', 'hp'); mk('+5% Damage', 'dmg')
-      const note = document.createElement('div'); note.className = 'spend-dyn'; note.style.cssText = 'color:#6b7686;font-size:11px;margin-top:4px'; note.textContent = 'Takes full effect on your next spawn.'; sh.append(note)
-    }
-    render()
-  }
   const renderSheet = () => {
     sheet.innerHTML = ''
     const close = document.createElement('button'); close.type = 'button'; close.textContent = '✕'
@@ -649,7 +617,6 @@ whenEl('battle-stage', async (el) => {
       const meta = document.createElement('div'); meta.style.cssText = 'display:flex;justify-content:space-between;font-size:11px;color:#9aa4b2;margin-bottom:10px'
       const kills = document.createElement('span'); kills.textContent = `⚔ ${prog.kills} kills`
       meta.append(kills)
-      if (prog.attributePoints > 0) { const pts = document.createElement('button'); pts.type = 'button'; pts.textContent = `★ ${prog.attributePoints} point${prog.attributePoints > 1 ? 's' : ''} — spend`; pts.style.cssText = 'background:none;border:none;color:#ffe082;font:inherit;cursor:pointer;text-decoration:underline'; pts.addEventListener('click', openSpend); meta.append(pts) }
       sheet.append(meta)
       if (prog.best && prog.best.kills) { const bst = document.createElement('div'); bst.textContent = `🏆 Best run: ${prog.best.kills} foes · threat ${prog.best.threat || 1}×`; bst.style.cssText = 'font-size:11px;color:#c9a227;margin:-4px 0 10px'; sheet.append(bst) }
     }