Specimen · 20 primitivos

Primitivos de agente.

EXTRACT

agent

BANDAHigh-end

PEÇAS20

Restyle High-end dos padrões de UI de agente — não um clone de Beautiful UI.

Kit extract.sys vestindo HITL, traces, chips e fluxo. Prata, placas, um invert. Plus Jakarta + Azeret.

Padrões de beautifului.dev · visual Grupo Ecom / extract.sys

01 / 20

Estado de carga

Pontos, órbita e grade de pixels — com tempo decorrido.

Processando 0.0s

02 / 20

Pensamento

Traces expansíveis — passos, raciocínio, busca.

Passos

Ler o pedido do usuário
Buscar no índice interno
Redigir a resposta

Raciocínio

O patch toca três arquivos. A escrita no repositório pede HITL no passo 2 — não pular.

Busca

4 trechos em docs/onboarding.md e agent/flow.ts.

03 / 20

Texto em fluxo

Resposta do agente em typewriter, com fontes ao terminar.

docs/onboarding.md agent/flow.ts 3 fontes

04 / 20 · invert

Cartão de aprovação

HITL. O agente pergunta antes de agir.

Escrever o patch no repositório?

Três arquivos. Sem isso, o agente só descreve o diff.

Ação proposta write · agent/flow.ts + tests/onboarding.spec.ts

05 / 20

Chips de ferramenta

Chamadas compactas — search, read, write.

3 chamadas · 1 mensagem

S search ok R read ok W write espera

06 / 20

Linhas de tarefa

Checklist do agente — fila, em curso, concluída.

Ler o spec de onboardingdocs/onboarding.md

Concluída

Montar a trilha de aprovaçãoHITL · passo 2

Em curso

Escrever testestests/onboarding.spec.ts

Na fila

Abrir o diff3 arquivos

Na fila

07 / 20

Conversa

Thread compacta — usuário e agente.

Você Revisa o fluxo de onboarding e me diz onde o humano entra.

Agente No passo 2. Qualquer write espera o cartão de aprovação — o resto pode correr sozinho.

08 / 20

Barra de prompt

Composer com envio e um afordância de anexo.

09 / 20

Cartão de recomendação

Próximo passo sugerido, com confiança e alternativas.

Quer que eu enfileire o patch?

Escrever os testes primeiro, depois o fluxo. A aprovação continua no passo 2.

confiança alta

10 / 20

Cartões de contexto

Fontes recuperadas — spec, código, trilha.

Regra de HITL

Toda escrita no repositório passa por um humano. Leitura e busca não.

Assinatura do fluxo

run(task) devolve um cartão de aprovação quando o plano inclui write.

11 / 20

Tabela de diff

Antes e depois — o que o agente propõe mudar.

Diff proposto
Campo	Antes	Depois
HITL	opcional	obrigatório em write
Retries	3	3
Timeout	8s	12s
Auto-commit	ligado	removido

12 / 20

Tabela de registros

Grade de tarefas e donos — dados vivos, não marketing.

Tarefa	Dono	Estado	Atualizado
Onboarding HITL	Ana	em curso	2h
Índice interno	Miguel	fila	5h
Spec de tools	Lia	ok	1d
Patch de testes	Ana	espera	3h
Diff da tabela	Jeff	ok	4d

13 / 20

Tabela com filtro

Chips de estado reorganizam as linhas ao vivo.

Tarefa	Quando	Estado	Dono
Indexar o spec	hoje	Fila	Miguel
Montar HITL	hoje	Em curso	Ana
Escrever testes	amanhã	Fila	Ana
Revisar diff	hoje	Em curso	Jeff
Publicar tokens	ontem	Ok	Lia

14 / 20

Navegação lateral

Workspace do agente — o índice à esquerda é o mesmo padrão.

Workspace

Caixa. Três threads abertas — onboarding, patch de testes, revisão de diff.

15 / 20

Busca

Campo de comando com resultados ao vivo e estado vazio.

/

16 / 20

Cartões de insight

Três placas de métrica — fila, latência, aprovação.

Fila 12 tarefas abertas

Latência 1.8s média do turno

HITL 94% aprovadas no passo 2

17 / 20

Bloco de código

Placa em Azeret Mono, com copiar.

agent/flow.ts · TypeScript

// HITL antes de qualquer write
export async function run(task) {
  const plan = await think(task)
  if (plan.needsWrite) {
    return approval(plan)
  }
  return reply(plan)
}

18 / 20

Cartão de ajuste

Parâmetros do turno — temperatura, teto, top-p.

Temperatura 0.4 Teto de tokens 1024 Top-p 0.9

19 / 20

Ações de seleção

Barra de lote quando as linhas estão marcadas.

0 linhas

	Tarefa	Estado
	Indexar spec	Fila
	Montar HITL	Em curso
	Escrever testes	Fila
	Revisar diff	Em curso

20 / 20

Fluxograma

Grafo simples do turno — prompt, tools, HITL, resposta.

Licença

MIT

Visual restyle by Grupo Ecom / extract.sys High-end. Isto não é um clone visual — o kit é prata, Plus Jakarta, um invert.

MIT License

Copyright (c) 2026 Shane Levine

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.