Conhecendo o painel

O painel em app.briks.dev é onde ficam todos os projetos, membros e créditos do seu espaço de trabalho. Este tour percorre o painel de cima a baixo, para você saber para que serve cada parte antes de criar qualquer coisa.

12 min de leituraConferido com o estúdio em 8 de outubro de 2026

  1. 1O espaço de trabalho em que você está. Clique nele para trocar de espaço de trabalho ou criar outro.
  2. 2New project inicia um site, app ou dashboard.
  3. 3Seus projetos mais recentes ficam em Projects, cada um com um ponto indicando o estado: verde é no ar, âmbar é em construção, vermelho precisa de atenção e ponto vazio é ainda não publicado.
  4. 4Seus créditos, desenhados como um muro de tijolos. Clique nele para abrir Billing.
  5. 5Home: uma caixa para começar seu próximo projeto e os visitantes de todos os seus sites publicados.
A navegação à esquerda, com o menu do espaço de trabalho, Jump to, as páginas e os créditos restantes; Home à direita, abrindo com a caixa de prompt.

Um primeiro olhar

Se esta é a sua primeira visita, reserve cinco minutos para percorrer estes lugares em ordem. Nada aqui inicia uma criação nem usa créditos.

  1. Confira em qual espaço de trabalho você está

    Onde: Top of the navigation

    A caixa no topo mostra o nome do espaço de trabalho, o plano e a sua função, por exemplo 'Free plan · Owner'. Tudo abaixo dela pertence a esse espaço de trabalho.

  2. Ler a página inicial

    Onde: Home

    A caixa de prompt é onde a maioria dos projetos começa. Quando o espaço de trabalho já tem projetos, visitantes, créditos, os limites do seu plano e trabalhos recentes, eles aparecem abaixo dela.

  3. Abrir projetos

    Onde: Projects

    Cada projeto é um cartão com uma imagem da última versão construída e o seu estado.

  4. Experimente Ir para

    Onde: Jump to

    Pressione ⌘K no Mac ou Ctrl K em outros sistemas, digite parte do nome de uma página, como bill, e pressione Enter.

  5. Encontre seus créditos e sua conta

    Onde: Foot of the navigation

    A fileira de tijolos mostra os créditos restantes. Seu nome logo abaixo abre Profile, as configurações de tema claro e escuro e Sign out.

  6. Abra o sino

    Onde: Top bar

    Notifications lista construções, agentes trabalhando e tudo o que espera por você, das mais recentes às mais antigas.

  7. Abra espaço

    Onde: Beside the logo

    Collapse navigation reduz a navegação a uma faixa de ícones. Passe o mouse sobre o logo para transformá-lo em Expand navigation e abri-la de novo.

A navegação

A navegação fica à esquerda de todas as páginas. De cima para baixo:

  • The Briks logo leva você a Home. O botão ao lado, Collapse navigation, reduz tudo a ícones. Sua escolha fica guardada neste navegador.
  • O menu do espaço de trabalho, com o nome, o plano e a sua função no espaço de trabalho.
  • Jump to, o campo de busca de projetos e páginas.
  • Home, Projects, Templates, Agents e Analytics. Projects mostra quantos projetos o espaço de trabalho tem. Abaixo ficam New project, para Editors e acima, e os cinco projetos em que você trabalhou há menos tempo.
  • O grupo Workspace: Members, Skills, Billing e Settings.
  • No rodapé, separados do resto: Credits, depois seu nome e email.

Cada projeto listado em Projects tem um pequeno ponto que mostra o estado dele de relance. Passe o mouse sobre um nome para ler o estado em palavras.

DotEstadoO que significa
VerdeNo arPublicado e no ar.
Âmbar, pulsandoConstruindoUma construção, alteração ou publicação está em andamento agora.
VermelhoPrecisa de atençãoA última construção não terminou. Abra o projeto para ver o que aconteceu e envie sua próxima mensagem.
Anel vazadoNão publicadoAinda não está online, ou não está no ar neste momento.

No celular

