storybook 10.0.0-beta.9 → 10.0.0-rc.1

package/dist/core-events/index.d.ts

@@ -276,6 +276,7 @@ declare enum events {
     UPDATE_GLOBALS = "updateGlobals",
     GLOBALS_UPDATED = "globalsUpdated",
     REGISTER_SUBSCRIPTION = "registerSubscription",
+    PREVIEW_INITIALIZED = "previewInitialized",
     PREVIEW_KEYDOWN = "previewKeydown",
     PREVIEW_BUILDER_PROGRESS = "preview_builder_progress",
     SELECT_STORY = "selectStory",
@@ -320,6 +321,7 @@ declare const NAVIGATE_URL: events;
 declare const PLAY_FUNCTION_THREW_EXCEPTION: events;
 declare const UNHANDLED_ERRORS_WHILE_PLAYING: events;
 declare const PRELOAD_ENTRIES: events;
+declare const PREVIEW_INITIALIZED: events;
 declare const PREVIEW_BUILDER_PROGRESS: events;
 declare const PREVIEW_KEYDOWN: events;
 declare const REGISTER_SUBSCRIPTION: events;
@@ -363,4 +365,4 @@ declare const ARGTYPES_INFO_RESPONSE: events;
 declare const OPEN_IN_EDITOR_REQUEST: events;
 declare const OPEN_IN_EDITOR_RESPONSE: events;
 
-export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, type OpenInEditorRequestPayload, type OpenInEditorResponsePayload, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, type StoryFinishedPayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };
+export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, OPEN_IN_EDITOR_REQUEST, OPEN_IN_EDITOR_RESPONSE, type OpenInEditorRequestPayload, type OpenInEditorResponsePayload, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_INITIALIZED, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_FINISHED, STORY_HOT_UPDATED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, type StoryFinishedPayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };

package/dist/core-events/index.js

