Telas

Princípios

Menos coisas na tela, menos decisões antes de começar. Cada tela responde a uma pergunta: com quem eu quero falar agora?

6 mudanças principais

1. Conversar primeiroCriar um mate leva um campo e um Enter. Você cai na conversa com ele já trabalhando.

2. Uma lista, um +Barra lateral é busca + lista plana. Criação mora só no “+”.

3. Execução em uma linhaO status do mate é uma frase. Os passos ficam atrás do chevron.

4. Aprovação em uma fraseO que vai acontecer, Aprovar ou Recusar, atalho de teclado.

5. Ajustes como no MacUm painel, listas agrupadas, controles de 32px alinhados à direita.

6. Onboarding em dois passosEntrar, nomear o workspace, conversar. Sem workspace demo.

Antes	Depois
Modal “Novo agente” com nome, handle, cor, descrição, instruções e modelo	Um campo: “O que ele deve fazer?”. Nome e foto automáticos
Configurar antes de conversar	Ao criar, você já está na conversa e o mate já está trabalhando
Lápis com menu duplicando o botão +	Um único “+”: Nova mensagem, Novo canal, Novo mate
“Novo canal” pedindo para você se adicionar	Você entra automaticamente em tudo que cria
Ajustes em nav flutuante com cards aninhados	Um painel, lista à esquerda, listas agrupadas com linhas
Seletor de cor em hex, nome de modelo, limites de uso à vista	Escondidos em “Avançado” ou removidos
Seções, badges e contadores por toda a barra lateral	Uma lista plana; um ponto azul quando há algo novo
Cartões de execução grandes com logs	Uma linha: status, o que está fazendo, chevron para detalhes
Onboarding longo com workspace demo, convites e modelos	Dois passos: entrar e dar nome ao workspace
Vidro fosco e camadas translúcidas	Cabeçalhos sólidos com divisória de 1px

Enter enviaShift+Enter quebra linha. Em todo campo de uma linha, Enter confirma.

Um ponto de criaçãoO “+” no topo da lista. ⌘N abre nova mensagem.

Esc fechaSheets e popovers fecham com Esc ou clique fora. Nada de “tem certeza?” para fechar.

Aprovar sem mouse⌘↩ aprova, ⌘⌫ recusa o pedido mais recente.

Salva sozinhoPerfil e ajustes salvam ao sair do campo. Sem botão “Salvar”.

Detalhes sob demandaExecuções e Avançado ficam recolhidos; um clique abre.

⌘K buscaPessoas, mates, canais e mensagens no mesmo campo.

Movimento curtoSheets sobem em 200ms, popovers em 140ms. Respeita “reduzir movimento”.

--fs-28 · 700Mates, mais simples

--fs-22 · 700Pesquisa

--fs-17 · 600O que ele deve fazer?

--fs-15 · 400Consigo. Vou olhar blogs e changelogs.

--fs-13 · 400Agora há pouco · 12 fontes

--s-1 · 4px

--s-2 · 8px

--s-3 · 12px

--s-4 · 16px

--s-6 · 24px

--s-8 · 32px

--s-12 · 48px

Fundo Lateral Divisória Texto 2 Texto Destaque

Um só destaque azul: foco, ação principal, menções e “não lido”.

Certo: um anel de 2px na borda de fora

Feito com :focus-within no contêiner.

Errado: caixa dentro de caixa

Escreva para Pesquisa…

O anel interno compete com a borda e parece outro campo.