feat(r6): R6.3 — Ressources sur mobile (Stock, Tiers, Fichiers)

api/ressources.ts (usePartners, useParts/usePart, useCreatePurchaseOrder,
useDocuments). Écran Stock (sous-seuil en tête) + fiche pièce + "Commander"
pré-rempli en une ligne (fournisseur figé, quantité = manquant jusqu'au
seuil, prix = dernier connu — BC multi-lignes détaillé réservé au web, D4).
Tiers en lecture seule (création/édition réservées au web). Fichiers en
métadonnées seules — l'ouverture demande expo-sharing (dépendance native
absente, donc un nouveau build natif) : différée explicitement plutôt
qu'ajoutée à la légère au milieu de cette passe.

Menu : Stock & achats / Tiers / Fichiers routent réellement.

Typecheck propre, 17 tests Jest, lint 5/5 paquets. Contrat non touché,
toutes les opérations utilisées existaient déjà depuis R3.

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

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

@@ -0,0 +1,65 @@
+import { router, useLocalSearchParams } from 'expo-router';
+import { ScrollView, Text } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { usePart } from '@/api/ressources';
+import { usePermissions } from '@/auth/use-permissions';
+import { BoutonTel, Carte, EnteteFiche, LigneInfo } from '@/composants/ui';
+import { useTokens } from '@/theme/tokens';
+
+const fmt = new Intl.NumberFormat('fr-FR');
+const fmtMAD = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'MAD' });
+
+/** Fiche pièce — R6.3. Consultation + une action courante (D4) : commander,
+ *  pré-rempli depuis cette fiche, comme la maquette (écran 6). Les
+ *  mouvements de stock (entrée manuelle, ajustement) restent au web. */
+export default function PageFichePiece() {
+  const t = useTokens();
+  const { id } = useLocalSearchParams<{ id: string }>();
+  const { data: piece } = usePart(id);
+  const { can } = usePermissions();
+
+  if (!piece) return null;
+
+  const peutCommander = can('PURCHASE_ORDERS', 'create') && !!piece.supplierId;
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
+        <EnteteFiche titre={piece.designation} />
+        <Carte titre="Identité">
+          <LigneInfo nom="Référence" valeur={piece.reference} />
+          <LigneInfo
+            nom="Stock"
+            valeur={
+              <Text
+                style={{
+                  color: piece.belowThreshold ? t.danger : t.encre,
+                  fontFamily: 'Manrope_700Bold',
+                  fontSize: 12.5,
+                }}
+              >
+                {fmt.format(piece.stock)}
+              </Text>
+            }
+          />
+          <LigneInfo nom="Seuil d'alerte" valeur={fmt.format(piece.threshold)} />
+          <LigneInfo nom="Fournisseur" valeur={piece.supplierName ?? '—'} />
+          <LigneInfo
+            nom="Dernier prix"
+            valeur={piece.lastUnitPrice != null ? fmtMAD.format(piece.lastUnitPrice) : '—'}
+          />
+          {piece.compatible ? <LigneInfo nom="Compatible" valeur={piece.compatible} /> : null}
+        </Carte>
+
+        {peutCommander ? (
+          <BoutonTel libelle="Commander" surAppui={() => router.push(`/stock/${piece.id}/commander`)} />
+        ) : null}
+        {!piece.supplierId && can('PURCHASE_ORDERS', 'create') ? (
+          <Text style={{ color: t.encre3, fontFamily: 'Manrope_400Regular', fontSize: 12, textAlign: 'center' }}>
+            Aucun fournisseur associé — commande depuis le web.
+          </Text>
+        ) : null}
+      </ScrollView>
+    </SafeAreaView>
+  );
+}

apps/mobile/app/stock/[id]/commander.tsx

