Exercises filter by name

components/Profile.tsx

@@ -46,6 +46,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
     const [showArchived, setShowArchived] = useState(false);
     const [editingExercise, setEditingExercise] = useState<ExerciseDef | null>(null);
     const [isCreatingEx, setIsCreatingEx] = useState(false);
+    const [exerciseNameFilter, setExerciseNameFilter] = useState('');
 
     const exerciseTypeLabels: Record<ExerciseType, string> = {
         [ExerciseType.STRENGTH]: t('type_strength', lang),
@@ -282,6 +283,17 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
                                 <Plus size={16} /> {t('create_exercise', lang)}
                             </button>
 
+                            <div className="bg-surface-container-high rounded-t-lg border-b border-outline-variant px-3 py-2">
+                                <label className="text-[10px] text-on-surface-variant font-medium">{t('filter_by_name', lang) || 'Filter by name'}</label>
+                                <input
+                                    type="text"
+                                    value={exerciseNameFilter}
+                                    onChange={(e) => setExerciseNameFilter(e.target.value)}
+                                    placeholder={t('type_to_filter', lang) || 'Type to filter...'}
+                                    className="w-full bg-transparent text-on-surface focus:outline-none"
+                                />
+                            </div>
+
                             <div className="flex items-center justify-end gap-2">
                                 <label className="text-xs text-on-surface-variant">{t('show_archived', lang)}</label>
                                 <input
@@ -295,6 +307,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
                             <div className="space-y-2">
                                 {exercises
                                     .filter(e => showArchived || !e.isArchived)
+                                    .filter(e => e.name.toLowerCase().includes(exerciseNameFilter.toLowerCase()))
                                     .sort((a, b) => a.name.localeCompare(b.name))
                                     .map(ex => (
                                         <div key={ex.id} className={`p-3 rounded-lg flex justify-between items-center border border-outline-variant/20 ${ex.isArchived ? 'bg-surface-container-low opacity-60' : 'bg-surface-container-high'}`}>