try fix encounter start

src/lib/db/encounterService.ts

@@ -47,11 +47,27 @@ export class EncounterService {
     const uncaughtPiclets = await getUncaughtPiclets();
     
     if (caughtPiclets.length === 0) {
-      // Player has no caught piclets - return empty encounters (no shop/heal until first piclet is caught)
-      console.log('Player has no caught piclets - returning empty encounters');
+      // Player has no caught piclets
+      if (uncaughtPiclets.length > 0) {
+        // Player has scanned piclets but hasn't caught any - create first piclet encounter
+        console.log('Player has scanned piclets but no caught ones - creating first piclet encounter');
+        const firstPicletEncounter = await this.createFirstCatchEncounter(uncaughtPiclets);
+        encounters.push(firstPicletEncounter);
+      } else {
+        // Player has no piclets at all - return empty encounters
+        console.log('Player has no piclets at all - returning empty encounters');
+        await db.encounters.clear();
+        await markEncountersRefreshed();
+        return [];
+      }
+      
+      // Save the first piclet encounter and return
       await db.encounters.clear();
+      for (const encounter of encounters) {
+        await db.encounters.add(encounter);
+      }
       await markEncountersRefreshed();
-      return [];
+      return await this.getCurrentEncounters();
     }
     
     // Player has caught piclets - generate normal encounters
@@ -88,15 +104,19 @@ export class EncounterService {
   }
 
   // Create first catch encounter
-  private static async createFirstCatchEncounter(): Promise<Omit<Encounter, 'id'>> {
-    // TODO: Replace with actual piclet data when available
-    // For now, using placeholder data
+  private static async createFirstCatchEncounter(uncaughtPiclets: PicletInstance[]): Promise<Omit<Encounter, 'id'>> {
+    // Use the most recently scanned (last in array) uncaught piclet
+    const latestPiclet = uncaughtPiclets[uncaughtPiclets.length - 1];
+    
+    // Use the piclet's nickname or typeId for display
+    const displayName = latestPiclet.nickname || latestPiclet.typeId.replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
+    
     return {
       type: EncounterType.WILD_PICLET,
       title: 'Your First Piclet!',
-      description: 'A friendly piclet appears! This one seems easy to catch.',
-      picletTypeId: 'starter-001', // Placeholder ID
-      enemyLevel: 5,
+      description: `A friendly ${displayName} appears! This one seems easy to catch.`,
+      picletTypeId: latestPiclet.typeId,
+      enemyLevel: 5, // Easy level for first encounter
       createdAt: new Date()
     };
   }
@@ -175,9 +195,15 @@ export class EncounterService {
   static async catchWildPiclet(encounter: Encounter): Promise<PicletInstance> {
     if (!encounter.picletTypeId) throw new Error('No piclet type specified');
     
-    // Find a caught piclet instance with this typeId to use as a template
+    // First try to find a caught piclet instance with this typeId to use as a template
     const caughtPiclets = await getCaughtPiclets();
-    const templatePiclet = caughtPiclets.find(p => p.typeId === encounter.picletTypeId);
+    let templatePiclet = caughtPiclets.find(p => p.typeId === encounter.picletTypeId);
+    
+    // If no caught template found, try uncaught piclets (for first catch scenario)
+    if (!templatePiclet) {
+      const uncaughtPiclets = await getUncaughtPiclets();
+      templatePiclet = uncaughtPiclets.find(p => p.typeId === encounter.picletTypeId);
+    }
     
     if (!templatePiclet) {
       throw new Error(`Piclet type not found: ${encounter.picletTypeId}`);
@@ -219,7 +245,7 @@ export class EncounterService {
     
     // Set roster position 0 if this is the first caught piclet
     const existingCaughtPiclets = await getCaughtPiclets();
-    if (existingCaughtPiclets.length === 1) { // Only one caught piclet exists (the template)
+    if (existingCaughtPiclets.length === 0) { // This will be the first caught piclet
       newPiclet.rosterPosition = 0;
       newPiclet.isInRoster = true;
     }