PackRat-AI · andrew-bierman · Apr 11, 2026 · Mar 13, 2026 · Mar 13, 2026 · Mar 13, 2026
diff --git a/.github/scripts/env.ts b/.github/scripts/env.ts
@@ -36,6 +36,7 @@ const expoFileContent = envFileContent
     } else if (line.startsWith('EXPO_PUBLIC_')) {
       return line;
     }
+    return undefined;
   })
   .join('\n');
 const expoNoTelemetry = 'EXPO_NO_TELEMETRY=true';

diff --git a/apps/expo/app/(app)/upcoming-trips.tsx b/apps/expo/app/(app)/upcoming-trips.tsx
@@ -142,83 +142,79 @@ export default function UpcomingTripsScreen() {
   const selectedPack = selectedTrip ? packs.find((p) => p.id === selectedTrip.packId) : undefined;
 
   return (
-    <>
-      <ScrollView className="flex-1">
-        <View className="p-4">
-          <Text variant="subhead" className="mb-2 text-muted-foreground">
-            {t('trips.plannedAdventures')}
-          </Text>
-        </View>
+    <ScrollView className="flex-1">
+      <View className="p-4">
+        <Text variant="subhead" className="mb-2 text-muted-foreground">
+          {t('trips.plannedAdventures')}
+        </Text>
+      </View>
+
+      {/* Trip List */}
+      <List
+        data={upcomingTrips.map((trip) => ({
+          id: trip.id,
+          trip,
+          title: trip.name,
+          subTitle: `${trip.location?.name ?? t('trips.unknown')} • ${formatDate(
+            trip.startDate,
+          )} to ${formatDate(trip.endDate)}`,
+        }))}
+        extraData={selectedTripId}
+        keyExtractor={(item) => item.id}
+        renderItem={(info) => {
+          const { trip } = info.item;
+          const { status, completion } = getTripStatus(trip, t);
+
+          return (
+            <ListItem
+              {...info}
+              // leftView={<TripImage uri={trip.imageUrl} />}
+              rightView={
+                <View className="flex-row items-center">
+                  <PackStatus status={status} completion={completion} />
+                </View>
+              }
+              onPress={() => setSelectedTripId(trip.id)}
+              className={
+                selectedTripId === trip.id ? 'bg-muted/50 dark:bg-slate-950' : 'dark:bg-transparent'
+              }
+            />
+          );
+        }}
+      />
+
+      {/* Trip Summary */}
+      {selectedTrip && (
+        <View className="mx-4 my-4 rounded-lg bg-card">
+          <View className="border-border/25 dark:border-border/80 border-b p-4">
+            <Text variant="heading" className="font-semibold">
+              {selectedTrip.name}
+            </Text>
+            <Text variant="subhead" className="mt-1 text-muted-foreground">
+              {selectedTrip.location?.name ?? 'No location'}
+            </Text>
+          </View>
 
-        {/* Trip List */}
-        <List
-          data={upcomingTrips.map((trip) => ({
-            id: trip.id,
-            trip,
-            title: trip.name,
-            subTitle: `${trip.location?.name ?? t('trips.unknown')} • ${formatDate(
-              trip.startDate,
-            )} to ${formatDate(trip.endDate)}`,
-          }))}
-          extraData={selectedTripId}
-          keyExtractor={(item) => item.id}
-          renderItem={(info) => {
-            const { trip } = info.item;
-            const { status, completion } = getTripStatus(trip, t);
-
-            return (
-              <ListItem
-                {...info}
-                // leftView={<TripImage uri={trip.imageUrl} />}
-                rightView={
-                  <View className="flex-row items-center">
-                    <PackStatus status={status} completion={completion} />
-                  </View>
-                }
-                onPress={() => setSelectedTripId(trip.id)}
-                className={
-                  selectedTripId === trip.id
-                    ? 'bg-muted/50 dark:bg-slate-950'
-                    : 'dark:bg-transparent'
-                }
-              />
-            );
-          }}
-        />
-
-        {/* Trip Summary */}
-        {selectedTrip && (
-          <View className="mx-4 my-4 rounded-lg bg-card">
-            <View className="border-border/25 dark:border-border/80 border-b p-4">
-              <Text variant="heading" className="font-semibold">
-                {selectedTrip.name}
+          <View className="flex-row justify-between p-4">
+            <View className="flex-1">
+              <Text variant="footnote" className="text-muted-foreground">
+                DATES
               </Text>
-              <Text variant="subhead" className="mt-1 text-muted-foreground">
-                {selectedTrip.location?.name ?? 'No location'}
+              <Text variant="subhead" className="mt-1">
+                {formatDate(selectedTrip.startDate)} - {formatDate(selectedTrip.endDate)}
               </Text>
             </View>
-
-            <View className="flex-row justify-between p-4">
-              <View className="flex-1">
-                <Text variant="footnote" className="text-muted-foreground">
-                  DATES
-                </Text>
-                <Text variant="subhead" className="mt-1">
-                  {formatDate(selectedTrip.startDate)} - {formatDate(selectedTrip.endDate)}
-                </Text>
-              </View>
-              <View className="flex-1">
-                <Text variant="footnote" className="text-muted-foreground">
-                  PACK
-                </Text>
-                <Text variant="subhead" className="mt-1">
-                  {selectedPack ? `${selectedPack.items.length} items` : 'No pack assigned'}
-                </Text>
-              </View>
+            <View className="flex-1">
+              <Text variant="footnote" className="text-muted-foreground">
+                PACK
+              </Text>
+              <Text variant="subhead" className="mt-1">
+                {selectedPack ? `${selectedPack.items.length} items` : 'No pack assigned'}
+              </Text>
             </View>
           </View>
-        )}
-      </ScrollView>
-    </>
+        </View>
+      )}
+    </ScrollView>
   );
 }