Em uma tela estreita, a navegação fica escondida. Toque no botão de menu à esquerda da barra superior (Open navigation) para deslizá-la da esquerda. Feche com a cruz, com a tecla Escape ou com um toque ao lado. Ao escolher uma página, você vai até ela e o menu se fecha.

Espaços de trabalho e o menu do espaço de trabalho

Um espaço de trabalho é um espaço compartilhado com seus próprios projetos, membros, plano e créditos. Um dono de café pode ter um; um freelancer pode ter um para o próprio trabalho e um para cada cliente.

  1. Abrir o menu

    Onde: Workspace menu

    Clique no nome do espaço de trabalho no topo da navegação. Todos os espaços de trabalho dos quais você faz parte aparecem com o seu papel e o plano, e um visto marca aquele em que você está.

  2. Alternar

    Onde: Workspace menu

    Escolha outro espaço de trabalho. O dashboard recarrega nele, com seus próprios projetos, membros e créditos.

  3. Criar um novo

    Onde: Create workspace

    Escolha Create workspace na parte de baixo do menu, digite um Workspace name de 2 a 50 caracteres e pressione Create workspace. Você é o Owner dele, e o dashboard muda para ele.

Ir para

Jump to é o caminho mais rápido quando você já tem alguns projetos. Clique no campo Jump to abaixo do menu do espaço de trabalho ou pressione ⌘K no Mac, ou Ctrl K nos outros sistemas, em qualquer página.

  • Sem nada digitado, ele lista seus cinco projetos mais recentes e todas as páginas que você pode abrir.
  • Digite parte de um nome para filtrar. Os projetos vêm primeiro, cada um com seu estado, depois páginas como New project, Members, Billing e Profile.
  • Use as setas para mover, Enter para abrir e Escape para fechar.
Encontrar o site de um clienteUma agência de design com catorze projetos

Jo precisa do site da clínica odontológica. Ela pressiona Ctrl K e digita dent.

Em Projects, só sobrou o Northgate Dental, marcado como Live. Enter abre o Studio dele.

Início

A Home abre com uma pergunta grande, 'What should we build', seguida do seu primeiro nome ('What should we build next' quando o espaço de trabalho já tem projetos), e uma caixa de prompt.

  • A caixa de texto. Descreva o projeto, escolha Website, App ou Dashboard abaixo dela e pressione Continue. Isso abre New project com suas palavras já no lugar. Nada é criado nem cobrado a partir do Home. A linha abaixo da caixa diz quanto uma construção reserva e quanto você tem, por exemplo 'A build holds 50 credits; you have 50.' Quando um projeto desse tipo costuma custar mais do que você tem, uma segunda linha mostra a estimativa. Se você digitar uma pergunta em vez de uma descrição, ela é respondida abaixo da caixa e suas palavras continuam onde estão.
  • Os Example chips abaixo da pergunta, como Clinic bookings e Sales dashboard, preenchem a caixa com uma descrição de exemplo que você pode editar.

Abaixo da caixa de prompt, Set up your business online lista as etapas que tornam um site real: criar o site, publicá-lo em produção, conectar seu domínio (nos planos com domínios próprios), ativar o chat, convidar sua equipe (nos planos com equipe) e contratar um agente (nos planos com agentes). Cada etapa é marcada sozinha quando concluída, e a lista some quando todas estiverem prontas. Hide a guarda nesse dispositivo.

Quando o espaço de trabalho já tem projetos, a Home também mostra, nesta ordem:

  • Recent projects: os últimos em que você trabalhou, em uma fileira de três, ou quatro em telas largas, com um link para ver todos.
  • Waiting for you, quando há algo: pedidos dos seus agentes e projetos que precisam de atenção.
  • Visitors across your projects: visitantes e visualizações em 7 days, 30 days ou 6 months, contados sem cookies, e os Busiest projects.
  • Credits: o saldo exato, com uma barra para cada um dos últimos 30 dias mostrando os créditos usados. Os Owners também veem aqui um botão Billing.
  • Your plan, por exemplo Free plan: projetos, domínios personalizados e armazenamento usados em relação ao que o plano inclui, e Members, como '1 of 1'. As barras ficam âmbar acima de três quartos e vermelhas acima de nove décimos.
  • Start from a template: os modelos salvos do seu próprio espaço de trabalho, quando houver.

