StreakFit web: exercices planifiés en séance + filtre matériel + config matos profil

- session/[id]: affiche les exercices planifies de la routine (objectif series x reps) + pre-remplit la 1re serie
- exercises/index: select Materiel + bouton 'Mon matos' (filtre sur le materiel du profil)
- profile: multi-select du materiel possede + PATCH /api/me
- i18n fr/en/pt-BR

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/pages/exercises/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const { t, locale } = useI18n()
 const { api } = useApi()
+const auth = useAuthStore()
 
 interface ExerciseRow { id: number, name: string, slug: string, body_part: string | null, equipment: string | null, target: string | null, image_url: string | null }
 interface Facet { value: string, label: string }
@@ -9,45 +10,78 @@ interface Paginated { data: ExerciseRow[], meta: { current_page: number, last_pa
 
 const search = ref('')
 const bodyPart = ref<string | undefined>()
+const equipment = ref<string | undefined>()
+const myGear = ref(false)
 const page = ref(1)
 
 const { data: facets } = await useAsyncData('ex-facets', () => api<Facets>('/api/exercises/facets', { query: { locale: locale.value } }), { lazy: true, watch: [locale] })
 
-const query = computed(() => ({ search: search.value || undefined, body_part: bodyPart.value || undefined, page: page.value, locale: locale.value }))
+// Matériel possédé (config profil) → filtre "mon matos" (plusieurs équipements, envoyés en CSV).
+const myEquipmentCsv = computed(() => (auth.user?.available_equipment ?? []).join(','))
+const hasMyGear = computed(() => myEquipmentCsv.value.length > 0)
+const equipmentParam = computed(() => (myGear.value && hasMyGear.value) ? myEquipmentCsv.value : (equipment.value || undefined))
+
+const query = computed(() => ({ search: search.value || undefined, body_part: bodyPart.value || undefined, equipment: equipmentParam.value, page: page.value, locale: locale.value }))
 const { data, pending } = await useAsyncData<Paginated>(
   'exercises',
   () => api<Paginated>('/api/exercises', { query: query.value }),
   { watch: [query], lazy: true }
 )
 
-watch([search, bodyPart], () => { page.value = 1 })
+watch([search, bodyPart, equipment, myGear], () => { page.value = 1 })
 
 const bodyPartOptions = computed(() => [
   { label: t('exercises.all'), value: undefined },
   ...(facets.value?.body_parts ?? []).map(b => ({ label: b.label, value: b.value }))
 ])
+const equipmentOptions = computed(() => [
+  { label: t('exercises.all'), value: undefined },
+  ...(facets.value?.equipments ?? []).map(e => ({ label: e.label, value: e.value }))
+])
 </script>
 
 <template>
   <div class="space-y-4">
     <h1 class="text-2xl font-black tracking-tight">{{ t('exercises.title') }}</h1>
 
-    <div class="flex gap-2">
-      <UInput
-        v-model="search"
-        icon="i-lucide-search"
-        :placeholder="t('exercises.search')"
-        size="lg"
-        class="flex-1"
-      />
-      <USelectMenu
-        v-model="bodyPart"
-        :items="bodyPartOptions"
-        value-key="value"
-        :placeholder="t('exercises.bodyPart')"
-        size="lg"
-        class="w-36"
-      />
+    <div class="space-y-2">
+      <div class="flex gap-2">
+        <UInput
+          v-model="search"
+          icon="i-lucide-search"
+          :placeholder="t('exercises.search')"
+          size="lg"
+          class="flex-1"
+        />
+        <USelectMenu
+          v-model="bodyPart"
+          :items="bodyPartOptions"
+          value-key="value"
+          :placeholder="t('exercises.bodyPart')"
+          size="lg"
+          class="w-36"
+        />
+      </div>
+      <div class="flex gap-2 items-center">
+        <USelectMenu
+          v-model="equipment"
+          :items="equipmentOptions"
+          value-key="value"
+          :placeholder="t('exercises.equipment')"
+          size="lg"
+          class="flex-1"
+          :disabled="myGear && hasMyGear"
+        />
+        <UButton
+          v-if="hasMyGear"
+          :color="myGear ? 'primary' : 'neutral'"
+          :variant="myGear ? 'solid' : 'subtle'"
+          size="lg"
+          icon="i-lucide-dumbbell"
+          :label="t('exercises.myGear')"
+          @click="myGear = !myGear"
+        />
+      </div>
     </div>
 
     <div v-if="pending && !data" class="flex justify-center py-16">

app/pages/profile.vue

@@ -2,9 +2,34 @@
 definePageMeta({ middleware: 'auth' })
 const { t, locale, locales, setLocale } = useI18n()
 const auth = useAuthStore()
+const { api, ensureCsrf } = useApi()
 const { isSupported, enable, disable, sendTest } = usePush()
 const toast = useToast()
 
+// Matériel possédé (config profil) : sert au filtre "mon matos" du catalogue d'exercices.
+const { data: facets } = await useAsyncData(
+  'profile-facets',
+  () => api<{ equipments: { value: string, label: string }[] }>('/api/exercises/facets', { query: { locale: locale.value } }),
+  { lazy: true, watch: [locale] }
+)
+const equipmentItems = computed(() => (facets.value?.equipments ?? []).map(e => ({ label: e.label, value: e.value })))
+const gear = ref<string[]>([...(auth.user?.available_equipment ?? [])])
+watch(() => auth.user?.available_equipment, v => { gear.value = [...(v ?? [])] })
+const savingGear = ref(false)
+async function saveGear() {
+  savingGear.value = true
+  try {
+    await ensureCsrf()
+    await api('/api/me', { method: 'PATCH', body: { available_equipment: gear.value } })
+    await auth.fetchMe()
+    toast.add({ title: t('profile.gearSaved'), color: 'primary' })
+  } catch {
+    toast.add({ title: t('common.error'), color: 'error' })
+  } finally {
+    savingGear.value = false
+  }
+}
+
 const pushOn = ref(auth.push.enabled)
 const pushLoading = ref(false)
 
@@ -68,6 +93,30 @@ async function doLogout() {
       </div>
     </div>
 
+    <div>
+      <p class="text-sm font-semibold text-zinc-500 mb-2">{{ t('profile.equipment') }}</p>
+      <p class="text-xs text-zinc-500 mb-2">{{ t('profile.equipmentDesc') }}</p>
+      <USelectMenu
+        v-model="gear"
+        :items="equipmentItems"
+        value-key="value"
+        multiple
+        searchable
+        :placeholder="t('profile.equipmentPlaceholder')"
+        size="lg"
+        class="w-full"
+      />
+      <UButton
+        class="mt-2"
+        color="primary"
+        size="sm"
+        icon="i-lucide-save"
+        :loading="savingGear"
+        :label="t('common.save')"
+        @click="saveGear"
+      />
+    </div>
+
     <UCard v-if="isSupported()" :ui="{ body: 'p-4' }">
       <div class="flex items-center justify-between gap-3">
         <div>

app/pages/session/[id].vue

@@ -8,7 +8,10 @@ const sessionId = Number(route.params.id)
 
 interface SetLog { id: number, exercise_id: number, set_number: number, reps: number | null, weight: number | null }
 interface Exercise { id: number, name: string, image_url: string | null, target?: string | null }
-interface Session { id: number, title: string | null, status: string, set_logs: (SetLog & { exercise?: Exercise })[] }
+interface Plan { sets: number, target_reps: string | null, target_weight: number | null }
+interface PlannedExercise { exercise_id: number, position: number, sets: number, target_reps: string | null, target_weight: number | null, rest_seconds: number | null, exercise: Exercise | null }
+interface Session { id: number, title: string | null, status: string, routine_id: number | null, set_logs: (SetLog & { exercise?: Exercise })[], planned_exercises?: PlannedExercise[] }
+type ActiveExercise = Exercise & { plan?: Plan }
 
 // L'API peut envelopper la resource dans { data: {...} } → déballage tolérant.
 const { data: session, refresh } = await useAsyncData(
@@ -16,14 +19,17 @@ const { data: session, refresh } = await useAsyncData(
   () => api<Session | { data: Session }>(`/api/sessions/${sessionId}`).then((r: unknown) => (r as { data?: Session })?.data ?? r as Session)
 )
 
-// Exercices actifs = ceux ayant des sets + ceux ajoutés manuellement
+// Exercices actifs = exercices planifiés par la routine (dans l'ordre) + ceux ayant des sets + ajoutés manuellement.
 const added = ref<Exercise[]>([])
-const exercises = computed<Exercise[]>(() => {
-  const map = new Map<number, Exercise>()
-  for (const sl of session.value?.set_logs ?? []) {
-    if (sl.exercise) map.set(sl.exercise.id, sl.exercise)
+const exercises = computed<ActiveExercise[]>(() => {
+  const map = new Map<number, ActiveExercise>()
+  for (const p of session.value?.planned_exercises ?? []) {
+    if (p.exercise) map.set(p.exercise.id, { ...p.exercise, plan: { sets: p.sets, target_reps: p.target_reps, target_weight: p.target_weight } })
   }
-  for (const e of added.value) map.set(e.id, e)
+  for (const sl of session.value?.set_logs ?? []) {
+    if (sl.exercise && !map.has(sl.exercise.id)) map.set(sl.exercise.id, sl.exercise)
+  }
+  for (const e of added.value) if (!map.has(e.id)) map.set(e.id, e)
   return [...map.values()]
 })
 
@@ -47,6 +53,15 @@ function addExercise(e: Exercise) {
 
 // Log d'une série
 const draft = reactive<Record<number, { reps?: number, weight?: number }>>({})
+
+// Pré-remplit la 1re série de chaque exercice planifié avec les cibles de la routine (reps/poids).
+watch(() => session.value?.planned_exercises, (planned) => {
+  for (const p of planned ?? []) {
+    if (draft[p.exercise_id]) continue
+    const reps = p.target_reps ? Number.parseInt(String(p.target_reps), 10) : Number.NaN
+    draft[p.exercise_id] = { reps: Number.isFinite(reps) ? reps : undefined, weight: p.target_weight ?? undefined }
+  }
+}, { immediate: true })
 async function logSet(exId: number) {
   const d = draft[exId] || {}
   const setNumber = setsFor(exId).length + 1
@@ -91,7 +106,12 @@ async function finish() {
     <div v-for="ex in exercises" :key="ex.id" class="rounded-xl border border-zinc-200 dark:border-zinc-800 p-3 space-y-2">
       <div class="flex items-center gap-3">
         <img v-if="ex.image_url" :src="ex.image_url" :alt="ex.name" class="size-10 rounded-lg object-cover">
-        <p class="font-semibold capitalize flex-1">{{ ex.name }}</p>
+        <div class="flex-1">
+          <p class="font-semibold capitalize">{{ ex.name }}</p>
+          <p v-if="ex.plan" class="text-xs text-zinc-500">
+            {{ t('session.target') }} : {{ ex.plan.sets }} × {{ ex.plan.target_reps }}<span v-if="ex.plan.target_weight"> · {{ ex.plan.target_weight }} {{ t('session.weight') }}</span>
+          </p>
+        </div>
       </div>
 
       <div v-for="s in setsFor(ex.id)" :key="s.id" class="flex items-center gap-3 text-sm pl-1">