working piclets list

src/lib/components/Battle/ActionButtons.svelte

@@ -44,7 +44,6 @@
     onViewChange={handleViewChange}
     moves={playerPiclet.moves}
     {availablePiclets}
-    {playerPiclet}
     {enemyPiclet}
     {isWildBattle}
     onMoveSelected={handleMoveSelected}

src/lib/components/Battle/ActionViewSelector.svelte

@@ -7,7 +7,6 @@
   export let onViewChange: (view: ActionView) => void;
   export let moves: BattleMove[] = [];
   export let availablePiclets: PicletInstance[] = [];
-  export let playerPiclet: PicletInstance;
   export let enemyPiclet: PicletInstance | null = null;
   export let isWildBattle: boolean = false;
   export let onMoveSelected: (move: BattleMove) => void = () => {};

src/lib/components/Battle/BattleControls.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { PicletInstance } from '$lib/db/schema';
-  import { db } from '$lib/db';
   import ActionButtons from './ActionButtons.svelte';
   import TypewriterText from './TypewriterText.svelte';
   
@@ -11,24 +10,13 @@
   export let isWildBattle: boolean;
   export let playerPiclet: PicletInstance;
   export let enemyPiclet: PicletInstance;
+  export let rosterPiclets: PicletInstance[] = [];
   export let onAction: (action: string) => void;
   export let onMoveSelect: (move: any) => void;
   export let onPicletSelect: (piclet: PicletInstance) => void;
   
-  let availablePiclets: PicletInstance[] = [];
-  
-  // Load player's roster
-  async function loadRoster() {
-    const roster = await db.picletInstances
-      .where('isInRoster')
-      .equals(1)
-      .toArray();
-    availablePiclets = roster.filter(p => p.currentHp > 0 && p.id !== playerPiclet.id);
-  }
-  
-  $: if (battlePhase === 'picletSelect') {
-    loadRoster();
-  }
+  // Use the roster passed from parent instead of loading it here
+  $: availablePiclets = rosterPiclets;
 </script>
 
 <div class="battle-controls">

src/lib/components/Pages/Battle.svelte

@@ -9,6 +9,7 @@
   export let enemyPiclet: PicletInstance;
   export let isWildBattle: boolean = true;
   export let onBattleEnd: (result: any) => void = () => {};
+  export let rosterPiclets: PicletInstance[] = []; // All roster piclets passed from parent
   
   // Battle state
   let currentMessage = isWildBattle 
@@ -139,6 +140,7 @@
       {isWildBattle}
       {playerPiclet}
       {enemyPiclet}
+      {rosterPiclets}
       onAction={handleAction}
       onMoveSelect={handleMoveSelect}
       onPicletSelect={handlePicletSelect}

src/lib/components/Pages/Encounters.svelte

@@ -19,6 +19,7 @@
   let battlePlayerPiclet: PicletInstance | null = null;
   let battleEnemyPiclet: PicletInstance | null = null;
   let battleIsWild = true;
+  let battleRosterPiclets: PicletInstance[] = [];
   
   onMount(async () => {
     await loadEncounters();
@@ -197,6 +198,7 @@
       battlePlayerPiclet = healthyPiclets[0];
       battleEnemyPiclet = enemyPiclet;
       battleIsWild = true;
+      battleRosterPiclets = rosterPiclets; // Pass all roster piclets
       showBattle = true;
       uiStore.enterBattle();
     } catch (error) {
@@ -344,6 +346,7 @@
     playerPiclet={battlePlayerPiclet}
     enemyPiclet={battleEnemyPiclet}
     isWildBattle={battleIsWild}
+    rosterPiclets={battleRosterPiclets}
     onBattleEnd={handleBattleEnd}
   />
 {:else}