@@ -36,6 +36,7 @@ var events = /* @__PURE__ */ ((events2) => {
   events2["UPDATE_GLOBALS"] = "updateGlobals";
   events2["GLOBALS_UPDATED"] = "globalsUpdated";
   events2["REGISTER_SUBSCRIPTION"] = "registerSubscription";
+  events2["PREVIEW_INITIALIZED"] = "previewInitialized";
   events2["PREVIEW_KEYDOWN"] = "previewKeydown";
   events2["PREVIEW_BUILDER_PROGRESS"] = "preview_builder_progress";
   events2["SELECT_STORY"] = "selectStory";
@@ -82,6 +83,7 @@ var {
   PLAY_FUNCTION_THREW_EXCEPTION,
   UNHANDLED_ERRORS_WHILE_PLAYING,
   PRELOAD_ENTRIES,
+  PREVIEW_INITIALIZED,
   PREVIEW_BUILDER_PROGRESS,
   PREVIEW_KEYDOWN,
   REGISTER_SUBSCRIPTION,
@@ -147,6 +149,7 @@ export {
   PLAY_FUNCTION_THREW_EXCEPTION,
   PRELOAD_ENTRIES,
   PREVIEW_BUILDER_PROGRESS,
+  PREVIEW_INITIALIZED,
   PREVIEW_KEYDOWN,
   REGISTER_SUBSCRIPTION,
   REQUEST_WHATS_NEW_DATA,

package/dist/core-server/index.js

@@ -1,26 +1,26 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_xqgzht15kj from 'node:url';
+import CJS_COMPAT_NODE_PATH_xqgzht15kj from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xqgzht15kj from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_xqgzht15kj.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xqgzht15kj.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xqgzht15kj.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-75N2O5FL.js";
+} from "../_node-chunks/chunk-S27PS53I.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-Z6UKYBDV.js";
-import "../_node-chunks/chunk-VM3IJPAW.js";
+} from "../_node-chunks/chunk-FJPST7C2.js";
+import "../_node-chunks/chunk-2BDCE3L3.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-B5W4OROC.js";
+} from "../_node-chunks/chunk-YIM5CHEY.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -28,59 +28,60 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-XHXUIPIC.js";
-import "../_node-chunks/chunk-A33ZDBWG.js";
+} from "../_node-chunks/chunk-P2Y2WO7H.js";
+import "../_node-chunks/chunk-7MPLFWHG.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-TO3ARZYO.js";
-import "../_node-chunks/chunk-7VDHEICM.js";
+} from "../_node-chunks/chunk-IPXSLDLA.js";
+import "../_node-chunks/chunk-XNSVOMTF.js";
 import {
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-AV6DOLF6.js";
-import "../_node-chunks/chunk-V6E6RSUO.js";
-import "../_node-chunks/chunk-5G7GJHS7.js";
-import "../_node-chunks/chunk-R4BIB4NX.js";
+} from "../_node-chunks/chunk-HB37PYB7.js";
+import "../_node-chunks/chunk-WT75CKIP.js";
+import "../_node-chunks/chunk-V6MYZCMZ.js";
+import "../_node-chunks/chunk-6EIKR7ZS.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-JIERQ4FU.js";
+} from "../_node-chunks/chunk-LU3G37SK.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-O2AHQDZJ.js";
+} from "../_node-chunks/chunk-N2JV6FZG.js";
+import "../_node-chunks/chunk-2WCW6WBN.js";
 import {
   invariant
-} from "../_node-chunks/chunk-BUQRXXWE.js";
+} from "../_node-chunks/chunk-3R5LD45Z.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-JVFB6XG6.js";
+} from "../_node-chunks/chunk-ZCRAXS3E.js";
 import {
   resolve
-} from "../_node-chunks/chunk-IXMF5FBT.js";
+} from "../_node-chunks/chunk-SIW4GO4H.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-V5DK6ZKU.js";
-import "../_node-chunks/chunk-NRBIODYE.js";
+} from "../_node-chunks/chunk-VUU6O7VI.js";
+import "../_node-chunks/chunk-UVZAIPBG.js";
 import {
   slash
-} from "../_node-chunks/chunk-GEDTSFBQ.js";
+} from "../_node-chunks/chunk-UJWKT624.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-LTKYC6VP.js";
+} from "../_node-chunks/chunk-BQLZIX2Q.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-AEVVTNDL.js";
+} from "../_node-chunks/chunk-O6V3EWUU.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-2RLHFYFA.js";
+} from "../_node-chunks/chunk-Y5P4UWNE.js";
 import {
   __commonJS,
   __export,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-CALGSUC5.js";
+} from "../_node-chunks/chunk-CRG33JWE.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -8715,7 +8716,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     }
     const pathToSubIndex = {};
     const fullGlob = slash(join(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-HUMXQF7C.js");
+    const { globby } = await import("../_node-chunks/globby-DCTHVPS7.js");
     const files = await globby(fullGlob, {
       absolute: true,
       cwd: workingDir,
@@ -8889,7 +8890,9 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     }, "defaultMakeTitle");
     const indexer = this.options.indexers.find((ind) => ind.test.exec(absolutePath));
     invariant(indexer, `No matching indexer found for ${absolutePath}`);
-    const indexInputs = await indexer.createIndex(absolutePath, { makeTitle: defaultMakeTitle });
+    const indexInputs = await indexer.createIndex(absolutePath, {
+      makeTitle: defaultMakeTitle
+    });
     const tsconfigPath = up("tsconfig.json", {
       cwd: this.options.workingDir,
       last: getProjectRoot()
@@ -8910,9 +8913,10 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
         const title = input.title ?? defaultMakeTitle();
         const id = input.__id ?? toId(input.metaId ?? title, storyNameFromExport(input.exportName));
         const tags = combineTags(...projectTags, ...input.tags ?? []);
-        return {
+        const subtype = input.subtype ?? "story";
+        const entry = {
           type: "story",
-          subtype: input.type === "story" ? input.subtype : "story",
+          subtype,
           id,
           extra: {
             metaId: input.metaId,
@@ -8922,10 +8926,16 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
           title,
           importPath,
           componentPath,
-          tags,
-          ...input.type === "story" && input.subtype === "test" ? { parent: input.parent, parentName: input.parentName } : {},
-          ...input.exportName ? { exportName: input.exportName } : {}
+          tags
         };
+        if (subtype === "test") {
+          entry.parent = input.parent;
+          entry.parentName = input.parentName;
+        }
+        if (input.exportName) {
+          entry.exportName = input.exportName;
+        }
+        return entry;
       }
     );
     const hasAutodocsTag = storyEntries.some((entry) => entry.tags.includes(AUTODOCS_TAG));
@@ -8964,7 +8974,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-HAF4OXIQ.js");
+      const { analyze } = await import("../_node-chunks/dist-KKBN5NK7.js");
       const result2 = await analyze(content);
       if (result2.isTemplate) {
         return false;
@@ -9307,7 +9317,7 @@ __name(print, "print");
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-ZMBCXQXV.js");
+  return await import("../_node-chunks/builder-manager-UDVVFBHZ.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -16551,7 +16561,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-HUMXQF7C.js");
+          const { globby } = await import("../_node-chunks/globby-DCTHVPS7.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);

package/dist/core-server/presets/common-manager.js

@@ -1,7 +1,13 @@
 import {
   _defineProperty,
   _objectWithoutProperties
-} from "../../_browser-chunks/chunk-GJ67EE65.js";
+} from "../../_browser-chunks/chunk-L2D73C6Z.js";
+import {
+  TooltipNote,
+  WithTooltip
+} from "../../_browser-chunks/chunk-I74EUU5O.js";
+import "../../_browser-chunks/chunk-RNE2IUTB.js";
+import "../../_browser-chunks/chunk-BOOOPFZF.js";
 import "../../_browser-chunks/chunk-VAMFPZY3.js";
 import {
   dequal
@@ -29,8 +35,7 @@ import {
   curriedOpacify$1,
   curriedTransparentize$1,
   rgba
-} from "../../_browser-chunks/chunk-O56XQCYK.js";
-import "../../_browser-chunks/chunk-G2FJLQK5.js";
+} from "../../_browser-chunks/chunk-OBXWFEPB.js";
 import {
   _extends
 } from "../../_browser-chunks/chunk-MH6AXFXB.js";
@@ -40,6 +45,7 @@ import {
 import {
   require_ansi_to_html
 } from "../../_browser-chunks/chunk-F4Q6SGTB.js";
+import "../../_browser-chunks/chunk-LYCSRYYR.js";
 import "../../_browser-chunks/chunk-QK3L5AXO.js";
 import "../../_browser-chunks/chunk-JJZMHC3A.js";
 import {
@@ -5183,8 +5189,8 @@ import {
   Form as Form6,
   IconButton as IconButton4,
   Modal,
-  TooltipNote,
-  WithTooltip
+  TooltipNote as TooltipNote2,
+  WithTooltip as WithTooltip2
 } from "storybook/internal/components";
 import { AddIcon as AddIcon2, CheckIcon, UndoIcon as UndoIcon2 } from "@storybook/icons";
 import { keyframes, styled as styled29 } from "storybook/theming";
@@ -5304,30 +5310,30 @@ var SaveStory = /* @__PURE__ */ __name(({
     }
   }, "onSubmitForm");
   return React37.createElement(Container2, { id: "save-from-controls" }, React37.createElement(Bar2, null, React37.createElement(Actions, null, React37.createElement(
-    WithTooltip,
+    WithTooltip2,
     {
       as: "div",
       hasChrome: false,
       trigger: "hover",
-      tooltip: React37.createElement(TooltipNote, { note: "Save changes to story" })
+      tooltip: React37.createElement(TooltipNote2, { note: "Save changes to story" })
     },
     React37.createElement(IconButton4, { "aria-label": "Save changes to story", disabled: saving, onClick: onSaveStory }, React37.createElement(CheckIcon, null), React37.createElement(Label5, { "data-short-label": "Save" }, "Update story"))
   ), React37.createElement(
-    WithTooltip,
+    WithTooltip2,
     {
       as: "div",
       hasChrome: false,
       trigger: "hover",
-      tooltip: React37.createElement(TooltipNote, { note: "Create new story with these settings" })
+      tooltip: React37.createElement(TooltipNote2, { note: "Create new story with these settings" })
     },
     React37.createElement(IconButton4, { "aria-label": "Create new story with these settings", onClick: onShowForm }, React37.createElement(AddIcon2, null), React37.createElement(Label5, { "data-short-label": "New" }, "Create new story"))
   ), React37.createElement(
-    WithTooltip,
+    WithTooltip2,
     {
       as: "div",
       hasChrome: false,
       trigger: "hover",
-      tooltip: React37.createElement(TooltipNote, { note: "Reset changes" })
+      tooltip: React37.createElement(TooltipNote2, { note: "Reset changes" })
     },
     React37.createElement(IconButton4, { "aria-label": "Reset changes", onClick: () => resetArgs() }, React37.createElement(UndoIcon2, null), React37.createElement("span", null, "Reset"))
   )), React37.createElement(Info, null, React37.createElement(Label5, { "data-short-label": "Unsaved changes" }, "You modified this story. Do you want to save your changes?")), React37.createElement(
@@ -7129,7 +7135,7 @@ var Empty2 = /* @__PURE__ */ __name(() => {
 
 // src/component-testing/components/Interaction.tsx
 import * as React61 from "react";
-import { IconButton as IconButton5, TooltipNote as TooltipNote2, WithTooltip as WithTooltip2 } from "storybook/internal/components";
+import { IconButton as IconButton5, TooltipNote as TooltipNote3, WithTooltip as WithTooltip3 } from "storybook/internal/components";
 import { ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon2 } from "@storybook/icons";
 import { styled as styled37, typography as typography2 } from "storybook/theming";
 
@@ -8475,7 +8481,7 @@ var StyledIconButton = styled37(IconButton5)(({ theme: theme3 }) => ({
   color: theme3.textMutedColor,
   margin: "0 3px"
 }));
-var Note = styled37(TooltipNote2)(({ theme: theme3 }) => ({
+var Note = styled37(TooltipNote3)(({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.base
 }));
 var RowMessage = styled37("div")(({ theme: theme3 }) => ({
@@ -8557,7 +8563,7 @@ var Interaction = /* @__PURE__ */ __name(({
     React61.createElement(StatusIcon, { status: isHovered ? "active" /* ACTIVE */ : call.status }),
     React61.createElement(MethodCallWrapper, { style: { marginLeft: 6, marginBottom: 1 } }, React61.createElement(MethodCall, { call, callsById }))
   ), React61.createElement(RowActions, null, (childCallIds?.length ?? 0) > 0 && React61.createElement(
-    WithTooltip2,
+    WithTooltip3,
     {
       hasChrome: false,
       tooltip: React61.createElement(Note, { note: `${isCollapsed ? "Show" : "Hide"} interactions` })
@@ -8581,8 +8587,8 @@ import {
   IconButton as IconButton6,
   P as P2,
   Separator,
-  TooltipNote as TooltipNote3,
-  WithTooltip as WithTooltip3
+  TooltipNote as TooltipNote4,
+  WithTooltip as WithTooltip4
 } from "storybook/internal/components";
 import {
   FastForwardIcon,
@@ -8610,6 +8616,13 @@ var StatusTextMapping = {
   errored: "Fail",
   aborted: "Bail"
 };
+var StatusNoteMapping = {
+  rendering: "Story is rendering",
+  playing: "Interactions are running",
+  completed: "Story ran successfully",
+  errored: "Story failed to complete",
+  aborted: "Interactions aborted due to file changes"
+};
 var StyledBadge = styled38.div(({ theme: theme3, status }) => {
   const backgroundColor = theme3.color[StatusColorMapping[status]];
   return {
@@ -8629,7 +8642,17 @@ var StyledBadge = styled38.div(({ theme: theme3, status }) => {
 });
 var StatusBadge = /* @__PURE__ */ __name(({ status }) => {
   const badgeText = StatusTextMapping[status];
-  return React63.createElement(StyledBadge, { "aria-label": "Status of the test run", status }, badgeText);
+  const badgeNote = StatusNoteMapping[status];
+  return React63.createElement(
+    WithTooltip,
+    {
+      hasChrome: false,
+      placement: "top",
+      trigger: "hover",
+      tooltip: React63.createElement(TooltipNote, { note: badgeNote })
+    },
+    React63.createElement(StyledBadge, { "aria-label": "Story status", status }, badgeText)
+  );
 }, "StatusBadge");
 
 // src/component-testing/components/Subnav.tsx
@@ -8641,7 +8664,7 @@ var SubnavWrapper = styled39.div(({ theme: theme3 }) => ({
   zIndex: 1
 }));
 var StyledSubnav = styled39.nav({
-  height: 40,
+  height: 39,
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
@@ -8657,7 +8680,7 @@ var StyledButton = styled39(Button6)(({ theme: theme3 }) => ({
     }
   }
 }));
-var Note2 = styled39(TooltipNote3)(({ theme: theme3 }) => ({
+var Note2 = styled39(TooltipNote4)(({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.base
 }));
 var StyledIconButton2 = styled39(IconButton6)(({ theme: theme3 }) => ({
@@ -8689,7 +8712,6 @@ var RewindButton = styled39(StyledIconButton2)({
 var JumpToEndButton = styled39(StyledButton)({
   marginLeft: 9,
   marginRight: 9,
-  marginBottom: 1,
   lineHeight: "12px"
 });
 var RerunButton = styled39(StyledIconButton2)(({ theme: theme3, animating, disabled }) => ({
@@ -8710,7 +8732,7 @@ var Subnav = /* @__PURE__ */ __name(({
 }) => {
   const buttonText = status === "errored" ? "Scroll to error" : "Scroll to end";
   const theme3 = useTheme7();
-  return React64.createElement(SubnavWrapper, null, React64.createElement(Bar3, { backgroundColor: theme3.background.app }, React64.createElement(StyledSubnav, { "aria-label": "Component tests toolbar" }, React64.createElement(Group, null, React64.createElement(StatusBadge, { status }), React64.createElement(JumpToEndButton, { onClick: onScrollToEnd, disabled: !onScrollToEnd }, buttonText), React64.createElement(StyledSeparator, null), React64.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go to start" }) }, React64.createElement(
+  return React64.createElement(SubnavWrapper, null, React64.createElement(Bar3, { backgroundColor: theme3.background.app }, React64.createElement(StyledSubnav, { "aria-label": "Component tests toolbar" }, React64.createElement(Group, null, React64.createElement(StatusBadge, { status }), React64.createElement(JumpToEndButton, { onClick: onScrollToEnd, disabled: !onScrollToEnd }, buttonText), React64.createElement(StyledSeparator, null), React64.createElement(WithTooltip4, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go to start" }) }, React64.createElement(
     RewindButton,
     {
       "aria-label": "Go to start",
@@ -8718,7 +8740,7 @@ var Subnav = /* @__PURE__ */ __name(({
       disabled: !controlStates.start
     },
     React64.createElement(RewindIcon, null)
-  )), React64.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go back" }) }, React64.createElement(
+  )), React64.createElement(WithTooltip4, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go back" }) }, React64.createElement(
     StyledIconButton2,
     {
       "aria-label": "Go back",
@@ -8726,7 +8748,7 @@ var Subnav = /* @__PURE__ */ __name(({
       disabled: !controlStates.back
     },
     React64.createElement(PlayBackIcon, null)
-  )), React64.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go forward" }) }, React64.createElement(
+  )), React64.createElement(WithTooltip4, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go forward" }) }, React64.createElement(
     StyledIconButton2,
     {
       "aria-label": "Go forward",
@@ -8734,7 +8756,7 @@ var Subnav = /* @__PURE__ */ __name(({
       disabled: !controlStates.next
     },
     React64.createElement(PlayNextIcon, null)
-  )), React64.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go to end" }) }, React64.createElement(
+  )), React64.createElement(WithTooltip4, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Go to end" }) }, React64.createElement(
     StyledIconButton2,
     {
       "aria-label": "Go to end",
@@ -8742,8 +8764,8 @@ var Subnav = /* @__PURE__ */ __name(({
       disabled: !controlStates.end
     },
     React64.createElement(FastForwardIcon, null)
-  )), React64.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Rerun" }) }, React64.createElement(RerunButton, { "aria-label": "Rerun", onClick: controls.rerun }, React64.createElement(SyncIcon, null)))), (importPath || storyFileName) && React64.createElement(Group, null, canOpenInEditor ? React64.createElement(
-    WithTooltip3,
+  )), React64.createElement(WithTooltip4, { trigger: "hover", hasChrome: false, tooltip: React64.createElement(Note2, { note: "Rerun" }) }, React64.createElement(RerunButton, { "aria-label": "Rerun", onClick: controls.rerun }, React64.createElement(SyncIcon, null)))), (importPath || storyFileName) && React64.createElement(Group, null, canOpenInEditor ? React64.createElement(
+    WithTooltip4,
     {
       trigger: "hover",
       hasChrome: false,
@@ -8920,6 +8942,7 @@ var playStatusMap = {
   errored: "errored",
   aborted: "aborted"
 };
+var terminalStatuses = ["completed", "errored", "aborted"];
 var storyStatusMap = {
   ["done" /* DONE */]: "status-value:success",
   ["error" /* ERROR */]: "status-value:error",
@@ -9097,7 +9120,7 @@ var Panel = memo4(
             });
           } else {
             set((state2) => {
-              const status2 = event.newPhase in playStatusMap ? playStatusMap[event.newPhase] : state2.status;
+              const status2 = event.newPhase in playStatusMap && !terminalStatuses.includes(state2.status) ? playStatusMap[event.newPhase] : state2.status;
               return getPanelState(
                 { ...state2, status: status2, pausedAt: void 0 },
                 { log: log.current, calls: calls.current, collapsed, setCollapsed }
@@ -9255,7 +9278,7 @@ import { addons as addons4, types as types4 } from "storybook/manager-api";
 
 // src/backgrounds/components/Tool.tsx
 import React70, { Fragment as Fragment4, memo as memo5, useCallback as useCallback8, useState as useState24 } from "react";
-import { IconButton as IconButton7, TooltipLinkList, WithTooltip as WithTooltip4 } from "storybook/internal/components";
+import { IconButton as IconButton7, TooltipLinkList, WithTooltip as WithTooltip5 } from "storybook/internal/components";
 import { CircleIcon as CircleIcon2, GridIcon, PhotoIcon, RefreshIcon } from "@storybook/icons";
 import { useGlobals as useGlobals2, useParameter as useParameter3 } from "storybook/manager-api";
 var BackgroundTool = memo5(/* @__PURE__ */ __name(function BackgroundSelector() {
@@ -9320,7 +9343,7 @@ var Pure = memo5(/* @__PURE__ */ __name(function PureTool(props) {
     },
     React70.createElement(GridIcon, null)
   ), length2 > 0 ? React70.createElement(
-    WithTooltip4,
+    WithTooltip5,
     {
       key: "background",
       placement: "top",
@@ -9492,7 +9515,7 @@ import { addons as addons7, types as types7 } from "storybook/manager-api";
 
 // src/viewport/components/Tool.tsx
 import React78, { Fragment as Fragment6, useCallback as useCallback11, useEffect as useEffect21, useState as useState25 } from "react";
-import { IconButton as IconButton11, TooltipLinkList as TooltipLinkList2, WithTooltip as WithTooltip5 } from "storybook/internal/components";
+import { IconButton as IconButton11, TooltipLinkList as TooltipLinkList2, WithTooltip as WithTooltip6 } from "storybook/internal/components";
 import { GrowIcon, RefreshIcon as RefreshIcon2, TransferIcon } from "@storybook/icons";
 import { useGlobals as useGlobals5, useParameter as useParameter4 } from "storybook/manager-api";
 import { Global } from "storybook/theming";
@@ -9643,7 +9666,7 @@ var Pure2 = React78.memo(/* @__PURE__ */ __name(function PureTool2(props) {
     [updateGlobals]
   );
   return React78.createElement(Fragment6, null, React78.createElement(
-    WithTooltip5,
+    WithTooltip6,
     {
       placement: "bottom",
       tooltip: ({ onHide }) => React78.createElement(

package/dist/core-server/presets/common-override-preset.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_xqgzht15kj from 'node:url';
+import CJS_COMPAT_NODE_PATH_xqgzht15kj from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xqgzht15kj from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_xqgzht15kj.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xqgzht15kj.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xqgzht15kj.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-NRBIODYE.js";
+} from "../../_node-chunks/chunk-UVZAIPBG.js";
 import {
   slash
-} from "../../_node-chunks/chunk-GEDTSFBQ.js";
+} from "../../_node-chunks/chunk-UJWKT624.js";
 import {
   __name
-} from "../../_node-chunks/chunk-CALGSUC5.js";
+} from "../../_node-chunks/chunk-CRG33JWE.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";