Бічна панель проекту
Огляд
Бічна панель проекту — це центральний навігаційний центр робочої області проекту. Він забезпечує швидкий доступ до всіх основних інструментів і панелей, які вам знадобляться під час роботи — від керування файлами та контролю версій до сеансів чату AI, відстеження завдань, розгортань тощо. Кожна панель відкривається як висувна накладка, тож ви можете переходити між інструментами, не залишаючи поточного перегляду.
Бічна панель проходить уздовж правого краю робочої області проекту та містить кнопки-піктограми для кожної панелі. Клацання піктограми відкриває накладення панелі, а повторне клацання (або натискання Esc) закриває її. Бічна панель завжди видима і служить основним способом взаємодії з інструментами вашого проекту.
Доступні панелі
Бічна панель містить такі панелі, кожна з яких детально описана в розділах нижче:
Вибране
Позначте зірочкою та впорядкуйте найбільш використовувані файли проекту для миттєвого доступу.
Чат
Керуйте групами чату AI, сеансами агентів та історією розмов.
GitHub
Переглядайте статус сховища, розгалуження, коміти та керуйте запитами на отримання.
завдання
Відстежуйте завдання проекту, призначайте пріоритети та керуйте робочим процесом.
Розгортання
Відстежуйте та запускайте розгортання на налаштованих хостинг-провайдерах.
Календар історії
Переглядайте діяльність проекту та зміни файлів на часовій шкалі календаря.
Будує
Переглядайте журнали збирання, статус і результати збірок вашого проекту.
Дерево файлів
Керуйте параметрами відображення дерева файлів і діями на рівні елементів.
Скринька підказок
Підказка швидкого доступу для надсилання інструкцій агенту ШІ.
Бібліотека групи блоків
Переглядайте багаторазові компонентні блоки у своїй бібліотеці та керуйте ними.
Перевірені файли
Перегляд файлів, вибраних для групових операцій, і керування ними.
Пошук
Шукайте файли, код і вміст у всьому проекті.
Приховати файли
Налаштуйте, які файли та папки будуть приховані в дереві файлів.
Панель уподобань
Огляд
Панель «Вибране» — це бічна панель, яка дозволяє зірочкою впорядковувати файли проекту, які найчастіше використовуються, для швидкого доступу. Замість того, щоб щоразу копатися в дереві файлів, позначте важливі файли як вибрані та знайдіть їх миттєво.
особливості
Зірка Перемикач
Натисніть значок зірочки на будь-якому файлі, щоб додати або видалити його з вибраного. Помічені зірочкою файли з’являються на панелі «Вибране» для швидкого доступу.
Організація групи
Упорядковуйте улюблені файли в спеціальні групи. Групи зберігаються локально, тому вони залишаються між сеансами.
Вибір кількох файлів
Виберіть відразу кілька вибраних файлів і виконайте групові дії, як-от додавання їх усіх до завдання.
Додати до завдання
Виберіть один або кілька вибраних файлів і додайте їх безпосередньо до завдання одним клацанням миші, спрощуючи робочий процес.
Лічильник уподобань
Значок відображає загальну кількість доданих до вибраного файлів, тож ви завжди знаєте, скільки збережено.
Панель чату
Огляд
Панель чату — це бічна панель для керування групами чату AI та сеансами агентів. Це центральне місце для перегляду, створення, редагування та видалення розмов у чаті, а також для перегляду журналів сеансів CLI, SDK і ACP.
Вкладки
Чат
Переглядайте та керуйте своїми групами чату AI. Створюйте нові групи, перейменовуйте їх, шукайте серед існуючих або видаляйте бесіди, які вам більше не потрібні.
CLI
Перегляд журналів сеансів від агентів на основі CLI, таких як Claude Code, Gemini CLI та Codex CLI. Кожна сесія показує тип агента з його фірмовим логотипом.
SDK
Перегляд журналів сеансів від агентів на основі SDK, включаючи інтеграцію Claude SDK, Gemini SDK та OpenAI SDK.
ACP
Перегляд журналів сеансів від агентів ACP (Agent Communication Protocol) з їхніми конфігураціями та історією виконання.
особливості
Група чату CRUD
Створюйте, перейменовуйте, шукайте та видаляйте групи чату. Кожна група може вести повну бесіду з контекстом.
Пагінація
Сеанси завантажують 50 елементів за раз із кнопкою «Завантажити більше» для великих історій.
Багатофункціональний вибір
Використовуйте Shift+Click для вибору діапазону між сеансами. Масове видалення або інші дії з вибраними елементами.
Контекстне меню
Клацніть будь-який сеанс правою кнопкою миші, щоб отримати доступ до таких швидких дій, як видалення або перегляд детальних журналів.
Ідентифікація агента
Кожна сесія відображає фірмові логотипи використовуваного агента AI (Claude Code, Gemini, Codex, ACP), щоб ви могли ідентифікувати їх з першого погляду.
Панель завдань
Огляд
Панель завдань — це бічна панель для створення завдань на рівні проекту та керування ними. Кожне завдання може включати назву, підказку або інструкцію, а також вибір файлів проекту для контексту. Завдання допомагають упорядковувати робочі елементи та передавати їх безпосередньо агентам ШІ.
особливості
Створення завдання
Створюйте завдання з назвою, текстом підказки/інструкції та вибраними файлами проекту. Завдання відносяться до поточного проекту.
Інтеграція дерева файлів
Панель дерева файлів зі змінним розміром дає змогу переглядати та вибирати файли проекту для прикріплення як контексту для завдання.
Вибір кількох файлів
Виберіть кілька файлів, щоб включити їх до завдання. У списку вибраних файлів відображаються всі вибрані файли з параметрами видалення окремих елементів.
Контекстне меню
Клацніть правою кнопкою миші файли в дереві файлів завдань, щоб виконати швидкі дії, як-от додати або видалити із завдання.
Спостерігач за файлами
Інтегрований засіб перегляду файлів автоматично виявляє зміни у файлах проекту, щоб контекст вашого завдання залишався актуальним.
Сповіщення про тост
Візуальний зворотній зв’язок за допомогою сповіщень про успішне збереження, помилки та інформаційні повідомлення.
Панель розгортань
Огляд
Панель розгортань — це бічна панель для розгортання вашого проекту на різних платформах хостингу. Доступні платформи змінюються залежно від типу вашого проекту, надаючи правильні варіанти розгортання для вашого стеку.
Підтримка платформи за типом проекту
Інтерфейс / веб-програми
Розгортайте статичні сайти, SPA та програми SSR.
Бекенд / Python / проекти API
Розгортання серверних програм і API.
Проекти WordPress
Розгортайте безголові налаштування WordPress CMS.
особливості
Розгортання CRUD
Створення, перегляд, оновлення та видалення розгортань. Кожне розгортання відстежує конфігурацію платформи, гілки та сховища git.
Автоматичне визначення
Існуючі розгортання, підключені до вашого проекту, автоматично виявляються та перераховуються, коли ви відкриваєте панель.
Керування ключами API
Керуйте ключами API для кожної платформи розгортання. Ключі надійно зберігаються та пов’язані з певними розгортаннями.
Спеціальні налаштування платформи
Налаштуйте гілку розгортання, репозиторій git, змінні середовища та параметри, що стосуються платформи, для кожного розгортання.
Індикатор активного розгортання
Поточне активне розгортання виділено, щоб ви могли одразу побачити, яке розгортання активне.
Контекстне меню
Клацніть правою кнопкою миші будь-яке розгортання, щоб виконати швидкі дії, зокрема видалити й оновити статус.
Панель календаря історії
Огляд
Панель «Календар історії» — це бічна панель, що надає календарний перегляд історії вашого проекту. Переглядайте записи за датою, переглядайте внутрішню та зовнішню історію контексту та переглядайте минулі взаємодії ШІ, прив’язані до певних днів.
особливості
Інтерактивний календар
Переміщуйтеся місяцями та роками за допомогою візуального засобу вибору календаря. Дати, які мають записи в історії, виділено, щоб ви могли одразу помітити активність.
Вибір місяця/року
Швидко переходьте до будь-якого місяця та року замість того, щоб прокручувати один місяць за раз.
Вкладки історії
Перемикайтеся між вкладками «GitHub» і «Internal», щоб переглядати різні типи історії — git-коміти та події проти записів внутрішнього контексту AI.
Переглядач записів
Натисніть будь-яку виділену дату, щоб переглянути всі записи історії за цей день. Натисніть окремий запис, щоб переглянути його повну інформацію.
Контекстне меню
Клацайте правою кнопкою миші записи для швидких дій, наприклад перегляду деталей або видалення певних елементів історії.
Видалити з підтвердженням
Видаліть записи історії за допомогою кроку підтвердження, щоб запобігти випадковому видаленню.
Сповіщення
Сповіщення в стилі Toast підтверджують успішні дії, помилки або інформаційні повідомлення на панелі.
Елементи дерева файлів
Огляд
Дерево файлів є основним браузером файлів на бічній панелі проекту. Він відображає структуру каталогів вашого проекту в рекурсивному перегляді дерева, що розширюється. Кожен файл і папка відображаються піктограмами певного типу та підтримують широкий набір взаємодій.
особливості
Рекурсивне дерево
Папки розгортаються та згортаються, щоб відкрити їхній вміст. Дерево підтримує глибоке вкладення з настроюваним обмеженням глибини для підтримки продуктивності.
Значки типів файлів
Кожен файл відображає значок, який відповідає його типу (наприклад, TypeScript, JavaScript, JSON, CSS, зображення). Папки мають чіткі піктограми відкритого/закритого.
Перетягніть і опустіть
Перемістіть файли та папки, перетягнувши їх у нове місце в дереві. Підсвічуйте цілі під час перетягування.
Вибір файлу
Натисніть файл, щоб вибрати та відкрити його. Використовуйте прапорці для вибору кількох файлів за допомогою Shift+клацання для вибору діапазону.
Контекстне меню
Клацніть правою кнопкою миші будь-який файл або папку, щоб виконати швидкі дії: скопіювати вміст, додати до завдання, створити/редагувати в редакторі, виконати рефакторинг, видалити, приховати, переключити в обране або завантажити.
Автоматичне оновлення
Папки стежать за змінами файлової системи та автоматично оновлюються, коли файли додаються, видаляються чи змінюються.
Підсвічування пошуку
Під час пошуку відповідні імена файлів підсвічуються в дереві, щоб допомогти вам швидко знайти результати.
Улюблений перемикач
Значок зірочки на кожному файлі дозволяє додавати або видаляти його з вибраного з миттєвим візуальним відгуком.
Зміна провайдера
Перемикайтеся між різними вихідними коренями або шляхами постачальників у проекті, якщо виявлено декілька.
Скринька підказок
Огляд
Поле підказок знаходиться у верхній частині дерева файлів і надає кнопки швидкого доступу для типових операцій з файлами. Він містить інструменти для копіювання вмісту файлів, створення завдань із вибраних файлів і керування відображенням дерева файлів.
Дії
Копіювати
Скопіюйте вміст вибраного файлу в буфер обміну. Корисно для швидкого захоплення коду для вставлення в чат AI або інший редактор.
Додати до завдання
Створіть нове завдання з вибраних файлів. Це відкриє панель завдань з вибраними файлами, попередньо прикріпленими як контекст, дозволяючи визначити ім’я завдання та запропонувати агентам ШІ працювати над ним.
Бібліотека групи блоків
Огляд
Бібліотека груп блоків — це модальна функція, доступна на панелі підказок (піктограма головоломки), яка дозволяє переглядати, шукати та вибирати багаторазово використовувані компоненти інтерфейсу користувача та блоки, щоб включити їх як контекст у розмови або завдання ШІ. Компоненти організовані за групами та можуть бути додані до вибраного для швидкого доступу.
особливості
Перегляд компонентів
Перегляньте всі доступні компоненти та блоки, упорядковані за назвою групи. Кожен компонент показує мініатюру попереднього перегляду, що завантажується відкладено.
Пошук і фільтр
Шукайте компоненти за назвою або описом, щоб швидко знайти те, що вам потрібно. Фільтрувати за категорією або групою.
Відкладені попередні перегляди
Попередній перегляд компонентів завантажується на вимогу за допомогою IntersectionObserver із буфером попереднього завантаження розміром 300 пікселів для плавного прокручування.
Вибрані компоненти
Часто використовувані компоненти позначте зірочкою, щоб закріпити їх у верхній частині бібліотеки для швидкого доступу.
Детальний перегляд
Клацніть будь-який компонент, щоб відкрити деталізований режим із повним попереднім переглядом, описом і метаданими.
Вибір контексту
Виберіть один або кілька компонентів, які потрібно включити як контекст у ваш чат або завдання ШІ. Лічильник показує, скільки наразі вибрано.
Перевірені файли
Огляд
Вкладка «Перевірені файли» (піктограма прапорця на панелі підказок) відображає всі вибрані/перевірені файли в дереві файлів. Він надає консолідований перегляд вибраного вами контексту — файлів, компонентів і проектів — щоб ви могли переглядати та керувати тим, що надсилатиметься агентам ШІ.
особливості
Список вибраних файлів
Перегляньте всі перевірені файли в списку, відсортованому за алфавітом. Кожен файл показує свій шлях відносно кореня проекту.
Дисплей вибору компонентів
Подивіться, які компоненти з бібліотеки груп блоків наразі вибрано разом із позначеними файлами.
Групування проектів
Якщо включено файли з кількох вибраних проектів, вони групуються під відповідними назвами проектів.
Видалити окремі файли
Натисніть будь-який файл, щоб вилучити його з контексту. Подвійне клацання активує скасування виділення з часом відновлення, щоб запобігти випадковому швидкому перемиканню.
Очистити все
Кнопка «Очистити все» дає змогу відразу скасувати вибір усіх позначених файлів, щоб розпочати заново.
Пошук
Огляд
Функція пошуку (піктограма лупи на панелі підказок) забезпечує фільтрацію імен файлів у режимі реального часу в дереві файлів. Під час введення тексту дерево миттєво оновлюється, щоб відображати лише відповідні файли з виділеними термінами.
особливості
Фільтрація в реальному часі
Дерево файлів фільтрується під час введення. Відображаються лише ті файли, імена яких відповідають вашому запиту, що дозволяє швидко знаходити певні файли у великих проектах.
Виділіть збіги
Відповідні частини назв файлів візуально виділено чітким стилем, щоб ви могли легко побачити, чому кожен результат збігся.
Автоматичне розгортання папок
Коли пошуковий запит відповідає файлам у згорнутих папках, ці папки автоматично розгортаються, щоб показати відповідні результати.
Фільтрування прихованих файлів
Пошук поважає ваші налаштування прихованих файлів — файли, які ви вирішили приховати, не відображатимуться в результатах пошуку.
Приховати файли
Огляд
Функція «Приховати файли» (піктограма ока на панелі підказок) дозволяє перемикати видимість файлів і папок у дереві файлів. Приховані файли відфільтровуються з перегляду дерева та результатів пошуку, зберігаючи ваше робоче середовище чистим і зосередженим на важливих файлах.
особливості
Перемикач очей
Щоб увімкнути видимість прихованих файлів, клацніть піктограму «око» на панелі підказок. Коли око закрите, приховані файли відфільтровуються.
Приховування на основі шляху
Приховати файли за шаблоном шляху. Ви можете приховати окремі файли, цілі папки або групи файлів, які відповідають шаблону.
Стійкий стан
Ваші налаштування прихованих файлів зберігаються протягом сеансів, тому вам не потрібно повторно приховувати ті самі файли кожного разу, коли ви відкриваєте проект.
Інтеграція контекстного меню
Клацніть правою кнопкою миші будь-який файл або папку в дереві та виберіть «Сховати», щоб швидко додати їх до списку прихованих файлів.