@storybook/addon-vitest 10.1.0-alpha.1 → 10.1.0-alpha.11

package/dist/manager.js

@@ -9,10 +9,7 @@ import {
   STATUS_TYPE_ID_COMPONENT_TEST,
   TEST_PROVIDER_ID,
   storeOptions
-} from "./_browser-chunks/chunk-CAYLRBRX.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JK72E6FR.js";
+} from "./_browser-chunks/chunk-ULSHVN74.js";
 
 // src/manager.tsx
 import React5, { useState as useState3 } from "react";
@@ -27,18 +24,15 @@ import {
 var store = experimental_UniversalStore.create({
   ...storeOptions,
   leader: globalThis.CONFIG_TYPE === "PRODUCTION"
-});
-var componentTestStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_COMPONENT_TEST);
-var a11yStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_A11Y);
-var testProviderStore = experimental_getTestProviderStore(ADDON_ID2);
+}), componentTestStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_COMPONENT_TEST), a11yStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_A11Y), testProviderStore = experimental_getTestProviderStore(ADDON_ID2);
 
 // src/manager.tsx
 import { addons as addons2 } from "storybook/manager-api";
 
 // src/components/GlobalErrorModal.tsx
 import React, { useContext } from "react";
-import { Button, IconButton, Modal } from "storybook/internal/components";
-import { CloseIcon, SyncIcon } from "@storybook/icons";
+import { Button, Modal } from "storybook/internal/components";
+import { SyncIcon } from "@storybook/icons";
 import { useStorybookApi } from "storybook/manager-api";
 import { styled } from "storybook/theming";
 var ModalBar = styled.div({
@@ -46,59 +40,44 @@ var ModalBar = styled.div({
   justifyContent: "space-between",
   alignItems: "center",
   padding: "6px 6px 6px 20px"
-});
-var ModalActionBar = styled.div({
+}), ModalActionBar = styled.div({
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center"
-});
-var ModalTitle = styled(Modal.Title)(({ theme: { typography } }) => ({
+}), ModalTitle = styled(Modal.Title)(({ theme: { typography } }) => ({
   fontSize: typography.size.s2,
   fontWeight: typography.weight.bold
-}));
-var ModalStackTrace = styled.pre(({ theme }) => ({
+})), ModalStackTrace = styled.pre(({ theme }) => ({
   whiteSpace: "pre-wrap",
   wordWrap: "break-word",
   overflow: "auto",
   maxHeight: "60vh",
   margin: 0,
-  padding: `20px`,
+  padding: "20px",
   fontFamily: theme.typography.fonts.mono,
   fontSize: "12px",
   borderTop: `1px solid ${theme.appBorderColor}`,
   borderRadius: 0
-}));
-var TroubleshootLink = styled.a(({ theme }) => ({
+})), TroubleshootLink = styled.a(({ theme }) => ({
   color: theme.color.defaultText
-}));
-var GlobalErrorContext = React.createContext({
-  isModalOpen: false,
+})), GlobalErrorContext = React.createContext({
+  isModalOpen: !1,
   setModalOpen: void 0
 });
 function ErrorCause({ error }) {
-  if (!error) {
-    return null;
-  }
-  return React.createElement("div", null, React.createElement("h4", null, "Caused by: ", error.name || "Error", ": ", error.message), error.stack && React.createElement("pre", null, error.stack), error.cause && React.createElement(ErrorCause, { error: error.cause }));
+  return error ? React.createElement("div", null, React.createElement("h4", null, "Caused by: ", error.name || "Error", ": ", error.message), error.stack && React.createElement("pre", null, error.stack), error.cause && React.createElement(ErrorCause, { error: error.cause })) : null;
 }
-__name(ErrorCause, "ErrorCause");
 function GlobalErrorModal({ onRerun, storeState }) {
-  const api = useStorybookApi();
-  const { isModalOpen, setModalOpen } = useContext(GlobalErrorContext);
-  const handleClose = /* @__PURE__ */ __name(() => setModalOpen?.(false), "handleClose");
-  const troubleshootURL = api.getDocsUrl({
+  let api = useStorybookApi(), { isModalOpen, setModalOpen } = useContext(GlobalErrorContext), troubleshootURL = api.getDocsUrl({
     subpath: DOCUMENTATION_FATAL_ERROR_LINK,
-    versioned: true,
-    renderer: true
-  });
-  const {
+    versioned: !0,
+    renderer: !0
+  }), {
     fatalError,
     currentRun: { unhandledErrors }
-  } = storeState;
-  const content = fatalError ? React.createElement(React.Fragment, null, React.createElement("p", null, fatalError.error.name || "Error"), fatalError.message && React.createElement("p", null, fatalError.message), fatalError.error.message && React.createElement("p", null, fatalError.error.message), fatalError.error.stack && React.createElement("p", null, fatalError.error.stack), fatalError.error.cause && React.createElement(ErrorCause, { error: fatalError.error.cause })) : unhandledErrors.length > 0 ? React.createElement("ol", null, unhandledErrors.map((error) => React.createElement("li", { key: error.name + error.message }, React.createElement("p", null, error.name, ": ", error.message), error.VITEST_TEST_PATH && React.createElement("p", null, 'This error originated in "', React.createElement("b", null, error.VITEST_TEST_PATH), `". It doesn't mean the error was thrown inside the file itself, but while it was running.`), error.VITEST_TEST_NAME && React.createElement(React.Fragment, null, React.createElement("p", null, `The latest test that might've caused the error is "`, React.createElement("b", null, error.VITEST_TEST_NAME), '". It might mean one of the following:'), React.createElement("ul", null, React.createElement("li", null, "The error was thrown, while Vitest was running this test."), React.createElement("li", null, "If the error occurred after the test had been completed, this was the last documented test before it was thrown."))), error.stacks && React.createElement(React.Fragment, null, React.createElement("p", null, React.createElement("b", null, "Stacks:")), React.createElement("ul", null, error.stacks.map((stack) => React.createElement("li", { key: stack.file + stack.line + stack.column }, stack.file, ":", stack.line, ":", stack.column, " - ", stack.method || "unknown method")))), error.stack && React.createElement("p", null, error.stack), error.cause ? React.createElement(ErrorCause, { error: error.cause }) : null))) : null;
-  return React.createElement(Modal, { onEscapeKeyDown: handleClose, onInteractOutside: handleClose, open: isModalOpen }, React.createElement(ModalBar, null, React.createElement(ModalTitle, null, "Storybook Tests error details"), React.createElement(ModalActionBar, null, React.createElement(Button, { onClick: onRerun, variant: "ghost" }, React.createElement(SyncIcon, null), "Rerun"), React.createElement(Button, { variant: "ghost", asChild: true }, React.createElement("a", { target: "_blank", href: troubleshootURL, rel: "noreferrer" }, "Troubleshoot")), React.createElement(IconButton, { onClick: handleClose, "aria-label": "Close modal" }, React.createElement(CloseIcon, null)))), React.createElement(ModalStackTrace, null, content, React.createElement("br", null), React.createElement("br", null), "Troubleshoot:", " ", React.createElement(TroubleshootLink, { target: "_blank", href: troubleshootURL }, troubleshootURL)));
+  } = storeState, content = fatalError ? React.createElement(React.Fragment, null, React.createElement("p", null, fatalError.error.name || "Error"), fatalError.message && React.createElement("p", null, fatalError.message), fatalError.error.message && React.createElement("p", null, fatalError.error.message), fatalError.error.stack && React.createElement("p", null, fatalError.error.stack), fatalError.error.cause && React.createElement(ErrorCause, { error: fatalError.error.cause })) : unhandledErrors.length > 0 ? React.createElement("ol", null, unhandledErrors.map((error) => React.createElement("li", { key: error.name + error.message }, React.createElement("p", null, error.name, ": ", error.message), error.VITEST_TEST_PATH && React.createElement("p", null, 'This error originated in "', React.createElement("b", null, error.VITEST_TEST_PATH), `". It doesn't mean the error was thrown inside the file itself, but while it was running.`), error.VITEST_TEST_NAME && React.createElement(React.Fragment, null, React.createElement("p", null, `The latest test that might've caused the error is "`, React.createElement("b", null, error.VITEST_TEST_NAME), '". It might mean one of the following:'), React.createElement("ul", null, React.createElement("li", null, "The error was thrown, while Vitest was running this test."), React.createElement("li", null, "If the error occurred after the test had been completed, this was the last documented test before it was thrown."))), error.stacks && React.createElement(React.Fragment, null, React.createElement("p", null, React.createElement("b", null, "Stacks:")), React.createElement("ul", null, error.stacks.map((stack) => React.createElement("li", { key: stack.file + stack.line + stack.column }, stack.file, ":", stack.line, ":", stack.column, " - ", stack.method || "unknown method")))), error.stack && React.createElement("p", null, error.stack), error.cause ? React.createElement(ErrorCause, { error: error.cause }) : null))) : null;
+  return React.createElement(Modal, { ariaLabel: "Storybook Tests error details", onOpenChange: setModalOpen, open: isModalOpen }, React.createElement(ModalBar, null, React.createElement(ModalTitle, null, "Storybook Tests error details"), React.createElement(ModalActionBar, null, React.createElement(Button, { onClick: onRerun, variant: "ghost", ariaLabel: !1 }, React.createElement(SyncIcon, null), "Rerun"), React.createElement(Button, { variant: "ghost", ariaLabel: !1, asChild: !0 }, React.createElement("a", { target: "_blank", href: troubleshootURL, rel: "noreferrer" }, "Troubleshoot")), React.createElement(Modal.Close, null))), React.createElement(ModalStackTrace, null, content, React.createElement("br", null), React.createElement("br", null), "Troubleshoot:", " ", React.createElement(TroubleshootLink, { target: "_blank", href: troubleshootURL }, troubleshootURL)));
 }
-__name(GlobalErrorModal, "GlobalErrorModal");
 
 // src/components/SidebarContextMenu.tsx
 import React4 from "react";
@@ -108,172 +87,103 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 // ../../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs
 function isPlainObject(value) {
-  if (!value || typeof value !== "object") {
-    return false;
-  }
-  const proto = Object.getPrototypeOf(value);
-  const hasObjectPrototype = proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null;
-  if (!hasObjectPrototype) {
-    return false;
-  }
-  return Object.prototype.toString.call(value) === "[object Object]";
+  if (!value || typeof value != "object")
+    return !1;
+  let proto = Object.getPrototypeOf(value);
+  return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
 }
-__name(isPlainObject, "isPlainObject");
 
 // ../../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
 function getSymbols(object) {
   return Object.getOwnPropertySymbols(object).filter((symbol) => Object.prototype.propertyIsEnumerable.call(object, symbol));
 }
-__name(getSymbols, "getSymbols");
 
 // ../../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
 function getTag(value) {
-  if (value == null) {
-    return value === void 0 ? "[object Undefined]" : "[object Null]";
-  }
-  return Object.prototype.toString.call(value);
+  return value == null ? value === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(value);
 }
-__name(getTag, "getTag");
 
 // ../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
-var regexpTag = "[object RegExp]";
-var stringTag = "[object String]";
-var numberTag = "[object Number]";
-var booleanTag = "[object Boolean]";
-var argumentsTag = "[object Arguments]";
-var symbolTag = "[object Symbol]";
-var dateTag = "[object Date]";
-var mapTag = "[object Map]";
-var setTag = "[object Set]";
-var arrayTag = "[object Array]";
-var functionTag = "[object Function]";
-var arrayBufferTag = "[object ArrayBuffer]";
-var objectTag = "[object Object]";
-var errorTag = "[object Error]";
-var dataViewTag = "[object DataView]";
-var uint8ArrayTag = "[object Uint8Array]";
-var uint8ClampedArrayTag = "[object Uint8ClampedArray]";
-var uint16ArrayTag = "[object Uint16Array]";
-var uint32ArrayTag = "[object Uint32Array]";
-var bigUint64ArrayTag = "[object BigUint64Array]";
-var int8ArrayTag = "[object Int8Array]";
-var int16ArrayTag = "[object Int16Array]";
-var int32ArrayTag = "[object Int32Array]";
-var bigInt64ArrayTag = "[object BigInt64Array]";
-var float32ArrayTag = "[object Float32Array]";
-var float64ArrayTag = "[object Float64Array]";
+var regexpTag = "[object RegExp]", stringTag = "[object String]", numberTag = "[object Number]", booleanTag = "[object Boolean]", argumentsTag = "[object Arguments]", symbolTag = "[object Symbol]", dateTag = "[object Date]", mapTag = "[object Map]", setTag = "[object Set]", arrayTag = "[object Array]", functionTag = "[object Function]", arrayBufferTag = "[object ArrayBuffer]", objectTag = "[object Object]", errorTag = "[object Error]", dataViewTag = "[object DataView]", uint8ArrayTag = "[object Uint8Array]", uint8ClampedArrayTag = "[object Uint8ClampedArray]", uint16ArrayTag = "[object Uint16Array]", uint32ArrayTag = "[object Uint32Array]", bigUint64ArrayTag = "[object BigUint64Array]", int8ArrayTag = "[object Int8Array]", int16ArrayTag = "[object Int16Array]", int32ArrayTag = "[object Int32Array]", bigInt64ArrayTag = "[object BigInt64Array]", float32ArrayTag = "[object Float32Array]", float64ArrayTag = "[object Float64Array]";
 
 // ../../node_modules/es-toolkit/dist/compat/util/eq.mjs
 function eq(value, other) {
   return value === other || Number.isNaN(value) && Number.isNaN(other);
 }
-__name(eq, "eq");
 
 // ../../node_modules/es-toolkit/dist/predicate/isEqualWith.mjs
 function isEqualWith(a, b, areValuesEqual) {
   return isEqualWithImpl(a, b, void 0, void 0, void 0, void 0, areValuesEqual);
 }
-__name(isEqualWith, "isEqualWith");
 function isEqualWithImpl(a, b, property, aParent, bParent, stack, areValuesEqual) {
-  const result = areValuesEqual(a, b, property, aParent, bParent, stack);
-  if (result !== void 0) {
+  let result = areValuesEqual(a, b, property, aParent, bParent, stack);
+  if (result !== void 0)
     return result;
-  }
-  if (typeof a === typeof b) {
+  if (typeof a == typeof b)
     switch (typeof a) {
       case "bigint":
       case "string":
       case "boolean":
       case "symbol":
-      case "undefined": {
+      case "undefined":
         return a === b;
-      }
-      case "number": {
+      case "number":
         return a === b || Object.is(a, b);
-      }
-      case "function": {
+      case "function":
         return a === b;
-      }
-      case "object": {
+      case "object":
         return areObjectsEqual(a, b, stack, areValuesEqual);
-      }
     }
-  }
   return areObjectsEqual(a, b, stack, areValuesEqual);
 }
-__name(isEqualWithImpl, "isEqualWithImpl");
 function areObjectsEqual(a, b, stack, areValuesEqual) {
-  if (Object.is(a, b)) {
-    return true;
-  }
-  let aTag = getTag(a);
-  let bTag = getTag(b);
-  if (aTag === argumentsTag) {
-    aTag = objectTag;
-  }
-  if (bTag === argumentsTag) {
-    bTag = objectTag;
-  }
-  if (aTag !== bTag) {
-    return false;
-  }
+  if (Object.is(a, b))
+    return !0;
+  let aTag = getTag(a), bTag = getTag(b);
+  if (aTag === argumentsTag && (aTag = objectTag), bTag === argumentsTag && (bTag = objectTag), aTag !== bTag)
+    return !1;
   switch (aTag) {
     case stringTag:
       return a.toString() === b.toString();
     case numberTag: {
-      const x = a.valueOf();
-      const y = b.valueOf();
+      let x = a.valueOf(), y = b.valueOf();
       return eq(x, y);
     }
     case booleanTag:
     case dateTag:
     case symbolTag:
       return Object.is(a.valueOf(), b.valueOf());
-    case regexpTag: {
+    case regexpTag:
       return a.source === b.source && a.flags === b.flags;
-    }
-    case functionTag: {
+    case functionTag:
       return a === b;
-    }
   }
   stack = stack ?? /* @__PURE__ */ new Map();
-  const aStack = stack.get(a);
-  const bStack = stack.get(b);
-  if (aStack != null && bStack != null) {
+  let aStack = stack.get(a), bStack = stack.get(b);
+  if (aStack != null && bStack != null)
     return aStack === b;
-  }
-  stack.set(a, b);
-  stack.set(b, a);
+  stack.set(a, b), stack.set(b, a);
   try {
     switch (aTag) {
       case mapTag: {
-        if (a.size !== b.size) {
-          return false;
-        }
-        for (const [key, value] of a.entries()) {
-          if (!b.has(key) || !isEqualWithImpl(value, b.get(key), key, a, b, stack, areValuesEqual)) {
-            return false;
-          }
-        }
-        return true;
+        if (a.size !== b.size)
+          return !1;
+        for (let [key, value] of a.entries())
+          if (!b.has(key) || !isEqualWithImpl(value, b.get(key), key, a, b, stack, areValuesEqual))
+            return !1;
+        return !0;
       }
       case setTag: {
-        if (a.size !== b.size) {
-          return false;
-        }
-        const aValues = Array.from(a.values());
-        const bValues = Array.from(b.values());
+        if (a.size !== b.size)
+          return !1;
+        let aValues = Array.from(a.values()), bValues = Array.from(b.values());
         for (let i = 0; i < aValues.length; i++) {
-          const aValue = aValues[i];
-          const index = bValues.findIndex((bValue) => {
-            return isEqualWithImpl(aValue, bValue, void 0, a, b, stack, areValuesEqual);
-          });
-          if (index === -1) {
-            return false;
-          }
+          let aValue = aValues[i], index = bValues.findIndex((bValue) => isEqualWithImpl(aValue, bValue, void 0, a, b, stack, areValuesEqual));
+          if (index === -1)
+            return !1;
           bValues.splice(index, 1);
         }
-        return true;
+        return !0;
       }
       case arrayTag:
       case uint8ArrayTag:
@@ -287,78 +197,51 @@ function areObjectsEqual(a, b, stack, areValuesEqual) {
       case bigInt64ArrayTag:
       case float32ArrayTag:
       case float64ArrayTag: {
-        if (typeof Buffer !== "undefined" && Buffer.isBuffer(a) !== Buffer.isBuffer(b)) {
-          return false;
-        }
-        if (a.length !== b.length) {
-          return false;
-        }
-        for (let i = 0; i < a.length; i++) {
-          if (!isEqualWithImpl(a[i], b[i], i, a, b, stack, areValuesEqual)) {
-            return false;
-          }
-        }
-        return true;
-      }
-      case arrayBufferTag: {
-        if (a.byteLength !== b.byteLength) {
-          return false;
-        }
-        return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
-      }
-      case dataViewTag: {
-        if (a.byteLength !== b.byteLength || a.byteOffset !== b.byteOffset) {
-          return false;
-        }
-        return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
+        if (typeof Buffer < "u" && Buffer.isBuffer(a) !== Buffer.isBuffer(b) || a.length !== b.length)
+          return !1;
+        for (let i = 0; i < a.length; i++)
+          if (!isEqualWithImpl(a[i], b[i], i, a, b, stack, areValuesEqual))
+            return !1;
+        return !0;
       }
-      case errorTag: {
+      case arrayBufferTag:
+        return a.byteLength !== b.byteLength ? !1 : areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
+      case dataViewTag:
+        return a.byteLength !== b.byteLength || a.byteOffset !== b.byteOffset ? !1 : areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
+      case errorTag:
         return a.name === b.name && a.message === b.message;
-      }
       case objectTag: {
-        const areEqualInstances = areObjectsEqual(a.constructor, b.constructor, stack, areValuesEqual) || isPlainObject(a) && isPlainObject(b);
-        if (!areEqualInstances) {
-          return false;
-        }
-        const aKeys = [...Object.keys(a), ...getSymbols(a)];
-        const bKeys = [...Object.keys(b), ...getSymbols(b)];
-        if (aKeys.length !== bKeys.length) {
-          return false;
-        }
+        if (!(areObjectsEqual(a.constructor, b.constructor, stack, areValuesEqual) || isPlainObject(a) && isPlainObject(b)))
+          return !1;
+        let aKeys = [...Object.keys(a), ...getSymbols(a)], bKeys = [...Object.keys(b), ...getSymbols(b)];
+        if (aKeys.length !== bKeys.length)
+          return !1;
         for (let i = 0; i < aKeys.length; i++) {
-          const propKey = aKeys[i];
-          const aProp = a[propKey];
-          if (!Object.hasOwn(b, propKey)) {
-            return false;
-          }
-          const bProp = b[propKey];
-          if (!isEqualWithImpl(aProp, bProp, propKey, a, b, stack, areValuesEqual)) {
-            return false;
-          }
+          let propKey = aKeys[i], aProp = a[propKey];
+          if (!Object.hasOwn(b, propKey))
+            return !1;
+          let bProp = b[propKey];
+          if (!isEqualWithImpl(aProp, bProp, propKey, a, b, stack, areValuesEqual))
+            return !1;
         }
-        return true;
-      }
-      default: {
-        return false;
+        return !0;
       }
+      default:
+        return !1;
     }
   } finally {
-    stack.delete(a);
-    stack.delete(b);
+    stack.delete(a), stack.delete(b);
   }
 }
-__name(areObjectsEqual, "areObjectsEqual");
 
 // ../../node_modules/es-toolkit/dist/function/noop.mjs
 function noop() {
 }
-__name(noop, "noop");
 
 // ../../node_modules/es-toolkit/dist/predicate/isEqual.mjs
 function isEqual(a, b) {
   return isEqualWith(a, b, noop);
 }
-__name(isEqual, "isEqual");
 
 // src/use-test-provider-state.ts
 import {
@@ -366,61 +249,42 @@ import {
   experimental_useTestProviderStore,
   experimental_useUniversalStore
 } from "storybook/manager-api";
-var statusValueToStoryIds = /* @__PURE__ */ __name((allStatuses, typeId, storyIds) => {
-  const statusValueToStoryIdsMap = {
+var statusValueToStoryIds = (allStatuses, typeId, storyIds) => {
+  let statusValueToStoryIdsMap = {
     "status-value:pending": [],
     "status-value:success": [],
     "status-value:error": [],
     "status-value:warning": [],
     "status-value:unknown": []
   };
-  const stories = storyIds ? storyIds.map((storyId) => allStatuses[storyId]).filter(Boolean) : Object.values(allStatuses);
-  stories.forEach((statusByTypeId) => {
-    const status = statusByTypeId[typeId];
-    if (!status) {
-      return;
-    }
-    statusValueToStoryIdsMap[status.value].push(status.storyId);
-  });
-  return statusValueToStoryIdsMap;
-}, "statusValueToStoryIds");
-var useTestProvider = /* @__PURE__ */ __name((api, entryId) => {
-  const testProviderState = experimental_useTestProviderStore((s) => s[ADDON_ID2]);
-  const [storeState, setStoreState] = experimental_useUniversalStore(store);
-  const [isSettingsUpdated, setIsSettingsUpdated] = useState(false);
-  const settingsUpdatedTimeoutRef = useRef();
+  return (storyIds ? storyIds.map((storyId) => allStatuses[storyId]).filter(Boolean) : Object.values(allStatuses)).forEach((statusByTypeId) => {
+    let status = statusByTypeId[typeId];
+    status && statusValueToStoryIdsMap[status.value].push(status.storyId);
+  }), statusValueToStoryIdsMap;
+}, useTestProvider = (api, entryId) => {
+  let testProviderState = experimental_useTestProviderStore((s) => s[ADDON_ID2]), [storeState, setStoreState] = experimental_useUniversalStore(store), [isSettingsUpdated, setIsSettingsUpdated] = useState(!1), settingsUpdatedTimeoutRef = useRef();
   useEffect(() => {
-    const unsubscribe = store.onStateChange((state, previousState) => {
-      if (!isEqual(state.config, previousState.config)) {
-        testProviderStore.settingsChanged();
-        setIsSettingsUpdated(true);
-        clearTimeout(settingsUpdatedTimeoutRef.current);
-        settingsUpdatedTimeoutRef.current = setTimeout(() => {
-          setIsSettingsUpdated(false);
-        }, 1e3);
-      }
+    let unsubscribe = store.onStateChange((state, previousState) => {
+      isEqual(state.config, previousState.config) || (testProviderStore.settingsChanged(), setIsSettingsUpdated(!0), clearTimeout(settingsUpdatedTimeoutRef.current), settingsUpdatedTimeoutRef.current = setTimeout(() => {
+        setIsSettingsUpdated(!1);
+      }, 1e3));
     });
     return () => {
-      unsubscribe();
-      clearTimeout(settingsUpdatedTimeoutRef.current);
+      unsubscribe(), clearTimeout(settingsUpdatedTimeoutRef.current);
     };
   }, []);
-  const storyIds = useMemo(
+  let storyIds = useMemo(
     () => entryId ? api.findAllLeafStoryIds(entryId) : void 0,
     [entryId, api]
-  );
-  const componentTestStatusSelector = useCallback(
+  ), componentTestStatusSelector = useCallback(
     (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_COMPONENT_TEST, storyIds),
     [storyIds]
-  );
-  const componentTestStatusValueToStoryIds = experimental_useStatusStore(
+  ), componentTestStatusValueToStoryIds = experimental_useStatusStore(
     componentTestStatusSelector
-  );
-  const a11yStatusValueToStoryIdsSelector = useCallback(
+  ), a11yStatusValueToStoryIdsSelector = useCallback(
     (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_A11Y, storyIds),
     [storyIds]
-  );
-  const a11yStatusValueToStoryIds = experimental_useStatusStore(a11yStatusValueToStoryIdsSelector);
+  ), a11yStatusValueToStoryIds = experimental_useStatusStore(a11yStatusValueToStoryIdsSelector);
   return {
     storeState,
     setStoreState,
@@ -429,17 +293,16 @@ var useTestProvider = /* @__PURE__ */ __name((api, entryId) => {
     a11yStatusValueToStoryIds,
     isSettingsUpdated
   };
-}, "useTestProvider");
+};
 
 // src/components/TestProviderRender.tsx
 import React3 from "react";
 import {
+  Button as Button2,
   Form,
-  IconButton as IconButton2,
   ListItem,
   ProgressSpinner,
-  TooltipNote,
-  WithTooltip
+  ToggleButton
 } from "storybook/internal/components";
 import { EyeIcon, InfoIcon, PlayHollowIcon, StopAltIcon } from "@storybook/icons";
 import { addons } from "storybook/manager-api";
@@ -452,33 +315,28 @@ import { styled as styled2 } from "storybook/theming";
 
 // src/components/RelativeTime.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-var RelativeTime = /* @__PURE__ */ __name(({ timestamp }) => {
-  const [timeAgo, setTimeAgo] = useState2(null);
-  useEffect2(() => {
+var RelativeTime = ({ timestamp }) => {
+  let [timeAgo, setTimeAgo] = useState2(null);
+  if (useEffect2(() => {
     if (timestamp) {
       setTimeAgo(Date.now() - timestamp);
-      const interval = setInterval(() => setTimeAgo(Date.now() - timestamp), 1e4);
+      let interval = setInterval(() => setTimeAgo(Date.now() - timestamp), 1e4);
       return () => clearInterval(interval);
     }
-  }, [timestamp]);
-  if (timeAgo === null) {
+  }, [timestamp]), timeAgo === null)
     return null;
-  }
-  const seconds = Math.round(timeAgo / 1e3);
-  if (seconds < 60) {
-    return `just now`;
-  }
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) {
-    return minutes === 1 ? `a minute ago` : `${minutes} minutes ago`;
-  }
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) {
-    return hours === 1 ? `an hour ago` : `${hours} hours ago`;
-  }
-  const days = Math.floor(hours / 24);
-  return days === 1 ? `yesterday` : `${days} days ago`;
-}, "RelativeTime");
+  let seconds = Math.round(timeAgo / 1e3);
+  if (seconds < 60)
+    return "just now";
+  let minutes = Math.floor(seconds / 60);
+  if (minutes < 60)
+    return minutes === 1 ? "a minute ago" : `${minutes} minutes ago`;
+  let hours = Math.floor(minutes / 60);
+  if (hours < 24)
+    return hours === 1 ? "an hour ago" : `${hours} hours ago`;
+  let days = Math.floor(hours / 24);
+  return days === 1 ? "yesterday" : `${days} days ago`;
+};
 
 // src/components/Description.tsx
 var Wrapper = styled2.div(({ theme }) => ({
@@ -487,8 +345,7 @@ var Wrapper = styled2.div(({ theme }) => ({
   textOverflow: "ellipsis",
   fontSize: theme.typography.size.s1,
   color: theme.textMutedColor
-}));
-var PositiveText = styled2.span(({ theme }) => ({
+})), PositiveText = styled2.span(({ theme }) => ({
   color: theme.color.positiveText
 }));
 function Description({
@@ -498,29 +355,19 @@ function Description({
   isSettingsUpdated,
   ...props
 }) {
-  const { setModalOpen } = React2.useContext(GlobalErrorContext);
-  const { componentTestCount, totalTestCount, unhandledErrors, finishedAt } = storeState.currentRun;
-  const finishedTestCount = componentTestCount.success + componentTestCount.error;
-  let description = "Not run";
-  if (!entryId && isSettingsUpdated) {
+  let { setModalOpen } = React2.useContext(GlobalErrorContext), { componentTestCount, totalTestCount, unhandledErrors, finishedAt } = storeState.currentRun, finishedTestCount = componentTestCount.success + componentTestCount.error, description = "Not run";
+  if (!entryId && isSettingsUpdated)
     description = React2.createElement(PositiveText, null, "Settings updated");
-  } else if (testProviderState === "test-provider-state:running") {
+  else if (testProviderState === "test-provider-state:running")
     description = (finishedTestCount ?? 0) === 0 ? "Starting..." : `Testing... ${finishedTestCount}/${totalTestCount}`;
-  } else if (!entryId && testProviderState === "test-provider-state:crashed") {
-    description = setModalOpen ? React2.createElement(LinkComponent, { isButton: true, onClick: () => setModalOpen(true) }, "View full error") : "Crashed";
-  } else if (!entryId && unhandledErrors.length > 0) {
-    const unhandledErrorDescription = `View ${unhandledErrors.length} unhandled error${unhandledErrors?.length > 1 ? "s" : ""}`;
-    description = setModalOpen ? React2.createElement(LinkComponent, { isButton: true, onClick: () => setModalOpen(true) }, unhandledErrorDescription) : unhandledErrorDescription;
-  } else if (entryId && totalTestCount) {
-    description = `Ran ${totalTestCount} ${totalTestCount === 1 ? "test" : "tests"}`;
-  } else if (finishedAt) {
-    description = React2.createElement(React2.Fragment, null, "Ran ", totalTestCount, " ", totalTestCount === 1 ? "test" : "tests", " ", React2.createElement(RelativeTime, { timestamp: finishedAt }));
-  } else if (storeState.watching) {
-    description = "Watching for file changes";
-  }
+  else if (!entryId && testProviderState === "test-provider-state:crashed")
+    description = setModalOpen ? React2.createElement(LinkComponent, { isButton: !0, onClick: () => setModalOpen(!0) }, "View full error") : "Crashed";
+  else if (!entryId && unhandledErrors.length > 0) {
+    let unhandledErrorDescription = `View ${unhandledErrors.length} unhandled error${unhandledErrors?.length > 1 ? "s" : ""}`;
+    description = setModalOpen ? React2.createElement(LinkComponent, { isButton: !0, onClick: () => setModalOpen(!0) }, unhandledErrorDescription) : unhandledErrorDescription;
+  } else entryId && totalTestCount ? description = `Ran ${totalTestCount} ${totalTestCount === 1 ? "test" : "tests"}` : finishedAt ? description = React2.createElement(React2.Fragment, null, "Ran ", totalTestCount, " ", totalTestCount === 1 ? "test" : "tests", " ", React2.createElement(RelativeTime, { timestamp: finishedAt })) : storeState.watching && (description = "Watching for file changes");
   return React2.createElement(Wrapper, { ...props }, description);
 }
-__name(Description, "Description");
 
 // src/components/TestStatusIcon.tsx
 import { styled as styled3 } from "storybook/theming";
@@ -552,8 +399,8 @@ var TestStatusIcon = styled3.div(
     "--status-background": `${theme.color.defaultText}66`
   },
   ({ status, theme }) => status === "unknown" && {
-    "--status-color": theme.color.mediumdark,
-    "--status-background": `${theme.color.mediumdark}66`
+    "--status-color": theme.textMutedColor,
+    "--status-background": `${theme.textMutedColor}66`
   }
 );
 
@@ -561,53 +408,38 @@ var TestStatusIcon = styled3.div(
 var Container = styled4.div({
   display: "flex",
   flexDirection: "column"
-});
-var Heading = styled4.div({
+}), Heading = styled4.div({
   display: "flex",
   justifyContent: "space-between",
   padding: "8px 0",
   gap: 12
-});
-var Info = styled4.div({
+}), Info = styled4.div({
   display: "flex",
   flexDirection: "column",
   marginLeft: 8,
   minWidth: 0
-});
-var Title = styled4.div(({ crashed, theme }) => ({
+}), Title = styled4.div(({ crashed, theme }) => ({
   fontSize: theme.typography.size.s1,
   fontWeight: crashed ? "bold" : "normal",
   color: crashed ? theme.color.negativeText : theme.color.defaultText
-}));
-var Actions = styled4.div({
+})), Actions = styled4.div({
   display: "flex",
   gap: 4
-});
-var Extras = styled4.div({
+}), Extras = styled4.div({
   marginBottom: 2
-});
-var Muted = styled4.span(({ theme }) => ({
+}), Muted = styled4.span(({ theme }) => ({
   color: theme.textMutedColor
-}));
-var Progress = styled4(ProgressSpinner)({
+})), Progress = styled4(ProgressSpinner)({
   margin: 4
-});
-var Row = styled4.div({
+}), Row = styled4.div({
   display: "flex",
   gap: 4
-});
-var StopIcon = styled4(StopAltIcon)({
+}), StopIcon = styled4(StopAltIcon)({
   width: 10
-});
-var openPanel = /* @__PURE__ */ __name(({ api, panelId, entryId }) => {
-  const story = entryId ? api.findAllLeafStoryIds(entryId)[0] : void 0;
-  if (story) {
-    api.selectStory(story);
-  }
-  api.setSelectedPanel(panelId);
-  api.togglePanel(true);
-}, "openPanel");
-var TestProviderRender = /* @__PURE__ */ __name(({
+}), openPanel = ({ api, panelId, entryId }) => {
+  let story = entryId ? api.findAllLeafStoryIds(entryId)[0] : void 0;
+  story && api.selectStory(story), api.setSelectedPanel(panelId), api.togglePanel(!0);
+}, TestProviderRender = ({
   api,
   entry,
   testProviderState,
@@ -618,13 +450,7 @@ var TestProviderRender = /* @__PURE__ */ __name(({
   isSettingsUpdated,
   ...props
 }) => {
-  const { config, watching, cancelling, currentRun, fatalError } = storeState;
-  const finishedTestCount = currentRun.componentTestCount.success + currentRun.componentTestCount.error;
-  const hasA11yAddon = addons.experimental_getRegisteredAddons().includes(ADDON_ID);
-  const isRunning = testProviderState === "test-provider-state:running";
-  const isStarting = isRunning && finishedTestCount === 0;
-  const [componentTestStatusIcon, componentTestStatusLabel] = fatalError ? ["critical", "Component tests crashed"] : componentTestStatusValueToStoryIds["status-value:error"].length > 0 ? ["negative", "Component tests failed"] : isRunning ? ["unknown", "Testing in progress"] : componentTestStatusValueToStoryIds["status-value:success"].length > 0 ? ["positive", "Component tests passed"] : ["unknown", "Run tests to see results"];
-  const [a11yStatusIcon, a11yStatusLabel] = fatalError ? ["critical", "Component tests crashed"] : a11yStatusValueToStoryIds["status-value:error"].length > 0 ? ["negative", "Accessibility tests failed"] : a11yStatusValueToStoryIds["status-value:warning"].length > 0 ? ["warning", "Accessibility tests failed"] : isRunning ? ["unknown", "Testing in progress"] : a11yStatusValueToStoryIds["status-value:success"].length > 0 ? ["positive", "Accessibility tests passed"] : ["unknown", "Run tests to see accessibility results"];
+  let { config, watching, cancelling, currentRun, fatalError } = storeState, finishedTestCount = currentRun.componentTestCount.success + currentRun.componentTestCount.error, hasA11yAddon = addons.experimental_getRegisteredAddons().includes(ADDON_ID), isRunning = testProviderState === "test-provider-state:running", isStarting = isRunning && finishedTestCount === 0, [componentTestStatusIcon, componentTestStatusLabel] = fatalError ? ["critical", "Component tests crashed"] : componentTestStatusValueToStoryIds["status-value:error"].length > 0 ? ["negative", "Component tests failed"] : isRunning ? ["unknown", "Testing in progress"] : componentTestStatusValueToStoryIds["status-value:success"].length > 0 ? ["positive", "Component tests passed"] : ["unknown", "Run tests to see results"], [a11yStatusIcon, a11yStatusLabel] = fatalError ? ["critical", "Component tests crashed"] : a11yStatusValueToStoryIds["status-value:error"].length > 0 ? ["negative", "Accessibility tests failed"] : a11yStatusValueToStoryIds["status-value:warning"].length > 0 ? ["warning", "Accessibility tests failed"] : isRunning ? ["unknown", "Testing in progress"] : a11yStatusValueToStoryIds["status-value:success"].length > 0 ? ["positive", "Accessibility tests passed"] : ["unknown", "Run tests to see accessibility results"];
   return React3.createElement(Container, { ...props }, React3.createElement(Heading, null, React3.createElement(Info, null, entry ? React3.createElement(Title, { id: "testing-module-title" }, "Run component tests") : React3.createElement(
     Title,
     {
@@ -642,116 +468,84 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       isSettingsUpdated
     }
   )), React3.createElement(Actions, null, !entry && React3.createElement(
-    WithTooltip,
+    ToggleButton,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: `${watching ? "Disable" : "Enable"} watch mode` })
+      ariaLabel: isRunning ? "Watch mode (cannot toggle while running)" : "Watch mode",
+      tooltip: isRunning ? "Watch mode unavailable while running" : `Watch mode is ${watching ? "enabled" : "disabled"}`,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      pressed: watching,
+      onClick: () => store.send({
+        type: "TOGGLE_WATCHING",
+        payload: {
+          to: !watching
+        }
+      }),
+      disabled: isRunning
     },
-    React3.createElement(
-      IconButton2,
-      {
-        "aria-label": `${watching ? "Disable" : "Enable"} watch mode`,
-        size: "medium",
-        active: watching,
-        onClick: () => store.send({
-          type: "TOGGLE_WATCHING",
-          payload: {
-            to: !watching
-          }
-        }),
-        disabled: isRunning
-      },
-      React3.createElement(EyeIcon, null)
-    )
+    React3.createElement(EyeIcon, null)
   ), isRunning ? React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: cancelling ? "Stopping..." : "Stop test run" })
+      ariaLabel: cancelling ? "Stop test run (already stopping...)" : "Stop test run",
+      padding: "none",
+      size: "medium",
+      variant: "ghost",
+      onClick: () => store.send({
+        type: "CANCEL_RUN"
+      }),
+      disabled: cancelling || isStarting
     },
     React3.createElement(
-      IconButton2,
+      Progress,
       {
-        "aria-label": cancelling ? "Stopping..." : "Stop test run",
-        padding: "none",
-        size: "medium",
-        onClick: () => store.send({
-          type: "CANCEL_RUN"
-        }),
-        disabled: cancelling || isStarting
+        percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
       },
-      React3.createElement(
-        Progress,
-        {
-          percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
-        },
-        React3.createElement(StopIcon, null)
-      )
+      React3.createElement(StopIcon, null)
     )
   ) : React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: "Start test run" })
+      ariaLabel: "Start test run",
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      onClick: () => {
+        let storyIds;
+        entry && (storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id)), store.send({
+          type: "TRIGGER_RUN",
+          payload: { storyIds, triggeredBy: entry?.type ?? "global" }
+        });
+      }
     },
-    React3.createElement(
-      IconButton2,
-      {
-        "aria-label": "Start test run",
-        size: "medium",
-        onClick: () => {
-          let storyIds;
-          if (entry) {
-            storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id);
-          }
-          store.send({
-            type: "TRIGGER_RUN",
-            payload: { storyIds, triggeredBy: entry?.type ?? "global" }
-          });
-        }
-      },
-      React3.createElement(PlayHollowIcon, null)
-    )
+    React3.createElement(PlayHollowIcon, null)
   ))), React3.createElement(Extras, null, React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
       as: "label",
       title: "Interactions",
-      icon: entry ? null : React3.createElement(Form.Checkbox, { checked: true, disabled: true })
+      icon: entry ? null : React3.createElement(Form.Checkbox, { checked: !0, disabled: !0 })
     }
   ), React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: componentTestStatusLabel })
