feat(protese): cadastro de protético interno (sem conta) + carteira no link mágico

- Protético interno: a clínica cadastra um protético que não usa a plataforma. Cria usuário "mudo"
  (e-mail placeholder @interno.local + senha-fantasma; usuarios.email é NOT NULL/UNIQUE) + vínculo
  interno (fora do diretório). POST /protese/proteticos-internos; botão "Cadastrar protético interno"
  na Nova OS, que recarrega o dropdown e seleciona o novo.
- Carteira no link /p/TOKEN: botão "Meus trabalhos" → trabalhos em andamento/finalizados + mini
  financeiro mensal (valores pagos ao protético). GET /api/p/:token/carteira, escopo da relação
  clínica↔protético do token (não vaza outras clínicas; sem dados do paciente).

Validado em DEV: interno criado e acessível no dropdown; OS+link; carteira com andamento + R$250/2026-06.

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

frontend/views/ProtesePublicView.tsx

@@ -1,5 +1,5 @@
 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 { FlaskConical, Building2, Clock, ShieldCheck, AlertTriangle, CheckCircle2, Circle, Package, History, Camera, MapPin, ChevronRight, Loader2, ImagePlus, Zap, Briefcase, Wallet, ChevronLeft } from 'lucide-react';
 import { HybridBackend } from '../services/backend.ts';
 import { useToast } from '../contexts/ToastContext.tsx';
 
@@ -21,6 +21,57 @@ const Secao: React.FC<{ titulo: string; Icon: any; children: React.ReactNode }>
 
 const PROD_FLUXO = ['recebido', 'producao', 'prova', 'ajuste', 'finalizado'];
 
