Barra laterale del progetto
Panoramica
La barra laterale del progetto e il centro di navigazione principale dell'area di lavoro del tuo progetto. Fornisce accesso rapido a ogni strumento e pannello principale di cui hai bisogno mentre lavori — dalla gestione dei file e il controllo di versione alle sessioni di chat IA, il tracciamento delle attivita, le distribuzioni e altro ancora. Ogni pannello si apre come un overlay scorrevole in modo da poter passare tra gli strumenti senza lasciare la vista corrente.
La barra laterale corre lungo il bordo destro dell'area di lavoro del progetto e contiene pulsanti con icone per ogni pannello. Cliccando un'icona si apre l'overlay di quel pannello, e cliccandola di nuovo (o premendo Escape) lo si chiude. La barra laterale e sempre visibile e serve come modo principale per interagire con gli strumenti del tuo progetto.
Pannelli disponibili
La barra laterale contiene i seguenti pannelli, ciascuno documentato in dettaglio nelle sezioni sottostanti:
Preferiti
Aggiungi una stella e organizza i file di progetto piu usati per un accesso istantaneo.
Chat
Gestisci gruppi di chat IA, sessioni degli agenti e cronologia delle conversazioni.
GitHub
Visualizza lo stato del repository, i branch, i commit e gestisci le pull request.
Attivita
Tieni traccia delle attivita del progetto, assegna priorita e gestisci il tuo flusso di lavoro.
Distribuzioni
Monitora e avvia distribuzioni verso i tuoi provider di hosting configurati.
Calendario cronologia
Sfoglia l'attivita del progetto e le modifiche ai file su una timeline a calendario.
Build
Visualizza i log di build, lo stato e l'output delle build del tuo progetto.
Albero dei file
Gestisci le impostazioni di visualizzazione dell'albero dei file e le azioni a livello di elemento.
Casella prompt
Input prompt ad accesso rapido per inviare istruzioni all'agente IA.
Libreria gruppi blocchi
Sfoglia e gestisci blocchi di componenti riutilizzabili dalla tua libreria.
File selezionati
Visualizza e gestisci i file attualmente selezionati per operazioni in blocco.
Cerca
Cerca in tutto il tuo progetto per file, codice e contenuti.
Nascondi file
Configura quali file e cartelle sono nascosti dall'albero dei file.
Favorites Panel
Panoramica
Il pannello preferiti e un overlay della barra laterale che ti permette di aggiungere una stella e organizzare i file di progetto piu usati per un accesso rapido. Invece di cercare nell'albero dei file ogni volta, contrassegna i file importanti come preferiti e trovali istantaneamente.
Funzionalita
Star Toggle
Clicca l'icona a stella su qualsiasi file per aggiungerlo o rimuoverlo dai tuoi preferiti. I file con stella appaiono nel pannello preferiti per un accesso rapido.
Group Organization
Organizza i tuoi file preferiti in gruppi personalizzati. I gruppi vengono salvati localmente cosi persistono tra le sessioni.
Multi-File Selection
Seleziona piu file preferiti contemporaneamente e esegui azioni in blocco come aggiungerli tutti a un'attivita.
Add to Task
Seleziona uno o piu file preferiti e aggiungili direttamente a un'attivita con un singolo clic, semplificando il tuo flusso di lavoro.
Favorites Counter
Il badge mostra il numero totale di file preferiti in modo da sapere sempre quanti ne sono salvati.
Chat Panel
Panoramica
Il pannello chat e un overlay della barra laterale per gestire i tuoi gruppi di chat IA e le sessioni degli agenti. Fornisce un luogo centrale per sfogliare, creare, modificare e eliminare conversazioni chat, nonche visualizzare i log delle sessioni CLI, SDK e ACP.
Schede
Chat
Sfoglia e gestisci i tuoi gruppi di chat IA. Crea nuovi gruppi, rinominali, cerca tra quelli esistenti o elimina le conversazioni di cui non hai piu bisogno.
CLI
Visualizza i log delle sessioni degli agenti basati su CLI come Claude Code, Gemini CLI e Codex CLI. Ogni sessione mostra il tipo di agente con il suo logo.
SDK
Visualizza i log delle sessioni degli agenti basati su SDK incluse le integrazioni Claude SDK, Gemini SDK e OpenAI SDK.
ACP
Visualizza i log delle sessioni degli agenti ACP (Agent Communication Protocol) con le loro configurazioni e la cronologia di esecuzione.
Funzionalita
Chat Group CRUD
Crea, rinomina, cerca e elimina gruppi di chat. Ogni gruppo puo contenere un thread completo di conversazione con contesto.
Pagination
Le sessioni caricano 50 elementi alla volta con un pulsante "Carica altro" per cronologie estese.
Multi-Selection
Usa Shift+Clic per la selezione di intervalli tra le sessioni. Esegui eliminazione in blocco o altre azioni sugli elementi selezionati.
Context Menu
Fai clic destro su qualsiasi sessione per accedere ad azioni rapide come elimina o visualizza log dettagliati.
Agent Identification
Ogni sessione mostra i loghi degli agenti IA utilizzati (Claude Code, Gemini, Codex, ACP) in modo da poterli identificare a colpo d'occhio.
Task Panel
Panoramica
Il pannello attivita e un overlay della barra laterale per creare e gestire attivita a livello di progetto. Ogni attivita puo includere un nome, un prompt o istruzione e una selezione di file di progetto come contesto. Le attivita ti aiutano a organizzare gli elementi di lavoro e inviarli direttamente agli agenti IA.
Funzionalita
Task Creation
Crea attivita con un nome, testo prompt/istruzione e file di progetto selezionati. Le attivita sono limitate al progetto corrente.
File Tree Integration
Il pannello dell'albero dei file ridimensionabile ti permette di sfogliare e selezionare file di progetto da allegare come contesto per l'attivita.
Multi-File Selection
Seleziona piu file da includere in un'attivita. L'elenco dei file selezionati mostra tutti i file scelti con opzioni per rimuovere singoli elementi.
Context Menu
Fai clic destro sui file nell'albero dei file dell'attivita per azioni rapide come aggiungere o rimuovere dall'attivita.
File Watcher
Il monitoraggio file integrato rileva automaticamente le modifiche ai file di progetto in modo che il contesto dell'attivita rimanga aggiornato.
Toast Notifications
Feedback visivo tramite notifiche toast per salvataggi riusciti, errori e messaggi informativi.
Deployments Panel
Panoramica
Il pannello distribuzioni e un overlay della barra laterale per distribuire il tuo progetto su varie piattaforme di hosting. Le piattaforme disponibili cambiano a seconda del tipo di progetto, offrendoti le opzioni di distribuzione corrette per il tuo stack.
Platform Support by Project Type
Frontend / Web Apps
Distribuisci siti statici, SPA e applicazioni SSR.
Backend / Python / API Projects
Distribuisci applicazioni lato server e API.
WordPress Projects
Deploy headless WordPress CMS setups.
Funzionalita
Deployment CRUD
Crea, visualizza, aggiorna e elimina distribuzioni. Ogni distribuzione tiene traccia della sua piattaforma, branch e configurazione del repository git.
Auto-Detection
Le distribuzioni esistenti collegate al tuo progetto vengono rilevate e elencate automaticamente quando apri il pannello.
API Key Management
Gestisci le chiavi API per ogni piattaforma di distribuzione. Le chiavi sono archiviate in modo sicuro e associate a distribuzioni specifiche.
Platform-Specific Settings
Configura il branch di distribuzione, il repository git, le variabili d'ambiente e le opzioni specifiche per piattaforma per ogni distribuzione.
Active Deployment Indicator
La distribuzione attualmente attiva e evidenziata in modo da poter vedere quale distribuzione e in produzione a colpo d'occhio.
Context Menu
Fai clic destro su qualsiasi distribuzione per azioni rapide incluse elimina e aggiorna stato.
History Calendar Panel
Panoramica
Il pannello calendario cronologia e un overlay della barra laterale che fornisce una vista basata su calendario della cronologia del tuo progetto. Sfoglia le voci per data, visualizza la cronologia del contesto interno ed esterno e rivedi le interazioni IA passate legate a giorni specifici.
Funzionalita
Interactive Calendar
Naviga tra mesi e anni con un selettore di calendario visivo. Le date con voci di cronologia sono evidenziate in modo da poter individuare l'attivita a colpo d'occhio.
Month/Year Picker
Vai rapidamente a qualsiasi mese e anno invece di scorrere un mese alla volta.
History Tabs
Passa tra le schede "GitHub" e "Interno" per visualizzare diversi tipi di cronologia — commit git e eventi rispetto alle voci di contesto IA interne.
Entry Viewer
Clicca su qualsiasi data evidenziata per vedere tutte le voci di cronologia per quel giorno. Clicca su una singola voce per visualizzare i suoi dettagli completi.
Context Menu
Fai clic destro sulle voci per azioni rapide come visualizzare dettagli o eliminare elementi di cronologia specifici.
Elimina con conferma
Rimuovi voci di cronologia con un passaggio di conferma per prevenire eliminazioni accidentali.
Notifications
Le notifiche in stile toast confermano azioni riuscite, errori o messaggi informativi all'interno del pannello.
File Tree Items
Panoramica
L'albero dei file e il browser di file principale nella barra laterale del progetto. Mostra la struttura delle directory del tuo progetto in una vista ad albero espandibile e ricorsiva. Ogni file e cartella viene visualizzato con icone specifiche per tipo e supporta un ricco set di interazioni.
Funzionalita
Recursive Tree View
Le cartelle si espandono e comprimono per rivelare il loro contenuto. L'albero supporta annidamento profondo con un limite di profondita configurabile per mantenere le prestazioni.
File Type Icons
Ogni file mostra un'icona corrispondente al suo tipo (es. TypeScript, JavaScript, JSON, CSS, immagini). Le cartelle hanno icone distinte aperta/chiusa.
Trascina e rilascia
Sposta file e cartelle trascinandoli in una nuova posizione all'interno dell'albero. Gli obiettivi di rilascio si evidenziano durante il trascinamento.
File Selection
Clicca su un file per selezionarlo e aprirlo. Usa le caselle di spunta per la selezione multipla di file con Shift+Clic per la selezione di intervalli.
Context Menu
Fai clic destro su qualsiasi file o cartella per azioni rapide: copia contenuto, aggiungi ad attivita, crea/modifica nell'editor, refactoring, elimina, nascondi, attiva/disattiva preferito o scarica.
Auto-Refresh
Le cartelle sono monitorate per le modifiche del file system e si aggiornano automaticamente quando i file vengono aggiunti, rimossi o modificati.
Search Highlighting
Durante la ricerca, i nomi dei file corrispondenti vengono evidenziati all'interno dell'albero per aiutarti a individuare rapidamente i risultati.
Favorite Toggle
L'icona a stella su ogni file ti permette di aggiungerlo o rimuoverlo dai preferiti con feedback visivo istantaneo.
Provider Switching
Passa tra diverse radici di sorgente o percorsi provider all'interno di un progetto quando ne vengono rilevati piu di uno.
Prompt Box
Panoramica
La casella prompt si trova nella parte superiore dell'albero dei file e fornisce pulsanti di azione ad accesso rapido per operazioni comuni sui file. Include strumenti per copiare il contenuto dei file, creare attivita dai file selezionati e gestire la visualizzazione dell'albero dei file.
Azioni
Copy
Copia il contenuto del file attualmente selezionato negli appunti. Utile per prendere rapidamente il codice da incollare nella chat IA o in un altro editor.
Add to Task
Crea una nuova attivita dai file selezionati. Questo apre il pannello attivita con i file scelti gia allegati come contesto, permettendoti di definire un nome attivita e un prompt su cui far lavorare gli agenti IA.
Block Group Library
Panoramica
La libreria gruppi blocchi e una finestra modale accessibile dalla barra prompt (icona puzzle) che ti permette di sfogliare, cercare e selezionare componenti UI riutilizzabili e blocchi da includere come contesto nelle tue conversazioni IA o attivita. I componenti sono organizzati per gruppo e possono essere aggiunti ai preferiti per un accesso rapido.
Funzionalita
Component Browsing
Sfoglia tutti i componenti e blocchi disponibili organizzati per nome del gruppo. Ogni componente mostra una miniatura di anteprima caricata su richiesta.
Search & Filter
Cerca componenti per nome o descrizione per trovare rapidamente cio che ti serve. Filtra per categoria o gruppo.
Lazy-Loaded Previews
Le anteprime dei componenti vengono caricate su richiesta usando IntersectionObserver con un buffer di precaricamento di 300px per prestazioni di scorrimento fluide.
Component Favorites
Aggiungi una stella ai componenti usati frequentemente per fissarli in cima alla libreria per un accesso rapido.
Detail View
Clicca su qualsiasi componente per aprire una finestra modale di dettaglio che mostra l'anteprima completa, la descrizione e i metadati.
Context Selection
Seleziona uno o piu componenti da includere come contesto nella tua chat IA o attivita. Il contatore mostra quanti sono attualmente selezionati.
Checked Files
Panoramica
La scheda File selezionati (icona casella di spunta nella barra prompt) mostra tutti i file attualmente selezionati/spuntati nell'albero dei file. Fornisce una vista consolidata del tuo contesto selezionato — file, componenti e progetti — in modo da poter rivedere e gestire cosa verra inviato agli agenti IA.
Funzionalita
Selected Files List
Visualizza tutti i file selezionati in un elenco ordinato alfabeticamente. Ogni file mostra il suo percorso relativo alla radice del progetto.
Component Selection Display
Visualizza quali componenti dalla Libreria gruppi blocchi sono attualmente selezionati insieme ai tuoi file spuntati.
Project Grouping
Quando vengono inclusi file da piu progetti selezionati, vengono raggruppati sotto i rispettivi nomi di progetto.
Remove Individual Files
Clicca su qualsiasi file per deselezionarlo dal contesto. Il doppio clic attiva la deselezione con un tempo di attesa per prevenire toggle rapidi accidentali.
Clear All
Il pulsante "Cancella tutto" ti permette di deselezionare tutti i file spuntati in una volta per ricominciare da zero.
Search
Panoramica
La funzione di ricerca (icona lente di ingrandimento nella barra prompt) fornisce il filtraggio in tempo reale dei nomi dei file all'interno dell'albero dei file. Mentre digiti, l'albero si aggiorna istantaneamente per mostrare solo i file corrispondenti, con i termini corrispondenti evidenziati.
Funzionalita
Real-Time Filtering
L'albero dei file filtra mentre digiti. Vengono mostrati solo i file i cui nomi corrispondono alla tua query, rendendo veloce la localizzazione di file specifici in progetti grandi.
Highlight Matches
Le porzioni corrispondenti dei nomi dei file sono evidenziate visivamente con uno stile distinto in modo da poter vedere facilmente perche ogni risultato corrisponde.
Auto-Expand Folders
Quando una query di ricerca corrisponde a file all'interno di cartelle compresse, quelle cartelle si espandono automaticamente per rivelare i risultati corrispondenti.
Hidden File Filtering
La ricerca rispetta le tue impostazioni dei file nascosti — i file che hai scelto di nascondere non appariranno nei risultati di ricerca.
Hide Files
Panoramica
La funzione Nascondi file (icona occhio nella barra prompt) ti permette di attivare/disattivare la visibilita di file e cartelle nell'albero dei file. I file nascosti vengono filtrati dalla vista ad albero e dai risultati di ricerca, mantenendo la tua area di lavoro pulita e focalizzata sui file importanti.
Funzionalita
Eye Toggle
Clicca l'icona occhio/occhio chiuso nella barra prompt per attivare/disattivare la visibilita dei file nascosti. Quando l'occhio e chiuso, i file nascosti vengono filtrati.
Path-Based Hiding
Nascondi file per pattern di percorso. Puoi nascondere file specifici, intere cartelle o gruppi di file corrispondenti a un pattern.
Persistent State
Le tue impostazioni dei file nascosti persistono tra le sessioni cosi non hai bisogno di nascondere di nuovo gli stessi file ogni volta che apri il progetto.
Context Menu Integration
Fai clic destro su qualsiasi file o cartella nell'albero e seleziona "Nascondi" per aggiungerlo rapidamente all'elenco dei file nascosti.