Phase 4: Mana Flow effects

src/components/game/stats/ManaStatsSection.tsx

@@ -18,6 +18,11 @@ export interface ManaStatsSectionProps {
   effectiveRegen: number;
   incursionStrength: number;
   manaCascadeBonus: number;
+  manaWaterfallBonus: number;
+  hasManaWaterfall: boolean;
+  hasFlowSurge: boolean;
+  hasManaOverflow: boolean;
+  hasEternalFlow: boolean;
 }
 
 export function ManaStatsSection({
@@ -30,6 +35,11 @@ export function ManaStatsSection({
   effectiveRegen,
   incursionStrength,
   manaCascadeBonus,
+  manaWaterfallBonus,
+  hasManaWaterfall,
+  hasFlowSurge,
+  hasManaOverflow,
+  hasEternalFlow,
 }: ManaStatsSectionProps) {
   return (
     <Card className="bg-gray-900/80 border-gray-700">
@@ -197,6 +207,36 @@ export function ManaStatsSection({
                 <span className="text-cyan-400">+{fmtDec(manaCascadeBonus, 2)}/hr</span>
               </div>
             )}
+            {manaWaterfallBonus > 0 && (
+              <div className="flex justify-between text-sm">
+                <span className="text-cyan-400">Mana Waterfall Bonus:</span>
+                <span className="text-cyan-400">+{fmtDec(manaWaterfallBonus, 2)}/hr</span>
+              </div>
+            )}
+            {hasManaWaterfall && (
+              <div className="flex justify-between text-sm">
+                <span className="text-cyan-400">Mana Waterfall:</span>
+                <span className="text-cyan-400">+0.25 regen per 100 max mana</span>
+              </div>
+            )}
+            {hasFlowSurge && (
+              <div className="flex justify-between text-sm">
+                <span className="text-cyan-400">Flow Surge:</span>
+                <span className="text-cyan-400">Clicks activate +100% regen for 1hr</span>
+              </div>
+            )}
+            {hasManaOverflow && (
+              <div className="flex justify-between text-sm">
+                <span className="text-cyan-400">Mana Overflow:</span>
+                <span className="text-cyan-400">Raw mana can exceed max by 20%</span>
+              </div>
+            )}
+            {hasEternalFlow && (
+              <div className="flex justify-between text-sm">
+                <span className="text-green-400">Eternal Flow:</span>
+                <span className="text-green-400">Regen immune to ALL penalties</span>
+              </div>
+            )}
             {hasSpecial(upgradeEffects, SPECIAL_EFFECTS.MANA_TORRENT) && store.rawMana > maxMana * 0.75 && (
               <div className="flex justify-between text-sm">
                 <span className="text-cyan-400">Mana Torrent:</span>