context and goals definition added

apps/mobile/src/app/(tabs)/recommendations.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { View, Text, FlatList, ActivityIndicator, StyleSheet, RefreshControl } from "react-native";
 import { useAuth } from "@clerk/clerk-expo";
+import { Ionicons } from "@expo/vector-icons";
 import { API_BASE_URL, API_ENDPOINTS } from "../../config/api";
 
 interface Recommendation {
@@ -77,6 +78,15 @@ export default function RecommendationsScreen() {
     return (
         <View style={styles.container}>
             <Text style={styles.header}>AI Recommendations</Text>
+
+            {/* AI Context Info Banner */}
+            <View style={styles.infoBanner}>
+                <Ionicons name="sparkles" size={20} color="#2563eb" />
+                <Text style={styles.infoBannerText}>
+                    Personalized based on your active fitness goals and progress
+                </Text>
+            </View>
+
             <FlatList
                 data={recommendations}
                 keyExtractor={(item) => item.id}
@@ -129,6 +139,24 @@ const styles = StyleSheet.create({
         paddingBottom: 12,
         color: '#1a1a1a',
     },
+    infoBanner: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: '#eff6ff',
+        marginHorizontal: 16,
+        marginBottom: 12,
+        padding: 12,
+        borderRadius: 8,
+        borderLeftWidth: 3,
+        borderLeftColor: '#2563eb',
+        gap: 8,
+    },
+    infoBannerText: {
+        flex: 1,
+        fontSize: 13,
+        color: '#1e40af',
+        lineHeight: 18,
+    },
     centered: {
         flex: 1,
         justifyContent: 'center',