Боковая панель проекта
Обзор
Боковая панель проекта является центральным навигационным хабом вашего рабочего пространства. Она предоставляет быстрый доступ к каждому основному инструменту и панели, необходимым во время работы — от управления файлами и контроля версий до чат-сессий с ИИ, отслеживания задач, развёртываний и многого другого. Каждая панель открывается как выдвижной оверлей, чтобы вы могли переключаться между инструментами, не покидая текущий вид.
Боковая панель располагается вдоль правого края рабочего пространства проекта и содержит иконки-кнопки для каждой панели. Нажатие на иконку открывает оверлей этой панели, а повторное нажатие (или клавиша Escape) закрывает его. Боковая панель всегда видна и служит основным способом взаимодействия с инструментами вашего проекта.
Доступные панели
Боковая панель содержит следующие панели, каждая подробно описана в разделах ниже:
Избранное
Отмечайте звёздочкой и организуйте наиболее используемые файлы проекта для мгновенного доступа.
Чат
Управляйте группами чатов с ИИ, сессиями агентов и историей разговоров.
GitHub
View repository status, ветки, коммиты, и управлять запросы на слияние.
Задачи
Отслеживайте задачи проекта, назначайте приоритеты и управляйте рабочим процессом.
Развёртывания
Отслеживайте и запускайте развёртывания на ваших настроенных хостинг-провайдерах.
Календарь истории
Просматривайте активность проекта и изменения файлов на временной шкале календаря.
Сборки
Просматривайте журналы сборки, статус и вывод сборок вашего проекта.
Файловое дерево
Управляйте настройками отображения файлового дерева и действиями на уровне элементов.
Панель промпта
Быстрый ввод промпта для отправки инструкций агенту ИИ.
Библиотека групп блоков
Просматривайте и управляйте многоразовыми блоками компонентов из вашей библиотеки.
Выбранные файлы
Просматривайте и управляйте файлами, выбранными для массовых операций.
Поиск
Ищите по всему проекту файлы, код и контент.
Скрытие файлов
Настройте, какие файлы и папки скрыты из файлового дерева.
Панель избранного
Обзор
Панель избранного — это оверлей боковой панели, который позволяет вам отмечать и организовывать наиболее используемые файлы проекта для быстрого доступа. Вместо поиска через файловое дерево каждый раз, отмечайте важные файлы как избранные и находите их мгновенно.
Возможности
Star Toggle
Нажмите на иконку звезды на любом файле, чтобы добавить или удалить его из избранного. Отмеченные файлы появляются в панели избранного для быстрого доступа.
Group Organization
Организуйте избранные файлы в пользовательские группы. Группы сохраняются локально и сохраняются между сессиями.
Multi-File Selection
Выбирайте несколько избранных файлов одновременно и выполняйте массовые действия, например добавление их всех в задачу.
Add to Task
Выберите один или несколько избранных файлов и добавьте их непосредственно в задачу одним нажатием, упрощая рабочий процесс.
Favorites Counter
Значок отображает общее количество избранных файлов, чтобы вы всегда знали, сколько сохранено.
Панель чата
Обзор
Панель чата — это оверлей боковой панели для управления группами чатов с ИИ и сессиями агентов. Она предоставляет центральное место для просмотра, создания, редактирования и удаления чат-разговоров, а также просмотра журналов сессий CLI, SDK и ACP.
Вкладки
Chat
Просматривайте и управляйте группами чатов с ИИ. Создавайте новые группы, переименовывайте их, ищите среди существующих или удаляйте ненужные разговоры.
CLI
Просматривайте журналы сессий из CLI-based агенты like Claude Code, Gemini CLI, и Codex CLI. Each session показатьs the agent type с его branded logo.
SDK
Просматривайте журналы сессий из SDK-based агенты including Claude SDK, Gemini SDK, и OpenAI SDK integrations.
ACP
Просматривайте журналы сессий из ACP (Agent Communication Protocol) агенты сir конфигурации и execution history.
Возможности
Chat Group CRUD
Создавайте, переименовывайте, ищите и удаляйте группы чатов. Каждая группа может содержать полную ветку разговора с контекстом.
Pagination
Сессии загружают по 50 элементов за раз с кнопкой «Загрузить ещё» для больших историй.
Multi-Selection
Используйте Shift+Click для выбора диапазона сессий. Выполняйте массовое удаление или другие действия над выбранными элементами.
Context Menu
Щёлкните правой кнопкой мыши по любой сессии для доступа к быстрым действиям, таким как удаление или просмотр подробных журналов.
Agent Identification
Каждая сессия отображает фирменные логотипы использованного агента ИИ (Claude Code, Gemini, Codex, ACP), чтобы вы могли идентифицировать их с первого взгляда.
Панель задач
Обзор
Панель задач — это оверлей боковой панели для создания и управления задачами уровня проекта. Каждая задача может включать имя, промпт или инструкцию и выборку файлов проекта для контекста. Задачи помогают организовать рабочие элементы и передавать их непосредственно агентам ИИ.
Возможности
Task Creation
Создавайте задачи с именем, prompt/instruction text, и выбранный файлы проекта. Tasks are scoped to текущего project.
File Tree Integration
Изменяемая по размеру панель файлового дерева позволяет просматривать и выбирать файлы проекта для прикрепления как контекст задачи.
Multi-File Selection
Выбирайте несколько файлов для включения в задачу. Список выбранных файлов показывает все выбранные файлы с возможностью удаления отдельных элементов.
Context Menu
Щёлкните правой кнопкой мыши по файлам в файловом дереве задачи для быстрых действий, таких как добавление или удаление из задачи.
File Watcher
Встроенный наблюдатель файлов автоматически обнаруживает изменения в файлах проекта, чтобы контекст задачи оставался актуальным.
Toast Notifications
Визуальная обратная связь через всплывающие уведомления для успешных сохранений, ошибок и информационных сообщений.
Панель развёртываний
Обзор
Панель развёртываний — это оверлей боковой панели для развёртывания вашего проекта на различных хостинг-платформах. Доступные платформы меняются в зависимости от типа проекта, предоставляя вам правильные варианты развёртывания для вашего стека.
Поддержка платформ по типу проекта
Фронтенд / Веб-приложения
Развёртывайте статические сайты, SPA и SSR-приложения.
Бэкенд / Python / API-проекты
Развёртывайте серверные приложения и API.
Проекты WordPress
Развёртывайте безголовые установки WordPress CMS.
Возможности
Deployment CRUD
Создавайте, просматривайте, обновляйте и удаляйте развёртывания. Each развернутьment отслеживатьs его platform, branch, и git repository configuration.
Auto-Detection
Существующие развёртывания, подключённые к вашему проекту, автоматически обнаруживаются и отображаются при открытии панели.
API Key Management
Manage ключи API для каждого развёртывания platform. Keys хранятся безопасно и associated с конкретный развёртывания.
Platform-Specific Settings
Настройте развёртывание branch, git repository, environment variables, и platform-конкретный опции для каждого развёртывания.
Active Deployment Indicator
Текущее активное развёртывание выделено, чтобы вы могли видеть, какое развёртывание работает, с первого взгляда.
Context Menu
Щёлкните правой кнопкой мыши любой развернутьment для quick действия including удалить и обновить status.
Панель календаря истории
Обзор
Панель календаря истории — это оверлей боковой панели, предоставляющий просмотр истории вашего проекта в виде календаря. Просматривайте записи по датам, смотрите историю внутреннего и внешнего контекста и обзор прошлых взаимодействий с ИИ, привязанных к конкретным дням.
Возможности
Interactive Calendar
Навигация по месяцам и годам с помощью визуального календаря. Даты с записями истории выделены, чтобы вы могли заметить активность с первого взгляда.
Month/Year Picker
Быстро переходите к любому месяцу и году вместо прокрутки по одному месяцу за раз.
History Tabs
Switch между "GitHub" и "Internal" вкладки для просмотра different types of history — git коммиты и events versus internal контекста ИИ записи.
Entry Viewer
Нажмите на любой highlighted date чтобы увидеть все history записи для который day. Click an отдельный entry для просмотра его full детали.
Context Menu
Щёлкните правой кнопкой мыши записи для quick действия like viewing детали или deleting конкретный history элементы.
Delete с Confirmation
Reпереместить history записи с a шагом подтверждения для предотвращения accidental deletion.
Notifications
Toast-style уведомления подтвердить successful действия, errors, или informational сообщения внутри the panel.
Элементы файлового дерева
Обзор
Файловое дерево — основной файловый браузер в боковой панели проекта. Оно отображает структуру каталогов вашего проекта в виде рекурсивного, раскрываемого дерева. Каждый файл и папка отображаются с иконками, соответствующими типу, и поддерживают богатый набор взаимодействий.
Возможности
Recursive Tree View
Folders развернуть и свернуть to reveal их contents. tree поддерживает deep nesting с a configurable depth limit to maintain performance.
File Type Icons
Each file отображает an icon matching его type (e.g., TypeScript, JavaScript, JSON, CSS, изображения). Folders have distinct открыть/закрытьd иконки.
Drag и Drop
Перемещайте файлы и папки перетаскиванием в новое расположение внутри дерева. Цели перетаскивания подсвечиваются при наведении.
File Selection
Нажмите на файл, чтобы выбрать и открыть его. Use checkboxes для multi-file выбратьion с Shift+Click для range выбратьion.
Context Menu
Щёлкните правой кнопкой мыши любой file или folder для quick действия: копировать content, add to task, создать/редактировать in редактироватьor, refactor, удалить, скрыть, переключить favorite, или скачать.
Auto-Refresh
Папки отслеживаются на изменения файловой системы и автоматически обновляются при добавлении, удалении или изменении файлов.
Search Highlighting
При поиске совпадающие имена файлов подсвечиваются внутри дерева для быстрого обнаружения результатов.
Favorite Toggle
Star icon on каждый file позволяет вам add или удалить it из favorites с instant visual feedback.
Provider Switching
Switch между different source roots или provider paths внутри a project когда несколько обнаруживаются.
Панель промпта
Обзор
Prompt Box sits в верхней части файловое дерево и предоставляет quick-access action кнопки для common file операции. It включает инструменты для копироватьing file content, creating tasks из выбранный файлы, и managing файловое дерево отобразить.
Действия
Copy
Скопируйте содержимое текущегоly выбранный file в буфер обмена. Useful для быстро grabbing code to вставить в чате ИИ или another редактироватьor.
Add to Task
Создайте новую задачу из выбранных файлов. Это откроет панель задач с предварительно прикреплёнными выбранными файлами как контекстом, позволяя определить имя задачи и промпт для работы агентов ИИ.
Библиотека групп блоков
Обзор
Библиотека групп блоков — это модальное окно, доступное из панели промпта (иконка пазла), которое позволяет просматривать, искать и выбирать многоразовые компоненты UI и блоки для включения как контекст в ваших ИИ-разговорах или задачах. Компоненты организованы по группам и могут быть добавлены в избранное для быстрого доступа.
Возможности
Component Browsing
Просматривайте все доступные компоненты и блоки, организованные по имени группы. Каждый компонент показывает миниатюру с ленивой загрузкой.
Search & Filter
Ищите компоненты по имени или описанию, чтобы быстро найти нужное. Фильтруйте по категории или группе.
Lazy-Loaded Previews
Component предпросмотры load on demand using IntersectionObserver с a 300px preload buffer для smooth прокрутитьing performance.
Component Favorites
Отмечайте часто используемые компоненты, чтобы закрепить их в верхней части библиотеки для быстрого доступа.
Detail View
Нажмите на любой компонент чтобы открыть a detail modal показатьing его full предпросмотреть, description, и метаданные.
Context Selection
Выберите один или несколько компонентов для включения как контекст в чате с ИИ или задаче. Счётчик показывает, сколько компонентов выбрано в данный момент.
Выбранные файлы
Обзор
Вкладка выбранных файлов (иконка чекбокса в панели промпта) отображает все файлы, выбранные в файловом дереве. Она предоставляет консолидированный просмотр вашего выбранного контекста — файлов, компонентов и проектов — чтобы вы могли просмотреть и управлять тем, что будет отправлено агентам ИИ.
Возможности
Selected Files List
Просматривайте все выбранные файлы в алфавитно отсортированном списке. Каждый файл показывает путь относительно корня проекта.
Component Selection Display
Смотрите, какие компоненты из библиотеки групп блоков выбраны наряду с вашими отмеченными файлами.
Project Grouping
When файлы из несколько выбранный проекты включены, they сгруппированы под их respective имени проектаs.
Reпереместить Individual Files
Нажмите на любой файл, чтобы снять его выделение из контекста. Двойной щелчок запускает снятие выделения с задержкой для предотвращения случайного быстрого переключения.
Clear All
Кнопка «Очистить всё» позволяет снять выделение со всех отмеченных файлов сразу для начала с чистого листа.
Поиск
Обзор
Search feature (magnifying glass icon в панели промпта) предоставляет в реальном времени file name фильтроватьing withв файловом дереве. As you type, the tree обновления мгновенно чтобы показать only matching файлы, с matched terms highlighted.
Возможности
Real-Time Filtering
Файловое дерево фильтруется по мере ввода. Отображаются только файлы, имена которых соответствуют запросу, что позволяет быстро находить конкретные файлы в крупных проектах.
Highlight Matches
Совпадающие части имён файлов визуально выделены особым стилем, чтобы вы могли легко видеть, почему каждый результат совпал.
Auto-Expand Folders
Когда поисковый запрос совпадает с файлами внутри свёрнутых папок, эти папки автоматически разворачиваются для отображения совпавших результатов.
Hidden File Filtering
Поиск учитывает настройки скрытых файлов — файлы, которые вы решили скрыть, не появятся в результатах поиска.
Скрытие файлов
Обзор
Функция скрытия файлов (иконка глаза в панели промпта) позволяет переключать видимость файлов и папок в файловом дереве. Скрытые файлы отфильтровываются из представления дерева и результатов поиска, сохраняя рабочее пространство чистым и сфокусированным на важных файлах.
Возможности
Eye Toggle
Нажмите иконку глаза в панели промпта, чтобы переключить видимость скрытых файлов. Когда глаз закрыт, скрытые файлы отфильтровываются.
Path-Based Hiding
Скрывайте файлы по шаблону пути. Вы можете скрыть конкретные файлы, целые папки или группы файлов, соответствующих шаблону.
Persistent State
Настройки скрытых файлов сохраняются между сессиями, поэтому вам не нужно повторно скрывать одни и те же файлы при каждом открытии проекта.
Context Menu Integration
Щёлкните правой кнопкой мыши по любому файлу или папке в дереве и выберите «Скрыть», чтобы быстро добавить их в список скрытых файлов.