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

# Bem-vindo ao Windsurf Plugins

> Instale e configure o Windsurf Plugins para JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome e outras IDEs com assistência de codificação com IA.

**Windsurf Plugins** levam assistência de codificação com IA para seu IDE ou editor preferido.

<Card title="Teams e Enterprise" icon="users" href="/pt-BR/plugins/accounts/teams-getting-started">
  Comece com sua equipe!
</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="/pt-BR/plugins/cascade/cascade-overview"
  >
    O agente de codificação do Windsurf.
  </Card>

  <Card title="Uso" icon="bars-progress" href="/pt-BR/plugins/accounts/usage">
    Créditos e uso.
  </Card>

  <Card title="Modelos" icon="robot" href="/pt-BR/plugins/cascade/models">
    Modelos disponíveis para uso.
  </Card>
</CardGroup>

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

<Note>
  Essas etapas não se aplicam a empresas em um plano self-hosted.
  Se você for um usuário Enterprise, consulte as instruções no seu portal Enterprise.
</Note>

<Note>
  Para ambientes de desenvolvimento remoto, use o plugin "Windsurf (Remote Development)" em vez disso. Consulte a [seção Desenvolvimento remoto](#remote-development) abaixo.
</Note>

<Steps>
  <Step title="Instalar o plugin local">
    Abra o menu `Plugins` no seu IDE da JetBrains. O atalho para isso é `⌘+,` no Mac e `Ctrl+,` no Linux/Windows. Você também pode acessar pelo menu de configurações.
    Procure pelo plugin Windsurf e instale-o. O carregador de plugins solicitará que você reinicie o IDE.

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

  <Step title="Aguardar o Language Server">
    Após a instalação bem-sucedida, o Windsurf começará a baixar o Language Server.
    Este é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
    O download geralmente leva de dez a vinte segundos, mas a velocidade pode depender da sua conexão com a internet.
    Enquanto isso, você pode usar seu IDE normalmente.

    Você verá uma notificação no canto inferior direito indicando o progresso do download.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Abra um projeto. O Windsurf solicitará que você faça login por meio de um pop-up de notificação no canto inferior direito, com um link para uma página de login.
    Como alternativa, clique no widget à direita da barra de status inferior e selecione a opção de login ali.

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

    Se você ainda não estiver conectado, será solicitado que faça login ou crie uma conta.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

    Depois que você fizer login, a página indicará que você pode retornar ao IDE.

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

  <Step title="Tudo pronto!">
    Tudo configurado. Os recursos de IA do Windsurf — Autocomplete, Chat, Command e muito mais — já estão disponíveis.

    A qualquer momento, você pode verificar seu status clicando no widget da barra de status no canto inferior direito.
    Se estiver conectado, você terá acesso às suas configurações do Windsurf e a outros controles.

    Se você quiser acesso antecipado a novos recursos, clique em "Switch to Pre-Release"
    para testar a [versão mais recente em pré-lançamento](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    do plugin.

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

<div id="remote-development">
  ### Desenvolvimento Remoto
</div>

Para IDEs JetBrains utilizados em ambientes de desenvolvimento remoto, você precisa usar o plugin separado "Windsurf (Remote Development)".

Para recursos avançados de IA agentiva e funcionalidades de última geração, recomendamos fortemente que você use o Windsurf Editor nativo ou o plugin local do JetBrains. Este plugin continua a receber os modelos de IA mais recentes, atualizações de compatibilidade e correções de erros, mas não inclui os recursos mais novos, que são exclusivos do Windsurf Editor.

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

* IDE JetBrains versão 2025.1.3 ou superior

<div id="installation-steps">
  #### Etapas de Instalação
</div>

<Steps>
  <Step title="Instalar no Host">
    Abra o menu `Plugins (Host)` no seu IDE JetBrains. O atalho para isso é `⌘+,` no Mac e `Ctrl+,` no Linux/Windows. Você também pode acessá-lo pelo menu de configurações.
    Pesquise por **"Windsurf (Remote Development)"** e instale.
    Reinicie o IDE quando for solicitado.

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

  <Step title="Instalar no Cliente">
    Abra o menu `Plugins (Client)` e pesquise por **"Windsurf (Remote Development)"**.
    Instale o plugin e reinicie o IDE novamente.

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

  <Step title="Aguarde o Language Server">
    Após instalar o plugin no host, o Windsurf começará a baixar um language server.
    Este é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
    O download geralmente leva de dez a vinte segundos, mas a velocidade pode variar conforme sua conexão com a internet.
    Enquanto isso, você pode usar seu IDE normalmente.

    Você deverá ver uma notificação no canto inferior direito indicando o progresso do download.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Depois que o download do language server for concluído, o Windsurf solicitará que você faça login com um pop-up de notificação no canto inferior direito, direcionando você para uma página de login.
    Como alternativa, clique no widget à direita da barra de status inferior e selecione a opção de login ali.

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

    Se você ainda não tiver feito login, será solicitado que faça login ou crie uma conta.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

    Depois que você fizer login, a página indicará que você pode retornar ao seu IDE.

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

  <Step title="Tudo pronto!">
    Tudo pronto. Os recursos de IA do Windsurf agora estão disponíveis no seu ambiente remoto.
  </Step>
</Steps>

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

Recomendamos fortemente o uso do Windsurf Editor nativo ou do plugin local para JetBrains, devido aos seus recursos avançados de IA agentiva e funcionalidades de última geração.
Os plugins abaixo encontram-se em modo de manutenção.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Instalar Plugin">
        Encontre o Windsurf Plugin (anteriormente Codeium) no VS Code Marketplace e instale-o.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_extension_page.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=543ab4d80d64932510d9db4378301ec0" width="3100" height="2300" data-path="assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorizar">
        Após a instalação, o VS Code exibirá uma notificação no canto inferior direito para você entrar no Windsurf.
        Como alternativa, você pode entrar no Windsurf pelo ícone de perfil na parte inferior da barra lateral esquerda.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_login_init_left.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=40142fcfc135e01628f5545051b8120a" width="1870" height="360" data-path="assets/vscode_login_init_left.png" />
        </Frame>

        <Note>Se você receber uma mensagem de erro indicando que o navegador não pode abrir um link a partir do Visual Studio Code, talvez seja necessário atualizar o navegador e reiniciar o fluxo de autorização.</Note>
        Se você ainda não tiver feito login, será solicitado que faça login ou crie uma conta.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
        </Frame>

        Depois que você entrar, será redirecionado de volta ao Visual Studio Code.
        <Note>Se você estiver usando um IDE do VS Code baseado em navegador, como GitPod ou Codespaces, será direcionado para instruções sobre como concluir a autenticação fornecendo um access token.</Note>
      </Step>

      <Step title="Aguardar o Language Server">
        Depois que você fizer login, o Windsurf começará a baixar um servidor de linguagem (language server).
        Este é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
        O download normalmente leva de dez a vinte segundos, mas a velocidade pode depender da sua conexão de internet.
        Enquanto isso, você pode usar o VS Code normalmente.
      </Step>

      <Step title="Tudo pronto!">
        Tudo pronto. Os recursos de IA do Windsurf — Autocomplete, Chat e Command — já estão disponíveis.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Instalação da extensão

    <Steps>
      <Step title="Instalar plugin">
        Siga as instruções de **Get Started** no repositório público [`codeium.vim`](https://github.com/Exafunction/codeium.vim). É só isso!
      </Step>
    </Steps>

    ### Usando o plugin Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a muitas linguagens, vamos demonstrar com Python. Crie um novo arquivo `test.py`.
      </Step>

      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de um cabeçalho de função parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=409f51d6a4a90405ac91cee23edee16b" alt="Trecho um" width="508" height="260" data-path="assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">
        Pressione **Tab** para aceitar.
      </Step>

      <Step title="A partir de comentários">
        O Windsurf também entende comentários:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vim_tutorial/snippet_two.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=48c14b1d408acb68c97e5dac5c4ed421" alt="Trecho dois" width="712" height="392" data-path="assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Instalação da Extensão

    <Steps>
      <Step title="Abrir o Marketplace de Extensões">
        Na barra de menu do Visual Studio, clique em **Extensions → Manage Extensions**.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=35d03bb50b8499567c41ea93fe8ea178" alt="Gerenciar extensões" width="636" height="171" data-path="assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Instalar o plug-in Windsurf">
        Em **Manage Extensions**, clique em **Visual Studio Marketplace**, pesquise por **Windsurf** e clique em **Download**.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=1c004b5b2883643ab0724038ae1df460" alt="Instalar plugin" width="1413" height="985" data-path="assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Reiniciar o Visual Studio">
        Feche a janela e reinicie o Visual Studio.
      </Step>

      <Step title="Fazer login no plug-in Windsurf">
        Abra ou crie um projeto. Uma janela do navegador será aberta solicitando que você faça login.
      </Step>

      <Step title="Criar conta">
        Se você ainda não tiver uma conta, será redirecionado para criar uma.
      </Step>

      <Step title="Tudo pronto!">
        Tudo certo. Os recursos de IA do Windsurf agora estão disponíveis no Visual Studio.
      </Step>
    </Steps>

    ### Usando o plug-in Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a muitas linguagens, vamos demonstrar com C#. Crie ou abra um arquivo C#.
      </Step>

      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de uma assinatura de função parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=3ddaac8fa3871d2e99b4c6dfffc5f789" alt="Exemplo de sugestão" width="1128" height="461" data-path="assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">
        Pressione **Tab** para aceitar.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/post_accept.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=34e5899a41e604482b545aac8bb0bf8f" alt="Após aceitar" width="1215" height="514" data-path="assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Instalar o plugin do Windsurf

    <Steps>
      <Step title="Instalar a extensão do Jupyter">
        Abra uma nova sessão do JupyterLab. Em uma célula, cole e execute (`Shift+Enter`) o seguinte:

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

        Se você estiver em um ambiente virtual, execute:

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

        Quando os comandos terminarem, feche o notebook e interrompa o servidor Jupyter.
      </Step>

      <Step title="Iniciar o Jupyter">
        Reinicie o Jupyter e abra um notebook. Abra as configurações (<kbd>Ctrl</kbd> + <kbd>,</kbd>) e navegue até a seção **Windsurf**. Você verá campos para uma URL Enterprise e um token.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=9f4d0045130c5c2bebe332eb1d61aeea" alt="Interface de configurações" width="1025" height="301" data-path="assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Clique em **Get Windsurf Authentication Token** e siga o link. Cole o token de volta na caixa de diálogo de configurações.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a22a4747a45c1f02e43ca6e8cf73c043" alt="Menu de configurações" width="330" height="89" data-path="assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Se você não encontrar as configurações do Windsurf, provavelmente não reiniciou o Jupyter. Interrompa o servidor (Ctrl+C) e inicie-o novamente com <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Criar conta">
        Se você não tiver uma conta do Windsurf, será solicitado a criar uma.
      </Step>

      <Step title="Autenticar">
        Depois de entrar, copie o token e cole-o na caixa de diálogo de configurações.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=51ac326b9b5870e5fdc8ff11c8ce6e8a" alt="Campo de token de autenticação" width="818" height="326" data-path="assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="Tudo pronto!">
        Tudo pronto: os recursos de IA do Windsurf agora estão disponíveis no Jupyter.
      </Step>
    </Steps>

    ### Usando o plugin do Windsurf

    <Steps>
      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de um cabeçalho de função parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/snippet_one.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=ace6fe93ebf37f70b9301a67636f2fd7" alt="Trecho um" width="1420" height="346" data-path="assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>

      <Step title="A partir de comentários">
        O Windsurf também entende comentários:

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/snippet_two.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d657826f2cac6722e9ba2633849b44dc" alt="Trecho dois" width="1741" height="518" data-path="assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

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

    <Steps>
      <Step title="Instalar a extensão do Chrome">
        Acesse a [página da Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) e clique em **Add to Chrome**.

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

      <Step title="Fixar a extensão">
        Abra o menu de extensões e clique no ícone de **Pin** para manter o ícone do Windsurf visível.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=e291a9235581423bb3434721d89aeddb" alt="Fixar extensão" width="1106" height="674" data-path="assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Fazer login">
        A extensão abre automaticamente uma página de login. Se isso não acontecer, clique no ícone da extensão e siga o link.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=b92a046f9481a49030330a057a6d7177" alt="Fazer login" width="1106" height="674" data-path="assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="Tudo pronto!">
        Tudo pronto. Experimente [criar um novo notebook no Colab](https://colab.research.google.com/#create=true).

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/signed_in.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=0a3dbc6098340fbda5885248e4f30971" alt="Conectado" width="1106" height="674" data-path="assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Usando o Windsurf

    <Steps>
      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de um cabeçalho de função incompleto:

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/snippet_one.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=907e36fdf207886da70c41f1efe7e7b7" alt="Trecho um" width="1106" height="674" data-path="assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>

      <Step title="A partir de comentários">
        O Windsurf também entende comentários:

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/snippet_two.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=db1902f22de4179508f52be5c3c6a93d" alt="Trecho dois" width="1106" height="766" data-path="assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Instalação da extensão

    <Steps>
      <Step title="Arraste o botão Install">
        Acesse a [página do plugin Windsurf no Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) e arraste o botão **Install** para a barra de ferramentas do Eclipse.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=363884b6bb7b71f1efab7219883a9271" alt="Arrastar o botão Install" width="1430" height="732" data-path="assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Confirmar recursos selecionados">
        Na janela **Confirm Selected Features**, clique em **Confirm**.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/confirm.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a32ed25242dcb249c11a7b549b879fcf" alt="Confirmar recursos selecionados" width="1192" height="666" data-path="assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Confiar em conteúdo não assinado">
        Na janela **Trust Artifacts**, selecione **Unsigned** e clique em **Trust**.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=e8181502397e14314c82d732bc56bddc" alt="Confiar em conteúdo não assinado" width="1154" height="590" data-path="assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Reiniciar o Eclipse">
        Quando for solicitado, reinicie o Eclipse para concluir a instalação.

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

      <Step title="Criar / Fazer login">
        Quando o navegador abrir, faça login ou crie uma conta e depois volte ao Eclipse.
      </Step>

      <Step title="Tudo pronto!">Tudo pronto. Os recursos de IA do Windsurf agora estão disponíveis no Eclipse.</Step>
    </Steps>

    ### Usando o Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a muitas linguagens de programação, vamos demonstrar com Java. Crie um novo arquivo `Fib.java`.
      </Step>

      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de um cabeçalho de função parcial:

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

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>
    </Steps>
  </Tab>
</Tabs>
