Panolayer Studio · Arquitetura

Veja o que chama o quê.

O Panolayer mapeia os serviços, módulos, funções, chamadores e dependências do seu repositório. O mapa é gerado a partir do código-fonte, então o mesmo código sempre produz o mesmo mapa, e seus agentes e o Verification Engine também trabalham a partir dele.

Baixar para macOS Ler a documentação

macOS 15 em Apple silicon · Grátis para começar · Sem cartão de crédito

Panolayer architecture map with application groups, functions and their connected dependencies.

Você está três níveis dentro de um serviço, tentando descobrir o que o chama.

Uma árvore de arquivos mostra onde o código está, não o que depende dele. Com código escrito por agentes, é ainda mais difícil: ninguém da equipe o escreveu, e o diff tinha 2.000 linhas. O Panolayer permite navegar pelo código pelo que chama o quê, não por pasta.

O que você pode fazer

Do sistema inteiro a uma única linha

Comece pelo sistema inteiro

Abra um repositório e veja seus serviços, o que há dentro de cada um e como eles se conectam.

The architecture diagram connects the repository to API Routes, Application Pages, Other, Shared Libraries and UI Components. — Start at the repository

Aprofunde-se até o que você precisa

Passe de serviços para módulos e para funções. As visualizações de diagrama, coluna e caminho mostram a mesma estrutura de três formas.

The recorded walkthrough opens the pick function from UserSwitcher in the architecture map, revealing its source, summary and verification results. — Open a function. Go straight to its source.

Leia qualquer função em contexto

Abra getPrice() e veja o que ela faz, suas entradas e saídas, quem a chama, do que ela depende, as regras aplicáveis e seu status de verificação.

Architecture · source and rules together

Veja o alcance de uma mudança

Mude getPrice() de centavos para dólares e o mapa mostra que ela alcança a página do produto, o carrinho e o checkout antes de qualquer coisa ir para produção.

The architecture map connects the UserSwitcher component to its pick function, alongside UserSwitcherProps and neighboring components. — Follow a component into its functions

Seus agentes veem o mesmo mapa

Os agentes podem consultar o mapa por meio de uma ferramenta MCP para obter estrutura, chamadores e dependências, e a verificação valida as mudanças deles com base nele.

Panolayer Agent explains the posting workflow with references to the repository's routes, validation and data types. — Panolayer Agent · answers grounded in your source

Documentos Vivos

Documentação que acompanha o ritmo

Pergunte sobre qualquer parte do seu código e receba um documento escrito a partir da arquitetura, com as afirmações vinculadas ao código-fonte. Regenere-o quando o código mudar.

Como os Living Documents funcionam

A living document explaining a feature with links to source files and line numbers.

Dúvidas

Outro assunto? Fale conosco e responderemos.

O mapa é gerado por um LLM?

Não. A estrutura é extraída do código-fonte. Um modelo pode adicionar descrições em linguagem natural quando você pedir, mas nunca decide a estrutura.

Posso usar o mapa sem executar agentes?

Sim. Ele funciona sozinho para ajudar você a se orientar em código desconhecido.

Quais linguagens são suportadas?

TypeScript, JavaScript, Python, Go, Rust, Java e outras. Chamadas dinâmicas e código gerado são mais difíceis de rastrear e podem exigir uma verificação manual. Veja a lista completa na documentação.

Funciona em um monorepo?

Sim.

Experimente o Panolayer na sua base de código.

Baixar para macOS Extensão para VS Code, em breve

Grátis para começar · Não é necessário cartão de crédito

Como o Panolayer trata seu código

Próximo: Documentos Vivos