Clamp goal milestone announcements

src/goals.js

@@ -107,39 +107,41 @@
     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),
-          const text = config.messages?.text || formatGoalMessage(goal);
+      );
-          if (!text) {
+      if (newlyReached.length === 0) return;
-            logGoalEvent("skip-progress-announcement", {
+      const threshold = Math.max(...newlyReached);
-              threshold,
+      newlyReached.forEach((t) => announcedGoalMilestones.add(t));
-              progress: goal.progress,
+      const text = config.messages?.text || formatGoalMessage(goal);
-              reason: "missing text",
+      if (!text) {
-            });
+        logGoalEvent("skip-progress-announcement", {
-            return;
+          threshold,
-          }
+          progress: goal.progress,
-          const colors =
+          reason: "missing text",
-            (Array.isArray(config.messages?.colors) &&
+          suppressed: newlyReached.filter((t) => t !== threshold),
-              config.messages.colors) ||
+        });
-            goal?.colors ||
+        return;
-            null;
-          logGoalEvent("announce-progress", {
-            threshold,
-            progress: goal.progress,
-            colors,
-            text,
-          });
-          ui.showFloatingMessage(
-            { text, colors },
-            {
-              durationMs: config.messages.durationMs,
-              position: config.messages.position,
-            },
-          );
-          break;
-        }
       }
+      const colors =
+        (Array.isArray(config.messages?.colors) && config.messages.colors) ||
+        goal?.colors ||
+        null;
+      logGoalEvent("announce-progress", {
+        threshold,
+        progress: goal.progress,
+        colors,
+        text,
+        suppressed: newlyReached.filter((t) => t !== threshold),
+      });
+      ui.showFloatingMessage(
+        { text, colors },
+        {
+          durationMs: config.messages.durationMs,
+          position: config.messages.position,
+        },
+      );
     };
 
     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);