storybook 10.2.0-alpha.1 → 10.2.0-alpha.10

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

@@ -1,4 +1,4 @@
-/* ../node_modules/@devtools-ds/tree/dist/main.css */
+/* ../../node_modules/@devtools-ds/tree/dist/main.css */
 .Tree-tree-fbbbe38 {
   width: 100%;
   font-family: Menlo, monospace;
@@ -69,7 +69,7 @@
   --arrowColor:#B7B7B7;
 }
 
-/* ../node_modules/@devtools-ds/object-inspector/dist/main.css */
+/* ../../node_modules/@devtools-ds/object-inspector/dist/main.css */
 .ObjectInspector-object-inspector-0c33e82 {
   width: 100%;
   font-family: Menlo, monospace;

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

@@ -5,12 +5,12 @@ import {
 import {
   _defineProperty,
   _objectWithoutProperties
-} from "../../_browser-chunks/chunk-H6XK3RSC.js";
-import "../../_browser-chunks/chunk-45UGUKRX.js";
+} from "../../_browser-chunks/chunk-UAYGIC3L.js";
+import "../../_browser-chunks/chunk-242VQQM5.js";
 import {
   dequal,
   uniq
-} from "../../_browser-chunks/chunk-XJNX76GA.js";
+} from "../../_browser-chunks/chunk-NQJGOFZV.js";
 import {
   ADDON_ID as ADDON_ID3,
   ADDON_ID2 as ADDON_ID4,
@@ -26,24 +26,21 @@ import {
   curriedOpacify$1,
   curriedTransparentize$1,
   rgba
-} from "../../_browser-chunks/chunk-AXG2BOBL.js";
+} from "../../_browser-chunks/chunk-S6TK43XQ.js";
 import {
   _extends
-} from "../../_browser-chunks/chunk-CHUV5WSW.js";
+} from "../../_browser-chunks/chunk-LE2LTDW3.js";
 import {
   EVENTS
 } from "../../_browser-chunks/chunk-ZUWEVLDX.js";
 import {
   require_ansi_to_html
-} from "../../_browser-chunks/chunk-YKE5S47A.js";
+} from "../../_browser-chunks/chunk-V2VKKSMQ.js";
 import {
   cloneDeep,
   pickBy
-} from "../../_browser-chunks/chunk-AIOS4NGK.js";
-import "../../_browser-chunks/chunk-GFLS4VP3.js";
-import {
-  require_memoizerific
-} from "../../_browser-chunks/chunk-WJYERY3R.js";
+} from "../../_browser-chunks/chunk-SWJP5COI.js";
+import "../../_browser-chunks/chunk-LCHBOIHN.js";
 import {
   ADDON_ID,
   CLEAR_ID,
@@ -119,7 +116,7 @@ var Wrapper = styled.div(withReset, ({ theme: theme3 }) => ({
 import React20, { useState as useState8 } from "react";
 import { codeCommon as codeCommon3 } from "storybook/internal/components";
 
-// ../node_modules/markdown-to-jsx/dist/index.modern.js
+// ../../node_modules/markdown-to-jsx/dist/index.modern.js
 import * as e from "react";
 function n() {
   return n = Object.assign ? Object.assign.bind() : function(e2) {
@@ -1018,7 +1015,7 @@ var styleResets = {
   let handleChange = (e2) => {
     onChange(options[e2.currentTarget.value]);
   }, selection = selectedKey(value2, options) || NO_SELECTION, controlId = getControlId(name), readonly = !!argType?.table?.readonly;
-  return React7.createElement(SelectWrapper, null, React7.createElement(ChevronSmallDownIcon, null), React7.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React7.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React7.createElement("option", { key: "no-selection", disabled: !0 }, NO_SELECTION), Object.keys(options).map((key) => React7.createElement("option", { key, value: key }, key))));
+  return React7.createElement(SelectWrapper, null, React7.createElement(ChevronSmallDownIcon, null), React7.createElement("label", { htmlFor: controlId, className: "sb-sr-only" }, name), React7.createElement(OptionsSelect, { disabled: readonly, id: controlId, value: selection, onChange: handleChange }, React7.createElement("option", { disabled: selection === NO_SELECTION, key: "no-selection" }, NO_SELECTION), Object.keys(options).map((key) => React7.createElement("option", { key, value: key }, key))));
 }, MultiSelect = ({ name, value: value2, options, onChange, argType }) => {
   let handleChange = (e2) => {
     let selection2 = Array.from(e2.currentTarget.options).filter((option) => option.selected).map((option) => option.value);
@@ -2452,9 +2449,11 @@ var { window: globalWindow } = globalThis, Wrapper5 = styled9.div(({ theme: them
   ), [forceVisible, setForceVisible] = useState4(!1), onForceVisible = useCallback3(() => {
     onChange({}), setForceVisible(!0);
   }, [setForceVisible]), htmlElRef = useRef3(null);
-  if (useEffect4(() => {
+  useEffect4(() => {
     forceVisible && htmlElRef.current && htmlElRef.current.select();
-  }, [forceVisible]), !hasData)
+  }, [forceVisible]);
+  let jsonString = useMemo(() => JSON.stringify(data ?? "", null, 2), [data]);
+  if (!hasData)
     return React12.createElement(
       Button3,
       {
@@ -2472,7 +2471,8 @@ var { window: globalWindow } = globalThis, Wrapper5 = styled9.div(({ theme: them
       id: getControlId(name),
       minRows: 3,
       name,
-      defaultValue: value2 === null ? "" : JSON.stringify(value2, null, 2),
+      key: jsonString,
+      defaultValue: jsonString,
       onBlur: (event) => updateRaw(event.target.value),
       placeholder: "Edit JSON string...",
       autoFocus: forceVisible,
@@ -2766,7 +2766,7 @@ var FilesControl = ({
 };
 
 // ../addons/docs/src/blocks/controls/index.tsx
-var LazyColorControl = lazy(() => import("../../_browser-chunks/Color-TNPFN3FC.js")), ColorControl = (props) => React16.createElement(Suspense, { fallback: React16.createElement("div", null) }, React16.createElement(LazyColorControl, { ...props }));
+var LazyColorControl = lazy(() => import("../../_browser-chunks/Color-XESOIGZP.js")), ColorControl = (props) => React16.createElement(Suspense, { fallback: React16.createElement("div", null) }, React16.createElement(LazyColorControl, { ...props }));
 
 // ../addons/docs/src/blocks/components/ArgsTable/ArgControl.tsx
 var Controls2 = {
@@ -2869,9 +2869,8 @@ var Table = styled13.table(({ theme: theme3 }) => ({
 
 // ../addons/docs/src/blocks/components/ArgsTable/ArgValue.tsx
 import React19, { useState as useState7 } from "react";
-import { SyntaxHighlighter, TooltipProvider, codeCommon as codeCommon2 } from "storybook/internal/components";
+import { PopoverProvider, SyntaxHighlighter, codeCommon as codeCommon2 } from "storybook/internal/components";
 import { ChevronSmallDownIcon as ChevronSmallDownIcon2, ChevronSmallUpIcon } from "@storybook/icons";
-var import_memoizerific = __toESM(require_memoizerific(), 1);
 import { styled as styled14 } from "storybook/theming";
 var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   display: "flex",
@@ -2880,7 +2879,24 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   alignItems: "flex-start",
   marginBottom: "-4px",
   minWidth: 100
-})), Text3 = styled14.span(codeCommon2, ({ theme: theme3, simple = !1 }) => ({
+})), DetailsContainer = styled14.details({
+  display: "flex",
+  flexDirection: "column",
+  summary: {
+    order: 2
+  },
+  "summary::-webkit-details-marker": {
+    display: "none"
+  },
+  "summary::marker": {
+    content: "none"
+  }
+}), AlignedDetails = styled14.div({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap",
+  alignItems: "flex-start"
+}), Text3 = styled14.span(codeCommon2, ({ theme: theme3, simple = !1 }) => ({
   flex: "0 0 auto",
   fontFamily: theme3.typography.fonts.mono,
   fontSize: theme3.typography.size.s1,
@@ -2898,13 +2914,16 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
     border: "0 none",
     paddingLeft: 0
   }
-})), ExpandButton = styled14.button(({ theme: theme3 }) => ({
+})), ExpandButton = styled14.summary(({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.mono,
   color: theme3.color.secondary,
-  marginBottom: "4px",
+  cursor: "pointer",
+  lineHeight: "normal",
+  margin: "0 0 4px",
+  padding: "1px 6px",
   background: "none",
   border: "none"
-})), Expandable = styled14.div(codeCommon2, ({ theme: theme3 }) => ({
+})), Expandable = styled14.button(codeCommon2, ({ theme: theme3 }) => ({
   fontFamily: theme3.typography.fonts.mono,
   color: theme3.color.secondary,
   fontSize: theme3.typography.size.s1,
@@ -2912,12 +2931,19 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   margin: 0,
   whiteSpace: "nowrap",
   display: "flex",
-  alignItems: "center"
-})), Detail = styled14.div(({ theme: theme3, width }) => ({
-  width,
+  alignItems: "center",
+  cursor: "pointer",
+  "&:hover": {
+    border: theme3.base === "light" ? "1px solid hsl(0 0 0 / 0.15)" : "1px solid hsl(0 0 100 / 0.15)"
+  },
+  "&:focus-visible": {
+    outline: `2px solid ${theme3.color.secondary}`,
+    outlineOffset: "2px"
+  }
+})), Detail = styled14.div(({ theme: theme3 }) => ({
   minWidth: 200,
   maxWidth: 800,
-  padding: 15,
+  paddingRight: 16,
   // Don't remove the mono fontFamily here even if it seems useless, this is used by the browser to calculate the length of a "ch" unit.
   fontFamily: theme3.typography.fonts.mono,
   fontSize: theme3.typography.size.s1,
@@ -2930,18 +2956,12 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
   marginLeft: 4
 }), ChevronDownIcon = styled14(ChevronSmallDownIcon2)({
   marginLeft: 4
-}), EmptyArg = () => React19.createElement("span", null, "-"), ArgText = ({ text, simple }) => React19.createElement(Text3, { simple }, text), calculateDetailWidth = (0, import_memoizerific.default)(1e3)((detail) => {
-  let lines = detail.split(/\r?\n/);
-  return `${Math.max(...lines.map((x2) => x2.length))}ch`;
-}), getSummaryItems = (summary) => {
+}), EmptyArg = () => React19.createElement("span", null, "-"), ArgText = ({ text, simple }) => React19.createElement(Text3, { simple }, text), getSummaryItems = (summary) => {
   if (!summary)
     return [summary];
   let summaryItems = summary.split("|").map((value2) => value2.trim());
   return uniq(summaryItems);
-}, renderSummaryItems = (summaryItems, isExpanded = !0) => {
-  let items = summaryItems;
-  return isExpanded || (items = summaryItems.slice(0, ITEMS_BEFORE_EXPANSION)), items.map((item) => React19.createElement(ArgText, { key: item, text: item === "" ? '""' : item }));
-}, ArgSummary = ({ value: value2, initialExpandedArgs }) => {
+}, renderSummaryItems = (summaryItems) => summaryItems.slice(0, ITEMS_BEFORE_EXPANSION).map((item) => React19.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), renderExpandedItems = (summaryItems) => summaryItems.slice(ITEMS_BEFORE_EXPANSION).map((item) => React19.createElement(ArgText, { key: item, text: item === "" ? '""' : item })), ArgSummary = ({ value: value2, initialExpandedArgs }) => {
   let { summary, detail } = value2, [isOpen, setIsOpen] = useState7(!1), [isExpanded, setIsExpanded] = useState7(initialExpandedArgs || !1);
   if (summary == null)
     return null;
@@ -2950,17 +2970,18 @@ var ITEMS_BEFORE_EXPANSION = 8, Summary = styled14.div(({ isExpanded }) => ({
     if (/[(){}[\]<>]/.test(summaryAsString))
       return React19.createElement(ArgText, { text: summaryAsString });
     let summaryItems = getSummaryItems(summaryAsString), itemsCount = summaryItems.length;
-    return itemsCount > ITEMS_BEFORE_EXPANSION ? React19.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems, isExpanded), React19.createElement(ExpandButton, { onClick: () => setIsExpanded(!isExpanded) }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`)) : React19.createElement(Summary, null, renderSummaryItems(summaryItems));
+    return itemsCount > ITEMS_BEFORE_EXPANSION ? React19.createElement(Summary, { isExpanded }, renderSummaryItems(summaryItems), React19.createElement(DetailsContainer, { open: isExpanded, onToggle: (e2) => setIsExpanded(e2.currentTarget.open) }, React19.createElement(AlignedDetails, null, renderExpandedItems(summaryItems)), React19.createElement(ExpandButton, { role: "button" }, isExpanded ? "Show less..." : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`))) : React19.createElement(Summary, null, renderSummaryItems(summaryItems));
   }
   return React19.createElement(
-    TooltipProvider,
+    PopoverProvider,
     {
       placement: "bottom",
       visible: isOpen,
       onVisibleChange: (isVisible) => {
         setIsOpen(isVisible);
       },
-      tooltip: React19.createElement(Detail, { width: calculateDetailWidth(detail) }, React19.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
+      hasCloseButton: !0,
+      popover: React19.createElement(Detail, null, React19.createElement(SyntaxHighlighter, { language: "jsx", format: !1 }, detail))
     },
     React19.createElement(Expandable, { className: "sbdocs-expandable" }, React19.createElement("span", null, summaryAsString), isOpen ? React19.createElement(ChevronUpIcon, null) : React19.createElement(ChevronDownIcon, null))
   );
@@ -3744,7 +3765,7 @@ import { STORY_CHANGED as STORY_CHANGED2 } from "storybook/internal/core-events"
 import React31, { Fragment, forwardRef, useEffect as useEffect9, useRef as useRef5 } from "react";
 import { ActionBar, ScrollArea as ScrollArea2 } from "storybook/internal/components";
 
-// ../node_modules/react-inspector/dist/index.mjs
+// ../../node_modules/react-inspector/dist/index.mjs
 import React92 from "react";
 import React32, { useContext as useContext2, useCallback as useCallback6, useLayoutEffect, useState as useState12, memo as memo2 } from "react";
 import { createContext } from "react";
@@ -4846,7 +4867,7 @@ import {
 } from "storybook/manager-api";
 
 // src/component-testing/constants.ts
-var ADDON_ID7 = "storybook/interactions", PANEL_ID2 = `${ADDON_ID7}/panel`, DOCUMENTATION_LINK = "writing-tests/integrations/vitest-addon", DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#what-happens-when-there-are-different-test-results-in-multiple-environments`, DOCUMENTATION_PLAY_FUNCTION_LINK = "writing-stories/play-function#writing-stories-with-the-play-function", INTERNAL_RENDER_CALL_ID = "internal_render_call";
+var ADDON_ID7 = "storybook/interactions", PANEL_ID2 = `${ADDON_ID7}/panel`, PARAM_KEY6 = "interactions", DOCUMENTATION_LINK = "writing-tests/integrations/vitest-addon", DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#what-happens-when-there-are-different-test-results-in-multiple-environments`, DOCUMENTATION_PLAY_FUNCTION_LINK = "writing-stories/play-function#writing-stories-with-the-play-function", INTERNAL_RENDER_CALL_ID = "internal_render_call";
 
 // ../addons/a11y/src/constants.ts
 var ADDON_ID8 = "storybook/a11y", PANEL_ID3 = `${ADDON_ID8}/panel`;
@@ -4902,13 +4923,16 @@ import { styled as styled32 } from "storybook/theming";
 var import_ansi_to_html = __toESM(require_ansi_to_html(), 1);
 import { useTheme as useTheme2 } from "storybook/theming";
 
-// ../node_modules/ansi-regex/index.js
+// ../../node_modules/ansi-regex/index.js
 function ansiRegex({ onlyFirst = !1 } = {}) {
-  let pattern = "(?:\\u001B\\][\\s\\S]*?(?:\\u0007|\\u001B\\u005C|\\u009C))|[\\u001B\\u009B][[\\]()#;?]*(?:\\d{1,4}(?:[;:]\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]";
+  let pattern = [
+    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
+  ].join("|");
   return new RegExp(pattern, onlyFirst ? void 0 : "g");
 }
 
-// ../node_modules/strip-ansi/index.js
+// ../../node_modules/strip-ansi/index.js
 var regex = ansiRegex();
 function stripAnsi(string) {
   if (typeof string != "string")
@@ -4917,6 +4941,9 @@ function stripAnsi(string) {
 }
 
 // src/component-testing/utils.ts
+function isInteractionsDisabled(parameters) {
+  return !!parameters?.[PARAM_KEY6]?.disable;
+}
 function isTestAssertionError(error) {
   return isChaiError(error) || isJestError(error);
 }
@@ -5009,10 +5036,10 @@ import { styled as styled26, typography } from "storybook/theming";
 import React46, { Fragment as Fragment2 } from "react";
 import { logger as logger4 } from "storybook/internal/client-logger";
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
 import React45, { useEffect as useEffect14, useState as useState17 } from "react";
 
-// ../node_modules/@devtools-ds/object-inspector/node_modules/clsx/dist/clsx.m.js
+// ../../node_modules/@devtools-ds/object-inspector/node_modules/clsx/dist/clsx.m.js
 function toVal(mix) {
   var k2, y2, str = "";
   if (mix)
@@ -5032,7 +5059,7 @@ function clsx_m_default() {
   return str;
 }
 
-// ../node_modules/@devtools-ds/object-parser/dist/esm/index.js
+// ../../node_modules/@devtools-ds/object-parser/dist/esm/index.js
 var isArray = (val) => Array.isArray(val) || // Detect https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays
 ArrayBuffer.isView(val) && !(val instanceof DataView), isObject = (val) => val !== null && typeof val == "object" && !isArray(val) && !(val instanceof Date) && !(val instanceof RegExp) && !(val instanceof Error) && !(val instanceof WeakMap) && !(val instanceof WeakSet), isKnownObject = (val) => isObject(val) || isArray(val) || typeof val == "function" || val instanceof Promise, getPromiseState = (promise) => {
   let unique = /unique/;
@@ -5113,7 +5140,7 @@ ArrayBuffer.isView(val) && !(val instanceof DataView), isObject = (val) => val !
   return astNode;
 }, parse4 = (data, sortKeys, includePrototypes) => buildAST("root", data, 0, sortKeys === !1 ? sortKeys : !0, void 0, includePrototypes === !1 ? includePrototypes : !0);
 
-// ../node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+// ../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 function ownKeys(e2, r2) {
   var t = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
@@ -5136,10 +5163,10 @@ function _objectSpread2(e2) {
   return e2;
 }
 
-// ../node_modules/@devtools-ds/themes/dist/esm/utils.js
+// ../../node_modules/@devtools-ds/themes/dist/esm/utils.js
 import React37 from "react";
 
-// ../node_modules/@devtools-ds/themes/node_modules/clsx/dist/clsx.m.js
+// ../../node_modules/@devtools-ds/themes/node_modules/clsx/dist/clsx.m.js
 function toVal2(mix) {
   var k2, y2, str = "";
   if (mix)
@@ -5159,7 +5186,7 @@ function clsx_m_default2() {
   return str;
 }
 
-// ../node_modules/@devtools-ds/themes/dist/esm/utils.js
+// ../../node_modules/@devtools-ds/themes/dist/esm/utils.js
 var _excluded = ["children"];
 var ThemeContext2 = React37.createContext({
   theme: "chrome",
@@ -5181,16 +5208,16 @@ var ThemeProvider = (_ref) => {
   };
 };
 
-// ../node_modules/@devtools-ds/themes/dist/esm/AutoThemeProvider.js
+// ../../node_modules/@devtools-ds/themes/dist/esm/AutoThemeProvider.js
 import React38 from "react";
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
 import React44, { useEffect as useEffect13, useState as useState16 } from "react";
 
-// ../node_modules/@devtools-ds/tree/dist/esm/index.js
+// ../../node_modules/@devtools-ds/tree/dist/esm/index.js
 import React40, { useState as useState14, useEffect as useEffect11 } from "react";
 
-// ../node_modules/@devtools-ds/tree/node_modules/clsx/dist/clsx.m.js
+// ../../node_modules/@devtools-ds/tree/node_modules/clsx/dist/clsx.m.js
 function toVal3(mix) {
   var k2, y2, str = "";
   if (mix)
@@ -5210,7 +5237,7 @@ function clsx_m_default3() {
   return str;
 }
 
-// ../node_modules/@devtools-ds/tree/dist/esm/TreeContext.js
+// ../../node_modules/@devtools-ds/tree/dist/esm/TreeContext.js
 import React39 from "react";
 var TreeContext = React39.createContext({
   isChild: !1,
@@ -5218,10 +5245,10 @@ var TreeContext = React39.createContext({
   hasHover: !0
 }), TreeContext_default = TreeContext;
 
-// ../node_modules/@devtools-ds/tree/dist/esm/Tree.css.js
+// ../../node_modules/@devtools-ds/tree/dist/esm/Tree.css.js
 var Tree_css_default = { tree: "Tree-tree-fbbbe38", item: "Tree-item-353d6f3", group: "Tree-group-d3c3d8a", label: "Tree-label-d819155", focusWhite: "Tree-focusWhite-f1e00c2", arrow: "Tree-arrow-03ab2e7", hover: "Tree-hover-3cc4e5d", open: "Tree-open-3f1a336", dark: "Tree-dark-1b4aa00", chrome: "Tree-chrome-bcbcac6", light: "Tree-light-09174ee" };
 
-// ../node_modules/@devtools-ds/tree/dist/esm/index.js
+// ../../node_modules/@devtools-ds/tree/dist/esm/index.js
 var _excluded2 = ["theme", "hover", "colorScheme", "children", "label", "className", "onUpdate", "onSelect", "open"], Tree = (props) => {
   let {
     theme: theme3,
@@ -5385,13 +5412,13 @@ Tree.defaultProps = {
   hover: !0
 };
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
 import React41, { useState as useState15, useEffect as useEffect12 } from "react";
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.css.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.css.js
 var ObjectInspector_css_default = { "object-inspector": "ObjectInspector-object-inspector-0c33e82", objectInspector: "ObjectInspector-object-inspector-0c33e82", "object-label": "ObjectInspector-object-label-b81482b", objectLabel: "ObjectInspector-object-label-b81482b", text: "ObjectInspector-text-25f57f3", key: "ObjectInspector-key-4f712bb", value: "ObjectInspector-value-f7ec2e5", string: "ObjectInspector-string-c496000", regex: "ObjectInspector-regex-59d45a3", error: "ObjectInspector-error-b818698", boolean: "ObjectInspector-boolean-2dd1642", number: "ObjectInspector-number-a6daabb", undefined: "ObjectInspector-undefined-3a68263", null: "ObjectInspector-null-74acb50", function: "ObjectInspector-function-07bbdcd", "function-decorator": "ObjectInspector-function-decorator-3d22c24", functionDecorator: "ObjectInspector-function-decorator-3d22c24", prototype: "ObjectInspector-prototype-f2449ee", dark: "ObjectInspector-dark-0c96c97", chrome: "ObjectInspector-chrome-2f3ca98", light: "ObjectInspector-light-78bef54" };
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectValue.js
 var _excluded3 = ["ast", "theme", "showKey", "colorScheme", "className"], buildValue = (key, value2, valueClass, showKey, depth) => {
   let computedKey = key.includes("-") ? `"${key}"` : key, isRoot = depth <= 0;
   return React41.createElement("span", {
@@ -5427,7 +5454,7 @@ ObjectValue2.defaultProps = {
 };
 var ObjectValue_default = ObjectValue2;
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectLabel.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectLabel.js
 import React43 from "react";
 var _excluded4 = ["ast", "theme", "previewMax", "open", "colorScheme", "className"], buildPreview = (children, previewMax, showKey) => {
   let previews = [];
@@ -5501,7 +5528,7 @@ ObjectLabel2.defaultProps = {
 };
 var ObjectLabel_default = ObjectLabel2;
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspectorItem.js
 var ObjectInspectorItem = (props) => {
   let {
     ast,
@@ -5554,7 +5581,7 @@ ObjectInspectorItem.defaultProps = {
 };
 var ObjectInspectorItem_default = ObjectInspectorItem;
 
-// ../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
+// ../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js
 var _excluded5 = ["data", "expandLevel", "sortKeys", "includePrototypes", "className", "theme", "colorScheme", "onSelect"], ObjectInspector2 = (props) => {
   let {
     data,
@@ -6514,7 +6541,7 @@ var INITIAL_CONTROL_STATES = {
         { root: global2.document.querySelector('#storybook-panel-root [role="tabpanel"]') }
       ), endRef.current && observer.observe(endRef.current)), () => observer?.disconnect();
     }, []);
-    let lastStoryId = useRef6(void 0), lastRenderId = useRef6(0), emit = useChannel2(
+    let lastStoryId = useRef6(void 0), latestRenderId = useRef6(0), emit = useChannel2(
       {
         [EVENTS.CALL]: setCall,
         [EVENTS.SYNC]: (payload) => {
@@ -6526,7 +6553,7 @@ var INITIAL_CONTROL_STATES = {
           );
         },
         [STORY_RENDER_PHASE_CHANGED]: (event) => {
-          lastStoryId.current === event.storyId && ["preparing", "loading"].includes(event.newPhase) || (lastStoryId.current = event.storyId, lastRenderId.current = Math.max(lastRenderId.current, event.renderId || 0), lastRenderId.current === event.renderId && (event.newPhase === "rendering" ? (log.current = [getInternalRenderLogItem("active" /* ACTIVE */)], calls.current.set(INTERNAL_RENDER_CALL_ID, getInternalRenderCall(storyId)), set({
+          lastStoryId.current === event.storyId && ["preparing", "loading"].includes(event.newPhase) || (lastStoryId.current === event.storyId ? latestRenderId.current = Math.max(latestRenderId.current, event.renderId || 0) : (latestRenderId.current = event.renderId || 0, lastStoryId.current = event.storyId), latestRenderId.current === event.renderId && (event.newPhase === "rendering" ? (log.current = [getInternalRenderLogItem("active" /* ACTIVE */)], calls.current.set(INTERNAL_RENDER_CALL_ID, getInternalRenderCall(storyId)), set({
             status: "rendering",
             controlStates: INITIAL_CONTROL_STATES,
             pausedAt: void 0,
@@ -6654,6 +6681,7 @@ var manager_default3 = addons3.register(ADDON_ID7, () => {
       type: types3.PANEL,
       title: () => React57.createElement(PanelTitle, null),
       match: ({ viewMode }) => viewMode === "story",
+      disabled: isInteractionsDisabled,
       render: ({ active }) => React57.createElement(AddonPanel2, { active: !!active }, React57.createElement(Consumer, { filter }, (props) => React57.createElement(Panel, { ...props })))
     });
   }

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

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_2297kyafub from 'node:url';
-import CJS_COMPAT_NODE_PATH_2297kyafub from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2297kyafub from "node:module";
+import CJS_COMPAT_NODE_URL_1qalasm8z9n from 'node:url';
+import CJS_COMPAT_NODE_PATH_1qalasm8z9n from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1qalasm8z9n from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2297kyafub.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2297kyafub.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2297kyafub.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1qalasm8z9n.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1qalasm8z9n.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1qalasm8z9n.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-FTR6MHOX.js";
+} from "../../_node-chunks/chunk-SME7252C.js";
 import {
   slash
-} from "../../_node-chunks/chunk-MC2R4DSD.js";
-import "../../_node-chunks/chunk-5NWCBUGD.js";
+} from "../../_node-chunks/chunk-TPSZ4QDT.js";
+import "../../_node-chunks/chunk-LZ5NNY6S.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";