feat(r6): R6.2 — Parc sur mobile (Sites, Ascenseurs)

useLocations() mobile ; écran Sites (premier niveau) ; fiche site
(identité, zones, ascenseurs du site — consultation seule, D4, pas de
carte ni d'édition sur mobile pour l'instant) ; écran Ascenseurs (parc
complet déjà préchargé, D1) ouvrant la fiche appareil R4 telle quelle
(déjà générique, aucune modification nécessaire). Menu : Ascenseurs/Sites
routent réellement au lieu de « à venir » ; Catégories reste à venir
(admin, hors périmètre R6.2).

Exécution directe de la maquette R6 déjà validée, patrons visuels
réutilisés (Carte/LigneInfo/EnteteFiche) — pas de nouveau tour de design.

Typecheck propre, 17 tests Jest, lint 5/5 paquets.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

CLAUDE.md

@@ -72,5 +72,6 @@ pnpm + Turborepo. `apps/api` : NestJS, Prisma, PostgreSQL (pgvector + PostGIS),
 - fix(mobile) **déconnexion accessible depuis tous les onglets (02/08)** : bug remonté par le référent (une fois authentifié, aucun moyen de revenir en arrière ou de se déconnecter — seule « Ma journée » portait ce contrôle, via un `onLongPress` non découvrable). `EnteteTabs` (`composants/ui.tsx`) factorise une entête commune aux 4 onglets terrain, tap simple + confirmation, rôle affiché dynamique.
 - ✅ **R6 — maquette validée (02/08)** : `maquette-mobile-tous-roles.html`, 7 écrans (synthèse par rôle, Accueil adaptatif, Menu groupé, OT côté Dispatcher, Demandes, Stock, Personnes & statistiques) + 5 décisions actées — D1 barre d'onglets adaptative (Technicien/Technicien limité inchangés + onglet Menu) ; D2 le Menu reprend à l'identique les 4 groupes du web (même matrice, aucune règle nouvelle) ; D3 groupe sans lien visible masqué en entier ; D4 le mobile porte les actions courantes par famille, pas les flux de gestion les plus denses (réservés au web) ; D5 aucune logique de permission propre au mobile. Nouvelle release (R4 est close et R4.1/4.2/4.3 déjà pris par le socle mobile technicien d'origine — pas de réouverture, pas de collision de numérotation).
 - ✅ **R6.1 — socle** : `usePermissions()` mobile (calqué sur le web, lit `me.permissions`) ; barre d'onglets adaptative par rôle (`ongletsVisibles`, `href: null` masque sans retirer du navigateur) ; écrans Accueil (dashboard réel pour Administrateur/Gestionnaire/Dispatcher/Vue seule, aucun chiffre inventé), OT (liste complète `viewOther`, réutilise la fiche OT R4 telle quelle), Menu (groupes filtrés par la matrice, groupe vide masqué), Demandes (`PanneauDemandes` — un seul composant pour tous les rôles : création/suivi pour le Demandeur, approbation/rejet à motif pour Gestionnaire/Dispatcher/Administrateur, lecture seule pour Vue seule ; `GET /assets/options`, déjà ouvert à tout rôle authentifié depuis R2.3, réutilisé pour le sélecteur d'équipement). Familles pas encore portées (Sites, Ascenseurs, Stock, Tiers, Fichiers, Statistiques, Assistant, Personnes) : écran « à venir » honnête plutôt qu'un lien mort. Typecheck propre, 17 tests Jest verts, lint 5/5 paquets — pas de vérification visuelle en navigateur de mon côté (aucun outil de ce type dans cet environnement), à confirmer par le référent sur l'iPhone déjà connecté au serveur Metro.
