Editor Monaco e diffs

O painel de editor é o Monaco — o editor sobre o qual o VS Code é construído — rodando dentro do canvas.

Abrindo arquivos

⇧⌘E abre um painel de editor, ⌘P é o localizador rápido de arquivos e ⌘S salva. A árvore de arquivos da barra lateral (⇧⌘X) conhece o git, então um arquivo modificado aparece como modificado enquanto você olha para ele.

Ler o que o agente mudou

É por isso que o editor fica no canvas, ao lado dos agentes: um diff lado a lado de tudo que o agente tocou, na mesma vista em que o agente ainda está trabalhando.

 export async function refresh(t: Token) {
-  const res = await fetch(URL, { method: "POST" })
+  const res = await withRetry(() =>
+    fetch(URL, { method: "POST", signal }))
   if (!res.ok) throw new AuthError(res.status)
   return res.json() as Promise<Session>
 }

Leia, aceite ou descarte — antes de aquilo entrar em qualquer merge.

Busca

⇧⌘F abre a busca de conteúdo no workspace inteiro, com ripgrep por trás: texto literal ou regex, opções de caixa e palavra inteira, globs de inclusão e exclusão, e .gitignore respeitado por padrão.

Abas e painéis

Um painel de editor guarda um arquivo, do mesmo jeito que um painel de terminal guarda uma sessão. Dois arquivos lado a lado são dois painéis — é para isso que o canvas serve. Solte vários deles na mesma zona do dock e lá eles viram abas empilhadas.

Um clique simples na árvore de arquivos abre um painel de preview: o próximo clique simples reaproveita esse painel em vez de empilhar mais um. Um clique duplo no arquivo, ou uma edição, fixa o painel.