From e23fef96478f2e683794cfe8b531055b6e99a02d Mon Sep 17 00:00:00 2001
From: Tobias Diez <code@tobiasdiez.de>
Date: Thu, 22 Aug 2024 14:35:21 +0200
Subject: [PATCH 001/111] Vite: Don't prefix story import with `@fs`

---
 code/builders/builder-vite/package.json       |  4 +-
 .../src/codegen-importfn-script.test.ts       | 56 +++++++++++++++++++
 .../src/codegen-importfn-script.ts            | 31 +++++-----
 code/yarn.lock                                |  9 +++
 4 files changed, 84 insertions(+), 16 deletions(-)
 create mode 100644 code/builders/builder-vite/src/codegen-importfn-script.test.ts

diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 947994ae403..eb030deb396 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -50,14 +50,16 @@
     "express": "^4.19.2",
     "find-cache-dir": "^3.0.0",
     "fs-extra": "^11.1.0",
+    "knitwork": "^1.1.0",
     "magic-string": "^0.30.0",
+    "pathe": "^1.1.2",
+    "slash": "^5.0.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",
     "@types/node": "^22.0.0",
     "glob": "^10.0.0",
-    "slash": "^5.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.0.4"
   },
diff --git a/code/builders/builder-vite/src/codegen-importfn-script.test.ts b/code/builders/builder-vite/src/codegen-importfn-script.test.ts
new file mode 100644
index 00000000000..4d3ce5bcb79
--- /dev/null
+++ b/code/builders/builder-vite/src/codegen-importfn-script.test.ts
@@ -0,0 +1,56 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { toImportFn } from './codegen-importfn-script';
+
+describe('toImportFn', () => {
+  it('should correctly map story paths to import functions for absolute paths on Linux', async () => {
+    const root = '/absolute/path';
+    const stories = ['/absolute/path/to/story1.js', '/absolute/path/to/story2.js'];
+
+    const result = await toImportFn(root, stories);
+
+    expect(result).toMatchInlineSnapshot(`
+      "const importers = {
+        "./to/story1.js": () => import("/absolute/path/to/story1.js"),
+        "./to/story2.js": () => import("/absolute/path/to/story2.js")
+      };
+
+      export async function importFn(path) {
+        return await importers[path]();
+      }"
+    `);
+  });
+
+  it('should correctly map story paths to import functions for absolute paths on Windows', async () => {
+    const root = 'C:\\absolute\\path';
+    const stories = ['C:\\absolute\\path\\to\\story1.js', 'C:\\absolute\\path\\to\\story2.js'];
+
+    const result = await toImportFn(root, stories);
+
+    expect(result).toMatchInlineSnapshot(`
+      "const importers = {
+        "./to/story1.js": () => import("C:/absolute/path/to/story1.js"),
+        "./to/story2.js": () => import("C:/absolute/path/to/story2.js")
+      };
+
+      export async function importFn(path) {
+        return await importers[path]();
+      }"
+    `);
+  });
+
+  it('should handle an empty array of stories', async () => {
+    const root = '/absolute/path';
+    const stories: string[] = [];
+
+    const result = await toImportFn(root, stories);
+
+    expect(result).toMatchInlineSnapshot(`
+      "const importers = {};
+
+      export async function importFn(path) {
+        return await importers[path]();
+      }"
+    `);
+  });
+});
diff --git a/code/builders/builder-vite/src/codegen-importfn-script.ts b/code/builders/builder-vite/src/codegen-importfn-script.ts
index 0853b054962..92bfe81bc9e 100644
--- a/code/builders/builder-vite/src/codegen-importfn-script.ts
+++ b/code/builders/builder-vite/src/codegen-importfn-script.ts
@@ -1,7 +1,9 @@
-import { relative } from 'node:path';
-
 import type { Options } from 'storybook/internal/types';
 
+import { genDynamicImport, genImport, genObjectFromRawEntries } from 'knitwork';
+import { normalize, relative } from 'pathe';
+import { dedent } from 'ts-dedent';
+
 import { listStories } from './list-stories';
 
 /**
@@ -21,34 +23,33 @@ function toImportPath(relativePath: string) {
 /**
  * This function takes an array of stories and creates a mapping between the stories' relative paths
  * to the working directory and their dynamic imports. The import is done in an asynchronous
- * function to delay loading. It then creates a function, `importFn(path)`, which resolves a path to
- * an import function and this is called by Storybook to fetch a story dynamically when needed.
+ * function to delay loading and to allow Vite to split the code into smaller chunks. It then
+ * creates a function, `importFn(path)`, which resolves a path to an import function and this is
+ * called by Storybook to fetch a story dynamically when needed.
  *
  * @param stories An array of absolute story paths.
  */
-async function toImportFn(stories: string[]) {
-  const { normalizePath } = await import('vite');
+export async function toImportFn(root: string, stories: string[]) {
   const objectEntries = stories.map((file) => {
-    const relativePath = normalizePath(relative(process.cwd(), file));
+    const relativePath = relative(root, file);
 
-    return `  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`;
+    return [toImportPath(relativePath), genDynamicImport(normalize(file))] as [string, string];
   });
 
-  return `
-    const importers = {
-      ${objectEntries.join(',\n')}
-    };
+  return dedent`
+    const importers = ${genObjectFromRawEntries(objectEntries)};
 
     export async function importFn(path) {
-        return importers[path]();
+      return await importers[path]();
     }
   `;
 }
 
-export async function generateImportFnScriptCode(options: Options) {
+export async function generateImportFnScriptCode(options: Options): Promise<string> {
   // First we need to get an array of stories and their absolute paths.
   const stories = await listStories(options);
 
   // We can then call toImportFn to create a function that can be used to load each story dynamically.
-  return (await toImportFn(stories)).trim();
+  // eslint-disable-next-line @typescript-eslint/return-await
+  return await toImportFn(options.root || process.cwd(), stories);
 }
diff --git a/code/yarn.lock b/code/yarn.lock
index dea4e0ea405..d810ea58354 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -5696,7 +5696,9 @@ __metadata:
     find-cache-dir: "npm:^3.0.0"
     fs-extra: "npm:^11.1.0"
     glob: "npm:^10.0.0"
+    knitwork: "npm:^1.1.0"
     magic-string: "npm:^0.30.0"
+    pathe: "npm:^1.1.2"
     slash: "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
     typescript: "npm:^5.3.2"
@@ -18677,6 +18679,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"knitwork@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "knitwork@npm:1.1.0"
+  checksum: 10c0/e23c679d4ded01890ab2669ccde2e85e4d7e6ba327b1395ff657f8067c7d73dc134fc8cd8188c653de4a687be7fa9c130bd36c3e2f76d8685e8b97ff8b30779c
+  languageName: node
+  linkType: hard
+
 "language-subtag-registry@npm:^0.3.20":
   version: 0.3.22
   resolution: "language-subtag-registry@npm:0.3.22"

From c9107a1f0224e070a2865f0badc6a9c0ad95ac50 Mon Sep 17 00:00:00 2001
From: Tobias Diez <code@tobiasdiez.de>
Date: Thu, 22 Aug 2024 15:25:15 +0200
Subject: [PATCH 002/111] add projectRoot

---
 code/builders/builder-vite/src/codegen-importfn-script.ts | 2 +-
 code/builders/builder-vite/src/vite-config.ts             | 6 +++---
 code/core/src/types/modules/core-common.ts                | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/code/builders/builder-vite/src/codegen-importfn-script.ts b/code/builders/builder-vite/src/codegen-importfn-script.ts
index 92bfe81bc9e..4b118ad9cc5 100644
--- a/code/builders/builder-vite/src/codegen-importfn-script.ts
+++ b/code/builders/builder-vite/src/codegen-importfn-script.ts
@@ -51,5 +51,5 @@ export async function generateImportFnScriptCode(options: Options): Promise<stri
 
   // We can then call toImportFn to create a function that can be used to load each story dynamically.
   // eslint-disable-next-line @typescript-eslint/return-await
-  return await toImportFn(options.root || process.cwd(), stories);
+  return await toImportFn(options.projectRoot || process.cwd(), stories);
 }
diff --git a/code/builders/builder-vite/src/vite-config.ts b/code/builders/builder-vite/src/vite-config.ts
index e3eff12d038..4bad15809ce 100644
--- a/code/builders/builder-vite/src/vite-config.ts
+++ b/code/builders/builder-vite/src/vite-config.ts
@@ -51,18 +51,18 @@ export async function commonConfig(
 
   const { viteConfigPath } = await getBuilderOptions<BuilderOptions>(options);
 
-  const projectRoot = resolve(options.configDir, '..');
+  options.projectRoot = options.projectRoot || resolve(options.configDir, '..');
 
   // I destructure away the `build` property from the user's config object
   // I do this because I can contain config that breaks storybook, such as we had in a lit project.
   // If the user needs to configure the `build` they need to do so in the viteFinal function in main.js.
   const { config: { build: buildProperty = undefined, ...userConfig } = {} } =
-    (await loadConfigFromFile(configEnv, viteConfigPath, projectRoot)) ?? {};
+    (await loadConfigFromFile(configEnv, viteConfigPath, options.projectRoot)) ?? {};
 
   const sbConfig: InlineConfig = {
     configFile: false,
     cacheDir: resolvePathInStorybookCache('sb-vite', options.cacheKey),
-    root: projectRoot,
+    root: options.projectRoot,
     // Allow storybook deployed as subfolder.  See https://github.com/storybookjs/builder-vite/issues/238
     base: './',
     plugins: await pluginConfig(options),
diff --git a/code/core/src/types/modules/core-common.ts b/code/core/src/types/modules/core-common.ts
index 8e71a4cadb2..85fcd7284ff 100644
--- a/code/core/src/types/modules/core-common.ts
+++ b/code/core/src/types/modules/core-common.ts
@@ -194,6 +194,7 @@ export interface BuilderOptions {
   ignorePreview?: boolean;
   cache?: FileSystemCache;
   configDir: string;
+  projectRoot?: string;
   docsMode?: boolean;
   features?: StorybookConfigRaw['features'];
   versionCheck?: VersionCheck;

From 6b90a2a8eb7bea2d1e81840fb211bd57c11bb79b Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Thu, 3 Oct 2024 19:18:55 +0200
Subject: [PATCH 003/111] docs: Add example to the Indexer API doc

---
 docs/api/main-config/main-config-indexers.mdx | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/docs/api/main-config/main-config-indexers.mdx b/docs/api/main-config/main-config-indexers.mdx
index 67a6cf5c45b..18a4e31aa2b 100644
--- a/docs/api/main-config/main-config-indexers.mdx
+++ b/docs/api/main-config/main-config-indexers.mdx
@@ -349,3 +349,27 @@ Some example usages of custom indexers include:
 
   Custom indexers can be used for an advanced purpose: defining stories in any language, including template languages, and converting the files to CSF. To see examples of this in action, you can refer to [`@storybook/addon-svelte-csf`](https://github.com/storybookjs/addon-svelte-csf) for Svelte template syntax and [`storybook-vue-addon`](https://github.com/tobiasdiez/storybook-vue-addon) for Vue template syntax.
 </details>
+
+<details>
+  <summary>Adding sidebar links from a collection of URLs</summary>
+
+  The Indexer API is flexible enough to let you process arbitrary content, so long as your framework tooling is able to transform the exports in that content into actual stories it can run. In this advanced example, we have an EcmaScript module that contains URLs as named exports:
+
+  ```ts
+  // src/stories/MyLinks.url.js
+  export default {};
+
+  export const DesignTokens = 'https://www.designtokens.org/';
+  export const CobaltUI = 'https://cobalt-ui.pages.dev/';
+  export const MiseEnMode = 'https://mode.place/';
+  export const IndexerAPI = 'https://github.com/storybookjs/storybook/discussions/23176';
+  ```
+
+  We'll write an indexer in `main.ts` that generates story entries for each URL. We'll use the export name as a story title, and we'll store the URL in the story ID so we can find it later.
+
+  Because strings aren't valid stories, we'll complement the indexer with a Vite plugin in our `vite.config.ts` that transforms the file into actual stories. We'll use a Svelte framework, and replace each URL with a Svelte component that redirects to the previous page (so that the story loading is cancelled and so that loading the story feels like clicking an actual external link).
+
+  In parallel to loading valid stories, we'll add a `renderLabel` function in `manager.ts` to customise the links in the sidebar, and make them actually open the URL in a new tab when clicked. The URL is fetched from the story ID. We'll add some CSS in `manager-head.html` to make those sidebar entries look unique.
+
+  The code and live demo for this proof-of-concept are [available on StackBlitz](https://stackblitz.com/~/github.com/Sidnioulz/storybook-sidebar-urls).
+</details>
\ No newline at end of file

From 1bf3b54b3442377b6f418715a944b91d42f0b4fc Mon Sep 17 00:00:00 2001
From: Valerii Sidorenko <balepas@nebius.com>
Date: Tue, 5 Nov 2024 11:03:50 +0100
Subject: [PATCH 004/111] fix(addon-toolbars): suppress deprecation warning

---
 code/addons/toolbars/src/components/ToolbarMenuListItem.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
index 829829de4b2..37ae26d1aeb 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
@@ -21,7 +21,9 @@ export const ToolbarMenuListItem = ({
   disabled,
   currentValue,
 }: ToolbarMenuListItemProps) => {
-  const Icon = icon && <Icons style={{ opacity: 1 }} icon={icon} />;
+  const Icon = icon && (
+    <Icons style={{ opacity: 1 }} icon={icon} __suppressDeprecationWarning={true} />
+  );
 
   const Item: TooltipLinkListLink = {
     id: value ?? '_reset',

From 0eb203740eb838b2e5ae92934201a02bf8add7b7 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Fri, 15 Nov 2024 11:15:22 +0100
Subject: [PATCH 005/111] Core: Evaluate main config when checking 'whats new'
 notifications

---
 code/core/src/core-server/utils/whats-new.ts | 23 ++++++++++----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/code/core/src/core-server/utils/whats-new.ts b/code/core/src/core-server/utils/whats-new.ts
index cb523f78318..71c71984cb1 100644
--- a/code/core/src/core-server/utils/whats-new.ts
+++ b/code/core/src/core-server/utils/whats-new.ts
@@ -1,7 +1,8 @@
+/* eslint-disable no-underscore-dangle */
 import { writeFile } from 'node:fs/promises';
 
 import type { Channel } from '@storybook/core/channels';
-import { findConfigFile } from '@storybook/core/common';
+import { findConfigFile, loadMainConfig } from '@storybook/core/common';
 import { telemetry } from '@storybook/core/telemetry';
 import type { CoreConfig, Options } from '@storybook/core/types';
 
@@ -58,15 +59,9 @@ export function initializeWhatsNew(
         throw response;
       })) as WhatsNewResponse;
 
-      const configFileName = findConfigFile('main', options.configDir);
-      if (!configFileName) {
-        throw new Error(`unable to find storybook main file in ${options.configDir}`);
-      }
-      const main = await readConfig(configFileName);
-      const disableWhatsNewNotifications = main.getFieldValue([
-        'core',
-        'disableWhatsNewNotifications',
-      ]);
+      const main = await loadMainConfig({ configDir: options.configDir, noCache: true });
+      const disableWhatsNewNotifications =
+        (main.core as CoreConfig)?.disableWhatsNewNotifications === true;
 
       const cache: WhatsNewCache = (await options.cache.get(WHATS_NEW_CACHE)) ?? {};
       const data = {
@@ -91,8 +86,14 @@ export function initializeWhatsNew(
       const isTelemetryEnabled = coreOptions.disableTelemetry !== true;
       try {
         const mainPath = findConfigFile('main', options.configDir);
-        invariant(mainPath, `unable to find storybook main file in ${options.configDir}`);
+        invariant(mainPath, `unable to find Storybook main file in ${options.configDir}`);
         const main = await readConfig(mainPath);
+        if (!main._exportsObject) {
+          // eslint-disable-next-line local-rules/no-uncategorized-errors
+          throw new Error(
+            `Unable to parse Storybook main file while trying to read 'core' property`
+          );
+        }
         main.setFieldValue(['core', 'disableWhatsNewNotifications'], disableWhatsNewNotifications);
         await writeFile(mainPath, printConfig(main).code);
         if (isTelemetryEnabled) {

From 5f21921ba3a76e9dcd0f948ef402011d692cb226 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Wed, 20 Nov 2024 11:46:50 +0100
Subject: [PATCH 006/111] refactor: Use better sanitisation for the intersect
 util

---
 code/core/src/manager-api/lib/intersect.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/core/src/manager-api/lib/intersect.ts b/code/core/src/manager-api/lib/intersect.ts
index 84eae122322..764af9ac172 100644
--- a/code/core/src/manager-api/lib/intersect.ts
+++ b/code/core/src/manager-api/lib/intersect.ts
@@ -1,6 +1,6 @@
 export default <T>(a: T[], b: T[]): T[] => {
   // no point in intersecting if one of the input is ill-defined
-  if (!a || !b) {
+  if (!Array.isArray(a) || !Array.isArray(b)) {
     return [];
   }
 

From 103c6b24b5bb62f19fdc42af4c7fa1add22e1ff4 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Wed, 20 Nov 2024 12:24:39 +0100
Subject: [PATCH 007/111] Manager: Add tags property to GroupEntry objects

---
 code/core/src/manager-api/lib/stories.ts      |  2 +
 .../src/manager-api/tests/stories.test.ts     | 69 +++++++++++++++++++
 code/core/src/types/modules/api-stories.ts    |  1 +
 3 files changed, 72 insertions(+)

diff --git a/code/core/src/manager-api/lib/stories.ts b/code/core/src/manager-api/lib/stories.ts
index eed677371ef..aef21759907 100644
--- a/code/core/src/manager-api/lib/stories.ts
+++ b/code/core/src/manager-api/lib/stories.ts
@@ -289,6 +289,8 @@ export const transformStoryIndexToStoriesHash = (
             children: [childId],
           }),
         });
+        // same as the merge for the component conditional branch above.
+        acc[id].tags = intersect(acc[id]?.tags ?? item.tags, item.tags);
       }
     });
 
diff --git a/code/core/src/manager-api/tests/stories.test.ts b/code/core/src/manager-api/tests/stories.test.ts
index 9d3c4433fde..ed84ec85740 100644
--- a/code/core/src/manager-api/tests/stories.test.ts
+++ b/code/core/src/manager-api/tests/stories.test.ts
@@ -332,6 +332,75 @@ describe('stories API', () => {
         tags: ['shared', 'two-specific'],
       });
     });
+
+    it('intersects story/docs tags to compute tags for group entries', () => {
+      const moduleArgs = createMockModuleArgs({});
+      const { api } = initStories(moduleArgs as unknown as ModuleArgs);
+      const { store } = moduleArgs;
+      api.setIndex({
+        v: 5,
+        entries: {
+          'a-sampleone': {
+            type: 'story',
+            id: 'a-sampleone',
+            title: 'A/SampleOne',
+            name: '1',
+            tags: ['shared', 'one-specific'],
+            importPath: './a.ts',
+          },
+          'a-sampletwo': {
+            type: 'story',
+            id: 'a-sampletwo',
+            title: 'A/SampleTwo',
+            name: '2',
+            tags: ['shared', 'two-specific'],
+            importPath: './a.ts',
+          },
+          'a-embedded-othertopic': {
+            type: 'docs',
+            id: 'a-embedded-othertopic',
+            title: 'A/Embedded/OtherTopic',
+            name: '3',
+            tags: ['shared', 'embedded-docs-specific', 'other'],
+            storiesImports: [],
+            importPath: './embedded/other.mdx',
+          },
+          'a-embedded-extras': {
+            type: 'docs',
+            id: 'a-embedded-extras',
+            title: 'A/Embedded/Extras',
+            name: '3',
+            tags: ['shared', 'embedded-docs-specific', 'extras'],
+            storiesImports: [],
+            importPath: './embedded/extras.mdx',
+          },
+        },
+      });
+      const { index } = store.getState();
+      // We need exact key ordering, even if in theory JS doesn't guarantee it
+      expect(Object.keys(index!)).toEqual([
+        'a',
+        'a-sampleone',
+        'a-sampletwo',
+        'a-embedded',
+        'a-embedded-othertopic',
+        'a-embedded-extras',
+      ]);
+      // Acts as the root, so that the next level is a group we're testing.
+      expect(index!.a).toMatchObject({
+        type: 'root',
+        id: 'a',
+        children: ['a-sampleone', 'a-sampletwo', 'a-embedded'],
+      });
+      // The object of this test.
+      expect(index!['a-embedded']).toMatchObject({
+        type: 'group',
+        id: 'a-embedded',
+        parent: 'a',
+        name: 'Embedded',
+        tags: ['shared', 'embedded-docs-specific'],
+      });
+    });
     // Stories can get out of order for a few reasons -- see reproductions on
     //   https://github.com/storybookjs/storybook/issues/5518
     it('does the right thing for out of order stories', async () => {
diff --git a/code/core/src/types/modules/api-stories.ts b/code/core/src/types/modules/api-stories.ts
index c53d379b719..79ffb64d4d2 100644
--- a/code/core/src/types/modules/api-stories.ts
+++ b/code/core/src/types/modules/api-stories.ts
@@ -21,6 +21,7 @@ export interface API_GroupEntry extends API_BaseEntry {
   type: 'group';
   parent?: StoryId;
   children: StoryId[];
+  tags: Tag[];
 }
 
 export interface API_ComponentEntry extends API_BaseEntry {

From 247e65cde81b6a4f5707ed610f4b42cfe1727c43 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Wed, 20 Nov 2024 14:33:28 +0100
Subject: [PATCH 008/111] refactor: Further improve sanitisation in intersect

---
 code/core/src/manager-api/lib/intersect.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/core/src/manager-api/lib/intersect.ts b/code/core/src/manager-api/lib/intersect.ts
index 764af9ac172..5918f7c8bab 100644
--- a/code/core/src/manager-api/lib/intersect.ts
+++ b/code/core/src/manager-api/lib/intersect.ts
@@ -1,6 +1,6 @@
 export default <T>(a: T[], b: T[]): T[] => {
   // no point in intersecting if one of the input is ill-defined
-  if (!Array.isArray(a) || !Array.isArray(b)) {
+  if (!Array.isArray(a) || !Array.isArray(b) || !a.length || !b.length) {
     return [];
   }
 

From 68c406223b3a1d028176fea200ef084fd114eb13 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Wed, 20 Nov 2024 22:01:22 +0100
Subject: [PATCH 009/111] add minimal coverage reporting

---
 code/addons/test/package.json                 | 10 +++-
 code/addons/test/src/manager.tsx              | 49 +++++++++++++++++--
 .../addons/test/src/node/coverage-reporter.ts | 21 ++++++++
 code/addons/test/src/node/vitest-manager.ts   | 14 +++++-
 code/yarn.lock                                | 18 +++++++
 5 files changed, 104 insertions(+), 8 deletions(-)
 create mode 100644 code/addons/test/src/node/coverage-reporter.ts

diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index 3d8bbaaa090..c1f17f25830 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -48,6 +48,11 @@
       "import": "./dist/vitest-plugin/test-utils.mjs",
       "require": "./dist/vitest-plugin/test-utils.js"
     },
+    "./internal/coverage-reporter": {
+      "types": "./dist/node/coverage-reporter.d.ts",
+      "import": "./dist/node/coverage-reporter.mjs",
+      "require": "./dist/node/coverage-reporter.js"
+    },
     "./preview": {
       "types": "./dist/preview.d.ts",
       "import": "./dist/preview.mjs",
@@ -88,6 +93,7 @@
   "devDependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
     "@storybook/icons": "^1.2.12",
+    "@types/istanbul-lib-report": "^3.0.3",
     "@types/node": "^22.0.0",
     "@types/semver": "^7",
     "@vitest/browser": "^2.1.3",
@@ -98,6 +104,7 @@
     "execa": "^8.0.1",
     "find-up": "^7.0.0",
     "formik": "^2.2.9",
+    "istanbul-lib-report": "^3.0.1",
     "picocolors": "^1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -145,7 +152,8 @@
       "./src/vitest-plugin/index.ts",
       "./src/vitest-plugin/global-setup.ts",
       "./src/postinstall.ts",
-      "./src/node/vitest.ts"
+      "./src/node/vitest.ts",
+      "./src/node/coverage-reporter.ts"
     ]
   },
   "storybook": {
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 9b560cdd8ce..8bbbdfc775a 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useSyncExternalStore } from 'react';
 
 import { AddonPanel, Button, Link as LinkComponent } from 'storybook/internal/components';
 import { TESTING_MODULE_RUN_ALL_REQUEST } from 'storybook/internal/core-events';
@@ -14,6 +14,8 @@ import {
 
 import { EyeIcon, PlayHollowIcon, StopAltHollowIcon } from '@storybook/icons';
 
+import type { ReportNode } from 'istanbul-lib-report';
+
 import { ContextMenuItem } from './components/ContextMenuItem';
 import { GlobalErrorModal } from './components/GlobalErrorModal';
 import { Panel } from './components/Panel';
@@ -77,6 +79,38 @@ addons.register(ADDON_ID, (api) => {
       api.togglePanel(true);
     };
 
+    type CoverageSummaryData = ReturnType<ReportNode['getCoverageSummary']>['data'];
+    const coverageStore = {
+      data: undefined as CoverageSummaryData | undefined,
+      subscribe: () => {
+        const listener = (data: CoverageSummaryData) => {
+          console.log('LOG: got coverage data on channel', data);
+          coverageStore.data = data;
+        };
+        const channel = api.getChannel();
+        channel.on('storybook/coverage', listener);
+        return () => channel.off('storybook/coverage', listener);
+      },
+      getSnapshot: () => coverageStore.data,
+    };
+    const useCoverage = () => {
+      const coverageSummaryData = useSyncExternalStore(
+        coverageStore.subscribe,
+        coverageStore.getSnapshot
+      );
+      console.log('LOG: coverageSummaryData', coverageSummaryData);
+      if (!coverageSummaryData) {
+        return;
+      }
+
+      let total = 0;
+      let covered = 0;
+      for (const metric of Object.values(coverageSummaryData)) {
+        total += metric.total;
+        covered += metric.covered;
+      }
+      return covered / total;
+    };
     addons.add(TEST_PROVIDER_ID, {
       type: Addon_TypesEnum.experimental_TEST_PROVIDER,
       runnable: true,
@@ -97,6 +131,8 @@ addons.register(ADDON_ID, (api) => {
       render: (state) => {
         const [isModalOpen, setIsModalOpen] = useState(false);
 
+        const coverage = useCoverage();
+
         const title = state.crashed || state.failed ? 'Component tests failed' : 'Component tests';
         const errorMessage = state.error?.message;
         let description: string | React.ReactNode = 'Not run';
@@ -122,10 +158,13 @@ addons.register(ADDON_ID, (api) => {
           );
         } else if (state.progress?.finishedAt) {
           description = (
-            <RelativeTime
-              timestamp={new Date(state.progress.finishedAt)}
-              testCount={state.progress.numTotalTests}
-            />
+            <>
+              <RelativeTime
+                timestamp={new Date(state.progress.finishedAt)}
+                testCount={state.progress.numTotalTests}
+              />
+              {coverage ? ` (${Math.round(coverage * 100)}% coverage)` : ''}
+            </>
           );
         } else if (state.watching) {
           description = 'Watching for file changes';
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
new file mode 100644
index 00000000000..a4b70b947db
--- /dev/null
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -0,0 +1,21 @@
+import type { Channel } from 'storybook/internal/channels';
+
+import type { ReportNode, Visitor } from 'istanbul-lib-report';
+import { ReportBase } from 'istanbul-lib-report';
+
+export default class StorybookCoverageReporter extends ReportBase implements Partial<Visitor> {
+  #channel: Channel;
+
+  constructor(opts: { channel: Channel }) {
+    super();
+    this.#channel = opts.channel;
+  }
+
+  onSummary(node: ReportNode) {
+    if (!node.isRoot()) {
+      return;
+    }
+    const coverageSummary = node.getCoverageSummary(false);
+    this.#channel.emit('storybook/coverage', coverageSummary);
+  }
+}
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index f69f065aa42..eedb5ba20aa 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -35,9 +35,19 @@ export class VitestManager {
       // find a way to just show errors and warnings for example
       // Otherwise it might be hard for the user to discover Storybook related logs
       reporters: ['default', new StorybookReporter(this.testManager)],
-      // @ts-expect-error we just want to disable coverage, not specify a provider
       coverage: {
-        enabled: false,
+        provider: 'v8',
+        reporter: [
+          // 'html',
+          [
+            // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
+            '@storybook/experimental-addon-test/internal/coverage-reporter',
+            { channel: this.channel },
+          ],
+        ],
+        reportOnFailure: true,
+        enabled: true,
+        cleanOnRerun: false,
       },
     });
 
diff --git a/code/yarn.lock b/code/yarn.lock
index fcf45a9df6f..6de7c7ca57f 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6602,6 +6602,7 @@ __metadata:
     "@storybook/instrumenter": "workspace:*"
     "@storybook/test": "workspace:*"
     "@storybook/theming": "workspace:*"
+    "@types/istanbul-lib-report": "npm:^3.0.3"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7"
     "@vitest/browser": "npm:^2.1.3"
@@ -6612,6 +6613,7 @@ __metadata:
     execa: "npm:^8.0.1"
     find-up: "npm:^7.0.0"
     formik: "npm:^2.2.9"
+    istanbul-lib-report: "npm:^3.0.1"
     picocolors: "npm:^1.1.0"
     polished: "npm:^4.2.2"
     prompts: "npm:^2.4.0"
@@ -8359,6 +8361,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/istanbul-lib-coverage@npm:*":
+  version: 2.0.6
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
+  checksum: 10c0/3948088654f3eeb45363f1db158354fb013b362dba2a5c2c18c559484d5eb9f6fd85b23d66c0a7c2fcfab7308d0a585b14dadaca6cc8bf89ebfdc7f8f5102fb7
+  languageName: node
+  linkType: hard
+
 "@types/istanbul-lib-coverage@npm:^2.0.1":
   version: 2.0.4
   resolution: "@types/istanbul-lib-coverage@npm:2.0.4"
@@ -8366,6 +8375,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/istanbul-lib-report@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@types/istanbul-lib-report@npm:3.0.3"
+  dependencies:
+    "@types/istanbul-lib-coverage": "npm:*"
+  checksum: 10c0/247e477bbc1a77248f3c6de5dadaae85ff86ac2d76c5fc6ab1776f54512a745ff2a5f791d22b942e3990ddbd40f3ef5289317c4fca5741bedfaa4f01df89051c
+  languageName: node
+  linkType: hard
+
 "@types/js-yaml@npm:^4.0.5":
   version: 4.0.9
   resolution: "@types/js-yaml@npm:4.0.9"

From 3851bb885251c47dec53e7f7ae1d58f93e7579ec Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 21 Nov 2024 11:27:22 +0100
Subject: [PATCH 010/111] Replace mapStatusUpdate with stateUpdater to allow
 intercepting and modifying the internal test provider state updates

---
 code/addons/test/src/manager.tsx              | 53 ++++++++++---------
 .../modules/experimental_testmodule.ts        |  8 ++-
 .../components/sidebar/SidebarBottom.tsx      | 18 +++----
 code/core/src/types/modules/addons.ts         |  7 +--
 4 files changed, 45 insertions(+), 41 deletions(-)

diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 9b560cdd8ce..d17e6ecc560 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -197,30 +197,35 @@ addons.register(ADDON_ID, (api) => {
         );
       },
 
-      mapStatusUpdate: (state) =>
-        Object.fromEntries(
-          (state.details.testResults || []).flatMap((testResult) =>
-            testResult.results
-              .map(({ storyId, status, testRunId, ...rest }) => {
-                if (storyId) {
-                  const statusObject: API_StatusObject = {
-                    title: 'Component tests',
-                    status: statusMap[status],
-                    description:
-                      'failureMessages' in rest && rest.failureMessages?.length
-                        ? rest.failureMessages.join('\n')
-                        : '',
-                    data: {
-                      testRunId,
-                    },
-                    onClick: openAddonPanel,
-                  };
-                  return [storyId, statusObject];
-                }
-              })
-              .filter(Boolean)
-          )
-        ),
+      stateUpdater: (state, update) => {
+        if (update.details?.testResults) {
+          const statusUpdate = Object.fromEntries(
+            update.details.testResults.flatMap((testResult) =>
+              testResult.results
+                .map(({ storyId, status, testRunId, ...rest }) => {
+                  if (storyId) {
+                    const statusObject: API_StatusObject = {
+                      title: 'Component tests',
+                      status: statusMap[status],
+                      description:
+                        'failureMessages' in rest && rest.failureMessages?.length
+                          ? rest.failureMessages.join('\n')
+                          : '',
+                      data: {
+                        testRunId,
+                      },
+                      onClick: openAddonPanel,
+                    };
+                    return [storyId, statusObject];
+                  }
+                })
+                .filter(Boolean)
+            )
+          );
+          api.experimental_updateStatus(TEST_PROVIDER_ID, statusUpdate);
+        }
+        return { ...state, ...update };
+      },
     } as Addon_TestProviderType<{
       testResults: TestResult[];
     }>);
diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index 54bfdc437da..7c34e2c8bae 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -51,13 +51,17 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
   const api: SubAPI = {
     getTestProviderState(id) {
       const { testProviders } = store.getState();
-
       return testProviders?.[id];
     },
     updateTestProviderState(id, update) {
       return store.setState(
         ({ testProviders }) => {
-          return { testProviders: { ...testProviders, [id]: { ...testProviders[id], ...update } } };
+          const currentState = testProviders[id];
+          const updatedState = currentState.stateUpdater?.(currentState, update) ?? {
+            ...currentState,
+            ...update,
+          };
+          return { testProviders: { ...testProviders, [id]: updatedState } };
         },
         { persistence: 'session' }
       );
diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
index 9eea4a4855b..36d7692ffe2 100644
--- a/code/core/src/manager/components/sidebar/SidebarBottom.tsx
+++ b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
@@ -153,18 +153,12 @@ export const SidebarBottomBase = ({
     };
 
     const onProgressReport = ({ providerId, ...result }: TestingModuleProgressReportPayload) => {
-      if (result.status === 'failed') {
-        api.updateTestProviderState(providerId, { ...result, running: false, failed: true });
-      } else {
-        const update = { ...result, running: result.status === 'pending' };
-        api.updateTestProviderState(providerId, update);
-
-        const { mapStatusUpdate, ...state } = testProviders[providerId];
-        const statusUpdate = mapStatusUpdate?.({ ...state, ...update });
-        if (statusUpdate) {
-          api.experimental_updateStatus(providerId, statusUpdate);
-        }
-      }
+      api.updateTestProviderState(
+        providerId,
+        result.status === 'failed'
+          ? { ...result, running: false, failed: true }
+          : { ...result, running: result.status === 'pending' }
+      );
     };
 
     api.on(TESTING_MODULE_CRASH_REPORT, onCrashReport);
diff --git a/code/core/src/types/modules/addons.ts b/code/core/src/types/modules/addons.ts
index d01563530bb..c9275394448 100644
--- a/code/core/src/types/modules/addons.ts
+++ b/code/core/src/types/modules/addons.ts
@@ -486,9 +486,10 @@ export interface Addon_TestProviderType<
     },
     components: { ListItem: typeof ListItem }
   ) => ReactNode;
-  mapStatusUpdate?: (
-    state: Addon_TestProviderState<Details>
-  ) => API_StatusUpdate | ((state: API_StatusState) => API_StatusUpdate);
+  stateUpdater?: (
+    state: TestProviderConfig & Addon_TestProviderState<Details>,
+    update: Partial<Addon_TestProviderState<Details>>
+  ) => Partial<TestProviderConfig & Addon_TestProviderState<Details>>;
   runnable?: boolean;
   watchable?: boolean;
 }

From 1e0869b6bae746320a134826378c68dfedeedce2 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 21 Nov 2024 15:53:55 +0100
Subject: [PATCH 011/111] fix allTestsRun

---
 code/addons/test/src/node/vitest-manager.ts | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index eedb5ba20aa..eb957f2749b 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -38,16 +38,13 @@ export class VitestManager {
       coverage: {
         provider: 'v8',
         reporter: [
-          // 'html',
+          'html',
           [
             // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
             '@storybook/experimental-addon-test/internal/coverage-reporter',
             { channel: this.channel },
           ],
         ],
-        reportOnFailure: true,
-        enabled: true,
-        cleanOnRerun: false,
       },
     });
 
@@ -142,7 +139,14 @@ export class VitestManager {
       this.vitest!.configOverride.testNamePattern = testNamePattern;
     }
 
-    await this.vitest!.runFiles(testList, true);
+    // console.log('LOG: conf', this.vitest.config.coverage);
+    // console.log('LOG: confOver', this.vitest.configOverride.coverage);
+    // this.vitest.configOverride.coverage = {
+    //   enabled: Math.random() > 0.5,
+    // };
+
+    await this.vitest!.runFiles(testList, false);
+
     this.resetTestNamePattern();
   }
 
@@ -226,7 +230,7 @@ export class VitestManager {
     if (triggerAffectedTests.length) {
       await this.vitest.cancelCurrentRun('keyboard-input');
       await this.vitest.runningPromise;
-      await this.vitest.runFiles(triggerAffectedTests, true);
+      await this.vitest.runFiles(triggerAffectedTests, false);
     }
   }
 

From 5aff4bea9d6881ce56ccc784a748a27569f6ba7f Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 21 Nov 2024 15:55:55 +0100
Subject: [PATCH 012/111] static link to coverage

---
 code/addons/test/src/manager.tsx              | 24 ++++++++++++++-----
 .../addons/test/src/node/coverage-reporter.ts |  6 ++++-
 code/addons/test/src/preset.ts                | 12 +++++++++-
 3 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 8bbbdfc775a..b7a72e979ad 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -79,11 +79,13 @@ addons.register(ADDON_ID, (api) => {
       api.togglePanel(true);
     };
 
-    type CoverageSummaryData = ReturnType<ReportNode['getCoverageSummary']>['data'];
+    type CoverageSummary = {
+      coverageSummary: ReturnType<ReportNode['getCoverageSummary']>['data'];
+    };
     const coverageStore = {
-      data: undefined as CoverageSummaryData | undefined,
+      data: undefined as CoverageSummary | undefined,
       subscribe: () => {
-        const listener = (data: CoverageSummaryData) => {
+        const listener = (data: CoverageSummary) => {
           console.log('LOG: got coverage data on channel', data);
           coverageStore.data = data;
         };
@@ -105,11 +107,13 @@ addons.register(ADDON_ID, (api) => {
 
       let total = 0;
       let covered = 0;
-      for (const metric of Object.values(coverageSummaryData)) {
+      for (const metric of Object.values(coverageSummaryData.coverageSummary)) {
         total += metric.total;
         covered += metric.covered;
       }
-      return covered / total;
+      return {
+        percentage: covered / total,
+      };
     };
     addons.add(TEST_PROVIDER_ID, {
       type: Addon_TypesEnum.experimental_TEST_PROVIDER,
@@ -163,7 +167,15 @@ addons.register(ADDON_ID, (api) => {
                 timestamp={new Date(state.progress.finishedAt)}
                 testCount={state.progress.numTotalTests}
               />
-              {coverage ? ` (${Math.round(coverage * 100)}% coverage)` : ''}
+              {coverage ? (
+                <LinkComponent
+                  href="/coverage/index.html"
+                  target="_blank"
+                  rel="noreferrer"
+                >{`(${Math.round(coverage.percentage * 100)}% coverage)`}</LinkComponent>
+              ) : (
+                ''
+              )}
             </>
           );
         } else if (state.watching) {
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index a4b70b947db..0f002730794 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -1,3 +1,5 @@
+import { join } from 'node:path';
+
 import type { Channel } from 'storybook/internal/channels';
 
 import type { ReportNode, Visitor } from 'istanbul-lib-report';
@@ -16,6 +18,8 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
       return;
     }
     const coverageSummary = node.getCoverageSummary(false);
-    this.#channel.emit('storybook/coverage', coverageSummary);
+    this.#channel.emit('storybook/coverage', {
+      coverageSummary,
+    });
   }
 }
diff --git a/code/addons/test/src/preset.ts b/code/addons/test/src/preset.ts
index 685a56e2baf..96164dcfe30 100644
--- a/code/addons/test/src/preset.ts
+++ b/code/addons/test/src/preset.ts
@@ -9,7 +9,7 @@ import {
   TESTING_MODULE_WATCH_MODE_REQUEST,
 } from 'storybook/internal/core-events';
 import { oneWayHash, telemetry } from 'storybook/internal/telemetry';
-import type { Options, PresetProperty, StoryId } from 'storybook/internal/types';
+import type { Options, PresetProperty, PresetPropertyFn, StoryId } from 'storybook/internal/types';
 
 import picocolors from 'picocolors';
 import { dedent } from 'ts-dedent';
@@ -128,3 +128,13 @@ export const managerEntries: PresetProperty<'managerEntries'> = async (entry = [
   // for whatever reason seems like the return type of managerEntries is not correct (it expects never instead of string[])
   return entry as never;
 };
+
+export const staticDirs: PresetPropertyFn<'staticDirs'> = async (values = []) => {
+  return [
+    {
+      from: join(process.cwd(), 'coverage'),
+      to: '/coverage',
+    },
+    ...values,
+  ];
+};

From b86bc649b8dd249711722abc1ae27356af4083a2 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Thu, 21 Nov 2024 21:21:44 +0100
Subject: [PATCH 013/111] Optional return value

---
 code/addons/test/src/manager.tsx      | 1 -
 code/core/src/types/modules/addons.ts | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index d17e6ecc560..b2e99e0ef16 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -224,7 +224,6 @@ addons.register(ADDON_ID, (api) => {
           );
           api.experimental_updateStatus(TEST_PROVIDER_ID, statusUpdate);
         }
-        return { ...state, ...update };
       },
     } as Addon_TestProviderType<{
       testResults: TestResult[];
diff --git a/code/core/src/types/modules/addons.ts b/code/core/src/types/modules/addons.ts
index c9275394448..5554c7f7b0f 100644
--- a/code/core/src/types/modules/addons.ts
+++ b/code/core/src/types/modules/addons.ts
@@ -489,7 +489,7 @@ export interface Addon_TestProviderType<
   stateUpdater?: (
     state: TestProviderConfig & Addon_TestProviderState<Details>,
     update: Partial<Addon_TestProviderState<Details>>
-  ) => Partial<TestProviderConfig & Addon_TestProviderState<Details>>;
+  ) => void | Partial<TestProviderConfig & Addon_TestProviderState<Details>>;
   runnable?: boolean;
   watchable?: boolean;
 }

From f69b7f35ab2c52f2f057fd0cd8b552e2c6adbb43 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 22 Nov 2024 11:12:41 +0100
Subject: [PATCH 014/111] Extract test provider render method to a component

---
 .../test/src/components/RelativeTime.tsx      |  19 +-
 .../test/src/components/TestProvider.tsx      | 145 ++++++++++++++++
 code/addons/test/src/manager.tsx              | 164 +-----------------
 3 files changed, 172 insertions(+), 156 deletions(-)
 create mode 100644 code/addons/test/src/components/TestProvider.tsx

diff --git a/code/addons/test/src/components/RelativeTime.tsx b/code/addons/test/src/components/RelativeTime.tsx
index d643960b06e..f819eb2211c 100644
--- a/code/addons/test/src/components/RelativeTime.tsx
+++ b/code/addons/test/src/components/RelativeTime.tsx
@@ -1,6 +1,23 @@
 import { useEffect, useState } from 'react';
 
-import { getRelativeTimeString } from '../manager';
+function getRelativeTimeString(date: Date): string {
+  const delta = Math.round((date.getTime() - Date.now()) / 1000);
+  const cutoffs = [60, 3600, 86400, 86400 * 7, 86400 * 30, 86400 * 365, Infinity];
+  const units: Intl.RelativeTimeFormatUnit[] = [
+    'second',
+    'minute',
+    'hour',
+    'day',
+    'week',
+    'month',
+    'year',
+  ];
+
+  const unitIndex = cutoffs.findIndex((cutoff) => cutoff > Math.abs(delta));
+  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 1;
+  const rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
+  return rtf.format(Math.floor(delta / divisor), units[unitIndex]);
+}
 
 export const RelativeTime = ({ timestamp, testCount }: { timestamp: Date; testCount: number }) => {
   const [relativeTimeString, setRelativeTimeString] = useState(null);
diff --git a/code/addons/test/src/components/TestProvider.tsx b/code/addons/test/src/components/TestProvider.tsx
new file mode 100644
index 00000000000..b0095ae454b
--- /dev/null
+++ b/code/addons/test/src/components/TestProvider.tsx
@@ -0,0 +1,145 @@
+import React, { useState } from 'react';
+
+import { Button, Link as LinkComponent } from 'storybook/internal/components';
+import {
+  TESTING_MODULE_RUN_ALL_REQUEST,
+  type TestProviderConfig,
+} from 'storybook/internal/core-events';
+import type { API } from 'storybook/internal/manager-api';
+import { styled } from 'storybook/internal/theming';
+
+import { EyeIcon, PlayHollowIcon, StopAltHollowIcon } from '@storybook/icons';
+import type { Addon_TestProviderState } from '@storybook/types';
+
+import { TEST_PROVIDER_ID } from '../constants';
+import type { Details } from '../manager';
+import { GlobalErrorModal } from './GlobalErrorModal';
+import { RelativeTime } from './RelativeTime';
+
+const Info = styled.div({
+  display: 'flex',
+  flexDirection: 'column',
+  marginLeft: 6,
+});
+
+const SidebarContextMenuTitle = styled.div<{ crashed?: boolean }>(({ crashed, theme }) => ({
+  fontSize: theme.typography.size.s1,
+  fontWeight: crashed ? 'bold' : 'normal',
+  color: crashed ? theme.color.negativeText : theme.color.defaultText,
+}));
+
+const Description = styled.div(({ theme }) => ({
+  fontSize: theme.typography.size.s1,
+  color: theme.barTextColor,
+}));
+
+const Actions = styled.div({
+  display: 'flex',
+  gap: 6,
+});
+
+interface TestProviderProps {
+  api: API;
+  state: TestProviderConfig & Addon_TestProviderState<Details>;
+}
+
+export const TestProvider = ({ api, state }: TestProviderProps) => {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const title = state.crashed || state.failed ? 'Component tests failed' : 'Component tests';
+  const errorMessage = state.error?.message;
+  let description: string | React.ReactNode = 'Not run';
+
+  if (state.running) {
+    description = state.progress
+      ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
+      : 'Starting...';
+  } else if (state.failed && !errorMessage) {
+    description = '';
+  } else if (state.crashed || (state.failed && errorMessage)) {
+    description = (
+      <>
+        <LinkComponent
+          isButton
+          onClick={() => {
+            setIsModalOpen(true);
+          }}
+        >
+          {state.error?.name || 'View full error'}
+        </LinkComponent>
+      </>
+    );
+  } else if (state.progress?.finishedAt) {
+    description = (
+      <RelativeTime
+        timestamp={new Date(state.progress.finishedAt)}
+        testCount={state.progress.numTotalTests}
+      />
+    );
+  } else if (state.watching) {
+    description = 'Watching for file changes';
+  }
+
+  return (
+    <>
+      <Info>
+        <SidebarContextMenuTitle crashed={state.crashed} id="testing-module-title">
+          {title}
+        </SidebarContextMenuTitle>
+        <Description id="testing-module-description">{description}</Description>
+      </Info>
+
+      <Actions>
+        {state.watchable && (
+          <Button
+            aria-label={`${state.watching ? 'Disable' : 'Enable'} watch mode for ${state.name}`}
+            variant="ghost"
+            padding="small"
+            active={state.watching}
+            onClick={() => api.setTestProviderWatchMode(state.id, !state.watching)}
+            disabled={state.crashed || state.running}
+          >
+            <EyeIcon />
+          </Button>
+        )}
+        {state.runnable && (
+          <>
+            {state.running && state.cancellable ? (
+              <Button
+                aria-label={`Stop ${state.name}`}
+                variant="ghost"
+                padding="small"
+                onClick={() => api.cancelTestProvider(state.id)}
+                disabled={state.cancelling}
+              >
+                <StopAltHollowIcon />
+              </Button>
+            ) : (
+              <Button
+                aria-label={`Start ${state.name}`}
+                variant="ghost"
+                padding="small"
+                onClick={() => api.runTestProvider(state.id)}
+                disabled={state.crashed || state.running}
+              >
+                <PlayHollowIcon />
+              </Button>
+            )}
+          </>
+        )}
+      </Actions>
+
+      <GlobalErrorModal
+        error={errorMessage}
+        open={isModalOpen}
+        onClose={() => {
+          setIsModalOpen(false);
+        }}
+        onRerun={() => {
+          setIsModalOpen(false);
+          api.getChannel().emit(TESTING_MODULE_RUN_ALL_REQUEST, { providerId: TEST_PROVIDER_ID });
+        }}
+      />
+    </>
+  );
+};
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 9b560cdd8ce..92b67dbd962 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -1,10 +1,8 @@
-import React, { useState } from 'react';
+import React from 'react';
 
-import { AddonPanel, Button, Link as LinkComponent } from 'storybook/internal/components';
-import { TESTING_MODULE_RUN_ALL_REQUEST } from 'storybook/internal/core-events';
+import { AddonPanel } from 'storybook/internal/components';
 import type { Combo } from 'storybook/internal/manager-api';
 import { Consumer, addons, types } from 'storybook/internal/manager-api';
-import { styled } from 'storybook/internal/theming';
 import {
   type API_StatusObject,
   type API_StatusValue,
@@ -12,63 +10,23 @@ import {
   Addon_TypesEnum,
 } from 'storybook/internal/types';
 
-import { EyeIcon, PlayHollowIcon, StopAltHollowIcon } from '@storybook/icons';
-
 import { ContextMenuItem } from './components/ContextMenuItem';
-import { GlobalErrorModal } from './components/GlobalErrorModal';
 import { Panel } from './components/Panel';
 import { PanelTitle } from './components/PanelTitle';
-import { RelativeTime } from './components/RelativeTime';
+import { TestProvider } from './components/TestProvider';
 import { ADDON_ID, PANEL_ID, TEST_PROVIDER_ID } from './constants';
 import type { TestResult } from './node/reporter';
 
+export type Details = {
+  testResults: TestResult[];
+};
+
 const statusMap: Record<any['status'], API_StatusValue> = {
   failed: 'error',
   passed: 'success',
   pending: 'pending',
 };
 
-export function getRelativeTimeString(date: Date): string {
-  const delta = Math.round((date.getTime() - Date.now()) / 1000);
-  const cutoffs = [60, 3600, 86400, 86400 * 7, 86400 * 30, 86400 * 365, Infinity];
-  const units: Intl.RelativeTimeFormatUnit[] = [
-    'second',
-    'minute',
-    'hour',
-    'day',
-    'week',
-    'month',
-    'year',
-  ];
-
-  const unitIndex = cutoffs.findIndex((cutoff) => cutoff > Math.abs(delta));
-  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 1;
-  const rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
-  return rtf.format(Math.floor(delta / divisor), units[unitIndex]);
-}
-
-const Info = styled.div({
-  display: 'flex',
-  flexDirection: 'column',
-  marginLeft: 6,
-});
-
-const SidebarContextMenuTitle = styled.div<{ crashed?: boolean }>(({ crashed, theme }) => ({
-  fontSize: theme.typography.size.s1,
-  fontWeight: crashed ? 'bold' : 'normal',
-  color: crashed ? theme.color.negativeText : theme.color.defaultText,
-}));
-
-const Description = styled.div(({ theme }) => ({
-  fontSize: theme.typography.size.s1,
-  color: theme.barTextColor,
-}));
-
-const Actions = styled.div({
-  display: 'flex',
-  gap: 6,
-});
-
 addons.register(ADDON_ID, (api) => {
   const storybookBuilder = (globalThis as any).STORYBOOK_BUILDER || '';
   if (storybookBuilder.includes('vite')) {
@@ -82,6 +40,7 @@ addons.register(ADDON_ID, (api) => {
       runnable: true,
       watchable: true,
       name: 'Component tests',
+      render: (state) => <TestProvider api={api} state={state} />,
 
       sidebarContextMenu: ({ context, state }, { ListItem }) => {
         if (context.type === 'docs') {
@@ -94,109 +53,6 @@ addons.register(ADDON_ID, (api) => {
         return <ContextMenuItem context={context} state={state} ListItem={ListItem} />;
       },
 
-      render: (state) => {
-        const [isModalOpen, setIsModalOpen] = useState(false);
-
-        const title = state.crashed || state.failed ? 'Component tests failed' : 'Component tests';
-        const errorMessage = state.error?.message;
-        let description: string | React.ReactNode = 'Not run';
-
-        if (state.running) {
-          description = state.progress
-            ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
-            : 'Starting...';
-        } else if (state.failed && !errorMessage) {
-          description = '';
-        } else if (state.crashed || (state.failed && errorMessage)) {
-          description = (
-            <>
-              <LinkComponent
-                isButton
-                onClick={() => {
-                  setIsModalOpen(true);
-                }}
-              >
-                {state.error?.name || 'View full error'}
-              </LinkComponent>
-            </>
-          );
-        } else if (state.progress?.finishedAt) {
-          description = (
-            <RelativeTime
-              timestamp={new Date(state.progress.finishedAt)}
-              testCount={state.progress.numTotalTests}
-            />
-          );
-        } else if (state.watching) {
-          description = 'Watching for file changes';
-        }
-
-        return (
-          <>
-            <Info>
-              <SidebarContextMenuTitle crashed={state.crashed} id="testing-module-title">
-                {title}
-              </SidebarContextMenuTitle>
-              <Description id="testing-module-description">{description}</Description>
-            </Info>
-
-            <Actions>
-              {state.watchable && (
-                <Button
-                  aria-label={`${state.watching ? 'Disable' : 'Enable'} watch mode for ${state.name}`}
-                  variant="ghost"
-                  padding="small"
-                  active={state.watching}
-                  onClick={() => api.setTestProviderWatchMode(state.id, !state.watching)}
-                  disabled={state.crashed || state.running}
-                >
-                  <EyeIcon />
-                </Button>
-              )}
-              {state.runnable && (
-                <>
-                  {state.running && state.cancellable ? (
-                    <Button
-                      aria-label={`Stop ${state.name}`}
-                      variant="ghost"
-                      padding="small"
-                      onClick={() => api.cancelTestProvider(state.id)}
-                      disabled={state.cancelling}
-                    >
-                      <StopAltHollowIcon />
-                    </Button>
-                  ) : (
-                    <Button
-                      aria-label={`Start ${state.name}`}
-                      variant="ghost"
-                      padding="small"
-                      onClick={() => api.runTestProvider(state.id)}
-                      disabled={state.crashed || state.running}
-                    >
-                      <PlayHollowIcon />
-                    </Button>
-                  )}
-                </>
-              )}
-            </Actions>
-
-            <GlobalErrorModal
-              error={errorMessage}
-              open={isModalOpen}
-              onClose={() => {
-                setIsModalOpen(false);
-              }}
-              onRerun={() => {
-                setIsModalOpen(false);
-                api
-                  .getChannel()
-                  .emit(TESTING_MODULE_RUN_ALL_REQUEST, { providerId: TEST_PROVIDER_ID });
-              }}
-            />
-          </>
-        );
-      },
-
       mapStatusUpdate: (state) =>
         Object.fromEntries(
           (state.details.testResults || []).flatMap((testResult) =>
@@ -221,9 +77,7 @@ addons.register(ADDON_ID, (api) => {
               .filter(Boolean)
           )
         ),
-    } as Addon_TestProviderType<{
-      testResults: TestResult[];
-    }>);
+    } as Addon_TestProviderType<Details>);
   }
 
   const filter = ({ state }: Combo) => {

From 049cec156914bd9c1983339d9bad7b461fe77189 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 22 Nov 2024 15:03:00 +0100
Subject: [PATCH 015/111] Draw horizontal line between each test provider

---
 code/addons/test/src/components/TestProvider.tsx      |  2 +-
 .../src/manager/components/sidebar/TestingModule.tsx  | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/code/addons/test/src/components/TestProvider.tsx b/code/addons/test/src/components/TestProvider.tsx
index b0095ae454b..3588a6a58ef 100644
--- a/code/addons/test/src/components/TestProvider.tsx
+++ b/code/addons/test/src/components/TestProvider.tsx
@@ -35,7 +35,7 @@ const Description = styled.div(({ theme }) => ({
 
 const Actions = styled.div({
   display: 'flex',
-  gap: 6,
+  gap: 2,
 });
 
 interface TestProviderProps {
diff --git a/code/core/src/manager/components/sidebar/TestingModule.tsx b/code/core/src/manager/components/sidebar/TestingModule.tsx
index a28a338857b..0385cdcd70e 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.tsx
@@ -78,10 +78,8 @@ const Collapsible = styled.div(({ theme }) => ({
 }));
 
 const Content = styled.div({
-  padding: '12px 6px',
   display: 'flex',
   flexDirection: 'column',
-  gap: '12px',
 });
 
 const Bar = styled.div<{ onClick?: (e: SyntheticEvent) => void }>(({ onClick }) => ({
@@ -138,11 +136,16 @@ const StatusButton = styled(Button)<{ status: 'negative' | 'warning' }>(
         })
 );
 
-const TestProvider = styled.div({
+const TestProvider = styled.div(({ theme }) => ({
   display: 'flex',
   justifyContent: 'space-between',
+  padding: '12px 6px',
   gap: 6,
-});
+
+  '&:not(:last-child)': {
+    boxShadow: `inset 0 -1px 0 ${theme.appBorderColor}`,
+  },
+}));
 
 interface TestingModuleProps {
   testProviders: TestProviders[keyof TestProviders][];

From 9efed90d22a6a404ff3fc78750e1fd72fb9ebdfd Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 25 Nov 2024 17:07:42 +0100
Subject: [PATCH 016/111] Glow testing module when changing settings

---
 .../sidebar/TestingModule.stories.tsx         | 44 ++++++---
 .../components/sidebar/TestingModule.tsx      | 89 +++++++++++--------
 2 files changed, 84 insertions(+), 49 deletions(-)

diff --git a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
index a13e4ccbad5..fdbfa3db37d 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { styled } from '@storybook/core/theming';
 import { Addon_TypesEnum } from '@storybook/core/types';
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn, userEvent } from '@storybook/test';
@@ -9,6 +10,11 @@ import { ManagerContext } from '@storybook/core/manager-api';
 
 import { TestingModule } from './TestingModule';
 
+const TestProvider = styled.div({
+  padding: 8,
+  fontSize: 12,
+});
+
 const baseState = {
   details: {},
   cancellable: false,
@@ -25,11 +31,11 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     id: 'component-tests',
     name: 'Component tests',
     render: () => (
-      <>
+      <TestProvider>
         Component tests
         <br />
         Ran 2 seconds ago
-      </>
+      </TestProvider>
     ),
     runnable: true,
     watchable: true,
@@ -40,11 +46,11 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     id: 'visual-tests',
     name: 'Visual tests',
     render: () => (
-      <>
+      <TestProvider>
         Visual tests
         <br />
         Not run
-      </>
+      </TestProvider>
     ),
     runnable: true,
     ...baseState,
@@ -54,11 +60,11 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     id: 'linting',
     name: 'Linting',
     render: () => (
-      <>
+      <TestProvider>
         Linting
         <br />
         Watching for changes
-      </>
+      </TestProvider>
     ),
     ...baseState,
     watching: true,
@@ -67,6 +73,8 @@ const testProviders: TestProviders[keyof TestProviders][] = [
 
 const managerContext: any = {
   api: {
+    on: fn().mockName('api::on'),
+    off: fn().mockName('api::off'),
     runTestProvider: fn().mockName('api::runTestProvider'),
     cancelTestProvider: fn().mockName('api::cancelTestProvider'),
     updateTestProviderState: fn().mockName('api::updateTestProviderState'),
@@ -104,9 +112,9 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {};
 
-export const Collapsed: Story = {
+export const Expanded: Story = {
   play: async ({ canvas }) => {
-    const button = await canvas.findByRole('button', { name: /Collapse/ });
+    const button = await canvas.findByRole('button', { name: /Expand/ });
     await userEvent.click(button);
   },
 };
@@ -116,6 +124,7 @@ export const Statuses: Story = {
     errorCount: 14,
     warningCount: 42,
   },
+  play: Expanded.play,
 };
 
 export const ErrorsActive: Story = {
@@ -123,6 +132,7 @@ export const ErrorsActive: Story = {
     ...Statuses.args,
     errorsActive: true,
   },
+  play: Expanded.play,
 };
 
 export const WarningsActive: Story = {
@@ -130,6 +140,7 @@ export const WarningsActive: Story = {
     ...Statuses.args,
     warningsActive: true,
   },
+  play: Expanded.play,
 };
 
 export const BothActive: Story = {
@@ -138,28 +149,31 @@ export const BothActive: Story = {
     errorsActive: true,
     warningsActive: true,
   },
+  play: Expanded.play,
 };
 
 export const CollapsedStatuses: Story = {
   args: Statuses.args,
-  play: Collapsed.play,
+  play: Expanded.play,
 };
 
 export const Running: Story = {
   args: {
     testProviders: [{ ...testProviders[0], running: true }, ...testProviders.slice(1)],
   },
+  play: Expanded.play,
 };
 
 export const RunningAll: Story = {
   args: {
     testProviders: testProviders.map((tp) => ({ ...tp, running: !!tp.runnable })),
   },
+  play: Expanded.play,
 };
 
 export const CollapsedRunning: Story = {
   args: RunningAll.args,
-  play: Collapsed.play,
+  play: Expanded.play,
 };
 
 export const Cancellable: Story = {
@@ -169,6 +183,7 @@ export const Cancellable: Story = {
       ...testProviders.slice(1),
     ],
   },
+  play: Expanded.play,
 };
 
 export const Cancelling: Story = {
@@ -178,12 +193,14 @@ export const Cancelling: Story = {
       ...testProviders.slice(1),
     ],
   },
+  play: Expanded.play,
 };
 
 export const Watching: Story = {
   args: {
     testProviders: [{ ...testProviders[0], watching: true }, ...testProviders.slice(1)],
   },
+  play: Expanded.play,
 };
 
 export const Failing: Story = {
@@ -193,12 +210,14 @@ export const Failing: Story = {
       ...testProviders.slice(1),
     ],
   },
+  play: Expanded.play,
 };
 
 export const Failed: Story = {
   args: {
     testProviders: [{ ...testProviders[0], failed: true }, ...testProviders.slice(1)],
   },
+  play: Expanded.play,
 };
 
 export const Crashed: Story = {
@@ -207,15 +226,16 @@ export const Crashed: Story = {
       {
         ...testProviders[0],
         render: () => (
-          <>
+          <TestProvider>
             Component tests didn't complete
             <br />
             Problems!
-          </>
+          </TestProvider>
         ),
         crashed: true,
       },
       ...testProviders.slice(1),
     ],
   },
+  play: Expanded.play,
 };
diff --git a/code/core/src/manager/components/sidebar/TestingModule.tsx b/code/core/src/manager/components/sidebar/TestingModule.tsx
index c07f37e8b02..6724f52d640 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.tsx
@@ -1,11 +1,11 @@
-import React, { Fragment, type SyntheticEvent, useEffect, useRef, useState } from 'react';
+import React, { type SyntheticEvent, useEffect, useRef, useState } from 'react';
 
 import { Button, TooltipNote } from '@storybook/core/components';
 import { WithTooltip } from '@storybook/core/components';
 import { keyframes, styled } from '@storybook/core/theming';
 import { ChevronSmallUpIcon, PlayAllHollowIcon } from '@storybook/icons';
 
-import type { TestProviders } from '@storybook/core/core-events';
+import { TESTING_MODULE_CONFIG_CHANGE, type TestProviders } from '@storybook/core/core-events';
 import { useStorybookApi } from '@storybook/core/manager-api';
 
 import { LegacyRender } from './LegacyRender';
@@ -22,42 +22,42 @@ const spin = keyframes({
   '100%': { transform: 'rotate(360deg)' },
 });
 
-const Outline = styled.div<{ crashed: boolean; failed: boolean; running: boolean }>(
-  ({ crashed, running, theme, failed }) => ({
-    position: 'relative',
-    lineHeight: '20px',
-    width: '100%',
-    padding: 1,
-    overflow: 'hidden',
-    background: `var(--sb-sidebar-bottom-card-background, ${theme.background.content})`,
-    borderRadius:
-      `var(--sb-sidebar-bottom-card-border-radius, ${theme.appBorderRadius + 1}px)` as any,
-    boxShadow: `inset 0 0 0 1px ${crashed && !running ? theme.color.negative : theme.appBorderColor}, var(--sb-sidebar-bottom-card-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${theme.background.app})`,
-    transitionProperty:
-      'color, background-color, border-color, text-decoration-color, fill, stroke',
-    transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
-    transitionDuration: '0.15s',
+const Outline = styled.div<{
+  crashed: boolean;
+  failed: boolean;
+  running: boolean;
+  updated: boolean;
+}>(({ crashed, failed, running, theme, updated }) => ({
+  position: 'relative',
+  lineHeight: '20px',
+  width: '100%',
+  padding: 1,
+  overflow: 'hidden',
+  backgroundColor: `var(--sb-sidebar-bottom-card-background, ${theme.background.content})`,
+  borderRadius:
+    `var(--sb-sidebar-bottom-card-border-radius, ${theme.appBorderRadius + 1}px)` as any,
+  boxShadow: `inset 0 0 0 1px ${crashed && !running ? theme.color.negative : updated ? theme.color.positive : theme.appBorderColor}, var(--sb-sidebar-bottom-card-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${theme.background.app})`,
+  transition: 'box-shadow 1s',
 
-    '&:after': {
-      content: '""',
-      display: running ? 'block' : 'none',
-      position: 'absolute',
-      left: '50%',
-      top: '50%',
-      marginLeft: 'calc(max(100vw, 100vh) * -0.5)',
-      marginTop: 'calc(max(100vw, 100vh) * -0.5)',
-      height: 'max(100vw, 100vh)',
-      width: 'max(100vw, 100vh)',
-      animation: `${spin} 3s linear infinite`,
-      background: failed
-        ? // Hardcoded colors to prevent themes from messing with them (orange+gold, secondary+seafoam)
-          `conic-gradient(transparent 90deg, #FC521F 150deg, #FFAE00 210deg, transparent 270deg)`
-        : `conic-gradient(transparent 90deg, #029CFD 150deg, #37D5D3 210deg, transparent 270deg)`,
-      opacity: 1,
-      willChange: 'auto',
-    },
-  })
-);
+  '&:after': {
+    content: '""',
+    display: running ? 'block' : 'none',
+    position: 'absolute',
+    left: '50%',
+    top: '50%',
+    marginLeft: 'calc(max(100vw, 100vh) * -0.5)',
+    marginTop: 'calc(max(100vw, 100vh) * -0.5)',
+    height: 'max(100vw, 100vh)',
+    width: 'max(100vw, 100vh)',
+    animation: `${spin} 3s linear infinite`,
+    background: failed
+      ? // Hardcoded colors to prevent themes from messing with them (orange+gold, secondary+seafoam)
+        `conic-gradient(transparent 90deg, #FC521F 150deg, #FFAE00 210deg, transparent 270deg)`
+      : `conic-gradient(transparent 90deg, #029CFD 150deg, #37D5D3 210deg, transparent 270deg)`,
+    opacity: 1,
+    willChange: 'auto',
+  },
+}));
 
 const Card = styled.div(({ theme }) => ({
   position: 'relative',
@@ -165,6 +165,7 @@ export const TestingModule = ({
 }: TestingModuleProps) => {
   const api = useStorybookApi();
   const contentRef = useRef<HTMLDivElement>(null);
+  const [updated, setUpdated] = useState(false);
   const [animating, setAnimating] = useState(false);
   const [collapsed, setCollapsed] = useState(true);
   const [maxHeight, setMaxHeight] = useState(DEFAULT_HEIGHT);
@@ -173,6 +174,19 @@ export const TestingModule = ({
     setMaxHeight(contentRef.current?.offsetHeight || DEFAULT_HEIGHT);
   }, []);
 
+  useEffect(() => {
+    let timeout: NodeJS.Timeout;
+    const handler = () => {
+      setUpdated(true);
+      timeout = setTimeout(setUpdated, 1000, false);
+    };
+    api.on(TESTING_MODULE_CONFIG_CHANGE, handler);
+    return () => {
+      api.off(TESTING_MODULE_CONFIG_CHANGE, handler);
+      clearTimeout(timeout);
+    };
+  }, [api]);
+
   const toggleCollapsed = () => {
     setAnimating(true);
     setMaxHeight(contentRef.current?.offsetHeight || DEFAULT_HEIGHT);
@@ -191,6 +205,7 @@ export const TestingModule = ({
       running={running}
       crashed={crashed}
       failed={failed || errorCount > 0}
+      updated={updated}
     >
       <Card>
         <Collapsible

From 2a2c8f2be8d91a397250a98d0e835bfaa3e43b1a Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <sidnioulz@gmail.com>
Date: Tue, 26 Nov 2024 06:36:45 +0100
Subject: [PATCH 017/111] Manager: Generalise tag intersection to root entries
 and ensure all entries have tags

---
 code/core/src/manager-api/lib/stories.ts      | 22 ++++++++++++++-----
 .../src/manager-api/tests/stories.test.ts     | 13 ++++++++++-
 code/core/src/types/modules/api-stories.ts    |  5 +----
 3 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/code/core/src/manager-api/lib/stories.ts b/code/core/src/manager-api/lib/stories.ts
index aef21759907..59b59f070a1 100644
--- a/code/core/src/manager-api/lib/stories.ts
+++ b/code/core/src/manager-api/lib/stories.ts
@@ -1,4 +1,5 @@
 import type {
+  API_BaseEntry,
   API_ComponentEntry,
   API_DocsEntry,
   API_GroupEntry,
@@ -16,6 +17,7 @@ import type {
   StoryId,
   StoryIndexV2,
   StoryIndexV3,
+  Tag,
 } from '@storybook/core/types';
 import { sanitize } from '@storybook/csf';
 
@@ -248,6 +250,7 @@ export const transformStoryIndexToStoriesHash = (
           type: 'root',
           id,
           name: names[idx],
+          tags: [],
           depth: idx,
           renderLabel,
           startCollapsed: collapsedRoots.includes(id),
@@ -267,6 +270,7 @@ export const transformStoryIndexToStoriesHash = (
           type: 'component',
           id,
           name: names[idx],
+          tags: [],
           parent: paths[idx - 1],
           depth: idx,
           renderLabel,
@@ -274,14 +278,12 @@ export const transformStoryIndexToStoriesHash = (
             children: [childId],
           }),
         });
-        // merge computes a union of arrays but we want an intersection on this
-        // specific array property, so it's easier to add it after the merge.
-        acc[id].tags = intersect(acc[id]?.tags ?? item.tags, item.tags);
       } else {
         acc[id] = merge<API_GroupEntry>((acc[id] || {}) as API_GroupEntry, {
           type: 'group',
           id,
           name: names[idx],
+          tags: [],
           parent: paths[idx - 1],
           depth: idx,
           renderLabel,
@@ -289,14 +291,13 @@ export const transformStoryIndexToStoriesHash = (
             children: [childId],
           }),
         });
-        // same as the merge for the component conditional branch above.
-        acc[id].tags = intersect(acc[id]?.tags ?? item.tags, item.tags);
       }
     });
 
     // Finally add an entry for the docs/story itself
     acc[item.id] = {
       type: 'story',
+      tags: [],
       ...item,
       depth: paths.length,
       parent: paths[paths.length - 1],
@@ -315,9 +316,18 @@ export const transformStoryIndexToStoriesHash = (
     }
 
     acc[item.id] = item;
-    // Ensure we add the children depth-first *before* inserting any other entries
+    // Ensure we add the children depth-first *before* inserting any other entries,
+    // and compute tags from the children put in the accumulator afterwards, once
+    // they're all known and we can compute a sound intersection.
     if (item.type === 'root' || item.type === 'group' || item.type === 'component') {
       item.children.forEach((childId: any) => addItem(acc, storiesHashOutOfOrder[childId]));
+
+      item.tags = item.children.reduce((currentTags: Tag[] | null, childId: any): Tag[] => {
+        const child = acc[childId];
+
+        // On the first child, we have nothing to intersect against so we use it as a source of data.
+        return currentTags === null ? child.tags : intersect(currentTags, child.tags);
+      }, null);
     }
     return acc;
   }
diff --git a/code/core/src/manager-api/tests/stories.test.ts b/code/core/src/manager-api/tests/stories.test.ts
index ed84ec85740..b652c87cd7a 100644
--- a/code/core/src/manager-api/tests/stories.test.ts
+++ b/code/core/src/manager-api/tests/stories.test.ts
@@ -162,6 +162,7 @@ describe('stories API', () => {
       expect(index!['design-system']).toMatchObject({
         type: 'root',
         name: 'Design System', // root name originates from `kind`, so it gets trimmed
+        tags: [],
       });
       expect(index!['design-system-some-component']).toMatchObject({
         type: 'component',
@@ -186,6 +187,7 @@ describe('stories API', () => {
             title: 'Root/First',
             name: 'Story 1',
             importPath: './path/to/root/first.ts',
+            tags: [],
           },
           ...mockEntries,
         },
@@ -207,6 +209,7 @@ describe('stories API', () => {
         type: 'root',
         id: 'root',
         children: ['root-first'],
+        tags: [],
       });
     });
     it('sets roots when showRoots = true', () => {
@@ -222,6 +225,7 @@ describe('stories API', () => {
             id: 'a-b--1',
             title: 'a/b',
             name: '1',
+            tags: [],
             importPath: './a/b.ts',
           },
         },
@@ -233,6 +237,7 @@ describe('stories API', () => {
         type: 'root',
         id: 'a',
         children: ['a-b'],
+        tags: [],
       });
       expect(index!['a-b']).toMatchObject({
         type: 'component',
@@ -333,7 +338,7 @@ describe('stories API', () => {
       });
     });
 
-    it('intersects story/docs tags to compute tags for group entries', () => {
+    it('intersects story/docs tags to compute tags for root and group entries', () => {
       const moduleArgs = createMockModuleArgs({});
       const { api } = initStories(moduleArgs as unknown as ModuleArgs);
       const { store } = moduleArgs;
@@ -391,6 +396,7 @@ describe('stories API', () => {
         type: 'root',
         id: 'a',
         children: ['a-sampleone', 'a-sampletwo', 'a-embedded'],
+        tags: ['shared'],
       });
       // The object of this test.
       expect(index!['a-embedded']).toMatchObject({
@@ -1584,6 +1590,7 @@ describe('stories API', () => {
             "parent": "a",
             "prepared": false,
             "renderLabel": undefined,
+            "tags": [],
             "title": "a",
             "type": "story",
           },
@@ -1595,6 +1602,7 @@ describe('stories API', () => {
             "parent": "a",
             "prepared": false,
             "renderLabel": undefined,
+            "tags": [],
             "title": "a",
             "type": "story",
           },
@@ -1650,6 +1658,7 @@ describe('stories API', () => {
             "parent": "a",
             "prepared": false,
             "renderLabel": undefined,
+            "tags": [],
             "title": "a",
             "type": "story",
           },
@@ -1692,6 +1701,7 @@ describe('stories API', () => {
             "parent": "a",
             "prepared": false,
             "renderLabel": undefined,
+            "tags": [],
             "title": "a",
             "type": "story",
           },
@@ -1703,6 +1713,7 @@ describe('stories API', () => {
             "parent": "a",
             "prepared": false,
             "renderLabel": undefined,
+            "tags": [],
             "title": "a",
             "type": "story",
           },
diff --git a/code/core/src/types/modules/api-stories.ts b/code/core/src/types/modules/api-stories.ts
index 79ffb64d4d2..5f7b8dfe864 100644
--- a/code/core/src/types/modules/api-stories.ts
+++ b/code/core/src/types/modules/api-stories.ts
@@ -7,6 +7,7 @@ export interface API_BaseEntry {
   id: StoryId;
   depth: number;
   name: string;
+  tags: Tag[];
   refId?: string;
   renderLabel?: (item: API_BaseEntry, api: any) => any;
 }
@@ -21,14 +22,12 @@ export interface API_GroupEntry extends API_BaseEntry {
   type: 'group';
   parent?: StoryId;
   children: StoryId[];
-  tags: Tag[];
 }
 
 export interface API_ComponentEntry extends API_BaseEntry {
   type: 'component';
   parent?: StoryId;
   children: StoryId[];
-  tags: Tag[];
 }
 
 export interface API_DocsEntry extends API_BaseEntry {
@@ -36,7 +35,6 @@ export interface API_DocsEntry extends API_BaseEntry {
   parent: StoryId;
   title: ComponentTitle;
   importPath: Path;
-  tags: Tag[];
   prepared: boolean;
   parameters?: {
     [parameterName: string]: any;
@@ -48,7 +46,6 @@ export interface API_StoryEntry extends API_BaseEntry {
   parent: StoryId;
   title: ComponentTitle;
   importPath: Path;
-  tags: Tag[];
   prepared: boolean;
   parameters?: {
     [parameterName: string]: any;

From a71d9012c4ee016231ea44382d8bc5121e5afd68 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 09:34:55 +0100
Subject: [PATCH 018/111] Add story for updated state

---
 .../sidebar/TestingModule.stories.tsx         | 29 +++++++++++++++----
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
index fdbfa3db37d..625396064f0 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
@@ -1,12 +1,13 @@
 import React from 'react';
 
+import type { Listener } from '@storybook/core/channels';
 import { styled } from '@storybook/core/theming';
 import { Addon_TypesEnum } from '@storybook/core/types';
 import type { Meta, StoryObj } from '@storybook/react';
-import { fn, userEvent } from '@storybook/test';
+import { fireEvent, fn } from '@storybook/test';
 
-import type { TestProviders } from '@storybook/core/core-events';
-import { ManagerContext } from '@storybook/core/manager-api';
+import { TESTING_MODULE_CONFIG_CHANGE, type TestProviders } from '@storybook/core/core-events';
+import { ManagerContext, mockChannel } from '@storybook/core/manager-api';
 
 import { TestingModule } from './TestingModule';
 
@@ -71,10 +72,17 @@ const testProviders: TestProviders[keyof TestProviders][] = [
   },
 ];
 
+let triggerUpdate: () => void;
+const channel = mockChannel();
 const managerContext: any = {
   api: {
-    on: fn().mockName('api::on'),
-    off: fn().mockName('api::off'),
+    on: (eventName: string, listener: Listener) => {
+      if (eventName === TESTING_MODULE_CONFIG_CHANGE) {
+        triggerUpdate = listener;
+      }
+      return channel.on(eventName, listener);
+    },
+    off: (eventName: string, listener: Listener) => channel.off(eventName, listener),
     runTestProvider: fn().mockName('api::runTestProvider'),
     cancelTestProvider: fn().mockName('api::cancelTestProvider'),
     updateTestProviderState: fn().mockName('api::updateTestProviderState'),
@@ -115,7 +123,8 @@ export const Default: Story = {};
 export const Expanded: Story = {
   play: async ({ canvas }) => {
     const button = await canvas.findByRole('button', { name: /Expand/ });
-    await userEvent.click(button);
+    await fireEvent.click(button);
+    await new Promise((resolve) => setTimeout(resolve, 500));
   },
 };
 
@@ -239,3 +248,11 @@ export const Crashed: Story = {
   },
   play: Expanded.play,
 };
+
+export const Updated: Story = {
+  args: {},
+  play: async (context) => {
+    await Expanded.play!(context);
+    triggerUpdate?.();
+  },
+};

From dba14dcdc90d5864748881d7057a0b181ab08aca Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 09:45:24 +0100
Subject: [PATCH 019/111] Fix cursor on checkbox

---
 code/addons/test/src/components/TestProviderRender.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index cf6f4c81e4c..b6e079dc58b 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -60,6 +60,9 @@ const Extras = styled.div({
 
 const Checkbox = styled.input({
   margin: 0,
+  '&:enabled': {
+    cursor: 'pointer',
+  },
 });
 
 export const TestProviderRender: FC<{

From 40cce2bf8de84fc6626ebf2f2507b46d22239a67 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 10:10:36 +0100
Subject: [PATCH 020/111] Refactor useConfig to debounce update synchronization

---
 .../src/components/TestProviderRender.tsx     | 51 +++++++++----------
 1 file changed, 25 insertions(+), 26 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index b6e079dc58b..e2ff8c8cbf2 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -1,11 +1,10 @@
-import React, { type FC, Fragment, useCallback, useRef, useState } from 'react';
+import React, { type FC, useCallback, useRef, useState } from 'react';
 
 import { Button, ListItem } from 'storybook/internal/components';
 import {
   TESTING_MODULE_CONFIG_CHANGE,
   type TestProviderConfig,
   type TestProviderState,
-  type TestingModuleConfigChangePayload,
 } from 'storybook/internal/core-events';
 import type { API } from 'storybook/internal/manager-api';
 import { styled, useTheme } from 'storybook/internal/theming';
@@ -20,6 +19,8 @@ import {
   StopAltHollowIcon,
 } from '@storybook/icons';
 
+import { debounce } from 'es-toolkit/compat';
+
 import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
 import { Description } from './Description';
 import { GlobalErrorModal } from './GlobalErrorModal';
@@ -76,10 +77,10 @@ export const TestProviderRender: FC<{
   const title = state.crashed || state.failed ? 'Local tests failed' : 'Run local tests';
   const errorMessage = state.error?.message;
 
-  const [config, changeConfig] = useConfig(
+  const [config, updateConfig] = useConfig(
+    api,
     state.id,
-    state.config || { a11y: false, coverage: false },
-    api
+    state.config || { a11y: false, coverage: false }
   );
 
   return (
@@ -157,7 +158,7 @@ export const TestProviderRender: FC<{
               <Checkbox
                 type="checkbox"
                 checked={config.coverage}
-                onChange={() => changeConfig({ coverage: !config.coverage })}
+                onChange={() => updateConfig({ coverage: !config.coverage })}
               />
             }
           />
@@ -169,7 +170,7 @@ export const TestProviderRender: FC<{
               <Checkbox
                 type="checkbox"
                 checked={config.a11y}
-                onChange={() => changeConfig({ a11y: !config.a11y })}
+                onChange={() => updateConfig({ a11y: !config.a11y })}
               />
             }
           />
@@ -201,29 +202,27 @@ export const TestProviderRender: FC<{
   );
 };
 
-function useConfig(id: string, config: Config, api: API) {
-  const data = useRef<Config>(config);
-  data.current = config || {
-    a11y: false,
-    coverage: false,
-  };
+function useConfig(api: API, providerId: string, initialConfig: Config) {
+  const [currentConfig, setConfig] = useState<Config>(initialConfig);
+
+  const saveConfig = useCallback(
+    debounce((config: Config) => {
+      api.updateTestProviderState(providerId, { config });
+      api.emit(TESTING_MODULE_CONFIG_CHANGE, { providerId, config });
+    }, 500),
+    [api, providerId]
+  );
 
-  const changeConfig = useCallback(
+  const updateConfig = useCallback(
     (update: Partial<Config>) => {
-      const newConfig = {
-        ...data.current,
-        ...update,
-      };
-      api.updateTestProviderState(id, {
-        config: newConfig,
+      setConfig((value) => {
+        const updated = { ...value, ...update };
+        saveConfig(updated);
+        return updated;
       });
-      api.emit(TESTING_MODULE_CONFIG_CHANGE, {
-        providerId: id,
-        config: newConfig,
-      } as TestingModuleConfigChangePayload);
     },
-    [api, id]
+    [saveConfig]
   );
 
-  return [data.current, changeConfig] as const;
+  return [currentConfig, updateConfig] as const;
 }

From 8789ac40081cb8909283e238fd74a98b631c374c Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 10:26:51 +0100
Subject: [PATCH 021/111] Fix story

---
 .../src/manager/components/sidebar/SidebarBottom.stories.tsx  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx
index 898b02f2894..22cf6e68ef9 100644
--- a/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx
+++ b/code/core/src/manager/components/sidebar/SidebarBottom.stories.tsx
@@ -155,7 +155,9 @@ export const DynamicHeight: StoryObj = {
   play: async ({ canvasElement }) => {
     const screen = await within(canvasElement);
 
-    const toggleButton = await screen.getByLabelText('Collapse testing module');
+    const toggleButton = await screen.getByLabelText(/Expand/);
+    await userEvent.click(toggleButton);
+
     const content = await screen.findByText('CUSTOM CONTENT WITH DYNAMIC HEIGHT');
     const collapse = await screen.getByTestId('collapse');
 

From cd203fa05a3c66c55bcff857c7886eb32425f81b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 10:30:39 +0100
Subject: [PATCH 022/111] Use proper type for timeouts

---
 code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx | 2 +-
 code/core/src/manager/components/sidebar/TestingModule.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
index 56bbb75e7d5..8ba6930efb5 100644
--- a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
+++ b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
@@ -23,7 +23,7 @@ export function GuidedTour({
   const theme = useTheme();
 
   useEffect(() => {
-    let timeout: NodeJS.Timeout;
+    let timeout: ReturnType<typeof setTimeout>;
     setStepIndex((current) => {
       const index = steps.findIndex(({ key }) => key === step);
 
diff --git a/code/core/src/manager/components/sidebar/TestingModule.tsx b/code/core/src/manager/components/sidebar/TestingModule.tsx
index 09256e100dd..4dcb743934e 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.tsx
@@ -191,7 +191,7 @@ export const TestingModule = ({
   }, [isCollapsed]);
 
   useEffect(() => {
-    let timeout: NodeJS.Timeout;
+    let timeout: ReturnType<typeof setTimeout>;
     const handler = () => {
       setUpdated(true);
       timeout = setTimeout(setUpdated, 1000, false);

From c4071cf10935b7c1c93849c8a8d779699a69a7a7 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 11:06:33 +0100
Subject: [PATCH 023/111] Show 'Settings updated' when changing config, and
 don't update config if it's equal to the previous value

---
 .../test/src/components/Description.tsx       | 21 ++++++++++++++++---
 .../src/components/TestProviderRender.tsx     |  9 ++++++--
 .../modules/experimental_testmodule.ts        |  1 -
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index aa7365a007e..3f125797266 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import { Link as LinkComponent } from 'storybook/internal/components';
 import { type TestProviderConfig, type TestProviderState } from 'storybook/internal/core-events';
@@ -11,6 +11,10 @@ export const DescriptionStyle = styled.div(({ theme }) => ({
   color: theme.barTextColor,
 }));
 
+const PositiveText = styled.span(({ theme }) => ({
+  color: theme.color.positiveText,
+}));
+
 export function Description({
   errorMessage,
   setIsModalOpen,
@@ -20,9 +24,20 @@ export function Description({
   errorMessage: string;
   setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
-  let description: string | React.ReactNode = 'Not run';
+  const [isUpdated, setUpdated] = React.useState(false);
 
-  if (state.running) {
+  useEffect(() => {
+    setUpdated(true);
+    const timeout = setTimeout(setUpdated, 2000, false);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [state.config]);
+
+  let description: string | React.ReactNode = 'Not run';
+  if (isUpdated) {
+    description = <PositiveText>Settings updated</PositiveText>;
+  } else if (state.running) {
     description = state.progress
       ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
       : 'Starting...';
diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index e2ff8c8cbf2..7f085ac2e43 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -19,6 +19,7 @@ import {
   StopAltHollowIcon,
 } from '@storybook/icons';
 
+import { isEqual } from 'es-toolkit';
 import { debounce } from 'es-toolkit/compat';
 
 import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
@@ -204,11 +205,15 @@ export const TestProviderRender: FC<{
 
 function useConfig(api: API, providerId: string, initialConfig: Config) {
   const [currentConfig, setConfig] = useState<Config>(initialConfig);
+  const lastConfig = useRef(initialConfig);
 
   const saveConfig = useCallback(
     debounce((config: Config) => {
-      api.updateTestProviderState(providerId, { config });
-      api.emit(TESTING_MODULE_CONFIG_CHANGE, { providerId, config });
+      if (!isEqual(config, lastConfig.current)) {
+        api.updateTestProviderState(providerId, { config });
+        api.emit(TESTING_MODULE_CONFIG_CHANGE, { providerId, config });
+        lastConfig.current = config;
+      }
     }, 500),
     [api, providerId]
   );
diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index a6a0eff1d37..52cf4f5042c 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -20,7 +20,6 @@ export type SubState = {
 };
 
 const initialTestProviderState: TestProviderState = {
-  config: {} as { [key: string]: any },
   details: {} as { [key: string]: any },
   cancellable: false,
   cancelling: false,

From 50c9292341966f6585ab0ece32b04d2e58895fb8 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Tue, 26 Nov 2024 11:22:08 +0100
Subject: [PATCH 024/111] use configOverrides for coverage config

---
 code/addons/test/src/node/vitest-manager.ts | 31 +++++++++++++--------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index eb957f2749b..0ea3779b495 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -35,17 +35,6 @@ export class VitestManager {
       // find a way to just show errors and warnings for example
       // Otherwise it might be hard for the user to discover Storybook related logs
       reporters: ['default', new StorybookReporter(this.testManager)],
-      coverage: {
-        provider: 'v8',
-        reporter: [
-          'html',
-          [
-            // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
-            '@storybook/experimental-addon-test/internal/coverage-reporter',
-            { channel: this.channel },
-          ],
-        ],
-      },
     });
 
     if (this.vitest) {
@@ -59,6 +48,8 @@ export class VitestManager {
     if (watchMode) {
       await this.setupWatchers();
     }
+
+    this.setCoverageConfig();
   }
 
   async runAllTests() {
@@ -269,6 +260,24 @@ export class VitestManager {
     }
   }
 
+  setCoverageConfig() {
+    if (!this.vitest) {
+      return;
+    }
+    this.vitest.configOverride.coverage = {
+      // TODO: merge with existing coverage config? (if it exists)
+      reporter: [
+        //@ts-expect-error wrong upstream types
+        'html',
+        [
+          // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
+          '@storybook/experimental-addon-test/internal/coverage-reporter',
+          { channel: this.channel },
+        ],
+      ],
+    };
+  }
+
   isStorybookProject(project: TestProject | WorkspaceProject) {
     // eslint-disable-next-line no-underscore-dangle
     return !!project.config.env?.__STORYBOOK_URL__;

From 84b6a1d7d868697b9122737f11e44f82ff69fa0f Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 11:34:29 +0100
Subject: [PATCH 025/111] Fix stories

---
 .../components/TestProviderRender.stories.tsx |  2 +-
 .../sidebar/TestingModule.stories.tsx         | 28 ++++---------------
 2 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.stories.tsx b/code/addons/test/src/components/TestProviderRender.stories.tsx
index 522060b4707..13a9e9bd3f3 100644
--- a/code/addons/test/src/components/TestProviderRender.stories.tsx
+++ b/code/addons/test/src/components/TestProviderRender.stories.tsx
@@ -158,6 +158,6 @@ export const EnableEditing: Story = {
   play: async ({ canvasElement }) => {
     const screen = within(canvasElement);
 
-    screen.getByLabelText('Edit').click();
+    screen.getByLabelText(/Open settings/).click();
   },
 };
diff --git a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
index 3d16a655015..66fd53c488a 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.stories.tsx
@@ -31,13 +31,8 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     type: Addon_TypesEnum.experimental_TEST_PROVIDER,
     id: 'component-tests',
     name: 'Component tests',
-    render: () => (
-      <TestProvider>
-        Component tests
-        <br />
-        Ran 2 seconds ago
-      </TestProvider>
-    ),
+    title: () => 'Component tests',
+    description: () => 'Ran 2 seconds ago',
     runnable: true,
     watchable: true,
     ...baseState,
@@ -46,13 +41,8 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     type: Addon_TypesEnum.experimental_TEST_PROVIDER,
     id: 'visual-tests',
     name: 'Visual tests',
-    render: () => (
-      <TestProvider>
-        Visual tests
-        <br />
-        Not run
-      </TestProvider>
-    ),
+    title: () => 'Visual tests',
+    description: () => 'Not run',
     runnable: true,
     ...baseState,
   },
@@ -60,13 +50,7 @@ const testProviders: TestProviders[keyof TestProviders][] = [
     type: Addon_TypesEnum.experimental_TEST_PROVIDER,
     id: 'linting',
     name: 'Linting',
-    render: () => (
-      <TestProvider>
-        Linting
-        <br />
-        Watching for changes
-      </TestProvider>
-    ),
+    render: () => <TestProvider>Custom render function</TestProvider>,
     ...baseState,
     watching: true,
   },
@@ -163,7 +147,6 @@ export const BothActive: Story = {
 
 export const CollapsedStatuses: Story = {
   args: Statuses.args,
-  play: Expanded.play,
 };
 
 export const Running: Story = {
@@ -182,7 +165,6 @@ export const RunningAll: Story = {
 
 export const CollapsedRunning: Story = {
   args: RunningAll.args,
-  play: Expanded.play,
 };
 
 export const Cancellable: Story = {

From dcd84836a9740544d150fc3bc57efffaeb2ff1c0 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Tue, 26 Nov 2024 13:40:56 +0100
Subject: [PATCH 026/111] use cache dir for coverage staticDir

---
 code/addons/test/src/constants.ts             |  2 ++
 code/addons/test/src/manager.tsx              | 24 +++----------------
 .../addons/test/src/node/coverage-reporter.ts |  2 --
 code/addons/test/src/node/vitest-manager.ts   |  3 +++
 code/addons/test/src/preset.ts                | 20 ++++++++++++----
 5 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/code/addons/test/src/constants.ts b/code/addons/test/src/constants.ts
index 838594e212a..bd0637e9870 100644
--- a/code/addons/test/src/constants.ts
+++ b/code/addons/test/src/constants.ts
@@ -10,6 +10,8 @@ export const DOCUMENTATION_LINK = 'writing-tests/test-addon';
 export const DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#what-happens-when-there-are-different-test-results-in-multiple-environments`;
 export const DOCUMENTATION_FATAL_ERROR_LINK = `${DOCUMENTATION_LINK}#what-happens-if-vitest-itself-has-an-error`;
 
+export const COVERAGE_DIRECTORY = 'coverage';
+
 export interface Config {
   coverage: boolean;
   a11y: boolean;
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index cedee369516..16968b9dcd6 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useSyncExternalStore } from 'react';
 
 import { AddonPanel } from 'storybook/internal/components';
 import type { Combo } from 'storybook/internal/manager-api';
@@ -10,6 +10,8 @@ import {
   Addon_TypesEnum,
 } from 'storybook/internal/types';
 
+import type { ReportNode } from 'istanbul-lib-report';
+
 import { ContextMenuItem } from './components/ContextMenuItem';
 import { Panel } from './components/Panel';
 import { PanelTitle } from './components/PanelTitle';
@@ -46,26 +48,6 @@ addons.register(ADDON_ID, (api) => {
       },
       getSnapshot: () => coverageStore.data,
     };
-    const useCoverage = () => {
-      const coverageSummaryData = useSyncExternalStore(
-        coverageStore.subscribe,
-        coverageStore.getSnapshot
-      );
-      console.log('LOG: coverageSummaryData', coverageSummaryData);
-      if (!coverageSummaryData) {
-        return;
-      }
-
-      let total = 0;
-      let covered = 0;
-      for (const metric of Object.values(coverageSummaryData.coverageSummary)) {
-        total += metric.total;
-        covered += metric.covered;
-      }
-      return {
-        percentage: covered / total,
-      };
-    };
     addons.add(TEST_PROVIDER_ID, {
       type: Addon_TypesEnum.experimental_TEST_PROVIDER,
       runnable: true,
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index 0f002730794..e240eb6889c 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -1,5 +1,3 @@
-import { join } from 'node:path';
-
 import type { Channel } from 'storybook/internal/channels';
 
 import type { ReportNode, Visitor } from 'istanbul-lib-report';
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 57cd12ec3e1..6f5ae58437e 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -3,6 +3,7 @@ import { existsSync } from 'node:fs';
 import type { TestProject, TestSpecification, Vitest, WorkspaceProject } from 'vitest/node';
 
 import type { Channel } from 'storybook/internal/channels';
+import { resolvePathInStorybookCache } from 'storybook/internal/common';
 import type { TestingModuleRunRequestPayload } from 'storybook/internal/core-events';
 
 import type { DocsIndexEntry, StoryIndex, StoryIndexEntry } from '@storybook/types';
@@ -10,6 +11,7 @@ import type { DocsIndexEntry, StoryIndex, StoryIndexEntry } from '@storybook/typ
 import path, { normalize } from 'pathe';
 import slash from 'slash';
 
+import { COVERAGE_DIRECTORY } from '../constants';
 import { log } from '../logger';
 import { StorybookReporter } from './reporter';
 import type { TestManager } from './test-manager';
@@ -295,6 +297,7 @@ export class VitestManager {
           { channel: this.channel },
         ],
       ],
+      reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
     };
   }
 
diff --git a/code/addons/test/src/preset.ts b/code/addons/test/src/preset.ts
index 17fef036476..15b8238c824 100644
--- a/code/addons/test/src/preset.ts
+++ b/code/addons/test/src/preset.ts
@@ -1,7 +1,13 @@
 import { readFileSync } from 'node:fs';
+import { mkdir } from 'node:fs/promises';
 
 import type { Channel } from 'storybook/internal/channels';
-import { checkAddonOrder, getFrameworkName, serverRequire } from 'storybook/internal/common';
+import {
+  checkAddonOrder,
+  getFrameworkName,
+  resolvePathInStorybookCache,
+  serverRequire,
+} from 'storybook/internal/common';
 import {
   TESTING_MODULE_RUN_REQUEST,
   TESTING_MODULE_WATCH_MODE_REQUEST,
@@ -13,7 +19,7 @@ import { isAbsolute, join } from 'pathe';
 import picocolors from 'picocolors';
 import { dedent } from 'ts-dedent';
 
-import { STORYBOOK_ADDON_TEST_CHANNEL } from './constants';
+import { COVERAGE_DIRECTORY, STORYBOOK_ADDON_TEST_CHANNEL } from './constants';
 import { log } from './logger';
 import { runTestRunner } from './node/boot-test-runner';
 
@@ -127,10 +133,16 @@ export const managerEntries: PresetProperty<'managerEntries'> = async (entry = [
   return entry as never;
 };
 
-export const staticDirs: PresetPropertyFn<'staticDirs'> = async (values = []) => {
+export const staticDirs: PresetPropertyFn<'staticDirs'> = async (values = [], options) => {
+  if (options.configType === 'PRODUCTION') {
+    return values;
+  }
+
+  const coverageDirectory = resolvePathInStorybookCache(COVERAGE_DIRECTORY);
+  await mkdir(coverageDirectory, { recursive: true });
   return [
     {
-      from: join(process.cwd(), 'coverage'),
+      from: coverageDirectory,
       to: '/coverage',
     },
     ...values,

From 7a2bf5adb93de2b867c382cfbe777d0ae3f23f15 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 26 Nov 2024 14:25:55 +0100
Subject: [PATCH 027/111] share testManager with the coverage reporter

---
 code/addons/test/src/node/coverage-reporter.ts | 18 +++++++++++-------
 code/addons/test/src/node/vitest-manager.ts    |  2 +-
 .../src/core-events/data/testing-module.ts     |  4 ++++
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index e240eb6889c..b35239adda9 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -1,14 +1,15 @@
-import type { Channel } from 'storybook/internal/channels';
-
 import type { ReportNode, Visitor } from 'istanbul-lib-report';
 import { ReportBase } from 'istanbul-lib-report';
 
+import { TEST_PROVIDER_ID } from '../constants';
+import type { TestManager } from './test-manager';
+
 export default class StorybookCoverageReporter extends ReportBase implements Partial<Visitor> {
-  #channel: Channel;
+  #testManager: TestManager;
 
-  constructor(opts: { channel: Channel }) {
+  constructor(opts: { getTestManager: () => TestManager }) {
     super();
-    this.#channel = opts.channel;
+    this.#testManager = opts.getTestManager();
   }
 
   onSummary(node: ReportNode) {
@@ -16,8 +17,11 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
       return;
     }
     const coverageSummary = node.getCoverageSummary(false);
-    this.#channel.emit('storybook/coverage', {
-      coverageSummary,
+    this.#testManager.sendProgressReport({
+      providerId: TEST_PROVIDER_ID,
+      details: {
+        coverageSummary: coverageSummary.data,
+      },
     });
   }
 }
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 6f5ae58437e..e470e9f2a60 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -294,7 +294,7 @@ export class VitestManager {
         [
           // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
           '@storybook/experimental-addon-test/internal/coverage-reporter',
-          { channel: this.channel },
+          { getTestManager: () => this.testManager },
         ],
       ],
       reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
diff --git a/code/core/src/core-events/data/testing-module.ts b/code/core/src/core-events/data/testing-module.ts
index 80edea66aa6..b02a07d966c 100644
--- a/code/core/src/core-events/data/testing-module.ts
+++ b/code/core/src/core-events/data/testing-module.ts
@@ -37,6 +37,10 @@ export type TestingModuleProgressReportPayload =
         message: string;
         stack?: string;
       };
+    }
+  | {
+      providerId: TestProviderId;
+      details: { [key: string]: any };
     };
 
 export type TestingModuleCrashReportPayload = {

From 155741ec6c7b13e20a28ae18b59342367d6f61b8 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 14:48:52 +0100
Subject: [PATCH 028/111] Add aria labels

---
 .../test/src/components/TestProviderRender.tsx      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 7f085ac2e43..bf665ca191c 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -178,13 +178,20 @@ export const TestProviderRender: FC<{
         </Extras>
       ) : (
         <Extras>
-          <ListItem title="Component tests" icon={<TestStatusIcon status="positive" />} />
+          <ListItem
+            title="Component tests"
+            icon={<TestStatusIcon status="positive" aria-label="status: passed" />}
+          />
           <ListItem
             title="Coverage"
-            icon={<TestStatusIcon percentage={60} status="warning" />}
+            icon={<TestStatusIcon percentage={60} status="warning" aria-label="status: warning" />}
             right={`60%`}
           />
-          <ListItem title="Accessibility" icon={<TestStatusIcon status="negative" />} right={73} />
+          <ListItem
+            title="Accessibility"
+            icon={<TestStatusIcon status="negative" aria-label="status: failed" />}
+            right={73}
+          />
         </Extras>
       )}
 

From 2f3ec95a46941f36479cc1e621e4edbe12e44651 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 26 Nov 2024 15:06:19 +0100
Subject: [PATCH 029/111] Disable coverage and a11y checkboxes for now

---
 code/addons/test/src/components/TestProviderRender.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index bf665ca191c..544892e651f 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -158,6 +158,7 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
+                disabled // TODO: Implement coverage
                 checked={config.coverage}
                 onChange={() => updateConfig({ coverage: !config.coverage })}
               />
@@ -170,6 +171,7 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
+                disabled // TODO: Implement a11y
                 checked={config.a11y}
                 onChange={() => updateConfig({ a11y: !config.a11y })}
               />

From 19ec3f63270917a3752c99dddd25e2bf6006034b Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 26 Nov 2024 15:49:11 +0100
Subject: [PATCH 030/111] trying to set coverage override vitest config

---
 .../addons/test/src/node/coverage-reporter.ts |  5 ++
 code/addons/test/src/node/vitest-manager.ts   | 61 ++++++++++++-------
 2 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index b35239adda9..9c23d8c852b 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -10,9 +10,12 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
   constructor(opts: { getTestManager: () => TestManager }) {
     super();
     this.#testManager = opts.getTestManager();
+
+    console.log('StorybookCoverageReporter created');
   }
 
   onSummary(node: ReportNode) {
+    console.log(node.isRoot(), node.getRelativeName());
     if (!node.isRoot()) {
       return;
     }
@@ -23,5 +26,7 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
         coverageSummary: coverageSummary.data,
       },
     });
+
+    console.log('StorybookCoverageReporter onSummary', Object.keys(coverageSummary));
   }
 }
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index e470e9f2a60..8329b091e70 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -37,6 +37,8 @@ export class VitestManager {
   async startVitest(watchMode = false) {
     const { createVitest } = await import('vitest/node');
 
+    console.log('STARTING VITEST WITH COVERAGE REPORTING');
+
     this.vitest = await createVitest('test', {
       watch: watchMode,
       passWithNoTests: false,
@@ -47,6 +49,22 @@ export class VitestManager {
       // find a way to just show errors and warnings for example
       // Otherwise it might be hard for the user to discover Storybook related logs
       reporters: ['default', new StorybookReporter(this.testManager)],
+      // @ts-expect-error (no provider needed)
+      coverage: {
+        enabled: true, // @JReinhold we want to disable this, but then it doesn't work
+        cleanOnRerun: !watchMode,
+        reportOnFailure: true,
+        // TODO: merge with existing coverage config? (if it exists)
+        reporter: [
+          ['html', {}],
+          [
+            // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
+            '@storybook/experimental-addon-test/internal/coverage-reporter',
+            { getTestManager: () => this.testManager },
+          ],
+        ],
+        reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
+      },
     });
 
     if (this.vitest) {
@@ -60,8 +78,6 @@ export class VitestManager {
     if (watchMode) {
       await this.setupWatchers();
     }
-
-    this.setCoverageConfig();
   }
 
   private updateLastChanged(filepath: string) {
@@ -158,6 +174,28 @@ export class VitestManager {
       );
     }
 
+    // TODO based on the event payload config / state
+    if (true) {
+      console.log('SETTING UP COVERAGE REPORTING');
+      this.vitest.config.coverage.enabled = true;
+      // // @ts-expect-error (no provider needed)
+      // this.vitest.configOverride.coverage = {
+      //   enabled: true,
+      //   cleanOnRerun: true,
+      //   reportOnFailure: true,
+      //   // TODO: merge with existing coverage config? (if it exists)
+      //   reporter: [
+      //     ['html', {}],
+      //     [
+      //       // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
+      //       '@storybook/experimental-addon-test/internal/coverage-reporter',
+      //       { getTestManager: () => this.testManager },
+      //     ],
+      //   ],
+      //   reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
+      // };
+    }
+
     await this.vitest!.runFiles(filteredTestFiles, true);
     this.resetTestNamePattern();
   }
@@ -282,25 +320,6 @@ export class VitestManager {
     }
   }
 
-  setCoverageConfig() {
-    if (!this.vitest) {
-      return;
-    }
-    this.vitest.configOverride.coverage = {
-      // TODO: merge with existing coverage config? (if it exists)
-      reporter: [
-        //@ts-expect-error wrong upstream types
-        'html',
-        [
-          // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
-          '@storybook/experimental-addon-test/internal/coverage-reporter',
-          { getTestManager: () => this.testManager },
-        ],
-      ],
-      reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
-    };
-  }
-
   isStorybookProject(project: TestProject | WorkspaceProject) {
     // eslint-disable-next-line no-underscore-dangle
     return !!project.config.env?.__STORYBOOK_URL__;

From 426ecaf8e7e8cad3d2895a35dac0f35c0b452ea2 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 26 Nov 2024 16:02:15 +0100
Subject: [PATCH 031/111] This seems like the right thing to do to me
 @JReinhold

---
 .../manager-api/modules/experimental_testmodule.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index a6a0eff1d37..e96680a28f2 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -57,7 +57,19 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
     updateTestProviderState(id, update) {
       return store.setState(
         ({ testProviders }) => {
-          return { testProviders: { ...testProviders, [id]: { ...testProviders[id], ...update } } };
+          return {
+            testProviders: {
+              ...testProviders,
+              [id]: {
+                ...testProviders[id],
+                ...update,
+                details: {
+                  ...(testProviders[id].details || {}),
+                  ...(update.details || {}),
+                },
+              },
+            },
+          };
         },
         { persistence: 'session' }
       );

From f51b127bd201139aad69d6693b4cbae8105f714d Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 26 Nov 2024 17:05:19 +0100
Subject: [PATCH 032/111] add to UI; I'm sure either Jeppe or Gert will change

---
 code/addons/test/src/components/TestProviderRender.tsx | 6 ++++++
 code/addons/test/src/constants.ts                      | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 9e753447277..2a1f66ef56e 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -116,6 +116,12 @@ export const TestProviderRender: FC<{
         </Actions>
       </Head>
 
+      {state.details?.coverageSummary ? (
+        <div>{state.details?.coverageSummary?.lines.pct || 0}% coverage</div>
+      ) : (
+        <div>nothing</div>
+      )}
+
       {!isEditing ? (
         <Fragment>
           {Object.entries(config).map(([key, value]) => (
diff --git a/code/addons/test/src/constants.ts b/code/addons/test/src/constants.ts
index bd0637e9870..db08e9e8699 100644
--- a/code/addons/test/src/constants.ts
+++ b/code/addons/test/src/constants.ts
@@ -1,3 +1,5 @@
+import type { CoverageSummaryData } from 'istanbul-lib-coverage';
+
 import type { TestResult } from './node/reporter';
 
 export const ADDON_ID = 'storybook/test';
@@ -19,4 +21,5 @@ export interface Config {
 
 export type Details = {
   testResults: TestResult[];
+  coverageSummary: CoverageSummaryData;
 };

From f0f2a4c5bd7a05956b37c2b7cd779f4b3d789a98 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 27 Nov 2024 01:32:23 +0800
Subject: [PATCH 033/111] Fix check

---
 .../src/manager/components/sidebar/__tests__/Sidebar.test.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx b/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
index 2e1583fdcf8..0840be5fcd7 100644
--- a/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
+++ b/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
@@ -50,6 +50,7 @@ const generateStories = ({ title, refId }: { title: string; refId?: string }): A
       name: root,
       children: [componentId],
       startCollapsed: false,
+      tags: [],
     },
     {
       type: 'component',

From 7a1e4b92274872c158b1164d31fdc7a388189121 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Tue, 26 Nov 2024 22:56:30 +0100
Subject: [PATCH 034/111] restart vitest on coverage change

---
 code/addons/test/src/node/boot-test-runner.ts |  2 +-
 .../addons/test/src/node/coverage-reporter.ts |  9 +----
 code/addons/test/src/node/test-manager.ts     | 39 +++++++++++++++----
 code/addons/test/src/node/vitest-manager.ts   | 37 +++---------------
 code/addons/test/src/node/vitest.ts           | 26 ++++++++++++-
 5 files changed, 64 insertions(+), 49 deletions(-)

diff --git a/code/addons/test/src/node/boot-test-runner.ts b/code/addons/test/src/node/boot-test-runner.ts
index 0771604861d..2f6ae8d70e7 100644
--- a/code/addons/test/src/node/boot-test-runner.ts
+++ b/code/addons/test/src/node/boot-test-runner.ts
@@ -63,7 +63,7 @@ const bootTestRunner = async (channel: Channel, initEvent?: string, initArgs?: a
 
   const startChildProcess = () =>
     new Promise<void>((resolve, reject) => {
-      child = execaNode(vitestModulePath);
+      child = execaNode(vitestModulePath, undefined, { stdio: 'inherit' });
       stderr = [];
 
       child.stdout?.on('data', log);
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index 9c23d8c852b..ffe962ff0ae 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -7,15 +7,12 @@ import type { TestManager } from './test-manager';
 export default class StorybookCoverageReporter extends ReportBase implements Partial<Visitor> {
   #testManager: TestManager;
 
-  constructor(opts: { getTestManager: () => TestManager }) {
+  constructor(opts: { testManager: TestManager }) {
     super();
-    this.#testManager = opts.getTestManager();
-
-    console.log('StorybookCoverageReporter created');
+    this.#testManager = opts.testManager;
   }
 
   onSummary(node: ReportNode) {
-    console.log(node.isRoot(), node.getRelativeName());
     if (!node.isRoot()) {
       return;
     }
@@ -26,7 +23,5 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
         coverageSummary: coverageSummary.data,
       },
     });
-
-    console.log('StorybookCoverageReporter onSummary', Object.keys(coverageSummary));
   }
 }
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 62491677205..369f1859d58 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -20,6 +20,8 @@ export class TestManager {
 
   watchMode = false;
 
+  coverage = false;
+
   constructor(
     private channel: Channel,
     private options: {
@@ -27,7 +29,7 @@ export class TestManager {
       onReady?: () => void;
     } = {}
   ) {
-    this.vitestManager = new VitestManager(channel, this);
+    this.vitestManager = new VitestManager(this);
 
     this.channel.on(TESTING_MODULE_RUN_REQUEST, this.handleRunRequest.bind(this));
     this.channel.on(TESTING_MODULE_CONFIG_CHANGE, this.handleConfigChange.bind(this));
@@ -37,21 +39,31 @@ export class TestManager {
     this.vitestManager.startVitest().then(() => options.onReady?.());
   }
 
-  async restartVitest(watchMode = false) {
+  async restartVitest({ watchMode, coverage }: { watchMode: boolean; coverage: boolean }) {
     await this.vitestManager.vitest?.runningPromise;
     await this.vitestManager.closeVitest();
-    await this.vitestManager.startVitest(watchMode);
+    await this.vitestManager.startVitest({ watchMode, coverage });
   }
 
   async handleConfigChange(payload: TestingModuleConfigChangePayload) {
-    // TODO do something with the config
     const config = payload.config;
+    console.log('LOG: handleConfigChange', config);
+
+    try {
+      if (payload.providerId !== TEST_PROVIDER_ID) {
+        return;
+      }
+      //@ts-expect-error - TODO: fix types, should allow a generic Config type
+      if (this.coverage !== payload.config.coverage) {
+        this.coverage = payload.config.coverage;
+        await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
+      }
+    } catch (e) {
+      this.reportFatalError('Failed to change coverage mode', e);
+    }
   }
 
   async handleWatchModeRequest(payload: TestingModuleWatchModeRequestPayload) {
-    // TODO do something with the config
-    const config = payload.config;
-
     try {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
@@ -59,7 +71,7 @@ export class TestManager {
 
       if (this.watchMode !== payload.watchMode) {
         this.watchMode = payload.watchMode;
-        await this.restartVitest(this.watchMode);
+        await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
       }
     } catch (e) {
       this.reportFatalError('Failed to change watch mode', e);
@@ -71,8 +83,19 @@ export class TestManager {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
       }
+      // If we have coverage enabled and we're running a subset of stories, we need to temporarily disable coverage
+      // as a coverage report for a subset of stories is not useful.
+      const temporarilyDisableCoverage = this.coverage && payload.storyIds?.length > 0;
+
+      if (temporarilyDisableCoverage) {
+        await this.restartVitest({ watchMode: this.watchMode, coverage: false });
+      }
 
       await this.vitestManager.runTests(payload);
+
+      if (temporarilyDisableCoverage) {
+        await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
+      }
     } catch (e) {
       this.reportFatalError('Failed to run tests', e);
     }
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 8329b091e70..20a249406c9 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -29,16 +29,11 @@ export class VitestManager {
 
   storyCountForCurrentRun: number = 0;
 
-  constructor(
-    private channel: Channel,
-    private testManager: TestManager
-  ) {}
+  constructor(private testManager: TestManager) {}
 
-  async startVitest(watchMode = false) {
+  async startVitest({ watchMode = false, coverage = false } = {}) {
     const { createVitest } = await import('vitest/node');
 
-    console.log('STARTING VITEST WITH COVERAGE REPORTING');
-
     this.vitest = await createVitest('test', {
       watch: watchMode,
       passWithNoTests: false,
@@ -51,16 +46,16 @@ export class VitestManager {
       reporters: ['default', new StorybookReporter(this.testManager)],
       // @ts-expect-error (no provider needed)
       coverage: {
-        enabled: true, // @JReinhold we want to disable this, but then it doesn't work
+        enabled: coverage,
         cleanOnRerun: !watchMode,
         reportOnFailure: true,
         // TODO: merge with existing coverage config? (if it exists)
         reporter: [
-          ['html', {}],
+          'html',
           [
             // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
             '@storybook/experimental-addon-test/internal/coverage-reporter',
-            { getTestManager: () => this.testManager },
+            { testManager: this.testManager },
           ],
         ],
         reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
@@ -174,28 +169,6 @@ export class VitestManager {
       );
     }
 
-    // TODO based on the event payload config / state
-    if (true) {
-      console.log('SETTING UP COVERAGE REPORTING');
-      this.vitest.config.coverage.enabled = true;
-      // // @ts-expect-error (no provider needed)
-      // this.vitest.configOverride.coverage = {
-      //   enabled: true,
-      //   cleanOnRerun: true,
-      //   reportOnFailure: true,
-      //   // TODO: merge with existing coverage config? (if it exists)
-      //   reporter: [
-      //     ['html', {}],
-      //     [
-      //       // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
-      //       '@storybook/experimental-addon-test/internal/coverage-reporter',
-      //       { getTestManager: () => this.testManager },
-      //     ],
-      //   ],
-      //   reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
-      // };
-    }
-
     await this.vitest!.runFiles(filteredTestFiles, true);
     this.resetTestNamePattern();
   }
diff --git a/code/addons/test/src/node/vitest.ts b/code/addons/test/src/node/vitest.ts
index 5ba46113b7a..7a962bc39b8 100644
--- a/code/addons/test/src/node/vitest.ts
+++ b/code/addons/test/src/node/vitest.ts
@@ -2,6 +2,7 @@ import process from 'node:process';
 
 import { Channel } from 'storybook/internal/channels';
 
+import { TEST_PROVIDER_ID } from '../constants';
 import { TestManager } from './test-manager';
 
 process.env.TEST = 'true';
@@ -20,7 +21,7 @@ const channel: Channel = new Channel({
   },
 });
 
-new TestManager(channel, {
+const testManager = new TestManager(channel, {
   onError: (message, error) => {
     process.send?.({ type: 'error', message, error: error.stack ?? error });
   },
@@ -29,6 +30,29 @@ new TestManager(channel, {
   },
 });
 
+// Enable raw mode to get keystrokes
+process.stdin.setRawMode(true);
+process.stdin.resume();
+process.stdin.setEncoding('utf8');
+
+// Listen for keyboard input
+process.stdin.on('data', (key) => {
+  // Press 'C' to trigger
+  if (key === 'c' || key === 'C') {
+    console.log('C was pressed, enabling coverage!');
+    testManager.handleConfigChange({ config: { coverage: true }, providerId: TEST_PROVIDER_ID });
+  }
+  if (key === 'v' || key === 'V') {
+    console.log('V was pressed, disabling coverage!');
+    testManager.handleConfigChange({ config: { coverage: false }, providerId: TEST_PROVIDER_ID });
+  }
+
+  // Press ctrl+c to exit
+  if (key === '\u0003') {
+    process.exit();
+  }
+});
+
 const exit = (code = 0) => {
   channel?.removeAllListeners();
   process.exit(code);

From a06fb3df344090a3d4391d7df218c80cb0af66b2 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 09:32:57 +0100
Subject: [PATCH 035/111] Small refactor

---
 code/addons/test/src/manager.tsx | 34 ++++++++++++++------------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index ccfef2d4d42..a82327a5dfe 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -56,26 +56,22 @@ addons.register(ADDON_ID, (api) => {
         api.experimental_updateStatus(
           TEST_PROVIDER_ID,
           Object.fromEntries(
-            update.details.testResults.flatMap((testResult) =>
+            state.details.testResults.flatMap((testResult) =>
               testResult.results
-                .map(({ storyId, status, testRunId, ...rest }) => {
-                  if (storyId) {
-                    const statusObject: API_StatusObject = {
-                      title: 'Component tests',
-                      status: statusMap[status],
-                      description:
-                        'failureMessages' in rest && rest.failureMessages?.length
-                          ? rest.failureMessages.join('\n')
-                          : '',
-                      data: {
-                        testRunId,
-                      },
-                      onClick: openAddonPanel,
-                    };
-                    return [storyId, statusObject];
-                  }
-                })
-                .filter(Boolean)
+                .filter(({ storyId }) => storyId)
+                .map(({ storyId, status, testRunId, ...rest }) => [
+                  storyId,
+                  {
+                    title: 'Component tests',
+                    status: statusMap[status],
+                    description:
+                      'failureMessages' in rest && rest.failureMessages
+                        ? rest.failureMessages.join('\n')
+                        : '',
+                    data: { testRunId },
+                    onClick: openAddonPanel,
+                  } as API_StatusObject,
+                ])
             )
           )
         );

From 9954cd1ca1adf8a37a1bfa445b315ba3ab89b063 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 10:35:43 +0100
Subject: [PATCH 036/111] Collapsed by default

---
 code/core/src/manager/components/sidebar/TestingModule.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/core/src/manager/components/sidebar/TestingModule.tsx b/code/core/src/manager/components/sidebar/TestingModule.tsx
index 09604461ec8..b7d5536ce20 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.tsx
@@ -169,7 +169,7 @@ export const TestingModule = ({
   const contentRef = useRef<HTMLDivElement>(null);
   const [maxHeight, setMaxHeight] = useState(DEFAULT_HEIGHT);
   const [isUpdated, setUpdated] = useState(false);
-  const [isCollapsed, setCollapsed] = useState(false);
+  const [isCollapsed, setCollapsed] = useState(true);
   const [isChangingCollapse, setChangingCollapse] = useState(false);
 
   useEffect(() => {

From e2d2e53fe64ca9824a48ecc99efdaab440f55f0b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 10:54:23 +0100
Subject: [PATCH 037/111] Don't show updated state when mounting

---
 code/addons/test/src/components/Description.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index 3f125797266..9e7441aca3d 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -24,14 +24,18 @@ export function Description({
   errorMessage: string;
   setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
+  const isMounted = React.useRef(false);
   const [isUpdated, setUpdated] = React.useState(false);
 
   useEffect(() => {
-    setUpdated(true);
-    const timeout = setTimeout(setUpdated, 2000, false);
-    return () => {
-      clearTimeout(timeout);
-    };
+    if (isMounted.current) {
+      setUpdated(true);
+      const timeout = setTimeout(setUpdated, 2000, false);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+    isMounted.current = true;
   }, [state.config]);
 
   let description: string | React.ReactNode = 'Not run';

From a74f5115845b21e4ca2e82b4430595d285c07052 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 11:03:30 +0100
Subject: [PATCH 038/111] Only apply hover styling to labels that contain an
 enabled input

---
 .../test/src/components/TestProviderRender.tsx      |  1 +
 .../src/components/components/tooltip/ListItem.tsx  | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 544892e651f..588523f89ad 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -147,6 +147,7 @@ export const TestProviderRender: FC<{
       {isEditing ? (
         <Extras>
           <ListItem
+            as="label"
             title="Component tests"
             icon={<PointerHandIcon color={theme.textMutedColor} />}
             right={<Checkbox type="checkbox" checked disabled />}
diff --git a/code/core/src/components/components/tooltip/ListItem.tsx b/code/core/src/components/components/tooltip/ListItem.tsx
index 023914f6f2d..2a93287af50 100644
--- a/code/core/src/components/components/tooltip/ListItem.tsx
+++ b/code/core/src/components/components/tooltip/ListItem.tsx
@@ -140,8 +140,8 @@ const Item = styled.div<ItemProps>(
       paddingLeft: 10,
     },
   }),
-  ({ theme, href, onClick, as }) =>
-    (href || onClick || as === 'label') && {
+  ({ theme, href, onClick }) =>
+    (href || onClick) && {
       cursor: 'pointer',
       '&:hover': {
         background: theme.background.hoverable,
@@ -150,6 +150,15 @@ const Item = styled.div<ItemProps>(
         opacity: 1,
       },
     },
+  ({ theme, as }) =>
+    as === 'label' && {
+      '&:has(input:not(:disabled))': {
+        cursor: 'pointer',
+        '&:hover': {
+          background: theme.background.hoverable,
+        },
+      },
+    },
   ({ disabled }) => disabled && { cursor: 'not-allowed' }
 );
 

From bb0fd7ea338a6d3e458771b27d3f1b14a5009b4f Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 27 Nov 2024 11:22:09 +0100
Subject: [PATCH 039/111] temporarily remove react native sandbox

---
 .circleci/config.yml                            | 10 +++++-----
 code/lib/cli-storybook/src/sandbox-templates.ts |  3 ++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 550dc9e6b99..e2921e6fa20 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -986,22 +986,22 @@ workflows:
           requires:
             - build
       - create-sandboxes:
-          parallelism: 38
+          parallelism: 37
           requires:
             - build
       # - smoke-test-sandboxes: # disabled for now
       #     requires:
       #       - create-sandboxes
       - build-sandboxes:
-          parallelism: 38
+          parallelism: 37
           requires:
             - create-sandboxes
       - chromatic-sandboxes:
-          parallelism: 35
+          parallelism: 34
           requires:
             - build-sandboxes
       - e2e-production:
-          parallelism: 33
+          parallelism: 32
           requires:
             - build-sandboxes
       - e2e-dev:
@@ -1009,7 +1009,7 @@ workflows:
           requires:
             - create-sandboxes
       - test-runner-production:
-          parallelism: 33
+          parallelism: 32
           requires:
             - build-sandboxes
       - vitest-integration:
diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts
index fe89f9decae..1a29411a093 100644
--- a/code/lib/cli-storybook/src/sandbox-templates.ts
+++ b/code/lib/cli-storybook/src/sandbox-templates.ts
@@ -853,7 +853,8 @@ export const daily: TemplateKey[] = [
   'html-vite/default-js',
   'internal/react16-webpack',
   'internal/react18-webpack-babel',
-  'react-native-web-vite/expo-ts',
+  // TODO: bring this back once ts-docgen supports Vite 6
+  // 'react-native-web-vite/expo-ts',
   // 'react-native-web-vite/rn-cli-ts',
 ];
 

From d4ecd0d9a992bb602c317a6dbc37d922904ef74a Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 27 Nov 2024 11:32:15 +0100
Subject: [PATCH 040/111] Revert "temporarily remove react native sandbox"

This reverts commit bb0fd7ea338a6d3e458771b27d3f1b14a5009b4f.
---
 .circleci/config.yml                            | 10 +++++-----
 code/lib/cli-storybook/src/sandbox-templates.ts |  3 +--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index e2921e6fa20..550dc9e6b99 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -986,22 +986,22 @@ workflows:
           requires:
             - build
       - create-sandboxes:
-          parallelism: 37
+          parallelism: 38
           requires:
             - build
       # - smoke-test-sandboxes: # disabled for now
       #     requires:
       #       - create-sandboxes
       - build-sandboxes:
-          parallelism: 37
+          parallelism: 38
           requires:
             - create-sandboxes
       - chromatic-sandboxes:
-          parallelism: 34
+          parallelism: 35
           requires:
             - build-sandboxes
       - e2e-production:
-          parallelism: 32
+          parallelism: 33
           requires:
             - build-sandboxes
       - e2e-dev:
@@ -1009,7 +1009,7 @@ workflows:
           requires:
             - create-sandboxes
       - test-runner-production:
-          parallelism: 32
+          parallelism: 33
           requires:
             - build-sandboxes
       - vitest-integration:
diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts
index 1a29411a093..fe89f9decae 100644
--- a/code/lib/cli-storybook/src/sandbox-templates.ts
+++ b/code/lib/cli-storybook/src/sandbox-templates.ts
@@ -853,8 +853,7 @@ export const daily: TemplateKey[] = [
   'html-vite/default-js',
   'internal/react16-webpack',
   'internal/react18-webpack-babel',
-  // TODO: bring this back once ts-docgen supports Vite 6
-  // 'react-native-web-vite/expo-ts',
+  'react-native-web-vite/expo-ts',
   // 'react-native-web-vite/rn-cli-ts',
 ];
 

From e68fd8b59b6cc07224cb49bbaae277bc19d0913b Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 11:38:14 +0100
Subject: [PATCH 041/111] Fix E2E tests for Testing Module

---
 .../react/e2e-tests/component-testing.spec.ts | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/test-storybooks/portable-stories-kitchen-sink/react/e2e-tests/component-testing.spec.ts b/test-storybooks/portable-stories-kitchen-sink/react/e2e-tests/component-testing.spec.ts
index 2b60a9314d5..68276fdb1a2 100644
--- a/test-storybooks/portable-stories-kitchen-sink/react/e2e-tests/component-testing.spec.ts
+++ b/test-storybooks/portable-stories-kitchen-sink/react/e2e-tests/component-testing.spec.ts
@@ -49,11 +49,14 @@ test.describe("component testing", () => {
 
     await sbPage.navigateToStory("addons/test", "Mismatch Failure");
 
+    const expandButton = await page.getByLabel('Expand testing module')
+    await expandButton.click();
+
     // For whatever reason, sometimes it takes longer for the story to load
     const storyElement = sbPage
       .getCanvasBodyElement()
       .getByRole("button", { name: "test" });
-    await expect(storyElement).toBeVisible({ timeout: 10000 });
+    await expect(storyElement).toBeVisible({ timeout: 30000 });
 
     await sbPage.viewAddonPanel("Component tests");
 
@@ -65,13 +68,12 @@ test.describe("component testing", () => {
     if ((await testStoryElement.getAttribute("aria-expanded")) !== "true") {
       testStoryElement.click();
     }
-    
+
     const testingModuleDescription = await page.locator('#testing-module-description');
 
     await expect(testingModuleDescription).toContainText('Not run');
 
     const runTestsButton = await page.getByLabel('Start component tests')
-
     await runTestsButton.click();
 
     await expect(testingModuleDescription).toContainText('Testing', { timeout: 60000 });
@@ -117,14 +119,17 @@ test.describe("component testing", () => {
 
     const sbPage = new SbPage(page, expect);
     await sbPage.navigateToStory("addons/test", "Expected Failure");
-    
+
+    const expandButton = await page.getByLabel('Expand testing module')
+    await expandButton.click();
+
     // For whatever reason, sometimes it takes longer for the story to load
     const storyElement = sbPage
       .getCanvasBodyElement()
       .getByRole("button", { name: "test" });
-    await expect(storyElement).toBeVisible({ timeout: 10000 });
+    await expect(storyElement).toBeVisible({ timeout: 30000 });
 
-    await expect(page.locator('#testing-module-title')).toHaveText('Component tests');
+    await expect(page.locator('#testing-module-title')).toHaveText('Run local tests');
 
     const testingModuleDescription = await page.locator('#testing-module-description');
 
@@ -142,7 +147,7 @@ test.describe("component testing", () => {
 
     // Wait for test results to appear
     await expect(testingModuleDescription).toHaveText(/Ran \d+ tests/, { timeout: 30000 });
-    
+
     await expect(runTestsButton).toBeEnabled();
     await expect(watchModeButton).toBeEnabled();
 
@@ -186,11 +191,14 @@ test.describe("component testing", () => {
     const sbPage = new SbPage(page, expect);
     await sbPage.navigateToStory("addons/test", "Expected Failure");
 
+    const expandButton = await page.getByLabel('Expand testing module')
+    await expandButton.click();
+
     // For whatever reason, sometimes it takes longer for the story to load
     const storyElement = sbPage
       .getCanvasBodyElement()
       .getByRole("button", { name: "test" });
-    await expect(storyElement).toBeVisible({ timeout: 10000 });
+    await expect(storyElement).toBeVisible({ timeout: 30000 });
 
     await page.getByLabel("Enable watch mode for Component tests").click();
 

From 792c32430e85b16487a8235494bcb2a7f2ae1636 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 12:20:45 +0100
Subject: [PATCH 042/111] Refactor ContextMenuItem to reuse title and
 description from TestProviderRender

---
 .../test/src/components/ContextMenuItem.tsx   | 38 ++++---------------
 .../test/src/components/Description.tsx       | 14 ++++---
 .../src/components/TestProviderRender.tsx     | 22 ++++-------
 code/addons/test/src/components/Title.tsx     | 21 ++++++++++
 code/addons/test/src/manager.tsx              |  1 -
 5 files changed, 44 insertions(+), 52 deletions(-)
 create mode 100644 code/addons/test/src/components/Title.tsx

diff --git a/code/addons/test/src/components/ContextMenuItem.tsx b/code/addons/test/src/components/ContextMenuItem.tsx
index 8fa63f84819..5f2b5195726 100644
--- a/code/addons/test/src/components/ContextMenuItem.tsx
+++ b/code/addons/test/src/components/ContextMenuItem.tsx
@@ -8,21 +8,20 @@ import React, {
 } from 'react';
 
 import { Button, ListItem } from 'storybook/internal/components';
+import type { TestProviderConfig } from 'storybook/internal/core-events';
 import { useStorybookApi } from 'storybook/internal/manager-api';
 import { useTheme } from 'storybook/internal/theming';
 import { type API_HashEntry, type Addon_TestProviderState } from 'storybook/internal/types';
 
 import { PlayHollowIcon, StopAltHollowIcon } from '@storybook/icons';
 
-import { TEST_PROVIDER_ID } from '../constants';
-import type { TestResult } from '../node/reporter';
-import { RelativeTime } from './RelativeTime';
+import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
+import { Description } from './Description';
+import { Title } from './Title';
 
 export const ContextMenuItem: FC<{
   context: API_HashEntry;
-  state: Addon_TestProviderState<{
-    testResults: TestResult[];
-  }>;
+  state: TestProviderConfig & Addon_TestProviderState<Details, Config>;
 }> = ({ context, state }) => {
   const api = useStorybookApi();
   const [isDisabled, setDisabled] = useState(false);
@@ -51,29 +50,6 @@ export const ContextMenuItem: FC<{
 
   const theme = useTheme();
 
-  const title = state.crashed || state.failed ? 'Component tests failed' : 'Component tests';
-  const errorMessage = state.error?.message;
-  let description: string | React.ReactNode = 'Not run';
-
-  if (state.running) {
-    description = state.progress
-      ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
-      : 'Starting...';
-  } else if (state.failed && !errorMessage) {
-    description = '';
-  } else if (state.crashed || (state.failed && errorMessage)) {
-    description = 'An error occured';
-  } else if (state.progress?.finishedAt) {
-    description = (
-      <RelativeTime
-        timestamp={new Date(state.progress.finishedAt)}
-        testCount={state.progress.numTotalTests}
-      />
-    );
-  } else if (state.watching) {
-    description = 'Watching for file changes';
-  }
-
   return (
     <div
       onClick={(event) => {
@@ -82,8 +58,8 @@ export const ContextMenuItem: FC<{
       }}
     >
       <ListItem
-        title={title}
-        center={description}
+        title={<Title state={state} />}
+        center={<Description setIsModalOpen={() => {}} state={state} />}
         right={
           <Button
             onClick={onClick}
diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index 9e7441aca3d..2ebe2b3acb1 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { type ComponentProps, useEffect } from 'react';
 
 import { Link as LinkComponent } from 'storybook/internal/components';
 import { type TestProviderConfig, type TestProviderState } from 'storybook/internal/core-events';
@@ -6,7 +6,7 @@ import { styled } from 'storybook/internal/theming';
 
 import { RelativeTime } from './RelativeTime';
 
-export const DescriptionStyle = styled.div(({ theme }) => ({
+export const Wrapper = styled.div(({ theme }) => ({
   fontSize: theme.typography.size.s1,
   color: theme.barTextColor,
 }));
@@ -16,14 +16,13 @@ const PositiveText = styled.span(({ theme }) => ({
 }));
 
 export function Description({
-  errorMessage,
   setIsModalOpen,
   state,
+  ...props
 }: {
   state: TestProviderConfig & TestProviderState;
-  errorMessage: string;
   setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
-}) {
+} & ComponentProps<typeof Wrapper>) {
   const isMounted = React.useRef(false);
   const [isUpdated, setUpdated] = React.useState(false);
 
@@ -38,6 +37,8 @@ export function Description({
     isMounted.current = true;
   }, [state.config]);
 
+  const errorMessage = state.error?.message;
+
   let description: string | React.ReactNode = 'Not run';
   if (isUpdated) {
     description = <PositiveText>Settings updated</PositiveText>;
@@ -70,5 +71,6 @@ export function Description({
   } else if (state.watching) {
     description = 'Watching for file changes';
   }
-  return <DescriptionStyle id="testing-module-description">{description}</DescriptionStyle>;
+
+  return <Wrapper {...props}>{description}</Wrapper>;
 }
diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 588523f89ad..db24513dcb7 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -26,6 +26,7 @@ import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
 import { Description } from './Description';
 import { GlobalErrorModal } from './GlobalErrorModal';
 import { TestStatusIcon } from './TestStatusIcon';
+import { Title } from './Title';
 
 const Container = styled.div({
   display: 'flex',
@@ -45,12 +46,6 @@ const Info = styled.div({
   marginLeft: 6,
 });
 
-const Title = styled.div<{ crashed?: boolean }>(({ crashed, theme }) => ({
-  fontSize: theme.typography.size.s1,
-  fontWeight: crashed ? 'bold' : 'normal',
-  color: crashed ? theme.color.negativeText : theme.color.defaultText,
-}));
-
 const Actions = styled.div({
   display: 'flex',
   gap: 6,
@@ -75,9 +70,6 @@ export const TestProviderRender: FC<{
   const [isModalOpen, setIsModalOpen] = useState(false);
   const theme = useTheme();
 
-  const title = state.crashed || state.failed ? 'Local tests failed' : 'Run local tests';
-  const errorMessage = state.error?.message;
-
   const [config, updateConfig] = useConfig(
     api,
     state.id,
@@ -88,10 +80,12 @@ export const TestProviderRender: FC<{
     <Container>
       <Heading>
         <Info>
-          <Title crashed={state.crashed} id="testing-module-title">
-            {title}
-          </Title>
-          <Description errorMessage={errorMessage} setIsModalOpen={setIsModalOpen} state={state} />
+          <Title id="testing-module-title" state={state} />
+          <Description
+            id="testing-module-description"
+            setIsModalOpen={setIsModalOpen}
+            state={state}
+          />
         </Info>
 
         <Actions>
@@ -199,7 +193,7 @@ export const TestProviderRender: FC<{
       )}
 
       <GlobalErrorModal
-        error={errorMessage}
+        error={state.error?.message}
         open={isModalOpen}
         onClose={() => {
           setIsModalOpen(false);
diff --git a/code/addons/test/src/components/Title.tsx b/code/addons/test/src/components/Title.tsx
new file mode 100644
index 00000000000..7cd3a5664c2
--- /dev/null
+++ b/code/addons/test/src/components/Title.tsx
@@ -0,0 +1,21 @@
+import React, { type ComponentProps } from 'react';
+
+import { type TestProviderConfig, type TestProviderState } from 'storybook/internal/core-events';
+import { styled } from 'storybook/internal/theming';
+
+const Wrapper = styled.div<{ crashed?: boolean }>(({ crashed, theme }) => ({
+  fontSize: theme.typography.size.s1,
+  fontWeight: crashed ? 'bold' : 'normal',
+  color: crashed ? theme.color.negativeText : theme.color.defaultText,
+}));
+
+export const Title = ({
+  state,
+  ...props
+}: { state: TestProviderConfig & TestProviderState } & ComponentProps<typeof Wrapper>) => {
+  return (
+    <Wrapper crashed={state.crashed} {...props}>
+      {state.crashed || state.failed ? 'Component tests failed' : 'Component tests'}
+    </Wrapper>
+  );
+};
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index b0b2eeef240..0d52ab92aaa 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -44,7 +44,6 @@ addons.register(ADDON_ID, (api) => {
         if (context.type === 'story' && !context.tags.includes('test')) {
           return null;
         }
-
         return <ContextMenuItem context={context} state={state} />;
       },
 

From 182c509faf2e779c216ae8c53c2e4297e8bb3395 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 27 Nov 2024 12:24:05 +0100
Subject: [PATCH 043/111] Build: Temporarily downgrade Vite

---
 scripts/tasks/sandbox-parts.ts |  5 +++--
 scripts/utils/yarn.ts          | 15 ++++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index 4f8dd85ecc4..72a362c86f1 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -109,9 +109,10 @@ export const install: Task['run'] = async ({ sandboxDir, key }, { link, dryRun,
       'svelte-vite/default-ts',
       'vue3-vite/default-js',
       'vue3-vite/default-ts',
+      'svelte-kit/skeleton-ts',
     ];
-    if (sandboxesNeedingWorkarounds.includes(key)) {
-      await addWorkaroundResolutions({ cwd, dryRun, debug });
+    if (sandboxesNeedingWorkarounds.includes(key) || key.includes('vite')) {
+      await addWorkaroundResolutions({ cwd, dryRun, debug, key });
     }
 
     await exec(
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index 6272134a755..505ddf3a78b 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -67,7 +67,11 @@ export const installYarn2 = async ({ cwd, dryRun, debug }: YarnOptions) => {
   );
 };
 
-export const addWorkaroundResolutions = async ({ cwd, dryRun }: YarnOptions) => {
+export const addWorkaroundResolutions = async ({
+  cwd,
+  dryRun,
+  key,
+}: YarnOptions & { key?: TemplateKey }) => {
   logger.info(`🔢 Adding resolutions for workarounds`);
 
   if (dryRun) {
@@ -81,10 +85,19 @@ export const addWorkaroundResolutions = async ({ cwd, dryRun }: YarnOptions) =>
     // Due to our support of older vite versions
     '@vitejs/plugin-react': '4.2.0',
     '@vitejs/plugin-vue': '4.5.0',
+    // TODO: Remove this once we figure out how to properly test Vite 4, 5 and 6 in our sandboxes
+    vite: '^5.0.0',
+    // We need to downgrade the plugin so that it works with Vite 5 projects
+    '@sveltejs/vite-plugin-svelte': '4.0.2',
     '@testing-library/dom': '^9.3.4',
     '@testing-library/jest-dom': '^6.5.0',
     '@testing-library/user-event': '^14.5.2',
   };
+
+  if (key.includes('svelte-kit')) {
+    packageJson.resolutions['@sveltejs/vite-plugin-svelte'] = '^3.0.0';
+  }
+
   await writeJSON(packageJsonPath, packageJson, { spaces: 2 });
 };
 

From 3f34b808d49afcb3b7a5aa3eec01dd195b9f9374 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Wed, 27 Nov 2024 12:54:13 +0000
Subject: [PATCH 044/111] Write changelog for 8.5.0-alpha.11 [skip ci]

---
 CHANGELOG.prerelease.md | 8 ++++++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index a1c1ca62d0a..9e4b54c8bd3 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,11 @@
+## 8.5.0-alpha.11
+
+- Core + Addon Test: Refactor test API and fix total test count - [#29656](https://github.com/storybookjs/storybook/pull/29656), thanks @ghengeveld!
+- Core: Emit deprecated `TESTING_MODULE_RUN_ALL_REQUEST` for backward compatibility - [#29711](https://github.com/storybookjs/storybook/pull/29711), thanks @ghengeveld!
+- Frameworks: Add Vite 6 support - [#29710](https://github.com/storybookjs/storybook/pull/29710), thanks @yannbf!
+- TestAddon: Refactor UI & add config options - [#29662](https://github.com/storybookjs/storybook/pull/29662), thanks @ndelangen!
+- Vue: Fix `vue-component-meta` docgen HMR not working - [#29518](https://github.com/storybookjs/storybook/pull/29518), thanks @IonianPlayboy!
+
 ## 8.5.0-alpha.10
 
 - Addon Test: Use pathe for better windows support - [#29676](https://github.com/storybookjs/storybook/pull/29676), thanks @yannbf!
diff --git a/code/package.json b/code/package.json
index 49d43900fb5..e572f403574 100644
--- a/code/package.json
+++ b/code/package.json
@@ -293,5 +293,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.0-alpha.11"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index dd115c289b9..5d1664859ce 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-alpha.10","info":{"plain":"- Addon Test: Use pathe for better windows support - [#29676](https://github.com/storybookjs/storybook/pull/29676), thanks @yannbf!\n- Angular: Default to standalone components in Angular v19 - [#29677](https://github.com/storybookjs/storybook/pull/29677), thanks @ingowagner!"}}
+{"version":"8.5.0-alpha.11","info":{"plain":"- Core + Addon Test: Refactor test API and fix total test count - [#29656](https://github.com/storybookjs/storybook/pull/29656), thanks @ghengeveld!\n- Core: Emit deprecated `TESTING_MODULE_RUN_ALL_REQUEST` for backward compatibility - [#29711](https://github.com/storybookjs/storybook/pull/29711), thanks @ghengeveld!\n- Frameworks: Add Vite 6 support - [#29710](https://github.com/storybookjs/storybook/pull/29710), thanks @yannbf!\n- TestAddon: Refactor UI & add config options - [#29662](https://github.com/storybookjs/storybook/pull/29662), thanks @ndelangen!\n- Vue: Fix `vue-component-meta` docgen HMR not working - [#29518](https://github.com/storybookjs/storybook/pull/29518), thanks @IonianPlayboy!"}}

From 39fdd979500024801d0e53988e0c47153ecce231 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Wed, 27 Nov 2024 14:06:41 +0100
Subject: [PATCH 045/111] only set coverage options when coveage is enabled

---
 code/addons/test/src/node/test-manager.ts   |  1 -
 code/addons/test/src/node/vitest-manager.ts | 44 ++++++++++++---------
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 369f1859d58..6cb3b70fef0 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -47,7 +47,6 @@ export class TestManager {
 
   async handleConfigChange(payload: TestingModuleConfigChangePayload) {
     const config = payload.config;
-    console.log('LOG: handleConfigChange', config);
 
     try {
       if (payload.providerId !== TEST_PROVIDER_ID) {
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 20a249406c9..3bdc9506151 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -1,6 +1,12 @@
 import { existsSync } from 'node:fs';
 
-import type { TestProject, TestSpecification, Vitest, WorkspaceProject } from 'vitest/node';
+import type {
+  CoverageOptions,
+  TestProject,
+  TestSpecification,
+  Vitest,
+  WorkspaceProject,
+} from 'vitest/node';
 
 import type { Channel } from 'storybook/internal/channels';
 import { resolvePathInStorybookCache } from 'storybook/internal/common';
@@ -34,6 +40,23 @@ export class VitestManager {
   async startVitest({ watchMode = false, coverage = false } = {}) {
     const { createVitest } = await import('vitest/node');
 
+    const coverageOptions: CoverageOptions = coverage
+      ? ({
+          enabled: true,
+          clean: false,
+          cleanOnRerun: false,
+          reportOnFailure: true,
+          reporter: [
+            ['html', {}],
+            [
+              '@storybook/experimental-addon-test/internal/coverage-reporter',
+              { testManager: this.testManager },
+            ],
+          ],
+          reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
+        } as CoverageOptions)
+      : ({ enabled: false } as CoverageOptions);
+
     this.vitest = await createVitest('test', {
       watch: watchMode,
       passWithNoTests: false,
@@ -44,27 +67,12 @@ export class VitestManager {
       // find a way to just show errors and warnings for example
       // Otherwise it might be hard for the user to discover Storybook related logs
       reporters: ['default', new StorybookReporter(this.testManager)],
-      // @ts-expect-error (no provider needed)
-      coverage: {
-        enabled: coverage,
-        cleanOnRerun: !watchMode,
-        reportOnFailure: true,
-        // TODO: merge with existing coverage config? (if it exists)
-        reporter: [
-          'html',
-          [
-            // TODO: use require.resolve here instead? (or import.meta.resolve) how does this behave in monorepos?
-            '@storybook/experimental-addon-test/internal/coverage-reporter',
-            { testManager: this.testManager },
-          ],
-        ],
-        reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
-      },
+      coverage: coverageOptions,
     });
 
     if (this.vitest) {
       this.vitest.onCancel(() => {
-        // TODO: handle cancelation
+        // TODO: handle cancellation
       });
     }
 

From c5c3cf67d2dc05afd17300967e54a1cd0d2c39cc Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Wed, 27 Nov 2024 14:07:44 +0100
Subject: [PATCH 046/111] cleanup

---
 code/addons/test/src/node/vitest-manager.ts | 32 +++++++++++----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 3bdc9506151..68141a15daa 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -40,22 +40,24 @@ export class VitestManager {
   async startVitest({ watchMode = false, coverage = false } = {}) {
     const { createVitest } = await import('vitest/node');
 
-    const coverageOptions: CoverageOptions = coverage
-      ? ({
-          enabled: true,
-          clean: false,
-          cleanOnRerun: false,
-          reportOnFailure: true,
-          reporter: [
-            ['html', {}],
-            [
-              '@storybook/experimental-addon-test/internal/coverage-reporter',
-              { testManager: this.testManager },
+    const coverageOptions = (
+      coverage
+        ? {
+            enabled: true,
+            clean: false,
+            cleanOnRerun: false,
+            reportOnFailure: true,
+            reporter: [
+              ['html', {}],
+              [
+                '@storybook/experimental-addon-test/internal/coverage-reporter',
+                { testManager: this.testManager },
+              ],
             ],
-          ],
-          reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
-        } as CoverageOptions)
-      : ({ enabled: false } as CoverageOptions);
+            reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
+          }
+        : { enabled: false }
+    ) as CoverageOptions;
 
     this.vitest = await createVitest('test', {
       watch: watchMode,

From f0fdfb1642a91c2ca9d1fae106ab629740dc97af Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Wed, 27 Nov 2024 14:16:53 +0100
Subject: [PATCH 047/111] fix config types

---
 code/addons/test/src/node/test-manager.ts        | 5 +++--
 code/core/src/core-events/data/testing-module.ts | 7 +++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 6cb3b70fef0..8aa9f1243dc 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -45,14 +45,15 @@ export class TestManager {
     await this.vitestManager.startVitest({ watchMode, coverage });
   }
 
-  async handleConfigChange(payload: TestingModuleConfigChangePayload) {
+  async handleConfigChange(
+    payload: TestingModuleConfigChangePayload<any, { coverage: boolean; a11y: boolean }>
+  ) {
     const config = payload.config;
 
     try {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
       }
-      //@ts-expect-error - TODO: fix types, should allow a generic Config type
       if (this.coverage !== payload.config.coverage) {
         this.coverage = payload.config.coverage;
         await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
diff --git a/code/core/src/core-events/data/testing-module.ts b/code/core/src/core-events/data/testing-module.ts
index b02a07d966c..488d66673dd 100644
--- a/code/core/src/core-events/data/testing-module.ts
+++ b/code/core/src/core-events/data/testing-module.ts
@@ -81,7 +81,10 @@ export type TestingModuleWatchModeRequestPayload = {
   config?: TestProviderState['config'];
 };
 
-export type TestingModuleConfigChangePayload = {
+export type TestingModuleConfigChangePayload<
+  Details extends { [key: string]: any } = NonNullable<unknown>,
+  Config extends { [key: string]: any } = NonNullable<unknown>,
+> = {
   providerId: TestProviderId;
-  config: TestProviderState['config'];
+  config: TestProviderState<Details, Config>['config'];
 };

From da1f1a04c04c0e1555469f7d3d0da11665a59b98 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Wed, 27 Nov 2024 13:27:52 +0000
Subject: [PATCH 048/111] Bump version from "8.5.0-alpha.10" to
 "8.5.0-alpha.11" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 32beb83cb2b..8d287edc2a1 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 83ed23a6890..861ba2dfa1b 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 72d6f428e80..a42cb39dd00 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index ac6eab34268..2b80ee6e2d1 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 159bc11efff..6ae8bfab801 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 20391dee6ed..2c031365dfe 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index 54e4dc72124..07d0f67b8b6 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index b3ed782127e..38716f49fe2 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 13320237aed..3a1907cb132 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 1f2f860c107..48c000cbee3 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 44795edb963..dceed434a9b 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index a1daef84759..75d0cc61ff6 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index 48903150e73..32c40226ed0 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 54848755efd..61683859b7e 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 1686b6f2107..bdc64176f58 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index cd4affdedc9..a2ed4eecb06 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index 92108206a00..b75ea12d5bf 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 3dd5ff474d4..d264eda25e3 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 4f226e29d5c..cc5373ab4fd 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 15b210dcf24..6aca791d743 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index c2046c53e0b..aea72ba5e86 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index adbff71eb3a..fbb5f40710a 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index 04679850115..82dfb609ff1 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.10',
-  '@storybook/addon-actions': '8.5.0-alpha.10',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.10',
-  '@storybook/addon-controls': '8.5.0-alpha.10',
-  '@storybook/addon-docs': '8.5.0-alpha.10',
-  '@storybook/addon-essentials': '8.5.0-alpha.10',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.10',
-  '@storybook/addon-highlight': '8.5.0-alpha.10',
-  '@storybook/addon-interactions': '8.5.0-alpha.10',
-  '@storybook/addon-jest': '8.5.0-alpha.10',
-  '@storybook/addon-links': '8.5.0-alpha.10',
-  '@storybook/addon-measure': '8.5.0-alpha.10',
-  '@storybook/addon-onboarding': '8.5.0-alpha.10',
-  '@storybook/addon-outline': '8.5.0-alpha.10',
-  '@storybook/addon-storysource': '8.5.0-alpha.10',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.10',
-  '@storybook/addon-themes': '8.5.0-alpha.10',
-  '@storybook/addon-toolbars': '8.5.0-alpha.10',
-  '@storybook/addon-viewport': '8.5.0-alpha.10',
-  '@storybook/builder-vite': '8.5.0-alpha.10',
-  '@storybook/builder-webpack5': '8.5.0-alpha.10',
-  '@storybook/core': '8.5.0-alpha.10',
-  '@storybook/builder-manager': '8.5.0-alpha.10',
-  '@storybook/channels': '8.5.0-alpha.10',
-  '@storybook/client-logger': '8.5.0-alpha.10',
-  '@storybook/components': '8.5.0-alpha.10',
-  '@storybook/core-common': '8.5.0-alpha.10',
-  '@storybook/core-events': '8.5.0-alpha.10',
-  '@storybook/core-server': '8.5.0-alpha.10',
-  '@storybook/csf-tools': '8.5.0-alpha.10',
-  '@storybook/docs-tools': '8.5.0-alpha.10',
-  '@storybook/manager': '8.5.0-alpha.10',
-  '@storybook/manager-api': '8.5.0-alpha.10',
-  '@storybook/node-logger': '8.5.0-alpha.10',
-  '@storybook/preview': '8.5.0-alpha.10',
-  '@storybook/preview-api': '8.5.0-alpha.10',
-  '@storybook/router': '8.5.0-alpha.10',
-  '@storybook/telemetry': '8.5.0-alpha.10',
-  '@storybook/theming': '8.5.0-alpha.10',
-  '@storybook/types': '8.5.0-alpha.10',
-  '@storybook/angular': '8.5.0-alpha.10',
-  '@storybook/ember': '8.5.0-alpha.10',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.10',
-  '@storybook/html-vite': '8.5.0-alpha.10',
-  '@storybook/html-webpack5': '8.5.0-alpha.10',
-  '@storybook/nextjs': '8.5.0-alpha.10',
-  '@storybook/preact-vite': '8.5.0-alpha.10',
-  '@storybook/preact-webpack5': '8.5.0-alpha.10',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.10',
-  '@storybook/react-vite': '8.5.0-alpha.10',
-  '@storybook/react-webpack5': '8.5.0-alpha.10',
-  '@storybook/server-webpack5': '8.5.0-alpha.10',
-  '@storybook/svelte-vite': '8.5.0-alpha.10',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.10',
-  '@storybook/sveltekit': '8.5.0-alpha.10',
-  '@storybook/vue3-vite': '8.5.0-alpha.10',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.10',
-  '@storybook/web-components-vite': '8.5.0-alpha.10',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.10',
-  '@storybook/blocks': '8.5.0-alpha.10',
-  storybook: '8.5.0-alpha.10',
-  sb: '8.5.0-alpha.10',
-  '@storybook/cli': '8.5.0-alpha.10',
-  '@storybook/codemod': '8.5.0-alpha.10',
-  '@storybook/core-webpack': '8.5.0-alpha.10',
-  'create-storybook': '8.5.0-alpha.10',
-  '@storybook/csf-plugin': '8.5.0-alpha.10',
-  '@storybook/instrumenter': '8.5.0-alpha.10',
-  '@storybook/react-dom-shim': '8.5.0-alpha.10',
-  '@storybook/source-loader': '8.5.0-alpha.10',
-  '@storybook/test': '8.5.0-alpha.10',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.10',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.10',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.10',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.10',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.10',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.10',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.10',
-  '@storybook/html': '8.5.0-alpha.10',
-  '@storybook/preact': '8.5.0-alpha.10',
-  '@storybook/react': '8.5.0-alpha.10',
-  '@storybook/server': '8.5.0-alpha.10',
-  '@storybook/svelte': '8.5.0-alpha.10',
-  '@storybook/vue3': '8.5.0-alpha.10',
-  '@storybook/web-components': '8.5.0-alpha.10',
+  '@storybook/addon-a11y': '8.5.0-alpha.11',
+  '@storybook/addon-actions': '8.5.0-alpha.11',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.11',
+  '@storybook/addon-controls': '8.5.0-alpha.11',
+  '@storybook/addon-docs': '8.5.0-alpha.11',
+  '@storybook/addon-essentials': '8.5.0-alpha.11',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.11',
+  '@storybook/addon-highlight': '8.5.0-alpha.11',
+  '@storybook/addon-interactions': '8.5.0-alpha.11',
+  '@storybook/addon-jest': '8.5.0-alpha.11',
+  '@storybook/addon-links': '8.5.0-alpha.11',
+  '@storybook/addon-measure': '8.5.0-alpha.11',
+  '@storybook/addon-onboarding': '8.5.0-alpha.11',
+  '@storybook/addon-outline': '8.5.0-alpha.11',
+  '@storybook/addon-storysource': '8.5.0-alpha.11',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.11',
+  '@storybook/addon-themes': '8.5.0-alpha.11',
+  '@storybook/addon-toolbars': '8.5.0-alpha.11',
+  '@storybook/addon-viewport': '8.5.0-alpha.11',
+  '@storybook/builder-vite': '8.5.0-alpha.11',
+  '@storybook/builder-webpack5': '8.5.0-alpha.11',
+  '@storybook/core': '8.5.0-alpha.11',
+  '@storybook/builder-manager': '8.5.0-alpha.11',
+  '@storybook/channels': '8.5.0-alpha.11',
+  '@storybook/client-logger': '8.5.0-alpha.11',
+  '@storybook/components': '8.5.0-alpha.11',
+  '@storybook/core-common': '8.5.0-alpha.11',
+  '@storybook/core-events': '8.5.0-alpha.11',
+  '@storybook/core-server': '8.5.0-alpha.11',
+  '@storybook/csf-tools': '8.5.0-alpha.11',
+  '@storybook/docs-tools': '8.5.0-alpha.11',
+  '@storybook/manager': '8.5.0-alpha.11',
+  '@storybook/manager-api': '8.5.0-alpha.11',
+  '@storybook/node-logger': '8.5.0-alpha.11',
+  '@storybook/preview': '8.5.0-alpha.11',
+  '@storybook/preview-api': '8.5.0-alpha.11',
+  '@storybook/router': '8.5.0-alpha.11',
+  '@storybook/telemetry': '8.5.0-alpha.11',
+  '@storybook/theming': '8.5.0-alpha.11',
+  '@storybook/types': '8.5.0-alpha.11',
+  '@storybook/angular': '8.5.0-alpha.11',
+  '@storybook/ember': '8.5.0-alpha.11',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.11',
+  '@storybook/html-vite': '8.5.0-alpha.11',
+  '@storybook/html-webpack5': '8.5.0-alpha.11',
+  '@storybook/nextjs': '8.5.0-alpha.11',
+  '@storybook/preact-vite': '8.5.0-alpha.11',
+  '@storybook/preact-webpack5': '8.5.0-alpha.11',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.11',
+  '@storybook/react-vite': '8.5.0-alpha.11',
+  '@storybook/react-webpack5': '8.5.0-alpha.11',
+  '@storybook/server-webpack5': '8.5.0-alpha.11',
+  '@storybook/svelte-vite': '8.5.0-alpha.11',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.11',
+  '@storybook/sveltekit': '8.5.0-alpha.11',
+  '@storybook/vue3-vite': '8.5.0-alpha.11',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.11',
+  '@storybook/web-components-vite': '8.5.0-alpha.11',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.11',
+  '@storybook/blocks': '8.5.0-alpha.11',
+  storybook: '8.5.0-alpha.11',
+  sb: '8.5.0-alpha.11',
+  '@storybook/cli': '8.5.0-alpha.11',
+  '@storybook/codemod': '8.5.0-alpha.11',
+  '@storybook/core-webpack': '8.5.0-alpha.11',
+  'create-storybook': '8.5.0-alpha.11',
+  '@storybook/csf-plugin': '8.5.0-alpha.11',
+  '@storybook/instrumenter': '8.5.0-alpha.11',
+  '@storybook/react-dom-shim': '8.5.0-alpha.11',
+  '@storybook/source-loader': '8.5.0-alpha.11',
+  '@storybook/test': '8.5.0-alpha.11',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.11',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.11',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.11',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.11',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.11',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.11',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.11',
+  '@storybook/html': '8.5.0-alpha.11',
+  '@storybook/preact': '8.5.0-alpha.11',
+  '@storybook/react': '8.5.0-alpha.11',
+  '@storybook/server': '8.5.0-alpha.11',
+  '@storybook/svelte': '8.5.0-alpha.11',
+  '@storybook/vue3': '8.5.0-alpha.11',
+  '@storybook/web-components': '8.5.0-alpha.11',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index 26d454c9f63..2391cee01a4 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.10';
+export const version = '8.5.0-alpha.11';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 786a41e4661..3c7a880bec8 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 1ac33ceac79..39dea9f694f 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index c46a1669ad7..84ac78d017d 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index e300d80a06d..cc9cf32d50b 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index b0e8d351c25..03aeef7fcfa 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index 24bd6f5e6c8..14f50384d09 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index a5334275627..57d78ce2c7f 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index 4b4e4a3fd66..b453f33b221 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index 47dcae7b60d..d9f86d24233 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 8ee87740c2e..657e55f87d8 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index 9af62f20345..064a12aee2e 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index 25f39dbfc79..f6c8d7d4cdd 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index 23f20c814c9..8a9c7764cd2 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index 768f9de351b..02ea943b984 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 3a749c9f1a2..00e4eee22c2 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 028a96834cc..211104ad6fa 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index 9cd0f6b1afa..f8bca47a3fe 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index 97547c3571b..2d843775724 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index e150fded574..d25f5e18fcc 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 4d0e5a64d58..56a84fd94d9 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index 12f77a09cdf..996a0f973ef 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index 849c3b051fe..fca3c47429a 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 932893dca88..6eae1204759 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 616789440b5..2d08107671a 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 2a8bcf54237..8d1ec1562c2 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 3bb196d1dfb..c27e12702ba 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index a55da958627..924bc6ad944 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index a484c182b8b..9d8bee1852b 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 56dc0cb272b..4c324aaabea 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 164d7029482..df14550edc6 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 6b0fbd677c0..58349131dd9 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 1bf8948004d..642a60ecabe 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 4b82517808e..6e472585421 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index d1deeb36b59..b68e59ea298 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 0f9a6f41b35..de06013260a 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 5c82c5dc650..0d64592882d 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 20fc2a01432..ebc1182c4d3 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index a126b4bd998..86d8f6ab88f 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 664d8f3ad4a..cc938632f01 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index cbd6c919760..ddcdd2dd44e 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 77ab3a7984a..0de0a11ae70 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 86b2cc86f04..9c3ba7afaa8 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index f86bbfd3389..c54dde3f799 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 82a80d732f7..1289aa9ff5b 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 7f414533f85..3e018b3874b 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index f2e34fd6e90..ad0e770e6be 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index d35a73949c4..dd777c78f7e 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 31766872117..daec5d7c403 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index 410da722d4a..f68a4a758b4 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index e572f403574..d51950ae932 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.11"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index 740a21a0d91..dc7fe9949b5 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index be571714035..f8c2de78615 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 745c15ea733..a82f7b68062 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index f4f4d28d4c3..36e648362e9 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 8215d80f54c..ceae7867817 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 3498da565e4..94fee6c14b7 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 5d40cd1af1a..e127268c759 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 6ed9d780702..e79c62f9752 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 75a9ccc680d..ff4b9fc2aa3 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 7d7f72ef57a..ecf20e7b24a 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 2f37352efad..fb73d3651a4 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 93c1a509161..547da59fae2 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index ac1ceb61e81..03a8041ad76 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index a5f3d0721e7..fdb1747752c 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.10",
+  "version": "8.5.0-alpha.11",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From 4e251bafddce8455df9a91852ce367a1406ca2cb Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 27 Nov 2024 17:10:12 +0100
Subject: [PATCH 049/111] Extract error modal state to context so we can reuse
 the TestProviderRender component for the sidebar context menu

---
 .../test/src/components/ContextMenuItem.tsx   |  2 +-
 .../test/src/components/Description.tsx       | 20 ++++-------
 .../test/src/components/GlobalErrorModal.tsx  | 33 ++++++++++++-------
 .../src/components/TestProviderRender.tsx     | 20 +----------
 code/addons/test/src/manager.tsx              | 22 +++++++++++--
 .../components/sidebar/ContextMenu.tsx        |  4 +--
 code/core/src/types/modules/addons.ts         |  2 +-
 7 files changed, 51 insertions(+), 52 deletions(-)

diff --git a/code/addons/test/src/components/ContextMenuItem.tsx b/code/addons/test/src/components/ContextMenuItem.tsx
index 5f2b5195726..52c3b98061f 100644
--- a/code/addons/test/src/components/ContextMenuItem.tsx
+++ b/code/addons/test/src/components/ContextMenuItem.tsx
@@ -59,7 +59,7 @@ export const ContextMenuItem: FC<{
     >
       <ListItem
         title={<Title state={state} />}
-        center={<Description setIsModalOpen={() => {}} state={state} />}
+        center={<Description state={state} />}
         right={
           <Button
             onClick={onClick}
diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index 2ebe2b3acb1..fc283d8d4bb 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -4,6 +4,7 @@ import { Link as LinkComponent } from 'storybook/internal/components';
 import { type TestProviderConfig, type TestProviderState } from 'storybook/internal/core-events';
 import { styled } from 'storybook/internal/theming';
 
+import { GlobalErrorContext } from './GlobalErrorModal';
 import { RelativeTime } from './RelativeTime';
 
 export const Wrapper = styled.div(({ theme }) => ({
@@ -15,16 +16,14 @@ const PositiveText = styled.span(({ theme }) => ({
   color: theme.color.positiveText,
 }));
 
-export function Description({
-  setIsModalOpen,
-  state,
-  ...props
-}: {
+interface DescriptionProps extends ComponentProps<typeof Wrapper> {
   state: TestProviderConfig & TestProviderState;
-  setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
-} & ComponentProps<typeof Wrapper>) {
+}
+
+export function Description({ state, ...props }: DescriptionProps) {
   const isMounted = React.useRef(false);
   const [isUpdated, setUpdated] = React.useState(false);
+  const { setModalOpen } = React.useContext(GlobalErrorContext);
 
   useEffect(() => {
     if (isMounted.current) {
@@ -51,12 +50,7 @@ export function Description({
   } else if (state.crashed || (state.failed && errorMessage)) {
     description = (
       <>
-        <LinkComponent
-          isButton
-          onClick={() => {
-            setIsModalOpen(true);
-          }}
-        >
+        <LinkComponent isButton onClick={() => setModalOpen(true)}>
           {state.error?.name || 'View full error'}
         </LinkComponent>
       </>
diff --git a/code/addons/test/src/components/GlobalErrorModal.tsx b/code/addons/test/src/components/GlobalErrorModal.tsx
index 1deb81f180f..f820c75e40f 100644
--- a/code/addons/test/src/components/GlobalErrorModal.tsx
+++ b/code/addons/test/src/components/GlobalErrorModal.tsx
@@ -1,20 +1,13 @@
-import React from 'react';
+import React, { useContext } from 'react';
 
 import { Button, IconButton, Modal } from 'storybook/internal/components';
 import { useStorybookApi } from 'storybook/internal/manager-api';
+import { styled } from 'storybook/internal/theming';
 
 import { CloseIcon, SyncIcon } from '@storybook/icons';
-import { styled } from '@storybook/theming';
 
 import { DOCUMENTATION_FATAL_ERROR_LINK } from '../constants';
 
-interface GlobalErrorModalProps {
-  error: string;
-  open: boolean;
-  onClose: () => void;
-  onRerun: () => void;
-}
-
 const ModalBar = styled.div({
   display: 'flex',
   justifyContent: 'space-between',
@@ -49,8 +42,24 @@ const TroubleshootLink = styled.a(({ theme }) => ({
   color: theme.color.defaultText,
 }));
 
-export function GlobalErrorModal({ onRerun, onClose, error, open }: GlobalErrorModalProps) {
+export const GlobalErrorContext = React.createContext<{
+  isModalOpen: boolean;
+  setModalOpen: (isOpen: boolean) => void;
+  error?: string;
+}>({
+  isModalOpen: false,
+  setModalOpen: () => {},
+  error: '',
+});
+
+interface GlobalErrorModalProps {
+  onRerun: () => void;
+}
+
+export function GlobalErrorModal({ onRerun }: GlobalErrorModalProps) {
   const api = useStorybookApi();
+  const { error, isModalOpen, setModalOpen } = useContext(GlobalErrorContext);
+  const handleClose = () => setModalOpen(false);
 
   const troubleshootURL = api.getDocsUrl({
     subpath: DOCUMENTATION_FATAL_ERROR_LINK,
@@ -59,7 +68,7 @@ export function GlobalErrorModal({ onRerun, onClose, error, open }: GlobalErrorM
   });
 
   return (
-    <Modal onEscapeKeyDown={onClose} onInteractOutside={onClose} open={open}>
+    <Modal onEscapeKeyDown={handleClose} onInteractOutside={handleClose} open={isModalOpen}>
       <ModalBar>
         <ModalTitle>Storybook Tests error details</ModalTitle>
         <ModalActionBar>
@@ -72,7 +81,7 @@ export function GlobalErrorModal({ onRerun, onClose, error, open }: GlobalErrorM
               Troubleshoot
             </a>
           </Button>
-          <IconButton onClick={onClose}>
+          <IconButton onClick={handleClose}>
             <CloseIcon />
           </IconButton>
         </ModalActionBar>
diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index db24513dcb7..e486b0fb880 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -24,7 +24,6 @@ import { debounce } from 'es-toolkit/compat';
 
 import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
 import { Description } from './Description';
-import { GlobalErrorModal } from './GlobalErrorModal';
 import { TestStatusIcon } from './TestStatusIcon';
 import { Title } from './Title';
 
@@ -67,7 +66,6 @@ export const TestProviderRender: FC<{
   state: TestProviderConfig & TestProviderState<Details, Config>;
 }> = ({ state, api }) => {
   const [isEditing, setIsEditing] = useState(false);
-  const [isModalOpen, setIsModalOpen] = useState(false);
   const theme = useTheme();
 
   const [config, updateConfig] = useConfig(
@@ -81,11 +79,7 @@ export const TestProviderRender: FC<{
       <Heading>
         <Info>
           <Title id="testing-module-title" state={state} />
-          <Description
-            id="testing-module-description"
-            setIsModalOpen={setIsModalOpen}
-            state={state}
-          />
+          <Description id="testing-module-description" state={state} />
         </Info>
 
         <Actions>
@@ -191,18 +185,6 @@ export const TestProviderRender: FC<{
           />
         </Extras>
       )}
-
-      <GlobalErrorModal
-        error={state.error?.message}
-        open={isModalOpen}
-        onClose={() => {
-          setIsModalOpen(false);
-        }}
-        onRerun={() => {
-          setIsModalOpen(false);
-          api.runTestProvider(TEST_PROVIDER_ID);
-        }}
-      />
     </Container>
   );
 };
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 0d52ab92aaa..eed57ca78cb 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 
 import { AddonPanel } from 'storybook/internal/components';
 import type { Combo } from 'storybook/internal/manager-api';
@@ -11,6 +11,7 @@ import {
 } from 'storybook/internal/types';
 
 import { ContextMenuItem } from './components/ContextMenuItem';
+import { GlobalErrorContext, GlobalErrorModal } from './components/GlobalErrorModal';
 import { Panel } from './components/Panel';
 import { PanelTitle } from './components/PanelTitle';
 import { TestProviderRender } from './components/TestProviderRender';
@@ -35,7 +36,22 @@ addons.register(ADDON_ID, (api) => {
       runnable: true,
       watchable: true,
       name: 'Component tests',
-      render: (state) => <TestProviderRender api={api} state={state} />,
+      render: (state) => {
+        const [isModalOpen, setModalOpen] = useState(false);
+        return (
+          <GlobalErrorContext.Provider
+            value={{ error: state.error?.message, isModalOpen, setModalOpen }}
+          >
+            <TestProviderRender api={api} state={state} />
+            <GlobalErrorModal
+              onRerun={() => {
+                setModalOpen(false);
+                api.runTestProvider(TEST_PROVIDER_ID);
+              }}
+            />
+          </GlobalErrorContext.Provider>
+        );
+      },
 
       sidebarContextMenu: ({ context, state }) => {
         if (context.type === 'docs') {
@@ -44,7 +60,7 @@ addons.register(ADDON_ID, (api) => {
         if (context.type === 'story' && !context.tags.includes('test')) {
           return null;
         }
-        return <ContextMenuItem context={context} state={state} />;
+        return <TestProviderRender api={api} state={{ ...state, watchable: false }} />;
       },
 
       mapStatusUpdate: (state) =>
diff --git a/code/core/src/manager/components/sidebar/ContextMenu.tsx b/code/core/src/manager/components/sidebar/ContextMenu.tsx
index 867ed8da72b..e056c45436b 100644
--- a/code/core/src/manager/components/sidebar/ContextMenu.tsx
+++ b/code/core/src/manager/components/sidebar/ContextMenu.tsx
@@ -66,9 +66,7 @@ export const useContextMenu = (context: API_HashEntry, links: Link[], api: API)
               setIsOpen(true);
             }
           }}
-          tooltip={({ onHide }) => (
-            <LiveContextMenu context={context} links={links} onClick={onHide} />
-          )}
+          tooltip={<LiveContextMenu context={context} links={links} />}
         >
           <StatusButton type="button" status={'pending'}>
             <EllipsisIcon />
diff --git a/code/core/src/types/modules/addons.ts b/code/core/src/types/modules/addons.ts
index 06c64c21f78..559eaabc714 100644
--- a/code/core/src/types/modules/addons.ts
+++ b/code/core/src/types/modules/addons.ts
@@ -482,7 +482,7 @@ export interface Addon_TestProviderType<
   render?: (state: TestProviderConfig & Addon_TestProviderState<Details, Config>) => ReactNode;
   sidebarContextMenu?: (options: {
     context: API_HashEntry;
-    state: Addon_TestProviderState<Details>;
+    state: TestProviderConfig & Addon_TestProviderState<Details, Config>;
   }) => ReactNode;
   mapStatusUpdate?: (
     state: Addon_TestProviderState<Details>

From 7b001def82450228717ed760b7506687fcac93a5 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 10:28:57 +0100
Subject: [PATCH 050/111] integrate coverage backend with UI

---
 .../src/components/TestProviderRender.tsx     | 26 ++++++++++++++-----
 code/addons/test/src/constants.ts             |  5 +++-
 code/addons/test/src/node/boot-test-runner.ts |  5 ++++
 .../addons/test/src/node/coverage-reporter.ts | 13 +++++++++-
 code/addons/test/src/node/test-manager.ts     |  2 --
 5 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 588523f89ad..20869fc6e38 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -77,6 +77,7 @@ export const TestProviderRender: FC<{
 
   const title = state.crashed || state.failed ? 'Local tests failed' : 'Run local tests';
   const errorMessage = state.error?.message;
+  const coverage = state.details?.coverage;
 
   const [config, updateConfig] = useConfig(
     api,
@@ -159,7 +160,6 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
-                disabled // TODO: Implement coverage
                 checked={config.coverage}
                 onChange={() => updateConfig({ coverage: !config.coverage })}
               />
@@ -185,11 +185,24 @@ export const TestProviderRender: FC<{
             title="Component tests"
             icon={<TestStatusIcon status="positive" aria-label="status: passed" />}
           />
-          <ListItem
-            title="Coverage"
-            icon={<TestStatusIcon percentage={60} status="warning" aria-label="status: warning" />}
-            right={`60%`}
-          />
+          {coverage ? (
+            <ListItem
+              title="Coverage"
+              icon={
+                <TestStatusIcon
+                  percentage={coverage.percentage}
+                  status={coverage.status}
+                  aria-label={`status: ${coverage.status}`}
+                />
+              }
+              right={`${coverage.percentage}%`}
+            />
+          ) : (
+            <ListItem
+              title="Coverage"
+              icon={<TestStatusIcon status="unknown" aria-label={`status: unknown`} />}
+            />
+          )}
           <ListItem
             title="Accessibility"
             icon={<TestStatusIcon status="negative" aria-label="status: failed" />}
@@ -221,6 +234,7 @@ function useConfig(api: API, providerId: string, initialConfig: Config) {
     debounce((config: Config) => {
       if (!isEqual(config, lastConfig.current)) {
         api.updateTestProviderState(providerId, { config });
+        console.log('LOG: saveConfig', { providerId, config });
         api.emit(TESTING_MODULE_CONFIG_CHANGE, { providerId, config });
         lastConfig.current = config;
       }
diff --git a/code/addons/test/src/constants.ts b/code/addons/test/src/constants.ts
index db08e9e8699..0ee35f70dd8 100644
--- a/code/addons/test/src/constants.ts
+++ b/code/addons/test/src/constants.ts
@@ -21,5 +21,8 @@ export interface Config {
 
 export type Details = {
   testResults: TestResult[];
-  coverageSummary: CoverageSummaryData;
+  coverage?: {
+    status: 'positive' | 'warning' | 'negative' | 'unknown';
+    percentage: number;
+  };
 };
diff --git a/code/addons/test/src/node/boot-test-runner.ts b/code/addons/test/src/node/boot-test-runner.ts
index 2f6ae8d70e7..6acc53d1918 100644
--- a/code/addons/test/src/node/boot-test-runner.ts
+++ b/code/addons/test/src/node/boot-test-runner.ts
@@ -3,6 +3,7 @@ import { type ChildProcess } from 'node:child_process';
 import type { Channel } from 'storybook/internal/channels';
 import {
   TESTING_MODULE_CANCEL_TEST_RUN_REQUEST,
+  TESTING_MODULE_CONFIG_CHANGE,
   TESTING_MODULE_CRASH_REPORT,
   TESTING_MODULE_RUN_REQUEST,
   TESTING_MODULE_WATCH_MODE_REQUEST,
@@ -43,11 +44,14 @@ const bootTestRunner = async (channel: Channel, initEvent?: string, initArgs?: a
     child?.send({ args, from: 'server', type: TESTING_MODULE_WATCH_MODE_REQUEST });
   const forwardCancel = (...args: any[]) =>
     child?.send({ args, from: 'server', type: TESTING_MODULE_CANCEL_TEST_RUN_REQUEST });
+  const forwardConfigChange = (...args: any[]) =>
+    child?.send({ args, from: 'server', type: TESTING_MODULE_CONFIG_CHANGE });
 
   const killChild = () => {
     channel.off(TESTING_MODULE_RUN_REQUEST, forwardRun);
     channel.off(TESTING_MODULE_WATCH_MODE_REQUEST, forwardWatchMode);
     channel.off(TESTING_MODULE_CANCEL_TEST_RUN_REQUEST, forwardCancel);
+    channel.off(TESTING_MODULE_CONFIG_CHANGE, forwardConfigChange);
     child?.kill();
     child = null;
   };
@@ -86,6 +90,7 @@ const bootTestRunner = async (channel: Channel, initEvent?: string, initArgs?: a
           channel.on(TESTING_MODULE_RUN_REQUEST, forwardRun);
           channel.on(TESTING_MODULE_WATCH_MODE_REQUEST, forwardWatchMode);
           channel.on(TESTING_MODULE_CANCEL_TEST_RUN_REQUEST, forwardCancel);
+          channel.on(TESTING_MODULE_CONFIG_CHANGE, forwardConfigChange);
 
           resolve();
         } else if (result.type === 'error') {
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index ffe962ff0ae..9458e872e3f 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -17,10 +17,21 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
       return;
     }
     const coverageSummary = node.getCoverageSummary(false);
+    let total = 0;
+    let covered = 0;
+
+    for (const metric of Object.values(coverageSummary.data)) {
+      total += metric.total;
+      covered += metric.covered;
+    }
+
     this.#testManager.sendProgressReport({
       providerId: TEST_PROVIDER_ID,
       details: {
-        coverageSummary: coverageSummary.data,
+        coverage: {
+          status: 'warning', // TODO: determine status based on thresholds/watermarks
+          percentage: Math.round((covered / total) * 100),
+        },
       },
     });
   }
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 8aa9f1243dc..ce5f368569c 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -48,8 +48,6 @@ export class TestManager {
   async handleConfigChange(
     payload: TestingModuleConfigChangePayload<any, { coverage: boolean; a11y: boolean }>
   ) {
-    const config = payload.config;
-
     try {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;

From 2cf1d42013a9fffff7e3063eae29ac284e863c2b Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 13:48:15 +0100
Subject: [PATCH 051/111] configure coverage color based on watermark config

---
 .../addons/test/src/node/coverage-reporter.ts | 36 +++++++++++++++----
 code/addons/test/src/node/vitest-manager.ts   | 20 ++++++-----
 2 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index 9458e872e3f..24294e4e667 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -1,15 +1,25 @@
+import type { ResolvedCoverageOptions } from 'vitest/node';
+
 import type { ReportNode, Visitor } from 'istanbul-lib-report';
 import { ReportBase } from 'istanbul-lib-report';
 
-import { TEST_PROVIDER_ID } from '../constants';
+import { type Details, TEST_PROVIDER_ID } from '../constants';
 import type { TestManager } from './test-manager';
 
+export type StorybookCoverageReporterOptions = {
+  testManager: TestManager;
+  getCoverageOptions: () => ResolvedCoverageOptions<'v8'>;
+};
+
 export default class StorybookCoverageReporter extends ReportBase implements Partial<Visitor> {
-  #testManager: TestManager;
+  #testManager: StorybookCoverageReporterOptions['testManager'];
+
+  #getCoverageOptions: StorybookCoverageReporterOptions['getCoverageOptions'];
 
-  constructor(opts: { testManager: TestManager }) {
+  constructor(opts: StorybookCoverageReporterOptions) {
     super();
     this.#testManager = opts.testManager;
+    this.#getCoverageOptions = opts.getCoverageOptions;
   }
 
   onSummary(node: ReportNode) {
@@ -25,13 +35,25 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
       covered += metric.covered;
     }
 
+    const percentage = Math.round((covered / total) * 100);
+
+    // Fallback to Vitest's default watermarks https://vitest.dev/config/#coverage-watermarks
+    const [lowWatermark = 50, highWatermark = 80] =
+      this.#getCoverageOptions().watermarks?.statements ?? [];
+
+    const coverageDetails: Details['coverage'] = {
+      percentage,
+      status:
+        percentage < lowWatermark
+          ? 'negative'
+          : percentage < highWatermark
+            ? 'warning'
+            : 'positive',
+    };
     this.#testManager.sendProgressReport({
       providerId: TEST_PROVIDER_ID,
       details: {
-        coverage: {
-          status: 'warning', // TODO: determine status based on thresholds/watermarks
-          percentage: Math.round((covered / total) * 100),
-        },
+        coverage: coverageDetails,
       },
     });
   }
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 68141a15daa..42a15a45c02 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -2,13 +2,13 @@ import { existsSync } from 'node:fs';
 
 import type {
   CoverageOptions,
+  ResolvedCoverageOptions,
   TestProject,
   TestSpecification,
   Vitest,
   WorkspaceProject,
 } from 'vitest/node';
 
-import type { Channel } from 'storybook/internal/channels';
 import { resolvePathInStorybookCache } from 'storybook/internal/common';
 import type { TestingModuleRunRequestPayload } from 'storybook/internal/core-events';
 
@@ -19,6 +19,7 @@ import slash from 'slash';
 
 import { COVERAGE_DIRECTORY } from '../constants';
 import { log } from '../logger';
+import type { StorybookCoverageReporterOptions } from './coverage-reporter';
 import { StorybookReporter } from './reporter';
 import type { TestManager } from './test-manager';
 
@@ -40,20 +41,21 @@ export class VitestManager {
   async startVitest({ watchMode = false, coverage = false } = {}) {
     const { createVitest } = await import('vitest/node');
 
+    const storybookCoverageReporter: [string, StorybookCoverageReporterOptions] = [
+      '@storybook/experimental-addon-test/internal/coverage-reporter',
+      {
+        testManager: this.testManager,
+        getCoverageOptions: () => this.vitest?.config?.coverage as ResolvedCoverageOptions<'v8'>,
+      },
+    ];
     const coverageOptions = (
       coverage
         ? {
             enabled: true,
             clean: false,
-            cleanOnRerun: false,
+            cleanOnRerun: !watchMode,
             reportOnFailure: true,
-            reporter: [
-              ['html', {}],
-              [
-                '@storybook/experimental-addon-test/internal/coverage-reporter',
-                { testManager: this.testManager },
-              ],
-            ],
+            reporter: [['html', {}], storybookCoverageReporter],
             reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY),
           }
         : { enabled: false }

From 37a0a19e38a3fd85cc54e10a87ea03f7a2fbde67 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 13:57:31 +0100
Subject: [PATCH 052/111] support @sveltejs/vite-plugin-svelte@5

---
 code/frameworks/svelte-vite/package.json | 2 +-
 code/yarn.lock                           | 2 +-
 scripts/tasks/sandbox-parts.ts           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 58349131dd9..7ea9af5e2f7 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -64,7 +64,7 @@
     "vite": "^4.0.0"
   },
   "peerDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
     "storybook": "workspace:^",
     "svelte": "^4.0.0 || ^5.0.0",
     "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
diff --git a/code/yarn.lock b/code/yarn.lock
index 12d9bf6dcc8..ac6a4044140 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -7430,7 +7430,7 @@ __metadata:
     typescript: "npm:^5.3.2"
     vite: "npm:^4.0.0"
   peerDependencies:
-    "@sveltejs/vite-plugin-svelte": ^2.0.0 || ^3.0.0 || ^4.0.0
+    "@sveltejs/vite-plugin-svelte": ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
     storybook: "workspace:^"
     svelte: ^4.0.0 || ^5.0.0
     vite: ^4.0.0 || ^5.0.0 || ^6.0.0
diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index 72a362c86f1..5f4991644cd 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -89,7 +89,7 @@ export const install: Task['run'] = async ({ sandboxDir, key }, { link, dryRun,
       dryRun,
       debug,
     });
-    await addWorkaroundResolutions({ cwd, dryRun, debug });
+    await addWorkaroundResolutions({ cwd, dryRun, debug, key });
   } else {
     // We need to add package resolutions to ensure that we only ever install the latest version
     // of any storybook packages as verdaccio is not able to both proxy to npm and publish over

From ce85320655d3f3779b6d274ad312385b988f252a Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 28 Nov 2024 14:38:28 +0100
Subject: [PATCH 053/111] add safeguard

---
 scripts/utils/yarn.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index 505ddf3a78b..142432fa635 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -94,7 +94,7 @@ export const addWorkaroundResolutions = async ({
     '@testing-library/user-event': '^14.5.2',
   };
 
-  if (key.includes('svelte-kit')) {
+  if (key?.includes('svelte-kit')) {
     packageJson.resolutions['@sveltejs/vite-plugin-svelte'] = '^3.0.0';
   }
 

From 924d095f07255e56a6f32a1bc70eb89658076e51 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Thu, 28 Nov 2024 14:58:04 +0100
Subject: [PATCH 054/111] Portable stories: Support multiple annotation
 notations from preview file

---
 .../store/csf/portable-stories.test.ts        | 19 +++++++++++++++++++
 .../modules/store/csf/portable-stories.ts     |  7 ++-----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts b/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
index 6c85760cbd4..24e286b3b90 100644
--- a/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
@@ -77,6 +77,25 @@ describe('composeStory', () => {
     expect(composedStory.parameters.fromAnnotations.asDefaultImport).toEqual(true);
   });
 
+  it('should compose project annotations when used in named and default exports from the same module', () => {
+    setProjectAnnotations([
+      {
+        initialGlobals: { namedExportAnnotation: true },
+        default: {
+          parameters: { defaultExportAnnotation: true },
+        },
+      },
+    ]);
+
+    const Story: Story = {
+      render: () => {},
+    };
+
+    const composedStory = composeStory(Story, meta);
+    expect(composedStory.parameters.defaultExportAnnotation).toEqual(true);
+    expect(composedStory.globals.namedExportAnnotation).toEqual(true);
+  });
+
   it('should return story with composed annotations from story, meta and project', () => {
     const decoratorFromProjectAnnotations = vi.fn((StoryFn) => StoryFn());
     const decoratorFromStoryAnnotations = vi.fn((StoryFn) => StoryFn());
diff --git a/code/core/src/preview-api/modules/store/csf/portable-stories.ts b/code/core/src/preview-api/modules/store/csf/portable-stories.ts
index b9efd7da979..22b449bd98f 100644
--- a/code/core/src/preview-api/modules/store/csf/portable-stories.ts
+++ b/code/core/src/preview-api/modules/store/csf/portable-stories.ts
@@ -61,11 +61,8 @@ function extractAnnotation<TRenderer extends Renderer = Renderer>(
   // import * as annotations from '.storybook/preview'
   // import annotations from '.storybook/preview'
   // in both cases: 1 - the file has a default export; 2 - named exports only
-  // support imports such as
-  // import * as annotations from '.storybook/preview'
-  // import annotations from '.storybook/preview'
-  // in both cases: 1 - the file has a default export; 2 - named exports only
-  return 'default' in annotation ? annotation.default : annotation;
+  // also support when the file has both annotations coming from default and named exports
+  return composeConfigs([annotation]);
 }
 
 export function setProjectAnnotations<TRenderer extends Renderer = Renderer>(

From 69de98c9da482499e40427d2793261beaa9ae08c Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Thu, 28 Nov 2024 14:12:08 +0000
Subject: [PATCH 055/111] Write changelog for 8.5.0-alpha.12 [skip ci]

---
 CHANGELOG.prerelease.md | 7 +++++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 9e4b54c8bd3..ea02df07e5d 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,10 @@
+## 8.5.0-alpha.12
+
+- Core / Addon Test: Add config UI to Testing Module - [#29708](https://github.com/storybookjs/storybook/pull/29708), thanks @ghengeveld!
+- Manager: Add tags property to GroupEntry objects - [#29672](https://github.com/storybookjs/storybook/pull/29672), thanks @Sidnioulz!
+- Svelte: Support `@sveltejs/vite-plugin-svelte` v5 - [#29731](https://github.com/storybookjs/storybook/pull/29731), thanks @JReinhold!
+- Toolbars: Suppress deprecation warning when using dynamic icons - [#29545](https://github.com/storybookjs/storybook/pull/29545), thanks @ValeraS!
+
 ## 8.5.0-alpha.11
 
 - Core + Addon Test: Refactor test API and fix total test count - [#29656](https://github.com/storybookjs/storybook/pull/29656), thanks @ghengeveld!
diff --git a/code/package.json b/code/package.json
index d51950ae932..3c7041bf133 100644
--- a/code/package.json
+++ b/code/package.json
@@ -293,5 +293,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.0-alpha.12"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 5d1664859ce..991c225697d 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-alpha.11","info":{"plain":"- Core + Addon Test: Refactor test API and fix total test count - [#29656](https://github.com/storybookjs/storybook/pull/29656), thanks @ghengeveld!\n- Core: Emit deprecated `TESTING_MODULE_RUN_ALL_REQUEST` for backward compatibility - [#29711](https://github.com/storybookjs/storybook/pull/29711), thanks @ghengeveld!\n- Frameworks: Add Vite 6 support - [#29710](https://github.com/storybookjs/storybook/pull/29710), thanks @yannbf!\n- TestAddon: Refactor UI & add config options - [#29662](https://github.com/storybookjs/storybook/pull/29662), thanks @ndelangen!\n- Vue: Fix `vue-component-meta` docgen HMR not working - [#29518](https://github.com/storybookjs/storybook/pull/29518), thanks @IonianPlayboy!"}}
+{"version":"8.5.0-alpha.12","info":{"plain":"- Core / Addon Test: Add config UI to Testing Module - [#29708](https://github.com/storybookjs/storybook/pull/29708), thanks @ghengeveld!\n- Manager: Add tags property to GroupEntry objects - [#29672](https://github.com/storybookjs/storybook/pull/29672), thanks @Sidnioulz!\n- Svelte: Support `@sveltejs/vite-plugin-svelte` v5 - [#29731](https://github.com/storybookjs/storybook/pull/29731), thanks @JReinhold!\n- Toolbars: Suppress deprecation warning when using dynamic icons - [#29545](https://github.com/storybookjs/storybook/pull/29545), thanks @ValeraS!"}}

From 69884ada5e3f3dfe2c8d2e21ec84a48bf6bb4ac6 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 15:19:03 +0100
Subject: [PATCH 056/111] cleanup

---
 code/addons/test/src/node/vitest.ts | 20 +-------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/code/addons/test/src/node/vitest.ts b/code/addons/test/src/node/vitest.ts
index 7a962bc39b8..753f7f06b9d 100644
--- a/code/addons/test/src/node/vitest.ts
+++ b/code/addons/test/src/node/vitest.ts
@@ -21,7 +21,7 @@ const channel: Channel = new Channel({
   },
 });
 
-const testManager = new TestManager(channel, {
+new TestManager(channel, {
   onError: (message, error) => {
     process.send?.({ type: 'error', message, error: error.stack ?? error });
   },
@@ -35,24 +35,6 @@ process.stdin.setRawMode(true);
 process.stdin.resume();
 process.stdin.setEncoding('utf8');
 
-// Listen for keyboard input
-process.stdin.on('data', (key) => {
-  // Press 'C' to trigger
-  if (key === 'c' || key === 'C') {
-    console.log('C was pressed, enabling coverage!');
-    testManager.handleConfigChange({ config: { coverage: true }, providerId: TEST_PROVIDER_ID });
-  }
-  if (key === 'v' || key === 'V') {
-    console.log('V was pressed, disabling coverage!');
-    testManager.handleConfigChange({ config: { coverage: false }, providerId: TEST_PROVIDER_ID });
-  }
-
-  // Press ctrl+c to exit
-  if (key === '\u0003') {
-    process.exit();
-  }
-});
-
 const exit = (code = 0) => {
   channel?.removeAllListeners();
   process.exit(code);

From 172f64c80251962a31c7b6b51ce68d43c1ee723b Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 15:19:23 +0100
Subject: [PATCH 057/111] use coverage.statement as metric

---
 code/addons/test/src/node/coverage-reporter.ts | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index 24294e4e667..922b364f3fd 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -27,15 +27,8 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
       return;
     }
     const coverageSummary = node.getCoverageSummary(false);
-    let total = 0;
-    let covered = 0;
 
-    for (const metric of Object.values(coverageSummary.data)) {
-      total += metric.total;
-      covered += metric.covered;
-    }
-
-    const percentage = Math.round((covered / total) * 100);
+    const percentage = Math.round(coverageSummary.data.statements.pct);
 
     // Fallback to Vitest's default watermarks https://vitest.dev/config/#coverage-watermarks
     const [lowWatermark = 50, highWatermark = 80] =

From 13f59b2bcbfb1414e0585c54ee3a1daf638f74c2 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 15:19:52 +0100
Subject: [PATCH 058/111] only boot vitest child process on addon-test-specific
 events

---
 code/addons/test/src/preset.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/code/addons/test/src/preset.ts b/code/addons/test/src/preset.ts
index 15b8238c824..30b0e9da7b3 100644
--- a/code/addons/test/src/preset.ts
+++ b/code/addons/test/src/preset.ts
@@ -9,6 +9,7 @@ import {
   serverRequire,
 } from 'storybook/internal/common';
 import {
+  TESTING_MODULE_CONFIG_CHANGE,
   TESTING_MODULE_RUN_REQUEST,
   TESTING_MODULE_WATCH_MODE_REQUEST,
 } from 'storybook/internal/core-events';
@@ -19,7 +20,7 @@ import { isAbsolute, join } from 'pathe';
 import picocolors from 'picocolors';
 import { dedent } from 'ts-dedent';
 
-import { COVERAGE_DIRECTORY, STORYBOOK_ADDON_TEST_CHANNEL } from './constants';
+import { COVERAGE_DIRECTORY, STORYBOOK_ADDON_TEST_CHANNEL, TEST_PROVIDER_ID } from './constants';
 import { log } from './logger';
 import { runTestRunner } from './node/boot-test-runner';
 
@@ -70,7 +71,9 @@ export const experimental_serverChannel = async (channel: Channel, options: Opti
   const execute =
     (eventName: string) =>
     (...args: any[]) => {
-      runTestRunner(channel, eventName, args);
+      if (args[0]?.providerId === TEST_PROVIDER_ID) {
+        runTestRunner(channel, eventName, args);
+      }
     };
 
   channel.on(TESTING_MODULE_RUN_REQUEST, execute(TESTING_MODULE_RUN_REQUEST));
@@ -79,6 +82,7 @@ export const experimental_serverChannel = async (channel: Channel, options: Opti
       execute(TESTING_MODULE_WATCH_MODE_REQUEST)(payload);
     }
   });
+  channel.on(TESTING_MODULE_CONFIG_CHANGE, execute(TESTING_MODULE_CONFIG_CHANGE));
 
   if (!core.disableTelemetry) {
     const packageJsonPath = require.resolve('@storybook/experimental-addon-test/package.json');

From 9a3b90eab368606b8eb5a9a0fb8e7ef295a51993 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 27 Nov 2024 18:11:29 +0100
Subject: [PATCH 059/111] Build: Attempt to fix Vite 6 sandboxes

---
 scripts/tasks/sandbox-parts.ts |  3 +--
 scripts/utils/yarn.ts          | 12 ------------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index 5f4991644cd..27b73c36de4 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -109,10 +109,9 @@ export const install: Task['run'] = async ({ sandboxDir, key }, { link, dryRun,
       'svelte-vite/default-ts',
       'vue3-vite/default-js',
       'vue3-vite/default-ts',
-      'svelte-kit/skeleton-ts',
     ];
     if (sandboxesNeedingWorkarounds.includes(key) || key.includes('vite')) {
-      await addWorkaroundResolutions({ cwd, dryRun, debug, key });
+      await addWorkaroundResolutions({ cwd, dryRun, debug });
     }
 
     await exec(
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index 142432fa635..8013083bc2a 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -70,7 +70,6 @@ export const installYarn2 = async ({ cwd, dryRun, debug }: YarnOptions) => {
 export const addWorkaroundResolutions = async ({
   cwd,
   dryRun,
-  key,
 }: YarnOptions & { key?: TemplateKey }) => {
   logger.info(`🔢 Adding resolutions for workarounds`);
 
@@ -82,22 +81,11 @@ export const addWorkaroundResolutions = async ({
   const packageJson = await readJSON(packageJsonPath);
   packageJson.resolutions = {
     ...packageJson.resolutions,
-    // Due to our support of older vite versions
-    '@vitejs/plugin-react': '4.2.0',
-    '@vitejs/plugin-vue': '4.5.0',
-    // TODO: Remove this once we figure out how to properly test Vite 4, 5 and 6 in our sandboxes
-    vite: '^5.0.0',
-    // We need to downgrade the plugin so that it works with Vite 5 projects
-    '@sveltejs/vite-plugin-svelte': '4.0.2',
     '@testing-library/dom': '^9.3.4',
     '@testing-library/jest-dom': '^6.5.0',
     '@testing-library/user-event': '^14.5.2',
   };
 
-  if (key?.includes('svelte-kit')) {
-    packageJson.resolutions['@sveltejs/vite-plugin-svelte'] = '^3.0.0';
-  }
-
   await writeJSON(packageJsonPath, packageJson, { spaces: 2 });
 };
 

From 78bdb527b17e56f608459d7ddebc3ff296f239fa Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Wed, 27 Nov 2024 18:33:34 +0100
Subject: [PATCH 060/111] React: Bump docgen version

---
 .../react-native-web-vite/package.json        |  2 +-
 code/frameworks/react-vite/package.json       |  2 +-
 code/yarn.lock                                | 31 ++++++-------------
 3 files changed, 11 insertions(+), 24 deletions(-)

diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index 924bc6ad944..6932dfb0df0 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -53,7 +53,7 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0",
+    "@joshwooding/vite-plugin-react-docgen-typescript": "0.4.2",
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "workspace:*",
     "@storybook/react-vite": "workspace:*",
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 9d8bee1852b..7886b6dd8c3 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -47,7 +47,7 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0",
+    "@joshwooding/vite-plugin-react-docgen-typescript": "0.4.2",
     "@rollup/pluginutils": "^5.0.2",
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "workspace:*",
diff --git a/code/yarn.lock b/code/yarn.lock
index ac6a4044140..6623d2309c3 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -4041,21 +4041,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@joshwooding/vite-plugin-react-docgen-typescript@npm:0.3.0":
-  version: 0.3.0
-  resolution: "@joshwooding/vite-plugin-react-docgen-typescript@npm:0.3.0"
+"@joshwooding/vite-plugin-react-docgen-typescript@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@joshwooding/vite-plugin-react-docgen-typescript@npm:0.4.2"
   dependencies:
-    glob: "npm:^7.2.0"
-    glob-promise: "npm:^4.2.0"
     magic-string: "npm:^0.27.0"
     react-docgen-typescript: "npm:^2.2.2"
   peerDependencies:
     typescript: ">= 4.3.x"
-    vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/31098ad8fcc2440437534599c111d9f2951dd74821e8ba46c521b969bae4c918d830b7bb0484efbad29a51711bb62d3bc623d5a1ed5b1695b5b5594ea9dd4ca0
+  checksum: 10c0/355d13ad92a9da786b561a25250e6c94a8e51d235ced345e54ebfe709abc45ab60c2a8d06599df6ec0441fba01720f189883429943cb62dff9a4c31b59f0939c
   languageName: node
   linkType: hard
 
@@ -7099,7 +7097,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/react-native-web-vite@workspace:frameworks/react-native-web-vite"
   dependencies:
-    "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.3.0"
+    "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.4.2"
     "@storybook/builder-vite": "workspace:*"
     "@storybook/react": "workspace:*"
     "@storybook/react-vite": "workspace:*"
@@ -7120,7 +7118,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/react-vite@workspace:frameworks/react-vite"
   dependencies:
-    "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.3.0"
+    "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.4.2"
     "@rollup/pluginutils": "npm:^5.0.2"
     "@storybook/builder-vite": "workspace:*"
     "@storybook/react": "workspace:*"
@@ -8292,7 +8290,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/glob@npm:^7.1.1, @types/glob@npm:^7.1.3":
+"@types/glob@npm:^7.1.1":
   version: 7.2.0
   resolution: "@types/glob@npm:7.2.0"
   dependencies:
@@ -16676,17 +16674,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-promise@npm:^4.2.0":
-  version: 4.2.2
-  resolution: "glob-promise@npm:4.2.2"
-  dependencies:
-    "@types/glob": "npm:^7.1.3"
-  peerDependencies:
-    glob: ^7.1.6
-  checksum: 10c0/3eb01bed2901539365df6a4d27800afb8788840647d01f9bf3500b3de756597f2ff4b8c823971ace34db228c83159beca459dc42a70968d4e9c8200ed2cc96bd
-  languageName: node
-  linkType: hard
-
 "glob-to-regexp@npm:^0.4.1":
   version: 0.4.1
   resolution: "glob-to-regexp@npm:0.4.1"
@@ -16723,7 +16710,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.2.0":
+"glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
   dependencies:

From d8948f018416a01772811471aec9b097c87bebfa Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 22:04:41 +0100
Subject: [PATCH 061/111] restart vitest before every coverage run

---
 code/addons/test/src/node/boot-test-runner.ts    |  2 +-
 code/addons/test/src/node/test-manager.ts        |  4 ++--
 code/addons/test/src/node/vitest-manager.ts      | 13 ++++++++++---
 code/addons/test/src/node/vitest.ts              |  5 -----
 code/core/src/core-events/data/testing-module.ts |  6 ++++--
 5 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/code/addons/test/src/node/boot-test-runner.ts b/code/addons/test/src/node/boot-test-runner.ts
index 6acc53d1918..9cf4880ec35 100644
--- a/code/addons/test/src/node/boot-test-runner.ts
+++ b/code/addons/test/src/node/boot-test-runner.ts
@@ -67,7 +67,7 @@ const bootTestRunner = async (channel: Channel, initEvent?: string, initArgs?: a
 
   const startChildProcess = () =>
     new Promise<void>((resolve, reject) => {
-      child = execaNode(vitestModulePath, undefined, { stdio: 'inherit' });
+      child = execaNode(vitestModulePath);
       stderr = [];
 
       child.stdout?.on('data', log);
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index ce5f368569c..bb258301cda 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -12,7 +12,7 @@ import {
   type TestingModuleWatchModeRequestPayload,
 } from 'storybook/internal/core-events';
 
-import { TEST_PROVIDER_ID } from '../constants';
+import { type Config, TEST_PROVIDER_ID } from '../constants';
 import { VitestManager } from './vitest-manager';
 
 export class TestManager {
@@ -76,7 +76,7 @@ export class TestManager {
     }
   }
 
-  async handleRunRequest(payload: TestingModuleRunRequestPayload) {
+  async handleRunRequest(payload: TestingModuleRunRequestPayload<Config>) {
     try {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 42a15a45c02..39c4fe59aa9 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -17,7 +17,7 @@ import type { DocsIndexEntry, StoryIndex, StoryIndexEntry } from '@storybook/typ
 import path, { normalize } from 'pathe';
 import slash from 'slash';
 
-import { COVERAGE_DIRECTORY } from '../constants';
+import { COVERAGE_DIRECTORY, type Config } from '../constants';
 import { log } from '../logger';
 import type { StorybookCoverageReporterOptions } from './coverage-reporter';
 import { StorybookReporter } from './reporter';
@@ -133,10 +133,17 @@ export class VitestManager {
     return true;
   }
 
-  async runTests(requestPayload: TestingModuleRunRequestPayload) {
-    if (!this.vitest) {
+  async runTests(requestPayload: TestingModuleRunRequestPayload<Config>) {
+    if (requestPayload.config?.coverage && (requestPayload.storyIds ?? []).length === 0) {
+      // For some reason we need to restart Vitest between every coverage run,
+      // otherwise the coverage is not updated correctly
+      await this.vitest?.runningPromise;
+      await this.closeVitest();
+      await this.startVitest({ watchMode: false, coverage: true });
+    } else if (!this.vitest) {
       await this.startVitest();
     }
+
     this.resetTestNamePattern();
 
     const stories = await this.fetchStories(requestPayload.indexUrl, requestPayload.storyIds);
diff --git a/code/addons/test/src/node/vitest.ts b/code/addons/test/src/node/vitest.ts
index 753f7f06b9d..83f7b06816a 100644
--- a/code/addons/test/src/node/vitest.ts
+++ b/code/addons/test/src/node/vitest.ts
@@ -30,11 +30,6 @@ new TestManager(channel, {
   },
 });
 
-// Enable raw mode to get keystrokes
-process.stdin.setRawMode(true);
-process.stdin.resume();
-process.stdin.setEncoding('utf8');
-
 const exit = (code = 0) => {
   channel?.removeAllListeners();
   process.exit(code);
diff --git a/code/core/src/core-events/data/testing-module.ts b/code/core/src/core-events/data/testing-module.ts
index 488d66673dd..184139626e7 100644
--- a/code/core/src/core-events/data/testing-module.ts
+++ b/code/core/src/core-events/data/testing-module.ts
@@ -11,12 +11,14 @@ export type TestProviderState<
 
 export type TestProviders = Record<TestProviderId, TestProviderConfig & TestProviderState>;
 
-export type TestingModuleRunRequestPayload = {
+export type TestingModuleRunRequestPayload<
+  Config extends { [key: string]: any } = NonNullable<unknown>,
+> = {
   providerId: TestProviderId;
   // TODO: Avoid needing to do a fetch request server-side to retrieve the index
   indexUrl: string; // e.g. http://localhost:6006/index.json
   storyIds?: string[]; // ['button--primary', 'button--secondary']
-  config?: TestProviderState['config'];
+  config?: TestProviderState<NonNullable<unknown>, Config>['config'];
 };
 
 export type TestingModuleProgressReportPayload =

From 1563d50e07747d1ebbe27e51e457f2a6717425c4 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 22:53:32 +0100
Subject: [PATCH 062/111] cleanup

---
 .../src/components/TestProviderRender.tsx     |  1 -
 code/addons/test/src/constants.ts             |  2 --
 code/addons/test/src/manager.tsx              | 20 +----------
 code/addons/test/src/node/test-manager.ts     | 34 ++++++++++++-------
 code/addons/test/src/node/vitest-manager.ts   |  8 +----
 5 files changed, 23 insertions(+), 42 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 20869fc6e38..3bdbfb64236 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -234,7 +234,6 @@ function useConfig(api: API, providerId: string, initialConfig: Config) {
     debounce((config: Config) => {
       if (!isEqual(config, lastConfig.current)) {
         api.updateTestProviderState(providerId, { config });
-        console.log('LOG: saveConfig', { providerId, config });
         api.emit(TESTING_MODULE_CONFIG_CHANGE, { providerId, config });
         lastConfig.current = config;
       }
diff --git a/code/addons/test/src/constants.ts b/code/addons/test/src/constants.ts
index 0ee35f70dd8..08431f1e792 100644
--- a/code/addons/test/src/constants.ts
+++ b/code/addons/test/src/constants.ts
@@ -1,5 +1,3 @@
-import type { CoverageSummaryData } from 'istanbul-lib-coverage';
-
 import type { TestResult } from './node/reporter';
 
 export const ADDON_ID = 'storybook/test';
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 1b10c1ef9a2..b0b2eeef240 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -1,4 +1,4 @@
-import React, { useSyncExternalStore } from 'react';
+import React from 'react';
 
 import { AddonPanel } from 'storybook/internal/components';
 import type { Combo } from 'storybook/internal/manager-api';
@@ -10,8 +10,6 @@ import {
   Addon_TypesEnum,
 } from 'storybook/internal/types';
 
-import type { ReportNode } from 'istanbul-lib-report';
-
 import { ContextMenuItem } from './components/ContextMenuItem';
 import { Panel } from './components/Panel';
 import { PanelTitle } from './components/PanelTitle';
@@ -32,22 +30,6 @@ addons.register(ADDON_ID, (api) => {
       api.togglePanel(true);
     };
 
-    type CoverageSummary = {
-      coverageSummary: ReturnType<ReportNode['getCoverageSummary']>['data'];
-    };
-    const coverageStore = {
-      data: undefined as CoverageSummary | undefined,
-      subscribe: () => {
-        const listener = (data: CoverageSummary) => {
-          console.log('LOG: got coverage data on channel', data);
-          coverageStore.data = data;
-        };
-        const channel = api.getChannel();
-        channel.on('storybook/coverage', listener);
-        return () => channel.off('storybook/coverage', listener);
-      },
-      getSnapshot: () => coverageStore.data,
-    };
     addons.add(TEST_PROVIDER_ID, {
       type: Addon_TypesEnum.experimental_TEST_PROVIDER,
       runnable: true,
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index bb258301cda..5e2eae310f3 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -48,16 +48,16 @@ export class TestManager {
   async handleConfigChange(
     payload: TestingModuleConfigChangePayload<any, { coverage: boolean; a11y: boolean }>
   ) {
-    try {
-      if (payload.providerId !== TEST_PROVIDER_ID) {
-        return;
-      }
-      if (this.coverage !== payload.config.coverage) {
+    if (payload.providerId !== TEST_PROVIDER_ID) {
+      return;
+    }
+    if (this.coverage !== payload.config.coverage) {
+      try {
         this.coverage = payload.config.coverage;
         await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
+      } catch (e) {
+        this.reportFatalError('Failed to change coverage mode', e);
       }
-    } catch (e) {
-      this.reportFatalError('Failed to change coverage mode', e);
     }
   }
 
@@ -81,17 +81,25 @@ export class TestManager {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
       }
-      // If we have coverage enabled and we're running a subset of stories, we need to temporarily disable coverage
-      // as a coverage report for a subset of stories is not useful.
-      const temporarilyDisableCoverage = this.coverage && payload.storyIds?.length > 0;
 
-      if (temporarilyDisableCoverage) {
-        await this.restartVitest({ watchMode: this.watchMode, coverage: false });
+      const allTestsRun = (payload.storyIds ?? []).length === 0;
+      if (this.coverage) {
+        // If we have coverage enabled and we're running all stories,
+        // we have to restart Vitest AND disable watch mode
+        // otherwise the coverage report will be incorrect.
+
+        // If we're only running a subset of stories, we have to temporarily disable coverage,
+        // as a coverage report for a subset of stories is not useful.
+        await this.restartVitest({
+          watchMode: allTestsRun ? false : this.watchMode,
+          coverage: allTestsRun,
+        });
       }
 
       await this.vitestManager.runTests(payload);
 
-      if (temporarilyDisableCoverage) {
+      if (this.coverage && !allTestsRun) {
+        // Re-enable coverage if it was temporarily disabled because of a subset of stories was run
         await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
       }
     } catch (e) {
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 39c4fe59aa9..5d3a66fad41 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -134,13 +134,7 @@ export class VitestManager {
   }
 
   async runTests(requestPayload: TestingModuleRunRequestPayload<Config>) {
-    if (requestPayload.config?.coverage && (requestPayload.storyIds ?? []).length === 0) {
-      // For some reason we need to restart Vitest between every coverage run,
-      // otherwise the coverage is not updated correctly
-      await this.vitest?.runningPromise;
-      await this.closeVitest();
-      await this.startVitest({ watchMode: false, coverage: true });
-    } else if (!this.vitest) {
+    if (!this.vitest) {
       await this.startVitest();
     }
 

From 979f974bd22500756e92eb4d593ee73149e84334 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 23:07:48 +0100
Subject: [PATCH 063/111] fix types

---
 .../src/core-server/presets/common-preset.ts  | 23 ++++++++++---------
 .../components/sidebar/SidebarBottom.tsx      |  6 +++--
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/code/core/src/core-server/presets/common-preset.ts b/code/core/src/core-server/presets/common-preset.ts
index 7bd893d0daf..fe5f7db4f53 100644
--- a/code/core/src/core-server/presets/common-preset.ts
+++ b/code/core/src/core-server/presets/common-preset.ts
@@ -303,26 +303,27 @@ export const experimental_serverChannel = async (
     channel.on(
       TESTING_MODULE_PROGRESS_REPORT,
       async (payload: TestingModuleProgressReportPayload) => {
-        if (
-          (payload.status === 'success' || payload.status === 'cancelled') &&
-          payload.progress?.finishedAt
-        ) {
+        const status = 'status' in payload ? payload.status : undefined;
+        const progress = 'progress' in payload ? payload.progress : undefined;
+        const error = 'error' in payload ? payload.error : undefined;
+
+        if ((status === 'success' || status === 'cancelled') && progress?.finishedAt) {
           await telemetry('testing-module-completed-report', {
             provider: payload.providerId,
-            duration: payload.progress.finishedAt - payload.progress.startedAt,
-            numTotalTests: payload.progress.numTotalTests,
-            numFailedTests: payload.progress.numFailedTests,
-            numPassedTests: payload.progress.numPassedTests,
-            status: payload.status,
+            duration: progress?.finishedAt - progress?.startedAt,
+            numTotalTests: progress?.numTotalTests,
+            numFailedTests: progress?.numFailedTests,
+            numPassedTests: progress?.numPassedTests,
+            status,
           });
         }
 
-        if (payload.status === 'failed') {
+        if (status === 'failed') {
           await telemetry('testing-module-completed-report', {
             provider: payload.providerId,
             status: 'failed',
             ...(options.enableCrashReports && {
-              error: sanitizeError(payload.error),
+              error: error && sanitizeError(error),
             }),
           });
         }
diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
index ba64b4e500a..e39f7595188 100644
--- a/code/core/src/manager/components/sidebar/SidebarBottom.tsx
+++ b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
@@ -130,10 +130,12 @@ export const SidebarBottomBase = ({
     };
 
     const onProgressReport = ({ providerId, ...result }: TestingModuleProgressReportPayload) => {
-      if (result.status === 'failed') {
+      const statusResult = 'status' in result ? result.status : undefined;
+
+      if (statusResult === 'failed') {
         api.updateTestProviderState(providerId, { ...result, running: false, failed: true });
       } else {
-        const update = { ...result, running: result.status === 'pending' };
+        const update = { ...result, running: statusResult === 'pending' };
         api.updateTestProviderState(providerId, update);
 
         const { mapStatusUpdate, ...state } = testProviders[providerId];

From 4a6999395e458ad5d07dac41ff358beff7592a68 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Thu, 28 Nov 2024 23:16:43 +0100
Subject: [PATCH 064/111] disable coverage in watch mode

---
 code/addons/test/src/components/TestProviderRender.tsx | 3 ++-
 code/addons/test/src/node/test-manager.ts              | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 3bdbfb64236..d1c879d6031 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -160,7 +160,8 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
-                checked={config.coverage}
+                checked={state.watching ? false : config.coverage}
+                disabled={state.watching}
                 onChange={() => updateConfig({ coverage: !config.coverage })}
               />
             }
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 5e2eae310f3..5de508cca3c 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -69,7 +69,7 @@ export class TestManager {
 
       if (this.watchMode !== payload.watchMode) {
         this.watchMode = payload.watchMode;
-        await this.restartVitest({ watchMode: this.watchMode, coverage: this.coverage });
+        await this.restartVitest({ watchMode: this.watchMode, coverage: false });
       }
     } catch (e) {
       this.reportFatalError('Failed to change watch mode', e);

From 8e0ef7fcfda98563ae4ee12478bc8a57d50c88cc Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 29 Nov 2024 12:09:15 +1100
Subject: [PATCH 065/111] Fix two issues with anonymous id calculation:

- Paths were not stable between windows + unix
- Remote URLs can be specified without the `.git` extension
---
 code/core/src/telemetry/anonymous-id.test.ts | 16 ++++++++++++++-
 code/core/src/telemetry/anonymous-id.ts      | 21 +++++++++++++-------
 code/deprecated/telemetry/package.json       |  3 +++
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/code/core/src/telemetry/anonymous-id.test.ts b/code/core/src/telemetry/anonymous-id.test.ts
index 6606f43cabc..5968528f32b 100644
--- a/code/core/src/telemetry/anonymous-id.test.ts
+++ b/code/core/src/telemetry/anonymous-id.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { normalizeGitUrl } from './anonymous-id';
+import { normalizeGitUrl, unhashedProjectId } from './anonymous-id';
 
 describe('normalizeGitUrl', () => {
   it('trims off https://', () => {
@@ -69,6 +69,12 @@ describe('normalizeGitUrl', () => {
     );
   });
 
+  it('adds .git if missing', () => {
+    expect(normalizeGitUrl('https://github.com/storybookjs/storybook')).toEqual(
+      'github.com/storybookjs/storybook.git'
+    );
+  });
+
   it('trims off #hash', () => {
     expect(normalizeGitUrl('https://github.com/storybookjs/storybook.git#next')).toEqual(
       'github.com/storybookjs/storybook.git'
@@ -85,3 +91,11 @@ describe('normalizeGitUrl', () => {
     );
   });
 });
+
+describe('unhashedProjectId', () => {
+  it('normalizes windows paths', () => {
+    expect(
+      unhashedProjectId('https://github.com/storybookjs/storybook.git\n', 'path\\to\\storybook')
+    ).toBe('github.com/storybookjs/storybook.gitpath/to/storybook');
+  });
+});
diff --git a/code/core/src/telemetry/anonymous-id.ts b/code/core/src/telemetry/anonymous-id.ts
index c97071c0d12..1d23d0a493a 100644
--- a/code/core/src/telemetry/anonymous-id.ts
+++ b/code/core/src/telemetry/anonymous-id.ts
@@ -3,6 +3,7 @@ import { relative } from 'node:path';
 import { getProjectRoot } from '@storybook/core/common';
 
 import { execSync } from 'child_process';
+import slash from 'slash';
 
 import { oneWayHash } from './one-way-hash';
 
@@ -16,7 +17,18 @@ export function normalizeGitUrl(rawUrl: string) {
   // Now strip off scheme
   const urlWithoutScheme = urlWithoutUser.replace(/^.*\/\//, '');
 
-  return urlWithoutScheme.replace(':', '/');
+  // Ensure the URL ends in `.git`
+  const urlWithExtension = urlWithoutScheme.endsWith('.git')
+    ? urlWithoutScheme
+    : `${urlWithoutScheme}.git`;
+
+  return urlWithExtension.replace(':', '/');
+}
+
+// we use a combination of remoteUrl and working directory
+// to separate multiple storybooks from the same project (e.g. monorepo)
+export function unhashedProjectId(remoteUrl: string, projectRootPath: string) {
+  return `${normalizeGitUrl(remoteUrl)}${slash(projectRootPath)}`;
 }
 
 let anonymousProjectId: string;
@@ -25,7 +37,6 @@ export const getAnonymousProjectId = () => {
     return anonymousProjectId;
   }
 
-  let unhashedProjectId;
   try {
     const projectRoot = getProjectRoot();
 
@@ -36,11 +47,7 @@ export const getAnonymousProjectId = () => {
       stdio: `pipe`,
     });
 
-    // we use a combination of remoteUrl and working directory
-    // to separate multiple storybooks from the same project (e.g. monorepo)
-    unhashedProjectId = `${normalizeGitUrl(String(originBuffer))}${projectRootPath}`;
-
-    anonymousProjectId = oneWayHash(unhashedProjectId);
+    anonymousProjectId = oneWayHash(unhashedProjectId(String(originBuffer), projectRootPath));
   } catch (_) {
     //
   }
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 211104ad6fa..aaf4b347c38 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -38,6 +38,9 @@
     "*.cjs",
     "*.d.ts"
   ],
+  "devDependencies": {
+    "slash": "^5.0.0"
+  },
   "peerDependencies": {
     "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
   },

From 37d9355fa68b918c524ded8a81167a759f5a3376 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 29 Nov 2024 12:11:13 +1100
Subject: [PATCH 066/111] Add a unix test

---
 code/core/src/telemetry/anonymous-id.test.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/code/core/src/telemetry/anonymous-id.test.ts b/code/core/src/telemetry/anonymous-id.test.ts
index 5968528f32b..d583fc75096 100644
--- a/code/core/src/telemetry/anonymous-id.test.ts
+++ b/code/core/src/telemetry/anonymous-id.test.ts
@@ -93,6 +93,13 @@ describe('normalizeGitUrl', () => {
 });
 
 describe('unhashedProjectId', () => {
+    it('does not touch unix paths', () => {
+    expect(
+      unhashedProjectId('https://github.com/storybookjs/storybook.git\n', 'path/to/storybook')
+    ).toBe('github.com/storybookjs/storybook.gitpath/to/storybook');
+  });
+
+
   it('normalizes windows paths', () => {
     expect(
       unhashedProjectId('https://github.com/storybookjs/storybook.git\n', 'path\\to\\storybook')

From 8e36f89d555d8f6d3ae37f69bc2b2c94539da046 Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 29 Nov 2024 12:23:38 +1100
Subject: [PATCH 067/111] Didn't need to add the dependency to the `telemetry`
 package

---
 code/deprecated/telemetry/package.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index aaf4b347c38..211104ad6fa 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -38,9 +38,6 @@
     "*.cjs",
     "*.d.ts"
   ],
-  "devDependencies": {
-    "slash": "^5.0.0"
-  },
   "peerDependencies": {
     "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
   },

From 1cc488e7e065bb02017a781112d2f6cda00f44ab Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Fri, 29 Nov 2024 12:53:24 +1100
Subject: [PATCH 068/111] Minor linting issue

---
 code/core/src/telemetry/anonymous-id.test.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/code/core/src/telemetry/anonymous-id.test.ts b/code/core/src/telemetry/anonymous-id.test.ts
index d583fc75096..8277ca547e8 100644
--- a/code/core/src/telemetry/anonymous-id.test.ts
+++ b/code/core/src/telemetry/anonymous-id.test.ts
@@ -93,13 +93,12 @@ describe('normalizeGitUrl', () => {
 });
 
 describe('unhashedProjectId', () => {
-    it('does not touch unix paths', () => {
+  it('does not touch unix paths', () => {
     expect(
       unhashedProjectId('https://github.com/storybookjs/storybook.git\n', 'path/to/storybook')
     ).toBe('github.com/storybookjs/storybook.gitpath/to/storybook');
   });
 
-
   it('normalizes windows paths', () => {
     expect(
       unhashedProjectId('https://github.com/storybookjs/storybook.git\n', 'path\\to\\storybook')

From 37fb3f710c1da8b6be5e996ecd59ec1ee8ecae08 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 09:07:02 +0100
Subject: [PATCH 069/111] improve vitest restart comment

---
 code/addons/test/src/node/test-manager.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index 5de508cca3c..b9f1c95f38a 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -84,12 +84,15 @@ export class TestManager {
 
       const allTestsRun = (payload.storyIds ?? []).length === 0;
       if (this.coverage) {
-        // If we have coverage enabled and we're running all stories,
-        // we have to restart Vitest AND disable watch mode
-        // otherwise the coverage report will be incorrect.
-
-        // If we're only running a subset of stories, we have to temporarily disable coverage,
-        // as a coverage report for a subset of stories is not useful.
+        /*
+           If we have coverage enabled and we're running all stories,
+           we have to restart Vitest AND disable watch mode otherwise the coverage report will be incorrect,
+           Vitest behaves wonky when re-using the same Vitest instance but with watch mode disabled,
+           among other things it causes the coverage report to be incorrect and stale.
+           
+           If we're only running a subset of stories, we have to temporarily disable coverage,
+           as a coverage report for a subset of stories is not useful.
+         */
         await this.restartVitest({
           watchMode: allTestsRun ? false : this.watchMode,
           coverage: allTestsRun,

From 61a7b2a4c442c4b3b54e0ed9cd340a6f518e244e Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 29 Nov 2024 09:22:03 +0100
Subject: [PATCH 070/111] disable SidebarContextMenu in static build

---
 .../src/manager/components/sidebar/ContextMenu.tsx  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/code/core/src/manager/components/sidebar/ContextMenu.tsx b/code/core/src/manager/components/sidebar/ContextMenu.tsx
index 867ed8da72b..6e0300a22eb 100644
--- a/code/core/src/manager/components/sidebar/ContextMenu.tsx
+++ b/code/core/src/manager/components/sidebar/ContextMenu.tsx
@@ -12,7 +12,11 @@ import type { API } from '@storybook/core/manager-api';
 import type { Link } from '../../../components/components/tooltip/TooltipLinkList';
 import { StatusButton } from './StatusButton';
 import type { ExcludesNull } from './Tree';
-import { ContextMenu } from './Tree';
+
+const empty = {
+  onMouseEnter: () => {},
+  node: null,
+};
 
 export const useContextMenu = (context: API_HashEntry, links: Link[], api: API) => {
   const [hoverCount, setHoverCount] = useState(0);
@@ -34,7 +38,7 @@ export const useContextMenu = (context: API_HashEntry, links: Link[], api: API)
   }, []);
 
   /**
-   * Calculate the providerLinks whenever the user mouses over the container. We use an incrementer,
+   * Calculate the providerLinks whenever the user mouses over the container. We use an incrementor,
    * instead of a simple boolean to ensure that the links are recalculated
    */
   const providerLinks = useMemo(() => {
@@ -51,6 +55,11 @@ export const useContextMenu = (context: API_HashEntry, links: Link[], api: API)
   const isRendered = providerLinks.length > 0 || links.length > 0;
 
   return useMemo(() => {
+    // Never show the SidebarContextMenu in production
+    if (globalThis.CONFIG_TYPE !== 'DEVELOPMENT') {
+      return empty;
+    }
+
     return {
       onMouseEnter: handlers.onMouseEnter,
       node: isRendered ? (

From 2a4b516ec6201db16be50bd1102dd331409df0cf Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 29 Nov 2024 08:26:07 +0000
Subject: [PATCH 071/111] Bump version from "8.5.0-alpha.11" to
 "8.5.0-alpha.12" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 8d287edc2a1..f5fee31b372 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 861ba2dfa1b..4abcfeb2c40 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index a42cb39dd00..0ff66279200 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 2b80ee6e2d1..836fc46594f 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 6ae8bfab801..5dc69971084 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 2c031365dfe..7be396d27ac 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index 07d0f67b8b6..ec68096245e 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 38716f49fe2..ef164e4d46d 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 3a1907cb132..c197d9fa401 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 48c000cbee3..cbcba9a243f 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index dceed434a9b..1506ae807be 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 75d0cc61ff6..fee34e45175 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index 32c40226ed0..5eec96a5da2 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 61683859b7e..287d7b89f49 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index bdc64176f58..b78473d0ec2 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index a2ed4eecb06..468362aa96e 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index b75ea12d5bf..a0eabe7ef4f 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index d264eda25e3..f96bd46a774 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index cc5373ab4fd..7e92997982e 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 6aca791d743..52823368ea6 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index aea72ba5e86..12208688ef8 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index fbb5f40710a..4fe2b9495aa 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index 82dfb609ff1..c950aa3495b 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.11',
-  '@storybook/addon-actions': '8.5.0-alpha.11',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.11',
-  '@storybook/addon-controls': '8.5.0-alpha.11',
-  '@storybook/addon-docs': '8.5.0-alpha.11',
-  '@storybook/addon-essentials': '8.5.0-alpha.11',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.11',
-  '@storybook/addon-highlight': '8.5.0-alpha.11',
-  '@storybook/addon-interactions': '8.5.0-alpha.11',
-  '@storybook/addon-jest': '8.5.0-alpha.11',
-  '@storybook/addon-links': '8.5.0-alpha.11',
-  '@storybook/addon-measure': '8.5.0-alpha.11',
-  '@storybook/addon-onboarding': '8.5.0-alpha.11',
-  '@storybook/addon-outline': '8.5.0-alpha.11',
-  '@storybook/addon-storysource': '8.5.0-alpha.11',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.11',
-  '@storybook/addon-themes': '8.5.0-alpha.11',
-  '@storybook/addon-toolbars': '8.5.0-alpha.11',
-  '@storybook/addon-viewport': '8.5.0-alpha.11',
-  '@storybook/builder-vite': '8.5.0-alpha.11',
-  '@storybook/builder-webpack5': '8.5.0-alpha.11',
-  '@storybook/core': '8.5.0-alpha.11',
-  '@storybook/builder-manager': '8.5.0-alpha.11',
-  '@storybook/channels': '8.5.0-alpha.11',
-  '@storybook/client-logger': '8.5.0-alpha.11',
-  '@storybook/components': '8.5.0-alpha.11',
-  '@storybook/core-common': '8.5.0-alpha.11',
-  '@storybook/core-events': '8.5.0-alpha.11',
-  '@storybook/core-server': '8.5.0-alpha.11',
-  '@storybook/csf-tools': '8.5.0-alpha.11',
-  '@storybook/docs-tools': '8.5.0-alpha.11',
-  '@storybook/manager': '8.5.0-alpha.11',
-  '@storybook/manager-api': '8.5.0-alpha.11',
-  '@storybook/node-logger': '8.5.0-alpha.11',
-  '@storybook/preview': '8.5.0-alpha.11',
-  '@storybook/preview-api': '8.5.0-alpha.11',
-  '@storybook/router': '8.5.0-alpha.11',
-  '@storybook/telemetry': '8.5.0-alpha.11',
-  '@storybook/theming': '8.5.0-alpha.11',
-  '@storybook/types': '8.5.0-alpha.11',
-  '@storybook/angular': '8.5.0-alpha.11',
-  '@storybook/ember': '8.5.0-alpha.11',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.11',
-  '@storybook/html-vite': '8.5.0-alpha.11',
-  '@storybook/html-webpack5': '8.5.0-alpha.11',
-  '@storybook/nextjs': '8.5.0-alpha.11',
-  '@storybook/preact-vite': '8.5.0-alpha.11',
-  '@storybook/preact-webpack5': '8.5.0-alpha.11',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.11',
-  '@storybook/react-vite': '8.5.0-alpha.11',
-  '@storybook/react-webpack5': '8.5.0-alpha.11',
-  '@storybook/server-webpack5': '8.5.0-alpha.11',
-  '@storybook/svelte-vite': '8.5.0-alpha.11',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.11',
-  '@storybook/sveltekit': '8.5.0-alpha.11',
-  '@storybook/vue3-vite': '8.5.0-alpha.11',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.11',
-  '@storybook/web-components-vite': '8.5.0-alpha.11',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.11',
-  '@storybook/blocks': '8.5.0-alpha.11',
-  storybook: '8.5.0-alpha.11',
-  sb: '8.5.0-alpha.11',
-  '@storybook/cli': '8.5.0-alpha.11',
-  '@storybook/codemod': '8.5.0-alpha.11',
-  '@storybook/core-webpack': '8.5.0-alpha.11',
-  'create-storybook': '8.5.0-alpha.11',
-  '@storybook/csf-plugin': '8.5.0-alpha.11',
-  '@storybook/instrumenter': '8.5.0-alpha.11',
-  '@storybook/react-dom-shim': '8.5.0-alpha.11',
-  '@storybook/source-loader': '8.5.0-alpha.11',
-  '@storybook/test': '8.5.0-alpha.11',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.11',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.11',
-  '@storybook/html': '8.5.0-alpha.11',
-  '@storybook/preact': '8.5.0-alpha.11',
-  '@storybook/react': '8.5.0-alpha.11',
-  '@storybook/server': '8.5.0-alpha.11',
-  '@storybook/svelte': '8.5.0-alpha.11',
-  '@storybook/vue3': '8.5.0-alpha.11',
-  '@storybook/web-components': '8.5.0-alpha.11',
+  '@storybook/addon-a11y': '8.5.0-alpha.12',
+  '@storybook/addon-actions': '8.5.0-alpha.12',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.12',
+  '@storybook/addon-controls': '8.5.0-alpha.12',
+  '@storybook/addon-docs': '8.5.0-alpha.12',
+  '@storybook/addon-essentials': '8.5.0-alpha.12',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.12',
+  '@storybook/addon-highlight': '8.5.0-alpha.12',
+  '@storybook/addon-interactions': '8.5.0-alpha.12',
+  '@storybook/addon-jest': '8.5.0-alpha.12',
+  '@storybook/addon-links': '8.5.0-alpha.12',
+  '@storybook/addon-measure': '8.5.0-alpha.12',
+  '@storybook/addon-onboarding': '8.5.0-alpha.12',
+  '@storybook/addon-outline': '8.5.0-alpha.12',
+  '@storybook/addon-storysource': '8.5.0-alpha.12',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.12',
+  '@storybook/addon-themes': '8.5.0-alpha.12',
+  '@storybook/addon-toolbars': '8.5.0-alpha.12',
+  '@storybook/addon-viewport': '8.5.0-alpha.12',
+  '@storybook/builder-vite': '8.5.0-alpha.12',
+  '@storybook/builder-webpack5': '8.5.0-alpha.12',
+  '@storybook/core': '8.5.0-alpha.12',
+  '@storybook/builder-manager': '8.5.0-alpha.12',
+  '@storybook/channels': '8.5.0-alpha.12',
+  '@storybook/client-logger': '8.5.0-alpha.12',
+  '@storybook/components': '8.5.0-alpha.12',
+  '@storybook/core-common': '8.5.0-alpha.12',
+  '@storybook/core-events': '8.5.0-alpha.12',
+  '@storybook/core-server': '8.5.0-alpha.12',
+  '@storybook/csf-tools': '8.5.0-alpha.12',
+  '@storybook/docs-tools': '8.5.0-alpha.12',
+  '@storybook/manager': '8.5.0-alpha.12',
+  '@storybook/manager-api': '8.5.0-alpha.12',
+  '@storybook/node-logger': '8.5.0-alpha.12',
+  '@storybook/preview': '8.5.0-alpha.12',
+  '@storybook/preview-api': '8.5.0-alpha.12',
+  '@storybook/router': '8.5.0-alpha.12',
+  '@storybook/telemetry': '8.5.0-alpha.12',
+  '@storybook/theming': '8.5.0-alpha.12',
+  '@storybook/types': '8.5.0-alpha.12',
+  '@storybook/angular': '8.5.0-alpha.12',
+  '@storybook/ember': '8.5.0-alpha.12',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.12',
+  '@storybook/html-vite': '8.5.0-alpha.12',
+  '@storybook/html-webpack5': '8.5.0-alpha.12',
+  '@storybook/nextjs': '8.5.0-alpha.12',
+  '@storybook/preact-vite': '8.5.0-alpha.12',
+  '@storybook/preact-webpack5': '8.5.0-alpha.12',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.12',
+  '@storybook/react-vite': '8.5.0-alpha.12',
+  '@storybook/react-webpack5': '8.5.0-alpha.12',
+  '@storybook/server-webpack5': '8.5.0-alpha.12',
+  '@storybook/svelte-vite': '8.5.0-alpha.12',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.12',
+  '@storybook/sveltekit': '8.5.0-alpha.12',
+  '@storybook/vue3-vite': '8.5.0-alpha.12',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.12',
+  '@storybook/web-components-vite': '8.5.0-alpha.12',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.12',
+  '@storybook/blocks': '8.5.0-alpha.12',
+  storybook: '8.5.0-alpha.12',
+  sb: '8.5.0-alpha.12',
+  '@storybook/cli': '8.5.0-alpha.12',
+  '@storybook/codemod': '8.5.0-alpha.12',
+  '@storybook/core-webpack': '8.5.0-alpha.12',
+  'create-storybook': '8.5.0-alpha.12',
+  '@storybook/csf-plugin': '8.5.0-alpha.12',
+  '@storybook/instrumenter': '8.5.0-alpha.12',
+  '@storybook/react-dom-shim': '8.5.0-alpha.12',
+  '@storybook/source-loader': '8.5.0-alpha.12',
+  '@storybook/test': '8.5.0-alpha.12',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.12',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.12',
+  '@storybook/html': '8.5.0-alpha.12',
+  '@storybook/preact': '8.5.0-alpha.12',
+  '@storybook/react': '8.5.0-alpha.12',
+  '@storybook/server': '8.5.0-alpha.12',
+  '@storybook/svelte': '8.5.0-alpha.12',
+  '@storybook/vue3': '8.5.0-alpha.12',
+  '@storybook/web-components': '8.5.0-alpha.12',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index 2391cee01a4..cdfc07879cf 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.11';
+export const version = '8.5.0-alpha.12';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 3c7a880bec8..880b20de62d 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 39dea9f694f..6b3620c0474 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index 84ac78d017d..f2cbf9cd522 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index cc9cf32d50b..6575d0caa6d 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index 03aeef7fcfa..e84d6527a53 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index 14f50384d09..809b0f1e8db 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index 57d78ce2c7f..ac30bcc85e3 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index b453f33b221..2e39d5272d5 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index d9f86d24233..fe6404d6e35 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 657e55f87d8..9b4c0b28138 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index 064a12aee2e..2a0d18d0b85 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index f6c8d7d4cdd..030cf080584 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index 8a9c7764cd2..93b21d422c3 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index 02ea943b984..09f533a0b4a 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 00e4eee22c2..5fb2af49407 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 211104ad6fa..294782543f3 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index f8bca47a3fe..a069d6c0ffc 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index 2d843775724..e9137c3eeae 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index d25f5e18fcc..60d95ed57eb 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 56a84fd94d9..84c1f3e95cd 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index 996a0f973ef..fef52f0beab 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index fca3c47429a..ccbd8dfa4dc 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 6eae1204759..bc8a5de347a 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 2d08107671a..c3e2f13d582 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 8d1ec1562c2..6eaec704172 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index c27e12702ba..9e4ab5fdebf 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index 924bc6ad944..144f2adf0ca 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 9d8bee1852b..9594e4f89b7 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 4c324aaabea..d325f1edaa3 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index df14550edc6..1b1b261392a 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 7ea9af5e2f7..62bb654eb21 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 642a60ecabe..f9221e59e28 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 6e472585421..8c804cf7ffd 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index b68e59ea298..7c9064ff767 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index de06013260a..c916868de8f 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 0d64592882d..d495a562456 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index ebc1182c4d3..df9883f9b08 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 86d8f6ab88f..52d5270952d 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index cc938632f01..34c1082ddeb 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index ddcdd2dd44e..831954bff7b 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 0de0a11ae70..9e61a49305b 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 9c3ba7afaa8..f74599dc599 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index c54dde3f799..1cf69c7db6e 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 1289aa9ff5b..201b2c317e3 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 3e018b3874b..c08d8598ee7 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index ad0e770e6be..4022274ab31 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index dd777c78f7e..899ea0e84ce 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index daec5d7c403..f50c22641df 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index f68a4a758b4..a5c22acee3c 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index 3c7041bf133..2f25b2ba2e5 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.12"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index dc7fe9949b5..fc6b830218a 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index f8c2de78615..247819e7524 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index a82f7b68062..18254f02417 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 36e648362e9..bd6cb39acc8 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index ceae7867817..3b1036342d9 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 94fee6c14b7..68d3f5523bf 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index e127268c759..da039d8a0ac 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index e79c62f9752..11cf744b02b 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index ff4b9fc2aa3..4d27023d938 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index ecf20e7b24a..4428b19de4a 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index fb73d3651a4..002872930fc 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 547da59fae2..257cf974d05 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 03a8041ad76..332f283037e 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index fdb1747752c..83f089268fa 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From b53665b64988f46d283564d16138b064c042e424 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 29 Nov 2024 08:31:42 +0000
Subject: [PATCH 072/111] Bump version from "8.5.0-alpha.11" to
 "8.5.0-alpha.12" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 8d287edc2a1..f5fee31b372 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 861ba2dfa1b..4abcfeb2c40 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index a42cb39dd00..0ff66279200 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 2b80ee6e2d1..836fc46594f 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 6ae8bfab801..5dc69971084 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 2c031365dfe..7be396d27ac 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index 07d0f67b8b6..ec68096245e 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 38716f49fe2..ef164e4d46d 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 3a1907cb132..c197d9fa401 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 48c000cbee3..cbcba9a243f 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index dceed434a9b..1506ae807be 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 75d0cc61ff6..fee34e45175 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index 32c40226ed0..5eec96a5da2 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 61683859b7e..287d7b89f49 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index bdc64176f58..b78473d0ec2 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index a2ed4eecb06..468362aa96e 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index b75ea12d5bf..a0eabe7ef4f 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index d264eda25e3..f96bd46a774 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index cc5373ab4fd..7e92997982e 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 6aca791d743..52823368ea6 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index aea72ba5e86..12208688ef8 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index fbb5f40710a..4fe2b9495aa 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index 82dfb609ff1..c950aa3495b 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.11',
-  '@storybook/addon-actions': '8.5.0-alpha.11',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.11',
-  '@storybook/addon-controls': '8.5.0-alpha.11',
-  '@storybook/addon-docs': '8.5.0-alpha.11',
-  '@storybook/addon-essentials': '8.5.0-alpha.11',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.11',
-  '@storybook/addon-highlight': '8.5.0-alpha.11',
-  '@storybook/addon-interactions': '8.5.0-alpha.11',
-  '@storybook/addon-jest': '8.5.0-alpha.11',
-  '@storybook/addon-links': '8.5.0-alpha.11',
-  '@storybook/addon-measure': '8.5.0-alpha.11',
-  '@storybook/addon-onboarding': '8.5.0-alpha.11',
-  '@storybook/addon-outline': '8.5.0-alpha.11',
-  '@storybook/addon-storysource': '8.5.0-alpha.11',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.11',
-  '@storybook/addon-themes': '8.5.0-alpha.11',
-  '@storybook/addon-toolbars': '8.5.0-alpha.11',
-  '@storybook/addon-viewport': '8.5.0-alpha.11',
-  '@storybook/builder-vite': '8.5.0-alpha.11',
-  '@storybook/builder-webpack5': '8.5.0-alpha.11',
-  '@storybook/core': '8.5.0-alpha.11',
-  '@storybook/builder-manager': '8.5.0-alpha.11',
-  '@storybook/channels': '8.5.0-alpha.11',
-  '@storybook/client-logger': '8.5.0-alpha.11',
-  '@storybook/components': '8.5.0-alpha.11',
-  '@storybook/core-common': '8.5.0-alpha.11',
-  '@storybook/core-events': '8.5.0-alpha.11',
-  '@storybook/core-server': '8.5.0-alpha.11',
-  '@storybook/csf-tools': '8.5.0-alpha.11',
-  '@storybook/docs-tools': '8.5.0-alpha.11',
-  '@storybook/manager': '8.5.0-alpha.11',
-  '@storybook/manager-api': '8.5.0-alpha.11',
-  '@storybook/node-logger': '8.5.0-alpha.11',
-  '@storybook/preview': '8.5.0-alpha.11',
-  '@storybook/preview-api': '8.5.0-alpha.11',
-  '@storybook/router': '8.5.0-alpha.11',
-  '@storybook/telemetry': '8.5.0-alpha.11',
-  '@storybook/theming': '8.5.0-alpha.11',
-  '@storybook/types': '8.5.0-alpha.11',
-  '@storybook/angular': '8.5.0-alpha.11',
-  '@storybook/ember': '8.5.0-alpha.11',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.11',
-  '@storybook/html-vite': '8.5.0-alpha.11',
-  '@storybook/html-webpack5': '8.5.0-alpha.11',
-  '@storybook/nextjs': '8.5.0-alpha.11',
-  '@storybook/preact-vite': '8.5.0-alpha.11',
-  '@storybook/preact-webpack5': '8.5.0-alpha.11',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.11',
-  '@storybook/react-vite': '8.5.0-alpha.11',
-  '@storybook/react-webpack5': '8.5.0-alpha.11',
-  '@storybook/server-webpack5': '8.5.0-alpha.11',
-  '@storybook/svelte-vite': '8.5.0-alpha.11',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.11',
-  '@storybook/sveltekit': '8.5.0-alpha.11',
-  '@storybook/vue3-vite': '8.5.0-alpha.11',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.11',
-  '@storybook/web-components-vite': '8.5.0-alpha.11',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.11',
-  '@storybook/blocks': '8.5.0-alpha.11',
-  storybook: '8.5.0-alpha.11',
-  sb: '8.5.0-alpha.11',
-  '@storybook/cli': '8.5.0-alpha.11',
-  '@storybook/codemod': '8.5.0-alpha.11',
-  '@storybook/core-webpack': '8.5.0-alpha.11',
-  'create-storybook': '8.5.0-alpha.11',
-  '@storybook/csf-plugin': '8.5.0-alpha.11',
-  '@storybook/instrumenter': '8.5.0-alpha.11',
-  '@storybook/react-dom-shim': '8.5.0-alpha.11',
-  '@storybook/source-loader': '8.5.0-alpha.11',
-  '@storybook/test': '8.5.0-alpha.11',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.11',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.11',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.11',
-  '@storybook/html': '8.5.0-alpha.11',
-  '@storybook/preact': '8.5.0-alpha.11',
-  '@storybook/react': '8.5.0-alpha.11',
-  '@storybook/server': '8.5.0-alpha.11',
-  '@storybook/svelte': '8.5.0-alpha.11',
-  '@storybook/vue3': '8.5.0-alpha.11',
-  '@storybook/web-components': '8.5.0-alpha.11',
+  '@storybook/addon-a11y': '8.5.0-alpha.12',
+  '@storybook/addon-actions': '8.5.0-alpha.12',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.12',
+  '@storybook/addon-controls': '8.5.0-alpha.12',
+  '@storybook/addon-docs': '8.5.0-alpha.12',
+  '@storybook/addon-essentials': '8.5.0-alpha.12',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.12',
+  '@storybook/addon-highlight': '8.5.0-alpha.12',
+  '@storybook/addon-interactions': '8.5.0-alpha.12',
+  '@storybook/addon-jest': '8.5.0-alpha.12',
+  '@storybook/addon-links': '8.5.0-alpha.12',
+  '@storybook/addon-measure': '8.5.0-alpha.12',
+  '@storybook/addon-onboarding': '8.5.0-alpha.12',
+  '@storybook/addon-outline': '8.5.0-alpha.12',
+  '@storybook/addon-storysource': '8.5.0-alpha.12',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.12',
+  '@storybook/addon-themes': '8.5.0-alpha.12',
+  '@storybook/addon-toolbars': '8.5.0-alpha.12',
+  '@storybook/addon-viewport': '8.5.0-alpha.12',
+  '@storybook/builder-vite': '8.5.0-alpha.12',
+  '@storybook/builder-webpack5': '8.5.0-alpha.12',
+  '@storybook/core': '8.5.0-alpha.12',
+  '@storybook/builder-manager': '8.5.0-alpha.12',
+  '@storybook/channels': '8.5.0-alpha.12',
+  '@storybook/client-logger': '8.5.0-alpha.12',
+  '@storybook/components': '8.5.0-alpha.12',
+  '@storybook/core-common': '8.5.0-alpha.12',
+  '@storybook/core-events': '8.5.0-alpha.12',
+  '@storybook/core-server': '8.5.0-alpha.12',
+  '@storybook/csf-tools': '8.5.0-alpha.12',
+  '@storybook/docs-tools': '8.5.0-alpha.12',
+  '@storybook/manager': '8.5.0-alpha.12',
+  '@storybook/manager-api': '8.5.0-alpha.12',
+  '@storybook/node-logger': '8.5.0-alpha.12',
+  '@storybook/preview': '8.5.0-alpha.12',
+  '@storybook/preview-api': '8.5.0-alpha.12',
+  '@storybook/router': '8.5.0-alpha.12',
+  '@storybook/telemetry': '8.5.0-alpha.12',
+  '@storybook/theming': '8.5.0-alpha.12',
+  '@storybook/types': '8.5.0-alpha.12',
+  '@storybook/angular': '8.5.0-alpha.12',
+  '@storybook/ember': '8.5.0-alpha.12',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.12',
+  '@storybook/html-vite': '8.5.0-alpha.12',
+  '@storybook/html-webpack5': '8.5.0-alpha.12',
+  '@storybook/nextjs': '8.5.0-alpha.12',
+  '@storybook/preact-vite': '8.5.0-alpha.12',
+  '@storybook/preact-webpack5': '8.5.0-alpha.12',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.12',
+  '@storybook/react-vite': '8.5.0-alpha.12',
+  '@storybook/react-webpack5': '8.5.0-alpha.12',
+  '@storybook/server-webpack5': '8.5.0-alpha.12',
+  '@storybook/svelte-vite': '8.5.0-alpha.12',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.12',
+  '@storybook/sveltekit': '8.5.0-alpha.12',
+  '@storybook/vue3-vite': '8.5.0-alpha.12',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.12',
+  '@storybook/web-components-vite': '8.5.0-alpha.12',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.12',
+  '@storybook/blocks': '8.5.0-alpha.12',
+  storybook: '8.5.0-alpha.12',
+  sb: '8.5.0-alpha.12',
+  '@storybook/cli': '8.5.0-alpha.12',
+  '@storybook/codemod': '8.5.0-alpha.12',
+  '@storybook/core-webpack': '8.5.0-alpha.12',
+  'create-storybook': '8.5.0-alpha.12',
+  '@storybook/csf-plugin': '8.5.0-alpha.12',
+  '@storybook/instrumenter': '8.5.0-alpha.12',
+  '@storybook/react-dom-shim': '8.5.0-alpha.12',
+  '@storybook/source-loader': '8.5.0-alpha.12',
+  '@storybook/test': '8.5.0-alpha.12',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.12',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.12',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.12',
+  '@storybook/html': '8.5.0-alpha.12',
+  '@storybook/preact': '8.5.0-alpha.12',
+  '@storybook/react': '8.5.0-alpha.12',
+  '@storybook/server': '8.5.0-alpha.12',
+  '@storybook/svelte': '8.5.0-alpha.12',
+  '@storybook/vue3': '8.5.0-alpha.12',
+  '@storybook/web-components': '8.5.0-alpha.12',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index 2391cee01a4..cdfc07879cf 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.11';
+export const version = '8.5.0-alpha.12';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 3c7a880bec8..880b20de62d 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 39dea9f694f..6b3620c0474 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index 84ac78d017d..f2cbf9cd522 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index cc9cf32d50b..6575d0caa6d 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index 03aeef7fcfa..e84d6527a53 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index 14f50384d09..809b0f1e8db 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index 57d78ce2c7f..ac30bcc85e3 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index b453f33b221..2e39d5272d5 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index d9f86d24233..fe6404d6e35 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 657e55f87d8..9b4c0b28138 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index 064a12aee2e..2a0d18d0b85 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index f6c8d7d4cdd..030cf080584 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index 8a9c7764cd2..93b21d422c3 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index 02ea943b984..09f533a0b4a 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 00e4eee22c2..5fb2af49407 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 211104ad6fa..294782543f3 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index f8bca47a3fe..a069d6c0ffc 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index 2d843775724..e9137c3eeae 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index d25f5e18fcc..60d95ed57eb 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 56a84fd94d9..84c1f3e95cd 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index 996a0f973ef..fef52f0beab 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index fca3c47429a..ccbd8dfa4dc 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 6eae1204759..bc8a5de347a 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 2d08107671a..c3e2f13d582 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 8d1ec1562c2..6eaec704172 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index c27e12702ba..9e4ab5fdebf 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index 924bc6ad944..144f2adf0ca 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 9d8bee1852b..9594e4f89b7 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 4c324aaabea..d325f1edaa3 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index df14550edc6..1b1b261392a 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 7ea9af5e2f7..62bb654eb21 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 642a60ecabe..f9221e59e28 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 6e472585421..8c804cf7ffd 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index b68e59ea298..7c9064ff767 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index de06013260a..c916868de8f 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 0d64592882d..d495a562456 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index ebc1182c4d3..df9883f9b08 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 86d8f6ab88f..52d5270952d 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index cc938632f01..34c1082ddeb 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index ddcdd2dd44e..831954bff7b 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 0de0a11ae70..9e61a49305b 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 9c3ba7afaa8..f74599dc599 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index c54dde3f799..1cf69c7db6e 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 1289aa9ff5b..201b2c317e3 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 3e018b3874b..c08d8598ee7 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index ad0e770e6be..4022274ab31 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index dd777c78f7e..899ea0e84ce 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index daec5d7c403..f50c22641df 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index f68a4a758b4..a5c22acee3c 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index 3c7041bf133..2f25b2ba2e5 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.12"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index dc7fe9949b5..fc6b830218a 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index f8c2de78615..247819e7524 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index a82f7b68062..18254f02417 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 36e648362e9..bd6cb39acc8 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index ceae7867817..3b1036342d9 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 94fee6c14b7..68d3f5523bf 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index e127268c759..da039d8a0ac 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index e79c62f9752..11cf744b02b 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index ff4b9fc2aa3..4d27023d938 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index ecf20e7b24a..4428b19de4a 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index fb73d3651a4..002872930fc 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 547da59fae2..257cf974d05 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 03a8041ad76..332f283037e 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index fdb1747752c..83f089268fa 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.11",
+  "version": "8.5.0-alpha.12",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From 0174d2054e2b60e40830aa1f7ece1e15eb123bc2 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 29 Nov 2024 08:34:52 +0000
Subject: [PATCH 073/111] Write changelog for 8.5.0-alpha.13 [skip ci]

---
 CHANGELOG.prerelease.md | 5 +++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index ea02df07e5d..ea140d28b0a 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,8 @@
+## 8.5.0-alpha.13
+
+- Portable stories: Support multiple annotation notations from preview - [#29733](https://github.com/storybookjs/storybook/pull/29733), thanks @yannbf!
+- React: Upgrade react-docgen-typescript to support Vite 6 - [#29724](https://github.com/storybookjs/storybook/pull/29724), thanks @yannbf!
+
 ## 8.5.0-alpha.12
 
 - Core / Addon Test: Add config UI to Testing Module - [#29708](https://github.com/storybookjs/storybook/pull/29708), thanks @ghengeveld!
diff --git a/code/package.json b/code/package.json
index 2f25b2ba2e5..dbe4f230270 100644
--- a/code/package.json
+++ b/code/package.json
@@ -293,5 +293,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.0-alpha.13"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 991c225697d..27ef6e4d3c3 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-alpha.12","info":{"plain":"- Core / Addon Test: Add config UI to Testing Module - [#29708](https://github.com/storybookjs/storybook/pull/29708), thanks @ghengeveld!\n- Manager: Add tags property to GroupEntry objects - [#29672](https://github.com/storybookjs/storybook/pull/29672), thanks @Sidnioulz!\n- Svelte: Support `@sveltejs/vite-plugin-svelte` v5 - [#29731](https://github.com/storybookjs/storybook/pull/29731), thanks @JReinhold!\n- Toolbars: Suppress deprecation warning when using dynamic icons - [#29545](https://github.com/storybookjs/storybook/pull/29545), thanks @ValeraS!"}}
+{"version":"8.5.0-alpha.13","info":{"plain":"- Portable stories: Support multiple annotation notations from preview - [#29733](https://github.com/storybookjs/storybook/pull/29733), thanks @yannbf!\n- React: Upgrade react-docgen-typescript to support Vite 6 - [#29724](https://github.com/storybookjs/storybook/pull/29724), thanks @yannbf!"}}

From 56666f0ec25529e0a5b8d97bfd7a420851a171ed Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 09:58:43 +0100
Subject: [PATCH 074/111] add coverage html link

---
 code/addons/test/src/components/TestProviderRender.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index d1c879d6031..f87f260a496 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -189,6 +189,9 @@ export const TestProviderRender: FC<{
           {coverage ? (
             <ListItem
               title="Coverage"
+              href={'/coverage/index.html'}
+              // @ts-expect-error ListItem doesn't include all anchor attributes in types, but it is an achor element
+              target="_blank"
               icon={
                 <TestStatusIcon
                   percentage={coverage.percentage}

From d3bc3ffb0b3b942768b01cf699ccf9cbe534fa53 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 29 Nov 2024 09:32:25 +0000
Subject: [PATCH 075/111] Bump version from "8.5.0-alpha.12" to
 "8.5.0-alpha.13" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index f5fee31b372..777da54f36f 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 4abcfeb2c40..89a6bb0f92d 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 0ff66279200..9d949852c39 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 836fc46594f..1a26c1be5ea 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 5dc69971084..6fe9d92e2b2 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 7be396d27ac..819febeab97 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index ec68096245e..47aad8f8075 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index ef164e4d46d..b94b2d6937f 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index c197d9fa401..1041ab18172 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index cbcba9a243f..05a9643ce79 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index 1506ae807be..dc18ea0d61a 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index fee34e45175..75914fc636a 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index 5eec96a5da2..ba2cfd39bc8 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 287d7b89f49..ce422787270 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index b78473d0ec2..d0d23dde852 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index 468362aa96e..06ea13ddacb 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index a0eabe7ef4f..0dbd8c971da 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index f96bd46a774..975e457ad70 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 7e92997982e..bd9581f1e8f 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 52823368ea6..4c5b8939238 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index 12208688ef8..4c4c13e321a 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index 4fe2b9495aa..d9e1bdbdf3e 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index c950aa3495b..e1f717e8247 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.12',
-  '@storybook/addon-actions': '8.5.0-alpha.12',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.12',
-  '@storybook/addon-controls': '8.5.0-alpha.12',
-  '@storybook/addon-docs': '8.5.0-alpha.12',
-  '@storybook/addon-essentials': '8.5.0-alpha.12',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.12',
-  '@storybook/addon-highlight': '8.5.0-alpha.12',
-  '@storybook/addon-interactions': '8.5.0-alpha.12',
-  '@storybook/addon-jest': '8.5.0-alpha.12',
-  '@storybook/addon-links': '8.5.0-alpha.12',
-  '@storybook/addon-measure': '8.5.0-alpha.12',
-  '@storybook/addon-onboarding': '8.5.0-alpha.12',
-  '@storybook/addon-outline': '8.5.0-alpha.12',
-  '@storybook/addon-storysource': '8.5.0-alpha.12',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.12',
-  '@storybook/addon-themes': '8.5.0-alpha.12',
-  '@storybook/addon-toolbars': '8.5.0-alpha.12',
-  '@storybook/addon-viewport': '8.5.0-alpha.12',
-  '@storybook/builder-vite': '8.5.0-alpha.12',
-  '@storybook/builder-webpack5': '8.5.0-alpha.12',
-  '@storybook/core': '8.5.0-alpha.12',
-  '@storybook/builder-manager': '8.5.0-alpha.12',
-  '@storybook/channels': '8.5.0-alpha.12',
-  '@storybook/client-logger': '8.5.0-alpha.12',
-  '@storybook/components': '8.5.0-alpha.12',
-  '@storybook/core-common': '8.5.0-alpha.12',
-  '@storybook/core-events': '8.5.0-alpha.12',
-  '@storybook/core-server': '8.5.0-alpha.12',
-  '@storybook/csf-tools': '8.5.0-alpha.12',
-  '@storybook/docs-tools': '8.5.0-alpha.12',
-  '@storybook/manager': '8.5.0-alpha.12',
-  '@storybook/manager-api': '8.5.0-alpha.12',
-  '@storybook/node-logger': '8.5.0-alpha.12',
-  '@storybook/preview': '8.5.0-alpha.12',
-  '@storybook/preview-api': '8.5.0-alpha.12',
-  '@storybook/router': '8.5.0-alpha.12',
-  '@storybook/telemetry': '8.5.0-alpha.12',
-  '@storybook/theming': '8.5.0-alpha.12',
-  '@storybook/types': '8.5.0-alpha.12',
-  '@storybook/angular': '8.5.0-alpha.12',
-  '@storybook/ember': '8.5.0-alpha.12',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.12',
-  '@storybook/html-vite': '8.5.0-alpha.12',
-  '@storybook/html-webpack5': '8.5.0-alpha.12',
-  '@storybook/nextjs': '8.5.0-alpha.12',
-  '@storybook/preact-vite': '8.5.0-alpha.12',
-  '@storybook/preact-webpack5': '8.5.0-alpha.12',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.12',
-  '@storybook/react-vite': '8.5.0-alpha.12',
-  '@storybook/react-webpack5': '8.5.0-alpha.12',
-  '@storybook/server-webpack5': '8.5.0-alpha.12',
-  '@storybook/svelte-vite': '8.5.0-alpha.12',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.12',
-  '@storybook/sveltekit': '8.5.0-alpha.12',
-  '@storybook/vue3-vite': '8.5.0-alpha.12',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.12',
-  '@storybook/web-components-vite': '8.5.0-alpha.12',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.12',
-  '@storybook/blocks': '8.5.0-alpha.12',
-  storybook: '8.5.0-alpha.12',
-  sb: '8.5.0-alpha.12',
-  '@storybook/cli': '8.5.0-alpha.12',
-  '@storybook/codemod': '8.5.0-alpha.12',
-  '@storybook/core-webpack': '8.5.0-alpha.12',
-  'create-storybook': '8.5.0-alpha.12',
-  '@storybook/csf-plugin': '8.5.0-alpha.12',
-  '@storybook/instrumenter': '8.5.0-alpha.12',
-  '@storybook/react-dom-shim': '8.5.0-alpha.12',
-  '@storybook/source-loader': '8.5.0-alpha.12',
-  '@storybook/test': '8.5.0-alpha.12',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.12',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.12',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.12',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.12',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.12',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.12',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.12',
-  '@storybook/html': '8.5.0-alpha.12',
-  '@storybook/preact': '8.5.0-alpha.12',
-  '@storybook/react': '8.5.0-alpha.12',
-  '@storybook/server': '8.5.0-alpha.12',
-  '@storybook/svelte': '8.5.0-alpha.12',
-  '@storybook/vue3': '8.5.0-alpha.12',
-  '@storybook/web-components': '8.5.0-alpha.12',
+  '@storybook/addon-a11y': '8.5.0-alpha.13',
+  '@storybook/addon-actions': '8.5.0-alpha.13',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.13',
+  '@storybook/addon-controls': '8.5.0-alpha.13',
+  '@storybook/addon-docs': '8.5.0-alpha.13',
+  '@storybook/addon-essentials': '8.5.0-alpha.13',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.13',
+  '@storybook/addon-highlight': '8.5.0-alpha.13',
+  '@storybook/addon-interactions': '8.5.0-alpha.13',
+  '@storybook/addon-jest': '8.5.0-alpha.13',
+  '@storybook/addon-links': '8.5.0-alpha.13',
+  '@storybook/addon-measure': '8.5.0-alpha.13',
+  '@storybook/addon-onboarding': '8.5.0-alpha.13',
+  '@storybook/addon-outline': '8.5.0-alpha.13',
+  '@storybook/addon-storysource': '8.5.0-alpha.13',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.13',
+  '@storybook/addon-themes': '8.5.0-alpha.13',
+  '@storybook/addon-toolbars': '8.5.0-alpha.13',
+  '@storybook/addon-viewport': '8.5.0-alpha.13',
+  '@storybook/builder-vite': '8.5.0-alpha.13',
+  '@storybook/builder-webpack5': '8.5.0-alpha.13',
+  '@storybook/core': '8.5.0-alpha.13',
+  '@storybook/builder-manager': '8.5.0-alpha.13',
+  '@storybook/channels': '8.5.0-alpha.13',
+  '@storybook/client-logger': '8.5.0-alpha.13',
+  '@storybook/components': '8.5.0-alpha.13',
+  '@storybook/core-common': '8.5.0-alpha.13',
+  '@storybook/core-events': '8.5.0-alpha.13',
+  '@storybook/core-server': '8.5.0-alpha.13',
+  '@storybook/csf-tools': '8.5.0-alpha.13',
+  '@storybook/docs-tools': '8.5.0-alpha.13',
+  '@storybook/manager': '8.5.0-alpha.13',
+  '@storybook/manager-api': '8.5.0-alpha.13',
+  '@storybook/node-logger': '8.5.0-alpha.13',
+  '@storybook/preview': '8.5.0-alpha.13',
+  '@storybook/preview-api': '8.5.0-alpha.13',
+  '@storybook/router': '8.5.0-alpha.13',
+  '@storybook/telemetry': '8.5.0-alpha.13',
+  '@storybook/theming': '8.5.0-alpha.13',
+  '@storybook/types': '8.5.0-alpha.13',
+  '@storybook/angular': '8.5.0-alpha.13',
+  '@storybook/ember': '8.5.0-alpha.13',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.13',
+  '@storybook/html-vite': '8.5.0-alpha.13',
+  '@storybook/html-webpack5': '8.5.0-alpha.13',
+  '@storybook/nextjs': '8.5.0-alpha.13',
+  '@storybook/preact-vite': '8.5.0-alpha.13',
+  '@storybook/preact-webpack5': '8.5.0-alpha.13',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.13',
+  '@storybook/react-vite': '8.5.0-alpha.13',
+  '@storybook/react-webpack5': '8.5.0-alpha.13',
+  '@storybook/server-webpack5': '8.5.0-alpha.13',
+  '@storybook/svelte-vite': '8.5.0-alpha.13',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.13',
+  '@storybook/sveltekit': '8.5.0-alpha.13',
+  '@storybook/vue3-vite': '8.5.0-alpha.13',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.13',
+  '@storybook/web-components-vite': '8.5.0-alpha.13',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.13',
+  '@storybook/blocks': '8.5.0-alpha.13',
+  storybook: '8.5.0-alpha.13',
+  sb: '8.5.0-alpha.13',
+  '@storybook/cli': '8.5.0-alpha.13',
+  '@storybook/codemod': '8.5.0-alpha.13',
+  '@storybook/core-webpack': '8.5.0-alpha.13',
+  'create-storybook': '8.5.0-alpha.13',
+  '@storybook/csf-plugin': '8.5.0-alpha.13',
+  '@storybook/instrumenter': '8.5.0-alpha.13',
+  '@storybook/react-dom-shim': '8.5.0-alpha.13',
+  '@storybook/source-loader': '8.5.0-alpha.13',
+  '@storybook/test': '8.5.0-alpha.13',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.13',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.13',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.13',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.13',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.13',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.13',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.13',
+  '@storybook/html': '8.5.0-alpha.13',
+  '@storybook/preact': '8.5.0-alpha.13',
+  '@storybook/react': '8.5.0-alpha.13',
+  '@storybook/server': '8.5.0-alpha.13',
+  '@storybook/svelte': '8.5.0-alpha.13',
+  '@storybook/vue3': '8.5.0-alpha.13',
+  '@storybook/web-components': '8.5.0-alpha.13',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index cdfc07879cf..831f5f05f41 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.12';
+export const version = '8.5.0-alpha.13';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 880b20de62d..475c5ce9fe9 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 6b3620c0474..138ef2aace7 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index f2cbf9cd522..f910ac88b90 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index 6575d0caa6d..2657a3921ec 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index e84d6527a53..02826425c73 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index 809b0f1e8db..e54c4272f03 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index ac30bcc85e3..7ffa336ca91 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index 2e39d5272d5..d0888698557 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index fe6404d6e35..16c4f0d1eed 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 9b4c0b28138..2114ce49c73 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index 2a0d18d0b85..dfa9313178e 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index 030cf080584..36b43bae667 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index 93b21d422c3..ea404f6ee15 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index 09f533a0b4a..f34cce5f224 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 5fb2af49407..a1dcf81cef1 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 294782543f3..2348ebc8617 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index a069d6c0ffc..48ce128086b 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index e9137c3eeae..f7702f973c1 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 60d95ed57eb..dd9f177afba 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 84c1f3e95cd..9382278ce30 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index fef52f0beab..65ebb937683 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index ccbd8dfa4dc..8eedfc19863 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index bc8a5de347a..53940d35c92 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index c3e2f13d582..5326d2dd0a7 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 6eaec704172..c8943cb85a1 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 9e4ab5fdebf..bd37cf6fc85 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index e81ee947b5d..0aba8948e71 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 7661214b8ee..3d9030cdc1b 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index d325f1edaa3..872da850c81 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 1b1b261392a..92aeeab9a76 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 62bb654eb21..cd80d1c8ffb 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index f9221e59e28..0d1c24d6ab2 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 8c804cf7ffd..25314a3aec1 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 7c9064ff767..d1fe6badd22 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index c916868de8f..15b41172555 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index d495a562456..9fa3c692a49 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index df9883f9b08..52ebdbcff0a 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 52d5270952d..9569e81842d 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 34c1082ddeb..8a3cfd8d335 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 831954bff7b..f5717c8bcae 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 9e61a49305b..7497984ec91 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index f74599dc599..5985ee8c3bd 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 1cf69c7db6e..f28e16001a6 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 201b2c317e3..24aa1f8eeb7 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index c08d8598ee7..78e5df191c6 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 4022274ab31..73279c993f5 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 899ea0e84ce..30ce043b12f 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index f50c22641df..17f994e3929 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index a5c22acee3c..d92ba8ec4f8 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index dbe4f230270..24b54cd5168 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.13"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index fc6b830218a..ac724c3d8d8 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 247819e7524..97318dcf73f 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 18254f02417..53d5e288a3c 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index bd6cb39acc8..e698f812d47 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 3b1036342d9..b73f557a14e 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 68d3f5523bf..023572c54b5 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index da039d8a0ac..d8400064895 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 11cf744b02b..891a3c5a54a 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 4d27023d938..75cd73b5535 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 4428b19de4a..bade5ec8e5e 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 002872930fc..9832e49c6a6 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index 257cf974d05..a3f946b4856 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 332f283037e..feddf2168fd 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 83f089268fa..ab41c612fbb 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.12",
+  "version": "8.5.0-alpha.13",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From 5b5a436d0c06a1c2d9e6bfd3e0f061c024ceb527 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 11:02:41 +0100
Subject: [PATCH 076/111] rename details.coverage to details.coverageSummary,
 to not confuse with config.coverage

---
 .../test/src/components/TestProviderRender.tsx       | 12 ++++++------
 code/addons/test/src/constants.ts                    |  2 +-
 code/addons/test/src/node/coverage-reporter.ts       |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index f87f260a496..ca6be687c88 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -77,7 +77,7 @@ export const TestProviderRender: FC<{
 
   const title = state.crashed || state.failed ? 'Local tests failed' : 'Run local tests';
   const errorMessage = state.error?.message;
-  const coverage = state.details?.coverage;
+  const coverageSummary = state.details?.coverageSummary;
 
   const [config, updateConfig] = useConfig(
     api,
@@ -186,7 +186,7 @@ export const TestProviderRender: FC<{
             title="Component tests"
             icon={<TestStatusIcon status="positive" aria-label="status: passed" />}
           />
-          {coverage ? (
+          {coverageSummary ? (
             <ListItem
               title="Coverage"
               href={'/coverage/index.html'}
@@ -194,12 +194,12 @@ export const TestProviderRender: FC<{
               target="_blank"
               icon={
                 <TestStatusIcon
-                  percentage={coverage.percentage}
-                  status={coverage.status}
-                  aria-label={`status: ${coverage.status}`}
+                  percentage={coverageSummary.percentage}
+                  status={coverageSummary.status}
+                  aria-label={`status: ${coverageSummary.status}`}
                 />
               }
-              right={`${coverage.percentage}%`}
+              right={`${coverageSummary.percentage}%`}
             />
           ) : (
             <ListItem
diff --git a/code/addons/test/src/constants.ts b/code/addons/test/src/constants.ts
index 08431f1e792..0453930e375 100644
--- a/code/addons/test/src/constants.ts
+++ b/code/addons/test/src/constants.ts
@@ -19,7 +19,7 @@ export interface Config {
 
 export type Details = {
   testResults: TestResult[];
-  coverage?: {
+  coverageSummary?: {
     status: 'positive' | 'warning' | 'negative' | 'unknown';
     percentage: number;
   };
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index 922b364f3fd..bd5c8bde07a 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -34,7 +34,7 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
     const [lowWatermark = 50, highWatermark = 80] =
       this.#getCoverageOptions().watermarks?.statements ?? [];
 
-    const coverageDetails: Details['coverage'] = {
+    const coverageDetails: Details['coverageSummary'] = {
       percentage,
       status:
         percentage < lowWatermark
@@ -46,7 +46,7 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
     this.#testManager.sendProgressReport({
       providerId: TEST_PROVIDER_ID,
       details: {
-        coverage: coverageDetails,
+        coverageSummary: coverageDetails,
       },
     });
   }

From b13506e41abdc4e9394338d20745f23becd62067 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 11:21:18 +0100
Subject: [PATCH 077/111] simplify

---
 code/addons/test/package.json                    |  1 -
 code/addons/test/src/node/coverage-reporter.ts   |  8 ++++----
 code/addons/test/src/node/test-manager.ts        |  2 +-
 code/addons/test/src/node/vitest-manager.ts      |  2 +-
 code/addons/test/src/node/vitest.ts              |  1 -
 code/core/src/core-events/data/testing-module.ts | 11 ++++++-----
 6 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index f6861121429..4fa638c7ff8 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -92,7 +92,6 @@
   },
   "devDependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
-    "@storybook/icons": "^1.2.12",
     "@types/istanbul-lib-report": "^3.0.3",
     "@types/node": "^22.0.0",
     "@types/semver": "^7",
diff --git a/code/addons/test/src/node/coverage-reporter.ts b/code/addons/test/src/node/coverage-reporter.ts
index bd5c8bde07a..452643cd9d6 100644
--- a/code/addons/test/src/node/coverage-reporter.ts
+++ b/code/addons/test/src/node/coverage-reporter.ts
@@ -8,18 +8,18 @@ import type { TestManager } from './test-manager';
 
 export type StorybookCoverageReporterOptions = {
   testManager: TestManager;
-  getCoverageOptions: () => ResolvedCoverageOptions<'v8'>;
+  coverageOptions: ResolvedCoverageOptions<'v8'>;
 };
 
 export default class StorybookCoverageReporter extends ReportBase implements Partial<Visitor> {
   #testManager: StorybookCoverageReporterOptions['testManager'];
 
-  #getCoverageOptions: StorybookCoverageReporterOptions['getCoverageOptions'];
+  #coverageOptions: StorybookCoverageReporterOptions['coverageOptions'];
 
   constructor(opts: StorybookCoverageReporterOptions) {
     super();
     this.#testManager = opts.testManager;
-    this.#getCoverageOptions = opts.getCoverageOptions;
+    this.#coverageOptions = opts.coverageOptions;
   }
 
   onSummary(node: ReportNode) {
@@ -32,7 +32,7 @@ export default class StorybookCoverageReporter extends ReportBase implements Par
 
     // Fallback to Vitest's default watermarks https://vitest.dev/config/#coverage-watermarks
     const [lowWatermark = 50, highWatermark = 80] =
-      this.#getCoverageOptions().watermarks?.statements ?? [];
+      this.#coverageOptions.watermarks?.statements ?? [];
 
     const coverageDetails: Details['coverageSummary'] = {
       percentage,
diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index b9f1c95f38a..f424408b7bc 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -46,7 +46,7 @@ export class TestManager {
   }
 
   async handleConfigChange(
-    payload: TestingModuleConfigChangePayload<any, { coverage: boolean; a11y: boolean }>
+    payload: TestingModuleConfigChangePayload<{ coverage: boolean; a11y: boolean }>
   ) {
     if (payload.providerId !== TEST_PROVIDER_ID) {
       return;
diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 5d3a66fad41..37e6e0588aa 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -45,7 +45,7 @@ export class VitestManager {
       '@storybook/experimental-addon-test/internal/coverage-reporter',
       {
         testManager: this.testManager,
-        getCoverageOptions: () => this.vitest?.config?.coverage as ResolvedCoverageOptions<'v8'>,
+        coverageOptions: this.vitest?.config?.coverage as ResolvedCoverageOptions<'v8'>,
       },
     ];
     const coverageOptions = (
diff --git a/code/addons/test/src/node/vitest.ts b/code/addons/test/src/node/vitest.ts
index 83f7b06816a..5ba46113b7a 100644
--- a/code/addons/test/src/node/vitest.ts
+++ b/code/addons/test/src/node/vitest.ts
@@ -2,7 +2,6 @@ import process from 'node:process';
 
 import { Channel } from 'storybook/internal/channels';
 
-import { TEST_PROVIDER_ID } from '../constants';
 import { TestManager } from './test-manager';
 
 process.env.TEST = 'true';
diff --git a/code/core/src/core-events/data/testing-module.ts b/code/core/src/core-events/data/testing-module.ts
index 184139626e7..ad843450723 100644
--- a/code/core/src/core-events/data/testing-module.ts
+++ b/code/core/src/core-events/data/testing-module.ts
@@ -18,7 +18,7 @@ export type TestingModuleRunRequestPayload<
   // TODO: Avoid needing to do a fetch request server-side to retrieve the index
   indexUrl: string; // e.g. http://localhost:6006/index.json
   storyIds?: string[]; // ['button--primary', 'button--secondary']
-  config?: TestProviderState<NonNullable<unknown>, Config>['config'];
+  config?: Config;
 };
 
 export type TestingModuleProgressReportPayload =
@@ -77,16 +77,17 @@ export type TestingModuleCancelTestRunResponsePayload =
       message: string;
     };
 
-export type TestingModuleWatchModeRequestPayload = {
+export type TestingModuleWatchModeRequestPayload<
+  Config extends { [key: string]: any } = NonNullable<unknown>,
+> = {
   providerId: TestProviderId;
   watchMode: boolean;
-  config?: TestProviderState['config'];
+  config?: Config;
 };
 
 export type TestingModuleConfigChangePayload<
-  Details extends { [key: string]: any } = NonNullable<unknown>,
   Config extends { [key: string]: any } = NonNullable<unknown>,
 > = {
   providerId: TestProviderId;
-  config: TestProviderState<Details, Config>['config'];
+  config: Config;
 };

From 0241fb366b733955ecff96cba52e8ed6120ad305 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 29 Nov 2024 11:37:40 +0100
Subject: [PATCH 078/111] fix tests

---
 code/.storybook/storybook.setup.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/code/.storybook/storybook.setup.ts b/code/.storybook/storybook.setup.ts
index 1be658970e2..da5b925272e 100644
--- a/code/.storybook/storybook.setup.ts
+++ b/code/.storybook/storybook.setup.ts
@@ -14,6 +14,8 @@ import * as projectAnnotations from './preview';
 
 vi.spyOn(console, 'warn').mockImplementation((...args) => console.log(...args));
 
+globalThis.CONFIG_TYPE = 'DEVELOPMENT';
+
 const annotations = setProjectAnnotations([
   // @ts-expect-error check type errors later
   projectAnnotations,

From c327a491d3f020c5978069f504be19840e8e29d3 Mon Sep 17 00:00:00 2001
From: Yann Braga <yannbf@gmail.com>
Date: Fri, 29 Nov 2024 11:57:29 +0100
Subject: [PATCH 079/111] Build: Fix portable stories tests by moving from
 jsdom to happy-dom

---
 .../nextjs/jest.config.js                     |  2 +-
 .../nextjs/package.json                       |  4 ++--
 .../portable-stories.test.tsx.snap            | 24 +++++++++----------
 .../svelte/package.json                       |  4 ++--
 .../svelte/vite.config.ts                     |  5 ++--
 5 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/test-storybooks/portable-stories-kitchen-sink/nextjs/jest.config.js b/test-storybooks/portable-stories-kitchen-sink/nextjs/jest.config.js
index 3867a50e7bc..f427b4763dd 100644
--- a/test-storybooks/portable-stories-kitchen-sink/nextjs/jest.config.js
+++ b/test-storybooks/portable-stories-kitchen-sink/nextjs/jest.config.js
@@ -9,7 +9,7 @@ const createJestConfig = nextJest({
 /** @type {import('jest').Config} */
 const customJestConfig = {
   coverageProvider: 'v8',
-  testEnvironment: 'jsdom',
+  testEnvironment: '@happy-dom/jest-environment',
   // Add more setup options before each test is run
   setupFilesAfterEnv: ['./jest.setup.ts'],
   moduleNameMapper: {
diff --git a/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json b/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
index 9e9b8e0285f..69722cabd5d 100644
--- a/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
@@ -84,6 +84,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@happy-dom/jest-environment": "^15.11.7",
     "@jest/globals": "^29.7.0",
     "@storybook/addon-actions": "^8.0.0",
     "@storybook/addon-essentials": "^8.0.0",
@@ -101,11 +102,10 @@
     "eslint": "^8.56.0",
     "eslint-plugin-storybook": "^0.6.15",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
     "storybook": "^8.0.0",
     "typescript": "^5.2.2"
   },
   "maintainer_please_read_this": {
     "_": "we use file protocol to make this setup close to real life scenarios as well as avoid issues with duplicated React instances. When you recompile the SB packages, you need to rerun install."
   }
-}
\ No newline at end of file
+}
diff --git a/test-storybooks/portable-stories-kitchen-sink/nextjs/stories/__snapshots__/portable-stories.test.tsx.snap b/test-storybooks/portable-stories-kitchen-sink/nextjs/stories/__snapshots__/portable-stories.test.tsx.snap
index e65b3147660..677e011bb38 100644
--- a/test-storybooks/portable-stories-kitchen-sink/nextjs/stories/__snapshots__/portable-stories.test.tsx.snap
+++ b/test-storybooks/portable-stories-kitchen-sink/nextjs/stories/__snapshots__/portable-stories.test.tsx.snap
@@ -158,16 +158,16 @@ exports[`renders imageLegacyStories stories renders BlurredAbsolutePlaceholder 1
       Global Decorator
       <br />
       <span
-        style="box-sizing: border-box; display: inline-block; overflow: hidden; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
+        style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
       >
         <span
-          style="box-sizing: border-box; display: block; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
+          style="box-sizing: border-box; display: block; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
         >
           <img
             alt=""
             aria-hidden="true"
             src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2750%27%20height=%2750%27/%3e"
-            style="display: block; max-width: 100%; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
+            style="display: block; max-width: 100%; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
           />
         </span>
         <img
@@ -175,7 +175,7 @@ exports[`renders imageLegacyStories stories renders BlurredAbsolutePlaceholder 1
           data-nimg="intrinsic"
           decoding="async"
           src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABP5JREFUWEeNlwtz2zgMhEGKsv/k9XFp82xe11763yOJVGcXC4m2czM3GYa0E2s/LACSTi+vv1czM/7CvPpqxY/ejPeS3khmFiPHOiVLHKaZi4ux4j18GpMlS6cALupEQBCKQM4BdnGzjIcJgs//QBxAPQAem55f3yL4PWJIdyCyhlMfPdYZot0cwj3Ayg/5JwHA13paen7pADphxr/n5VI8JQsHCCGQ3gVGLLsxQ3h/LYSn5383B05rwNOws3Z576LOTOduvwfrOd5FtVat4akx0uPTrw8BNuUz23vLsY7hmg7i4ipqM2saiAdruNuirh4ff0bNdb3Qy3vkvfAQwrkHoDxTTZtDCOKrC1bMEkdnsQh/PLyetOGHkXeRAgQAQ84efQcBdUhvFofoulpdm9WGGTA+AJEe7l+i37a2c371tCFKs5zzJjxQNBMi1im7OCudP2aNghJuzZaGdSMEZjpwf/t0UgNdg9DOyLGLnY0BUHlzwVtNDkgEQhBeKkb1tUDgQrq7frwAiIJi5BKAeIFgHk5mOpPzvgltOfcoK0Rrs7lWHwsgqtXarK3N0u23h5Ne8+3Cqxn5RYSMfHCAMgDAx4CBWlA9RAGw0GA/ol0gvFB4WjAvBAFUa83SzdUdAbYMqp28uHpxCRefxwAYhksAFBlthxCiXig+zT4TYqkC+Hq7OdAfJv8lPpZiZShWBBIuRP+jspDb2lwcDkzz7OLzbO/zvAHAoXTz5eYMQL0t2yHAiCFcfPY1QDwNFylA5bPoFpsV9fsEiMl8dhcc4PP1CYD3drYcBYdIKQrx0cbRxd2JHSDcQ297/vvoZ5smRC+AyV2AQ+nm03evge08Tyy4jGqXzWWEoIvTgXHU38pWiNgH4ixB/ukAcy/xycXfp4kwdAAAt399W+OCgMjxILQacxvRQ3gEwHgKUIr/rz53CuDFNyP/Eob4+/vEWkBq6AAA/HIi62n/Lk67Q7wDYQ0UpQB7hc54T4E6gACLTYxeAwB0YKZL6U4ATEGIBwCs7qPfQJCCHkCnoK50noJKcXcAojsEAJZZKXhgCoziGKxqWV8IMNp4kP2aC+oB0TMFvhGxDQHQfIPhDrilwKOm/YCZASAHfgBABQjr3f7CyAkA0cPB03AQULRhKd4xAIjzHymo2Gp7gN0FAMAVOoA2fPz03a9ssh/RM7Iz8QKIzYF9HyB0XEZ1xJ4DzNoDOAfAslhDDTyjDfv8A2AcBeCiu/jBHQEgxnYW6Kp6BlCVAkQM8VnieF2Xyr0ivXy+XvsCzKOihwNHCCryw8HrQXVB8dgFeRfAVQiXjMbIIgXINQYB2H7Kf5wF/2Ar7h0AgKKGuAP4zOjhzlkLbpcRXKRZhNUjxG6HIQDOjN47gCn4+fWW3xVS9urPESEEwwHMo9IhAGxS2ISiA1iEnQOoA4hXRAwItp7WzL9Ow18ESJaw/ar4NgeOR49cAHCAnaH8swBhv+6CBGjeBSxEOUAI7HyKHkD4O9xKb3/feQouAI4uLBciHRRHmgbfA7h/xFc9AngNBADthvii1sMOiPwDAFeyt6s7FSFS4PmnA1v0vQvqDqQKAAPE/weAUuEgsj8c+H11Twdw/AKANXA82EDr5cJBEEzB3oI4Mb0AdR3nNw8vQnegWuvqAABwJFJEBwDgNdA7IOs3gL0LhuJdwBY8c4BfNnDdVgooHiOqn/b7JoSW/QODjTHXhU7hMQAAAABJRU5ErkJggg==);"
+          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; border: none none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABP5JREFUWEeNlwtz2zgMhEGKsv/k9XFp82xe11763yOJVGcXC4m2czM3GYa0E2s/LACSTi+vv1czM/7CvPpqxY/ejPeS3khmFiPHOiVLHKaZi4ux4j18GpMlS6cALupEQBCKQM4BdnGzjIcJgs//QBxAPQAem55f3yL4PWJIdyCyhlMfPdYZot0cwj3Ayg/5JwHA13paen7pADphxr/n5VI8JQsHCCGQ3gVGLLsxQ3h/LYSn5383B05rwNOws3Z576LOTOduvwfrOd5FtVat4akx0uPTrw8BNuUz23vLsY7hmg7i4ipqM2saiAdruNuirh4ff0bNdb3Qy3vkvfAQwrkHoDxTTZtDCOKrC1bMEkdnsQh/PLyetOGHkXeRAgQAQ84efQcBdUhvFofoulpdm9WGGTA+AJEe7l+i37a2c371tCFKs5zzJjxQNBMi1im7OCudP2aNghJuzZaGdSMEZjpwf/t0UgNdg9DOyLGLnY0BUHlzwVtNDkgEQhBeKkb1tUDgQrq7frwAiIJi5BKAeIFgHk5mOpPzvgltOfcoK0Rrs7lWHwsgqtXarK3N0u23h5Ne8+3Cqxn5RYSMfHCAMgDAx4CBWlA9RAGw0GA/ol0gvFB4WjAvBAFUa83SzdUdAbYMqp28uHpxCRefxwAYhksAFBlthxCiXig+zT4TYqkC+Hq7OdAfJv8lPpZiZShWBBIuRP+jspDb2lwcDkzz7OLzbO/zvAHAoXTz5eYMQL0t2yHAiCFcfPY1QDwNFylA5bPoFpsV9fsEiMl8dhcc4PP1CYD3drYcBYdIKQrx0cbRxd2JHSDcQ297/vvoZ5smRC+AyV2AQ+nm03evge08Tyy4jGqXzWWEoIvTgXHU38pWiNgH4ixB/ukAcy/xycXfp4kwdAAAt399W+OCgMjxILQacxvRQ3gEwHgKUIr/rz53CuDFNyP/Eob4+/vEWkBq6AAA/HIi62n/Lk67Q7wDYQ0UpQB7hc54T4E6gACLTYxeAwB0YKZL6U4ATEGIBwCs7qPfQJCCHkCnoK50noJKcXcAojsEAJZZKXhgCoziGKxqWV8IMNp4kP2aC+oB0TMFvhGxDQHQfIPhDrilwKOm/YCZASAHfgBABQjr3f7CyAkA0cPB03AQULRhKd4xAIjzHymo2Gp7gN0FAMAVOoA2fPz03a9ssh/RM7Iz8QKIzYF9HyB0XEZ1xJ4DzNoDOAfAslhDDTyjDfv8A2AcBeCiu/jBHQEgxnYW6Kp6BlCVAkQM8VnieF2Xyr0ivXy+XvsCzKOihwNHCCryw8HrQXVB8dgFeRfAVQiXjMbIIgXINQYB2H7Kf5wF/2Ar7h0AgKKGuAP4zOjhzlkLbpcRXKRZhNUjxG6HIQDOjN47gCn4+fWW3xVS9urPESEEwwHMo9IhAGxS2ISiA1iEnQOoA4hXRAwItp7WzL9Ow18ESJaw/ar4NgeOR49cAHCAnaH8swBhv+6CBGjeBSxEOUAI7HyKHkD4O9xKb3/feQouAI4uLBciHRRHmgbfA7h/xFc9AngNBADthvii1sMOiPwDAFeyt6s7FSFS4PmnA1v0vQvqDqQKAAPE/weAUuEgsj8c+H11Twdw/AKANXA82EDr5cJBEEzB3oI4Mb0AdR3nNw8vQnegWuvqAABwJFJEBwDgNdA7IOs3gL0LhuJdwBY8c4BfNnDdVgooHiOqn/b7JoSW/QODjTHXhU7hMQAAAABJRU5ErkJggg==");"
         />
         <noscript />
       </span>
@@ -193,16 +193,16 @@ exports[`renders imageLegacyStories stories renders BlurredPlaceholder 1`] = `
       Global Decorator
       <br />
       <span
-        style="box-sizing: border-box; display: inline-block; overflow: hidden; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
+        style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
       >
         <span
-          style="box-sizing: border-box; display: block; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
+          style="box-sizing: border-box; display: block; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
         >
           <img
             alt=""
             aria-hidden="true"
             src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2740%27%20height=%2740%27/%3e"
-            style="display: block; max-width: 100%; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
+            style="display: block; max-width: 100%; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
           />
         </span>
         <img
@@ -210,7 +210,7 @@ exports[`renders imageLegacyStories stories renders BlurredPlaceholder 1`] = `
           data-nimg="intrinsic"
           decoding="async"
           src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url(data:image/png;base64,imagedata);"
+          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; border: none none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; background-size: cover; background-position: 0% 0%; filter: blur(20px); background-image: url("data:image/png;base64,imagedata");"
         />
         <noscript />
       </span>
@@ -228,16 +228,16 @@ exports[`renders imageLegacyStories stories renders Default 1`] = `
       Global Decorator
       <br />
       <span
-        style="box-sizing: border-box; display: inline-block; overflow: hidden; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
+        style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"
       >
         <span
-          style="box-sizing: border-box; display: block; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
+          style="box-sizing: border-box; display: block; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"
         >
           <img
             alt=""
             aria-hidden="true"
             src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2740%27%20height=%2740%27/%3e"
-            style="display: block; max-width: 100%; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
+            style="display: block; max-width: 100%; width: initial; height: initial; background: none none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"
           />
         </span>
         <img
@@ -245,7 +245,7 @@ exports[`renders imageLegacyStories stories renders Default 1`] = `
           data-nimg="intrinsic"
           decoding="async"
           src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;"
+          style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; border: none none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;"
         />
         <noscript />
       </span>
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
index 3ade95a0041..ad5699a549c 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
@@ -92,7 +92,7 @@
     "@tsconfig/svelte": "^5.0.2",
     "@types/node": "^22",
     "cypress": "^13.6.6",
-    "jsdom": "^24.0.0",
+    "happy-dom": "^15.11.7",
     "storybook": "8.0.0-rc.2",
     "svelte": "^4.2.11",
     "svelte-check": "^3.6.4",
@@ -101,4 +101,4 @@
     "vite": "^5.1.4",
     "vitest": "^1.6.0"
   }
-}
\ No newline at end of file
+}
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/vite.config.ts b/test-storybooks/portable-stories-kitchen-sink/svelte/vite.config.ts
index 161976e6ed9..6e2bef8799d 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/vite.config.ts
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/vite.config.ts
@@ -1,11 +1,10 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vitest/config'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [svelte()],
-  //@ts-ignore
   test: {
-    environment: 'jsdom'
+    environment: 'happy-dom'
   }
 })

From 60ec2fe1573027dc5c82627fe7aabcfd52df0452 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 29 Nov 2024 12:04:03 +0100
Subject: [PATCH 080/111] apply global for CONFIG_TYPE in the preview
 annotation

---
 code/.storybook/preview.tsx        | 1 +
 code/.storybook/storybook.setup.ts | 2 --
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/code/.storybook/preview.tsx b/code/.storybook/preview.tsx
index fac0c9bdb2b..cc4481a56d1 100644
--- a/code/.storybook/preview.tsx
+++ b/code/.storybook/preview.tsx
@@ -22,6 +22,7 @@ import { DocsPageWrapper } from '../lib/blocks/src/components';
 import { isChromatic } from './isChromatic';
 
 const { document } = global;
+globalThis.CONFIG_TYPE = 'DEVELOPMENT';
 
 const ThemeBlock = styled.div<{ side: 'left' | 'right'; layout: string }>(
   {
diff --git a/code/.storybook/storybook.setup.ts b/code/.storybook/storybook.setup.ts
index da5b925272e..1be658970e2 100644
--- a/code/.storybook/storybook.setup.ts
+++ b/code/.storybook/storybook.setup.ts
@@ -14,8 +14,6 @@ import * as projectAnnotations from './preview';
 
 vi.spyOn(console, 'warn').mockImplementation((...args) => console.log(...args));
 
-globalThis.CONFIG_TYPE = 'DEVELOPMENT';
-
 const annotations = setProjectAnnotations([
   // @ts-expect-error check type errors later
   projectAnnotations,

From c4b6bdf11da8d867819114558cc343ec6e976dec Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:11:32 +0000
Subject: [PATCH 081/111] Update CHANGELOG.md for v8.4.6 [skip ci]

---
 CHANGELOG.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e836b81e7ad..60adcc476fb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,12 @@
+## 8.4.6
+
+- Addon Test: Use pathe for better windows support - [#29676](https://github.com/storybookjs/storybook/pull/29676), thanks @yannbf!
+- Angular: Default to standalone components in Angular v19 - [#29677](https://github.com/storybookjs/storybook/pull/29677), thanks @ingowagner!
+- Frameworks: Add Vite 6 support - [#29710](https://github.com/storybookjs/storybook/pull/29710), thanks @yannbf!
+- Portable stories: Support multiple annotation notations from preview - [#29733](https://github.com/storybookjs/storybook/pull/29733), thanks @yannbf!
+- React: Upgrade react-docgen-typescript to support Vite 6 - [#29724](https://github.com/storybookjs/storybook/pull/29724), thanks @yannbf!
+- Svelte: Support `@sveltejs/vite-plugin-svelte` v5 - [#29731](https://github.com/storybookjs/storybook/pull/29731), thanks @JReinhold!
+
 ## 8.4.5
 
 - Angular: Support v19 - [#29659](https://github.com/storybookjs/storybook/pull/29659), thanks @leosvelperez!

From 04f9ca060293f762cec7cffd34680dd3ccf3a581 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 13:37:05 +0100
Subject: [PATCH 082/111] add coverage states to stories

---
 .../components/TestProviderRender.stories.tsx | 82 +++++++++++++++++--
 1 file changed, 77 insertions(+), 5 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.stories.tsx b/code/addons/test/src/components/TestProviderRender.stories.tsx
index 13a9e9bd3f3..fbdb3d488c7 100644
--- a/code/addons/test/src/components/TestProviderRender.stories.tsx
+++ b/code/addons/test/src/components/TestProviderRender.stories.tsx
@@ -124,29 +124,83 @@ export const Running: Story = {
   },
 };
 
-export const EnableA11y: Story = {
+export const Watching: Story = {
+  args: {
+    state: {
+      ...config,
+      ...baseState,
+      watching: true,
+    },
+  },
+};
+
+export const WithCoverageNegative: Story = {
   args: {
     state: {
       ...config,
       ...baseState,
       details: {
         testResults: [],
+        coverageSummary: {
+          percentage: 20,
+          status: 'negative',
+        },
       },
       config: {
-        a11y: true,
-        coverage: false,
+        a11y: false,
+        coverage: true,
       },
     },
   },
 };
 
-export const EnableEditing: Story = {
+export const WithCoverageWarning: Story = {
   args: {
     state: {
       ...config,
       ...baseState,
+      details: {
+        testResults: [],
+        coverageSummary: {
+          percentage: 50,
+          status: 'warning',
+        },
+      },
       config: {
-        a11y: true,
+        a11y: false,
+        coverage: true,
+      },
+    },
+  },
+};
+
+export const WithCoveragePositive: Story = {
+  args: {
+    state: {
+      ...config,
+      ...baseState,
+      details: {
+        testResults: [],
+        coverageSummary: {
+          percentage: 80,
+          status: 'positive',
+        },
+      },
+      config: {
+        a11y: false,
+        coverage: true,
+      },
+    },
+  },
+};
+
+export const Editing: Story = {
+  args: {
+    state: {
+      ...config,
+      ...baseState,
+      config: {
+        a11y: false,
         coverage: false,
       },
       details: {
@@ -161,3 +215,21 @@ export const EnableEditing: Story = {
     screen.getByLabelText(/Open settings/).click();
   },
 };
+
+export const EditingAndWatching: Story = {
+  args: {
+    state: {
+      ...config,
+      ...baseState,
+      watching: true,
+      config: {
+        a11y: true,
+        coverage: true, // should be automatically disabled in the UI
+      },
+      details: {
+        testResults: [],
+      },
+    },
+  },
+  play: Editing.play,
+};

From d4d566a58dc01f89a83fce65b34650655bd8926e Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Fri, 29 Nov 2024 13:50:35 +0100
Subject: [PATCH 083/111] sync coverage state on run request

---
 code/addons/test/src/node/test-manager.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/code/addons/test/src/node/test-manager.ts b/code/addons/test/src/node/test-manager.ts
index f424408b7bc..3660081de58 100644
--- a/code/addons/test/src/node/test-manager.ts
+++ b/code/addons/test/src/node/test-manager.ts
@@ -81,6 +81,9 @@ export class TestManager {
       if (payload.providerId !== TEST_PROVIDER_ID) {
         return;
       }
+      if (payload.config && this.coverage !== payload.config.coverage) {
+        this.coverage = payload.config.coverage;
+      }
 
       const allTestsRun = (payload.storyIds ?? []).length === 0;
       if (this.coverage) {

From e37c8da078985dc8de72247152f8e84e3b925336 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 13:56:32 +0100
Subject: [PATCH 084/111] Fix description height

---
 code/addons/test/src/components/Description.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index fc283d8d4bb..6beba190988 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -8,6 +8,7 @@ import { GlobalErrorContext } from './GlobalErrorModal';
 import { RelativeTime } from './RelativeTime';
 
 export const Wrapper = styled.div(({ theme }) => ({
+  minHeight: 20,
   fontSize: theme.typography.size.s1,
   color: theme.barTextColor,
 }));
@@ -46,7 +47,7 @@ export function Description({ state, ...props }: DescriptionProps) {
       ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
       : 'Starting...';
   } else if (state.failed && !errorMessage) {
-    description = '';
+    description = 'Failed';
   } else if (state.crashed || (state.failed && errorMessage)) {
     description = (
       <>

From e15b03eaca9720ba1ba2e47a1c34b447792aa919 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 13:58:57 +0100
Subject: [PATCH 085/111] Determine component tests status based on relevant
 test results and disallow changing settings while running tests

---
 .../src/components/TestProviderRender.tsx     | 56 +++++++++++++++----
 .../src/components/TestStatusIcon.stories.tsx |  6 ++
 .../test/src/components/TestStatusIcon.tsx    |  7 ++-
 code/addons/test/src/manager.tsx              | 11 ++--
 code/addons/test/src/node/reporter.ts         | 17 +++---
 .../components/sidebar/ContextMenu.tsx        |  1 -
 .../src/manager/components/sidebar/Tree.tsx   |  3 +-
 code/core/src/types/modules/api-stories.ts    |  1 +
 8 files changed, 75 insertions(+), 27 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index e486b0fb880..b2f0b26c51f 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useCallback, useRef, useState } from 'react';
+import React, { type ComponentProps, type FC, useCallback, useRef, useState } from 'react';
 
 import { Button, ListItem } from 'storybook/internal/components';
 import {
@@ -22,7 +22,8 @@ import {
 import { isEqual } from 'es-toolkit';
 import { debounce } from 'es-toolkit/compat';
 
-import { type Config, type Details, TEST_PROVIDER_ID } from '../constants';
+import { type Config, type Details } from '../constants';
+import { type TestStatus } from '../node/reporter';
 import { Description } from './Description';
 import { TestStatusIcon } from './TestStatusIcon';
 import { Title } from './Title';
@@ -36,7 +37,7 @@ const Heading = styled.div({
   display: 'flex',
   justifyContent: 'space-between',
   padding: '8px 2px',
-  gap: 6,
+  gap: 12,
 });
 
 const Info = styled.div({
@@ -47,7 +48,7 @@ const Info = styled.div({
 
 const Actions = styled.div({
   display: 'flex',
-  gap: 6,
+  gap: 2,
 });
 
 const Extras = styled.div({
@@ -61,10 +62,20 @@ const Checkbox = styled.input({
   },
 });
 
+const statusOrder: TestStatus[] = ['failed', 'warning', 'pending', 'passed', 'skipped'];
+const statusMap: Record<TestStatus, ComponentProps<typeof TestStatusIcon>['status']> = {
+  failed: 'negative',
+  warning: 'warning',
+  passed: 'positive',
+  skipped: 'unknown',
+  pending: 'unknown',
+};
+
 export const TestProviderRender: FC<{
   api: API;
   state: TestProviderConfig & TestProviderState<Details, Config>;
-}> = ({ state, api }) => {
+  entryId?: string;
+}> = ({ state, api, entryId }) => {
   const [isEditing, setIsEditing] = useState(false);
   const theme = useTheme();
 
@@ -74,6 +85,20 @@ export const TestProviderRender: FC<{
     state.config || { a11y: false, coverage: false }
   );
 
+  const storyId = entryId?.includes('--') ? entryId : undefined;
+  const results = (state.details?.testResults || [])
+    .flatMap((test) => {
+      if (!entryId) {
+        return test.results;
+      }
+      return test.results.filter((result) =>
+        storyId ? result.storyId === storyId : result.storyId?.startsWith(`${entryId}-`)
+      );
+    })
+    .sort((a, b) => statusOrder.indexOf(a.status) - statusOrder.indexOf(b.status));
+
+  const status = (state.failed ? 'failed' : results[0]?.status) || 'unknown';
+
   return (
     <Container>
       <Heading>
@@ -88,11 +113,12 @@ export const TestProviderRender: FC<{
             variant="ghost"
             padding="small"
             active={isEditing}
+            disabled={state.running && !isEditing}
             onClick={() => setIsEditing(!isEditing)}
           >
             <EditIcon />
           </Button>
-          {state.watchable && (
+          {state.watchable && !entryId && (
             <Button
               aria-label={`${state.watching ? 'Disable' : 'Enable'} watch mode for ${state.name}`}
               variant="ghost"
@@ -121,8 +147,8 @@ export const TestProviderRender: FC<{
                   aria-label={`Start ${state.name}`}
                   variant="ghost"
                   padding="small"
-                  onClick={() => api.runTestProvider(state.id)}
-                  disabled={state.crashed || state.running}
+                  onClick={() => api.runTestProvider(state.id, { entryId })}
+                  disabled={state.crashed || state.running || isEditing}
                 >
                   <PlayHollowIcon />
                 </Button>
@@ -147,7 +173,7 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
-                disabled // TODO: Implement coverage
+                disabled={state.running}
                 checked={config.coverage}
                 onChange={() => updateConfig({ coverage: !config.coverage })}
               />
@@ -160,7 +186,7 @@ export const TestProviderRender: FC<{
             right={
               <Checkbox
                 type="checkbox"
-                disabled // TODO: Implement a11y
+                disabled={state.running}
                 checked={config.a11y}
                 onChange={() => updateConfig({ a11y: !config.a11y })}
               />
@@ -171,7 +197,15 @@ export const TestProviderRender: FC<{
         <Extras>
           <ListItem
             title="Component tests"
-            icon={<TestStatusIcon status="positive" aria-label="status: passed" />}
+            icon={
+              state.crashed ? (
+                <TestStatusIcon status="critical" aria-label="status: crashed" />
+              ) : status === 'unknown' ? (
+                <TestStatusIcon status="unknown" aria-label="status: unknown" />
+              ) : (
+                <TestStatusIcon status={statusMap[status]} aria-label={`status: ${status}`} />
+              )
+            }
           />
           <ListItem
             title="Coverage"
diff --git a/code/addons/test/src/components/TestStatusIcon.stories.tsx b/code/addons/test/src/components/TestStatusIcon.stories.tsx
index fee0765daf9..3a38df50a80 100644
--- a/code/addons/test/src/components/TestStatusIcon.stories.tsx
+++ b/code/addons/test/src/components/TestStatusIcon.stories.tsx
@@ -34,6 +34,12 @@ export const Negative: Story = {
   },
 };
 
+export const Critical: Story = {
+  args: {
+    status: 'critical',
+  },
+};
+
 export const UnknownPercentage: Story = {
   args: {
     status: 'unknown',
diff --git a/code/addons/test/src/components/TestStatusIcon.tsx b/code/addons/test/src/components/TestStatusIcon.tsx
index d61bcf3e707..7b201ce768c 100644
--- a/code/addons/test/src/components/TestStatusIcon.tsx
+++ b/code/addons/test/src/components/TestStatusIcon.tsx
@@ -1,7 +1,7 @@
 import { styled } from 'storybook/internal/theming';
 
 export const TestStatusIcon = styled.div<{
-  status: 'positive' | 'warning' | 'negative' | 'unknown';
+  status: 'positive' | 'warning' | 'negative' | 'critical' | 'unknown';
   percentage?: number;
 }>(
   ({ percentage }) => ({
@@ -28,6 +28,11 @@ export const TestStatusIcon = styled.div<{
       '--status-color': theme.color.negative,
       '--status-background': `${theme.color.negative}66`,
     },
+  ({ status, theme }) =>
+    status === 'critical' && {
+      '--status-color': theme.color.defaultText,
+      '--status-background': `${theme.color.defaultText}66`,
+    },
   ({ status, theme }) =>
     status === 'unknown' && {
       '--status-color': theme.color.mediumdark,
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index eed57ca78cb..c45d8ea7617 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -10,17 +10,19 @@ import {
   Addon_TypesEnum,
 } from 'storybook/internal/types';
 
-import { ContextMenuItem } from './components/ContextMenuItem';
 import { GlobalErrorContext, GlobalErrorModal } from './components/GlobalErrorModal';
 import { Panel } from './components/Panel';
 import { PanelTitle } from './components/PanelTitle';
 import { TestProviderRender } from './components/TestProviderRender';
 import { ADDON_ID, type Config, type Details, PANEL_ID, TEST_PROVIDER_ID } from './constants';
+import type { TestStatus } from './node/reporter';
 
-const statusMap: Record<any['status'], API_StatusValue> = {
+const statusMap: Record<TestStatus, API_StatusValue> = {
   failed: 'error',
   passed: 'success',
   pending: 'pending',
+  warning: 'warn',
+  skipped: 'unknown',
 };
 
 addons.register(ADDON_ID, (api) => {
@@ -60,12 +62,12 @@ addons.register(ADDON_ID, (api) => {
         if (context.type === 'story' && !context.tags.includes('test')) {
           return null;
         }
-        return <TestProviderRender api={api} state={{ ...state, watchable: false }} />;
+        return <TestProviderRender api={api} state={state} entryId={context.id} />;
       },
 
       mapStatusUpdate: (state) =>
         Object.fromEntries(
-          (state.details.testResults || []).flatMap((testResult) =>
+          (state.details?.testResults || []).flatMap((testResult) =>
             testResult.results
               .map(({ storyId, status, testRunId, ...rest }) => {
                 if (storyId) {
@@ -80,6 +82,7 @@ addons.register(ADDON_ID, (api) => {
                       testRunId,
                     },
                     onClick: openAddonPanel,
+                    sidebarContextMenu: false,
                   };
                   return [storyId, statusObject];
                 }
diff --git a/code/addons/test/src/node/reporter.ts b/code/addons/test/src/node/reporter.ts
index 51d2dc010cf..7405cf740c7 100644
--- a/code/addons/test/src/node/reporter.ts
+++ b/code/addons/test/src/node/reporter.ts
@@ -20,15 +20,17 @@ import { throttle } from 'es-toolkit';
 import { TEST_PROVIDER_ID } from '../constants';
 import type { TestManager } from './test-manager';
 
+export type TestStatus = 'passed' | 'failed' | 'warning' | 'pending' | 'skipped';
+
 export type TestResultResult =
   | {
-      status: 'success' | 'pending';
+      status: Extract<TestStatus, 'passed' | 'pending'>;
       storyId: string;
       testRunId: string;
       duration: number;
     }
   | {
-      status: 'failed';
+      status: Extract<TestStatus, 'failed'>;
       storyId: string;
       duration: number;
       testRunId: string;
@@ -39,20 +41,17 @@ export type TestResult = {
   results: TestResultResult[];
   startTime: number;
   endTime: number;
-  status: 'passed' | 'failed';
+  status: Extract<TestStatus, 'passed' | 'failed'>;
   message?: string;
 };
 
-const StatusMap: Record<
-  TaskState,
-  'passed' | 'failed' | 'skipped' | 'pending' | 'todo' | 'disabled'
-> = {
+const statusMap: Record<TaskState, TestStatus> = {
   fail: 'failed',
   only: 'pending',
   pass: 'passed',
   run: 'pending',
   skip: 'skipped',
-  todo: 'todo',
+  todo: 'skipped',
 };
 
 export class StorybookReporter implements Reporter {
@@ -112,7 +111,7 @@ export class StorybookReporter implements Reporter {
         }
         ancestorTitles.reverse();
 
-        const status = StatusMap[t.result?.state || t.mode] || 'skipped';
+        const status = statusMap[t.result?.state || t.mode] || 'skipped';
         const storyId = (t.meta as any).storyId as string;
         const duration = t.result?.duration || 0;
         const testRunId = this.start.toString();
diff --git a/code/core/src/manager/components/sidebar/ContextMenu.tsx b/code/core/src/manager/components/sidebar/ContextMenu.tsx
index e056c45436b..bca4d0503ed 100644
--- a/code/core/src/manager/components/sidebar/ContextMenu.tsx
+++ b/code/core/src/manager/components/sidebar/ContextMenu.tsx
@@ -12,7 +12,6 @@ import type { API } from '@storybook/core/manager-api';
 import type { Link } from '../../../components/components/tooltip/TooltipLinkList';
 import { StatusButton } from './StatusButton';
 import type { ExcludesNull } from './Tree';
-import { ContextMenu } from './Tree';
 
 export const useContextMenu = (context: API_HashEntry, links: Link[], api: API) => {
   const [hoverCount, setHoverCount] = useState(0);
diff --git a/code/core/src/manager/components/sidebar/Tree.tsx b/code/core/src/manager/components/sidebar/Tree.tsx
index 38f1e744911..0a22df1cb42 100644
--- a/code/core/src/manager/components/sidebar/Tree.tsx
+++ b/code/core/src/manager/components/sidebar/Tree.tsx
@@ -74,7 +74,7 @@ export const LeafNodeStyleWrapper = styled.div(({ theme }) => ({
   position: 'relative',
   display: 'flex',
   justifyContent: 'space-between',
-  alignItems: 'center',
+  alignItems: 'flex-start',
   color: theme.color.defaultText,
   background: 'transparent',
   minHeight: 28,
@@ -216,6 +216,7 @@ const Node = React.memo<NodeProps>(function Node({
   const statusLinks = useMemo<Link[]>(() => {
     if (item.type === 'story' || item.type === 'docs') {
       return Object.entries(status || {})
+        .filter(([, value]) => value.sidebarContextMenu !== false)
         .sort((a, b) => statusOrder.indexOf(a[1].status) - statusOrder.indexOf(b[1].status))
         .map(([addonId, value]) => ({
           id: addonId,
diff --git a/code/core/src/types/modules/api-stories.ts b/code/core/src/types/modules/api-stories.ts
index 5f7b8dfe864..c9471921511 100644
--- a/code/core/src/types/modules/api-stories.ts
+++ b/code/core/src/types/modules/api-stories.ts
@@ -124,6 +124,7 @@ export interface API_StatusObject {
   description: string;
   data?: any;
   onClick?: () => void;
+  sidebarContextMenu?: boolean;
 }
 
 export type API_StatusState = Record<StoryId, Record<string, API_StatusObject>>;

From 5e2dd791f5e1306dbae7063eb483126f38ab7149 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 13:59:33 +0100
Subject: [PATCH 086/111] Optimistically set running: true when clicking the
 run button

---
 code/core/src/manager-api/modules/experimental_testmodule.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index 289ffe51c81..cc4288baee1 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -80,6 +80,7 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
     runTestProvider(id, options) {
       const index = store.getState().index;
       invariant(index, 'The index is currently unavailable');
+      api.updateTestProviderState(id, { running: true });
 
       const provider = store.getState().testProviders[id];
 

From fe9adb0118b3e2b967931a036e5550322cc4fbc3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 14:09:48 +0100
Subject: [PATCH 087/111] Ellipsize long descriptions

---
 code/addons/test/src/components/Description.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/code/addons/test/src/components/Description.tsx b/code/addons/test/src/components/Description.tsx
index 6beba190988..a94b775b5c9 100644
--- a/code/addons/test/src/components/Description.tsx
+++ b/code/addons/test/src/components/Description.tsx
@@ -8,7 +8,9 @@ import { GlobalErrorContext } from './GlobalErrorModal';
 import { RelativeTime } from './RelativeTime';
 
 export const Wrapper = styled.div(({ theme }) => ({
-  minHeight: 20,
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
   fontSize: theme.typography.size.s1,
   color: theme.barTextColor,
 }));

From fda3deef37083ee952c4124df66e8563149c7d33 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 14:22:43 +0100
Subject: [PATCH 088/111] Fix ellipsis container sizing

---
 code/addons/test/src/components/TestProviderRender.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index b2f0b26c51f..cdb2ada594b 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -44,6 +44,7 @@ const Info = styled.div({
   display: 'flex',
   flexDirection: 'column',
   marginLeft: 6,
+  minWidth: 0,
 });
 
 const Actions = styled.div({

From bcd77d07fd575e18f224682a2e5c0be404c35e72 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Fri, 29 Nov 2024 14:37:42 +0100
Subject: [PATCH 089/111] error reporting for vitest crashes

---
 code/addons/test/src/node/vitest-manager.ts                | 6 +++++-
 code/core/src/manager/components/sidebar/SidebarBottom.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/code/addons/test/src/node/vitest-manager.ts b/code/addons/test/src/node/vitest-manager.ts
index 8329b091e70..5cf7b54dd4a 100644
--- a/code/addons/test/src/node/vitest-manager.ts
+++ b/code/addons/test/src/node/vitest-manager.ts
@@ -73,7 +73,11 @@ export class VitestManager {
       });
     }
 
-    await this.vitest.init();
+    try {
+      await this.vitest.init();
+    } catch (e) {
+      this.testManager.reportFatalError('Failed to init Vitest', e);
+    }
 
     if (watchMode) {
       await this.setupWatchers();
diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
index ba64b4e500a..871821ebf20 100644
--- a/code/core/src/manager/components/sidebar/SidebarBottom.tsx
+++ b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
@@ -122,7 +122,7 @@ export const SidebarBottomBase = ({
   useEffect(() => {
     const onCrashReport = ({ providerId, ...details }: TestingModuleCrashReportPayload) => {
       api.updateTestProviderState(providerId, {
-        details,
+        error: { name: 'Crashed!', message: details.error.message },
         running: false,
         crashed: true,
         watching: false,

From 4db6071372fc5cf3fd1bf18f63408c027a8b31ab Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 15:01:03 +0100
Subject: [PATCH 090/111] Fixed width for context menu

---
 .../test/src/components/TestProviderRender.tsx     | 14 ++++++++------
 code/addons/test/src/manager.tsx                   |  9 ++++++++-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index cdb2ada594b..76f43fbb884 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -72,11 +72,13 @@ const statusMap: Record<TestStatus, ComponentProps<typeof TestStatusIcon>['statu
   pending: 'unknown',
 };
 
-export const TestProviderRender: FC<{
-  api: API;
-  state: TestProviderConfig & TestProviderState<Details, Config>;
-  entryId?: string;
-}> = ({ state, api, entryId }) => {
+export const TestProviderRender: FC<
+  {
+    api: API;
+    state: TestProviderConfig & TestProviderState<Details, Config>;
+    entryId?: string;
+  } & ComponentProps<typeof Container>
+> = ({ state, api, entryId, ...props }) => {
   const [isEditing, setIsEditing] = useState(false);
   const theme = useTheme();
 
@@ -101,7 +103,7 @@ export const TestProviderRender: FC<{
   const status = (state.failed ? 'failed' : results[0]?.status) || 'unknown';
 
   return (
-    <Container>
+    <Container {...props}>
       <Heading>
         <Info>
           <Title id="testing-module-title" state={state} />
diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index c45d8ea7617..40007124fee 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -62,7 +62,14 @@ addons.register(ADDON_ID, (api) => {
         if (context.type === 'story' && !context.tags.includes('test')) {
           return null;
         }
-        return <TestProviderRender api={api} state={state} entryId={context.id} />;
+        return (
+          <TestProviderRender
+            api={api}
+            state={state}
+            entryId={context.id}
+            style={{ minWidth: 240 }}
+          />
+        );
       },
 
       mapStatusUpdate: (state) =>

From 51b82c30b9b73fc63bbbe809e17443be7bae9655 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 15:31:02 +0100
Subject: [PATCH 091/111] Prevent sidebar from jumping to selected item
 whenever the dataset changes, as this is jarring and not necessary

---
 .../core/src/manager/components/sidebar/Explorer.tsx |  2 --
 .../src/manager/components/sidebar/useHighlighted.ts | 12 +++++-------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/code/core/src/manager/components/sidebar/Explorer.tsx b/code/core/src/manager/components/sidebar/Explorer.tsx
index 1c4a93825eb..4423fafb9f4 100644
--- a/code/core/src/manager/components/sidebar/Explorer.tsx
+++ b/code/core/src/manager/components/sidebar/Explorer.tsx
@@ -23,11 +23,9 @@ export const Explorer: FC<ExplorerProps> = React.memo(function Explorer({
 
   // Track highlighted nodes, keep it in sync with props and enable keyboard navigation
   const [highlighted, setHighlighted, highlightedRef] = useHighlighted({
-    // @ts-expect-error (non strict)
     containerRef,
     isLoading,
     isBrowsing,
-    dataset,
     selected,
   });
 
diff --git a/code/core/src/manager/components/sidebar/useHighlighted.ts b/code/core/src/manager/components/sidebar/useHighlighted.ts
index 52184652737..d0f06fc87aa 100644
--- a/code/core/src/manager/components/sidebar/useHighlighted.ts
+++ b/code/core/src/manager/components/sidebar/useHighlighted.ts
@@ -1,4 +1,4 @@
-import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import type { Dispatch, MutableRefObject, RefObject, SetStateAction } from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { global } from '@storybook/global';
@@ -8,15 +8,14 @@ import { useStorybookApi } from '@storybook/core/manager-api';
 
 import { matchesKeyCode, matchesModifiers } from '../../keybinding';
 import { cycle, isAncestor, scrollIntoView } from '../../utils/tree';
-import type { CombinedDataset, Highlight, Selection } from './types';
+import type { Highlight, Selection } from './types';
 
 const { document, window: globalWindow } = global;
 
 export interface HighlightedProps {
-  containerRef: MutableRefObject<HTMLElement>;
+  containerRef: RefObject<HTMLElement | null>;
   isLoading: boolean;
   isBrowsing: boolean;
-  dataset: CombinedDataset;
   selected: Selection;
 }
 
@@ -27,7 +26,6 @@ export const useHighlighted = ({
   containerRef,
   isLoading,
   isBrowsing,
-  dataset,
   selected,
 }: HighlightedProps): [
   Highlight,
@@ -76,7 +74,7 @@ export const useHighlighted = ({
         );
       }, 0);
     }
-  }, [dataset, highlightedRef, containerRef, selected]);
+  }, [containerRef, selected, updateHighlighted]);
 
   // Highlight nodes up/down the tree using arrow keys
   useEffect(() => {
@@ -115,7 +113,7 @@ export const useHighlighted = ({
         }
 
         const highlightable = Array.from(
-          containerRef.current.querySelectorAll('[data-highlightable=true]')
+          containerRef.current?.querySelectorAll('[data-highlightable=true]') || []
         );
         const currentIndex = highlightable.findIndex(
           (el) =>

From 7b628904c9ede112baf88f8a4c4701a9ee9c8b14 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Fri, 29 Nov 2024 17:00:40 +0100
Subject: [PATCH 092/111] Disable watch mode toggle while editing settings

---
 code/addons/test/src/components/TestProviderRender.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index 76f43fbb884..102695b9106 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -128,7 +128,7 @@ export const TestProviderRender: FC<
               padding="small"
               active={state.watching}
               onClick={() => api.setTestProviderWatchMode(state.id, !state.watching)}
-              disabled={state.crashed || state.running}
+              disabled={state.crashed || state.running || isEditing}
             >
               <EyeIcon />
             </Button>

From 2462631514341aadb9033d7ec2e794ca1c037b3e Mon Sep 17 00:00:00 2001
From: Daniel Williams <dannyhyunsoowilliams@gmail.com>
Date: Sat, 30 Nov 2024 13:00:57 +0000
Subject: [PATCH 093/111] RNW-Vite: feat add built in flow support

---
 .../react-native-web-vite/package.json        |  1 +
 .../react-native-web-vite/src/preset.ts       | 18 ++++-
 .../react-native-web-vite/src/typings.d.ts    |  1 +
 code/yarn.lock                                | 80 +++++++++++++++++++
 4 files changed, 98 insertions(+), 2 deletions(-)
 create mode 100644 code/frameworks/react-native-web-vite/src/typings.d.ts

diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index 0aba8948e71..91e9238a97e 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -53,6 +53,7 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
+    "@bunchtogether/vite-plugin-flow": "^1.0.2",
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.4.2",
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "workspace:*",
diff --git a/code/frameworks/react-native-web-vite/src/preset.ts b/code/frameworks/react-native-web-vite/src/preset.ts
index 852d69af2ce..a082f443420 100644
--- a/code/frameworks/react-native-web-vite/src/preset.ts
+++ b/code/frameworks/react-native-web-vite/src/preset.ts
@@ -1,8 +1,9 @@
 // @ts-expect-error FIXME
 import { viteFinal as reactViteFinal } from '@storybook/react-vite/preset';
 
+import { esbuildFlowPlugin, flowPlugin } from '@bunchtogether/vite-plugin-flow';
 import react from '@vitejs/plugin-react';
-import type { PluginOption } from 'vite';
+import type { InlineConfig, PluginOption } from 'vite';
 
 import type { FrameworkOptions, StorybookConfig } from './types';
 
@@ -61,13 +62,19 @@ export function reactNativeWeb(): PluginOption {
 }
 
 export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) => {
+  const { mergeConfig } = await import('vite');
+
   const { pluginReactOptions = {} } =
     await options.presets.apply<FrameworkOptions>('frameworkOptions');
 
   const reactConfig = await reactViteFinal(config, options);
+
   const { plugins = [] } = reactConfig;
 
   plugins.unshift(
+    flowPlugin({
+      exclude: [],
+    }),
     react({
       babel: {
         babelrc: false,
@@ -77,9 +84,16 @@ export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) =
       ...pluginReactOptions,
     })
   );
+
   plugins.push(reactNativeWeb());
 
-  return reactConfig;
+  return mergeConfig(reactConfig, {
+    optimizeDeps: {
+      esbuildOptions: {
+        plugins: [esbuildFlowPlugin()],
+      },
+    },
+  } satisfies InlineConfig);
 };
 
 export const core = {
diff --git a/code/frameworks/react-native-web-vite/src/typings.d.ts b/code/frameworks/react-native-web-vite/src/typings.d.ts
new file mode 100644
index 00000000000..8aed0ac76f1
--- /dev/null
+++ b/code/frameworks/react-native-web-vite/src/typings.d.ts
@@ -0,0 +1 @@
+declare module '@bunchtogether/vite-plugin-flow';
diff --git a/code/yarn.lock b/code/yarn.lock
index 684f8f1118e..42fd2346902 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -2501,6 +2501,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@bunchtogether/vite-plugin-flow@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@bunchtogether/vite-plugin-flow@npm:1.0.2"
+  dependencies:
+    flow-remove-types: "npm:^2.158.0"
+    rollup-pluginutils: "npm:^2.8.2"
+  checksum: 10c0/84faf014977196470bbeae686b4e167de2805777389f8a0da88647484df7cf39db3da91907d75ea810ea77175c0cdd40a9a3ad92b7c7c44681b0cd1f4156c7b8
+  languageName: node
+  linkType: hard
+
 "@bundled-es-modules/cookie@npm:^2.0.0":
   version: 2.0.0
   resolution: "@bundled-es-modules/cookie@npm:2.0.0"
@@ -7099,6 +7109,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/react-native-web-vite@workspace:frameworks/react-native-web-vite"
   dependencies:
+    "@bunchtogether/vite-plugin-flow": "npm:^1.0.2"
     "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.4.2"
     "@storybook/builder-vite": "workspace:*"
     "@storybook/react": "workspace:*"
@@ -15317,6 +15328,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-walker@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "estree-walker@npm:0.6.1"
+  checksum: 10c0/6dabc855faa04a1ffb17b6a9121b6008ba75ab5a163ad9dc3d7fca05cfda374c5f5e91418d783496620ca75e99a73c40874d8b75f23b4117508cc8bde78e7b41
+  languageName: node
+  linkType: hard
+
 "estree-walker@npm:^2.0.1, estree-walker@npm:^2.0.2":
   version: 2.0.2
   resolution: "estree-walker@npm:2.0.2"
@@ -16028,6 +16046,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"flow-remove-types@npm:^2.158.0":
+  version: 2.255.0
+  resolution: "flow-remove-types@npm:2.255.0"
+  dependencies:
+    hermes-parser: "npm:0.25.1"
+    pirates: "npm:^3.0.2"
+    vlq: "npm:^0.2.1"
+  bin:
+    flow-node: flow-node
+    flow-remove-types: flow-remove-types
+  checksum: 10c0/080cfab76259e313ac77ebd911528fdc9423446d0c4503b95c9f0beb57fde1143657ac3388110382ddbfdb9b7e8ebc20fe903b14a7de374f53d44d6365e26ae1
+  languageName: node
+  linkType: hard
+
 "flush-promises@npm:^1.0.2":
   version: 1.0.2
   resolution: "flush-promises@npm:1.0.2"
@@ -17251,6 +17283,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hermes-estree@npm:0.25.1":
+  version: 0.25.1
+  resolution: "hermes-estree@npm:0.25.1"
+  checksum: 10c0/48be3b2fa37a0cbc77a112a89096fa212f25d06de92781b163d67853d210a8a5c3784fac23d7d48335058f7ed283115c87b4332c2a2abaaccc76d0ead1a282ac
+  languageName: node
+  linkType: hard
+
+"hermes-parser@npm:0.25.1":
+  version: 0.25.1
+  resolution: "hermes-parser@npm:0.25.1"
+  dependencies:
+    hermes-estree: "npm:0.25.1"
+  checksum: 10c0/3abaa4c6f1bcc25273f267297a89a4904963ea29af19b8e4f6eabe04f1c2c7e9abd7bfc4730ddb1d58f2ea04b6fee74053d8bddb5656ec6ebf6c79cc8d14202c
+  languageName: node
+  linkType: hard
+
 "highlight.js@npm:^10.4.1, highlight.js@npm:~10.7.0":
   version: 10.7.3
   resolution: "highlight.js@npm:10.7.3"
@@ -21897,6 +21945,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-modules-regexp@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "node-modules-regexp@npm:1.0.0"
+  checksum: 10c0/d4a9b6425a18e9fadd38f21a7f7820b3bfda4663c7d3b9f80043e3f5f7e27a0a1e04f524077b00a15ae77148cd81319da5772900229d89541062f7e876b36763
+  languageName: node
+  linkType: hard
+
 "node-polyfill-webpack-plugin@npm:^2.0.1":
   version: 2.0.1
   resolution: "node-polyfill-webpack-plugin@npm:2.0.1"
@@ -23156,6 +23211,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pirates@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "pirates@npm:3.0.2"
+  dependencies:
+    node-modules-regexp: "npm:^1.0.0"
+  checksum: 10c0/f71519f64abff750ad00398e7a0f724e7d3af0ce14c0cf149a47dd9e1fae5e9aea24cb3a63b4ce8dce8b051f7d44531af6743078e33f72cb8602c5a7365185d1
+  languageName: node
+  linkType: hard
+
 "pirates@npm:^4.0.5":
   version: 4.0.6
   resolution: "pirates@npm:4.0.6"
@@ -25532,6 +25596,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rollup-pluginutils@npm:^2.8.2":
+  version: 2.8.2
+  resolution: "rollup-pluginutils@npm:2.8.2"
+  dependencies:
+    estree-walker: "npm:^0.6.1"
+  checksum: 10c0/20947bec5a5dd68b5c5c8423911e6e7c0ad834c451f1a929b1f4e2bc08836ad3f1a722ef2bfcbeca921870a0a283f13f064a317dc7a6768496e98c9a641ba290
+  languageName: node
+  linkType: hard
+
 "rollup@npm:^3.27.1":
   version: 3.29.4
   resolution: "rollup@npm:3.29.4"
@@ -29221,6 +29294,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vlq@npm:^0.2.1":
+  version: 0.2.3
+  resolution: "vlq@npm:0.2.3"
+  checksum: 10c0/d1557b404353ca75c7affaaf403d245a3273a7d1c6b3380ed7f04ae3f080e4658f41ac700d6f48acb3cd4875fe7bc7da4924b3572cd5584a5de83b35b1de5e12
+  languageName: node
+  linkType: hard
+
 "vm-browserify@npm:^1.1.2":
   version: 1.1.2
   resolution: "vm-browserify@npm:1.1.2"

From 18442450017d77202dc9fd5aa4910af9c192fce4 Mon Sep 17 00:00:00 2001
From: Daniel Williams <dannyhyunsoowilliams@gmail.com>
Date: Sat, 30 Nov 2024 13:43:30 +0000
Subject: [PATCH 094/111] fix: should transpile all in jsx format

---
 code/frameworks/react-native-web-vite/src/preset.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/frameworks/react-native-web-vite/src/preset.ts b/code/frameworks/react-native-web-vite/src/preset.ts
index a082f443420..8e3d7d6b58a 100644
--- a/code/frameworks/react-native-web-vite/src/preset.ts
+++ b/code/frameworks/react-native-web-vite/src/preset.ts
@@ -90,7 +90,7 @@ export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) =
   return mergeConfig(reactConfig, {
     optimizeDeps: {
       esbuildOptions: {
-        plugins: [esbuildFlowPlugin()],
+        plugins: [esbuildFlowPlugin(new RegExp(/\.(flow|jsx?)$/), (_path: string) => 'jsx')],
       },
     },
   } satisfies InlineConfig);

From 742ddd23322c7e87af4ce98405c129f1ed4ab548 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Sat, 30 Nov 2024 16:27:39 +0000
Subject: [PATCH 095/111] Write changelog for 8.5.0-alpha.14 [skip ci]

---
 CHANGELOG.prerelease.md | 5 +++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index ea140d28b0a..0505eaff38a 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,8 @@
+## 8.5.0-alpha.14
+
+- RNW-Vite: Add built-in Flow support - [#29756](https://github.com/storybookjs/storybook/pull/29756), thanks @dannyhw!
+- Test: Add coverage feature - [#29713](https://github.com/storybookjs/storybook/pull/29713), thanks @ndelangen!
+
 ## 8.5.0-alpha.13
 
 - Portable stories: Support multiple annotation notations from preview - [#29733](https://github.com/storybookjs/storybook/pull/29733), thanks @yannbf!
diff --git a/code/package.json b/code/package.json
index 24b54cd5168..389b0893dea 100644
--- a/code/package.json
+++ b/code/package.json
@@ -293,5 +293,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.0-alpha.14"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 27ef6e4d3c3..36d35a6a292 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-alpha.13","info":{"plain":"- Portable stories: Support multiple annotation notations from preview - [#29733](https://github.com/storybookjs/storybook/pull/29733), thanks @yannbf!\n- React: Upgrade react-docgen-typescript to support Vite 6 - [#29724](https://github.com/storybookjs/storybook/pull/29724), thanks @yannbf!"}}
+{"version":"8.5.0-alpha.14","info":{"plain":"- RNW-Vite: Add built-in Flow support - [#29756](https://github.com/storybookjs/storybook/pull/29756), thanks @dannyhw!\n- Test: Add coverage feature - [#29713](https://github.com/storybookjs/storybook/pull/29713), thanks @ndelangen!"}}

From f359e2bb4b67b42a047a06d02dcbfc03e80d8f0a Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Sat, 30 Nov 2024 16:59:42 +0000
Subject: [PATCH 096/111] Bump version from "8.5.0-alpha.13" to
 "8.5.0-alpha.14" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 777da54f36f..e6576c85147 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 89a6bb0f92d..68fe2fda22f 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 9d949852c39..f1224d522d5 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 1a26c1be5ea..390cfe2c4b3 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 6fe9d92e2b2..f045776c0c5 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 819febeab97..bbc2e38241d 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index 47aad8f8075..fde63ba9d04 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index b94b2d6937f..094cd9665f2 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 1041ab18172..2a15b8ec400 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index 05a9643ce79..adedd69200e 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index dc18ea0d61a..abe5add1f31 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index 75914fc636a..ad37bfc0a5c 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index ba2cfd39bc8..f47cb92576c 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index ce422787270..a13e3df9550 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index d0d23dde852..c5068f29755 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index 8e4db505d18..071173230ea 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index 0dbd8c971da..e9332849239 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 975e457ad70..580eea8e064 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index bd9581f1e8f..1c0c3cedbdd 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 4c5b8939238..0a28a75f4dc 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index 4c4c13e321a..3601f5fa8c3 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index d9e1bdbdf3e..2181ac1aded 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index e1f717e8247..9b056f27023 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.13',
-  '@storybook/addon-actions': '8.5.0-alpha.13',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.13',
-  '@storybook/addon-controls': '8.5.0-alpha.13',
-  '@storybook/addon-docs': '8.5.0-alpha.13',
-  '@storybook/addon-essentials': '8.5.0-alpha.13',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.13',
-  '@storybook/addon-highlight': '8.5.0-alpha.13',
-  '@storybook/addon-interactions': '8.5.0-alpha.13',
-  '@storybook/addon-jest': '8.5.0-alpha.13',
-  '@storybook/addon-links': '8.5.0-alpha.13',
-  '@storybook/addon-measure': '8.5.0-alpha.13',
-  '@storybook/addon-onboarding': '8.5.0-alpha.13',
-  '@storybook/addon-outline': '8.5.0-alpha.13',
-  '@storybook/addon-storysource': '8.5.0-alpha.13',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.13',
-  '@storybook/addon-themes': '8.5.0-alpha.13',
-  '@storybook/addon-toolbars': '8.5.0-alpha.13',
-  '@storybook/addon-viewport': '8.5.0-alpha.13',
-  '@storybook/builder-vite': '8.5.0-alpha.13',
-  '@storybook/builder-webpack5': '8.5.0-alpha.13',
-  '@storybook/core': '8.5.0-alpha.13',
-  '@storybook/builder-manager': '8.5.0-alpha.13',
-  '@storybook/channels': '8.5.0-alpha.13',
-  '@storybook/client-logger': '8.5.0-alpha.13',
-  '@storybook/components': '8.5.0-alpha.13',
-  '@storybook/core-common': '8.5.0-alpha.13',
-  '@storybook/core-events': '8.5.0-alpha.13',
-  '@storybook/core-server': '8.5.0-alpha.13',
-  '@storybook/csf-tools': '8.5.0-alpha.13',
-  '@storybook/docs-tools': '8.5.0-alpha.13',
-  '@storybook/manager': '8.5.0-alpha.13',
-  '@storybook/manager-api': '8.5.0-alpha.13',
-  '@storybook/node-logger': '8.5.0-alpha.13',
-  '@storybook/preview': '8.5.0-alpha.13',
-  '@storybook/preview-api': '8.5.0-alpha.13',
-  '@storybook/router': '8.5.0-alpha.13',
-  '@storybook/telemetry': '8.5.0-alpha.13',
-  '@storybook/theming': '8.5.0-alpha.13',
-  '@storybook/types': '8.5.0-alpha.13',
-  '@storybook/angular': '8.5.0-alpha.13',
-  '@storybook/ember': '8.5.0-alpha.13',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.13',
-  '@storybook/html-vite': '8.5.0-alpha.13',
-  '@storybook/html-webpack5': '8.5.0-alpha.13',
-  '@storybook/nextjs': '8.5.0-alpha.13',
-  '@storybook/preact-vite': '8.5.0-alpha.13',
-  '@storybook/preact-webpack5': '8.5.0-alpha.13',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.13',
-  '@storybook/react-vite': '8.5.0-alpha.13',
-  '@storybook/react-webpack5': '8.5.0-alpha.13',
-  '@storybook/server-webpack5': '8.5.0-alpha.13',
-  '@storybook/svelte-vite': '8.5.0-alpha.13',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.13',
-  '@storybook/sveltekit': '8.5.0-alpha.13',
-  '@storybook/vue3-vite': '8.5.0-alpha.13',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.13',
-  '@storybook/web-components-vite': '8.5.0-alpha.13',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.13',
-  '@storybook/blocks': '8.5.0-alpha.13',
-  storybook: '8.5.0-alpha.13',
-  sb: '8.5.0-alpha.13',
-  '@storybook/cli': '8.5.0-alpha.13',
-  '@storybook/codemod': '8.5.0-alpha.13',
-  '@storybook/core-webpack': '8.5.0-alpha.13',
-  'create-storybook': '8.5.0-alpha.13',
-  '@storybook/csf-plugin': '8.5.0-alpha.13',
-  '@storybook/instrumenter': '8.5.0-alpha.13',
-  '@storybook/react-dom-shim': '8.5.0-alpha.13',
-  '@storybook/source-loader': '8.5.0-alpha.13',
-  '@storybook/test': '8.5.0-alpha.13',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.13',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.13',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.13',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.13',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.13',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.13',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.13',
-  '@storybook/html': '8.5.0-alpha.13',
-  '@storybook/preact': '8.5.0-alpha.13',
-  '@storybook/react': '8.5.0-alpha.13',
-  '@storybook/server': '8.5.0-alpha.13',
-  '@storybook/svelte': '8.5.0-alpha.13',
-  '@storybook/vue3': '8.5.0-alpha.13',
-  '@storybook/web-components': '8.5.0-alpha.13',
+  '@storybook/addon-a11y': '8.5.0-alpha.14',
+  '@storybook/addon-actions': '8.5.0-alpha.14',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.14',
+  '@storybook/addon-controls': '8.5.0-alpha.14',
+  '@storybook/addon-docs': '8.5.0-alpha.14',
+  '@storybook/addon-essentials': '8.5.0-alpha.14',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.14',
+  '@storybook/addon-highlight': '8.5.0-alpha.14',
+  '@storybook/addon-interactions': '8.5.0-alpha.14',
+  '@storybook/addon-jest': '8.5.0-alpha.14',
+  '@storybook/addon-links': '8.5.0-alpha.14',
+  '@storybook/addon-measure': '8.5.0-alpha.14',
+  '@storybook/addon-onboarding': '8.5.0-alpha.14',
+  '@storybook/addon-outline': '8.5.0-alpha.14',
+  '@storybook/addon-storysource': '8.5.0-alpha.14',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.14',
+  '@storybook/addon-themes': '8.5.0-alpha.14',
+  '@storybook/addon-toolbars': '8.5.0-alpha.14',
+  '@storybook/addon-viewport': '8.5.0-alpha.14',
+  '@storybook/builder-vite': '8.5.0-alpha.14',
+  '@storybook/builder-webpack5': '8.5.0-alpha.14',
+  '@storybook/core': '8.5.0-alpha.14',
+  '@storybook/builder-manager': '8.5.0-alpha.14',
+  '@storybook/channels': '8.5.0-alpha.14',
+  '@storybook/client-logger': '8.5.0-alpha.14',
+  '@storybook/components': '8.5.0-alpha.14',
+  '@storybook/core-common': '8.5.0-alpha.14',
+  '@storybook/core-events': '8.5.0-alpha.14',
+  '@storybook/core-server': '8.5.0-alpha.14',
+  '@storybook/csf-tools': '8.5.0-alpha.14',
+  '@storybook/docs-tools': '8.5.0-alpha.14',
+  '@storybook/manager': '8.5.0-alpha.14',
+  '@storybook/manager-api': '8.5.0-alpha.14',
+  '@storybook/node-logger': '8.5.0-alpha.14',
+  '@storybook/preview': '8.5.0-alpha.14',
+  '@storybook/preview-api': '8.5.0-alpha.14',
+  '@storybook/router': '8.5.0-alpha.14',
+  '@storybook/telemetry': '8.5.0-alpha.14',
+  '@storybook/theming': '8.5.0-alpha.14',
+  '@storybook/types': '8.5.0-alpha.14',
+  '@storybook/angular': '8.5.0-alpha.14',
+  '@storybook/ember': '8.5.0-alpha.14',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.14',
+  '@storybook/html-vite': '8.5.0-alpha.14',
+  '@storybook/html-webpack5': '8.5.0-alpha.14',
+  '@storybook/nextjs': '8.5.0-alpha.14',
+  '@storybook/preact-vite': '8.5.0-alpha.14',
+  '@storybook/preact-webpack5': '8.5.0-alpha.14',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.14',
+  '@storybook/react-vite': '8.5.0-alpha.14',
+  '@storybook/react-webpack5': '8.5.0-alpha.14',
+  '@storybook/server-webpack5': '8.5.0-alpha.14',
+  '@storybook/svelte-vite': '8.5.0-alpha.14',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.14',
+  '@storybook/sveltekit': '8.5.0-alpha.14',
+  '@storybook/vue3-vite': '8.5.0-alpha.14',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.14',
+  '@storybook/web-components-vite': '8.5.0-alpha.14',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.14',
+  '@storybook/blocks': '8.5.0-alpha.14',
+  storybook: '8.5.0-alpha.14',
+  sb: '8.5.0-alpha.14',
+  '@storybook/cli': '8.5.0-alpha.14',
+  '@storybook/codemod': '8.5.0-alpha.14',
+  '@storybook/core-webpack': '8.5.0-alpha.14',
+  'create-storybook': '8.5.0-alpha.14',
+  '@storybook/csf-plugin': '8.5.0-alpha.14',
+  '@storybook/instrumenter': '8.5.0-alpha.14',
+  '@storybook/react-dom-shim': '8.5.0-alpha.14',
+  '@storybook/source-loader': '8.5.0-alpha.14',
+  '@storybook/test': '8.5.0-alpha.14',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.14',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.14',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.14',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.14',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.14',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.14',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.14',
+  '@storybook/html': '8.5.0-alpha.14',
+  '@storybook/preact': '8.5.0-alpha.14',
+  '@storybook/react': '8.5.0-alpha.14',
+  '@storybook/server': '8.5.0-alpha.14',
+  '@storybook/svelte': '8.5.0-alpha.14',
+  '@storybook/vue3': '8.5.0-alpha.14',
+  '@storybook/web-components': '8.5.0-alpha.14',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index 831f5f05f41..c9839cd86c4 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.13';
+export const version = '8.5.0-alpha.14';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 475c5ce9fe9..2f8777b2e96 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 138ef2aace7..6aec2a0eec8 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index f910ac88b90..783c0ad54a7 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index 2657a3921ec..9bd3276e0dc 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index 02826425c73..70059b1e082 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index e54c4272f03..aa7f8bb61fc 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index 7ffa336ca91..8edcd672595 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index d0888698557..62d70dc9465 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index 16c4f0d1eed..721a54e9785 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 2114ce49c73..58d7cd5fd11 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index dfa9313178e..8a4e0bbbdda 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index 36b43bae667..3c1519a750c 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index ea404f6ee15..b1a4d2bfe9c 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index f34cce5f224..251f227108c 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index a1dcf81cef1..0fc913c69b3 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index 2348ebc8617..b68bb5d824e 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index 48ce128086b..6cebd135a7b 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index f7702f973c1..63fb7825230 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index dd9f177afba..2d20d773b4e 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 9382278ce30..17c4926a5c0 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index 65ebb937683..24f9ef99c5e 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index 8eedfc19863..0f65450ab1d 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index 53940d35c92..d6dfa2d2078 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 5326d2dd0a7..7ff8d462c0a 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index c8943cb85a1..fd8cb8b3748 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index bd37cf6fc85..d612b0da438 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index 91e9238a97e..e0dd851c534 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index 3d9030cdc1b..c1e9459ad0d 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 872da850c81..91d745aadcd 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 92aeeab9a76..a3e285e945e 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index cd80d1c8ffb..b6c63815cb1 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 0d1c24d6ab2..7966131cd08 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 25314a3aec1..bac4d328c03 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index d1fe6badd22..e4afa8feb1b 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 15b41172555..9f134a1e1d3 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 9fa3c692a49..46552357a55 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index 52ebdbcff0a..b5ba65b1df1 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 9569e81842d..cadcdc1e2fe 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index 8a3cfd8d335..de782f73bb7 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index f5717c8bcae..4c0bb4c23cd 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 7497984ec91..749d1603110 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index 5985ee8c3bd..a9873e076f4 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index f28e16001a6..ce3f2c2e8d6 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 24aa1f8eeb7..0ae17b3cef9 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 78e5df191c6..7a6d659752e 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 73279c993f5..bfe7c0795e9 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 30ce043b12f..361fee21a03 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 17f994e3929..8dc1f14e60a 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index d92ba8ec4f8..93cdce9767c 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index 389b0893dea..de5c32d777b 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.14"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index ac724c3d8d8..5e16b785364 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 97318dcf73f..7d5fc1d11b9 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 53d5e288a3c..53a1c0083b2 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index e698f812d47..3c81107bb12 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index b73f557a14e..88f656750ba 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 023572c54b5..547e419613d 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index d8400064895..e1054e63647 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 891a3c5a54a..2d7daef0df8 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 75cd73b5535..d9f2b71c4bb 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index bade5ec8e5e..5fd3e709615 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 9832e49c6a6..95a5c6efb2d 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index a3f946b4856..ca8907f0b73 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index feddf2168fd..7db0b8bba48 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index ab41c612fbb..597062f50ea 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.13",
+  "version": "8.5.0-alpha.14",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From b9721cf1161eb35bcf13280a7e42752aa4fa9f65 Mon Sep 17 00:00:00 2001
From: Dale Seo <5466341+DaleSeo@users.noreply.github.com>
Date: Sat, 30 Nov 2024 14:02:58 -0500
Subject: [PATCH 097/111] Update test-runner-custom-page-viewport.md

---
 docs/_snippets/test-runner-custom-page-viewport.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_snippets/test-runner-custom-page-viewport.md b/docs/_snippets/test-runner-custom-page-viewport.md
index bc6342e0d86..058dcc4a255 100644
--- a/docs/_snippets/test-runner-custom-page-viewport.md
+++ b/docs/_snippets/test-runner-custom-page-viewport.md
@@ -29,7 +29,7 @@ module.exports = {
 };
 ```
 
-```ts filename=".storybook/test-runner.js" renderer="common" language="ts"
+```ts filename=".storybook/test-runner.ts" renderer="common" language="ts"
 import type { TestRunnerConfig } from '@storybook/test-runner';
 import { getStoryContext } from '@storybook/test-runner';
 

From 4c82a2d9d895fbd7c74f12ed1380da52777e40f2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sun, 1 Dec 2024 11:33:18 +0800
Subject: [PATCH 098/111] Documentation: Don't skip heading levels

---
 docs/addons/addon-knowledge-base.mdx             | 16 ++++++++--------
 docs/configure/environment-variables.mdx         |  8 ++++----
 docs/configure/integration/images-and-assets.mdx | 10 +++++-----
 docs/get-started/why-storybook.mdx               |  6 +++---
 .../stories-in-end-to-end-tests.mdx              |  6 +++---
 5 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/docs/addons/addon-knowledge-base.mdx b/docs/addons/addon-knowledge-base.mdx
index ab0ef1268d5..763ce53ee3b 100644
--- a/docs/addons/addon-knowledge-base.mdx
+++ b/docs/addons/addon-knowledge-base.mdx
@@ -7,7 +7,7 @@ sidebar:
 
 Once you understand the basics of writing addons, there are a variety of common enhancements to make your addon better. This page details additional information about addon creation. Use it as a quick reference guide when creating your own addons.
 
-### Disable the addon panel
+## Disable the addon panel
 
 It’s possible to disable the addon panel for a particular story.
 
@@ -27,14 +27,14 @@ Then when adding a story, you can pass a disabled parameter.
 
 {/* prettier-ignore-end */}
 
-### Style your addon
+## Style your addon
 
 Storybook uses [Emotion](https://emotion.sh/docs/introduction) for styling. Alongside with a theme that you can customize!
 
 We recommend using Emotion to style your addon’s UI components. That allows you to use the active Storybook theme to deliver a seamless developer experience.
 If you don’t want to use Emotion, you can use inline styles or another css-in-js lib. You can receive the theme as a prop by using Emotion's `withTheme` HOC. [Read more about theming](../configure/user-interface/theming.mdx).
 
-### Storybook components
+## Storybook components
 
 Addon authors can develop their UIs using any React library. But we recommend using Storybook’s UI components in `@storybook/components` to build addons faster. When you use Storybook components, you get:
 
@@ -75,7 +75,7 @@ Complementing the components, also included is a set of UI primitives. Use the c
   
 </Callout>
 
-### Build system
+## Build system
 
 When you're developing your addon as a package, you can’t use `npm link` to add it to your project. List your addon as a local dependency into your package.json:
 
@@ -91,11 +91,11 @@ When you're developing your addon as a package, you can’t use `npm link` to ad
   Run either `yarn` or `npm install` to install the addon.
 </Callout>
 
-### Hot module replacement
+## Hot module replacement
 
 While developing your addon, you can configure HMR (hot module replacement) to reflect the changes made.
 
-### Standalone Storybook addons
+## Standalone Storybook addons
 
 If you're developing a standalone addon, add a new script to `package.json` with the following:
 
@@ -107,11 +107,11 @@ If you're developing a standalone addon, add a new script to `package.json` with
 }
 ```
 
-#### Local Storybook addons
+### Local Storybook addons
 
 If you're developing a local Storybook addon built on top of an existing Storybook installation, HMR (hot module replacement) is available out of the box.
 
-### Composing addons in presets
+## Composing addons in presets
 
 If you're working on a preset that loads third-party addons, which you don't have control over, and you need access to certain features (e.g., decorators) or provide additional configurations. In that case, you'll need to update your preset to the following to allow you to load and configure the other addons:
 
diff --git a/docs/configure/environment-variables.mdx b/docs/configure/environment-variables.mdx
index f1b14c9a4c5..894c5b60e20 100644
--- a/docs/configure/environment-variables.mdx
+++ b/docs/configure/environment-variables.mdx
@@ -40,7 +40,7 @@ You can also access these variables in your custom `<head>`/`<body>` using the s
   If using the environment variables as attributes or values in JavaScript, you may need to add quotes, as the value will be inserted directly, for example: `<link rel="stylesheet" href="%STORYBOOK_STYLE_URL%" />`.
 </Callout>
 
-### Using .env files
+## Using .env files
 
 You can also use `.env` files to change Storybook's behavior in different modes. For example, if you add a `.env` file to your project with the following:
 
@@ -57,7 +57,7 @@ Then you can access this environment variable anywhere, even within your stories
 {/* prettier-ignore-end */}
 
 <IfRenderer renderer={['html', 'react', 'qwik', 'preact','svelte', 'solid', 'vue', 'web-components' ]}>
-  #### With Vite
+  ### With Vite
 
   Out of the box, Storybook provides a [Vite builder](../builders/vite.mdx), which does not output Node.js globals like `process.env`. To access environment variables in Storybook (e.g., `STORYBOOK_`, `VITE_`), you can use `import.meta.env`. For example:
 
@@ -76,7 +76,7 @@ You can also pass these environment variables when you are [building your Storyb
 
 Then they'll be hardcoded to the static version of your Storybook.
 
-### Using Storybook configuration
+## Using Storybook configuration
 
 Additionally, you can extend your Storybook configuration file (i.e., [`.storybook/main.js|.ts`](../configure/index.mdx#configure-story-rendering)) and provide a configuration field that you can use to define specific variables (e.g., API URLs). For example:
 
@@ -94,7 +94,7 @@ When Storybook loads, it will enable you to access them in your stories similar
 
 {/* prettier-ignore-end */}
 
-### Using environment variables to choose the browser
+## Using environment variables to choose the browser
 
 Storybook allows you to choose the browser you want to preview your stories. Either through a `.env` file entry or directly in your `storybook` script.
 
diff --git a/docs/configure/integration/images-and-assets.mdx b/docs/configure/integration/images-and-assets.mdx
index 5d125c16d41..9e0130ae383 100644
--- a/docs/configure/integration/images-and-assets.mdx
+++ b/docs/configure/integration/images-and-assets.mdx
@@ -7,7 +7,7 @@ sidebar:
 
 Components often rely on images, videos, fonts, and other assets to render as the user expects. There are many ways to use these assets in your story files.
 
-### Import assets into stories
+## Import assets into stories
 
 You can import any media assets by importing (or requiring) them. It works out of the box with our default config. But, if you are using a custom webpack config, you’ll need to add the [file loader](https://webpack.js.org/loaders/) to handle the required files.
 
@@ -19,7 +19,7 @@ Afterward, you can use any asset in your stories:
 
 {/* prettier-ignore-end */}
 
-### Serving static files via Storybook Configuration
+## Serving static files via Storybook Configuration
 
 We recommend serving static files via Storybook to ensure that your components always have the assets they need to load. We recommend this technique for assets that your components often use, like logos, fonts, and icons.
 
@@ -55,7 +55,7 @@ Or even use a configuration object to define the directories:
 
 {/* prettier-ignore-end */}
 
-### Reference assets from a CDN
+## Reference assets from a CDN
 
 Upload your files to an online CDN and reference them. In this example, we’re using a placeholder image service.
 
@@ -65,7 +65,7 @@ Upload your files to an online CDN and reference them. In this example, we’re
 
 {/* prettier-ignore-end */}
 
-### Absolute versus relative paths
+## Absolute versus relative paths
 
 Sometimes, you may want to deploy your Storybook into a subpath, like `https://example.com/storybook`.
 
@@ -75,7 +75,7 @@ If you load static content via importing, this is automatic, and you do not have
 
 Suppose you are serving assets in a [static directory](#serving-static-files-via-storybook-configuration) along with your Storybook. In that case, you need to use relative paths to load images or use the base element.
 
-### Referencing Fonts in Stories
+## Referencing Fonts in Stories
 
 After configuring Storybook to serve assets from your static folder, you can reference those assets in Storybook. For example, you can reference and apply a custom font to your stories. To do this, create a [`preview-head.html`](../story-rendering.mdx) file inside the configuration directory (i.e., `.storybook`) and add a `<link />` tag to reference your font.
 
diff --git a/docs/get-started/why-storybook.mdx b/docs/get-started/why-storybook.mdx
index 59215b00805..83130883f47 100644
--- a/docs/get-started/why-storybook.mdx
+++ b/docs/get-started/why-storybook.mdx
@@ -19,7 +19,7 @@ The breadth of modern frontends overwhelm existing workflows. Developers must co
 
 ## The solution
 
-#### Build UIs in isolation
+### Build UIs in isolation
 
 Every piece of UI is now a [component](https://www.componentdriven.org/). The superpower of components is that you don't need to spin up the whole app just to see how they render. You can render a specific variation in isolation by passing in props, mocking data, or faking events.
 
@@ -27,7 +27,7 @@ Storybook is packaged as a small, development-only, [workshop](https://bradfrost
 
 <Video src="../_assets/get-started/whats-a-story.mp4" />
 
-#### Capture UI variations as “stories”
+### Capture UI variations as “stories”
 
 When developing a component variation in isolation, save it as a story. [Stories](https://github.com/ComponentDriven/csf) are a declarative syntax for supplying props and mock data to simulate component variations. Each component can have multiple stories. Each story allows you to demonstrate a specific variation of that component to verify appearance and behavior.
 
@@ -39,7 +39,7 @@ You write stories for granular UI component variation and then use those stories
 
 {/* prettier-ignore-end */}
 
-#### Storybook keeps track of every story
+### Storybook keeps track of every story
 
 Storybook is an interactive directory of your UI components and their stories. In the past, you'd have to spin up the app, navigate to a page, and contort the UI into the right state. This is a huge waste of time and bogs down frontend development. With Storybook, you can skip all those steps and jump straight to working on a UI component in a specific state.
 
diff --git a/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx b/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
index d4aabb048a2..8de2a06e6f1 100644
--- a/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
+++ b/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
@@ -7,7 +7,7 @@ sidebar:
 
 Storybook seamlessly integrates with additional testing frameworks like [Cypress](https://www.cypress.io/) and [Playwright](https://playwright.dev/) to provide a comprehensive testing solution. By leveraging the Component Story Format (CSF), developers can write test cases that simulate user interactions and verify the behavior of individual components within the Storybook environment. This approach enables developers to thoroughly test their components' functionality, responsiveness, and visual appearance across different scenarios, resulting in more robust and reliable applications.
 
-### With Cypress
+## With Cypress
 
 [Cypress](https://www.cypress.io/) is an end-to-end testing framework. It enables you to test a complete instance of your application by simulating user behavior. With Component Story Format, your stories are reusable with Cypress. Each named export (in other words, a story) is renderable within your testing setup.
 
@@ -35,7 +35,7 @@ When Cypress runs your test, it loads Storybook's isolated iframe and checks if
 
 ![Cypress running successfully](../../_assets/writing-tests/cypress-success-run-tests-optimized.png)
 
-### With Playwright
+## With Playwright
 
 [Playwright](https://playwright.dev/) is a browser automation tool and end-to-end testing framework from Microsoft. It offers cross-browser automation, mobile testing with device emulation, and headless testing. With Component Story Format, your stories are reusable with Playwright. Each named export (in other words, a story) is renderable within your testing setup.
 
@@ -61,7 +61,7 @@ With Playwright, you can write a test to check if the inputs are filled and matc
 
 Once you execute Playwright, it opens a new browser window, loads Storybook's isolated iframe, asserts if the inputs contain the specified values, and displays the test results in the terminal.
 
-#### Learn about other UI tests
+## Learn about other UI tests
 
 * [Component tests](../component-testing.mdx) for user behavior simulation
 * [Visual tests](../visual-testing.mdx) for appearance

From 5b9b0ed0d32aab2bc636aad25edd1d3bbd958e63 Mon Sep 17 00:00:00 2001
From: Steve Dodier-Lazaro <Sidnioulz@users.noreply.github.com>
Date: Mon, 2 Dec 2024 06:04:05 +0100
Subject: [PATCH 099/111] docs: Improve copy of Indexer sidebar URL example

Co-authored-by: jonniebigodes <joaocontadesenvolvimento@gmail.com>
---
 docs/api/main-config/main-config-indexers.mdx | 130 ++++++++++++++++--
 1 file changed, 122 insertions(+), 8 deletions(-)

diff --git a/docs/api/main-config/main-config-indexers.mdx b/docs/api/main-config/main-config-indexers.mdx
index 18a4e31aa2b..a33cd2a4085 100644
--- a/docs/api/main-config/main-config-indexers.mdx
+++ b/docs/api/main-config/main-config-indexers.mdx
@@ -350,13 +350,15 @@ Some example usages of custom indexers include:
   Custom indexers can be used for an advanced purpose: defining stories in any language, including template languages, and converting the files to CSF. To see examples of this in action, you can refer to [`@storybook/addon-svelte-csf`](https://github.com/storybookjs/addon-svelte-csf) for Svelte template syntax and [`storybook-vue-addon`](https://github.com/tobiasdiez/storybook-vue-addon) for Vue template syntax.
 </details>
 
+
 <details>
-  <summary>Adding sidebar links from a collection of URLs</summary>
+  <summary>Adding sidebar links from a URL collection</summary>
 
-  The Indexer API is flexible enough to let you process arbitrary content, so long as your framework tooling is able to transform the exports in that content into actual stories it can run. In this advanced example, we have an EcmaScript module that contains URLs as named exports:
+  The indexer API is flexible enough to let you process arbitrary content, so long as your framework tooling can transform the exports in that content into actual stories it can run. This advanced example demonstrates how you can create a custom indexer to process a collection of URLs, extract the title and URL from each page, and render them as sidebar links in the UI. Implemented with Svelte, it can be adapted to any framework.
 
-  ```ts
-  // src/stories/MyLinks.url.js
+  Start by creating the URL collection file (i.e., `src/MyLinks.url.js`) with a list of URLs listed as named exports. The indexer will use the export name as the story title and the value as the unique identifier.
+
+  ```js title="MyLinks.url.js"
   export default {};
 
   export const DesignTokens = 'https://www.designtokens.org/';
@@ -365,11 +367,123 @@ Some example usages of custom indexers include:
   export const IndexerAPI = 'https://github.com/storybookjs/storybook/discussions/23176';
   ```
 
-  We'll write an indexer in `main.ts` that generates story entries for each URL. We'll use the export name as a story title, and we'll store the URL in the story ID so we can find it later.
+  Adjust your Vite configuration file to include a custom plugin complementing the indexer. This will allow Storybook to process and import the URL collection file as stories.
+
+  ```ts title="vite.config.ts"
+  import * as acorn from 'acorn';
+  import * as walk from 'acorn-walk';
+  import { defineConfig, type Plugin } from 'vite';
+  import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+  function StorybookUrlLinksPlugin(): Plugin {
+    return {
+      name: 'storybook-url-links',
+      async transform(code: string, id: string) {
+        if (id.endsWith('.url.js')) {
+          const ast = acorn.parse(code, {
+            ecmaVersion: 2020,
+            sourceType: 'module',
+          });
+
+          const namedExports: string[] = [];
+          let defaultExport = 'export default {};';
+
+          walk.simple(ast, {
+            // Extracts the named exports, those represent our stories, and for each of them, we'll return a valid Svelte component.
+            ExportNamedDeclaration(node: acorn.ExportNamedDeclaration) {
+              if (
+                node.declaration &&
+                node.declaration.type === 'VariableDeclaration'
+              ) {
+                node.declaration.declarations.forEach((declaration) => {
+                  if ('name' in declaration.id) {
+                    namedExports.push(declaration.id.name);
+                  }
+                });
+              }
+            },
+            // Preserve our default export.
+            ExportDefaultDeclaration(node: acorn.ExportDefaultDeclaration) {
+              defaultExport = code.slice(node.start, node.end);
+            },
+          });
+
+          return {
+            code: `
+              import RedirectBack from '../../.storybook/components/RedirectBack.svelte';
+              ${namedExports
+                .map(
+                  (name) =>
+                    `export const ${name} = () => new RedirectBack();`
+                )
+                .join('\n')}
+              ${defaultExport}
+            `,
+            map: null,
+          };
+        }
+      },
+    };
+  }
+
+  export default defineConfig({
+    plugins: [StorybookUrlLinksPlugin(), svelte()],
+  })
+  ```
+
+  Update your Storybook configuration (i.e., `.storybook/main.js|ts`) to include the custom indexer.
+
+  ```ts title=".storybook/main.js|ts"
+  import type { StorybookConfig } from '@storybook/svelte-vite';
+  import type { Indexer } from '@storybook/types';
+
+  const urlIndexer: Indexer = {
+    test: /\.url\.js$/,
+    createIndex: async (fileName, { makeTitle }) => {
+      const fileData = await import(fileName);
+
+      return Object.entries(fileData)
+        .filter(([key]) => key != 'default')
+        .map(([name, url]) => {
+          return {
+            type: 'docs',
+            importPath: fileName,
+            exportName: name,
+            title: makeTitle(name)
+              .replace(/([a-z])([A-Z])/g, '$1 $2')
+              .trim(),
+            __id: `url--${name}--${encodeURIComponent(url as string)}`,
+            tags: ['!autodocs', 'url']
+          };
+        });
+    }
+  };
+
+  const config: StorybookConfig = {
+    stories: ['../src/**/*.stories.@(js|ts|svelte)', '../src/**/*.url.js'],
+    framework: {
+      name: '@storybook/svelte-vite',
+      options: {},
+    },
+    experimental_indexers: async (existingIndexers) => [urlIndexer, ...existingIndexers]
+  };
+  export default config;
+  ```
 
-  Because strings aren't valid stories, we'll complement the indexer with a Vite plugin in our `vite.config.ts` that transforms the file into actual stories. We'll use a Svelte framework, and replace each URL with a Svelte component that redirects to the previous page (so that the story loading is cancelled and so that loading the story feels like clicking an actual external link).
+  Add a Storybook UI configuration file (i.e., `.storybook/manager.js|ts`) to render the indexed URLs as sidebar links in the UI:
+
+  ```ts title=".storybook/manager.ts"
+  import { addons } from '@storybook/manager-api';
+
+  import SidebarLabelWrapper from './components/SidebarLabelWrapper.tsx';
+
+  addons.setConfig({
+      sidebar: {
+        renderLabel: (item) => SidebarLabelWrapper({ item }),
+      },
+  });
+  ```
 
-  In parallel to loading valid stories, we'll add a `renderLabel` function in `manager.ts` to customise the links in the sidebar, and make them actually open the URL in a new tab when clicked. The URL is fetched from the story ID. We'll add some CSS in `manager-head.html` to make those sidebar entries look unique.
+  This example's code and live demo are available on [StackBlitz](https://stackblitz.com/~/github.com/Sidnioulz/storybook-sidebar-urls).
 
-  The code and live demo for this proof-of-concept are [available on StackBlitz](https://stackblitz.com/~/github.com/Sidnioulz/storybook-sidebar-urls).
 </details>
\ No newline at end of file

From 23dc8c908635885d8237d8f03e60fe990936f15f Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 08:45:07 +0100
Subject: [PATCH 100/111] Fix GlobalErrorModal stories

---
 .../components/GlobalErrorModal.stories.tsx   | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/code/addons/test/src/components/GlobalErrorModal.stories.tsx b/code/addons/test/src/components/GlobalErrorModal.stories.tsx
index 3cf0e4cf01d..773ff178f17 100644
--- a/code/addons/test/src/components/GlobalErrorModal.stories.tsx
+++ b/code/addons/test/src/components/GlobalErrorModal.stories.tsx
@@ -7,7 +7,7 @@ import { expect, fn, userEvent, within } from '@storybook/test';
 
 import dedent from 'ts-dedent';
 
-import { GlobalErrorModal } from './GlobalErrorModal';
+import { GlobalErrorContext, GlobalErrorModal } from './GlobalErrorModal';
 
 type Story = StoryObj<typeof meta>;
 
@@ -41,36 +41,32 @@ const meta = {
   ],
   args: {
     onRerun: fn(),
-    onClose: fn(),
-    open: false,
   },
 } satisfies Meta<typeof GlobalErrorModal>;
 
 export default meta;
 
 export const Default: Story = {
-  args: {
-    error: dedent`
-    ReferenceError: FAIL is not defined
-      at Constraint.execute (the-best-file.js:525:2)
-      at Constraint.recalculate (the-best-file.js:424:21)
-      at Planner.addPropagate (the-best-file.js:701:6)
-      at Constraint.satisfy (the-best-file.js:184:15)
-      at Planner.incrementalAdd (the-best-file.js:591:21)
-      at Constraint.addConstraint (the-best-file.js:162:10)
-      at Constraint.BinaryConstraint (the-best-file.js:346:7)
-      at Constraint.EqualityConstraint (the-best-file.js:515:38)
-      at chainTest (the-best-file.js:807:6)
-      at deltaBlue (the-best-file.js:879:2)`,
-  },
   render: (props) => {
-    const [isOpen, setOpen] = useState(false);
+    const [isModalOpen, setModalOpen] = useState(false);
+    const error = dedent`
+      ReferenceError: FAIL is not defined
+        at Constraint.execute (the-best-file.js:525:2)
+        at Constraint.recalculate (the-best-file.js:424:21)
+        at Planner.addPropagate (the-best-file.js:701:6)
+        at Constraint.satisfy (the-best-file.js:184:15)
+        at Planner.incrementalAdd (the-best-file.js:591:21)
+        at Constraint.addConstraint (the-best-file.js:162:10)
+        at Constraint.BinaryConstraint (the-best-file.js:346:7)
+        at Constraint.EqualityConstraint (the-best-file.js:515:38)
+        at chainTest (the-best-file.js:807:6)
+        at deltaBlue (the-best-file.js:879:2)`;
 
     return (
-      <>
-        <GlobalErrorModal {...props} open={isOpen} />
-        <button onClick={() => setOpen(true)}>Open modal</button>
-      </>
+      <GlobalErrorContext.Provider value={{ isModalOpen, setModalOpen, error }}>
+        <GlobalErrorModal {...props} />
+        <button onClick={() => setModalOpen(true)}>Open modal</button>
+      </GlobalErrorContext.Provider>
     );
   },
   play: async ({ canvasElement }) => {

From 9c977e06bea83d09ab85f6b9d3358f93b3194adb Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 10:03:00 +0100
Subject: [PATCH 101/111] Fix story data

---
 code/addons/test/src/components/TestProviderRender.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/test/src/components/TestProviderRender.stories.tsx b/code/addons/test/src/components/TestProviderRender.stories.tsx
index fbdb3d488c7..9345ebbaff8 100644
--- a/code/addons/test/src/components/TestProviderRender.stories.tsx
+++ b/code/addons/test/src/components/TestProviderRender.stories.tsx
@@ -61,7 +61,7 @@ const baseState: TestProviderState<Details, Config> = {
         results: [
           {
             storyId: 'story-id',
-            status: 'success',
+            status: 'passed',
             duration: 100,
             testRunId: 'test-run-id',
           },

From 7247152da49bfbdb51caada890bac420688165b3 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 10:54:12 +0100
Subject: [PATCH 102/111] Don't use empty string as default value

---
 code/addons/test/src/components/GlobalErrorModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/test/src/components/GlobalErrorModal.tsx b/code/addons/test/src/components/GlobalErrorModal.tsx
index f820c75e40f..f1a8c541802 100644
--- a/code/addons/test/src/components/GlobalErrorModal.tsx
+++ b/code/addons/test/src/components/GlobalErrorModal.tsx
@@ -49,7 +49,7 @@ export const GlobalErrorContext = React.createContext<{
 }>({
   isModalOpen: false,
   setModalOpen: () => {},
-  error: '',
+  error: undefined,
 });
 
 interface GlobalErrorModalProps {

From fa0838d3dd7e8748f5615c18e46101f2cdddcde5 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 2 Dec 2024 20:48:05 +0800
Subject: [PATCH 103/111] Update
 docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx

Co-authored-by: jonniebigodes <joaocontadesenvolvimento@gmail.com>
---
 .../import-stories-in-tests/stories-in-end-to-end-tests.mdx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx b/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
index 8de2a06e6f1..23c7f2b94f2 100644
--- a/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
+++ b/docs/writing-tests/import-stories-in-tests/stories-in-end-to-end-tests.mdx
@@ -61,7 +61,7 @@ With Playwright, you can write a test to check if the inputs are filled and matc
 
 Once you execute Playwright, it opens a new browser window, loads Storybook's isolated iframe, asserts if the inputs contain the specified values, and displays the test results in the terminal.
 
-## Learn about other UI tests
+**Learn about other UI tests**
 
 * [Component tests](../component-testing.mdx) for user behavior simulation
 * [Visual tests](../visual-testing.mdx) for appearance

From 1222b8bcde01d9d3eca62f08dc57502e188ab78f Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 15:25:09 +0100
Subject: [PATCH 104/111] Set running state as soon as button is clicked and
 clear running state when refreshing browser

---
 code/core/src/manager-api/modules/experimental_testmodule.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index 6b33f04c2e4..a461adc8ce8 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -93,6 +93,8 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
       const index = store.getState().index;
       invariant(index, 'The index is currently unavailable');
 
+      api.updateTestProviderState(id, { running: true, failed: false, crashed: false });
+
       const provider = store.getState().testProviders[id];
 
       const indexUrl = new URL('index.json', window.location.href).toString();
@@ -158,6 +160,7 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
             ...config,
             ...initialTestProviderState,
             ...(state?.testProviders?.[id] || {}),
+            running: false,
           } as TestProviders[0],
         ]
       )

From 76514a18e0607b3e63b6f1be201e735d0de29e09 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 15:34:02 +0100
Subject: [PATCH 105/111] Allow running tests when crashed

---
 code/addons/test/src/components/TestProviderRender.tsx     | 4 ++--
 code/core/src/manager/components/sidebar/TestingModule.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index ca6be687c88..af7bd3ae077 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -112,7 +112,7 @@ export const TestProviderRender: FC<{
               padding="small"
               active={state.watching}
               onClick={() => api.setTestProviderWatchMode(state.id, !state.watching)}
-              disabled={state.crashed || state.running}
+              disabled={state.running}
             >
               <EyeIcon />
             </Button>
@@ -135,7 +135,7 @@ export const TestProviderRender: FC<{
                   variant="ghost"
                   padding="small"
                   onClick={() => api.runTestProvider(state.id)}
-                  disabled={state.crashed || state.running}
+                  disabled={state.running}
                 >
                   <PlayHollowIcon />
                 </Button>
diff --git a/code/core/src/manager/components/sidebar/TestingModule.tsx b/code/core/src/manager/components/sidebar/TestingModule.tsx
index b7d5536ce20..b66512007c0 100644
--- a/code/core/src/manager/components/sidebar/TestingModule.tsx
+++ b/code/core/src/manager/components/sidebar/TestingModule.tsx
@@ -263,7 +263,7 @@ export const TestingModule = ({
               onClick={(e: SyntheticEvent) => {
                 e.stopPropagation();
                 testProviders
-                  .filter((state) => !state.crashed && !state.running && state.runnable)
+                  .filter((state) => !state.running && state.runnable)
                   .forEach(({ id }) => api.runTestProvider(id));
               }}
               disabled={isRunning}

From 728031e4f50fc6dc569eace29a95ab2c4d42cfeb Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 15:34:29 +0100
Subject: [PATCH 106/111] Remove unused import

---
 code/core/src/types/modules/addons.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/code/core/src/types/modules/addons.ts b/code/core/src/types/modules/addons.ts
index 06c64c21f78..388d27135f3 100644
--- a/code/core/src/types/modules/addons.ts
+++ b/code/core/src/types/modules/addons.ts
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import type { FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
 
-import type { ListItem } from '../../components';
 import type { TestProviderConfig, TestingModuleProgressReportProgress } from '../../core-events';
 import type { RenderData as RouterData } from '../../router/types';
 import type { ThemeVars } from '../../theming/types';

From 08dca94c3754e6eb8dcebed3d3ef30f384133964 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Mon, 2 Dec 2024 15:48:54 +0100
Subject: [PATCH 107/111] remove a11y placeholder

---
 .../test/src/components/TestProviderRender.tsx | 18 ------------------
 1 file changed, 18 deletions(-)

diff --git a/code/addons/test/src/components/TestProviderRender.tsx b/code/addons/test/src/components/TestProviderRender.tsx
index ca6be687c88..b5f21e17fa8 100644
--- a/code/addons/test/src/components/TestProviderRender.tsx
+++ b/code/addons/test/src/components/TestProviderRender.tsx
@@ -166,19 +166,6 @@ export const TestProviderRender: FC<{
               />
             }
           />
-          <ListItem
-            as="label"
-            title="Accessibility"
-            icon={<AccessibilityIcon color={theme.textMutedColor} />}
-            right={
-              <Checkbox
-                type="checkbox"
-                disabled // TODO: Implement a11y
-                checked={config.a11y}
-                onChange={() => updateConfig({ a11y: !config.a11y })}
-              />
-            }
-          />
         </Extras>
       ) : (
         <Extras>
@@ -207,11 +194,6 @@ export const TestProviderRender: FC<{
               icon={<TestStatusIcon status="unknown" aria-label={`status: unknown`} />}
             />
           )}
-          <ListItem
-            title="Accessibility"
-            icon={<TestStatusIcon status="negative" aria-label="status: failed" />}
-            right={73}
-          />
         </Extras>
       )}
 

From 66dc606198f15bfc47cebe6b62ad4d0d3db388af Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Mon, 2 Dec 2024 20:12:27 +0100
Subject: [PATCH 108/111] Fix stateUpdater

---
 code/addons/test/src/manager.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/addons/test/src/manager.tsx b/code/addons/test/src/manager.tsx
index 74662cf588c..0664fc14062 100644
--- a/code/addons/test/src/manager.tsx
+++ b/code/addons/test/src/manager.tsx
@@ -80,7 +80,7 @@ addons.register(ADDON_ID, (api) => {
         api.experimental_updateStatus(
           TEST_PROVIDER_ID,
           Object.fromEntries(
-            state.details.testResults.flatMap((testResult) =>
+            update.details.testResults.flatMap((testResult) =>
               testResult.results
                 .filter(({ storyId }) => storyId)
                 .map(({ storyId, status, testRunId, ...rest }) => [

From e993f4f5c5c81acd52664b5b3e09cc3db739a39f Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Tue, 3 Dec 2024 01:07:22 +0000
Subject: [PATCH 109/111] Write changelog for 8.5.0-alpha.15 [skip ci]

---
 CHANGELOG.prerelease.md | 9 +++++++++
 code/package.json       | 3 ++-
 docs/versions/next.json | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 0505eaff38a..80bee43ebb0 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,12 @@
+## 8.5.0-alpha.15
+
+- Addon Test: Context menu UI - [#29727](https://github.com/storybookjs/storybook/pull/29727), thanks @ghengeveld!
+- Addon Test: Fix error reporting for `vitest` crashes - [#29751](https://github.com/storybookjs/storybook/pull/29751), thanks @ndelangen!
+- Addon Test: Remove a11y placeholder - [#29769](https://github.com/storybookjs/storybook/pull/29769), thanks @JReinhold!
+- Core / Addon Test: Support intercepting and modifying internal test provider state updates - [#29680](https://github.com/storybookjs/storybook/pull/29680), thanks @ghengeveld!
+- Core: Disable SidebarContextMenu in static builds - [#29743](https://github.com/storybookjs/storybook/pull/29743), thanks @ndelangen!
+- Telemetry: Improve anonymous id calculation - [#29736](https://github.com/storybookjs/storybook/pull/29736), thanks @tmeasday!
+
 ## 8.5.0-alpha.14
 
 - RNW-Vite: Add built-in Flow support - [#29756](https://github.com/storybookjs/storybook/pull/29756), thanks @dannyhw!
diff --git a/code/package.json b/code/package.json
index de5c32d777b..4b487ef75eb 100644
--- a/code/package.json
+++ b/code/package.json
@@ -293,5 +293,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.5.0-alpha.15"
 }
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 36d35a6a292..37ae637039e 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.5.0-alpha.14","info":{"plain":"- RNW-Vite: Add built-in Flow support - [#29756](https://github.com/storybookjs/storybook/pull/29756), thanks @dannyhw!\n- Test: Add coverage feature - [#29713](https://github.com/storybookjs/storybook/pull/29713), thanks @ndelangen!"}}
+{"version":"8.5.0-alpha.15","info":{"plain":"- Addon Test: Context menu UI - [#29727](https://github.com/storybookjs/storybook/pull/29727), thanks @ghengeveld!\n- Addon Test: Fix error reporting for `vitest` crashes - [#29751](https://github.com/storybookjs/storybook/pull/29751), thanks @ndelangen!\n- Addon Test: Remove a11y placeholder - [#29769](https://github.com/storybookjs/storybook/pull/29769), thanks @JReinhold!\n- Core / Addon Test: Support intercepting and modifying internal test provider state updates - [#29680](https://github.com/storybookjs/storybook/pull/29680), thanks @ghengeveld!\n- Core: Disable SidebarContextMenu in static builds - [#29743](https://github.com/storybookjs/storybook/pull/29743), thanks @ndelangen!\n- Telemetry: Improve anonymous id calculation - [#29736](https://github.com/storybookjs/storybook/pull/29736), thanks @tmeasday!"}}

From a8ad83fe63dd126a90d78d37c0aa3fa5557fb480 Mon Sep 17 00:00:00 2001
From: storybook-bot <32066757+storybook-bot@users.noreply.github.com>
Date: Tue, 3 Dec 2024 01:43:00 +0000
Subject: [PATCH 110/111] Bump version from "8.5.0-alpha.14" to
 "8.5.0-alpha.15" [skip ci]

---
 code/addons/a11y/package.json                 |   2 +-
 code/addons/actions/package.json              |   2 +-
 code/addons/backgrounds/package.json          |   2 +-
 code/addons/controls/package.json             |   2 +-
 code/addons/docs/package.json                 |   2 +-
 code/addons/essentials/package.json           |   2 +-
 code/addons/gfm/package.json                  |   2 +-
 code/addons/highlight/package.json            |   2 +-
 code/addons/interactions/package.json         |   2 +-
 code/addons/jest/package.json                 |   2 +-
 code/addons/links/package.json                |   2 +-
 code/addons/measure/package.json              |   2 +-
 code/addons/onboarding/package.json           |   2 +-
 code/addons/outline/package.json              |   2 +-
 code/addons/storysource/package.json          |   2 +-
 code/addons/test/package.json                 |   2 +-
 code/addons/themes/package.json               |   2 +-
 code/addons/toolbars/package.json             |   2 +-
 code/addons/viewport/package.json             |   2 +-
 code/builders/builder-vite/package.json       |   2 +-
 code/builders/builder-webpack5/package.json   |   2 +-
 code/core/package.json                        |   2 +-
 code/core/src/common/versions.ts              | 170 +++++++++---------
 code/core/src/manager-api/version.ts          |   2 +-
 code/deprecated/builder-manager/package.json  |   2 +-
 code/deprecated/channels/package.json         |   2 +-
 code/deprecated/client-logger/package.json    |   2 +-
 code/deprecated/components/package.json       |   2 +-
 code/deprecated/core-common/package.json      |   2 +-
 code/deprecated/core-events/package.json      |   2 +-
 code/deprecated/core-server/package.json      |   2 +-
 code/deprecated/csf-tools/package.json        |   2 +-
 code/deprecated/docs-tools/package.json       |   2 +-
 code/deprecated/manager-api/package.json      |   2 +-
 code/deprecated/manager/package.json          |   2 +-
 code/deprecated/node-logger/package.json      |   2 +-
 code/deprecated/preview-api/package.json      |   2 +-
 code/deprecated/preview/package.json          |   2 +-
 code/deprecated/router/package.json           |   2 +-
 code/deprecated/telemetry/package.json        |   2 +-
 code/deprecated/theming/package.json          |   2 +-
 code/deprecated/types/package.json            |   2 +-
 code/frameworks/angular/package.json          |   2 +-
 code/frameworks/ember/package.json            |   2 +-
 .../experimental-nextjs-vite/package.json     |   2 +-
 code/frameworks/html-vite/package.json        |   2 +-
 code/frameworks/html-webpack5/package.json    |   2 +-
 code/frameworks/nextjs/package.json           |   2 +-
 code/frameworks/preact-vite/package.json      |   2 +-
 code/frameworks/preact-webpack5/package.json  |   2 +-
 .../react-native-web-vite/package.json        |   2 +-
 code/frameworks/react-vite/package.json       |   2 +-
 code/frameworks/react-webpack5/package.json   |   2 +-
 code/frameworks/server-webpack5/package.json  |   2 +-
 code/frameworks/svelte-vite/package.json      |   2 +-
 code/frameworks/svelte-webpack5/package.json  |   2 +-
 code/frameworks/sveltekit/package.json        |   2 +-
 code/frameworks/vue3-vite/package.json        |   2 +-
 code/frameworks/vue3-webpack5/package.json    |   2 +-
 .../web-components-vite/package.json          |   2 +-
 .../web-components-webpack5/package.json      |   2 +-
 code/lib/blocks/package.json                  |   2 +-
 code/lib/cli-sb/package.json                  |   2 +-
 code/lib/cli-storybook/package.json           |   2 +-
 code/lib/cli/package.json                     |   2 +-
 code/lib/codemod/package.json                 |   2 +-
 code/lib/core-webpack/package.json            |   2 +-
 code/lib/create-storybook/package.json        |   2 +-
 code/lib/csf-plugin/package.json              |   2 +-
 code/lib/instrumenter/package.json            |   2 +-
 code/lib/react-dom-shim/package.json          |   2 +-
 code/lib/source-loader/package.json           |   2 +-
 code/lib/test/package.json                    |   2 +-
 code/package.json                             |   5 +-
 code/presets/create-react-app/package.json    |   2 +-
 code/presets/html-webpack/package.json        |   2 +-
 code/presets/preact-webpack/package.json      |   2 +-
 code/presets/react-webpack/package.json       |   2 +-
 code/presets/server-webpack/package.json      |   2 +-
 code/presets/svelte-webpack/package.json      |   2 +-
 code/presets/vue3-webpack/package.json        |   2 +-
 code/renderers/html/package.json              |   2 +-
 code/renderers/preact/package.json            |   2 +-
 code/renderers/react/package.json             |   2 +-
 code/renderers/server/package.json            |   2 +-
 code/renderers/svelte/package.json            |   2 +-
 code/renderers/vue3/package.json              |   2 +-
 code/renderers/web-components/package.json    |   2 +-
 88 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index e6576c85147..8e37b19ec3e 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 68fe2fda22f..3a072576cf7 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index f1224d522d5..e93956c4ed8 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 390cfe2c4b3..ba04a89cc5d 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index f045776c0c5..4612d45dbff 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index bbc2e38241d..e3b1486960b 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index fde63ba9d04..b2fe3c96102 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 094cd9665f2..9e7e6a2828f 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 2a15b8ec400..81976f07aa9 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index adedd69200e..c532b761225 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index abe5add1f31..be6deaf15f8 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index ad37bfc0a5c..08180eee021 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-measure",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Inspect layouts by visualizing the box model",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index f47cb92576c..e0904ddc71b 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index a13e3df9550..30d4bf60e74 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-outline",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Outline all elements with CSS to help with layout placement and alignment",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index c5068f29755..6e0bcabe734 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "View a story’s source code to see how it works and paste into your app",
   "keywords": [
     "addon",
diff --git a/code/addons/test/package.json b/code/addons/test/package.json
index 071173230ea..bcbf9acf051 100644
--- a/code/addons/test/package.json
+++ b/code/addons/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-addon-test",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Integrate Vitest with Storybook",
   "keywords": [
     "storybook-addons",
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index e9332849239..5211382dca9 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Switch between multiple themes for you components in Storybook",
   "keywords": [
     "css",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 580eea8e064..affe5c71ba5 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Create your own toolbar items that control story rendering",
   "keywords": [
     "addon",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 1c0c3cedbdd..88a2d02db51 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
   "keywords": [
     "addon",
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index 0a28a75f4dc..5af8fa963c0 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "A plugin to run and build Storybooks with Vite",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
   "bugs": {
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index 3601f5fa8c3..401a331addb 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/package.json b/code/core/package.json
index 2181ac1aded..760e0cb51d0 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index 9b056f27023..72417ba816f 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -1,88 +1,88 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '8.5.0-alpha.14',
-  '@storybook/addon-actions': '8.5.0-alpha.14',
-  '@storybook/addon-backgrounds': '8.5.0-alpha.14',
-  '@storybook/addon-controls': '8.5.0-alpha.14',
-  '@storybook/addon-docs': '8.5.0-alpha.14',
-  '@storybook/addon-essentials': '8.5.0-alpha.14',
-  '@storybook/addon-mdx-gfm': '8.5.0-alpha.14',
-  '@storybook/addon-highlight': '8.5.0-alpha.14',
-  '@storybook/addon-interactions': '8.5.0-alpha.14',
-  '@storybook/addon-jest': '8.5.0-alpha.14',
-  '@storybook/addon-links': '8.5.0-alpha.14',
-  '@storybook/addon-measure': '8.5.0-alpha.14',
-  '@storybook/addon-onboarding': '8.5.0-alpha.14',
-  '@storybook/addon-outline': '8.5.0-alpha.14',
-  '@storybook/addon-storysource': '8.5.0-alpha.14',
-  '@storybook/experimental-addon-test': '8.5.0-alpha.14',
-  '@storybook/addon-themes': '8.5.0-alpha.14',
-  '@storybook/addon-toolbars': '8.5.0-alpha.14',
-  '@storybook/addon-viewport': '8.5.0-alpha.14',
-  '@storybook/builder-vite': '8.5.0-alpha.14',
-  '@storybook/builder-webpack5': '8.5.0-alpha.14',
-  '@storybook/core': '8.5.0-alpha.14',
-  '@storybook/builder-manager': '8.5.0-alpha.14',
-  '@storybook/channels': '8.5.0-alpha.14',
-  '@storybook/client-logger': '8.5.0-alpha.14',
-  '@storybook/components': '8.5.0-alpha.14',
-  '@storybook/core-common': '8.5.0-alpha.14',
-  '@storybook/core-events': '8.5.0-alpha.14',
-  '@storybook/core-server': '8.5.0-alpha.14',
-  '@storybook/csf-tools': '8.5.0-alpha.14',
-  '@storybook/docs-tools': '8.5.0-alpha.14',
-  '@storybook/manager': '8.5.0-alpha.14',
-  '@storybook/manager-api': '8.5.0-alpha.14',
-  '@storybook/node-logger': '8.5.0-alpha.14',
-  '@storybook/preview': '8.5.0-alpha.14',
-  '@storybook/preview-api': '8.5.0-alpha.14',
-  '@storybook/router': '8.5.0-alpha.14',
-  '@storybook/telemetry': '8.5.0-alpha.14',
-  '@storybook/theming': '8.5.0-alpha.14',
-  '@storybook/types': '8.5.0-alpha.14',
-  '@storybook/angular': '8.5.0-alpha.14',
-  '@storybook/ember': '8.5.0-alpha.14',
-  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.14',
-  '@storybook/html-vite': '8.5.0-alpha.14',
-  '@storybook/html-webpack5': '8.5.0-alpha.14',
-  '@storybook/nextjs': '8.5.0-alpha.14',
-  '@storybook/preact-vite': '8.5.0-alpha.14',
-  '@storybook/preact-webpack5': '8.5.0-alpha.14',
-  '@storybook/react-native-web-vite': '8.5.0-alpha.14',
-  '@storybook/react-vite': '8.5.0-alpha.14',
-  '@storybook/react-webpack5': '8.5.0-alpha.14',
-  '@storybook/server-webpack5': '8.5.0-alpha.14',
-  '@storybook/svelte-vite': '8.5.0-alpha.14',
-  '@storybook/svelte-webpack5': '8.5.0-alpha.14',
-  '@storybook/sveltekit': '8.5.0-alpha.14',
-  '@storybook/vue3-vite': '8.5.0-alpha.14',
-  '@storybook/vue3-webpack5': '8.5.0-alpha.14',
-  '@storybook/web-components-vite': '8.5.0-alpha.14',
-  '@storybook/web-components-webpack5': '8.5.0-alpha.14',
-  '@storybook/blocks': '8.5.0-alpha.14',
-  storybook: '8.5.0-alpha.14',
-  sb: '8.5.0-alpha.14',
-  '@storybook/cli': '8.5.0-alpha.14',
-  '@storybook/codemod': '8.5.0-alpha.14',
-  '@storybook/core-webpack': '8.5.0-alpha.14',
-  'create-storybook': '8.5.0-alpha.14',
-  '@storybook/csf-plugin': '8.5.0-alpha.14',
-  '@storybook/instrumenter': '8.5.0-alpha.14',
-  '@storybook/react-dom-shim': '8.5.0-alpha.14',
-  '@storybook/source-loader': '8.5.0-alpha.14',
-  '@storybook/test': '8.5.0-alpha.14',
-  '@storybook/preset-create-react-app': '8.5.0-alpha.14',
-  '@storybook/preset-html-webpack': '8.5.0-alpha.14',
-  '@storybook/preset-preact-webpack': '8.5.0-alpha.14',
-  '@storybook/preset-react-webpack': '8.5.0-alpha.14',
-  '@storybook/preset-server-webpack': '8.5.0-alpha.14',
-  '@storybook/preset-svelte-webpack': '8.5.0-alpha.14',
-  '@storybook/preset-vue3-webpack': '8.5.0-alpha.14',
-  '@storybook/html': '8.5.0-alpha.14',
-  '@storybook/preact': '8.5.0-alpha.14',
-  '@storybook/react': '8.5.0-alpha.14',
-  '@storybook/server': '8.5.0-alpha.14',
-  '@storybook/svelte': '8.5.0-alpha.14',
-  '@storybook/vue3': '8.5.0-alpha.14',
-  '@storybook/web-components': '8.5.0-alpha.14',
+  '@storybook/addon-a11y': '8.5.0-alpha.15',
+  '@storybook/addon-actions': '8.5.0-alpha.15',
+  '@storybook/addon-backgrounds': '8.5.0-alpha.15',
+  '@storybook/addon-controls': '8.5.0-alpha.15',
+  '@storybook/addon-docs': '8.5.0-alpha.15',
+  '@storybook/addon-essentials': '8.5.0-alpha.15',
+  '@storybook/addon-mdx-gfm': '8.5.0-alpha.15',
+  '@storybook/addon-highlight': '8.5.0-alpha.15',
+  '@storybook/addon-interactions': '8.5.0-alpha.15',
+  '@storybook/addon-jest': '8.5.0-alpha.15',
+  '@storybook/addon-links': '8.5.0-alpha.15',
+  '@storybook/addon-measure': '8.5.0-alpha.15',
+  '@storybook/addon-onboarding': '8.5.0-alpha.15',
+  '@storybook/addon-outline': '8.5.0-alpha.15',
+  '@storybook/addon-storysource': '8.5.0-alpha.15',
+  '@storybook/experimental-addon-test': '8.5.0-alpha.15',
+  '@storybook/addon-themes': '8.5.0-alpha.15',
+  '@storybook/addon-toolbars': '8.5.0-alpha.15',
+  '@storybook/addon-viewport': '8.5.0-alpha.15',
+  '@storybook/builder-vite': '8.5.0-alpha.15',
+  '@storybook/builder-webpack5': '8.5.0-alpha.15',
+  '@storybook/core': '8.5.0-alpha.15',
+  '@storybook/builder-manager': '8.5.0-alpha.15',
+  '@storybook/channels': '8.5.0-alpha.15',
+  '@storybook/client-logger': '8.5.0-alpha.15',
+  '@storybook/components': '8.5.0-alpha.15',
+  '@storybook/core-common': '8.5.0-alpha.15',
+  '@storybook/core-events': '8.5.0-alpha.15',
+  '@storybook/core-server': '8.5.0-alpha.15',
+  '@storybook/csf-tools': '8.5.0-alpha.15',
+  '@storybook/docs-tools': '8.5.0-alpha.15',
+  '@storybook/manager': '8.5.0-alpha.15',
+  '@storybook/manager-api': '8.5.0-alpha.15',
+  '@storybook/node-logger': '8.5.0-alpha.15',
+  '@storybook/preview': '8.5.0-alpha.15',
+  '@storybook/preview-api': '8.5.0-alpha.15',
+  '@storybook/router': '8.5.0-alpha.15',
+  '@storybook/telemetry': '8.5.0-alpha.15',
+  '@storybook/theming': '8.5.0-alpha.15',
+  '@storybook/types': '8.5.0-alpha.15',
+  '@storybook/angular': '8.5.0-alpha.15',
+  '@storybook/ember': '8.5.0-alpha.15',
+  '@storybook/experimental-nextjs-vite': '8.5.0-alpha.15',
+  '@storybook/html-vite': '8.5.0-alpha.15',
+  '@storybook/html-webpack5': '8.5.0-alpha.15',
+  '@storybook/nextjs': '8.5.0-alpha.15',
+  '@storybook/preact-vite': '8.5.0-alpha.15',
+  '@storybook/preact-webpack5': '8.5.0-alpha.15',
+  '@storybook/react-native-web-vite': '8.5.0-alpha.15',
+  '@storybook/react-vite': '8.5.0-alpha.15',
+  '@storybook/react-webpack5': '8.5.0-alpha.15',
+  '@storybook/server-webpack5': '8.5.0-alpha.15',
+  '@storybook/svelte-vite': '8.5.0-alpha.15',
+  '@storybook/svelte-webpack5': '8.5.0-alpha.15',
+  '@storybook/sveltekit': '8.5.0-alpha.15',
+  '@storybook/vue3-vite': '8.5.0-alpha.15',
+  '@storybook/vue3-webpack5': '8.5.0-alpha.15',
+  '@storybook/web-components-vite': '8.5.0-alpha.15',
+  '@storybook/web-components-webpack5': '8.5.0-alpha.15',
+  '@storybook/blocks': '8.5.0-alpha.15',
+  storybook: '8.5.0-alpha.15',
+  sb: '8.5.0-alpha.15',
+  '@storybook/cli': '8.5.0-alpha.15',
+  '@storybook/codemod': '8.5.0-alpha.15',
+  '@storybook/core-webpack': '8.5.0-alpha.15',
+  'create-storybook': '8.5.0-alpha.15',
+  '@storybook/csf-plugin': '8.5.0-alpha.15',
+  '@storybook/instrumenter': '8.5.0-alpha.15',
+  '@storybook/react-dom-shim': '8.5.0-alpha.15',
+  '@storybook/source-loader': '8.5.0-alpha.15',
+  '@storybook/test': '8.5.0-alpha.15',
+  '@storybook/preset-create-react-app': '8.5.0-alpha.15',
+  '@storybook/preset-html-webpack': '8.5.0-alpha.15',
+  '@storybook/preset-preact-webpack': '8.5.0-alpha.15',
+  '@storybook/preset-react-webpack': '8.5.0-alpha.15',
+  '@storybook/preset-server-webpack': '8.5.0-alpha.15',
+  '@storybook/preset-svelte-webpack': '8.5.0-alpha.15',
+  '@storybook/preset-vue3-webpack': '8.5.0-alpha.15',
+  '@storybook/html': '8.5.0-alpha.15',
+  '@storybook/preact': '8.5.0-alpha.15',
+  '@storybook/react': '8.5.0-alpha.15',
+  '@storybook/server': '8.5.0-alpha.15',
+  '@storybook/svelte': '8.5.0-alpha.15',
+  '@storybook/vue3': '8.5.0-alpha.15',
+  '@storybook/web-components': '8.5.0-alpha.15',
 };
diff --git a/code/core/src/manager-api/version.ts b/code/core/src/manager-api/version.ts
index c9839cd86c4..3c722d0be18 100644
--- a/code/core/src/manager-api/version.ts
+++ b/code/core/src/manager-api/version.ts
@@ -1 +1 @@
-export const version = '8.5.0-alpha.14';
+export const version = '8.5.0-alpha.15';
diff --git a/code/deprecated/builder-manager/package.json b/code/deprecated/builder-manager/package.json
index 2f8777b2e96..9320fcc5607 100644
--- a/code/deprecated/builder-manager/package.json
+++ b/code/deprecated/builder-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-manager",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook manager builder",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/channels/package.json b/code/deprecated/channels/package.json
index 6aec2a0eec8..3e9064e0e2a 100644
--- a/code/deprecated/channels/package.json
+++ b/code/deprecated/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/client-logger/package.json b/code/deprecated/client-logger/package.json
index 783c0ad54a7..16f98b932ec 100644
--- a/code/deprecated/client-logger/package.json
+++ b/code/deprecated/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/components/package.json b/code/deprecated/components/package.json
index 9bd3276e0dc..31e71b57b69 100644
--- a/code/deprecated/components/package.json
+++ b/code/deprecated/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-common/package.json b/code/deprecated/core-common/package.json
index 70059b1e082..ae1a5f5b797 100644
--- a/code/deprecated/core-common/package.json
+++ b/code/deprecated/core-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-common",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-events/package.json b/code/deprecated/core-events/package.json
index aa7f8bb61fc..fd71d67be4e 100644
--- a/code/deprecated/core-events/package.json
+++ b/code/deprecated/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/core-server/package.json b/code/deprecated/core-server/package.json
index 8edcd672595..fba6fa714fb 100644
--- a/code/deprecated/core-server/package.json
+++ b/code/deprecated/core-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index 62d70dc9465..458730c9358 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-tools",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Parse and manipulate CSF and Storybook config files",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/docs-tools/package.json b/code/deprecated/docs-tools/package.json
index 721a54e9785..9619302d7b0 100644
--- a/code/deprecated/docs-tools/package.json
+++ b/code/deprecated/docs-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/docs-tools",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Shared utility functions for frameworks to implement docs",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager-api/package.json b/code/deprecated/manager-api/package.json
index 58d7cd5fd11..3d40cf32697 100644
--- a/code/deprecated/manager-api/package.json
+++ b/code/deprecated/manager-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager-api",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook Manager API & Context",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/manager/package.json b/code/deprecated/manager/package.json
index 8a4e0bbbdda..b112a266793 100644
--- a/code/deprecated/manager/package.json
+++ b/code/deprecated/manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/node-logger/package.json b/code/deprecated/node-logger/package.json
index 3c1519a750c..56d4892b25b 100644
--- a/code/deprecated/node-logger/package.json
+++ b/code/deprecated/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview-api/package.json b/code/deprecated/preview-api/package.json
index b1a4d2bfe9c..e948f6abb66 100644
--- a/code/deprecated/preview-api/package.json
+++ b/code/deprecated/preview-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/preview/package.json b/code/deprecated/preview/package.json
index 251f227108c..340ca4a2c96 100644
--- a/code/deprecated/preview/package.json
+++ b/code/deprecated/preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 0fc913c69b3..d40b3969703 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/telemetry/package.json b/code/deprecated/telemetry/package.json
index b68bb5d824e..5da6d5f46d3 100644
--- a/code/deprecated/telemetry/package.json
+++ b/code/deprecated/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/telemetry",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Telemetry logging for crash reports and usage statistics",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index 6cebd135a7b..3c60c02974c 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
diff --git a/code/deprecated/types/package.json b/code/deprecated/types/package.json
index 63fb7825230..bf043dbc56d 100644
--- a/code/deprecated/types/package.json
+++ b/code/deprecated/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/types",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Core Storybook TS Types",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 2d20d773b4e..7b94c4f26e0 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 17c4926a5c0..106d7805dc6 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
   "bugs": {
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
index 24f9ef99c5e..4b300e5d71b 100644
--- a/code/frameworks/experimental-nextjs-vite/package.json
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/experimental-nextjs-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Next.js and Vite",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index 0f65450ab1d..56492d71882 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index d6dfa2d2078..fade23f23c2 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 7ff8d462c0a..bb6ce0dc013 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Next.js",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index fd8cb8b3748..f2fd5669463 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index d612b0da438..5a1c5f1c4cf 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-native-web-vite/package.json b/code/frameworks/react-native-web-vite/package.json
index e0dd851c534..df7fe25ad22 100644
--- a/code/frameworks/react-native-web-vite/package.json
+++ b/code/frameworks/react-native-web-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-web-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Develop react-native components an isolated web environment with hot reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index c1e9459ad0d..86b6302c0e3 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index 91d745aadcd..a53d31e8dad 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index a3e285e945e..5c709aff72a 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index b6c63815cb1..7613ee8e340 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 7966131cd08..67edcf31f1e 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index bac4d328c03..328435cbe0d 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index e4afa8feb1b..5902dea2d31 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 9f134a1e1d3..3566554c104 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 46552357a55..c803a24a6ec 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-vite",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index b5ba65b1df1..84abc49e9e4 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components-webpack5",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit",
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index cadcdc1e2fe..99c38b018ab 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-sb/package.json b/code/lib/cli-sb/package.json
index de782f73bb7..b7ac7a8dfa5 100644
--- a/code/lib/cli-sb/package.json
+++ b/code/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 4c0bb4c23cd..c23b4bd7fc6 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 749d1603110..6c40c9e80bf 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook's CLI - install, dev, build, upgrade, and more",
   "keywords": [
     "cli",
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index a9873e076f4..9d852c023b4 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index ce3f2c2e8d6..677f2628646 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 0ae17b3cef9..c009e2bb03a 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-storybook",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Initialize Storybook into your project",
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
   "bugs": {
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 7a6d659752e..b1ea17f3b79 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf-plugin",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Enrich CSF files via static analysis",
   "keywords": [
     "storybook"
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index bfe7c0795e9..9a2469f7261 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/instrumenter",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index 361fee21a03..879ad1bcd31 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index 8dc1f14e60a..12b9db9f96d 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Source loader",
   "keywords": [
     "lib",
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index 93cdce9767c..045e54b02cf 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/test",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/code/package.json b/code/package.json
index 4b487ef75eb..b7eb230b10d 100644
--- a/code/package.json
+++ b/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "private": true,
   "description": "Storybook root",
   "homepage": "https://storybook.js.org/",
@@ -293,6 +293,5 @@
         "Dependency Upgrades"
       ]
     ]
-  },
-  "deferredNextVersion": "8.5.0-alpha.15"
+  }
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index 5e16b785364..38a822fb89f 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-create-react-app",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Create React App preset",
   "keywords": [
     "storybook"
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 7d5fc1d11b9..09f7a23d95e 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-html-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 53a1c0083b2..b8abe967b81 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-preact-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index 3c81107bb12..81414e1c32f 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index 88f656750ba..c49c49c802a 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-server-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 547e419613d..daa449b0e0d 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-svelte-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index e1054e63647..7e3bca10876 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-vue3-webpack",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index 2d7daef0df8..5b103a1b3bc 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index d9f2b71c4bb..868ef644ab0 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 5fd3e709615..194b401b6a3 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 95a5c6efb2d..855c8cf92fb 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index ca8907f0b73..848c2d07217 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Svelte renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index 7db0b8bba48..01d6fed1f6e 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 597062f50ea..ff967c82587 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "8.5.0-alpha.14",
+  "version": "8.5.0-alpha.15",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit",

From 7687574927533ff5bf763dd00bfd3ff51b96e4a9 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 3 Dec 2024 10:34:15 +0100
Subject: [PATCH 111/111] Update
 code/core/src/manager-api/modules/experimental_testmodule.ts

Co-authored-by: Jeppe Reinhold <jeppe@chromatic.com>
---
 code/core/src/manager-api/modules/experimental_testmodule.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/code/core/src/manager-api/modules/experimental_testmodule.ts b/code/core/src/manager-api/modules/experimental_testmodule.ts
index a72e1539871..294355c73bc 100644
--- a/code/core/src/manager-api/modules/experimental_testmodule.ts
+++ b/code/core/src/manager-api/modules/experimental_testmodule.ts
@@ -85,8 +85,6 @@ export const init: ModuleFn<SubAPI, SubState> = ({ store, fullAPI }) => {
     runTestProvider(id, options) {
       const index = store.getState().index;
       invariant(index, 'The index is currently unavailable');
-      api.updateTestProviderState(id, { running: true });
-
       api.updateTestProviderState(id, { running: true, failed: false, crashed: false });
 
       const provider = store.getState().testProviders[id];