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

> Usa los Code Lenses de Devin Desktop para ejecutar rápidamente las operaciones Explain, Refactor y Docstring en funciones y clases directamente desde el editor.

<div id="explain-refactor-and-add-docstring">
  ## Explicar, refactorizar y agregar docstring
</div>

En la parte superior del editor de texto, Devin Desktop muestra *code lenses* en funciones y clases.

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

El *code lens* `Explain` invocará Cascade, que simplemente explicará qué hace la función o clase y cómo funciona.

Los *code lenses* `Refactor` y `Docstring`, en particular, invocarán Command.

* Si haces clic en `Refactor`, Devin Desktop te mostrará un menú desplegable con instrucciones predefinidas y seleccionables
  que puedes elegir. También puedes escribir las tuyas. Esto equivale a resaltar la función e invocar Command.
* Si haces clic en `Docstring`, Devin Desktop generará una docstring sobre el encabezado de la función.
  (En Python, la docstring se generará correctamente *debajo* del encabezado de la función.)

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