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

# Bienvenido a los plugins de Windsurf

> Instala y configura los plugins de Windsurf para JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome y otros IDEs con asistencia de programación con IA.

**Windsurf Plugins** llevan la asistencia de programación con IA a tu IDE o editor preferido.

<Card title="Equipos y Enterprise" icon="users" href="/es/desktop/accounts/teams-getting-started">
  ¡Empieza con tu equipo!
</Card>

<CardGroup cols={3}>
  <Card
    title="Cascade"
    icon={
<svg
width="25"
height="25"
viewBox="0 0 1292 1292"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
  d="M1195 599C1195 848.08 993.08 1050 744 1050C494.92 1050 293 848.08 293 599C293 349.92 494.92 148 744 148C993.08 148 1195 349.92 1195 599ZM411.5 599C411.5 782.635 560.365 931.5 744 931.5C927.635 931.5 1076.5 782.635 1076.5 599C1076.5 415.365 927.635 266.5 744 266.5C560.365 266.5 411.5 415.365 411.5 599Z"
  fill="#34E8BB"
/>
<path
  d="M1096.19 1053.62C1116.8 1078.03 1113.86 1114.77 1087.65 1133.04C1002.41 1192.46 903.441 1229.92 799.584 1241.61C676.505 1255.46 552.082 1232.51 442.049 1175.65C332.016 1118.79 241.314 1030.58 181.415 922.172C130.87 830.693 104.172 728.301 103.33 624.396C103.071 592.449 131.338 568.79 163.173 571.479C195.007 574.168 218.29 602.208 219.218 634.143C221.573 715.175 243.206 794.78 282.679 866.22C331.512 954.6 405.457 1026.51 495.161 1072.87C584.866 1119.22 686.302 1137.94 786.643 1126.64C867.75 1117.51 945.198 1089.11 1012.66 1044.15C1039.24 1026.44 1075.58 1029.21 1096.19 1053.62Z"
  fill="#34E8BB"
/>
<path
  d="M177.334 450.08C146.261 442.514 126.947 411.072 137.349 380.829C160.687 312.983 195.56 249.512 240.566 193.267C285.571 137.023 339.851 89.0802 400.928 51.4326C428.153 34.6511 463.065 46.5999 477.261 75.2582C491.457 103.917 479.508 138.389 452.641 155.738C406.542 185.506 365.436 222.584 330.994 265.627C296.552 308.67 269.39 356.906 250.456 408.411C239.421 438.428 208.408 457.646 177.334 450.08Z"
  fill="#34E8BB"
/>
</svg>
}
    href="/es/windsurf/plugins/cascade/cascade-overview"
  >
    El agente de programación de Windsurf.
  </Card>

  <Card title="Uso" icon="bars-progress" href="/es/desktop/accounts/usage">
    Créditos y consumo.
  </Card>

  <Card title="Modelos" icon="robot" href="/es/windsurf/plugins/cascade/models">
    Modelos disponibles para usar.
  </Card>
</CardGroup>

<div id="jetbrains-local">
  ## JetBrains (Local)
</div>

<Note>
  Estos pasos no se aplican a las empresas con un plan autohospedado.
  Si eres usuario de Enterprise, consulta las instrucciones en el portal de tu empresa.
</Note>

