feat(rn): star indicators and toggle in agent lists\n\n- Add star button to each agent row in sidebar (both tabs)\n- Add star indicator + toggle to AgentCard in drawer list\n- Uses Zustand favorites; prevents parent press via nested touchable

src/components/AgentCard.tsx

···
   agent: LettaAgent;
   isSelected: boolean;
   onPress: () => void;
+  isFavorited?: boolean;
+  onToggleFavorite?: () => void;
 }
 
-const AgentCard: React.FC<AgentCardProps> = ({ agent, isSelected, onPress }) => {
+const AgentCard: React.FC<AgentCardProps> = ({ agent, isSelected, onPress, isFavorited, onToggleFavorite }) => {
   const formatDate = (dateString: string) => {
     const date = new Date(dateString);
     return date.toLocaleDateString('en-US', {
···
             />
           </View>
           <View style={styles.textContainer}>
-            <Text 
-              style={[styles.name, isSelected && styles.selectedText]}
-              numberOfLines={1}
-            >
-              {agent.name}
-            </Text>
+            <View style={styles.rowHeader}>
+              <Text 
+                style={[styles.name, isSelected && styles.selectedText]}
+                numberOfLines={1}
+              >
+                {agent.name}
+              </Text>
+              {onToggleFavorite && (
+                <TouchableOpacity
+                  accessibilityLabel={isFavorited ? 'Unfavorite agent' : 'Favorite agent'}
+                  onPress={onToggleFavorite}
+                  style={styles.starBtn}
+                >
+                  <Ionicons name={isFavorited ? 'star' : 'star-outline'} size={16} color={isFavorited ? '#ffd166' : (isSelected ? darkTheme.colors.text.inverse : darkTheme.colors.text.secondary)} />
+                </TouchableOpacity>
+              )}
+            </View>
             <Text 
               style={[styles.date, isSelected && styles.selectedSubtext]}
             >
···
     alignItems: 'center',
     marginBottom: 8,
   },
+  rowHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
   avatarContainer: {
     width: 40,
     height: 40,
···
     fontWeight: '600',
     color: darkTheme.colors.text.primary,
     marginBottom: 2,
+  },
+  starBtn: {
+    paddingHorizontal: 6,
+    paddingVertical: 4,
+    marginLeft: 8,
   },
   selectedText: {
     color: darkTheme.colors.text.inverse,

src/components/AgentsDrawerContent.tsx

···
     setCurrentAgent,
     createAgent,
     fetchAgents,
+    toggleFavorite,
+    isFavorite,
   } = useAppStore();
 
   useEffect(() => {
···
             agent={agent}
             isSelected={agent.id === currentAgentId}
             onPress={() => handleAgentPress(agent.id)}
+            isFavorited={isFavorite(agent.id)}
+            onToggleFavorite={() => toggleFavorite(agent.id)}
           />
         ))}
         

src/components/Sidebar.tsx

···
                   <Text style={styles.emptyText}>Loading favorites…</Text>
                 </View>
               ) : (
-                favoriteAgents.map((agent) => (
+                favoriteAgents.map((agent) => {
+                  const starred = favorites.includes(agent.id)
+                  return (
+                    <TouchableOpacity
+                      key={agent.id}
+                      style={[
+                        styles.agentItem,
+                        currentAgent?.id === agent.id && styles.selectedAgentItem
+                      ]}
+                      onPress={() => onAgentSelect(agent)}
+                    >
+                      <View style={styles.rowHeader}>
+                        <Text style={[
+                          styles.agentName,
+                          currentAgent?.id === agent.id && styles.selectedAgentName
+                        ]}>
+                          {agent.name}
+                        </Text>
+                        <TouchableOpacity
+                          style={styles.starBtn}
+                          onPress={() => useAppStore.getState().toggleFavorite(agent.id)}
+                          accessibilityLabel={starred ? 'Unfavorite agent' : 'Favorite agent'}
+                        >
+                          <Ionicons name={starred ? 'star' : 'star-outline'} size={16} color={starred ? '#ffd166' : darkTheme.colors.text.secondary} />
+                        </TouchableOpacity>
+                      </View>
+                      <Text style={styles.agentMeta}>
+                        {agent.last_run_completion
+                          ? `Last run: ${new Date(agent.last_run_completion).toLocaleDateString()}`
+                          : 'Never run'}
+                      </Text>
+                    </TouchableOpacity>
+                  )
+                })
+              )
+            ) : agents.length === 0 ? (
+              <View style={styles.emptyContainer}>
+                <Text style={styles.emptyText}>No agents found</Text>
+                <TouchableOpacity style={styles.createButton} onPress={onCreateAgent}>
+                  <Text style={styles.createButtonText}>Create Agent</Text>
+                </TouchableOpacity>
+              </View>
+            ) : (
+              agents.map((agent) => {
+                const starred = favorites.includes(agent.id)
+                return (
                   <TouchableOpacity
                     key={agent.id}
                     style={[
···
                     ]}
                     onPress={() => onAgentSelect(agent)}
                   >
-                    <Text style={[
-                      styles.agentName,
-                      currentAgent?.id === agent.id && styles.selectedAgentName
-                    ]}>
-                      {agent.name}
-                    </Text>
+                    <View style={styles.rowHeader}>
+                      <Text style={[
+                        styles.agentName,
+                        currentAgent?.id === agent.id && styles.selectedAgentName
+                      ]}>
+                        {agent.name}
+                      </Text>
+                      <TouchableOpacity
+                        style={styles.starBtn}
+                        onPress={() => useAppStore.getState().toggleFavorite(agent.id)}
+                        accessibilityLabel={starred ? 'Unfavorite agent' : 'Favorite agent'}
+                      >
+                        <Ionicons name={starred ? 'star' : 'star-outline'} size={16} color={starred ? '#ffd166' : darkTheme.colors.text.secondary} />
+                      </TouchableOpacity>
+                    </View>
                     <Text style={styles.agentMeta}>
                       {agent.last_run_completion
                         ? `Last run: ${new Date(agent.last_run_completion).toLocaleDateString()}`
-                        : 'Never run'
-                      }
+                        : 'Never run'}
                     </Text>
                   </TouchableOpacity>
-                ))
-              )
-            ) : agents.length === 0 ? (
-              <View style={styles.emptyContainer}>
-                <Text style={styles.emptyText}>No agents found</Text>
-                <TouchableOpacity style={styles.createButton} onPress={onCreateAgent}>
-                  <Text style={styles.createButtonText}>Create Agent</Text>
-                </TouchableOpacity>
-              </View>
-            ) : (
-              agents.map((agent) => (
-                <TouchableOpacity
-                  key={agent.id}
-                  style={[
-                    styles.agentItem,
-                    currentAgent?.id === agent.id && styles.selectedAgentItem
-                  ]}
-                  onPress={() => onAgentSelect(agent)}
-                >
-                  <Text style={[
-                    styles.agentName,
-                    currentAgent?.id === agent.id && styles.selectedAgentName
-                  ]}>
-                    {agent.name}
-                  </Text>
-                  <Text style={styles.agentMeta}>
-                    {agent.last_run_completion
-                      ? `Last run: ${new Date(agent.last_run_completion).toLocaleDateString()}`
-                      : 'Never run'
-                    }
-                  </Text>
-                </TouchableOpacity>
-              ))
+                )
+              })
             )}
           </ScrollView>
         )}
···
     borderColor: darkTheme.colors.border.primary,
     borderRadius: 0,
   },
+  rowHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
   agentName: {
     fontSize: darkTheme.typography.body.fontSize,
     fontWeight: '600',
     fontFamily: darkTheme.typography.body.fontFamily,
     color: darkTheme.colors.text.primary,
+  },
+  starBtn: {
+    paddingHorizontal: 6,
+    paddingVertical: 4,
   },
   selectedAgentName: {
     color: darkTheme.colors.text.primary,