+const mesBR = (m: string) => { const [y, mo] = (m || '').split('-'); return mo ? new Date(Number(y), Number(mo) - 1, 1).toLocaleDateString('pt-BR', { month: 'long', year: 'numeric' }) : m; };
+
+// Carteira do protético (via link): trabalhos + mini financeiro mensal (relação com a clínica).
+const CarteiraView: React.FC<{ carteira: any }> = ({ carteira }) => {
+  if (!carteira) return <div className="flex justify-center py-16"><Loader2 className="animate-spin text-teal-600" size={28} /></div>;
+  const Linha: React.FC<{ t: any; fin?: boolean }> = ({ t, fin }) => (
+    <div className="flex items-center gap-2 bg-white border border-gray-100 rounded-xl px-3 py-2 text-xs">
+      <span className={`text-[8px] font-black px-1.5 py-0.5 rounded uppercase ${STATUS_COR[t.status] || 'bg-gray-100 text-gray-600'}`}>{STATUS_LABEL[t.status] || t.status}</span>
+      <div className="min-w-0 flex-1">
+        <p className="font-bold text-gray-700 truncate">{t.tipo}</p>
+        <p className="text-[10px] text-gray-400 truncate">{t.paciente_nome || '—'}{!fin && t.prazo_entrega ? ` · prazo ${dataBR(t.prazo_entrega)}` : ''}</p>
+      </div>
+      {Number(t.custo) > 0 && <span className="font-black text-gray-700 shrink-0">{fmtBRL(t.custo)}</span>}
+    </div>
+  );
+  return (
+    <main className="max-w-lg mx-auto p-3 space-y-3">
+      {carteira.clinica_nome && <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-3 text-[11px] font-black text-blue-700 uppercase flex items-center gap-1.5"><Building2 size={12} /> {carteira.clinica_nome}</div>}
+
+      {/* Mini financeiro */}
+      <div className="bg-[#2d6a4f] text-white rounded-2xl p-4">
+        <p className="text-[10px] font-black uppercase tracking-widest opacity-80 flex items-center gap-1.5"><Wallet size={12} /> Recebido desta clínica</p>
+        <p className="text-2xl font-black mt-1">{fmtBRL(carteira.financeiro?.total_pago || 0)}</p>
+        <div className="mt-3 space-y-1">
+          {(carteira.financeiro?.por_mes || []).map((m: any) => (
+            <div key={m.mes} className="flex items-center justify-between text-xs bg-white/10 rounded-lg px-3 py-1.5">
+              <span className="font-bold capitalize">{mesBR(m.mes)}</span>
+              <span className="font-black">{fmtBRL(m.total)}</span>
+            </div>
+          ))}
+          {(carteira.financeiro?.por_mes || []).length === 0 && <p className="text-[11px] opacity-70 uppercase font-bold">Nenhum pagamento registrado ainda.</p>}
+        </div>
+      </div>
+
+      <Secao titulo={`Em andamento (${carteira.andamento?.length || 0})`} Icon={Zap}>
+        <div className="space-y-1.5">
+          {(carteira.andamento || []).map((t: any) => <Linha key={t.id} t={t} />)}
+          {(carteira.andamento || []).length === 0 && <p className="text-[11px] text-gray-300 font-bold uppercase">Nada em produção.</p>}
+        </div>
+      </Secao>
+      <Secao titulo={`Finalizados (${carteira.finalizados?.length || 0})`} Icon={CheckCircle2}>
+        <div className="space-y-1.5">
+          {(carteira.finalizados || []).map((t: any) => <Linha key={t.id} t={t} fin />)}
+          {(carteira.finalizados || []).length === 0 && <p className="text-[11px] text-gray-300 font-bold uppercase">Nenhum entregue ainda.</p>}
+        </div>
+      </Secao>
+      <p className="text-center text-[10px] text-gray-300 uppercase font-bold pb-4">Valores recebidos do laboratório · sem dados do paciente</p>
+    </main>
+  );
+};
+
 export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
   const toast = useToast();
   const [os, setOs] = useState<any>(null);
@@ -28,8 +79,12 @@ export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
   const [loading, setLoading] = useState(true);
   const [busy, setBusy] = useState(false);
 
+  const [tela, setTela] = useState<'os' | 'carteira'>('os');
+  const [carteira, setCarteira] = useState<any>(null);
+
   const recarregar = useCallback(() => HybridBackend.getProtesePublic(token).then(setOs).catch(e => setErro(e.message || 'Link inválido.')), [token]);
   useEffect(() => { recarregar().finally(() => setLoading(false)); }, [recarregar]);
+  const abrirCarteira = () => { setTela('carteira'); if (!carteira) HybridBackend.getCarteiraPublic(token).then(setCarteira).catch(() => setCarteira({ andamento: [], finalizados: [], financeiro: { por_mes: [], total_pago: 0 } })); };
 
   const act = async (fn: () => Promise<any>, ok: string) => {
     setBusy(true);
@@ -66,10 +121,14 @@ 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">{os.finalizada ? 'Somente leitura' : 'Acompanhamento'}</span>
+        {tela === 'os'
+          ? <button onClick={abrirCarteira} className="text-[9px] font-black px-2 py-1 rounded-full bg-white/15 uppercase flex items-center gap-1"><Briefcase size={11} /> Meus trabalhos</button>
+          : <button onClick={() => setTela('os')} className="text-[9px] font-black px-2 py-1 rounded-full bg-white/15 uppercase flex items-center gap-1"><ChevronLeft size={11} /> Voltar à OS</button>}
       </header>
 
-      <main className="max-w-lg mx-auto p-3 space-y-3">
+      {tela === 'carteira' && <CarteiraView carteira={carteira} />}
+
+      {tela === 'os' && <main className="max-w-lg mx-auto p-3 space-y-3">
         {/* Cabeçalho da OS */}
         <div className="bg-white rounded-2xl border border-gray-100 shadow-sm p-4">
           <div className="flex items-start justify-between gap-2">
@@ -218,7 +277,7 @@ export const ProtesePublicView: React.FC<{ token: string }> = ({ token }) => {
           <span className="inline-flex items-center gap-1 mt-2 bg-white text-[#2d6a4f] font-black text-xs uppercase px-4 py-2 rounded-xl">Criar conta grátis <ChevronRight size={14} /></span>
         </a>
         <p className="text-center text-[10px] text-gray-300 uppercase font-bold pb-4">ScoreOdonto · Provedor de Prótese</p>
-      </main>
+      </main>}
     </div>
   );
 };