fix(ao-vivo): rosto do painel dorme e acorda junto com o celular

O celular adormece sozinho (silêncio sem movimento) e acorda com som,
movimento ou toque; isso vem na telemetria, não no SSE de ordens, e a
prévia do painel continuava acordada. Ao vivo e mini-rosto agora seguem
o `dormindo` da telemetria; as prévias de edição (Rosto, Reações) não.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

android/app/assets/carinha.html

@@ -613,6 +613,7 @@ if (MODO_PAINEL) {
     const m = e.data;
     if (m.tipo === 'ordem' && typeof m.ordem === 'string') trata(m.ordem);
     else if (m.tipo === 'config' && m.config) configurarApp(m.config);
+    else if (m.tipo === 'sono' && !!m.dormindo !== r.dormindo) trata(m.dormindo ? 'dormir' : 'acordar');
     else if (m.tipo === 'legenda' && typeof m.texto === 'string' && window.MotorRosto) window.MotorRosto.faixa('legenda', { texto: m.texto });
   });
 } else if (new URLSearchParams(location.search).get('espelho') === '1') setInterval(aplicarAparencia, 1000);

carinha.html

@@ -613,6 +613,7 @@ if (MODO_PAINEL) {
     const m = e.data;
     if (m.tipo === 'ordem' && typeof m.ordem === 'string') trata(m.ordem);
     else if (m.tipo === 'config' && m.config) configurarApp(m.config);
+    else if (m.tipo === 'sono' && !!m.dormindo !== r.dormindo) trata(m.dormindo ? 'dormir' : 'acordar');
     else if (m.tipo === 'legenda' && typeof m.texto === 'string' && window.MotorRosto) window.MotorRosto.faixa('legenda', { texto: m.texto });
   });
 } else if (new URLSearchParams(location.search).get('espelho') === '1') setInterval(aplicarAparencia, 1000);

web/src/lib/componentes/RostoPrevia.svelte

@@ -7,7 +7,8 @@
   import { onDestroy } from 'svelte';
   import { estado, ouvir } from '../estado.svelte';
 
-  let { titulo = 'Prévia do rosto' }: { titulo?: string } = $props();
+  /** espelharSono: dorme/acorda junto com o celular (ele adormece sozinho no silêncio). */
+  let { titulo = 'Prévia do rosto', espelharSono = true }: { titulo?: string; espelharSono?: boolean } = $props();
   let quadro: HTMLIFrameElement;
   let pronto = $state(false);
 
@@ -20,6 +21,13 @@
     if (estado.appConfig) enviar({ tipo: 'config', config: $state.snapshot(estado.appConfig) });
   }
 
+  // Sono que o celular decidiu sozinho (silêncio, toque, barulho) não passa pelo SSE de ordens:
+  // vem na telemetria. Sem celular online, a prévia fica como está.
+  const dormindoNoCelular = $derived(estado.celularOnline ? !!estado.app?.estado?.dormindo : null);
+  $effect(() => {
+    if (espelharSono && pronto && dormindoNoCelular !== null) enviar({ tipo: 'sono', dormindo: dormindoNoCelular });
+  });
+
   let ultimaConversa = estado.conversa?.ultima?.id;
   const cancelar = [
     ouvir('expressao', (d) => enviar({ tipo: 'ordem', ordem: d.ordem })),

web/src/telas/Reacoes.svelte

@@ -249,7 +249,7 @@
   </div>
 
   <aside class="lateral">
-    <div class="quadro"><RostoPrevia bind:this={previa} titulo="Prévia das reações" /></div>
+    <div class="quadro"><RostoPrevia bind:this={previa} titulo="Prévia das reações" espelharSono={false} /></div>
     <p class="fraco pequeno-texto">Clique numa reação para ver aqui sem mandar ao celular.</p>
   </aside>
 </div>

web/src/telas/Rosto.svelte

@@ -70,7 +70,7 @@
 
   <section class="bancada" aria-label="Prévia">
     <div class="celular">
-      <div class="tela"><RostoPrevia bind:this={previa} titulo="Prévia do rosto" /></div>
+      <div class="tela"><RostoPrevia bind:this={previa} titulo="Prévia do rosto" espelharSono={false} /></div>
       <span class="camera-frontal" aria-hidden="true"></span>
       <span class="etiqueta">{nomeRosto(atual).toUpperCase()}{aceitaFormato ? ' · ' + (FORMATOS_INFO[formatoAtual] ?? formatoAtual).toUpperCase() : ''}</span>
     </div>