LOG

src/lib/components/Pages/Encounters.svelte

@@ -359,34 +359,41 @@
       // Get the updated piclet instance and show detail page
       const updatedPiclet = await db.picletInstances.get(capturedPiclet.id);
       if (updatedPiclet) {
+        console.log('Setting newlyCaughtPiclet and showing detail page:', updatedPiclet.nickname);
         newlyCaughtPiclet = updatedPiclet;
         showNewlyCaught = true;
+        console.log('showNewlyCaught is now:', showNewlyCaught);
+      } else {
+        console.error('Could not retrieve updated piclet from database');
       }
     } catch (error) {
       console.error('Error adding captured Piclet to roster:', error);
     }
   }
   
-  function handleBattleEnd(result: any) {
+  async function handleBattleEnd(result: any) {
     showBattle = false;
     uiStore.exitBattle();
     
     if (result === true) {
       // Victory
       console.log('Battle won!');
+      // Force refresh encounters after battle
+      forceEncounterRefresh();
     } else if (result === false) {
       // Defeat or ran away
       console.log('Battle lost or fled');
+      // Force refresh encounters after battle
+      forceEncounterRefresh();
     } else if (result && result.id) {
       // Caught a piclet - add to roster
       console.log('Piclet caught!', result);
-      addCapturedPicletToRoster(result);
+      await addCapturedPicletToRoster(result);
       incrementCounter('picletsCapured');
       addProgressPoints(100);
+      // Don't refresh encounters immediately - let user view the caught piclet first
+      // Refresh will happen when they close the detail dialog
     }
-    
-    // Force refresh encounters after battle
-    forceEncounterRefresh();
   }
 </script>
 
@@ -462,6 +469,8 @@
     onClose={() => {
       showNewlyCaught = false;
       newlyCaughtPiclet = null;
+      // Refresh encounters after user closes the detail dialog
+      forceEncounterRefresh();
     }}
   />
 {/if}