@storybook/addon-vitest 0.0.0-pr-32795-sha-f0ac445c → 0.0.0-pr-32717-sha-b8c5e103

package/dist/manager.js

@@ -9,7 +9,10 @@ import {
   STATUS_TYPE_ID_COMPONENT_TEST,
   TEST_PROVIDER_ID,
   storeOptions
-} from "./_browser-chunks/chunk-ULSHVN74.js";
+} from "./_browser-chunks/chunk-RPDOPHZX.js";
+import {
+  __name
+} from "./_browser-chunks/chunk-JK72E6FR.js";
 
 // src/manager.tsx
 import React5, { useState as useState3 } from "react";
@@ -24,7 +27,10 @@ import {
 var store = experimental_UniversalStore.create({
   ...storeOptions,
   leader: globalThis.CONFIG_TYPE === "PRODUCTION"
-}), componentTestStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_COMPONENT_TEST), a11yStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_A11Y), testProviderStore = experimental_getTestProviderStore(ADDON_ID2);
+});
+var componentTestStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_COMPONENT_TEST);
+var a11yStatusStore = experimental_getStatusStore(STATUS_TYPE_ID_A11Y);
+var testProviderStore = experimental_getTestProviderStore(ADDON_ID2);
 
 // src/manager.tsx
 import { addons as addons2 } from "storybook/manager-api";
@@ -40,44 +46,58 @@ var ModalBar = styled.div({
   justifyContent: "space-between",
   alignItems: "center",
   padding: "6px 6px 6px 20px"
-}), ModalActionBar = styled.div({
+});
+var ModalActionBar = styled.div({
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center"
-}), ModalTitle = styled(Modal.Title)(({ theme: { typography } }) => ({
+});
+var ModalTitle = styled(Modal.Title)(({ theme: { typography } }) => ({
   fontSize: typography.size.s2,
   fontWeight: typography.weight.bold
-})), ModalStackTrace = styled.pre(({ theme }) => ({
+}));
+var 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
-})), TroubleshootLink = styled.a(({ theme }) => ({
+}));
+var TroubleshootLink = styled.a(({ theme }) => ({
   color: theme.color.defaultText
-})), GlobalErrorContext = React.createContext({
-  isModalOpen: !1,
+}));
+var GlobalErrorContext = React.createContext({
+  isModalOpen: false,
   setModalOpen: void 0
 });
 function ErrorCause({ error }) {
-  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;
+  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 }));
 }
+__name(ErrorCause, "ErrorCause");
 function GlobalErrorModal({ onRerun, storeState }) {
-  let api = useStorybookApi(), { isModalOpen, setModalOpen } = useContext(GlobalErrorContext), troubleshootURL = api.getDocsUrl({
+  const api = useStorybookApi();
+  const { isModalOpen, setModalOpen } = useContext(GlobalErrorContext);
+  const troubleshootURL = api.getDocsUrl({
     subpath: DOCUMENTATION_FATAL_ERROR_LINK,
-    versioned: !0,
-    renderer: !0
-  }), {
+    versioned: true,
+    renderer: true
+  });
+  const {
     fatalError,
     currentRun: { unhandledErrors }
-  } = 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)));
+  } = 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, { 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: false }, React.createElement(SyncIcon, null), "Rerun"), React.createElement(Button, { variant: "ghost", ariaLabel: false, asChild: true }, 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";
@@ -87,103 +107,172 @@ 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 !1;
-  let proto = Object.getPrototypeOf(value);
-  return proto === null || proto === Object.prototype || Object.getPrototypeOf(proto) === null ? Object.prototype.toString.call(value) === "[object Object]" : !1;
+  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]";
 }
+__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) {
-  return value == null ? value === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(value);
+  if (value == null) {
+    return value === void 0 ? "[object Undefined]" : "[object Null]";
+  }
+  return Object.prototype.toString.call(value);
 }
+__name(getTag, "getTag");
 
 // ../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs
-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]";
+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]";
 
 // ../../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) {