diff --git a/apps/expo/app/(app)/weight-analysis/[id].tsx b/apps/expo/app/(app)/weight-analysis/[id].tsx
@@ -90,7 +90,7 @@ export default function WeightAnalysisScreen() {
           </Text>
         </View>
 
-        {data.categories.map((category, categoryIndex) => (
+        {data.categories.map((category, _categoryIndex) => (
           <View key={category.name} className="mx-4 mb-4 rounded-lg bg-card">
             {/* Category Header */}
             <View className="border-border/25 dark:border-border/80 flex-row items-center justify-between border-b p-4">
@@ -110,7 +110,7 @@ export default function WeightAnalysisScreen() {
                 .filter((item) => item.category.trim() === category.name.trim())
                 .map((item, itemIndex) => (
                   <View
-                    key={`${categoryIndex}-${item.id}`}
+                    key={`${category.name}-${item.id}`}
                     className={cn(
                       'flex-row items-center justify-between p-4',
                       itemIndex > 0 ? 'border-border/25 dark:border-border/80 border-t' : '',

diff --git a/apps/expo/app/auth/(create-account)/credentials.tsx b/apps/expo/app/auth/(create-account)/credentials.tsx
@@ -140,7 +140,12 @@ export default function CredentialsScreen() {
         };
 
         // Call signup function with all user data
-        await signUp(userData.email, userData.password, userData.firstName, userData.lastName);
+        await signUp({
+          email: userData.email,
+          password: userData.password,
+          firstName: userData.firstName,
+          lastName: userData.lastName,
+        });
 
         // Navigate to verification code screen
         router.push({

diff --git a/apps/expo/features/ai-packs/hooks/useGeneratedPacks.ts b/apps/expo/features/ai-packs/hooks/useGeneratedPacks.ts
@@ -3,6 +3,7 @@ import { useMutation } from '@tanstack/react-query';
 import type { Pack } from 'expo-app/features/packs';
 import { packsStore } from 'expo-app/features/packs/store';
 import axiosInstance, { handleApiError } from 'expo-app/lib/api/client';
+import { obs } from 'expo-app/lib/store';
 import type { GenerationRequest } from '../types';
 
 const generatePacks = async (request: GenerationRequest): Promise<Pack[]> => {
@@ -25,10 +26,7 @@ export function useGeneratePacks() {
 
   const generatedPacksFromStore = use$(() => {
     if (mutation.data) {
-      return mutation.data.map((pack) =>
-        // @ts-ignore: Safe because Legend-State uses Proxy
-        packsStore[pack.id].get(),
-      );
+      return mutation.data.map((pack) => obs(packsStore, pack.id).get());
     }
     return [];
   });

diff --git a/apps/expo/features/ai-packs/screens/AIPacksScreen.tsx b/apps/expo/features/ai-packs/screens/AIPacksScreen.tsx
@@ -94,7 +94,7 @@ export function AIPacksScreen() {
                 <TextInput
                   className="border border-border rounded-lg px-3 py-2 text-foreground bg-background"
                   value={field.state.value.toString()}
-                  onChangeText={(text) => field.handleChange(Number.parseInt(text) || 1)}
+                  onChangeText={(text) => field.handleChange(Number.parseInt(text, 10) || 1)}
                   keyboardType="numeric"
                   placeholder={t('ai.enterCount')}
                 />

diff --git a/apps/expo/features/ai/atoms/chatStorageAtoms.ts b/apps/expo/features/ai/atoms/chatStorageAtoms.ts
@@ -82,6 +82,7 @@ export async function loadChatMessages(context: ChatContext): Promise<UIMessage[
 /**
  * Saves chat messages to AsyncStorage
  */
+
 export async function saveChatMessages(context: ChatContext, messages: UIMessage[]): Promise<void> {
   try {
     const key = getChatStorageKey(context);

diff --git a/apps/expo/features/ai/components/ChatBubble.tsx b/apps/expo/features/ai/components/ChatBubble.tsx
@@ -148,6 +148,8 @@ export const ChatBubble = React.memo(function ChatBubble({
                 />
               </View>
             );
+
+          return null;
         })}
       </View>
       {/* </ContextMenu> */}

diff --git a/apps/expo/features/auth/hooks/useAuthActions.ts b/apps/expo/features/auth/hooks/useAuthActions.ts
@@ -191,7 +191,17 @@ export function useAuthActions() {
     }
   };
 
-  const signUp = async (email: string, password: string, firstName?: string, lastName?: string) => {
+  const signUp = async ({
+    email,
+    password,
+    firstName,
+    lastName,
+  }: {
+    email: string;
+    password: string;
+    firstName?: string;
+    lastName?: string;
+  }) => {
     setIsLoading(true);
     try {
       const response = await fetch(`${clientEnvs.EXPO_PUBLIC_API_URL}/api/auth/register`, {

diff --git a/apps/expo/features/guides/components/GuideCard.tsx b/apps/expo/features/guides/components/GuideCard.tsx
@@ -1,5 +1,4 @@
 import { Card, CardContent, CardTitle, Text } from '@packrat/ui/nativewindui';
-import { Icon } from '@roninoss/icons';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
 import { TouchableOpacity, View } from 'react-native';
 import type { Guide } from '../types';

diff --git a/apps/expo/features/pack-templates/components/PackTemplateItemCard.tsx b/apps/expo/features/pack-templates/components/PackTemplateItemCard.tsx
@@ -98,54 +98,50 @@ export function PackTemplateItemCard({
   };
 
   return (
-    <>
-      <TouchableWithoutFeedback key={item.id} onPress={() => onPress(item)}>
-        <View className="rounded-lg flex-row gap-3 border p-4 border-border bg-card">
-          {/* Image */}
-          <PackTemplateItemImage item={item} className="h-16 w-16 rounded-md" resizeMode="cover" />
+    <TouchableWithoutFeedback key={item.id} onPress={() => onPress(item)}>
+      <View className="rounded-lg flex-row gap-3 border p-4 border-border bg-card">
+        {/* Image */}
+        <PackTemplateItemImage item={item} className="h-16 w-16 rounded-md" resizeMode="cover" />
 
-          {/* Content */}
-          <View className="flex-1">
-            <View className="flex-row gap-2 justify-between items-start">
-              <Text className="flex-1 font-medium text-foreground" numberOfLines={2}>
-                {item.name}
-              </Text>
-              <Pressable onPress={handleActionsPress}>
-                <Icon name="dots-horizontal" size={20} color={colors.grey2} />
-              </Pressable>
-            </View>
-            <Text className="text-sm text-muted-foreground mb-2">{item.category}</Text>
+        {/* Content */}
+        <View className="flex-1">
+          <View className="flex-row gap-2 justify-between items-start">
+            <Text className="flex-1 font-medium text-foreground" numberOfLines={2}>
+              {item.name}
+            </Text>
+            <Pressable onPress={handleActionsPress}>
+              <Icon name="dots-horizontal" size={20} color={colors.grey2} />
+            </Pressable>
+          </View>
+          <Text className="text-sm text-muted-foreground mb-2">{item.category}</Text>
 
-            <View className="flex-row items-center gap-4 flex-wrap">
-              {item.consumable && (
-                <View className={cn('rounded-full px-2 py-0.5', 'bg-amber-100')}>
-                  <Text className={cn('text-xs', 'text-amber-600')}>
-                    {t('packTemplates.consumable')}
-                  </Text>
-                </View>
-              )}
+          <View className="flex-row items-center gap-4 flex-wrap">
+            {item.consumable && (
+              <View className={cn('rounded-full px-2 py-0.5', 'bg-amber-100')}>
+                <Text className={cn('text-xs', 'text-amber-600')}>
+                  {t('packTemplates.consumable')}
+                </Text>
+              </View>
+            )}
 
-              {item.worn && (
-                <View className={cn('rounded-full px-2 py-0.5', 'bg-emerald-100')}>
-                  <Text className={cn('text-xs', 'text-emerald-600')}>
-                    {t('packTemplates.worn')}
-                  </Text>
-                </View>
-              )}
-            </View>
-            <View className="mt-2 flex-row items-center gap-4 flex-wrap">
-              <Text className="text-sm font-medium text-foreground">
-                {item.weight}
-                {item.weightUnit}
-              </Text>
+            {item.worn && (
+              <View className={cn('rounded-full px-2 py-0.5', 'bg-emerald-100')}>
+                <Text className={cn('text-xs', 'text-emerald-600')}>{t('packTemplates.worn')}</Text>
+              </View>
+            )}
+          </View>
+          <View className="mt-2 flex-row items-center gap-4 flex-wrap">
+            <Text className="text-sm font-medium text-foreground">
+              {item.weight}
+              {item.weightUnit}
+            </Text>
 
-              <Text className="text-sm text-muted-foreground">
-                {item.quantity} {t('packTemplates.qty')}
-              </Text>
-            </View>
+            <Text className="text-sm text-muted-foreground">
+              {item.quantity} {t('packTemplates.qty')}
+            </Text>
           </View>
         </View>
-      </TouchableWithoutFeedback>
-    </>
+      </View>
+    </TouchableWithoutFeedback>
   );
 }
diff --git a/apps/expo/features/pack-templates/hooks/useCreatePackTemplate.ts b/apps/expo/features/pack-templates/hooks/useCreatePackTemplate.ts
@@ -1,3 +1,4 @@
+import { obs } from 'expo-app/lib/store';
 import { nanoid } from 'nanoid/non-secure';
 import { useCallback } from 'react';
 import { packTemplatesStore } from '../store/packTemplates';
@@ -16,8 +17,7 @@ export function useCreatePackTemplate() {
       deleted: false,
     };
 
-    // @ts-ignore: Safe because Legend-State uses Proxy
-    packTemplatesStore[id].set(newTemplate);
+    obs(packTemplatesStore, id).set(newTemplate);
   }, []);
 
   return createPackTemplate;

diff --git a/apps/expo/features/pack-templates/hooks/useCreatePackTemplateItem.ts b/apps/expo/features/pack-templates/hooks/useCreatePackTemplateItem.ts
@@ -1,5 +1,6 @@
 // useCreatePackTemplateItem.ts
 
+import { obs } from 'expo-app/lib/store';
 import { nanoid } from 'nanoid/non-secure';
 import { useCallback } from 'react';
 import { packTemplateItemsStore } from '../store/packTemplateItems';
@@ -18,10 +19,8 @@ export function useCreatePackTemplateItem() {
         deleted: false,
       };
 
-      // @ts-ignore: Safe because Legend-State uses Proxy
-      packTemplateItemsStore[id].set(newItem);
-      // @ts-ignore: Safe because Legend-State uses Proxy
-      packTemplatesStore[packTemplateId].localUpdatedAt.set(new Date().toISOString());
+      obs(packTemplateItemsStore, id).set(newItem);
+      obs(packTemplatesStore, packTemplateId).localUpdatedAt.set(new Date().toISOString());
     },
     [],
   );
-Original file line number
+Diff line change
@@ Expand Up @@
     /**
      * Saves chat messages to AsyncStorage
      */
     export async function saveChatMessages(context: ChatContext, messages: UIMessage[]): Promise<void> {
       try {
         const key = getChatStorageKey(context);
@@ Expand Down @@