-- 🔄 **Reprise ici** : confirmation du référent sur iPhone (nav adaptative R6.1 + correctif déconnexion) ; puis R6.2 (Parc — Sites, Ascenseurs), R6.3 (Ressources — Stock, Tiers, Fichiers), R6.4 (Pilotage — Statistiques, Personnes, Assistant), sur le modèle des sous-releases R4.1→R4.3. Restes non bloquants inchangés : redéploiement Dokploy de l'instance ENSET (`AI_SERVICE_TOKEN` à créer — runbook §2 — puis « Réindexer tout »), recette Android sur appareil physique, calibrage `AI_SEUIL_*` et qualité darija sur corpus SPELEV réel, secret `DOKPLOY_WEBHOOK_URL`, production client SPELEV (attend les accès serveur du partenaire).
+- ✅ **R6.2 — Parc (Sites, Ascenseurs)** : `useLocations()` mobile ; écran Sites (premier niveau, `parentId===null`) ; fiche site (identité, zones, ascenseurs du site — consultation seule, D4, pas de carte ni d'édition sur mobile) ; écran Ascenseurs (parc complet déjà préchargé, D1) ouvrant la fiche appareil R4 telle quelle (générique, aucune modification nécessaire). Menu : Ascenseurs/Sites routent réellement, Catégories reste à venir (admin, hors périmètre). Typecheck propre, 17 tests Jest, lint 5/5 — exécution directe de la maquette déjà validée, pas de nouveau tour de design.
+- 🔄 **Reprise ici** : R6.3 (Ressources — Stock, Tiers, Fichiers), puis R6.4 (Pilotage — Statistiques, Personnes, Assistant), sur le modèle des sous-releases R4.1→R4.3. Confirmation du référent sur iPhone (nav adaptative R6.1 + correctif déconnexion) toujours en attente. Restes non bloquants inchangés : redéploiement Dokploy de l'instance ENSET (`AI_SERVICE_TOKEN` à créer — runbook §2 — puis « Réindexer tout »), recette Android sur appareil physique, calibrage `AI_SEUIL_*` et qualité darija sur corpus SPELEV réel, secret `DOKPLOY_WEBHOOK_URL`, production client SPELEV (attend les accès serveur du partenaire).
 - Détail quotidien : `docs/journal/journal.md`. Dépôt : `siop-spelev/siop2` (privé), jalons R0→R5 (v1) + R6 en cours.

apps/mobile/app/(tabs)/menu.tsx

@@ -37,8 +37,8 @@ const GROUPES: { titre: string; liens: LienMenu[] }[] = [
   {
     titre: 'Parc',
     liens: [
-      { libelle: 'Ascenseurs', ico: '▣', permission: ['ASSETS', 'view'], aVenir: 'La liste du parc en mobilité arrive dans une prochaine étape — en attendant, le Scanner et les fiches OT y mènent déjà.' },
-      { libelle: 'Sites', ico: '◫', permission: ['LOCATIONS', 'view'], aVenir: 'La liste des sites en mobilité arrive dans une prochaine étape.' },
+      { libelle: 'Ascenseurs', ico: '▣', permission: ['ASSETS', 'view'], route: '/ascenseurs' },
+      { libelle: 'Sites', ico: '◫', permission: ['LOCATIONS', 'view'], route: '/sites' },
       { libelle: 'Catégories', ico: '▤', permission: ['SETTINGS', 'view'], aVenir: 'L’administration des catégories reste sur le grand écran pour l’instant.' },
     ],
   },

apps/mobile/app/ascenseurs/index.tsx

@@ -0,0 +1,90 @@
+import { router } from 'expo-router';
+import { FlatList, Pressable, Text, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { ASSET_STATUS_LABELS, type AssetStatus } from '@siop/shared';
+import { useAssets } from '@/api/exploitation';
+import { EnteteFiche } from '@/composants/ui';
+import { useTokens, type Tokens } from '@/theme/tokens';
+
+/** Ascenseurs — R6.2 (Parc). Le parc complet, déjà préchargé (D1 lecture
+ *  locale) — même donnée que le Scanner, présentée en liste plutôt qu'en
+ *  résolution QR. Ouvre la fiche R4 telle quelle (écran 5). */
+export default function PageAscenseurs() {
+  const t = useTokens();
+  const { data: assets } = useAssets();
+  const appareils = [...(assets ?? [])].sort((a, b) => a.reference.localeCompare(b.reference));
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <View style={{ flex: 1, padding: 14, gap: 10 }}>
+        <EnteteFiche titre="Ascenseurs" />
+        <FlatList
+          data={appareils}
+          keyExtractor={(a) => a.id}
+          contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
+          ListEmptyComponent={
+            <Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
+              Aucun appareil accessible.
+            </Text>
+          }
+          renderItem={({ item: a }) => (
+            <Pressable
+              accessibilityRole="button"
+              onPress={() => router.push(`/ascenseur/${a.id}`)}
+              style={{
+                backgroundColor: t.surface,
+                borderColor: t.bordure,
+                borderWidth: 1,
+                borderRadius: 12,
+                padding: 12,
+                gap: 2,
+              }}
+            >
+              <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
+                <Text
+                  style={{
+                    fontFamily: 'Manrope_700Bold',
+                    fontSize: 10.5,
+                    letterSpacing: 0.6,
+                    textTransform: 'uppercase',
+                    color: t.encre2,
+                    flex: 1,
+                  }}
+                >
+                  {a.reference}
+                </Text>
+                <ChipStatutAppareil statut={a.status} t={t} />
+              </View>
+              <Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 14, color: t.encre }}>
+                {a.brand} {a.model ?? ''}
+              </Text>
+              <Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
+                {a.siteName} — {a.locationName}
+              </Text>
+            </Pressable>
+          )}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}
+
+function ChipStatutAppareil({ statut, t }: { statut: AssetStatus; t: Tokens }) {
+  const enService = statut === 'IN_SERVICE';
+  return (
+    <Text
+      style={{
+        fontFamily: 'Manrope_700Bold',
+        fontSize: 10.5,
+        color: enService ? t.stTermine : t.stAttente,
+        backgroundColor: enService ? t.stTermineFond : t.stAttenteFond,
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 999,
+        overflow: 'hidden',
+      }}
+    >
+      {ASSET_STATUS_LABELS[statut]}
+    </Text>
+  );
+}

apps/mobile/app/sites/[id].tsx

@@ -0,0 +1,99 @@
+import { router, useLocalSearchParams } from 'expo-router';
+import { Pressable, ScrollView, Text } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { ASSET_STATUS_LABELS, type AssetStatus } from '@siop/shared';
+import { useAssets, useLocations } from '@/api/exploitation';
+import { Carte, EnteteFiche, LigneInfo } from '@/composants/ui';
+import { useTokens, type Tokens } from '@/theme/tokens';
+
+/** Fiche site — R6.2. Consultation seule (D4) : identité, zones, ascenseurs
+ *  du site. Pas de carte interactive ni d'édition sur mobile pour l'instant
+ *  (réservé au web) — même filtre appareils↔site que fiche-site.tsx (web) :
+ *  par nom, la liste étant déjà plate côté serveur. */
+export default function PageFicheSite() {
+  const t = useTokens();
+  const { id } = useLocalSearchParams<{ id: string }>();
+  const { data: locations } = useLocations();
+  const { data: assets } = useAssets();
+
+  const site = (locations ?? []).find((l) => l.id === id);
+  if (!site) return null;
+
+  const zones = (locations ?? []).filter((l) => l.parentId === site.id);
+  const appareils = (assets ?? []).filter((a) => a.siteName === site.name);
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
+        <EnteteFiche titre={site.name} />
+
+        <Carte titre="Identité">
+          <LigneInfo nom="Adresse" valeur={[site.address, site.city].filter(Boolean).join(' — ') || '—'} />
+          <LigneInfo nom="Gardien" valeur={site.guardianName ?? '—'} />
+          {site.guardianPhone ? <LigneInfo nom="Téléphone" valeur={site.guardianPhone} /> : null}
+          <LigneInfo nom="Client / syndic" valeur={site.partnerName ?? '—'} />
+          <LigneInfo nom="Appareils" valeur={String(site.assetCount)} />
+        </Carte>
+
+        {zones.length ? (
+          <Carte titre="Emplacements">
+            {zones.map((z) => (
+              <LigneInfo
+                key={z.id}
+                nom={z.name}
+                valeur={appareils.filter((a) => a.locationId === z.id).map((a) => a.reference).join(' · ') || '—'}
+              />
+            ))}
+          </Carte>
+        ) : null}
+
+        <Carte titre={`Ascenseurs du site (${appareils.length})`}>
+          {appareils.map((a) => (
+            <Pressable
+              key={a.id}
+              accessibilityRole="button"
+              onPress={() => router.push(`/ascenseur/${a.id}`)}
+              style={{ flexDirection: 'row', alignItems: 'center', gap: 8, paddingVertical: 3 }}
+            >
+              <Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 12.5, color: t.primaire }}>
+                {a.reference}
+              </Text>
+              <Text
+                numberOfLines={1}
+                style={{ flex: 1, fontFamily: 'Manrope_400Regular', fontSize: 12.5, color: t.encre }}
+              >
+                {a.brand} {a.model ?? ''}
+              </Text>
+              <ChipStatutAppareil statut={a.status} t={t} />
+            </Pressable>
+          ))}
+          {!appareils.length ? (
+            <Text style={{ color: t.encre3, fontFamily: 'Manrope_400Regular', fontSize: 12.5 }}>
+              Aucun appareil rattaché.
+            </Text>
+          ) : null}
+        </Carte>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+function ChipStatutAppareil({ statut, t }: { statut: AssetStatus; t: Tokens }) {
+  const enService = statut === 'IN_SERVICE';
+  return (
+    <Text
+      style={{
+        fontFamily: 'Manrope_700Bold',
+        fontSize: 10.5,
+        color: enService ? t.stTermine : t.stAttente,
+        backgroundColor: enService ? t.stTermineFond : t.stAttenteFond,
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 999,
+        overflow: 'hidden',
+      }}
+    >
+      {ASSET_STATUS_LABELS[statut]}
+    </Text>
+  );
+}

