feat(protese): Modo 1 fatia 1b — ações do protético pelo link (sem conta)

Pelo link /p/TOKEN o protético (sem conta) passa a ATUAR na OS, tudo auditado como "<nome> (link)":
- POST /api/p/:token/custodia — confirmar recebimento / devolução (clínica↔lab)
- POST /api/p/:token/status — avançar a produção (recebido…finalizado); entregue/cancelado
  seguem exclusivos da clínica (400 pelo link)
- POST /api/p/:token/foto — anexar foto do trabalho
Página pública ganha a seção "Atualizar status" (custódia/etapa/foto) enquanto a OS não está
finalizada; header alterna Acompanhamento/Somente leitura.

Validado em DEV: recebimento, avanço de etapa, foto; entregue pelo link → 400.

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

frontend/views/ProtesePublicView.tsx

@@ -1,6 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { FlaskConical, Building2, Clock, ShieldCheck, AlertTriangle, CheckCircle2, Circle, Package, History, Camera, MapPin, ChevronRight, Loader2 } from 'lucide-react';
+import React, { useState, useEffect, useCallback } from 'react';
+import { FlaskConical, Building2, Clock, ShieldCheck, AlertTriangle, CheckCircle2, Circle, Package, History, Camera, MapPin, ChevronRight, Loader2, ImagePlus, Zap } from 'lucide-react';
 import { HybridBackend } from '../services/backend.ts';
+import { useToast } from '../contexts/ToastContext.tsx';
 
 const fmtBRL = (v: number) => 'R$ ' + Number(v || 0).toLocaleString('pt-BR', { minimumFractionDigits: 2 });
 const dataBR = (d: string) => (d || '').slice(0, 10).split('-').reverse().join('/');
@@ -18,14 +19,30 @@ const Secao: React.FC<{ titulo: string; Icon: any; children: React.ReactNode }>
   </div>
 );
 
+const PROD_FLUXO = ['recebido', 'producao', 'prova', 'ajuste', 'finalizado'];
+
 export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
+  const toast = useToast();
   const [os, setOs] = useState<any>(null);
   const [erro, setErro] = useState('');
   const [loading, setLoading] = useState(true);
+  const [busy, setBusy] = useState(false);
 
-  useEffect(() => {
-    HybridBackend.getProtesePublic(token).then(setOs).catch(e => setErro(e.message || 'Link inválido.')).finally(() => setLoading(false));
-  }, [token]);
+  const recarregar = useCallback(() => HybridBackend.getProtesePublic(token).then(setOs).catch(e => setErro(e.message || 'Link inválido.')), [token]);
+  useEffect(() => { recarregar().finally(() => setLoading(false)); }, [recarregar]);
+
+  const act = async (fn: () => Promise<any>, ok: string) => {
+    setBusy(true);
+    try { await fn(); toast.success(ok); await recarregar(); }
+    catch (e: any) { toast.error((e.message || 'ERRO').toUpperCase()); } finally { setBusy(false); }
+  };
+  const receber = () => act(() => HybridBackend.custodiaPublic(token, 'laboratorio'), 'RECEBIMENTO CONFIRMADO.');
+  const devolver = () => act(() => HybridBackend.custodiaPublic(token, 'clinica'), 'DEVOLUÇÃO REGISTRADA.');
+  const avancar = (s: string) => act(() => HybridBackend.statusPublic(token, s), 'ETAPA ATUALIZADA.');
+  const anexar = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const f = e.target.files?.[0]; if (!f) return;
+    act(() => HybridBackend.uploadFotoPublic(token, f), 'FOTO ANEXADA.'); e.target.value = '';
+  };
 
   if (loading) return <div className="min-h-screen flex items-center justify-center bg-gray-50"><Loader2 className="animate-spin text-teal-600" size={32} /></div>;
   if (erro || !os) return (
@@ -49,7 +66,7 @@ export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
           <p className="font-black text-sm leading-tight">ScoreOdonto</p>
           <p className="text-[10px] text-white/70 uppercase tracking-wide leading-tight">Acompanhamento de prótese</p>
         </div>
-        <span className="text-[9px] font-black px-2 py-0.5 rounded-full bg-white/15 uppercase">Somente leitura</span>
+        <span className="text-[9px] font-black px-2 py-0.5 rounded-full bg-white/15 uppercase">{os.finalizada ? 'Somente leitura' : 'Acompanhamento'}</span>
       </header>
 
       <main className="max-w-lg mx-auto p-3 space-y-3">
@@ -69,6 +86,30 @@ export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
           </div>
         </div>
 
+        {/* Ações do protético (sem conta) */}
+        {!os.finalizada && (
+          <Secao titulo="Atualizar status" Icon={Zap}>
+            <div className="space-y-2">
+              {noLab
+                ? <button disabled={busy} onClick={devolver} className="w-full py-2.5 rounded-xl bg-blue-600 text-white font-black text-xs uppercase disabled:opacity-50">Devolvi à clínica</button>
+                : <button disabled={busy} onClick={receber} className="w-full py-2.5 rounded-xl bg-[#2d6a4f] text-white font-black text-xs uppercase disabled:opacity-50">Recebi o trabalho</button>}
+              <div>
+                <p className="text-[9px] font-black text-gray-400 uppercase mb-1">Etapa de produção</p>
+                <div className="flex flex-wrap gap-1.5">
+                  {PROD_FLUXO.map(s => (
+                    <button key={s} disabled={busy || os.status === s} onClick={() => avancar(s)}
+                      className={`px-2.5 py-1.5 rounded-lg text-[10px] font-black uppercase disabled:opacity-40 ${os.status === s ? 'bg-[#2d6a4f] text-white' : 'border border-gray-200 text-gray-500'}`}>{STATUS_LABEL[s]}</button>
+                  ))}
+                </div>
+              </div>
+              <label className={`w-full flex items-center justify-center gap-2 py-2.5 rounded-xl border border-dashed border-gray-200 text-gray-500 text-xs font-bold uppercase cursor-pointer ${busy ? 'opacity-50 pointer-events-none' : ''}`}>
+                <ImagePlus size={15} /> Anexar foto do trabalho
+                <input type="file" accept="image/*" className="hidden" onChange={anexar} />
+              </label>
+            </div>
+          </Secao>
+        )}
+
         {/* Etapas */}
         <Secao titulo="Etapas" Icon={Clock}>
           {cancelado ? (