Panel boczny projektu
Przegląd
Panel boczny projektu to centralne centrum nawigacji Twojej przestrzeni roboczej projektu. Zapewnia szybki dostęp do każdego głównego narzędzia i panelu potrzebnego podczas pracy — od zarządzania plikami i kontroli wersji po sesje czatu AI, śledzenie zadań, wdrożenia i wiele więcej. Każdy panel otwiera się jako nakładka wysuwana, dzięki czemu możesz przełączać się między narzędziami bez opuszczania bieżącego widoku.
Panel boczny biegnie wzdłuż prawej krawędzi przestrzeni roboczej projektu i zawiera przyciski ikon dla każdego panelu. Kliknięcie ikony otwiera nakładkę tego panelu, a ponowne kliknięcie (lub naciśnięcie Escape) zamyka ją. Panel boczny jest zawsze widoczny i służy jako główny sposób interakcji z narzędziami Twojego projektu.
Dostępne panele
Panel boczny zawiera następujące panele, każdy szczegółowo udokumentowany w sekcjach poniżej:
Ulubione
Oznaczaj gwiazdką i organizuj najczęściej używane pliki projektu dla natychmiastowego dostępu.
Czat
Zarządzaj grupami czatu AI, sesjami agentów i historią rozmów.
GitHub
Przeglądaj status repozytorium, gałęzie, commity i zarządzaj pull requestami.
Zadania
Śledź zadania projektu, przypisuj priorytety i zarządzaj przepływem pracy.
Wdrożenia
Monitoruj i wyzwalaj wdrożenia na skonfigurowane platformy hostingowe.
Kalendarz historii
Przeglądaj aktywność projektu i zmiany plików na osi czasu kalendarza.
Kompilacje
Przeglądaj logi kompilacji, status i dane wyjściowe kompilacji projektu.
Drzewo plików
Zarządzaj ustawieniami wyświetlania drzewa plików i akcjami na poziomie elementów.
Pole polecenia
Szybki dostęp do pola wejściowego polecenia do wysyłania instrukcji agentowi AI.
Biblioteka grup bloków
Przeglądaj i zarządzaj wielokrotnie używanymi blokami komponentów z Twojej biblioteki.
Zaznaczone pliki
Przeglądaj i zarządzaj plikami aktualnie wybranymi do operacji zbiorczych.
Wyszukiwanie
Wyszukuj w całym projekcie pliki, kod i treść.
Ukrywanie plików
Konfiguruj, które pliki i foldery są ukryte w drzewie plików.
Panel ulubionych
Przegląd
Panel ulubionych to nakładka panelu bocznego, która pozwala oznaczać gwiazdką i organizować najczęściej używane pliki projektu dla szybkiego dostępu. Zamiast przekopywać się przez drzewo plików za każdym razem, oznacz ważne pliki jako ulubione i znajdź je natychmiast.
Funkcje
Przełącznik gwiazdki
Kliknij ikonę gwiazdki na dowolnym pliku, aby dodać go do ulubionych lub usunąć z nich. Oznaczone pliki pojawiają się w Panelu ulubionych dla szybkiego dostępu.
Organizacja w grupy
Organizuj ulubione pliki w niestandardowe grupy. Grupy są zapisywane lokalnie, więc utrzymują się między sesjami.
Zaznaczanie wielu plików
Zaznacz wiele ulubionych plików naraz i wykonuj zbiorcze akcje, takie jak dodawanie ich wszystkich do zadania.
Dodaj do zadania
Wybierz jeden lub więcej ulubionych plików i dodaj je bezpośrednio do zadania jednym kliknięciem, usprawniając swój przepływ pracy.
Licznik ulubionych
Odznaka wyświetla łączną liczbę ulubionych plików, abyś zawsze wiedział, ile jest zapisanych.
Panel czatu
Przegląd
Panel czatu to nakładka panelu bocznego do zarządzania grupami czatu AI i sesjami agentów. Zapewnia centralne miejsce do przeglądania, tworzenia, edycji i usuwania rozmów czatu, a także przeglądania logów sesji CLI, SDK i ACP.
Zakładki
Czat
Przeglądaj i zarządzaj grupami czatu AI. Twórz nowe grupy, zmieniaj ich nazwy, wyszukuj wśród istniejących lub usuwaj rozmowy, których już nie potrzebujesz.
CLI
Przeglądaj logi sesji agentów opartych na CLI, takich jak Claude Code, Gemini CLI i Codex CLI. Każda sesja pokazuje typ agenta z jego markowym logo.
SDK
Przeglądaj logi sesji agentów opartych na SDK, w tym integracje Claude SDK, Gemini SDK i OpenAI SDK.
ACP
Przeglądaj logi sesji agentów ACP (Agent Communication Protocol) z ich konfiguracjami i historią wykonania.
Funkcje
CRUD grup czatu
Tworzenie, zmiana nazwy, wyszukiwanie i usuwanie grup czatu. Każda grupa może zawierać pełny wątek rozmowy z kontekstem.
Paginacja
Sesje ładują się po 50 elementów z przyciskiem „Załaduj więcej" dla dużych historii.
Zaznaczanie wielokrotne
Użyj Shift+kliknięcie do zaznaczania zakresów w sesjach. Wykonuj zbiorcze usuwanie lub inne akcje na zaznaczonych elementach.
Menu kontekstowe
Kliknij prawym przyciskiem myszy dowolną sesję, aby uzyskać dostęp do szybkich akcji, takich jak usuwanie lub przeglądanie szczegółowych logów.
Identyfikacja agenta
Każda sesja wyświetla markowe loga użytego agenta AI (Claude Code, Gemini, Codex, ACP), abyś mógł je zidentyfikować na pierwszy rzut oka.
Panel zadań
Przegląd
Panel zadań to nakładka panelu bocznego do tworzenia i zarządzania zadaniami na poziomie projektu. Każde zadanie może zawierać nazwę, polecenie lub instrukcję oraz wybór plików projektu jako kontekst. Zadania pomagają organizować elementy pracy i przekazywać je bezpośrednio agentom AI.
Funkcje
Tworzenie zadań
Twórz zadania z nazwą, tekstem polecenia/instrukcji i wybranymi plikami projektu. Zadania są przypisane do bieżącego projektu.
Integracja z drzewem plików
Panel drzewa plików z możliwością zmiany rozmiaru pozwala przeglądać i wybierać pliki projektu do dołączenia jako kontekst dla zadania.
Zaznaczanie wielu plików
Zaznaczaj wiele plików do włączenia w zadanie. Lista zaznaczonych plików pokazuje wszystkie wybrane pliki z opcjami usuwania poszczególnych elementów.
Menu kontekstowe
Kliknij prawym przyciskiem myszy pliki w drzewie plików zadania, aby uzyskać szybkie akcje, takie jak dodawanie lub usuwanie z zadania.
Obserwator plików
Zintegrowany obserwator plików automatycznie wykrywa zmiany w plikach projektu, więc kontekst Twojego zadania jest zawsze aktualny.
Powiadomienia toast
Wizualna informacja zwrotna w postaci powiadomień toast dla udanych zapisów, błędów i wiadomości informacyjnych.
Panel wdrożeń
Przegląd
Panel wdrożeń to nakładka panelu bocznego do wdrażania Twojego projektu na różne platformy hostingowe. Dostępne platformy zmieniają się w zależności od typu projektu, dając Ci odpowiednie opcje wdrożenia dla Twojego stosu.
Obsługa platform według typu projektu
Aplikacje frontend / webowe
Wdrażaj strony statyczne, SPA i aplikacje SSR.
Projekty backend / Python / API
Wdrażaj aplikacje serwerowe i API.
Projekty WordPress
Wdrażaj bezgłowe konfiguracje WordPress CMS.
Funkcje
CRUD wdrożeń
Twórz, przeglądaj, aktualizuj i usuwaj wdrożenia. Każde wdrożenie śledzi swoją platformę, gałąź i konfigurację repozytorium git.
Automatyczne wykrywanie
Istniejące wdrożenia połączone z Twoim projektem są automatycznie wykrywane i wyświetlane po otwarciu panelu.
Zarządzanie kluczami API
Zarządzaj kluczami API dla każdej platformy wdrożeniowej. Klucze są bezpiecznie przechowywane i powiązane z konkretnymi wdrożeniami.
Ustawienia specyficzne dla platformy
Konfiguruj gałąź wdrożenia, repozytorium git, zmienne środowiskowe i opcje specyficzne dla platformy dla każdego wdrożenia.
Wskaźnik aktywnego wdrożenia
Aktualnie aktywne wdrożenie jest podświetlone, abyś mógł zobaczyć na pierwszy rzut oka, które wdrożenie jest aktywne.
Menu kontekstowe
Kliknij prawym przyciskiem myszy dowolne wdrożenie, aby uzyskać szybkie akcje, w tym usuwanie i odświeżanie statusu.
Panel kalendarza historii
Przegląd
Panel kalendarza historii to nakładka panelu bocznego, która zapewnia widok historii projektu oparty na kalendarzu. Przeglądaj wpisy według daty, wyświetlaj wewnętrzną i zewnętrzną historię kontekstu oraz przeglądaj poprzednie interakcje AI powiązane z konkretnymi dniami.
Funkcje
Interaktywny kalendarz
Nawiguj przez miesiące i lata za pomocą wizualnego selektora kalendarza. Daty, które mają wpisy historii, są podświetlone, abyś mógł zauważyć aktywność na pierwszy rzut oka.
Selektor miesiąca/roku
Szybko przejdź do dowolnego miesiąca i roku zamiast przewijać po jednym miesiącu.
Zakładki historii
Przełączaj się między zakładkami „GitHub" i „Wewnętrzne", aby przeglądać różne typy historii — commity i zdarzenia git w porównaniu z wewnętrznymi wpisami kontekstu AI.
Przeglądarka wpisów
Kliknij dowolną podświetloną datę, aby zobaczyć wszystkie wpisy historii z tego dnia. Kliknij poszczególny wpis, aby zobaczyć jego pełne szczegóły.
Menu kontekstowe
Kliknij prawym przyciskiem myszy wpisy, aby uzyskać szybkie akcje, takie jak przeglądanie szczegółów lub usuwanie konkretnych elementów historii.
Usuwanie z potwierdzeniem
Usuwaj wpisy historii z krokiem potwierdzenia, aby zapobiec przypadkowemu usunięciu.
Powiadomienia
Powiadomienia w stylu toast potwierdzają udane akcje, błędy lub wiadomości informacyjne w panelu.
Elementy drzewa plików
Przegląd
Drzewo plików to główna przeglądarka plików w panelu bocznym projektu. Wyświetla strukturę katalogów projektu w rekursywnym, rozwijalnym widoku drzewa. Każdy plik i folder jest renderowany z ikonami specyficznymi dla typu i obsługuje bogaty zestaw interakcji.
Funkcje
Rekursywny widok drzewa
Foldery rozwijają się i zwijają, aby ujawnić swoją zawartość. Drzewo obsługuje głębokie zagnieżdżanie z konfigurowalnym limitem głębokości dla utrzymania wydajności.
Ikony typów plików
Każdy plik wyświetla ikonę odpowiadającą jego typowi (np. TypeScript, JavaScript, JSON, CSS, obrazy). Foldery mają odrębne ikony otwarte/zamknięte.
Przeciągnij i upuść
Przenoś pliki i foldery, przeciągając je do nowej lokalizacji w drzewie. Cele upuszczania podświetlają się podczas przeciągania.
Wybór pliku
Kliknij plik, aby go zaznaczyć i otworzyć. Używaj pól wyboru do zaznaczania wielu plików z Shift+kliknięcie dla zaznaczania zakresów.
Menu kontekstowe
Kliknij prawym przyciskiem myszy dowolny plik lub folder, aby uzyskać szybkie akcje: kopiowanie treści, dodawanie do zadania, tworzenie/edycja w edytorze, refaktoryzacja, usuwanie, ukrywanie, przełączanie ulubionych lub pobieranie.
Automatyczne odświeżanie
Foldery są monitorowane pod kątem zmian w systemie plików i automatycznie odświeżane, gdy pliki są dodawane, usuwane lub modyfikowane.
Podświetlanie wyszukiwania
Podczas wyszukiwania dopasowane nazwy plików są podświetlane w drzewie, aby pomóc szybko zlokalizować wyniki.
Przełącznik ulubionych
Ikona gwiazdki na każdym pliku pozwala dodawać lub usuwać go z ulubionych z natychmiastową informacją zwrotną.
Przełączanie dostawcy
Przełączaj się między różnymi źródłami głównymi lub ścieżkami dostawcy w ramach projektu, gdy wykrytych jest wiele.
Pole polecenia
Przegląd
Pole polecenia znajduje się na górze drzewa plików i zapewnia przyciski szybkiego dostępu do typowych operacji na plikach. Zawiera narzędzia do kopiowania treści pliku, tworzenia zadań z zaznaczonych plików i zarządzania wyświetlaniem drzewa plików.
Akcje
Kopiuj
Skopiuj treść aktualnie zaznaczonego pliku do schowka. Przydatne do szybkiego przechwytywania kodu do wklejenia w czat AI lub inny edytor.
Dodaj do zadania
Utwórz nowe zadanie z zaznaczonych plików. To otwiera Panel zadań z wybranymi plikami wstępnie dołączonymi jako kontekst, pozwalając zdefiniować nazwę zadania i polecenie dla agentów AI do pracy.
Biblioteka grup bloków
Przegląd
Biblioteka grup bloków to modal dostępny z pola polecenia (ikona puzzla), który pozwala przeglądać, wyszukiwać i wybierać wielokrotnie używane komponenty UI i bloki do włączenia jako kontekst w rozmowach AI lub zadaniach. Komponenty są zorganizowane według grup i mogą być oznaczone jako ulubione dla szybkiego dostępu.
Funkcje
Przeglądanie komponentów
Przeglądaj wszystkie dostępne komponenty i bloki zorganizowane według nazwy grupy. Każdy komponent pokazuje miniaturę podglądu ładowaną leniwie.
Wyszukiwanie i filtrowanie
Wyszukuj komponenty po nazwie lub opisie, aby szybko znaleźć to, czego potrzebujesz. Filtruj według kategorii lub grupy.
Podglądy ładowane leniwie
Podglądy komponentów ładują się na żądanie za pomocą IntersectionObserver z buforem wstępnego ładowania 300px dla płynnego przewijania.
Ulubione komponenty
Oznaczaj gwiazdką często używane komponenty, aby przypiąć je na górze biblioteki dla szybkiego dostępu.
Widok szczegółowy
Kliknij dowolny komponent, aby otworzyć modal szczegółów pokazujący jego pełny podgląd, opis i metadane.
Wybór kontekstu
Wybierz jeden lub więcej komponentów do włączenia jako kontekst w czacie AI lub zadaniu. Licznik pokazuje, ile jest aktualnie wybranych.
Zaznaczone pliki
Przegląd
Zakładka Zaznaczone pliki (ikona pola wyboru na pasku polecenia) wyświetla wszystkie pliki aktualnie zaznaczone w drzewie plików. Zapewnia skonsolidowany widok wybranego kontekstu — plików, komponentów i projektów — abyś mógł przejrzeć i zarządzać tym, co zostanie wysłane agentom AI.
Funkcje
Lista zaznaczonych plików
Wyświetl wszystkie zaznaczone pliki w alfabetycznie posortowanej liście. Każdy plik pokazuje swoją ścieżkę względem korzenia projektu.
Wyświetlanie zaznaczonych komponentów
Zobacz, które komponenty z Biblioteki grup bloków są aktualnie zaznaczone obok Twoich zaznaczonych plików.
Grupowanie projektów
Gdy uwzględnione są pliki z wielu wybranych projektów, są one grupowane pod odpowiednimi nazwami projektów.
Usuwanie poszczególnych plików
Kliknij dowolny plik, aby odznaczyć go z kontekstu. Podwójne kliknięcie wyzwala odznaczenie z opóźnieniem, aby zapobiec przypadkowemu szybkiemu przełączaniu.
Wyczyść wszystko
Przycisk „Wyczyść wszystko" pozwala odznaczyć każdy zaznaczony plik naraz, aby zacząć od nowa.
Wyszukiwanie
Przegląd
Funkcja wyszukiwania (ikona lupy na pasku polecenia) zapewnia filtrowanie nazw plików w czasie rzeczywistym w drzewie plików. Podczas pisania drzewo aktualizuje się natychmiast, pokazując tylko pasujące pliki, z podświetlonymi dopasowanymi terminami.
Funkcje
Filtrowanie w czasie rzeczywistym
Drzewo plików filtruje się podczas pisania. Pokazywane są tylko pliki, których nazwy pasują do zapytania, co przyspiesza lokalizowanie konkretnych plików w dużych projektach.
Podświetlanie dopasowań
Dopasowane fragmenty nazw plików są wizualnie podświetlone odrębnym stylem, abyś mógł łatwo zobaczyć, dlaczego każdy wynik się dopasował.
Automatyczne rozwijanie folderów
Gdy zapytanie wyszukiwania pasuje do plików wewnątrz zwiniętych folderów, te foldery automatycznie się rozwijają, aby ujawnić pasujące wyniki.
Filtrowanie ukrytych plików
Wyszukiwanie respektuje ustawienia ukrytych plików — pliki, które wybrałeś do ukrycia, nie będą pojawiać się w wynikach wyszukiwania.
Ukrywanie plików
Przegląd
Funkcja ukrywania plików (ikona oka na pasku polecenia) pozwala przełączać widoczność plików i folderów w drzewie plików. Ukryte pliki są filtrowane z widoku drzewa i wyników wyszukiwania, utrzymując przestrzeń roboczą czystą i skoncentrowaną na plikach, które mają znaczenie.
Funkcje
Przełącznik oka
Kliknij ikonę oka/przekreślonego oka na pasku polecenia, aby przełączyć widoczność ukrytych plików. Gdy oko jest zamknięte, ukryte pliki są filtrowane.
Ukrywanie oparte na ścieżce
Ukrywaj pliki według wzorca ścieżki. Możesz ukryć konkretne pliki, całe foldery lub grupy plików pasujących do wzorca.
Stan trwały
Twoje ustawienia ukrytych plików utrzymują się między sesjami, więc nie musisz ponownie ukrywać tych samych plików za każdym razem, gdy otwierasz projekt.
Integracja z menu kontekstowym
Kliknij prawym przyciskiem myszy dowolny plik lub folder w drzewie i wybierz „Ukryj", aby szybko dodać go do listy ukrytych plików.