Tela infinita — Guia do usuário | YoBench

Para que serve o módulo «Board»

O módulo é uma tela infinita dentro do YoBench para trabalho visual: mapas mentais, brainstorming, diagramas de produto, retrospectivas. Uma única board mistura stickies, formas, texto, imagens, frames, conectores, tabelas, nós de mapa mental e desenho livre. Histórico de versões, auxiliares de IA e modo apresentação são embutidos.

O que você obtém:

• Tela infinita — colocação 2D, zoom suave, posição da câmera lembrada entre sessões.
• Conjunto rico de objetos — sticky, shape, text, image, frame, group, card, table, mindmap-node, freehand, edges (conectores com âncoras handle).
• Comentários — em thread, anexados a um objeto ou soltos.
• Modo apresentação — frames são percorridos por presentationOrder como slides.
• Histórico de versões — até 50 snapshots por board com restauração; restaurar salva o estado atual como «Before restore».
• Auxiliares de IA — clustering de stickies, geração de mapa mental / diagrama, resumo da board (usa o provedor de IA compartilhado do app).
• Busca de texto — um índice FTS dos objetos ajuda a achar notas em boards grandes.
• Carregar mais na lista de boards — coleções grandes carregam em lotes, em vez de tudo de uma vez.

Parâmetros da board

• Título — padrão «Sem título».
• Ícone — emoji ou ID de ícone (opcional).
• Cor de fundo — HEX, padrão #ffffff.
• Estado da câmera — viewport_x, viewport_y, viewport_zoom salvos automaticamente.
• Favorita — pin na lista lateral.
• Lixeira — is_deleted; Restaurar ou exclusão definitiva.
• Imagem de capa — preview na lista de boards.
• Última abertura — last_opened_at para ordenação.

Objetos e ferramentas

Barra de ferramentas na tela:

• Seleção — seleção e movimento.
• Sticky — nota curta em cor fixa.
• Forma — retângulo, círculo, losango etc.
• Texto — bloco de texto solto.
• Imagem — drag-and-drop ou colar do clipboard.
• Frame — contêiner; para apresentação e agrupamento.
• Conector — seta entre objetos (com âncoras handle).
• Caneta — desenho livre (freehand).
• Borracha — apaga traços de desenho.
• Cartão — bloco estruturado com título e descrição.
• Tabela — objeto tabela na tela.
• Mapa mental — nós com auto-conexões.
• Comentário — tecla C, anexado a ponto ou objeto.

Menu de contexto do objeto: Copiar / Colar / Duplicar / Excluir / Para a frente / Para trás / Bloquear / Desbloquear / Agrupar / Desagrupar / Adicionar ao frame.

Histórico de versões

• Salvar versão — snapshot rotulado sob demanda. Até 50 snapshots por quadro.
• Restaurar — muda o quadro para um snapshot; o estado atual é salvo como "Before restore" para que você sempre possa voltar.

Auxiliares de IA

No menu IA da tela:

• Cluster de stickies — agrupa stickies similares por significado.
• Criar mapa mental — a partir do contexto selecionado ou de um prompt.
• Criar diagrama — gera um esquema.
• Resumir board — descrição curta do conteúdo.

A IA usa o provedor compartilhado do app (chatDefaultProviderId).

Exportação e importação

• PNG — visão atual da tela.
• PDF — exportação sequencial de frames.
• JSON — snapshot completo de uma board (objetos, edges, comentários, versões).
• Importar JSON — cria uma nova board a partir de um arquivo exportado.

Também há Modelos: salvar uma board como modelo e criar novas boards a partir.

Configurações globais

Não há chaves board* dedicadas nas configurações do app. A board usa as configurações compartilhadas (language, chatDefaultProviderId para IA). Todos os parâmetros da board (fundo, viewport) ficam no registro da board.

Fluxo de uso

1. Crie uma board

1. Abra o módulo Board no menu lateral esquerdo.
2. Clique em Nova board.
3. Insira um título e opcionalmente um ícone.
4. Abra a board — a tela está pronta.

2. Adicione objetos

• Use as ferramentas da barra (sticky, forma, texto, imagem).
• Arraste arquivos direto para a tela.
• Conecte objetos com conectores.

3. Estruture

• Agrupe objetos em um frame para apresentação.
• Use mapas mentais para ideias hierárquicas.
• Reordene camadas (frente/fundo).

4. Use IA

Selecione a board ou uma área → menu IA → Cluster de stickies, Criar mapa mental, Criar diagrama ou Resumir board.

5. Apresentação

No modo Apresentação a board percorre frames por presentationOrder. Botões Próximo frame / Frame anterior.

6. Salve e compartilhe

• Salvar versão — snapshot do estado.
• Exportar PNG / PDF / JSON — para compartilhar.
• Modelo — reutilize a estrutura em novas boards.

Próximos passos

• Mantenha a documentação escrita em Docs.
• Conecte os provedores de IA para os auxiliares de IA funcionarem.
• Empurre insights da board para contextos RAG exportando texto.

Ajuda e feedback

Quer colaboração em tempo real, votação em stickies ou mais modelos? Escreva para nós pelo formulário de contato.