feat: Add duplicate pack UI (fixes #1605)

Adds frontend support for duplicating packs from 'All Packs' to 'My Packs'.

Frontend changes:
- New hook: useDuplicatePack.ts - handles API call and navigation
- Updated PackCard.tsx - adds 'Duplicate' action for non-owned packs
- Updated hooks/index.ts - exports new hook

Users can now:
- Browse 'All Packs' (public packs from other users)
- Tap the actions menu on any pack
- Select 'Duplicate' to copy it to their own packs
- The duplicated pack opens immediately for editing

The duplicated pack is private by default and can be customized
after copying.

Author: bisquebot

apps/expo/features/packs/components/PackCard.tsx

@@ -7,7 +7,7 @@ import { router } from 'expo-router';
 import { isArray } from 'radash';
 import { useRef } from 'react';
 import { Image, Pressable, View } from 'react-native';
-import { useDeletePack, usePackDetailsFromStore } from '../hooks';
+import { useDeletePack, useDuplicatePack, usePackDetailsFromStore } from '../hooks';
 import { usePackOwnershipCheck } from '../hooks/usePackOwnershipCheck';
 import type { Pack, PackInStore } from '../types';
 
@@ -19,6 +19,7 @@ type PackCardProps = {
 
 export function PackCard({ pack: packArg, onPress, isGenUI = false }: PackCardProps) {
   const deletePack = useDeletePack();
+  const duplicatePack = useDuplicatePack();
   const { colors } = useColorScheme();
   const { showActionSheetWithOptions } = useActionSheet();
   const alertRef = useRef<AlertRef>(null);
@@ -27,15 +28,15 @@ export function PackCard({ pack: packArg, onPress, isGenUI = false }: PackCardPr
   const pack = (isOwnedByUser ? packFromStore : packArg) as Pack; // Use passed pack for non user owned pack.
 
   const handleActionsPress = () => {
-    const options =
-      isOwnedByUser && !isGenUI
-        ? ['View Details', 'Edit', 'Delete', 'Cancel']
-        : ['View Details', 'Cancel'];
+    const options = isOwnedByUser
+      ? ['View Details', 'Edit', 'Delete', 'Cancel']
+      : ['View Details', 'Duplicate', 'Cancel'];
 
     const cancelButtonIndex = options.length - 1;
     const destructiveButtonIndex = options.indexOf('Delete');
     const viewDetailsIndex = 0;
     const editIndex = options.indexOf('Edit');
+    const duplicateIndex = options.indexOf('Duplicate');
 
     showActionSheetWithOptions(
       {
@@ -66,6 +67,9 @@ export function PackCard({ pack: packArg, onPress, isGenUI = false }: PackCardPr
           case editIndex:
             router.push({ pathname: '/pack/[id]/edit', params: { id: pack.id } });
             break;
+          case duplicateIndex:
+            duplicatePack.mutate({ packId: pack.id });
+            break;
           case destructiveButtonIndex:
             alertRef.current?.alert({
               title: 'Delete pack?',

apps/expo/features/packs/hooks/index.ts

@@ -7,6 +7,7 @@ export * from './useCreatePackWithItems';
 export * from './useCurrentPack';
 export * from './useDeletePack';
 export * from './useDeletePackItem';
+export * from './useDuplicatePack';
 export * from './useDetailedPacks';
 export * from './useHasMinimumInventory';
 export * from './useImagePicker';

apps/expo/features/packs/hooks/useDuplicatePack.ts

@@ -0,0 +1,51 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useAuth } from 'expo-app/features/auth/hooks/useAuth';
+import { useRouter } from 'expo-router';
+
+export function useDuplicatePack() {
+  const { token } = useAuth();
+  const queryClient = useQueryClient();
+  const router = useRouter();
+
+  return useMutation({
+    mutationFn: async ({
+      packId,
+      name,
+    }: {
+      packId: string;
+      name?: string;
+    }): Promise<{
+      id: string;
+      name: string;
+      description: string | null;
+      category: string;
+      totalWeight: number;
+      baseWeight: number;
+    }> => {
+      const response = await fetch(
+        `${process.env.EXPO_PUBLIC_API_URL}/api/packs/${packId}/duplicate`,
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${token}`,
+          },
+          body: JSON.stringify({ name }),
+        },
+      );
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.error || 'Failed to duplicate pack');
+      }
+
+      return response.json();
+    },
+    onSuccess: (data) => {
+      // Invalidate packs query to refresh the list
+      queryClient.invalidateQueries({ queryKey: ['packs'] });
+      // Navigate to the new pack
+      router.push({ pathname: '/pack/[id]', params: { id: data.id } });
+    },
+  });
+}