catch

src/lib/components/Pages/Battle.svelte

@@ -173,7 +173,7 @@
                     // Capture successful - end battle and add to roster
                     setTimeout(() => {
                       battleEnded = true;
-                      onBattleEnd(true, 'captured'); // Pass special 'captured' result
+                      onBattleEnd(currentEnemyPiclet); // Pass captured Piclet to add to roster
                     }, 1000);
                   } else {
                     // Capture failed - continue battle

src/lib/components/Pages/Encounters.svelte

@@ -321,6 +321,51 @@
     
     return enemyPiclet;
   }
+
+  async function addCapturedPicletToRoster(capturedPiclet: PicletInstance) {
+    try {
+      // Get all roster piclets to find the next available position
+      const allPiclets = await db.picletInstances.toArray();
+      const rosterPiclets = allPiclets.filter(p => 
+        p.rosterPosition !== undefined && 
+        p.rosterPosition !== null && 
+        p.rosterPosition >= 0 && 
+        p.rosterPosition <= 5
+      );
+      
+      // Find next available roster position (0-5)
+      let nextPosition = 0;
+      const occupiedPositions = new Set(rosterPiclets.map(p => p.rosterPosition));
+      while (occupiedPositions.has(nextPosition) && nextPosition <= 5) {
+        nextPosition++;
+      }
+      
+      if (nextPosition > 5) {
+        // Roster is full - for now just add to position 5 (could implement storage system later)
+        console.warn('Roster is full, overriding position 5');
+        nextPosition = 5;
+      }
+      
+      // Update the captured piclet to be in roster
+      await db.picletInstances.update(capturedPiclet.id, {
+        caught: true,
+        caughtAt: new Date(),
+        isInRoster: true,
+        rosterPosition: nextPosition
+      });
+      
+      console.log(`Added captured Piclet ${capturedPiclet.nickname} to roster position ${nextPosition}`);
+      
+      // Get the updated piclet instance and show detail page
+      const updatedPiclet = await db.picletInstances.get(capturedPiclet.id);
+      if (updatedPiclet) {
+        newlyCaughtPiclet = updatedPiclet;
+        showNewlyCaught = true;
+      }
+    } catch (error) {
+      console.error('Error adding captured Piclet to roster:', error);
+    }
+  }
   
   function handleBattleEnd(result: any) {
     showBattle = false;
@@ -333,8 +378,9 @@
       // Defeat or ran away
       console.log('Battle lost or fled');
     } else if (result && result.id) {
-      // Caught a piclet
+      // Caught a piclet - add to roster
       console.log('Piclet caught!', result);
+      addCapturedPicletToRoster(result);
       incrementCounter('picletsCapured');
       addProgressPoints(100);
     }