> ## 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.

# Code Lenses

> Use os code lenses do Devin Desktop para executar rapidamente ações de Explain, Refactor e Add Docstring em funções e classes diretamente no editor.

<div id="explain-refactor-and-add-docstring">
  ## Explicar, Refatorar e Adicionar Docstring
</div>

No topo do editor de texto, o Devin Desktop exibe *code lenses* em funções e classes.

<Frame>
  <img src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/windsurf-code-lenses.png?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=9d75ccc4e295edd5c6fc924459e56508" width="884" height="216" data-path="desktop/assets/windsurf/windsurf-code-lenses.png" />
</Frame>

O *code lens* `Explain` aciona o Cascade, que simplesmente explica o que a função ou classe faz e como ela funciona.

Já os *code lenses* `Refactor` e `Docstring` acionam o Command.

* Se você clicar em `Refactor`, o Devin Desktop mostrará uma lista suspensa com instruções pré-preenchidas para você selecionar. Você também pode escrever as suas. Isso equivale a selecionar a função e acionar o Command.
* Se você clicar em `Docstring`, o Devin Desktop gerará uma docstring para você acima da declaração da função.
  (Em Python, a docstring será gerada corretamente *abaixo* da declaração da função.)

<Frame>
  <video autoPlay muted loop playsInline src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/windsurf-refactor-code-lens.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=de7532c86496724e2c7acde9822678ba" data-path="desktop/assets/windsurf/windsurf-refactor-code-lens.mp4" />
</Frame>