Core: Save from controls

[ndelangen]

Closes #26657

What I did

• Add a backend node API utilizing the serverChannel to allow the frontend to save args to story files, as well as to create a clone of the current story with updated args.
• Add new UI to the control addon panel, a bottom bar that's shown when args have deviated via controls.
• A new generic component: the Modal.

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Manual testing

This feature only works with stories defined in CSF3!

• Create a sandbox (or upgrade a storybook to the canary)
• Verify you have a story file written in CSF3 (it must have controls and args)
• Visit that story in dev mode
• Edit the controls
• Expect a new bar at the bottom of the controls panel to appear.
• Press the "Save/Update" button.
• Expect your story file to have changed, no errors in the browser console, no errors in the node terminal.
• Press the "Clone/Duplicate" button.
• Expect a new story to be written to the bottom of the file.

Documentation

I don't think this feature needs to have any explicit documentation in the docs website, but we should promote this feature, when it is shipped. cc @kylegach

🦋 Canary release

This pull request has been released as version 0.0.0-pr-26827-sha-9b2b60fc. Try it out in a new sandbox by running npx storybook@0.0.0-pr-26827-sha-9b2b60fc sandbox or in an existing project with npx storybook@0.0.0-pr-26827-sha-9b2b60fc upgrade.

More information

Published version	0.0.0-pr-26827-sha-9b2b60fc
Triggered by	@valentinpalkovic
Repository	storybookjs/storybook
Branch	save-from-controls
Commit	9b2b60fc
Datetime	Tue Apr 30 20:14:12 UTC 2024 (1714508052)
Workflow run	8901019902

To request a new release of this pull request, mention the @storybookjs/core team.

core team members can create a new canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=26827