Projectzijbalk
Overzicht
De Projectzijbalk is de centrale navigatiehub van je projectwerkruimte. Het biedt snelle toegang tot elk belangrijk hulpmiddel en paneel dat je nodig hebt tijdens het werken — van bestandsbeheer en versiebeheer tot AI-chatsessies, taakbeheer, deployments en meer. Elk paneel opent als een uitschuifbare overlay zodat je tussen tools kunt wisselen zonder je huidige weergave te verlaten.
De zijbalk loopt langs de rechterrand van de projectwerkruimte en bevat pictogramknoppen voor elk paneel. Klikken op een pictogram opent de overlay van dat paneel, en nogmaals klikken (of op Escape drukken) sluit het. De zijbalk is altijd zichtbaar en dient als de primaire manier om met de tooling van je project te interageren.
Beschikbare panelen
De zijbalk bevat de volgende panelen, elk in detail gedocumenteerd in de onderstaande secties:
Favorieten
Markeer en organiseer je meestgebruikte projectbestanden voor directe toegang.
Chat
Beheer AI-chatgroepen, agentsessies en gespreksgeschiedenis.
GitHub
Bekijk repositorystatus, branches, commits en beheer pull requests.
Taken
Volg projecttaken, wijs prioriteiten toe en beheer je workflow.
Deployments
Monitor en activeer deployments naar je geconfigureerde hostingproviders.
Geschiedeniskalender
Blader door projectactiviteit en bestandswijzigingen op een kalendertijdlijn.
Builds
Bekijk buildlogs, status en uitvoer van je projectbuilds.
Bestandsboom
Beheer weergave-instellingen van de bestandsboom en acties op itemniveau.
Promptvak
Snelle promptinvoer voor het sturen van instructies naar de AI-agent.
Blokgroepbibliotheek
Blader door en beheer herbruikbare componentblokken uit je bibliotheek.
Aangevinkte bestanden
Bekijk en beheer bestanden die momenteel zijn geselecteerd voor bulkbewerkingen.
Zoeken
Zoek in je hele project naar bestanden, code en inhoud.
Bestanden verbergen
Configureer welke bestanden en mappen verborgen zijn in de bestandsboom.
Favorietenpaneel
Overzicht
Het Favorietenpaneel is een zijbalkoverlay waarmee je je meestgebruikte projectbestanden kunt markeren en organiseren voor snelle toegang. In plaats van elke keer door de bestandsboom te graven, markeer je belangrijke bestanden als favorieten en vind je ze direct.
Functies
Sterschakelaar
Klik op het sterpictogram op een bestand om het toe te voegen aan of te verwijderen uit je favorieten. Bestanden met ster verschijnen in het Favorietenpaneel voor snelle toegang.
Groepsorganisatie
Organiseer je favoriete bestanden in aangepaste groepen. Groepen worden lokaal opgeslagen zodat ze tussen sessies bewaard blijven.
Meervoudige bestandsselectie
Selecteer meerdere favoriete bestanden tegelijk en voer bulkacties uit zoals ze allemaal aan een taak toevoegen.
Aan taak toevoegen
Selecteer een of meer favoriete bestanden en voeg ze met één klik rechtstreeks toe aan een taak, waardoor je workflow wordt gestroomlijnd.
Favorietenteller
Een badge toont het totale aantal favoriete bestanden zodat je altijd weet hoeveel er zijn opgeslagen.
Chatpaneel
Overzicht
Het Chatpaneel is een zijbalkoverlay voor het beheren van je AI-chatgroepen en agentsessies. Het biedt een centrale plek om chatgesprekken te bladeren, aan te maken, te bewerken en te verwijderen, en om CLI-, SDK- en ACP-sessielogs te bekijken.
Tabbladen
Chat
Blader door en beheer je AI-chatgroepen. Maak nieuwe groepen aan, hernoem ze, zoek door bestaande of verwijder gesprekken die je niet meer nodig hebt.
CLI
Bekijk sessielogs van CLI-gebaseerde agenten zoals Claude Code, Gemini CLI en Codex CLI. Elke sessie toont het agenttype met het merklogo.
SDK
Bekijk sessielogs van SDK-gebaseerde agenten inclusief Claude SDK, Gemini SDK en OpenAI SDK-integraties.
ACP
Bekijk sessielogs van ACP (Agent Communication Protocol) agenten met hun configuraties en uitvoeringsgeschiedenis.
Functies
Chatgroep CRUD
Maak chatgroepen aan, hernoem, zoek en verwijder ze. Elke groep kan een volledige gespreksthread met context bevatten.
Paginering
Sessies laden 50 items per keer met een knop "Meer laden" voor grote geschiedenissen.
Meervoudige selectie
Gebruik Shift+Klik voor bereikselectie over sessies. Voer bulkverwijdering of andere acties uit op geselecteerde items.
Contextmenu
Klik met de rechtermuisknop op een sessie voor snelle acties zoals verwijderen of gedetailleerde logs bekijken.
Agentidentificatie
Elke sessie toont merklogo's voor de gebruikte AI-agent (Claude Code, Gemini, Codex, ACP) zodat je ze in één oogopslag kunt identificeren.
Takenpaneel
Overzicht
Het Takenpaneel is een zijbalkoverlay voor het aanmaken en beheren van taken op projectniveau. Elke taak kan een naam, een prompt of instructie en een selectie van projectbestanden voor context bevatten. Taken helpen je werkitems te organiseren en ze rechtstreeks aan AI-agenten te voeden.
Functies
Taak aanmaken
Maak taken aan met een naam, prompt/instructietekst en geselecteerde projectbestanden. Taken zijn beperkt tot het huidige project.
Bestandsboomintegratie
Een aanpasbaar bestandsboompaneel laat je projectbestanden bladeren en selecteren om als context voor de taak toe te voegen.
Meervoudige bestandsselectie
Selecteer meerdere bestanden om in een taak op te nemen. De lijst met geselecteerde bestanden toont alle gekozen bestanden met opties om individuele items te verwijderen.
Contextmenu
Klik met de rechtermuisknop op bestanden in de taakbestandsboom voor snelle acties zoals toevoegen aan of verwijderen uit de taak.
Bestandswatcher
Geïntegreerde bestandswatcher detecteert automatisch wijzigingen in projectbestanden zodat je taakcontext up-to-date blijft.
Toastmeldingen
Visuele feedback via toastmeldingen voor succesvolle opslagacties, fouten en informatieve berichten.
Deploymentspaneel
Overzicht
Het Deploymentspaneel is een zijbalkoverlay voor het deployen van je project naar verschillende hostingplatformen. De beschikbare platformen veranderen afhankelijk van je projecttype, waardoor je de juiste deploymentopties voor je stack krijgt.
Platformondersteuning per projecttype
Frontend / webapps
Deploy statische sites, SPA's en SSR-applicaties.
Backend / Python / API-projecten
Deploy server-side applicaties en API's.
WordPress-projecten
Deploy headless WordPress CMS-opstellingen.
Functies
Gestione distribuzioni
Maak, bekijk, werk bij en verwijder deployments. Elke deployment houdt zijn platform, branch en git-repositoryconfiguratie bij.
Automatische detectie
Bestaande deployments die met je project zijn verbonden, worden automatisch gedetecteerd en weergegeven wanneer je het paneel opent.
API-sleutelbeheer
Beheer API-sleutels voor elk deploymentplatform. Sleutels worden veilig opgeslagen en gekoppeld aan specifieke deployments.
Platformspecifieke instellingen
Configureer deploymentbranch, git-repository, omgevingsvariabelen en platformspecifieke opties voor elke deployment.
Actieve deploymentindicator
De momenteel actieve deployment is gemarkeerd zodat je in één oogopslag kunt zien welke deployment live is.
Contextmenu
Klik met de rechtermuisknop op een deployment voor snelle acties waaronder verwijderen en status vernieuwen.
Geschiedeniskalenderpaneel
Overzicht
Het Geschiedeniskalenderpaneel is een zijbalkoverlay die een kalendergebaseerde weergave biedt van de geschiedenis van je project. Blader door items op datum, bekijk interne en externe contextgeschiedenis en bekijk eerdere AI-interacties gekoppeld aan specifieke dagen.
Functies
Interactieve kalender
Navigeer door maanden en jaren met een visuele kalenderkiezer. Datums met geschiedenisitems zijn gemarkeerd zodat je activiteit in één oogopslag kunt herkennen.
Maand/jaarkiezer
Spring snel naar een maand en jaar in plaats van één maand per keer te scrollen.
Geschiedenistabbladen
Wissel tussen "GitHub" en "Intern" tabbladen om verschillende soorten geschiedenis te bekijken — git-commits en gebeurtenissen versus interne AI-contextitems.
Itemviewer
Klik op een gemarkeerde datum om alle geschiedenisitems voor die dag te zien. Klik op een individueel item om de volledige details te bekijken.
Contextmenu
Klik met de rechtermuisknop op items voor snelle acties zoals details bekijken of specifieke geschiedenisitems verwijderen.
Verwijderen met bevestiging
Verwijder geschiedenisitems met een bevestigingsstap om onbedoeld verwijderen te voorkomen.
Meldingen
Toaststijl-meldingen bevestigen succesvolle acties, fouten of informatieve berichten in het paneel.
Bestandsboomitems
Overzicht
De Bestandsboom is de primaire bestandsbrowser in de projectzijbalk. Het toont de mappenstructuur van je project in een recursieve, uitklapbare boomweergave. Elk bestand en elke map wordt weergegeven met typespecifieke pictogrammen en ondersteunt een uitgebreide set interacties.
Functies
Recursieve boomweergave
Mappen klappen uit en in om hun inhoud te tonen. De boom ondersteunt diepe nesting met een configureerbare dieptelimiet om de prestaties te behouden.
Bestandstypepictogrammen
Elk bestand toont een pictogram dat overeenkomt met zijn type (bijv. TypeScript, JavaScript, JSON, CSS, afbeeldingen). Mappen hebben duidelijke open/dicht-pictogrammen.
Slepen en neerzetten
Verplaats bestanden en mappen door ze naar een nieuwe locatie in de boom te slepen. Neerzettargets worden gemarkeerd terwijl je sleept.
Bestandsselectie
Klik op een bestand om het te selecteren en te openen. Gebruik selectievakjes voor meervoudige bestandsselectie met Shift+Klik voor bereikselectie.
Contextmenu
Klik met de rechtermuisknop op een bestand of map voor snelle acties: inhoud kopiëren, aan taak toevoegen, aanmaken/bewerken in editor, refactoren, verwijderen, verbergen, favoriet in-/uitschakelen of downloaden.
Automatisch vernieuwen
Mappen worden bewaakt op bestandssysteemwijzigingen en worden automatisch vernieuwd wanneer bestanden worden toegevoegd, verwijderd of gewijzigd.
Zoekmarkering
Bij het zoeken worden overeenkomende bestandsnamen in de boom gemarkeerd om je te helpen resultaten snel te vinden.
Favorietschakelaar
Sterpictogram op elk bestand laat je het toevoegen aan of verwijderen uit favorieten met directe visuele feedback.
Providerwisseling
Wissel tussen verschillende bronwortels of providerpaden binnen een project wanneer meerdere worden gedetecteerd.
Promptvak
Overzicht
Het Promptvak bevindt zich bovenaan de bestandsboom en biedt sneltoegangsknoppen voor veelvoorkomende bestandsbewerkingen. Het bevat tools voor het kopiëren van bestandsinhoud, het aanmaken van taken vanuit geselecteerde bestanden en het beheren van de bestandsboomweergave.
Acties
Kopiëren
Kopieer de inhoud van het momenteel geselecteerde bestand naar je klembord. Handig om snel code te pakken om in AI-chat of een andere editor te plakken.
Aan taak toevoegen
Maak een nieuwe taak aan vanuit de geselecteerde bestanden. Dit opent het Takenpaneel met de gekozen bestanden vooraf bijgevoegd als context, zodat je een taaknaam en prompt kunt definiëren voor AI-agenten om aan te werken.
Blokgroepbibliotheek
Overzicht
De Blokgroepbibliotheek is een modaal venster dat toegankelijk is vanuit de promptbalk (puzzelpictogram) waarmee je herbruikbare UI-componenten en blokken kunt bladeren, zoeken en selecteren om als context in je AI-gesprekken of taken op te nemen. Componenten zijn georganiseerd per groep en kunnen als favoriet worden gemarkeerd voor snelle toegang.
Functies
Componenten bladeren
Blader door alle beschikbare componenten en blokken georganiseerd op groepsnaam. Elk component toont een lazy-loaded voorbeeldminiatuur.
Zoeken & filteren
Zoek componenten op naam of beschrijving om snel te vinden wat je nodig hebt. Filter op categorie of groep.
Lazy-loaded voorbeelden
Componentvoorbeelden laden op aanvraag met IntersectionObserver met een 300px preload-buffer voor vloeiende scrollprestaties.
Componentfavorieten
Markeer veelgebruikte componenten met een ster om ze bovenaan de bibliotheek vast te pinnen voor snelle toegang.
Detailweergave
Klik op een component om een detailvenster te openen met de volledige voorvertoning, beschrijving en metadata.
Contextselectie
Selecteer een of meer componenten om als context in je AI-chat of taak op te nemen. Een teller toont hoeveel er momenteel zijn geselecteerd.
Aangevinkte bestanden
Overzicht
Het tabblad Aangevinkte bestanden (selectievakpictogram in de promptbalk) toont alle bestanden die momenteel zijn geselecteerd/aangevinkt in de bestandsboom. Het biedt een geconsolideerde weergave van je geselecteerde context — bestanden, componenten en projecten — zodat je kunt bekijken en beheren wat naar AI-agenten wordt gestuurd.
Functies
Lijst met geselecteerde bestanden
Bekijk alle aangevinkte bestanden in een alfabetisch gesorteerde lijst. Elk bestand toont zijn pad relatief aan de projectroot.
Weergave componentselectie
Bekijk welke componenten uit de Blokgroepbibliotheek momenteel zijn geselecteerd naast je aangevinkte bestanden.
Projectgroepering
Wanneer bestanden uit meerdere geselecteerde projecten zijn opgenomen, worden ze gegroepeerd onder hun respectievelijke projectnamen.
Individuele bestanden verwijderen
Klik op een bestand om het te deselecteren uit de context. Dubbelklikken activeert deselectie met een afkoelperiode om onbedoeld snel wisselen te voorkomen.
Alles wissen
Een knop "Alles wissen" laat je elk aangevinkt bestand in één keer deselecteren om opnieuw te beginnen.
Zoeken
Overzicht
De Zoekfunctie (vergrootglaspictogram in de promptbalk) biedt realtime bestandsnaamfiltering binnen de bestandsboom. Terwijl je typt, wordt de boom direct bijgewerkt om alleen overeenkomende bestanden te tonen, met gemarkeerde overeenkomende termen.
Functies
Realtimefiltering
De bestandsboom filtert terwijl je typt. Alleen bestanden waarvan de namen overeenkomen met je zoekopdracht worden getoond, waardoor het snel gaat om specifieke bestanden te vinden in grote projecten.
Overeenkomsten markeren
Overeenkomende delen van bestandsnamen worden visueel gemarkeerd met een onderscheidende stijl zodat je gemakkelijk kunt zien waarom elk resultaat overeenkomt.
Mappen automatisch uitklappen
Wanneer een zoekopdracht overeenkomt met bestanden in ingeklapte mappen, klappen die mappen automatisch uit om de overeenkomende resultaten te tonen.
Verborgen bestandsfiltering
Zoeken respecteert je instellingen voor verborgen bestanden — bestanden die je hebt gekozen te verbergen verschijnen niet in zoekresultaten.
Bestanden verbergen
Overzicht
De functie Bestanden verbergen (oogpictogram in de promptbalk) laat je de zichtbaarheid van bestanden en mappen in de bestandsboom in- en uitschakelen. Verborgen bestanden worden gefilterd uit de boomweergave en zoekresultaten, waardoor je werkruimte schoon blijft en gericht op de bestanden die ertoe doen.
Functies
Oogschakelaar
Klik op het oog/oog-uit-pictogram in de promptbalk om de zichtbaarheid van verborgen bestanden in te schakelen. Wanneer het oog gesloten is, worden verborgen bestanden gefilterd.
Padgebaseerd verbergen
Verberg bestanden op padpatroon. Je kunt specifieke bestanden, hele mappen of groepen bestanden die overeenkomen met een patroon verbergen.
Persistente status
Je instellingen voor verborgen bestanden blijven bewaard tussen sessies zodat je niet dezelfde bestanden elke keer opnieuw hoeft te verbergen wanneer je het project opent.
Contextmenu-integratie
Klik met de rechtermuisknop op een bestand of map in de boom en selecteer "Verbergen" om het snel aan de lijst met verborgen bestanden toe te voegen.