@aussieljk/forkbook 0.0.0-stage → 0.0.1-2

package/dist/addon-vitest/manager.js

@@ -0,0 +1,665 @@
+import {
+  ADDON_ID2,
+  DOCUMENTATION_FATAL_ERROR_LINK,
+  FORKBOOK_ADDON_TEST_CHANNEL,
+  FULL_RUN_TRIGGERS,
+  PANEL_ID,
+  STATUS_TYPE_ID_A11Y,
+  STATUS_TYPE_ID_COMPONENT_TEST,
+  TEST_PROVIDER_ID,
+  storeOptions
+} from "../_browser-chunks/chunk-MLBOOZL4.js";
+import {
+  ADDON_ID,
+  PANEL_ID as PANEL_ID2
+} from "../_browser-chunks/chunk-OZZPSYQR.js";
+import {
+  clsx
+} from "../_browser-chunks/chunk-CNED6RYH.js";
+import {
+  isEqual
+} from "../_browser-chunks/chunk-B4AUNNU4.js";
+import "../_browser-chunks/chunk-NZMVUW5T.js";
+import "../_browser-chunks/chunk-JWSKPMPC.js";
+import "../_browser-chunks/chunk-JPUOQJUI.js";
+import "../_browser-chunks/chunk-IMSF75WX.js";
+
+// src/addon-vitest/manager.tsx
+import { useState as useState3 } from "react";
+import { Addon_TypesEnum, SupportedBuilder } from "@aussieljk/forkbook/internal/types";
+
+// src/addon-vitest/manager-store.ts
+import {
+  internal_UniversalStore,
+  experimental_getStatusStore,
+  experimental_getTestProviderStore
+} from "@aussieljk/forkbook/manager-api";
+var store = internal_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);
+
+// src/addon-vitest/manager.tsx
+import { Tag, addons as addons2 } from "@aussieljk/forkbook/manager-api";
+
+// src/addon-vitest/components/GlobalErrorModal.tsx
+import React, { useContext } from "react";
+import { Button, Modal } from "@aussieljk/forkbook/internal/components";
+import { SyncIcon } from "@storybook/icons";
+import { useStorybookApi } from "@aussieljk/forkbook/manager-api";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-vitest/components/GlobalErrorModal.module.css
+var id = "core/src/addon-vitest/components/GlobalErrorModal.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id), style.textContent = ".sb-NOTFvq-bar{justify-content:space-between;align-items:center;padding:6px 6px 6px 20px;display:flex}.sb-NOTFvq-actionBar{justify-content:space-between;align-items:center;display:flex}.sb-NOTFvq-title{font-size:var(--sb-size-s2);font-weight:var(--sb-weight-bold)}.sb-NOTFvq-stackTrace{white-space:pre-wrap;word-wrap:break-word;user-select:text;max-height:60vh;font-family:var(--sb-font-mono);border-top:1px solid var(--sb-app-border-color);border-radius:0;margin:0;padding:20px;font-size:12px;overflow:auto}.sb-NOTFvq-troubleshootLink{color:var(--sb-color-default-text)}", document.head.appendChild(style);
+}
+var GlobalErrorModal_default = { stackTrace: "sb-NOTFvq-stackTrace", title: "sb-NOTFvq-title", bar: "sb-NOTFvq-bar", actionBar: "sb-NOTFvq-actionBar", troubleshootLink: "sb-NOTFvq-troubleshootLink" };
+
+// src/addon-vitest/components/GlobalErrorModal.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GlobalErrorContext = React.createContext({
+  isModalOpen: !1,
+  setModalOpen: void 0
+});
+function ErrorCause({ error }) {
+  return error ? jsxs("div", { children: [
+    jsxs("h4", { children: [
+      "Caused by: ",
+      error.name || "Error",
+      ": ",
+      error.message
+    ] }),
+    error.stack && jsx("pre", { children: error.stack }),
+    error.cause && jsx(ErrorCause, { error: error.cause })
+  ] }) : null;
+}
+function GlobalErrorModal({ onRerun, storeState }) {
+  let api = useStorybookApi(), { isModalOpen, setModalOpen } = useContext(GlobalErrorContext), troubleshootURL = api.getDocsUrl({
+    subpath: DOCUMENTATION_FATAL_ERROR_LINK,
+    versioned: !0,
+    renderer: !0
+  }), {
+    fatalError,
+    currentRun: { unhandledErrors }
+  } = storeState, content = fatalError ? jsxs(Fragment, { children: [
+    jsx("p", { children: fatalError.error.name || "Error" }),
+    fatalError.message && jsx("p", { children: fatalError.message }),
+    fatalError.error.message && jsx("p", { children: fatalError.error.message }),
+    fatalError.error.stack && jsx("p", { children: fatalError.error.stack }),
+    fatalError.error.cause && jsx(ErrorCause, { error: fatalError.error.cause })
+  ] }) : unhandledErrors.length > 0 ? jsx("ol", { children: unhandledErrors.map((error) => jsxs("li", { children: [
+    jsxs("p", { children: [
+      error.name,
+      ": ",
+      error.message
+    ] }),
+    error.VITEST_TEST_PATH && jsxs("p", { children: [
+      'This error originated in "',
+      jsx("b", { children: 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 && jsxs(Fragment, { children: [
+      jsxs("p", { children: [
+        `The latest test that might've caused the error is "`,
+        jsx("b", { children: error.VITEST_TEST_NAME }),
+        '". It might mean one of the following:'
+      ] }),
+      jsxs("ul", { children: [
+        jsx("li", { children: "The error was thrown, while Vitest was running this test." }),
+        jsx("li", { children: "If the error occurred after the test had been completed, this was the last documented test before it was thrown." })
+      ] })
+    ] }),
+    error.stacks && jsxs(Fragment, { children: [
+      jsx("p", { children: jsx("b", { children: "Stacks:" }) }),
+      jsx("ul", { children: error.stacks.map((stack) => jsxs("li", { children: [
+        stack.file,
+        ":",
+        stack.line,
+        ":",
+        stack.column,
+        " - ",
+        stack.method || "unknown method"
+      ] }, stack.file + stack.line + stack.column)) })
+    ] }),
+    error.stack && jsx("p", { children: error.stack }),
+    error.cause ? jsx(ErrorCause, { error: error.cause }) : null
+  ] }, error.name + error.message)) }) : null;
+  return jsxs(Modal, { ariaLabel: "Forkbook Test Error Details", onOpenChange: setModalOpen, open: isModalOpen, children: [
+    jsxs("div", { className: GlobalErrorModal_default.bar, children: [
+      jsx(Modal.Title, { className: GlobalErrorModal_default.title, children: "Forkbook Test Error Details" }),
+      jsxs("div", { className: GlobalErrorModal_default.actionBar, children: [
+        jsxs(Button, { onClick: onRerun, variant: "ghost", ariaLabel: !1, children: [
+          jsx(SyncIcon, {}),
+          "Rerun"
+        ] }),
+        jsx(Button, { variant: "ghost", ariaLabel: !1, asChild: !0, children: jsx("a", { target: "_blank", href: troubleshootURL, rel: "noreferrer", children: "Troubleshoot" }) }),
+        jsx(Modal.Close, {})
+      ] })
+    ] }),
+    jsxs("pre", { className: GlobalErrorModal_default.stackTrace, children: [
+      content,
+      jsx("br", {}),
+      jsx("br", {}),
+      "Troubleshoot:",
+      " ",
+      jsx("a", { className: GlobalErrorModal_default.troubleshootLink, target: "_blank", href: troubleshootURL, children: troubleshootURL })
+    ] })
+  ] });
+}
+
+// src/addon-vitest/use-test-provider-state.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  experimental_useStatusStore,
+  experimental_useTestProviderStore,
+  internal_useUniversalStore
+} from "@aussieljk/forkbook/manager-api";
+var statusValueToStoryIds = (allStatuses, typeId, storyIds) => {
+  let 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] = internal_useUniversalStore(store), [isSettingsUpdated, setIsSettingsUpdated] = useState(!1), 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));
+    });
+    return () => {
+      unsubscribe(), clearTimeout(settingsUpdatedTimeoutRef.current);
+    };
+  }, []);
+  let storyIds = useMemo(
+    () => entryId ? api.findAllLeafStoryIds(entryId) : void 0,
+    [entryId, api]
+  ), componentTestStatusSelector = useCallback(
+    (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_COMPONENT_TEST, storyIds),
+    [storyIds]
+  ), componentTestStatusValueToStoryIds = experimental_useStatusStore(
+    componentTestStatusSelector
+  ), a11yStatusValueToStoryIdsSelector = useCallback(
+    (allStatuses) => statusValueToStoryIds(allStatuses, STATUS_TYPE_ID_A11Y, storyIds),
+    [storyIds]
+  ), a11yStatusValueToStoryIds = experimental_useStatusStore(a11yStatusValueToStoryIdsSelector);
+  return {
+    storeState,
+    setStoreState,
+    testProviderState,
+    componentTestStatusValueToStoryIds,
+    a11yStatusValueToStoryIds,
+    isSettingsUpdated
+  };
+};
+
+// src/addon-vitest/components/TestProviderRender.tsx
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+import {
+  ActionList,
+  Button as Button2,
+  Form,
+  ProgressSpinner,
+  ToggleButton,
+  announce
+} from "@aussieljk/forkbook/internal/components";
+import { EyeIcon, InfoIcon, PlayHollowIcon, StopAltIcon } from "@storybook/icons";
+import { addons } from "@aussieljk/forkbook/manager-api";
+
+// src/addon-vitest/components/Description.tsx
+import React2 from "react";
+import { Link as LinkComponent } from "@aussieljk/forkbook/internal/components";
+
+// src/addon-vitest/components/RelativeTime.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var RelativeTime = ({ timestamp }) => {
+  let [timeAgo, setTimeAgo] = useState2(null);
+  if (useEffect2(() => {
+    if (timestamp) {
+      setTimeAgo(Date.now() - timestamp);
+      let interval = setInterval(() => setTimeAgo(Date.now() - timestamp), 1e4);
+      return () => clearInterval(interval);
+    }
+  }, [timestamp]), 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`;
+};
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-vitest/components/Description.module.css
+var id2 = "core/src/addon-vitest/components/Description.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id2}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id2), style.textContent = ".sb-eMLqba-wrapper{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sb-size-s1);color:var(--sb-text-muted-color);overflow:hidden}.sb-eMLqba-positiveText{color:var(--sb-color-positive-text)}", document.head.appendChild(style);
+}
+var Description_default = { positiveText: "sb-eMLqba-positiveText", wrapper: "sb-eMLqba-wrapper" };
+
+// src/addon-vitest/components/Description.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Description({
+  entryId,
+  storeState,
+  testProviderState,
+  isSettingsUpdated,
+  className,
+  ...props
+}) {
+  let { setModalOpen } = React2.useContext(GlobalErrorContext), { componentTestCount, totalTestCount, unhandledErrors, finishedAt } = storeState.currentRun, finishedTestCount = componentTestCount.success + componentTestCount.error, description = "Not run";
+  if (!entryId && isSettingsUpdated)
+    description = jsx2("span", { className: Description_default.positiveText, children: "Settings updated" });
+  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 ? jsx2(LinkComponent, { onClick: () => setModalOpen(!0), children: "View full error" }) : "Crashed";
+  else if (!entryId && unhandledErrors.length > 0) {
+    let unhandledErrorDescription = `View ${unhandledErrors.length} unhandled error${unhandledErrors?.length > 1 ? "s" : ""}`;
+    description = setModalOpen ? jsx2(LinkComponent, { onClick: () => setModalOpen(!0), children: unhandledErrorDescription }) : unhandledErrorDescription;
+  } else entryId && totalTestCount ? description = `Ran ${totalTestCount} ${totalTestCount === 1 ? "test" : "tests"}` : finishedAt ? description = jsxs2(Fragment2, { children: [
+    "Ran ",
+    totalTestCount,
+    " ",
+    totalTestCount === 1 ? "test" : "tests",
+    " ",
+    jsx2(RelativeTime, { timestamp: finishedAt })
+  ] }) : storeState.watching && (description = "Watching for file changes");
+  return jsx2("div", { className: clsx(Description_default.wrapper, className), ...props, children: description });
+}
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-vitest/components/TestStatusIcon.module.css
+var id3 = "core/src/addon-vitest/components/TestStatusIcon.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id3}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id3), style.textContent = ".sb-Aohifa-icon{--status-color:var(--sb-text-muted-color);--status-background:rgb(from var(--status-color) r g b / .4);background:var(--status-color);border-radius:50%;width:6px;height:6px;margin:4px;&[data-percentage]{background:conic-gradient(var(--status-color) var(--percentage), var(--status-background) calc(var(--percentage) + 1%));width:12px;height:12px;margin:1px}&[data-running]{animation:1.5s ease-in-out infinite sb-Aohifa-glow}&[data-status=positive]{--status-color:var(--sb-color-positive)}&[data-status=warning]{--status-color:var(--sb-color-gold)}&[data-status=negative]{--status-color:var(--sb-color-negative)}&[data-status=critical]{--status-color:var(--sb-color-default-text)}}@keyframes sb-Aohifa-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
+}
+var TestStatusIcon_default = { icon: "sb-Aohifa-icon", glow: "sb-Aohifa-glow" };
+
+// src/addon-vitest/components/TestStatusIcon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TestStatusIcon = ({
+  isRunning,
+  status,
+  percentage,
+  className,
+  style,
+  ...props
+}) => jsx3(
+  "div",
+  {
+    className: clsx(TestStatusIcon_default.icon, className),
+    "data-status": status,
+    "data-running": isRunning || void 0,
+    "data-percentage": percentage || void 0,
+    style: percentage ? { "--percentage": `${percentage}%`, ...style } : style,
+    ...props
+  }
+);
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-vitest/components/TestProviderRender.module.css
+var id4 = "core/src/addon-vitest/components/TestProviderRender.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id4}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id4), style.textContent = ".sb-wwCQYa-container{flex-direction:column;padding-bottom:1px;display:flex;&[data-in-context-menu]{padding-bottom:0}}.sb-wwCQYa-heading{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.sb-wwCQYa-info{flex-direction:column;min-width:0;margin-left:8px;display:flex}.sb-wwCQYa-title{font-size:var(--sb-size-s1);color:var(--sb-color-default-text);font-weight:400;&[data-crashed]{color:var(--sb-color-negative-text);font-weight:700}}.sb-wwCQYa-actions{gap:4px;display:flex}.sb-wwCQYa-actionList{padding:0}.sb-wwCQYa-muted{color:var(--sb-text-muted-color)}.sb-wwCQYa-progress{margin:4px}.sb-wwCQYa-stopIcon{width:10px}", document.head.appendChild(style);
+}
+var TestProviderRender_default = { info: "sb-wwCQYa-info", actions: "sb-wwCQYa-actions", actionList: "sb-wwCQYa-actionList", muted: "sb-wwCQYa-muted", container: "sb-wwCQYa-container", progress: "sb-wwCQYa-progress", heading: "sb-wwCQYa-heading", stopIcon: "sb-wwCQYa-stopIcon", title: "sb-wwCQYa-title" };
+
+// src/addon-vitest/components/TestProviderRender.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var 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,
+  storeState,
+  setStoreState,
+  componentTestStatusValueToStoryIds,
+  a11yStatusValueToStoryIds,
+  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"], prevTestProviderStateRef = useRef2(testProviderState);
+  return useEffect3(() => {
+    let prevState = prevTestProviderStateRef.current;
+    if (prevTestProviderStateRef.current = testProviderState, prevState !== testProviderState) {
+      if (testProviderState === "test-provider-state:running")
+        announce("Test run started.", "polite");
+      else if (testProviderState === "test-provider-state:crashed")
+        announce("Test run crashed.", "assertive");
+      else if (testProviderState === "test-provider-state:succeeded" && prevState === "test-provider-state:running") {
+        let parts = [], errorCount = componentTestStatusValueToStoryIds["status-value:error"].length, warningCount = componentTestStatusValueToStoryIds["status-value:warning"].length, passedCount = componentTestStatusValueToStoryIds["status-value:success"].length;
+        errorCount > 0 && parts.push(`${errorCount} ${errorCount === 1 ? "component" : "components"} errored`), warningCount > 0 && parts.push(
+          `${warningCount} ${warningCount === 1 ? "component" : "components"} with warnings`
+        ), passedCount > 0 && parts.push(`${passedCount} ${passedCount === 1 ? "component" : "components"} passed`);
+        let a11yErrorCount = 0;
+        if (hasA11yAddon) {
+          a11yErrorCount = a11yStatusValueToStoryIds["status-value:error"].length;
+          let a11yWarningCount = a11yStatusValueToStoryIds["status-value:warning"].length;
+          a11yErrorCount > 0 && parts.push(
+            `${a11yErrorCount} accessibility ${a11yErrorCount === 1 ? "error" : "errors"}`
+          ), a11yWarningCount > 0 && parts.push(
+            `${a11yWarningCount} accessibility ${a11yWarningCount === 1 ? "warning" : "warnings"}`
+          );
+        }
+        let message = parts.length > 0 ? `Test run finished. ${parts.join(", ")}.` : "Test run finished. No results.", hasErrors = errorCount > 0 || hasA11yAddon && a11yErrorCount > 0;
+        announce(message, hasErrors ? "assertive" : "polite");
+      }
+    }
+  }, [
+    testProviderState,
+    componentTestStatusValueToStoryIds,
+    a11yStatusValueToStoryIds,
+    hasA11yAddon
+  ]), jsxs3("div", { className: TestProviderRender_default.container, "data-in-context-menu": !!entry || void 0, ...props, children: [
+    jsxs3("div", { className: TestProviderRender_default.heading, children: [
+      jsxs3("div", { className: TestProviderRender_default.info, children: [
+        entry ? jsx4("div", { className: TestProviderRender_default.title, id: "testing-module-title", children: "Run component tests" }) : jsx4(
+          "div",
+          {
+            className: TestProviderRender_default.title,
+            id: "testing-module-title",
+            "data-crashed": testProviderState === "test-provider-state:crashed" || fatalError !== void 0 || currentRun.unhandledErrors.length > 0 || void 0,
+            children: currentRun.unhandledErrors.length === 1 ? "Component tests completed with an error" : currentRun.unhandledErrors.length > 1 ? "Component tests completed with errors" : fatalError ? "Component tests didn\u2019t complete" : "Run component tests"
+          }
+        ),
+        jsx4(
+          Description,
+          {
+            id: "testing-module-description",
+            storeState,
+            testProviderState,
+            entryId: entry?.id,
+            isSettingsUpdated
+          }
+        )
+      ] }),
+      jsxs3("div", { className: TestProviderRender_default.actions, children: [
+        !entry && jsx4(
+          ToggleButton,
+          {
+            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,
+            children: jsx4(EyeIcon, {})
+          }
+        ),
+        isRunning ? jsx4(
+          Button2,
+          {
+            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,
+            children: jsx4(
+              ProgressSpinner,
+              {
+                className: TestProviderRender_default.progress,
+                percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0,
+                children: jsx4(StopAltIcon, { className: TestProviderRender_default.stopIcon })
+              }
+            )
+          }
+        ) : jsx4(
+          Button2,
+          {
+            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" }
+              });
+            },
+            children: jsx4(PlayHollowIcon, {})
+          }
+        )
+      ] })
+    ] }),
+    jsxs3(ActionList, { className: TestProviderRender_default.actionList, children: [
+      jsxs3(ActionList.Item, { children: [
+        entry ? jsx4(ActionList.Text, { children: "Interactions" }) : jsxs3(ActionList.Action, { as: "label", readOnly: !0, children: [
+          jsx4(ActionList.Icon, { children: jsx4(Form.Checkbox, { name: "Interactions", checked: !0, disabled: !0 }) }),
+          jsx4(ActionList.Text, { children: "Interactions" })
+        ] }),
+        jsxs3(
+          ActionList.Button,
+          {
+            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,
+            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
+              });
+            },
+            children: [
+              componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null,
+              jsx4(TestStatusIcon, { status: componentTestStatusIcon, isRunning })
+            ]
+          }
+        )
+      ] }),
+      !entry && jsxs3(ActionList.Item, { children: [
+        jsxs3(ActionList.Action, { as: "label", readOnly: isRunning, ariaLabel: !1, children: [
+          jsx4(ActionList.Icon, { children: jsx4(
+            Form.Checkbox,
+            {
+              name: "Coverage",
+              checked: config.coverage,
+              disabled: isRunning,
+              onChange: () => setStoreState((s) => ({
+                ...s,
+                config: { ...s.config, coverage: !config.coverage }
+              }))
+            }
+          ) }),
+          jsx4(ActionList.Text, { children: watching ? jsx4("span", { className: TestProviderRender_default.muted, children: "Coverage (unavailable)" }) : "Coverage" })
+        ] }),
+        watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? jsx4(
+          ActionList.Button,
+          {
+            disabled: !0,
+            ariaLabel: watching ? "Coverage unavailable in watch mode" : "Coverage only available after running all tests",
+            children: jsx4(InfoIcon, {})
+          }
+        ) : currentRun.coverageSummary ? jsx4(
+          ActionList.Button,
+          {
+            asChild: !0,
+            ariaLabel: isRunning ? "Open coverage report (testing still in progress)" : `Open coverage report (${currentRun.coverageSummary.percentage}% coverage)`,
+            children: jsxs3("a", { href: "/coverage/index.html", target: "_blank", children: [
+              currentRun.coverageSummary.percentage,
+              "%",
+              jsx4(
+                TestStatusIcon,
+                {
+                  isRunning,
+                  percentage: currentRun.coverageSummary.percentage,
+                  status: currentRun.coverageSummary.status
+                }
+              )
+            ] })
+          }
+        ) : jsx4(
+          ActionList.Button,
+          {
+            disabled: !0,
+            ariaLabel: isRunning ? "Coverage unavailable, testing still in progress" : fatalError ? "Coverage unavailable, component tests crashed" : "Coverage unavailable, run tests first",
+            children: jsx4(
+              TestStatusIcon,
+              {
+                isRunning,
+                status: fatalError ? "critical" : "unknown"
+              }
+            )
+          }
+        )
+      ] }),
+      hasA11yAddon && jsxs3(ActionList.Item, { children: [
+        entry ? jsx4(ActionList.Text, { children: "Accessibility" }) : jsxs3(ActionList.Action, { as: "label", readOnly: isRunning, ariaLabel: !1, children: [
+          jsx4(ActionList.Icon, { children: jsx4(
+            Form.Checkbox,
+            {
+              name: "Accessibility",
+              checked: config.a11y,
+              disabled: isRunning,
+              onChange: () => setStoreState((s) => ({
+                ...s,
+                config: { ...s.config, a11y: !config.a11y }
+              }))
+            }
+          ) }),
+          jsx4(ActionList.Text, { children: "Accessibility" })
+        ] }),
+        jsxs3(
+          ActionList.Button,
+          {
+            ariaLabel: a11yStatusLabel,
+            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
+              });
+            },
+            children: [
+              a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null,
+              jsx4(TestStatusIcon, { status: a11yStatusIcon, isRunning })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+// src/addon-vitest/components/SidebarContextMenu.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SidebarContextMenu = ({ context, api }) => {
+  let {
+    testProviderState,
+    componentTestStatusValueToStoryIds,
+    a11yStatusValueToStoryIds,
+    storeState,
+    setStoreState
+  } = useTestProvider(api, context.id);
+  return jsx5(
+    TestProviderRender,
+    {
+      api,
+      entry: context,
+      style: { minWidth: 240 },
+      testProviderState,
+      componentTestStatusValueToStoryIds,
+      a11yStatusValueToStoryIds,
+      storeState,
+      setStoreState,
+      isSettingsUpdated: !1
+    }
+  );
+};
+
+// src/addon-vitest/manager.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+addons2.register(ADDON_ID2, (api) => {
+  if (globalThis.FORKBOOK_BUILDER === SupportedBuilder.VITE) {
+    let openPanel2 = (panelId) => {
+      api.setSelectedPanel(panelId), api.togglePanel(!0);
+    };
+    componentTestStatusStore.onSelect(() => {
+      openPanel2(PANEL_ID);
+    }), a11yStatusStore.onSelect(() => {
+      openPanel2(PANEL_ID2);
+    }), testProviderStore.onRunAll(() => {
+      store.send({
+        type: "TRIGGER_RUN",
+        payload: {
+          triggeredBy: "run-all"
+        }
+      });
+    }), store.subscribe("TEST_RUN_COMPLETED", ({ payload }) => {
+      api.emit(FORKBOOK_ADDON_TEST_CHANNEL, { type: "test-run-completed", payload });
+    }), addons2.add(TEST_PROVIDER_ID, {
+      type: Addon_TypesEnum.experimental_TEST_PROVIDER,
+      clear: () => {
+        componentTestStatusStore.unset(), a11yStatusStore.unset();
+      },
+      render: () => {
+        let [isModalOpen, setModalOpen] = useState3(!1), {
+          storeState,
+          setStoreState,
+          testProviderState,
+          componentTestStatusValueToStoryIds,
+          a11yStatusValueToStoryIds,
+          isSettingsUpdated
+        } = useTestProvider(api);
+        return jsxs4(GlobalErrorContext.Provider, { value: { isModalOpen, setModalOpen }, children: [
+          jsx6(
+            TestProviderRender,
+            {
+              api,
+              storeState,
+              setStoreState,
+              isSettingsUpdated,
+              testProviderState,
+              componentTestStatusValueToStoryIds,
+              a11yStatusValueToStoryIds
+            }
+          ),
+          jsx6(
+            GlobalErrorModal,
+            {
+              storeState,
+              onRerun: () => {
+                setModalOpen(!1), store.send({
+                  type: "TRIGGER_RUN",
+                  payload: {
+                    triggeredBy: "global"
+                  }
+                });
+              }
+            }
+          )
+        ] });
+      },
+      sidebarContextMenu: ({ context }) => context.type === "docs" || context.type === "story" && !context.tags.includes(Tag.TEST) ? null : jsx6(SidebarContextMenu, { context, api })
+    });
+  }
+});