+      ariaLabel: `${componentTestStatusLabel}${componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length > 0 ? ` (${componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length} errors or warnings so far)` : ""}`,
+      tooltip: componentTestStatusLabel,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: componentTestStatusValueToStoryIds["status-value:error"].length === 0 && componentTestStatusValueToStoryIds["status-value:warning"].length === 0 && componentTestStatusValueToStoryIds["status-value:success"].length === 0,
+      onClick: () => {
+        openPanel({
+          api,
+          panelId: PANEL_ID,
+          entryId: componentTestStatusValueToStoryIds["status-value:error"][0] ?? componentTestStatusValueToStoryIds["status-value:warning"][0] ?? componentTestStatusValueToStoryIds["status-value:success"][0] ?? entry?.id
+        });
+      }
     },
-    React3.createElement(
-      IconButton2,
-      {
-        size: "medium",
-        disabled: componentTestStatusValueToStoryIds["status-value:error"].length === 0 && componentTestStatusValueToStoryIds["status-value:warning"].length === 0 && componentTestStatusValueToStoryIds["status-value:success"].length === 0,
-        onClick: () => {
-          openPanel({
-            api,
-            panelId: PANEL_ID,
-            entryId: componentTestStatusValueToStoryIds["status-value:error"][0] ?? componentTestStatusValueToStoryIds["status-value:warning"][0] ?? componentTestStatusValueToStoryIds["status-value:success"][0] ?? entry?.id
-          });
-        }
-      },
-      React3.createElement(
-        TestStatusIcon,
-        {
-          status: componentTestStatusIcon,
-          "aria-label": componentTestStatusLabel,
-          isRunning
-        }
-      ),
-      componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null
-    )
+    React3.createElement(TestStatusIcon, { status: componentTestStatusIcon, isRunning }),
+    componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null
   )), !entry && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -769,39 +563,53 @@ var TestProviderRender = /* @__PURE__ */ __name(({
         }
       )
     }
