Setup Storybook #14
Description
Summary
Set up Storybook for the project and create a minimal web application entry that initializes and renders the Diagram Editor component, enabling isolated UI development and interactive documentation.
Goals
- Enable isolated development of the Diagram Editor via Storybook.
- Make Storybook the primary documentation for MVP.
- Allow contributors to visually test diagram changes without backend integration.
Non-Goals
- Full documentation site generation beyond Storybook.
- Complex theming support (dark/light toggle can come later).
- Full workflow parsing or SDK integration (static/mock data is acceptable for now).
Description
This issue establishes Storybook as the isolated development and documentation environment for the Diagram Editor component.
- Install and configure Storybook for React + TypeScript.
- Ensure compatibility with Webpack configuration.
- Add at least one story
- Add npm scripts:
- npm run storybook
- npm run build-storybook
Storybook should act as:
- Interactive documentation
- Primary showcase mechanism for MVP features