Workspace

Workspace-Tabs

Die Workspace-Navigation zeigt je nach Projekttyp verschiedene Tabs:

Website & Web App:

• Vorschau — Live-Vorschau deiner Seite mit Toolbar (Aktualisieren, Responsive-Ansichten, Screenshot)
• Backend — Backend-Prozesssteuerung und Logs (nur Web App)
• Environment — Umgebungsvariablen verwalten (Dev / Prod)
• Integrationen — PostgreSQL, GitHub und weitere Integrationen

Agent Flow:

• Überblick — Workflow-Diagramm und Agenten-Konfiguration
• Runs — Ausführungs-Historie mit Status und Ausgabe
• Inbox — Nachrichten deiner Agenten
• Logs — detaillierte Ausführungs-Logs
• Code — Agenten-Code ansehen und bearbeiten
• API — automatisch generierte API-Dokumentation
• Memory — persistenter Agenten-Speicher

Sidebar

Die Sidebar zeigt:

• Projektname und Beschreibung
• verbleibende AI Tasks und Kosten für das aktuelle Projekt
• Schnellaktionen (Einstellungen, Team, Medienbibliothek, Git)

Chat-Panel

Das Chat-Panel ist in der Breite verstellbar — zieh am Rand, um es breiter oder schmaler zu machen. Die Toolbar passt sich automatisch an.

Toolbar

Die obere Toolbar bietet:

• Navigations-Tabs
• Publish-Button
• Upgrade-Button (falls Features eines höheren Plans nötig sind)
• Git-Status-Anzeige (wenn GitHub verbunden ist)

Tastenkürzel

• Cmd+Enter — Chat-Nachricht senden
• Escape — Modals und Dialoge schließen