-  ), React3.createElement(
-    WithTooltip,
+  ), watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? React3.createElement(
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(
-        TooltipNote,
-        {
-          note: watching ? "Unavailable in watch mode" : currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? "Unavailable when running focused tests" : isRunning ? "Testing in progress" : currentRun.coverageSummary ? "View coverage report" : fatalError ? "Component tests crashed" : "Run tests to calculate coverage"
-        }
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: !0,
+      ariaLabel: watching ? "Coverage unavailable in watch mode" : "Coverage unavailable when running focused tests"
+    },
+    React3.createElement(InfoIcon, null)
+  ) : currentRun.coverageSummary ? React3.createElement(
+    Button2,
+    {
+      asChild: !0,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      ariaLabel: (
+        // FIXME: I can't deduce from the original tooltip logic whether this use case
+        // is logically possible or not. It is a reachable conditional branch in the original code.
+        isRunning ? "Open coverage report (testing still in progress)" : `Open coverage report (${currentRun.coverageSummary.percentage}% coverage)`
       )
     },
-    watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? React3.createElement(IconButton2, { size: "medium", disabled: true }, React3.createElement(
-      InfoIcon,
-      {
-        "aria-label": watching ? `Coverage is unavailable in watch mode` : `Coverage is unavailable when running focused tests`
-      }
-    )) : currentRun.coverageSummary ? React3.createElement(IconButton2, { asChild: true, size: "medium" }, React3.createElement("a", { href: "/coverage/index.html", target: "_blank", "aria-label": "Open coverage report" }, React3.createElement(
+    React3.createElement("a", { href: "/coverage/index.html", target: "_blank" }, React3.createElement(
       TestStatusIcon,
       {
         isRunning,
         percentage: currentRun.coverageSummary.percentage,
-        status: currentRun.coverageSummary.status,
-        "aria-label": `Coverage status: ${currentRun.coverageSummary.status}`
+        status: currentRun.coverageSummary.status
       }
-    ), React3.createElement("span", { "aria-label": `${currentRun.coverageSummary.percentage} percent coverage` }, currentRun.coverageSummary.percentage, "%"))) : React3.createElement(IconButton2, { size: "medium", disabled: true }, React3.createElement(
+    ), currentRun.coverageSummary.percentage, "%")
+  ) : React3.createElement(
+    Button2,
+    {
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: !0,
+      ariaLabel: isRunning ? "Coverage unavailable, testing still in progress" : fatalError ? "Coverage unavailable, component tests crashed" : "Coverage unavailable, run tests first"
+    },
+    React3.createElement(
       TestStatusIcon,
       {
         isRunning,
-        status: fatalError ? "critical" : "unknown",
-        "aria-label": "Coverage status: unknown"
+        status: fatalError ? "critical" : "unknown"
       }
-    ))
+    )
   )), hasA11yAddon && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -820,41 +628,29 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       )
     }
   ), React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: a11yStatusLabel })
