Clamp goal milestone announcements

src/goals.js

@@ -107,21 +107,25 @@
     const maybeAnnounceGoalProgress = (goal) => {
       if (!goal || !Number.isFinite(goal.progress)) return;
       const fraction = Math.max(0, Math.min(1, goal.progress / 100));
-      for (const threshold of goalMilestoneThresholds) {
+      const newlyReached = goalMilestoneThresholds.filter(
-        if (fraction >= threshold && !announcedGoalMilestones.has(threshold)) {
+        (threshold) =>
-          announcedGoalMilestones.add(threshold);
+          fraction >= threshold && !announcedGoalMilestones.has(threshold),
+      );
+      if (newlyReached.length === 0) return;
+      const threshold = Math.max(...newlyReached);
+      newlyReached.forEach((t) => announcedGoalMilestones.add(t));
       const text = config.messages?.text || formatGoalMessage(goal);
       if (!text) {
         logGoalEvent("skip-progress-announcement", {
           threshold,
           progress: goal.progress,
           reason: "missing text",
+          suppressed: newlyReached.filter((t) => t !== threshold),
         });
         return;
       }
       const colors =
-            (Array.isArray(config.messages?.colors) &&
+        (Array.isArray(config.messages?.colors) && config.messages.colors) ||
-              config.messages.colors) ||
         goal?.colors ||
         null;
       logGoalEvent("announce-progress", {
@@ -129,6 +133,7 @@
         progress: goal.progress,
         colors,
         text,
+        suppressed: newlyReached.filter((t) => t !== threshold),
       });
       ui.showFloatingMessage(
         { text, colors },
@@ -137,9 +142,6 @@
           position: config.messages.position,
         },
       );
-          break;
-        }
-      }
     };
 
     const showGoalIntro = () => {

src/main.js

@@ -281,6 +281,7 @@
       state.lastTimerDisplay = null;
     }
     resetChainVisuals();
+    ui.clearMessages();
     state.balls.forEach((ball) => {
       spawnSystem.cleanupBall(ball);
       World.remove(world, ball);