Projetos

Projects lista todos os sites, apps e dashboards do espaço de trabalho, com a alteração mais recente primeiro, doze cards por página, três ou quatro por linha conforme a tela. List mostra os projetos em linhas, vinte e cinco por página, e a caixa de busca e o filtro State ajudam a refinar a lista. New project, no canto superior direito, inicia um novo projeto; Editors, Admins e Owners podem vê-lo. Cada card mostra:

  • Uma imagem da última versão gerada, tirada após cada publicação. Antes da primeira publicação, mostra 'Ainda não publicado.' ou informa que está sendo criada.
  • O nome, que abre o Studio do projeto.
  • O estado: Live, Building, Needs attention ou Draft.
  • O tipo (Website, Web app ou Dashboard) e quando foi alterado pela última vez.
  • O endereço dele, ou 'No address yet', e os créditos que o trabalho dele já usou.

O botão ••• de um cartão tem mais opções: Duplicate cria uma cópia editável da versão publicada, aqui ou em outro espaço de trabalho em que você atua; Save as template congela a versão publicada para que o espaço de trabalho possa iniciar novos projetos a partir dela; Move to another workspace, para Owners e Admins, passa o projeto para um espaço de trabalho em que você é Editor ou superior, e o site publicado continua funcionando durante a mudança. Duplicate e Save as template exigem que o projeto esteja publicado antes.

Modelos

Templates tem três prateleiras: os modelos do seu espaço de trabalho, By Briks Team e Community Templates. Um modelo é um site publicado congelado como ponto de partida. Comece por um, informe os dados do seu negócio e cada página é reescrita para você antes de ser publicada. Veja modelos.

Agentes

Agents é onde trabalham os agentes de IA que você contrata para seus projetos, a partir do plano Starter. Escolha um projeto em Project, ou All projects, e New agent contrata mais um. As abas no topo dividem a página:

  • Team: a equipe em ação, liderada pelo líder da equipe quando você tem um.
  • Crew: cada agente com seu estado, como On, Working, Needs you ou Paused.
  • Waiting for you: o que os agentes querem fazer e esperam o seu sim, com a contagem ao lado. Veja aprovações e orçamentos.
  • Chat, Memory e Activity log: converse com a equipe, veja o que ela lembra do seu negócio e leia tudo o que ela fez.

Com um projeto escolhido, uma linha abaixo da equipe diz quantos agentes ele tem em relação ao que o seu plano permite, como '2 of 3 agents on this project'. Quando estiver cheio, Get more abre os planos com mais espaço. Veja contrate agentes de IA.

Analytics em todos os seus sites

Analytics na navegação mostra todos os sites publicados do espaço de trabalho de uma vez. Abre em 30 days, e você pode mudar para 7 days ou 6 months. Quatro blocos mostram Visitors, Page views, Enquiries e Visitors who enquired, cada um com a variação em relação ao período anterior. Abaixo deles, um gráfico mostra visitantes e visualizações de todos os sites juntos, e a tabela By site lista cada site, do mais movimentado ao menos. Clique no nome de um site para abrir a aba Analytics dele no mesmo período. Até um site ser publicado, a página diz No published sites yet. Veja análises.

As páginas do espaço de trabalho

  • Members: as pessoas do espaço de trabalho e seus papéis. Não há taxa por usuário: cada plano inclui seus membros, a partir de 3 no Pro, e Free e Starter são só para o proprietário. Owners e Admins convidam pessoas com Invite people, onde What each role can do fica abaixo da escolha do papel. Veja membros e papéis.
  • Skills: orientações escritas que o Briks segue nos projetos deste espaço de trabalho quando uma tarefa se encaixa, como seu tom de voz ou fatos sobre seu negócio. Owners e Admins as gerenciam. Veja skills.
  • Billing: Your plan e o que acontece com ele a seguir, Credits left e os Plans para os quais você pode mudar (Starter, Pro, Studio, Agency), mensais ou anuais. Os Owners fazem upgrade, downgrade ou cancelam aqui. Veja cobrança.
  • Settings: o nome do espaço de trabalho, que Owners e Admins podem alterar, e a Danger zone. Leave workspace tira você do espaço; Delete workspace é para Owners. Um espaço de trabalho que ainda tem projetos não pode ser excluído até que eles sejam movidos, e seu único espaço de trabalho não pode ser deixado nem excluído.