+      ariaLabel: a11yStatusLabel,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: a11yStatusValueToStoryIds["status-value:error"].length === 0 && a11yStatusValueToStoryIds["status-value:warning"].length === 0 && a11yStatusValueToStoryIds["status-value:success"].length === 0,
+      onClick: () => {
+        openPanel({
+          api,
+          entryId: a11yStatusValueToStoryIds["status-value:error"][0] ?? a11yStatusValueToStoryIds["status-value:warning"][0] ?? a11yStatusValueToStoryIds["status-value:success"][0] ?? entry?.id,
+          panelId: PANEL_ID2
+        });
+      }
     },
-    React3.createElement(
-      IconButton2,
-      {
-        size: "medium",
-        disabled: a11yStatusValueToStoryIds["status-value:error"].length === 0 && a11yStatusValueToStoryIds["status-value:warning"].length === 0 && a11yStatusValueToStoryIds["status-value:success"].length === 0,
-        onClick: () => {
-          openPanel({
-            api,
-            entryId: a11yStatusValueToStoryIds["status-value:error"][0] ?? a11yStatusValueToStoryIds["status-value:warning"][0] ?? a11yStatusValueToStoryIds["status-value:success"][0] ?? entry?.id,
-            panelId: PANEL_ID2
-          });
-        }
-      },
-      React3.createElement(
-        TestStatusIcon,
-        {
-          status: a11yStatusIcon,
-          "aria-label": a11yStatusLabel,
-          isRunning
-        }
-      ),
-      a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
-    )
+    React3.createElement(TestStatusIcon, { status: a11yStatusIcon, isRunning }),
+    a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
   ))));
