← MonitorProxyBarra / Tarja
Componente reutilizável

Tarja de telemetria para aplicações

Componente visual independente para colocar no topo de aplicações da rede. A tarja consulta exclusivamente o MonitorProxy e não acessa diretamente AMD, i9, NVIDIA, hwmon, ZFS ou qualquer recurso dos hosts.
Baixar pacote completo

Integração recomendada

REGRA PRINCIPAL: a integração deve ser aditiva e isolada. Não reestruture, não refatore, não substitua, não mova e não altere a lógica existente do aplicativo para acomodar a tarja. O aplicativo precisa continuar funcionando exatamente como antes se a tarja falhar, ficar offline ou for removida.
<iframe
  src="http://monitorproxy.app/barra-tarja/embed"
  title="Telemetria do datacenter"
  style="width:100%;height:76px;border:0;display:block"
  loading="eager">
</iframe>
Em aplicações HTTPS, use https://monitor.np.net.br/barra-tarja/embed para evitar mixed content. Em ambos os casos são usados nomes DNS, nunca IPs.

Garantias de isolamento

• Não importar JavaScript da tarja dentro do runtime do aplicativo.
• Não copiar a lógica de telemetria para o backend do aplicativo.
• Não executar nvidia-smi, sensors, SSH ou consultas aos hosts.
• Não criar timers dentro do código principal do aplicativo.
• Não alterar stores, rotas, banco, autenticação, sessão ou estado global.
• Não modificar CSS global do aplicativo para “combinar” com a tarja.
• Não fazer a inicialização do aplicativo depender da resposta da telemetria.
• Se a tarja falhar, somente a tarja pode falhar; o resto do aplicativo permanece intacto.
• Para remover a integração, basta remover o único iframe.

Fonte de dados

✓ Proxy canônico: monitorproxy.app
✓ Origem AMD: /api/status?origin=amd
✓ Origem i9: /api/status?origin=i9
✓ Origem Xeon: /api/status?origin=xeon
✓ Atualização: aproximadamente 5 segundos
✓ A tarja embutida usa endpoints relativos dentro do próprio MonitorProxy. No AMD, duas V100 serão exibidas automaticamente quando detectadas; até lá, aparecem como previstas, sem valores fictícios.

Conteúdo do download

README-INTEGRACAO.md — instruções extensivas e regras de segurança.
snippet-http.html — integração para aplicação HTTP interna.
snippet-https.html — integração para aplicação HTTPS.
EXEMPLO-INTEGRACAO.html — exemplo isolado completo.
CHECKLIST-ANTES-DE-ALTERAR.md — checklist para Codex/Chat não tocar no aplicativo além da inserção visual.