> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Codemaps

> Crie mapas hierárquicos compartilháveis da sua base de código para visualizar o fluxo de execução e as relações entre componentes. Navegue e compartilhe com colegas de equipe.

Com o suporte de um agente especializado, os Codemaps são artefatos compartilháveis que fazem a ponte entre a compreensão humana e o raciocínio da IA, possibilitando navegar, discutir e modificar grandes bases de código com precisão e contexto.

<div id="what-are-codemaps">
  ## O que são Codemaps?
</div>

Enquanto o [DeepWiki](/pt-BR/desktop/deepwiki) fornece documentação no nível de símbolos, os Codemaps ajudam a entender a base de código ao mapear como tudo funciona em conjunto, mostrando a ordem em que o código e os arquivos são executados e como os diferentes componentes se relacionam.

Para navegar em um Codemap, clique em qualquer nó para ir instantaneamente até esse arquivo e essa função. Cada nó no Codemap leva diretamente ao local correspondente no seu código.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemaps-overview.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=7d8126d4f920b432a89d0d52f15103e5" data-path="desktop/assets/windsurf/codemaps/codemaps-overview.mp4" />

<div id="accessing-codemaps">
  ## Acessando o Codemaps
</div>

Você pode acessar o Codemaps de duas formas:

* **Barra de Atividades**: Encontre a interface do Codemaps na Barra de Atividades (painel lateral esquerdo)
* **Paleta de Comandos**: Pressione `Cmd+Shift+P` (Mac) ou `Ctrl+Shift+P` (Windows/Linux) e pesquise por "Focus on Codemaps View"

<div id="creating-a-codemap">
  ## Criando um Codemap
</div>

Para criar um novo Codemap:

1. Abra o painel de Codemaps
2. Crie um novo Codemap:
   * Selecionando um tópico sugerido (as sugestões se baseiam no seu histórico de navegação recente)
   * Digitando seu próprio prompt personalizado
   * Gerando no Cascade: crie novos Codemaps na parte inferior de uma conversa no Cascade
3. O agente do Codemap explora seu repositório, identifica arquivos e funções relevantes e gera uma visualização hierárquica

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/create-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=3ecbec63e167aee9815b113dababcd8b" data-path="desktop/assets/windsurf/codemaps/create-codemaps.mp4" />

<div id="sharing-codemaps">
  ## Compartilhando Codemaps
</div>

Você pode compartilhar Codemaps com colegas de equipe por meio de links que podem ser visualizados no navegador.

<Warning>
  Para clientes Enterprise, o compartilhamento de Codemaps requer adesão, pois eles precisam ser armazenados em nossos servidores. Por padrão, os Codemaps ficam disponíveis apenas na sua Team e exigem autenticação para visualização.
</Warning>

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/share-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=983e193f52adbdac3180990f8ed468c1" data-path="desktop/assets/windsurf/codemaps/share-codemaps.mp4" />

<div id="using-codemaps-with-cascade">
  ## Como usar Codemaps com Cascade
</div>

Você pode incluir informações de Codemap como contexto nas suas conversas no [Cascade](/pt-BR/desktop/cascade), usando `@-mention` para referenciar um Codemap.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemap-cascade.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8ff44ce0fb07871bab9a92cf69bcbde8" data-path="desktop/assets/windsurf/codemaps/codemap-cascade.mp4" />