-}, "TestProviderRender");
+};
 
 // src/components/SidebarContextMenu.tsx
-var SidebarContextMenu = /* @__PURE__ */ __name(({ context, api }) => {
-  const {
+var SidebarContextMenu = ({ context, api }) => {
+  let {
     testProviderState,
     componentTestStatusValueToStoryIds,
     a11yStatusValueToStoryIds,
@@ -872,44 +668,37 @@ var SidebarContextMenu = /* @__PURE__ */ __name(({ context, api }) => {
       a11yStatusValueToStoryIds,
       storeState,
       setStoreState,
-      isSettingsUpdated: false
+      isSettingsUpdated: !1
     }
   );
-}, "SidebarContextMenu");
+};
 
 // src/manager.tsx
 addons2.register(ADDON_ID2, (api) => {
-  const storybookBuilder = globalThis.STORYBOOK_BUILDER || "";
-  if (storybookBuilder.includes("vite")) {
-    const openPanel2 = /* @__PURE__ */ __name((panelId) => {
-      api.setSelectedPanel(panelId);
-      api.togglePanel(true);
-    }, "openPanel");
+  if ((globalThis.STORYBOOK_BUILDER || "").includes("vite")) {
+    let openPanel2 = (panelId) => {
+      api.setSelectedPanel(panelId), api.togglePanel(!0);
+    };
     componentTestStatusStore.onSelect(() => {
       openPanel2(PANEL_ID);
-    });
-    a11yStatusStore.onSelect(() => {
+    }), a11yStatusStore.onSelect(() => {
       openPanel2(PANEL_ID2);
-    });
-    testProviderStore.onRunAll(() => {
+    }), testProviderStore.onRunAll(() => {
       store.send({
         type: "TRIGGER_RUN",
         payload: {
           triggeredBy: "run-all"
         }
       });
-    });
-    store.untilReady().then(() => {
+    }), store.untilReady().then(() => {
       store.setState((state) => ({
         ...state,
         indexUrl: new URL("index.json", window.location.href).toString()
       }));
-    });
-    addons2.add(TEST_PROVIDER_ID, {
+    }), addons2.add(TEST_PROVIDER_ID, {
       type: Addon_TypesEnum.experimental_TEST_PROVIDER,
-      render: /* @__PURE__ */ __name(() => {
-        const [isModalOpen, setModalOpen] = useState3(false);
-        const {
+      render: () => {
+        let [isModalOpen, setModalOpen] = useState3(!1), {
           storeState,
           setStoreState,
           testProviderState,
@@ -933,8 +722,7 @@ addons2.register(ADDON_ID2, (api) => {
           {
             storeState,
             onRerun: () => {
-              setModalOpen(false);
-              store.send({
+              setModalOpen(!1), store.send({
                 type: "TRIGGER_RUN",
                 payload: {
                   triggeredBy: "global"
@@ -943,16 +731,8 @@ addons2.register(ADDON_ID2, (api) => {
             }
           }
         ));
-      }, "render"),
-      sidebarContextMenu: /* @__PURE__ */ __name(({ context }) => {
-        if (context.type === "docs") {
-          return null;
-        }
-        if (context.type === "story" && !context.tags.includes("test")) {
-          return null;
-        }
-        return React5.createElement(SidebarContextMenu, { context, api });
-      }, "sidebarContextMenu")
+      },
+      sidebarContextMenu: ({ context }) => context.type === "docs" || context.type === "story" && !context.tags.includes("test") ? null : React5.createElement(SidebarContextMenu, { context, api })
     });
   }
 });