apps/mobile/app/sites/index.tsx

@@ -0,0 +1,69 @@
+import { router } from 'expo-router';
+import { FlatList, Pressable, Text, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useLocations } from '@/api/exploitation';
+import { EnteteFiche } from '@/composants/ui';
+import { useTokens } from '@/theme/tokens';
+
+/** Sites — R6.2 (Parc). Liste plate → sites de premier niveau seulement
+ *  (une zone n'a jamais de fiche propre, elle suit son site — même règle
+ *  que le web, sites.tsx). */
+export default function PageSites() {
+  const t = useTokens();
+  const { data: locations } = useLocations();
+  const sites = (locations ?? []).filter((l) => l.parentId === null);
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <View style={{ flex: 1, padding: 14, gap: 10 }}>
+        <EnteteFiche titre="Sites" />
+        <FlatList
+          data={sites}
+          keyExtractor={(s) => s.id}
+          contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
+          ListEmptyComponent={
+            <Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
+              Aucun site accessible.
+            </Text>
+          }
+          renderItem={({ item: s }) => (
+            <Pressable
+              accessibilityRole="button"
+              onPress={() => router.push(`/sites/${s.id}`)}
+              style={{
+                backgroundColor: t.surface,
+                borderColor: t.bordure,
+                borderWidth: 1,
+                borderRadius: 12,
+                padding: 12,
+                gap: 2,
+              }}
+            >
+              <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
+                <Text style={{ flex: 1, fontFamily: 'Manrope_700Bold', fontSize: 14, color: t.encre }}>
+                  {s.name}
+                </Text>
+                <Text
+                  style={{
+                    fontFamily: 'Manrope_700Bold',
+                    fontSize: 10.5,
+                    color: t.encre2,
+                    backgroundColor: t.surface2,
+                    paddingHorizontal: 8,
+                    paddingVertical: 2,
+                    borderRadius: 999,
+                  }}
+                >
+                  {s.assetCount} appareil{s.assetCount > 1 ? 's' : ''}
+                </Text>
+              </View>
+              <Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
+                {[s.address, s.city].filter(Boolean).join(' — ') || '—'}
+              </Text>
+            </Pressable>
+          )}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}