-  let result = areValuesEqual(a, b, property, aParent, bParent, stack);
-  if (result !== void 0)
+  const 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 !0;
-  let aTag = getTag(a), bTag = getTag(b);
-  if (aTag === argumentsTag && (aTag = objectTag), bTag === argumentsTag && (bTag = objectTag), aTag !== bTag)
-    return !1;
+  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;
+  }
   switch (aTag) {
     case stringTag:
       return a.toString() === b.toString();
     case numberTag: {
-      let x = a.valueOf(), y = b.valueOf();
+      const x = a.valueOf();
+      const 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();
-  let aStack = stack.get(a), bStack = stack.get(b);
-  if (aStack != null && bStack != null)
+  const aStack = stack.get(a);
+  const 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 !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;
+        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;
       }
       case setTag: {
-        if (a.size !== b.size)
-          return !1;
-        let aValues = Array.from(a.values()), bValues = Array.from(b.values());
+        if (a.size !== b.size) {
+          return false;
+        }
+        const aValues = Array.from(a.values());
+        const bValues = Array.from(b.values());
         for (let i = 0; i < aValues.length; i++) {
-          let aValue = aValues[i], index = bValues.findIndex((bValue) => isEqualWithImpl(aValue, bValue, void 0, a, b, stack, areValuesEqual));
-          if (index === -1)
-            return !1;
+          const aValue = aValues[i];
+          const index = bValues.findIndex((bValue) => {
+            return isEqualWithImpl(aValue, bValue, void 0, a, b, stack, areValuesEqual);
+          });
+          if (index === -1) {
+            return false;
+          }
           bValues.splice(index, 1);
         }
-        return !0;
+        return true;
       }
       case arrayTag:
       case uint8ArrayTag:
@@ -197,51 +286,78 @@ function areObjectsEqual(a, b, stack, areValuesEqual) {
       case bigInt64ArrayTag:
       case float32ArrayTag:
       case float64ArrayTag: {
-        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;
+        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);
       }
-      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:
+      case errorTag: {
         return a.name === b.name && a.message === b.message;
+      }
       case objectTag: {
-        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;
+        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;
+        }
         for (let i = 0; i < aKeys.length; i++) {
-          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;
+          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;
+          }
         }
-        return !0;
+        return true;
+      }
+      default: {
+        return false;
       }
