feat: enhance exercise filtering to include muscle search capability

Author: aree6

frontend/components/exerciseView/hooks/useExerciseFilters.ts

@@ -3,6 +3,7 @@ import { ExerciseStats } from '../../../types';
 import { analyzeExerciseTrendCore, ExerciseTrendStatus, summarizeExerciseHistory } from '../../../utils/analysis/exerciseTrend';
 import type { ExerciseTrendMode } from '../../../utils/storage/localStorage';
 import { analyzeExerciseTrend, type StatusResult } from '../trend/exerciseTrendUi';
+import type { ExerciseMuscleData } from '../../../utils/muscle/mapping';
 
 export type ExerciseListSortMode = 'recent' | 'trend';
 
@@ -40,13 +41,15 @@ export interface UseExerciseFiltersProps {
   weightUnit: 'kg' | 'lbs';
   exerciseTrendMode: ExerciseTrendMode;
   effectiveNow: Date;
+  muscleDataMap?: Map<string, ExerciseMuscleData>;
 }
 
 export function useExerciseFilters({
   stats,
   weightUnit,
   exerciseTrendMode,
   effectiveNow,
+  muscleDataMap,
 }: UseExerciseFiltersProps): UseExerciseFiltersReturn {
   const [searchTerm, setSearchTerm] = useState('');
   const [trendFilter, setTrendFilter] = useState<ExerciseTrendStatus | null>(null);
@@ -149,7 +152,16 @@ export function useExerciseFilters({
   // Filtered and sorted exercises
   const filteredExercises = useMemo(() =>
     stats
-      .filter(s => s.name.toLowerCase().includes(searchTerm.toLowerCase()))
+      .filter(s => {
+        const term = searchTerm.toLowerCase();
+        if (s.name.toLowerCase().includes(term)) return true;
+        const m = muscleDataMap?.get(s.name.toLowerCase());
+        if (!m) return false;
+        return (
+          (m.primary_muscle && m.primary_muscle.toLowerCase().includes(term)) ||
+          (m.secondary_muscle && m.secondary_muscle.toLowerCase().includes(term))
+        );
+      })
       .filter(s => {
         if (!trendFilter) return true;
         if (!trainingStructure.eligibleNames.has(s.name)) return false;

frontend/components/exerciseView/ui/ExerciseListPanel.tsx

@@ -98,7 +98,7 @@ export const ExerciseListPanel: React.FC<ExerciseListPanelProps> = ({
         <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-500" />
         <input
           type="text"
-          placeholder="Search for exercises..."
+          placeholder="Search exercises or muscles..."
           className="w-full bg-black/20 border border-slate-700/50 rounded-lg pl-9 pr-[8.5rem] py-1 sm:py-2 text-[11px] sm:text-xs text-slate-200 focus:outline-none focus:border-transparent transition-all"
           value={searchTerm}
           onChange={(e) => setSearchTerm(e.target.value)}

frontend/components/exerciseView/ui/ExerciseView.tsx

@@ -59,6 +59,9 @@ export const ExerciseView: React.FC<ExerciseViewProps> = ({
   // Calculate user's training level for personalized volume thresholds
   const { trainingLevel } = useTrainingLevel(filteredData, effectiveNow);
 
+  const [assetsMap, setAssetsMap] = useState<Map<string, ExerciseAsset> | null>(null);
+  const [exerciseMuscleData, setExerciseMuscleData] = useState<Map<string, ExerciseMuscleData>>(new Map());
+
   const {
     searchTerm,
     setSearchTerm,
@@ -82,6 +85,7 @@ export const ExerciseView: React.FC<ExerciseViewProps> = ({
     weightUnit: weightUnit ?? 'kg',
     exerciseTrendMode,
     effectiveNow,
+    muscleDataMap: exerciseMuscleData,
   });
 
   const {
@@ -95,9 +99,6 @@ export const ExerciseView: React.FC<ExerciseViewProps> = ({
     defaultExerciseName: filteredExercises[0]?.name ?? '',
   });
 
-  const [assetsMap, setAssetsMap] = useState<Map<string, ExerciseAsset> | null>(null);
-  const [exerciseMuscleData, setExerciseMuscleData] = useState<Map<string, ExerciseMuscleData>>(new Map());
-
   const assetLookup = useMemo<ExerciseAssetLookup | null>(() => {
     if (!assetsMap) return null;
     return createExerciseAssetLookup(assetsMap);