diff --git a/public/app.html b/public/app.html new file mode 100644 index 0000000..94d4db0 --- /dev/null +++ b/public/app.html @@ -0,0 +1,1386 @@ + + + + + + Agents Orchestrator + + + + + + + + +
+ + + +
+
+
+

Dashboard

+
+
+
+ + 0 + ativas +
+ + + + +
+ + +
+
+
+ +
+ +
+
+
+
+ +
+
+ Total de Agentes + 0 +
+
+
+
+ +
+
+ Agentes Ativos + 0 +
+
+
+
+ +
+
+ Execuções Hoje + 0 +
+
+
+
+ +
+
+ Agendamentos + 0 +
+
+
+
+ +
+
+ Custo Hoje + $0.0000 +
+
+
+
+ +
+
+ Webhooks Ativos + 0 +
+
+
+ +
+
+
+

Execuções

+ +
+ +
+
+
+

Custo (USD)

+
+ +
+
+
+
+
+

Status

+
+ +
+
+
+

Top Agentes

+
+ +
+
+
+

Taxa de Sucesso

+
+ +
+
+ +
+
+
+

Atividade Recente

+ +
+
+
    +
  • + + Nenhuma execução recente +
  • +
+
+
+ +
+
+

Status do Sistema

+
+
+
    +
  • +
    + + Servidor HTTP +
    + Online +
  • +
  • +
    + + WebSocket +
    + Desconectado +
  • +
  • +
    + + Armazenamento +
    + OK +
  • +
  • +
    + + Claude CLI +
    + Verificando... +
  • +
+
+
+
+
+ + + + + + + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/index.html b/public/index.html index 94d4db0..7117b28 100644 --- a/public/index.html +++ b/public/index.html @@ -1,1386 +1,544 @@ - - - Agents Orchestrator - - - - - + + +AgentFlow — Orquestre Agentes IA + + + -
+ + - +
+
+

Pipelines Visuais

+

Editor drag-and-drop com canvas HTML5. Monte fluxos complexos conectando agentes em sequência, com sumarização automática entre steps.

+
-
-
-
-

Dashboard

-
-
-
- - 0 - ativas -
- - - - -
- - -
-
-
+
+
+

Execução em Tempo Real

+

Streaming via WebSocket com terminal integrado. Veja cada token sendo gerado, chamadas de ferramenta e custos ao vivo.

+
-
+
+
+

Agendamento Inteligente

+

Cron scheduling com retry automático e backoff exponencial. Agende execuções recorrentes e nunca mais esqueça uma tarefa.

+
-
-
-
-
- -
-
- Total de Agentes - 0 -
-
-
-
- -
-
- Agentes Ativos - 0 -
-
-
-
- -
-
- Execuções Hoje - 0 -
-
-
-
- -
-
- Agendamentos - 0 -
-
-
-
- -
-
- Custo Hoje - $0.0000 -
-
-
-
- -
-
- Webhooks Ativos - 0 -
-
-
+
+
👤
+

Human-in-the-Loop

+

Aprovação manual entre steps do pipeline. Defina pontos de controle onde um humano valida antes de prosseguir.

+
-
-
-
-

Execuções

- -
- -
-
-
-

Custo (USD)

-
- -
-
-
-
-
-

Status

-
- -
-
-
-

Top Agentes

-
- -
-
-
-

Taxa de Sucesso

-
- -
-
+
+
+

Versionamento

+

Histórico completo de alterações com rollback instantâneo. Cada edição gera uma versão que pode ser restaurada.

+
-
-
-
-

Atividade Recente

- -
-
-
    -
  • - - Nenhuma execução recente -
  • -
-
-
+
+
🔗
+

Webhooks & Integrações

+

Conecte com GitHub, CI/CD ou qualquer endpoint HTTP. Assinatura HMAC-SHA256 compatível com GitHub Webhooks.

+
-
-
-

Status do Sistema

-
-
-
    -
  • -
    - - Servidor HTTP -
    - Online -
  • -
  • -
    - - WebSocket -
    - Desconectado -
  • -
  • -
    - - Armazenamento -
    - OK -
  • -
  • -
    - - Claude CLI -
    - Verificando... -
  • -
-
-
-
-
+
+
+ - + +
+
+ +

Planos para cada necessidade

+

Comece pequeno e escale conforme sua operação cresce. Sem surpresas.

+
- + -
+
+
-
-
-

Histórico de Disparos

-
-
-

Nenhum disparo registrado

-
-
- + +
+
+ +

Perguntas Frequentes

+

Tudo o que você precisa saber antes de começar.

+
- +
+
+Como funciona a integração com Claude Code? + +
+
O AgentFlow executa o CLI do Claude Code como subprocesso, herdando todas as suas capacidades — ferramentas, permissões, sessões. O output é parseado em tempo real e transmitido via WebSocket para seu navegador. Isso significa que qualquer coisa que o Claude Code faz no terminal, o AgentFlow faz na interface web.
+
- +
+
+Posso cancelar a qualquer momento? + +
+
Sim. Todos os planos são mensais sem fidelidade. Você pode fazer upgrade, downgrade ou cancelar quando quiser. Seus dados ficam disponíveis por 30 dias após o cancelamento.
+
- +
+
+Vocês oferecem teste gratuito? + +
+
Sim! Oferecemos 14 dias de teste gratuito no plano Pro, sem precisar de cartão de crédito. Você pode explorar todas as funcionalidades e decidir com calma qual plano faz mais sentido para sua operação.
+
- +
+
+
- + - - - - - - - - - - - - - - - - - +// Mobile nav +const style = document.createElement('style'); +style.textContent = ` +@media(max-width:900px){ + .nav-links.show{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(9,9,11,.95);backdrop-filter:blur(20px);padding:24px;gap:16px;border-bottom:1px solid var(--glass-border)} +}`; +document.head.appendChild(style); +