Перейти к содержимому

Panolayer Studio · Архитектура

Смотрите, что вызывает что.

Panolayer строит карту сервисов, модулей, функций, вызывающего кода и зависимостей вашего репозитория. Карта парсится из исходного кода, поэтому один и тот же код всегда даёт одну и ту же карту, и ваши агенты и Verification Engine тоже работают по ней.

macOS 15 на Apple silicon · Бесплатный старт · Без кредитной карты

Architecture · from system to source

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

Полный снимок · прокрутите, чтобы рассмотреть детали

Вы на третьем уровне вложенности в сервисе и пытаетесь понять, что его вызывает.

Дерево файлов показывает, где лежит код, а не что от него зависит. С кодом, написанным агентами, всё ещё сложнее: никто в команде его не писал, а дифф был на 2 000 строк. Panolayer позволяет перемещаться по коду по связям вызовов, а не по папкам.

Что можно делать

От всей системы до одной строки

01

Начните с системы целиком

Откройте репозиторий и увидите его сервисы, что находится внутри каждого из них и как они связаны.

Start at the repository

Start at the repository

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

Полный снимок · прокрутите, чтобы рассмотреть детали

02

Углубитесь до нужного

Переходите от сервисов к модулям и функциям. Представления диаграммы, колонок и путей показывают одну и ту же структуру тремя способами.

Open a function. Go straight to its source.

Open a function. Go straight to its source.

The recorded walkthrough opens the pick function from UserSwitcher in the architecture map, revealing its source, summary and verification results.

Полный снимок · прокрутите, чтобы рассмотреть детали

03

Читайте любую функцию в контексте

Откройте getPrice() и увидите, что она делает, её входы и выходы, кто её вызывает, от чего она зависит, какие правила применяются и её статус верификации.

Architecture · source and rules together

Architecture · source and rules together

Panolayer Studio source view showing a PATCH handler, its function summary, and a failed rule at line 65.

Полный снимок · прокрутите, чтобы рассмотреть детали

04

Смотрите, что затронет изменение

Измените getPrice() с центов на доллары — и карта покажет, что изменение затрагивает страницу товара, корзину и оформление заказа ещё до выпуска.

Follow a component into its functions

Follow a component into its functions

The architecture map connects the UserSwitcher component to its pick function, alongside UserSwitcherProps and neighboring components.

Полный снимок · прокрутите, чтобы рассмотреть детали

05

Ваши агенты видят ту же карту

Агенты могут запрашивать карту через инструмент MCP для получения структуры, вызывающих сторон и зависимостей, а проверка сверяет их изменения с картой.

Panolayer Agent · answers grounded in your source

Panolayer Agent · answers grounded in your source

Panolayer Agent explains the posting workflow with references to the repository's routes, validation and data types.

Полный снимок · прокрутите, чтобы рассмотреть детали

Живые документы

Документация, которая не отстаёт

Спросите о любой части кодовой базы — и получите документ, написанный на основе архитектуры, где каждое утверждение связано с исходным кодом. Пересоздайте его, когда код изменится.

Как работают Living Documents

Living documents · source-linked context

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

Полный снимок · прокрутите, чтобы рассмотреть детали

Вопросы

Что-то ещё? Свяжитесь с нами, и мы ответим.

Карта генерируется LLM?

Нет. Структура парсится из исходного кода. Модель может добавить описания простым языком по вашему запросу, но она никогда не определяет структуру.

Можно ли пользоваться картой, не запуская агентов?

Да. Она работает сама по себе и помогает ориентироваться в незнакомом коде.

Какие языки поддерживаются?

TypeScript, JavaScript, Python, Go, Rust, Java и другие. Динамические вызовы и сгенерированный код сложнее отследить — их может потребоваться проверить вручную. Полный список — в документации.

Работает ли это в монорепозитории?

Да.

Попробуйте Panolayer на своей кодовой базе.

Начать бесплатно · Без банковской карты

Как Panolayer работает с вашим кодом

Далее: Живые документы