Créditos e sua conta

No fim da navegação, Credits mostra quantos créditos restam, como número inteiro, com uma fileira de dez tijolos que se enche da esquerda para a direita em relação aos créditos mensais do seu plano (no Free, em relação aos 50 com que você começou). Com 10% ou menos, ela muda para a cor de alerta e mostra 'running low', e um banner acima de todas as páginas diz quantos créditos restam. Clique nela para abrir Billing. Na barra recolhida, ela vira uma moeda; passe o mouse sobre ela para ver o número.

Abaixo dele estão seu nome e e-mail. Clique neles para abrir um menu curto:

  • Profile: seu nome, e-mail, senha, dispositivos conectados e preferências, além da exclusão da sua conta. Veja seu perfil e login.
  • Appearance: Match the system, Light ou Dark. A mesma escolha está em Profile, em Preferences, como Theme, e vale para este dispositivo.
  • Sign out.

Notificações

O sino no lado direito da barra superior, Notifications, reúne o que aconteceu no espaço de trabalho enquanto você estava ocupado, da mais nova para a mais antiga. Um número nele conta o que você ainda não leu. Abri-lo marca tudo como lido; o que era novo mantém um ponto enquanto o painel continua aberto. No alto do painel, Live significa que as novas notificações chegam assim que acontecem, e Reconnecting significa que a conexão caiu por um instante.

  • Criações e alterações que começam, terminam, falham ou são interrompidas, e criações que esperam por você ou por créditos.
  • Agentes em ação: execuções que começam, terminam ou falham, trabalho passado entre agentes, o que espera sua aprovação e o que você decidiu.
  • Um novo envio de formulário, com o assunto e a página, mas nunca com as palavras do visitante, e um visitante que pediu uma pessoa no chat.
  • Créditos acabando, uma vez por mês, e e-mails do site que pararam porque o limite do mês acabou.
  • Um domínio personalizado que entrou no ar ou precisa de atenção.

Cada notificação leva ao lugar onde você age sobre ela. Algumas também aparecem como pop-up no pé da página assim que chegam. Pop-ups, na parte de baixo do painel, define quais: Everything, Problems and waiting ou Off. A escolha fica salva neste navegador.

Dentro de um projeto

Ao abrir um projeto, a barra superior muda. A primeira linha diz onde você está: Projects, depois o nome do projeto e, fora da aba Studio, a aba aberta e qualquer seção dentro dela, por exemplo Projects / Larder Lane / Settings / Domain. Em telas largas, o endereço ao vivo do projeto fica ao lado do nome e abre o site em uma nova aba. Depois que o site é publicado, a extremidade direita da barra mostra Preview e um botão Publish, ou In production.

Abaixo dessa linha há uma fileira de abas em palavras: Studio, Analytics, Media, Database, Storage, Chatbot e Settings. Database aparece quando o projeto tem um banco de dados e, antes disso, só para Owner e Admin. Settings guarda todo o resto, como domínio, formulários, versões e backups. No celular, a primeira linha mostra só o nome do projeto, e a fileira de abas rola para o lado. A página do projeto trata de cada uma.

Duas abas a mais entram na fila onde se aplicam. Visual Editor, depois de Studio, permite clicar em qualquer parte de uma página e alterá-la à mão; ela vem com um plano pago. Veja Editor Visual. Marketing, depois de Analytics, é onde você escreve e agenda posts para as contas sociais do projeto, quando a publicação estiver disponível para você. Veja marketing e posts sociais.