feat: update to Storybook 10 + AI development features

[khawkins98]

Upgrades Storybook from v9.x to v10.0.7.

Changes

• All @storybook/* packages upgraded to 10.0.7
• Removed @storybook/addon-actions and @storybook/blocks (now in core)

ESM Migration (required for Storybook 10)

• Added "type": "module" to package.json
• Converted all config files to ESM format:
  • babel.config.js, webpack.config.js, webpack.entries.js
  • jest.config.js, jest.setup.js, .releaserc.js
  • .storybook/presets.js
• Updated import paths in all MDX files:
  • @storybook/blocks → @storybook/addon-docs/blocks

Temporarily Disabled Addons

These addons don't yet support Storybook 10 and have been commented out in .storybook/main.js:

• storybook-design-token - design token documentation
• @whitespace/storybook-addon-html - HTML preview
• storybook-addon-rtl - RTL support

Closes #624

[github-actions]

🔍 Visual review for your branch is published 🔍

Here are the links to:

• the Visual Review Page

• the latest build on chromatic

• the full storybook

[khawkins98]

Dependencies in need of storybook 10 support:

• storybook-addon-rtl is now working
• Storybook 10 support UX-and-I/storybook-design-token#228
  • I've drafted and am using a PR at Update support for Storybook 10 UX-and-I/storybook-design-token#230
• Storybook 10 support whitespace-se/storybook-addon-html#148
  • PR: [Major refactor] Upgrade to Storbook 10 and align with Storybook Addon Kit whitespace-se/storybook-addon-html#149
  • I've made a fork+PR for this as well bug: use html parser for output, bump version perkola/storybook-addon-html#1

[khawkins98]

@svlcek-cge -- I've done some PR work and forks to get the two addons working.

Maybe let's give a few days and see if any get merged in, otherwise perhaps we can go with the temporary fixes for now.

[svlcek-cge]

@svlcek-cge -- I've done some PR work and forks to get the two addons working.

Maybe let's give a few days and see if any get merged in, otherwise perhaps we can go with the temporary fixes for now.

Full on OS contributor, kudos!

[khawkins98]

Some AI features and opportunistic updates in SB 10:

New features:

• Enabled experimentalComponentsManifest for AI tool integration - generates component metadata accessible at
  /index.json
• Added new "AI and MCP integration" documentation page under Getting Started

Cleanup:

• Removed deprecated @storybook/blocks (merged into addon-docs in SB 10)
• Removed redundant @storybook/addon-actions (bundled in SB 10)
• Migrated preview.js to modern default export pattern
• Switched from react-docgen-typescript to faster react-docgen
• Updated MDX imports to use @storybook/addon-docs/blocks

Note: The @storybook/addon-mcp addon is documented but not installed by default - it requires a running dev
server and is only useful for local Mangrove development, not the static GitHub Pages build.

[khawkins98]

@svlcek-cge I'd like to go ahead and get us on Storybook 10. As it's not clear when storybook-addon-html will merge the PR (whitespace-se/storybook-addon-html#149) to enable storybook 10 support, suggest we just disable the addon for now (have done with commit 09d2c0d ) and we can enable once it's up to date.