upd

src/lib/components/Piclets/DraggablePicletCard.svelte

@@ -50,6 +50,8 @@
   ondragend={handleDragEnd}
   class="draggable-wrapper"
   class:dragging={isDragging}
+  role="button"
+  tabindex="0"
 >
   <PicletCard {instance} {size} {showDetails} {onClick} />
 </div>

src/lib/components/Piclets/RosterSlot.svelte

@@ -72,6 +72,8 @@
   ondragleave={handleDragLeave}
   ondrop={handleDrop}
   class:drag-over={isDragOver}
+  role="region"
+  aria-label="Roster slot {position + 1}"
 >
   {#if piclet}
     <DraggablePicletCard 

src/lib/db/piclets.ts

@@ -143,6 +143,54 @@ export async function updateRosterPosition(id: number, position: number | undefi
   });
 }
 
+// Move piclet to roster
+export async function moveToRoster(id: number, position: number): Promise<void> {
+  // Check if position is already occupied
+  const existingPiclet = await db.picletInstances
+    .where('rosterPosition')
+    .equals(position)
+    .and(item => item.isInRoster)
+    .first();
+    
+  if (existingPiclet) {
+    // Move existing piclet to storage
+    await db.picletInstances.update(existingPiclet.id!, {
+      isInRoster: false,
+      rosterPosition: undefined
+    });
+  }
+  
+  // Move new piclet to roster
+  await db.picletInstances.update(id, {
+    isInRoster: true,
+    rosterPosition: position
+  });
+}
+
+// Swap roster positions
+export async function swapRosterPositions(id1: number, position1: number, id2: number, position2: number): Promise<void> {
+  await db.transaction('rw', db.picletInstances, async () => {
+    await db.picletInstances.update(id1, { rosterPosition: position2 });
+    await db.picletInstances.update(id2, { rosterPosition: position1 });
+  });
+}
+
+// Move piclet to storage
+export async function moveToStorage(id: number): Promise<void> {
+  await db.picletInstances.update(id, {
+    isInRoster: false,
+    rosterPosition: undefined
+  });
+}
+
+// Get storage piclets
+export async function getStoragePiclets(): Promise<PicletInstance[]> {
+  return await db.picletInstances
+    .where('isInRoster')
+    .equals(0)
+    .toArray();
+}
+
 // Delete a PicletInstance
 export async function deletePicletInstance(id: number): Promise<void> {
   await db.picletInstances.delete(id);