dbt IDE
The dbt IDE at frontend/agentic-workbench/src/components/DbtIDE/ provides a full-featured dbt development environment within the Agentic Workbench.
Components
| Component | File | Purpose |
|---|---|---|
DbtIDEView | DbtIDEView.tsx | Main IDE layout |
DbtSqlEditor | DbtSqlEditor.tsx | SQL/Jinja2 editor |
DbtExecutionPanel | DbtExecutionPanel.tsx | Run results and logs |
DbtProjectExplorer | DbtProjectExplorer.tsx | Project file tree |
Features
- Three-panel IDE layout (explorer, editor, results)
- Monaco Editor with SQL and Jinja2 syntax highlighting
- dbt model compilation with preview
- Run execution with real-time log streaming
- Test execution and results display
- Project-level documentation generation
- Integration with
DbtApiClient
useDbtIDE Hook
const {
project,
activeFile,
compiledSql,
openFile,
compile,
run,
test,
generateDocs,
} = useDbtIDE(projectId);