Première connexion : ~15-40s (tunnel sécurisé + démarrage Android). Les suivantes sont instantanées.
)}
);
}
// Détail : DEVICEVIEW EXACT (comme Pilotage iPhone) sur un cloud phone.
// Le panneau s'affiche DIRECTEMENT (phone éteint) — le démarrage n'est PLUS automatique : l'utilisateur
// clique « ▶ Allumer le cloud phone » (dans DeviceView), ce qui affiche l'overlay de progression ci-dessous
// jusqu'à ce que le phone soit prêt, puis l'écran live apparaît.
function CloudPilotDetail({ cp, onBack, user }) {
const { useEffect, useMemo, useState, useReducer } = React;
const [launched, setLaunched] = useState(false); // lancé dans CETTE session ? -> pilote le streaming
const [launching, setLaunching] = useState(false); // overlay « démarrage du cloud phone » affiché ?
const [screen, setScreen] = useState(null); // [w,h] réel du cloud phone (récupéré à la 1re connexion)
const [bypassed, setBypassed] = useState(false); // Owner a forcé l'ouverture malgré le verrou
const [, _tick] = useReducer(x => x + 1, 0);
// Phase LIVE du cloud phone : le parcours (pcApplyTemplate) écrit dans Backend._localPhases via patchMeta
// SANS émettre d'événement -> on la relit à chaque render (le _tick 1s force le refresh) et on l'inclut
// dans les deps du memo pour que le layout (getPhaseLayout) suive la phase appliquée par le parcours.
const _livePhase = (window.Backend && window.Backend._localPhases && window.Backend._localPhases[cp.id]) || "";
const device = useMemo(() => cloudToDevice(cp, screen), [cp.id, screen && screen.join("x"), _livePhase]);
useEffect(() => {
// keepalive (anti auto-off) SEULEMENT une fois lancé — avant, on ne touche pas au phone.
if (!launched) return;
const ka = setInterval(() => { if (window.Backend.cloudphoneKeepalive) window.Backend.cloudphoneKeepalive(cp.id); }, 20000);
return () => clearInterval(ka);
}, [cp.id, launched]);
useEffect(() => { const id = setInterval(_tick, 1000); return () => clearInterval(id); }, []); // countdown du verrou
// Verrou de parcours (cooldown / plage horaire) : ça SORT du panneau tant que le profil est verrouillé.
const _prog = window.ParcoursProgress ? window.ParcoursProgress.get(cp.id) : null;
const _parc = (_prog && window.ParcoursStore) ? window.ParcoursStore.get(_prog.parcoursId) : null;
const lock = (_parc && !_prog.done && window.pcLockState) ? window.pcLockState(_parc, _prog) : { locked: false };
const isOwner = window.ROLE_RANK ? window.ROLE_RANK(user && user.role) >= 3 : false;
if (lock.locked && !bypassed) {
return (
🔒
{cp.name || "Cloud phone"} verrouillé
{lock.reason === "cooldown"
?
En cooldown de parcours — revient dans {_fmtLockMs(Math.max(0, lock.until - Date.now()))}
);
}
window.PhoneCloudPilotage = PhoneCloudPilotage;
window.PhoneCloudPilot = PhoneCloudPilotage; // alias rétro-compat
// ---- Overviews ----
function _Kpi({ label, value, sub, color }) {
return (
{label}
{value}
{sub &&
{sub}
}
);
}
// Petit graphique à barres horizontales (autonome, sans dépendance)
function _MiniBars({ items }) {
const max = Math.max(1, ...items.map(i => i.value));
return (
{items.map((it, i) => (
{it.label}
{it.display}
))}
{items.length === 0 &&
Aucune donnée pour l'instant.
}
);
}
function _Card({ title, sub, children }) {
return (