Notebook IDE

The Notebook IDE at frontend/agentic-workbench/src/components/NotebookIDE/ provides a Jupyter-style notebook editor with versioning and execution tracking.

Components

Component	File	Purpose
`NotebookIDEView`	`NotebookIDEView.tsx`	Main notebook layout
`NotebookEditor`	`NotebookEditor.tsx`	Cell-based editor
`NotebookVersioning`	`NotebookVersioning.tsx`	Version history
`NotebookExecutionTracker`	`NotebookExecutionTracker.tsx`	Execution progress

Features

Code cells with Python execution
Markdown cells with live preview
Cell reordering via drag-and-drop
Variable inspector
Version history with diff viewing
Execution tracking with timing
Integration with AI service for code suggestions

useNotebook Hook

const {
  cells,
  addCell,
  removeCell,
  executeCell,
  executeAll,
  saveVersion,
  loadVersion,
  versions,
} = useNotebook(notebookId);

dbt IDE Pipeline Editor