Panolayer Studio · Architecture

Voyez ce qui appelle quoi.

Panolayer cartographie les services, modules, fonctions, appelants et dépendances de votre repository. La carte est analysée à partir du code source : le même code produit donc toujours la même carte, et vos agents comme le Moteur de vérification s’appuient dessus.

Télécharger pour macOS Lire la documentation

macOS 15 sur Apple silicon · Gratuit pour commencer · Aucune carte bancaire requise

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

Vous êtes à trois niveaux de profondeur dans un service, à chercher ce qui l’appelle.

Une arborescence de fichiers montre où vit le code, pas ce qui en dépend. Avec du code écrit par des agents, c’est encore plus difficile : personne dans l’équipe ne l’a écrit, et le diff faisait 2 000 lignes. Panolayer vous permet de parcourir le code selon ce qui appelle quoi, et non par dossier.

Ce que vous pouvez faire

Du système entier à une seule ligne

Commencez par le système entier

Ouvrez un repository et visualisez ses services, leur contenu et leurs connexions.

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

Descendez au niveau qui vous intéresse

Passez des services aux modules, puis aux fonctions. Les vues diagramme, colonne et chemin présentent la même structure de trois façons.

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.

Lisez n’importe quelle fonction dans son contexte

Ouvrez getPrice() et voyez ce qu’elle fait, ses entrées et sorties, qui l’appelle, ce dont elle dépend, les règles applicables et son statut de vérification.

Architecture · source and rules together

Voyez la portée d’un changement

Passez getPrice() des centimes aux dollars : la carte montre que le changement atteint la page produit, le panier et le paiement avant toute livraison.

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

Vos agents voient la même carte

Les agents peuvent interroger la carte via un outil MCP pour la structure, les appelants et les dépendances, et la vérification contrôle leurs changements par rapport à cette carte.

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

Documents vivants

Une documentation qui reste à jour

Interrogez n'importe quelle partie de votre base de code et obtenez un document rédigé à partir de l'architecture, dont les affirmations sont liées à la source. Régénérez-le lorsque le code change.

Comment fonctionnent les Living Documents

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

Questions

Autre chose ? Contactez-nous et nous vous répondrons.

La carte est-elle générée par un LLM ?

Non. La structure est analysée à partir du code source. Un modèle peut ajouter des descriptions en langage naturel si vous le demandez, mais il ne décide jamais de la structure.

Puis-je utiliser la carte sans exécuter d'agents ?

Oui. Elle fonctionne seule pour vous repérer dans un code que vous ne connaissez pas.

Quels langages sont pris en charge ?

TypeScript, JavaScript, Python, Go, Rust, Java et plus encore. Les appels dynamiques et le code généré sont plus difficiles à tracer et peuvent nécessiter une vérification manuelle. Consultez la liste complète dans la documentation.

Fonctionne-t-elle sur un monorepo ?

Oui.

Essayez Panolayer sur votre base de code.

Télécharger pour macOS Extension VS Code, bientôt disponible

Gratuit pour commencer · Aucune carte bancaire requise

Comment Panolayer traite votre code

Suivant : Documents vivants