ug

src/lib/components/Pages/Battle.svelte

@@ -153,18 +153,23 @@
             battleEngine.executeActions(captureAction, enemyAction);
             battleState = battleEngine.getState();
             
+            // Update UI state (HP bars, etc.) after the actions
+            updateUIFromBattleState();
+            
             // Get capture result and new log entries
             const captureResult = battleState.captureResult;
             const logAfter = battleEngine.getLog();
             const newLogEntries = logAfter.slice(logBefore.length);
             
-            // Show log messages with proper timing
+            // Show log messages with proper timing and visual effects
             if (newLogEntries.length > 0) {
               let messageIndex = 0;
               
               const showNextMessage = () => {
                 if (messageIndex < newLogEntries.length) {
                   currentMessage = newLogEntries[messageIndex];
+                  // Trigger visual effects for this message
+                  triggerVisualEffectsFromMessage(newLogEntries[messageIndex]);
                   messageIndex++;
                   setTimeout(showNextMessage, 1500); // 1.5s between messages
                 } else {
@@ -175,6 +180,25 @@
                       battleEnded = true;
                       onBattleEnd(currentEnemyPiclet); // Pass captured Piclet to add to roster
                     }, 1000);
+                  } else if (battleState.winner) {
+                    // Battle ended (player probably fainted from enemy attack)
+                    battleEnded = true;
+                    const defeatedPiclet = battleState.winner === 'player' ? currentEnemyPiclet : currentPlayerPiclet;
+                    
+                    // Show the faint message and trigger animation
+                    currentMessage = `${defeatedPiclet.nickname} fainted!`;
+                    
+                    // Trigger faint animation for the defeated Piclet
+                    if (battleState.winner === 'player') {
+                      enemyFaint = true;
+                    } else {
+                      playerFaint = true;
+                    }
+                    
+                    // Wait for faint message, then process battle results
+                    setTimeout(async () => {
+                      await handleBattleResults(battleState.winner === 'player');
+                    }, 2500); // Wait time for faint message and animation
                   } else {
                     // Capture failed - continue battle
                     setTimeout(() => {