Aplicativo Personalizado de Centro de Comando para OpenClaw: PWA React com Proxy WebSocket e Tailscale
Um usuário do Reddit (Weird_Night_2176) compartilhou seu aplicativo personalizado de centro de comando construído sobre seu gateway OpenClaw. O aplicativo substitui seu método de controle anterior baseado no WhatsApp, que era limitado pelo limite de 50 mensagens/dia do sandbox do Twilio. A configuração roda em um dispositivo Jetson, servindo um React PWA acessível de qualquer lugar via Tailscale.
Arquitetura e Componentes Principais
- Proxy WebSocket: O OpenClaw vincula apenas ao loopback, então o desenvolvedor criou um servidor proxy Express leve que faz a ponte da conexão WebSocket. Isso permite que o frontend React se comunique com o gateway OpenClaw de qualquer dispositivo na malha Tailscale.
- Frontend: Um Progressive Web App (PWA) React servido diretamente do Jetson.
- Rede: Malha Tailscale para acesso remoto seguro; o aplicativo funciona no iPhone via Tailscale.
Funcionalidades do Centro de Comando
- Interface de Chat ao Vivo: Chat direto com o agente de IA "Bosefus".
- Painel de Agentes: Mostra 14 agentes com sua última tarefa e status.
- Mesa de Negociações: Posições Alpaca ao vivo e P&L de criptomoedas.
- Histórico de Execuções da Equipe: Cada trabalho automatizado registrado por nome.
- Status do Modelo Ollama: Status ao vivo do servidor de modelos Orange Pi.
- Rastreador de Fundos de Construção: Acompanha as economias para a próxima atualização de hardware.
- Notificações Push: Substitui o WhatsApp para alertas.
Para Quem é Isso
Desenvolvedores que executam o OpenClaw como um gateway de agente de IA e precisam de uma UI dedicada, além da linha de comando ou aplicativos de mensagens de terceiros, especialmente aqueles com múltiplos agentes e integrações de negociação.
Recursos
O usuário mencionou que um tutorial completo de construção será lançado no YouTube. Por enquanto, o post no Reddit tem detalhes sobre a arquitetura e motivação.
📖 Read the full source: r/openclaw
👀 See Also
Otimizando o GLM-4.7-Flash no Mac Mini M4 com 24 GB de RAM
Um desenvolvedor compartilha detalhes específicos de configuração para executar o GLM-4.7-Flash em um Mac Mini M4 com 24GB de RAM, incluindo quantização Q3_K_XL, tamanho de contexto de 32k com MLA e realidades de alocação de memória para Metal.
Como Configurar Subagentes com Espaços de Trabalho Separados no OpenClaw
Uma solução comunitária para configurar múltiplos subagentes com espaços de trabalho isolados e modelos diferentes
De 88 a 100 PSI: Claude Code para Optimização Front-End
Um desenvolvedor usou o Claude Code para aumentar o PageSpeed Insights de 88 para 100 no mobile. Táticas-chave: imagens responsivas com srcset, IntersectionObserver, remoção de pré-carregamento de fontes. O Claude atuou como um parceiro de depuração, não como uma correção de um prompt.
Como executar com segurança as ferramentas nativas do llama.cpp (exec_shell_command) com multi-sandboxing no Linux
Um guia prático para habilitar as ferramentas nativas do llama.cpp, especialmente o exec_shell_command, e executá-las dentro de múltiplas caixas de areia (Firejail + máquina virtual Alpine) para busca segura na web e execução de comandos via interface web do llama-server.