Barra lateral do projeto
Visão geral
A Barra Lateral do Projeto é o hub de navegação central do seu espaço de trabalho. Ela fornece acesso rápido a todas as ferramentas e painéis principais que você precisa enquanto trabalha — desde gerenciamento de arquivos e controle de versão até sessões de chat com IA, rastreamento de tarefas, deploys e muito mais. Cada painel abre como uma sobreposição deslizante para que você possa alternar entre ferramentas sem sair da sua visualização atual.
A barra lateral fica na borda direita do espaço de trabalho do projeto e contém botões de ícone para cada painel. Clicar em um ícone abre a sobreposição desse painel, e clicar novamente (ou pressionar Escape) o fecha. A barra lateral está sempre visível e serve como a principal forma de interagir com as ferramentas do seu projeto.
Painéis disponíveis
A barra lateral contém os seguintes painéis, cada um documentado em detalhes nas seções abaixo:
Favoritos
Marque com estrela e organize seus arquivos de projeto mais usados para acesso instantâneo.
Chat
Gerencie grupos de chat com IA, sessões de agentes e histórico de conversas.
GitHub
Visualize o status do repositório, branches, commits e gerencie pull requests.
Tarefas
Acompanhe tarefas do projeto, atribua prioridades e gerencie seu fluxo de trabalho.
Deploys
Monitore e acione deploys para seus provedores de hospedagem configurados.
Calendário de histórico
Navegue pela atividade do projeto e alterações de arquivos em uma linha do tempo de calendário.
Builds
Visualize logs de build, status e saída das builds do seu projeto.
Árvore de arquivos
Gerencie configurações de exibição da árvore de arquivos e ações no nível de itens.
Prompt Box
Entrada de prompt de acesso rápido para enviar instruções ao agente de IA.
Biblioteca de grupos de blocos
Navegue e gerencie blocos de componentes reutilizáveis da sua biblioteca.
Arquivos marcados
Visualize e gerencie arquivos atualmente selecionados para operações em massa.
Search
Pesquise em todo o seu projeto por arquivos, código e conteúdo.
Ocultar arquivos
Configure quais arquivos e pastas ficam ocultos na árvore de arquivos.
Painel de favoritos
Visão geral
O Painel de Favoritos é uma sobreposição da barra lateral que permite marcar com estrela e organizar seus arquivos de projeto mais usados para acesso rápido. Em vez de vasculhar a árvore de arquivos todas as vezes, marque arquivos importantes como favoritos e encontre-os instantaneamente.
Recursos
Botão de estrela
Clique no ícone de estrela em qualquer arquivo para adicioná-lo ou removê-lo dos seus favoritos. Arquivos marcados aparecem no Painel de Favoritos para acesso rápido.
Organização por grupo
Organize seus arquivos favoritos em grupos personalizados. Os grupos são salvos localmente para que persistam entre as sessões.
Seleção de múltiplos arquivos
Selecione múltiplos arquivos favoritos de uma vez e realize ações em massa como adicioná-los todos a uma tarefa.
Adicionar à tarefa
Selecione um ou mais arquivos favoritados e adicione-os diretamente a uma tarefa com um único clique, otimizando seu fluxo de trabalho.
Contador de favoritos
Um emblema exibe o número total de arquivos favoritados para que você sempre saiba quantos estão salvos.
Painel de chat
Visão geral
O Painel de Chat é uma sobreposição da barra lateral para gerenciar seus grupos de chat com IA e sessões de agentes. Ele fornece um local central para navegar, criar, editar e excluir conversas de chat, bem como visualizar logs de sessão CLI, SDK e ACP.
Abas
Chat
Navegue e gerencie seus grupos de chat com IA. Crie novos grupos, renomeie-os, pesquise entre os existentes ou exclua conversas que você não precisa mais.
CLI
Visualize logs de sessão de agentes baseados em CLI como Claude Code, Gemini CLI e Codex CLI. Cada sessão mostra o tipo de agente com seu logotipo.
SDK
Visualize logs de sessão de agentes baseados em SDK, incluindo integrações Claude SDK, Gemini SDK e OpenAI SDK.
ACP
Visualize logs de sessão de agentes ACP (Agent Communication Protocol) com suas configurações e histórico de execução.
Recursos
CRUD de grupos de chat
Crie, renomeie, pesquise e exclua grupos de chat. Cada grupo pode conter uma conversa completa com contexto.
Pagination
As sessões carregam 50 itens por vez com um botão "Carregar mais" para históricos grandes.
Seleção múltipla
Use Shift+Clique para seleção por intervalo entre sessões. Realize exclusão em massa ou outras ações nos itens selecionados.
Menu de contexto
Clique com o botão direito em qualquer sessão para acessar ações rápidas como excluir ou visualizar logs detalhados.
Identificação do agente
Cada sessão exibe logotipos do agente de IA usado (Claude Code, Gemini, Codex, ACP) para que você possa identificá-los rapidamente.
Painel de tarefas
Visão geral
O Painel de Tarefas é uma sobreposição da barra lateral para criar e gerenciar tarefas no nível do projeto. Cada tarefa pode incluir um nome, um prompt ou instrução e uma seleção de arquivos do projeto para contexto. As tarefas ajudam você a organizar itens de trabalho e alimentá-los diretamente para agentes de IA.
Recursos
Criação de tarefas
Crie tarefas com um nome, texto de prompt/instrução e arquivos de projeto selecionados. As tarefas são vinculadas ao projeto atual.
Integração com árvore de arquivos
Um painel de árvore de arquivos redimensionável permite navegar e selecionar arquivos do projeto para anexar como contexto da tarefa.
Seleção de múltiplos arquivos
Selecione múltiplos arquivos para incluir em uma tarefa. A lista de arquivos selecionados mostra todos os arquivos escolhidos com opções para remover itens individuais.
Menu de contexto
Clique com o botão direito em arquivos na árvore de arquivos da tarefa para ações rápidas como adicionar ou remover da tarefa.
Observador de arquivos
Observador de arquivos integrado detecta automaticamente alterações nos arquivos do projeto para que o contexto da sua tarefa permaneça atualizado.
Notificações toast
Feedback visual via notificações toast para salvamentos bem-sucedidos, erros e mensagens informativas.
Painel de deploys
Visão geral
O Painel de Deploys é uma sobreposição da barra lateral para fazer deploy do seu projeto em diversas plataformas de hospedagem. As plataformas disponíveis mudam dependendo do tipo do seu projeto, oferecendo as opções de deploy corretas para sua stack.
Suporte de plataforma por tipo de projeto
Frontend / Aplicações web
Faça deploy de sites estáticos, SPAs e aplicações SSR.
Projetos Backend / Python / API
Faça deploy de aplicações do lado do servidor e APIs.
Projetos WordPress
Faça deploy de configurações WordPress CMS headless.
Recursos
CRUD de deploy
Crie, visualize, atualize e exclua deploys. Cada deploy rastreia sua plataforma, branch e configuração de repositório git.
Detecção automática
Deploys existentes conectados ao seu projeto são detectados automaticamente e listados quando você abre o painel.
Gerenciamento de chaves de API
Gerencie chaves de API para cada plataforma de deploy. As chaves são armazenadas com segurança e associadas a deploys específicos.
Configurações específicas da plataforma
Configure branch de deploy, repositório git, variáveis de ambiente e opções específicas da plataforma para cada deploy.
Indicador de deploy ativo
O deploy atualmente ativo é destacado para que você possa ver qual deploy está no ar rapidamente.
Menu de contexto
Clique com o botão direito em qualquer deploy para ações rápidas incluindo excluir e atualizar status.
Painel de calendário de histórico
Visão geral
O Painel de Calendário de Histórico é uma sobreposição da barra lateral que fornece uma visualização baseada em calendário do histórico do seu projeto. Navegue por entradas por data, visualize o histórico de contexto interno e externo e revise interações passadas com IA vinculadas a dias específicos.
Recursos
Calendário interativo
Navegue por meses e anos com um seletor visual de calendário. Datas que possuem entradas de histórico são destacadas para que você possa identificar atividade rapidamente.
Seletor de mês/ano
Pule rapidamente para qualquer mês e ano em vez de rolar um mês por vez.
Abas de histórico
Alterne entre as abas "GitHub" e "Interno" para visualizar diferentes tipos de histórico — commits e eventos git versus entradas de contexto interno de IA.
Visualizador de entradas
Clique em qualquer data destacada para ver todas as entradas de histórico daquele dia. Clique em uma entrada individual para ver seus detalhes completos.
Menu de contexto
Clique com o botão direito em entradas para ações rápidas como visualizar detalhes ou excluir itens específicos do histórico.
Excluir com confirmação
Remova entradas de histórico com uma etapa de confirmação para evitar exclusão acidental.
Notificações
Notificações estilo toast confirmam ações bem-sucedidas, erros ou mensagens informativas dentro do painel.
Itens da árvore de arquivos
Visão geral
A Árvore de Arquivos é o navegador de arquivos principal na barra lateral do projeto. Ela exibe a estrutura de diretórios do seu projeto em uma visualização de árvore expansível e recursiva. Cada arquivo e pasta é renderizado com ícones específicos de tipo e suporta um conjunto rico de interações.
Recursos
Visualização de árvore recursiva
As pastas expandem e recolhem para revelar seu conteúdo. A árvore suporta aninhamento profundo com um limite de profundidade configurável para manter o desempenho.
Ícones de tipo de arquivo
Cada arquivo exibe um ícone correspondente ao seu tipo (ex.: TypeScript, JavaScript, JSON, CSS, imagens). As pastas têm ícones distintos de aberto/fechado.
Drag and Drop
Mova arquivos e pastas arrastando-os para um novo local dentro da árvore. Os alvos de soltar são destacados enquanto você arrasta.
Seleção de arquivo
Clique em um arquivo para selecioná-lo e abri-lo. Use caixas de seleção para seleção de múltiplos arquivos com Shift+Clique para seleção por intervalo.
Menu de contexto
Clique com o botão direito em qualquer arquivo ou pasta para ações rápidas: copiar conteúdo, adicionar à tarefa, criar/editar no editor, refatorar, excluir, ocultar, alternar favorito ou baixar.
Auto-Refresh
As pastas são monitoradas para alterações no sistema de arquivos e atualizam automaticamente quando arquivos são adicionados, removidos ou modificados.
Destaque de pesquisa
Ao pesquisar, os nomes de arquivos correspondentes são destacados dentro da árvore para ajudá-lo a localizar resultados rapidamente.
Alternar favorito
O ícone de estrela em cada arquivo permite adicioná-lo ou removê-lo dos favoritos com feedback visual instantâneo.
Alternância de provedor
Alterne entre diferentes raízes de origem ou caminhos de provedor dentro de um projeto quando múltiplos são detectados.
Caixa de prompt
Visão geral
A Caixa de Prompt fica no topo da árvore de arquivos e fornece botões de ação de acesso rápido para operações comuns de arquivos. Inclui ferramentas para copiar conteúdo de arquivos, criar tarefas a partir de arquivos selecionados e gerenciar a exibição da árvore de arquivos.
Ações
Copy
Copie o conteúdo do arquivo atualmente selecionado para sua área de transferência. Útil para pegar código rapidamente para colar no chat de IA ou em outro editor.
Adicionar à tarefa
Crie uma nova tarefa a partir dos arquivos selecionados. Isso abre o Painel de Tarefas com os arquivos escolhidos pré-anexados como contexto, permitindo definir um nome de tarefa e prompt para os agentes de IA trabalharem.
Biblioteca de grupos de blocos
Visão geral
A Biblioteca de Grupos de Blocos é um modal acessível a partir da barra de prompt (ícone de quebra-cabeça) que permite navegar, pesquisar e selecionar componentes de UI reutilizáveis e blocos para incluir como contexto em suas conversas ou tarefas com IA. Os componentes são organizados por grupo e podem ser favoritados para acesso rápido.
Recursos
Navegação de componentes
Navegue por todos os componentes e blocos disponíveis organizados por nome de grupo. Cada componente mostra uma miniatura de pré-visualização com carregamento sob demanda.
Search & Filter
Pesquise componentes por nome ou descrição para encontrar rapidamente o que precisa. Filtre por categoria ou grupo.
Pré-visualizações com carregamento sob demanda
As pré-visualizações de componentes carregam sob demanda usando IntersectionObserver com um buffer de pré-carregamento de 300px para desempenho de rolagem suave.
Favoritos de componentes
Marque com estrela os componentes usados com frequência para fixá-los no topo da biblioteca para acesso rápido.
Visualização detalhada
Clique em qualquer componente para abrir um modal de detalhes mostrando sua pré-visualização completa, descrição e metadados.
Seleção de contexto
Selecione um ou mais componentes para incluir como contexto no seu chat ou tarefa com IA. Um contador mostra quantos estão atualmente selecionados.
Arquivos marcados
Visão geral
A aba Arquivos Marcados (ícone de caixa de seleção na barra de prompt) exibe todos os arquivos atualmente selecionados/marcados na árvore de arquivos. Ela fornece uma visualização consolidada do seu contexto selecionado — arquivos, componentes e projetos — para que você possa revisar e gerenciar o que será enviado aos agentes de IA.
Recursos
Lista de arquivos selecionados
Visualize todos os arquivos marcados em uma lista ordenada alfabeticamente. Cada arquivo mostra seu caminho relativo à raiz do projeto.
Exibição de seleção de componentes
Veja quais componentes da Biblioteca de Grupos de Blocos estão atualmente selecionados junto com seus arquivos marcados.
Agrupamento por projeto
Quando arquivos de múltiplos projetos selecionados são incluídos, eles são agrupados sob seus respectivos nomes de projeto.
Remover arquivos individuais
Clique em qualquer arquivo para desmarcá-lo do contexto. Clique duplo aciona a desmarcação com um cooldown para evitar alternância rápida acidental.
Clear All
Um botão "Limpar tudo" permite desmarcar todos os arquivos marcados de uma vez para começar do zero.
Search
Visão geral
O recurso de Pesquisa (ícone de lupa na barra de prompt) fornece filtragem de nomes de arquivos em tempo real dentro da árvore de arquivos. Conforme você digita, a árvore atualiza instantaneamente para mostrar apenas os arquivos correspondentes, com os termos correspondentes destacados.
Recursos
Filtragem em tempo real
A árvore de arquivos filtra conforme você digita. Apenas arquivos cujos nomes correspondem à sua consulta são exibidos, tornando rápido localizar arquivos específicos em projetos grandes.
Destacar correspondências
As partes correspondentes dos nomes de arquivos são visualmente destacadas com um estilo distinto para que você possa ver facilmente por que cada resultado correspondeu.
Expandir pastas automaticamente
Quando uma consulta de pesquisa corresponde a arquivos dentro de pastas recolhidas, essas pastas expandem automaticamente para revelar os resultados correspondentes.
Filtragem de arquivos ocultos
A pesquisa respeita suas configurações de arquivos ocultos — arquivos que você escolheu ocultar não aparecerão nos resultados de pesquisa.
Ocultar arquivos
Visão geral
O recurso Ocultar Arquivos (ícone de olho na barra de prompt) permite alternar a visibilidade de arquivos e pastas na árvore de arquivos. Arquivos ocultos são filtrados da visualização em árvore e dos resultados de pesquisa, mantendo seu espaço de trabalho limpo e focado nos arquivos que importam.
Recursos
Botão de olho
Clique no ícone de olho aberto/fechado na barra de prompt para alternar a visibilidade dos arquivos ocultos. Quando o olho está fechado, os arquivos ocultos são filtrados.
Ocultação baseada em caminho
Oculte arquivos por padrão de caminho. Você pode ocultar arquivos específicos, pastas inteiras ou grupos de arquivos correspondentes a um padrão.
Estado persistente
Suas configurações de arquivos ocultos persistem entre sessões para que você não precise ocultar os mesmos arquivos toda vez que abrir o projeto.
Integração com menu de contexto
Clique com o botão direito em qualquer arquivo ou pasta na árvore e selecione "Ocultar" para adicioná-lo rapidamente à lista de arquivos ocultos.