apps/mobile/src/api/exploitation.ts

@@ -28,6 +28,13 @@ export function useWorkOrder(id: string) {
   });
 }
 
+export function useLocations() {
+  return useQuery({
+    queryKey: ['locations'],
+    queryFn: async () => (await unwrap(await api.GET('/locations'))).locations,
+  });
+}
+
 export function useAssets(opts?: { enabled?: boolean }) {
   return useQuery({
     queryKey: ['assets'],

docs/journal/journal.md

@@ -4,6 +4,37 @@ Trace chronologique des sessions (la plus récente en premier). Le **playbook**
 
 ---
 
+## 2026-08-02 — Pr. Daaif (+ Claude) — R6.2 : Parc sur mobile (Sites, Ascenseurs)
+
+**Actions**
+
+- `useLocations()` mobile (`GET /locations`, même liste plate que le web — le client construit
+  l'arbre site → zone).
+- Écran **Sites** (`app/sites/index.tsx`) : sites de premier niveau (`parentId === null`), nom,
+  ville/adresse, nombre d'appareils.
+- **Fiche site** (`app/sites/[id].tsx`) : identité (adresse, gardien, client/syndic), zones avec
+  leurs appareils, liste des ascenseurs du site — même filtre `siteName` que `fiche-site.tsx`
+  (web). Pas de carte interactive ni d'édition sur mobile (D4 — consultation seule pour cette
+  famille, réservé au web pour l'instant).
+- Écran **Ascenseurs** (`app/ascenseurs/index.tsx`) : le parc complet, déjà préchargé (D1 lecture
+  locale, même donnée que le Scanner), trié par référence. Ouvre la fiche appareil R4 telle
+  quelle (`ascenseur/[id].tsx`, déjà générique — aucune modification nécessaire, elle dérive déjà
+  ce qu'elle affiche du rôle appelant côté serveur).
+- Menu : « Ascenseurs » et « Sites » routent maintenant vers ces écrans réels (retirés de la
+  liste « à venir ») ; « Catégories » reste à venir (admin, hors périmètre R6.2).
+- Vérifié : typecheck propre, 17 tests Jest, lint 5/5 paquets.
+
+**Décisions**
+
+- Aucune nouvelle — exécution directe de la maquette R6 déjà validée (Parc = D4, consultation
+  seule) ; pas de nouveau tour de maquette pour cette sous-étape, les patrons visuels réutilisés
+  (Carte/LigneInfo/EnteteFiche) sont déjà validés depuis R4.
+
+**Prochaine étape** : R6.3 (Ressources — Stock, Tiers, Fichiers) ; confirmation du référent sur
+iPhone pour R6.1 et le correctif déconnexion, toujours en attente.
+
+---
+
 ## 2026-08-02 — Pr. Daaif (+ Claude) — R6 lancée : mobile ouvert à tous les rôles
 
 **Contexte** — deux retours du référent en test réel sur iPhone : (1) une fois authentifié,