-      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 {
@@ -249,42 +365,61 @@ import {
   experimental_useTestProviderStore,
   experimental_useUniversalStore
 } from "storybook/manager-api";
-var statusValueToStoryIds = (allStatuses, typeId, storyIds) => {
-  let statusValueToStoryIdsMap = {
+var statusValueToStoryIds = /* @__PURE__ */ __name((allStatuses, typeId, storyIds) => {
+  const statusValueToStoryIdsMap = {
     "status-value:pending": [],
     "status-value:success": [],
     "status-value:error": [],
     "status-value:warning": [],
     "status-value:unknown": []
   };
-  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();
+  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();
   useEffect(() => {
-    let unsubscribe = store.onStateChange((state, previousState) => {
-      isEqual(state.config, previousState.config) || (testProviderStore.settingsChanged(), setIsSettingsUpdated(!0), clearTimeout(settingsUpdatedTimeoutRef.current), settingsUpdatedTimeoutRef.current = setTimeout(() => {
-        setIsSettingsUpdated(!1);
-      }, 1e3));
+    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);
+      }
     });
     return () => {
-      unsubscribe(), clearTimeout(settingsUpdatedTimeoutRef.current);
+      unsubscribe();
+      clearTimeout(settingsUpdatedTimeoutRef.current);
     };
   }, []);
-  let storyIds = useMemo(
+  const storyIds = useMemo(
     () => entryId ? api.findAllLeafStoryIds(entryId) : void 0,
     [entryId, api]
-  ), componentTestStatusSelector = useCallback(
+  );
+  const componentTestStatusSelector = useCallback(
     (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_COMPONENT_TEST, storyIds),
     [storyIds]
-  ), componentTestStatusValueToStoryIds = experimental_useStatusStore(
+  );
+  const componentTestStatusValueToStoryIds = experimental_useStatusStore(
     componentTestStatusSelector
-  ), a11yStatusValueToStoryIdsSelector = useCallback(
+  );
+  const a11yStatusValueToStoryIdsSelector = useCallback(
     (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_A11Y, storyIds),
     [storyIds]
-  ), a11yStatusValueToStoryIds = experimental_useStatusStore(a11yStatusValueToStoryIdsSelector);
+  );
+  const a11yStatusValueToStoryIds = experimental_useStatusStore(a11yStatusValueToStoryIdsSelector);
   return {
     storeState,
     setStoreState,
@@ -293,7 +428,7 @@ var statusValueToStoryIds = (allStatuses, typeId, storyIds) => {
     a11yStatusValueToStoryIds,
     isSettingsUpdated
   };
-};
+}, "useTestProvider");
 
 // src/components/TestProviderRender.tsx
 import React3 from "react";
@@ -315,28 +450,33 @@ import { styled as styled2 } from "storybook/theming";
 
 // src/components/RelativeTime.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-var RelativeTime = ({ timestamp }) => {
-  let [timeAgo, setTimeAgo] = useState2(null);
-  if (useEffect2(() => {
+var RelativeTime = /* @__PURE__ */ __name(({ timestamp }) => {
+  const [timeAgo, setTimeAgo] = useState2(null);
+  useEffect2(() => {
     if (timestamp) {
       setTimeAgo(Date.now() - timestamp);
-      let interval = setInterval(() => setTimeAgo(Date.now() - timestamp), 1e4);
+      const interval = setInterval(() => setTimeAgo(Date.now() - timestamp), 1e4);
       return () => clearInterval(interval);
     }
-  }, [timestamp]), timeAgo === null)
+  }, [timestamp]);
+  if (timeAgo === null) {
     return null;
-  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`;
-};
+  }
+  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");
 
 // src/components/Description.tsx
 var Wrapper = styled2.div(({ theme }) => ({
@@ -345,7 +485,8 @@ var Wrapper = styled2.div(({ theme }) => ({
   textOverflow: "ellipsis",
   fontSize: theme.typography.size.s1,
   color: theme.textMutedColor
-})), PositiveText = styled2.span(({ theme }) => ({
+}));
+var PositiveText = styled2.span(({ theme }) => ({
   color: theme.color.positiveText
 }));
 function Description({
@@ -355,19 +496,29 @@ function Description({
   isSettingsUpdated,
   ...props
 }) {
-  let { setModalOpen } = React2.useContext(GlobalErrorContext), { componentTestCount, totalTestCount, unhandledErrors, finishedAt } = storeState.currentRun, finishedTestCount = componentTestCount.success + componentTestCount.error, description = "Not run";
-  if (!entryId && isSettingsUpdated)
+  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) {
     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: !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");
+  } 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";
+  }
   return React2.createElement(Wrapper, { ...props }, description);
 }
+__name(Description, "Description");
 
 // src/components/TestStatusIcon.tsx
 import { styled as styled3 } from "storybook/theming";
@@ -408,38 +559,53 @@ var TestStatusIcon = styled3.div(
 var Container = styled4.div({
   display: "flex",
   flexDirection: "column"
-}), Heading = styled4.div({
+});
+var Heading = styled4.div({
   display: "flex",
   justifyContent: "space-between",
   padding: "8px 0",
   gap: 12
-}), Info = styled4.div({
+});
+var Info = styled4.div({
   display: "flex",
   flexDirection: "column",
   marginLeft: 8,
   minWidth: 0
-}), Title = styled4.div(({ crashed, theme }) => ({
+});
+var Title = styled4.div(({ crashed, theme }) => ({
   fontSize: theme.typography.size.s1,
   fontWeight: crashed ? "bold" : "normal",
   color: crashed ? theme.color.negativeText : theme.color.defaultText
-})), Actions = styled4.div({
+}));
+var Actions = styled4.div({
   display: "flex",
   gap: 4
-}), Extras = styled4.div({
+});
+var Extras = styled4.div({
   marginBottom: 2
-}), Muted = styled4.span(({ theme }) => ({
+});
+var Muted = styled4.span(({ theme }) => ({
   color: theme.textMutedColor
-})), Progress = styled4(ProgressSpinner)({
+}));
+var Progress = styled4(ProgressSpinner)({
   margin: 4
-}), Row = styled4.div({
+});
+var Row = styled4.div({
   display: "flex",
   gap: 4
-}), StopIcon = styled4(StopAltIcon)({
+});
+var StopIcon = styled4(StopAltIcon)({
   width: 10
-}), openPanel = ({ api, panelId, entryId }) => {
-  let story = entryId ? api.findAllLeafStoryIds(entryId)[0] : void 0;
-  story && api.selectStory(story), api.setSelectedPanel(panelId), api.togglePanel(!0);
-}, TestProviderRender = ({
+});
+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(({
   api,
   entry,
   testProviderState,
@@ -450,7 +616,13 @@ var Container = styled4.div({
   isSettingsUpdated,
   ...props
 }) => {
-  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"];
+  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"];
   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,
     {
@@ -513,7 +685,10 @@ var Container = styled4.div({
       variant: "ghost",
       onClick: () => {
         let storyIds;
-        entry && (storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id)), store.send({
+        if (entry) {
+          storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id);
+        }
+        store.send({
           type: "TRIGGER_RUN",
           payload: { storyIds, triggeredBy: entry?.type ?? "global" }
         });
@@ -525,7 +700,7 @@ var Container = styled4.div({
     {
       as: "label",
       title: "Interactions",
-      icon: entry ? null : React3.createElement(Form.Checkbox, { checked: !0, disabled: !0 })
+      icon: entry ? null : React3.createElement(Form.Checkbox, { checked: true, disabled: true })
     }
   ), React3.createElement(
     Button2,
@@ -569,14 +744,14 @@ var Container = styled4.div({
       padding: "small",
       size: "medium",
       variant: "ghost",
-      disabled: !0,
-      ariaLabel: watching ? "Coverage unavailable in watch mode" : "Coverage unavailable when running focused tests"
+      disabled: true,
+      ariaLabel: watching ? `Coverage unavailable in watch mode` : `Coverage unavailable when running focused tests`
     },
     React3.createElement(InfoIcon, null)
   ) : currentRun.coverageSummary ? React3.createElement(
     Button2,
     {
-      asChild: !0,
+      asChild: true,
       padding: "small",
       size: "medium",
       variant: "ghost",
@@ -600,7 +775,7 @@ var Container = styled4.div({
       padding: "small",
       size: "medium",
       variant: "ghost",
-      disabled: !0,
+      disabled: true,
       ariaLabel: isRunning ? "Coverage unavailable, testing still in progress" : fatalError ? "Coverage unavailable, component tests crashed" : "Coverage unavailable, run tests first"
     },
     React3.createElement(
@@ -646,11 +821,11 @@ var Container = styled4.div({
     React3.createElement(TestStatusIcon, { status: a11yStatusIcon, isRunning }),
     a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
   ))));
-};
+}, "TestProviderRender");
 
 // src/components/SidebarContextMenu.tsx
-var SidebarContextMenu = ({ context, api }) => {
-  let {
+var SidebarContextMenu = /* @__PURE__ */ __name(({ context, api }) => {
+  const {
     testProviderState,
     componentTestStatusValueToStoryIds,
     a11yStatusValueToStoryIds,
@@ -668,37 +843,44 @@ var SidebarContextMenu = ({ context, api }) => {
       a11yStatusValueToStoryIds,
       storeState,
       setStoreState,
-      isSettingsUpdated: !1
+      isSettingsUpdated: false
     }
   );
-};
+}, "SidebarContextMenu");
 
 // src/manager.tsx
 addons2.register(ADDON_ID2, (api) => {
-  if ((globalThis.STORYBOOK_BUILDER || "").includes("vite")) {
-    let openPanel2 = (panelId) => {
-      api.setSelectedPanel(panelId), api.togglePanel(!0);
-    };
+  const storybookBuilder = globalThis.STORYBOOK_BUILDER || "";
+  if (storybookBuilder.includes("vite")) {
+    const openPanel2 = /* @__PURE__ */ __name((panelId) => {
+      api.setSelectedPanel(panelId);
+      api.togglePanel(true);
+    }, "openPanel");
     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: () => {
-        let [isModalOpen, setModalOpen] = useState3(!1), {
+      render: /* @__PURE__ */ __name(() => {
+        const [isModalOpen, setModalOpen] = useState3(false);
+        const {
           storeState,
           setStoreState,
           testProviderState,
@@ -722,7 +904,8 @@ addons2.register(ADDON_ID2, (api) => {
           {
             storeState,
             onRerun: () => {
-              setModalOpen(!1), store.send({
+              setModalOpen(false);
+              store.send({
                 type: "TRIGGER_RUN",
                 payload: {
                   triggeredBy: "global"
@@ -731,8 +914,16 @@ addons2.register(ADDON_ID2, (api) => {
             }
           }
         ));
-      },
-      sidebarContextMenu: ({ context }) => context.type === "docs" || context.type === "story" && !context.tags.includes("test") ? null : React5.createElement(SidebarContextMenu, { context, 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")
     });
   }
 });