Notebook Editor

The notebook components at frontend/ml-workbench/src/components/Notebooks/ and frontend/ml-workbench/src/components/Workspace/NotebookEditor.tsx provide a Jupyter-style notebook experience within the ML Workbench.

NotebookEditor

File: frontend/ml-workbench/src/components/Workspace/NotebookEditor.tsx

A cell-based notebook editor supporting:

• Code cells (Python) with syntax highlighting via Monaco Editor
• Markdown cells with preview rendering
• Cell execution with output display
• Cell reordering via drag-and-drop
• Kernel selection and management
• Variable inspector
• Integration with the ML Service for remote execution

Notebooks

File: frontend/ml-workbench/src/components/Notebooks/index.tsx

The notebook management view with:

• Notebook file browser
• Create/rename/delete operations
• Version history
• Sharing and collaboration
• Export to .ipynb format

FeatureStore Integration

File: frontend/ml-workbench/src/components/Workspace/FeatureStore.tsx

Feature engineering workspace integrated with the notebook editor for:

• Feature discovery and search
• Feature transformation pipelines
• Feature materialization scheduling
• Feature lineage visualization