fix db issue

src/lib/components/Pages/Encounters.svelte

@@ -346,39 +346,50 @@
         nextPosition = 5;
       }
       
-      console.log('About to update captured Piclet in database:', {
+      console.log('About to create captured Piclet in database:', {
         id: capturedPiclet.id,
         nickname: capturedPiclet.nickname,
-        currentCaught: capturedPiclet.caught,
-        currentInRoster: capturedPiclet.isInRoster
+        typeId: capturedPiclet.typeId,
+        level: capturedPiclet.level
       });
       
-      // Update the captured piclet to be in roster
-      const updateResult = await db.picletInstances.update(capturedPiclet.id, {
+      // Create a new database record for the captured Piclet (enemy has temporary ID -1)
+      const newPicletData = {
+        ...capturedPiclet,
+        // Remove the temporary ID so database auto-generates a real one
+        id: undefined as any,
         caught: true,
         caughtAt: new Date(),
         isInRoster: true,
-        rosterPosition: nextPosition
-      });
+        rosterPosition: nextPosition,
+        // Ensure level is valid (battle enemies might have invalid levels)
+        level: Math.max(1, Math.min(100, capturedPiclet.level || 5))
+      };
       
-      console.log('Database update result:', updateResult);
-      console.log(`Added captured Piclet ${capturedPiclet.nickname} to roster position ${nextPosition}`);
+      // Add the captured piclet to the database
+      const newPicletId = await db.picletInstances.add(newPicletData);
+      console.log('Created new database record with ID:', newPicletId);
       
-      // Get the updated piclet instance and show detail page
-      console.log('Attempting to retrieve updated piclet with ID:', capturedPiclet.id);
-      const updatedPiclet = await db.picletInstances.get(capturedPiclet.id);
-      console.log('Retrieved piclet from database:', updatedPiclet);
+      // Get the newly created piclet instance and show detail page
+      const createdPiclet = await db.picletInstances.get(newPicletId);
+      console.log('Retrieved newly created piclet from database:', createdPiclet);
       
-      if (updatedPiclet) {
-        console.log('Setting newlyCaughtPiclet and showing detail page:', updatedPiclet.nickname);
-        newlyCaughtPiclet = updatedPiclet;
+      if (createdPiclet) {
+        console.log('Setting newlyCaughtPiclet and showing detail page:', createdPiclet.nickname);
+        newlyCaughtPiclet = createdPiclet;
         showNewlyCaught = true;
         console.log('showNewlyCaught is now:', showNewlyCaught);
+        console.log(`Added captured Piclet ${createdPiclet.nickname} to roster position ${nextPosition}`);
       } else {
-        console.error('Could not retrieve updated piclet from database - ID:', capturedPiclet.id);
-        // Let's try to show the original piclet data as fallback
-        console.log('Trying fallback with original piclet data');
-        newlyCaughtPiclet = capturedPiclet;
+        console.error('Could not retrieve newly created piclet from database');
+        // Fix the level issue and use fallback data
+        const fallbackPiclet = {
+          ...capturedPiclet,
+          level: Math.max(1, Math.min(100, capturedPiclet.level || 5)),
+          id: newPicletId
+        };
+        console.log('Using fallback with fixed level:', fallbackPiclet.level);
+        newlyCaughtPiclet = fallbackPiclet;
         showNewlyCaught = true;
       }
     } catch (error) {