@@ -0,0 +1,99 @@
+import { router, useLocalSearchParams } from 'expo-router';
+import { useState } from 'react';
+import { ScrollView, Text, TextInput, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useCreatePurchaseOrder, usePart } from '@/api/ressources';
+import { BoutonTel, Carte, EnteteFiche, LigneInfo } from '@/composants/ui';
+import { useTokens } from '@/theme/tokens';
+
+/** Nouveau BC pré-rempli depuis l'alerte stock — maquette écran 6. Une
+ *  seule ligne (cette pièce) : le bon de commande multi-lignes détaillé
+ *  reste au web (D4). */
+export default function PageCommander() {
+  const t = useTokens();
+  const { id } = useLocalSearchParams<{ id: string }>();
+  const { data: piece } = usePart(id);
+  const creation = useCreatePurchaseOrder();
+  const manquant = piece ? Math.max(piece.threshold - piece.stock, 1) : 1;
+  const [quantite, setQuantite] = useState(String(manquant));
+  const [prix, setPrix] = useState('');
+
+  if (!piece || !piece.supplierId) return null;
+  const prixDefaut = piece.lastUnitPrice != null ? String(piece.lastUnitPrice) : '';
+  const prixSaisi = prix || prixDefaut;
+  const qte = Number(quantite);
+  const pu = Number(prixSaisi);
+  const valide = qte > 0 && pu >= 0 && Number.isFinite(qte) && Number.isFinite(pu);
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <ScrollView contentContainerStyle={{ padding: 14, gap: 10 }}>
+        <EnteteFiche titre="Nouveau BC" />
+        <Carte titre="Ligne">
+          <LigneInfo nom="Fournisseur" valeur={piece.supplierName ?? '—'} />
+          <LigneInfo nom="Pièce" valeur={`${piece.designation} (${piece.reference})`} />
+        </Carte>
+        <View style={{ gap: 4 }}>
+          <Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 11, color: t.encre2 }}>Quantité</Text>
+          <TextInput
+            accessibilityLabel="Quantité"
+            keyboardType="numeric"
+            value={quantite}
+            onChangeText={setQuantite}
+            style={{
+              borderWidth: 1.5,
+              borderColor: t.bordureForte,
+              borderRadius: 9,
+              paddingHorizontal: 10,
+              paddingVertical: 9,
+              color: t.encre,
+              fontFamily: 'Manrope_600SemiBold',
+              fontSize: 13,
+            }}
+          />
+        </View>
+        <View style={{ gap: 4 }}>
+          <Text style={{ fontFamily: 'Manrope_700Bold', fontSize: 11, color: t.encre2 }}>
+            Prix unitaire (MAD)
+          </Text>
+          <TextInput
+            accessibilityLabel="Prix unitaire"
+            keyboardType="numeric"
+            placeholder={prixDefaut || '0'}
+            placeholderTextColor={t.encre3}
+            value={prix}
+            onChangeText={setPrix}
+            style={{
+              borderWidth: 1.5,
+              borderColor: t.bordureForte,
+              borderRadius: 9,
+              paddingHorizontal: 10,
+              paddingVertical: 9,
+              color: t.encre,
+              fontFamily: 'Manrope_600SemiBold',
+              fontSize: 13,
+            }}
+          />
+        </View>
+        {creation.isError ? (
+          <Text style={{ color: t.danger, fontFamily: 'Manrope_600SemiBold', fontSize: 12.5 }}>
+            {creation.error.message}
+          </Text>
+        ) : null}
+        <BoutonTel
+          libelle="Créer le BC"
+          desactive={!valide || creation.isPending}
+          surAppui={() =>
+            creation.mutate(
+              {
+                supplierId: piece.supplierId!,
+                lines: [{ partId: piece.id, quantity: qte, unitPrice: pu }],
+              },
+              { onSuccess: () => (router.canGoBack() ? router.back() : router.replace('/stock')) },
+            )
+          }
+        />
+      </ScrollView>
+    </SafeAreaView>
+  );
+}

apps/mobile/app/stock/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 { useParts } from '@/api/ressources';
+import { EnteteFiche } from '@/composants/ui';
+import { useTokens } from '@/theme/tokens';
+
+const fmt = new Intl.NumberFormat('fr-FR');
+
+/** Stock — R6.3 (Ressources). Sous-seuil en tête, comme le web (stock.tsx) —
+ *  ce qui demande une action passe avant le reste. */
+export default function PageStock() {
+  const t = useTokens();
+  const { data: parts } = useParts();
+  const pieces = [...(parts ?? [])].sort((a, b) => {
+    if (a.belowThreshold !== b.belowThreshold) return a.belowThreshold ? -1 : 1;
+    return a.designation.localeCompare(b.designation);
+  });
+  const sousSeuil = pieces.filter((p) => p.belowThreshold).length;
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: t.fond }} edges={['top']}>
+      <View style={{ flex: 1, padding: 14, gap: 10 }}>
+        <EnteteFiche
+          titre="Stock & achats"
+          apres={
+            sousSeuil ? (
+              <Text
+                style={{
+                  fontFamily: 'Manrope_800ExtraBold',
+                  fontSize: 10.5,
+                  color: t.danger,
+                  backgroundColor: t.prioBloqueFond,
+                  paddingHorizontal: 8,
+                  paddingVertical: 2,
+                  borderRadius: 999,
+                }}
+              >
+                {sousSeuil} sous seuil
+              </Text>
+            ) : undefined
+          }
+        />
+        <FlatList
+          data={pieces}
+          keyExtractor={(p) => p.id}
+          contentContainerStyle={{ gap: 8, paddingBottom: 12 }}
+          ListEmptyComponent={
+            <Text style={{ color: t.encre3, fontFamily: 'Manrope_600SemiBold', padding: 16, textAlign: 'center' }}>
+              Aucune pièce accessible.
+            </Text>
+          }
+          renderItem={({ item: p }) => (
+            <Pressable
+              accessibilityRole="button"
+              onPress={() => router.push(`/stock/${p.id}`)}
+              style={{
+                backgroundColor: t.surface,
+                borderColor: p.belowThreshold ? t.danger : t.bordure,
+                borderWidth: p.belowThreshold ? 1.5 : 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 }}>
+                  {p.designation}
+                </Text>
+                <Text
+                  style={{
+                    fontFamily: 'Manrope_800ExtraBold',
+                    fontSize: 13,
+                    color: p.belowThreshold ? t.danger : t.encre,
+                  }}
+                >
+                  {fmt.format(p.stock)}
+                </Text>
+              </View>
+              <Text style={{ fontFamily: 'Manrope_400Regular', fontSize: 12, color: t.encre2 }}>
+                {p.reference} · seuil {fmt.format(p.threshold)}
+                {p.supplierName ? ` · ${p.supplierName}` : ''}
+              </Text>
+            </Pressable>
+          )}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}