<Note>
  Para entornos de desarrollo remoto, usa en su lugar el plugin "Windsurf (Remote Development)". Consulta la sección de [desarrollo remoto](#remote-development) más abajo.
</Note>

<Steps>
  <Step title="Instalar plugin local">
    Abre el menú `Plugins` en tu IDE de JetBrains. El atajo para hacerlo es `⌘+,` en Mac y `Ctrl+,` en Linux/Windows. También puedes acceder desde el menú de configuración.
    Busca el plugin de Windsurf e instálalo. El cargador de plugins te pedirá que reinicies el IDE.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_plugin_install.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=dd4f7af540fb84d92187b363bca749e5" width="1368" height="1052" data-path="desktop/assets/jetbrains_plugin_install.png" />
    </Frame>
  </Step>

  <Step title="Espera al servidor de lenguaje">
    Cuando la instalación se complete correctamente, Windsurf comenzará a descargar un servidor de lenguaje.
    Este es el programa que se comunica con nuestras APIs para que puedas usar las funciones de IA de Windsurf.
    La descarga suele tardar entre diez y veinte segundos, aunque la velocidad puede depender de tu conexión a internet.
    Mientras tanto, puedes seguir usando tu IDE como siempre.

    Deberías ver una notificación en la esquina inferior derecha que muestra el progreso de la descarga.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Abre un proyecto. Windsurf te pedirá que inicies sesión mediante una notificación emergente en la esquina inferior derecha que te llevará a una página de inicio de sesión.
    También puedes hacer clic en el widget situado a la derecha de la barra de estado inferior y seleccionar allí la opción de inicio de sesión.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_login_widget.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b3d4fedf3729ea04c72acf6ee7db8fc7" width="690" height="230" data-path="desktop/assets/jetbrains_login_widget.png" />
    </Frame>

    Si todavía no has iniciado sesión, se te pedirá que inicies sesión o crees una cuenta.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Una vez que hayas iniciado sesión, la página web indicará que puedes volver a tu IDE.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_successful_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c4b3cfae5544a8dfcb6199fd3cf3af80" width="1702" height="450" data-path="desktop/assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="¡Todo listo!">
    Ya está todo listo. Las funciones de IA de Windsurf — Autocomplete, Chat, Command y más — ya están disponibles.

    En cualquier momento, puedes comprobar tu estado haciendo clic en el widget de la barra de estado en la esquina inferior derecha.
    Si has iniciado sesión, tendrás acceso a la configuración de Windsurf y a otros controles.

    Si quieres acceso anticipado a nuevas funciones, haz clic en "Switch to Pre-Release"
    para probar la [última versión preliminar](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    del plugin.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_status_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b6306ecf96e52ca33a184a1b6ea76912" width="688" height="542" data-path="desktop/assets/jetbrains_status_bar.png" />
    </Frame>
  </Step>
</Steps>

<div id="remote-development">
  ### Desarrollo remoto
</div>

Para los IDE de JetBrains que se usan en entornos de desarrollo remoto, debes usar el plugin independiente "Windsurf (Remote Development)".

Para acceder a capacidades avanzadas de IA agéntica y funciones de última generación, recomendamos encarecidamente usar el Windsurf Editor nativo o el plugin local de JetBrains. Este plugin sigue recibiendo los modelos más recientes, actualizaciones de compatibilidad y correcciones de bugs, pero no incluye las funciones más recientes exclusivas de Windsurf Editor.

<div id="requirements">
  #### Requisitos
</div>

* JetBrains IDE versión 2025.1.3 o posterior

<div id="installation-steps">
  #### Pasos de instalación
</div>

<Steps>
  <Step title="Instalar en el host">
    Abre el menú `Plugins (Host)` en tu IDE de JetBrains. El atajo para hacerlo es `⌘+,` en Mac y `Ctrl+,` en Linux/Windows. También puedes acceder desde el menú de Settings.
    Busca **"Windsurf (Remote Development)"** e instálalo.
    Reinicia tu IDE cuando se te indique.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_remote_plugin_install_host.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=773357231fb9838593fdceed36a10383" width="1494" height="1110" data-path="desktop/assets/jetbrains_remote_plugin_install_host.png" />
    </Frame>
  </Step>

  <Step title="Instalar en el cliente">
    Abre el menú `Plugins (Client)` y busca **"Windsurf (Remote Development)"**.
    Instala el plugin y vuelve a reiniciar el IDE.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_remote_plugin_install_client.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=3537fc3ebc5fe924a6d1c5f342e8a433" width="1496" height="1098" data-path="desktop/assets/jetbrains_remote_plugin_install_client.png" />
    </Frame>
  </Step>

  <Step title="Espera al servidor de lenguaje">
    Después de instalar el plugin en el host, Windsurf empezará a descargar un servidor de lenguaje.
    Este es el programa que se comunica con nuestras APIs para permitirte usar las funciones de IA de Windsurf.
    La descarga suele tardar entre diez y veinte segundos, pero la velocidad puede depender de tu conexión a internet.
    Mientras tanto, puedes seguir usando tu IDE con normalidad.

    Deberías ver una notificación en la esquina inferior derecha que indica el progreso de la descarga.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Cuando se complete la descarga del servidor de lenguaje, Windsurf te pedirá que inicies sesión mediante una notificación emergente en la esquina inferior derecha, con un enlace a una página de inicio de sesión.
    También puedes hacer clic en el widget situado a la derecha de la barra de estado inferior y seleccionar allí la opción de inicio de sesión.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_login_widget.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b3d4fedf3729ea04c72acf6ee7db8fc7" width="690" height="230" data-path="desktop/assets/jetbrains_login_widget.png" />
    </Frame>

    Si aún no has iniciado sesión, se te pedirá que inicies sesión o que crees una cuenta.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Una vez que hayas iniciado sesión, la página web indicará que puedes volver a tu IDE.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_successful_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c4b3cfae5544a8dfcb6199fd3cf3af80" width="1702" height="450" data-path="desktop/assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="¡Todo listo!">
    Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en tu entorno remoto.
  </Step>
</Steps>

<div id="older-plugins">
  ## Plugins anteriores
</div>

Recomendamos encarecidamente usar el Windsurf Editor nativo o el plugin local de JetBrains por sus avanzadas capacidades de IA agéntica y sus funciones de última generación.
Los plugins que aparecen a continuación están en modo de mantenimiento.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Instalar el plugin">
        Busca el plugin de Windsurf (antes Codeium) en el Marketplace de VS Code e instálalo.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_extension_page.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=50e7c72b33c68f441e084184fb50a204" width="3100" height="2300" data-path="desktop/assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorizar">
        Después de la instalación, VS Code te mostrará una notificación en la esquina inferior derecha para que inicies sesión en Windsurf.
        También puedes iniciar sesión en Windsurf desde el icono de perfil en la parte inferior de la barra lateral izquierda.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_login_init_left.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=d6d0292cb06afbdbde0c96e7dacbc641" width="1870" height="360" data-path="desktop/assets/vscode_login_init_left.png" />
        </Frame>

        <Note>Si aparece un mensaje de error indicando que el navegador no puede abrir un enlace desde Visual Studio Code, puede que necesites actualizar tu navegador y reiniciar el flujo de autorización.</Note>
        Si aún no has iniciado sesión, se te pedirá que inicies sesión o que crees una cuenta.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
        </Frame>

        Una vez que inicies sesión, se te redirigirá de nuevo a Visual Studio Code.
        <Note>Si estás usando un IDE de VS Code basado en el navegador, como GitPod o Codespaces, se te redirigirá a instrucciones sobre cómo completar la autenticación proporcionando un token de acceso.</Note>
      </Step>

      <Step title="Esperar al servidor de lenguaje">
        Una vez que hayas iniciado sesión, Windsurf empezará a descargar un servidor de lenguaje.
        Este es el programa que se comunica con nuestras APIs para permitirte usar las funciones de IA de Windsurf.
        La descarga suele tardar entre diez y veinte segundos, pero la velocidad puede depender de tu conexión a internet.
        Mientras tanto, puedes seguir usando VS Code como de costumbre.
      </Step>

      <Step title="¡Todo listo!">
        Ya está todo listo. Las funciones de IA de Windsurf — Autocomplete, Chat y Command — ya están disponibles.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Instalación de la extensión

    <Steps>
      <Step title="Instalar plugin">
        Sigue las instrucciones de **Primeros pasos** en el repositorio público [`codeium.vim`](https://github.com/Exafunction/codeium.vim). ¡Eso es todo!
      </Step>
    </Steps>

    ### Cómo usar el plugin de Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf admite muchos lenguajes, haremos la demostración con Python. Crea un archivo nuevo `test.py`.
      </Step>

      <Step title="A partir del código">
        Windsurf puede sugerir múltiples líneas de código a partir del encabezado parcial de una función:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=56cceeb4e57cb230ed4402d80e9321d9" alt="Fragmento uno" width="508" height="260" data-path="desktop/assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar la sugerencia">
        Presiona **Tab** para aceptar.
      </Step>

      <Step title="A partir de comentarios">
        Windsurf también comprende los comentarios:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_two.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=1cb4d83f6c1e5eb79b12b87e7d07b756" alt="Fragmento dos" width="712" height="392" data-path="desktop/assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Instalación de la extensión

    <Steps>
      <Step title="Abrir el Marketplace de extensiones">
        En la barra de menús de Visual Studio, haz clic en **Extensions → Manage Extensions**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=ec281edf92c6e491f1e9378396ed47af" alt="Administrar extensiones" width="636" height="171" data-path="desktop/assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Instalar el plugin de Windsurf">
        En **Manage Extensions**, haz clic en **Visual Studio Marketplace**, busca **Windsurf** y, a continuación, haz clic en **Download**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=0f44e8fb5cbb523a8c0943e828e4d568" alt="Instalar plugin" width="1413" height="985" data-path="desktop/assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Volver a abrir Visual Studio">
        Cierra la ventana y vuelve a abrir Visual Studio.
      </Step>

      <Step title="Iniciar sesión en el plugin de Windsurf">
        Abre o crea un proyecto. Se abrirá una ventana del navegador para que inicies sesión.
      </Step>

      <Step title="Crear una cuenta">
        Si aún no tienes una cuenta, se te redirigirá para crearla.
      </Step>

      <Step title="¡Todo listo!">
        Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en Visual Studio.
      </Step>
    </Steps>

    ### Cómo usar el plugin de Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf admite muchos lenguajes, usaremos C# en esta demostración. Crea o abre un archivo de C#.
      </Step>

      <Step title="Desde el código">
        Windsurf puede sugerir múltiples líneas de código a partir de una firma de función parcial:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=509e9668b87c83b58da01f24d5d7e8d6" alt="Ejemplo de sugerencia" width="1128" height="461" data-path="desktop/assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">
        Pulsa **Tab** para aceptarla.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/post_accept.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=dbbd4947df7b36439b12455e291d321d" alt="Después de aceptar" width="1215" height="514" data-path="desktop/assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Instalar el plugin de Windsurf

    <Steps>
      <Step title="Instalar la extensión de Jupyter">
        Abre una nueva sesión de Jupyter Lab. En una celda, pega lo siguiente y ejecútalo con `Shift+Enter`:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip --user
        !{sys.executable} -m pip install -U codeium-jupyter --user
        ```

        Si estás dentro de un entorno virtual, ejecuta:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip
        !{sys.executable} -m pip install -U codeium-jupyter
        ```

        Cuando terminen los comandos, cierra el cuaderno y detén el servidor de Jupyter.
      </Step>

      <Step title="Iniciar Jupyter">
        Vuelve a iniciar Jupyter y abre un cuaderno. Abre la configuración (<kbd>Ctrl</kbd> + <kbd>,</kbd>) y ve a la sección **Windsurf**. Verás campos para una URL empresarial y un token.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=a48ed36e9986ebce74a70957d0de9a56" alt="Interfaz de Settings" width="1025" height="301" data-path="desktop/assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Haz clic en **Obtener token de autenticación de Windsurf** y sigue el enlace. Pega el token de nuevo en el cuadro de diálogo de configuración.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e65377b54144633bcceeccc570112a64" alt="Menú de configuración" width="330" height="89" data-path="desktop/assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Si no encuentras la configuración de Windsurf, probablemente no reiniciaste Jupyter. Detén el servidor (Ctrl+C) y vuelve a iniciarlo con <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Crear cuenta">
        Si no tienes una cuenta de Windsurf, se te pedirá que crees una.
      </Step>

      <Step title="Autenticarse">
        Después de iniciar sesión, copia el token y pégalo en el cuadro de diálogo de configuración.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=797b0858e6c28fdd3788dd4da99738fd" alt="Campo del token de autenticación" width="818" height="326" data-path="desktop/assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="¡Listo!">
        Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en Jupyter.
      </Step>
    </Steps>

    ### Cómo usar el plugin de Windsurf

    <Steps>
      <Step title="Desde el código">
        Windsurf puede sugerir múltiples líneas de código a partir del encabezado incompleto de una función:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=937093abad3726215c8dc00360dc3077" alt="Fragmento uno" width="1420" height="346" data-path="desktop/assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">Presiona **Tab** para aceptar.</Step>

      <Step title="Desde comentarios">
        Windsurf también comprende comentarios:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=0d61f52f85e4b65729f665b24555af6a" alt="Fragmento dos" width="1741" height="518" data-path="desktop/assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chrome">
    ### Instalar Windsurf

    <Steps>
      <Step title="Instalar la extensión de Chrome">
        Visita la [página de Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) y haz clic en **Agregar a Chrome**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/chrome_web_store.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c053874a5b39229322bf55675ce8050d" alt="Chrome Web Store" width="2070" height="1608" data-path="desktop/assets/chrome_tutorial/chrome_web_store.png" />
        </Frame>
      </Step>

      <Step title="Fijar la extensión">
        Abre el menú desplegable de extensiones y haz clic en el icono **Pin** para que el icono de Windsurf siga visible.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2a53cf606cf60491cfa8098d56a04a84" alt="Fijar la extensión" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Iniciar sesión">
        La extensión abre automáticamente una página de inicio de sesión. Si no es así, haz clic en el icono de la extensión y sigue el enlace.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=38a23f844da99a94f3c5fab13cda037e" alt="Iniciar sesión" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="¡Todo listo!">
        Ya está todo listo. Prueba a [crear un nuevo cuaderno de Colab](https://colab.research.google.com/#create=true).

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/signed_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=aa954333be317ef5b43bbd2efead831a" alt="Sesión iniciada" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Cómo usar Windsurf

    <Steps>
      <Step title="Desde el código">
        Windsurf puede sugerir múltiples líneas de código a partir del encabezado parcial de una función:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c385f4aad6c7f6dd37375dd008f42faa" alt="Fragmento uno" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">Pulsa **Tab** para aceptar.</Step>

      <Step title="Desde comentarios">
        Windsurf también interpreta los comentarios:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=ea9c51230baaa6e15b0281b7c58f9cc2" alt="Fragmento dos" width="1106" height="766" data-path="desktop/assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Instalación de la extensión

    <Steps>
      <Step title="Arrastra el botón Install">
        Visita la [página del plugin de Windsurf en Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) y arrastra el botón **Install** a la barra de herramientas de Eclipse.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e4331b14785272e8cbb239c1cef54cc3" alt="Arrastrar el botón Install" width="1430" height="732" data-path="desktop/assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Confirma las características seleccionadas">
        En la ventana **Confirm Selected Features**, haz clic en **Confirm**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/confirm.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=f82052920f3911172320e6ada23bd925" alt="Confirmar características" width="1192" height="666" data-path="desktop/assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Confía en el contenido no firmado">
        En la ventana **Trust Artifacts**, selecciona **Unsigned** y haz clic en **Trust**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=1c32f353f88969e41656b9827026bd1c" alt="Confiar en contenido no firmado" width="1154" height="590" data-path="desktop/assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Reinicia Eclipse">
        Cuando se te indique, reinicia Eclipse para completar la instalación.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/restart.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=a45ba0c0b8c12c6630560cf50f1a2958" alt="Reiniciar Eclipse" width="1084" height="242" data-path="desktop/assets/eclipse_tutorial/restart.png" />
        </Frame>
      </Step>

      <Step title="Crear cuenta / iniciar sesión">
        Cuando se abra el navegador, inicia sesión o crea una cuenta y luego vuelve a Eclipse.
      </Step>

      <Step title="¡Todo listo!">Ya está todo listo. Las características de IA de Windsurf ya están disponibles en Eclipse.</Step>
    </Steps>

    ### Cómo usar Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf es compatible con muchos lenguajes, usaremos Java para esta demostración. Crea un archivo nuevo llamado `Fib.java`.
      </Step>

      <Step title="Desde el código">
        Windsurf puede sugerir múltiples líneas de código a partir de un encabezado de función parcial:

        ```java theme={null}
        package test;

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Aceptar sugerencia">Pulsa **Tab** para aceptar.</Step>
    </Steps>
  </Tab>
</Tabs>
