storybook 10.0.0-beta.5 → 10.0.0-beta.6

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

@@ -6893,7 +6893,9 @@ import {
   experimental_useStatusStore,
   useAddonState as useAddonState2,
   useChannel as useChannel2,
-  useParameter as useParameter2
+  useParameter as useParameter2,
+  useStorybookApi as useStorybookApi5,
+  useStorybookState as useStorybookState2
 } from "storybook/manager-api";
 
 // src/component-testing/constants.ts
@@ -8623,8 +8625,10 @@ var StyledIconButton2 = styled39(IconButton6)(({ theme: theme3 }) => ({
 var StyledSeparator = styled39(Separator)({
   marginTop: 0
 });
-var StyledLocation = styled39(P2)(({ theme: theme3 }) => ({
-  color: theme3.textMutedColor,
+var StyledLocation = styled39(P2)(({ theme: theme3, isText }) => ({
+  color: isText ? theme3.textMutedColor : theme3.color.secondary,
+  cursor: isText ? "default" : "pointer",
+  fontWeight: isText ? theme3.typography.weight.regular : theme3.typography.weight.bold,
   justifyContent: "flex-end",
   textAlign: "right",
   whiteSpace: "nowrap",
@@ -8657,7 +8661,10 @@ var Subnav = /* @__PURE__ */ __name(({
   controlStates,
   status,
   storyFileName,
-  onScrollToEnd
+  onScrollToEnd,
+  importPath,
+  canOpenInEditor,
+  api
 }) => {
   const buttonText = status === "errored" ? "Scroll to error" : "Scroll to end";
   const theme3 = useTheme7();
@@ -8693,7 +8700,26 @@ var Subnav = /* @__PURE__ */ __name(({
       disabled: !controlStates.end
     },
     React63.createElement(FastForwardIcon, null)
-  )), React63.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React63.createElement(Note2, { note: "Rerun" }) }, React63.createElement(RerunButton, { "aria-label": "Rerun", onClick: controls.rerun }, React63.createElement(SyncIcon, null)))), storyFileName && React63.createElement(Group, null, React63.createElement(StyledLocation, null, storyFileName)))));
+  )), React63.createElement(WithTooltip3, { trigger: "hover", hasChrome: false, tooltip: React63.createElement(Note2, { note: "Rerun" }) }, React63.createElement(RerunButton, { "aria-label": "Rerun", onClick: controls.rerun }, React63.createElement(SyncIcon, null)))), (importPath || storyFileName) && React63.createElement(Group, null, canOpenInEditor ? React63.createElement(
+    WithTooltip3,
+    {
+      trigger: "hover",
+      hasChrome: false,
+      tooltip: React63.createElement(Note2, { note: "Open in editor" })
+    },
+    React63.createElement(
+      StyledLocation,
+      {
+        "aria-label": "Open in editor",
+        onClick: () => {
+          api.openInEditor({
+            file: importPath
+          });
+        }
+      },
+      storyFileName
+    )
+  ) : React63.createElement(StyledLocation, { isText: true }, storyFileName)))));
 }, "Subnav");
 
 // src/component-testing/components/TestDiscrepancyMessage.tsx
@@ -8787,7 +8813,10 @@ var InteractionsPanel = React65.memo(
     onScrollToEnd,
     endRef,
     hasResultMismatch,
-    browserTestStatus
+    browserTestStatus,
+    importPath,
+    canOpenInEditor,
+    api
   }) {
     const filter = useAnsiToHtmlFilter();
     const hasRealInteractions = interactions.some((i2) => i2.id !== INTERNAL_RENDER_CALL_ID);
@@ -8798,7 +8827,10 @@ var InteractionsPanel = React65.memo(
         controlStates,
         status,
         storyFileName: fileName,
-        onScrollToEnd
+        onScrollToEnd,
+        importPath,
+        canOpenInEditor,
+        api
       }
     ), React65.createElement("div", { "aria-label": "Interactions list" }, interactions.map((call) => React65.createElement(
       Interaction,
@@ -8933,13 +8965,18 @@ var getInternalRenderLogItem = /* @__PURE__ */ __name((status) => ({
 }), "getInternalRenderLogItem");
 var Panel = memo4(
   /* @__PURE__ */ __name(function PanelMemoized({ refId, storyId, storyUrl }) {
-    const { statusValue, testRunId } = experimental_useStatusStore((state) => {
-      const storyStatus = refId ? void 0 : state[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST];
+    const { statusValue, testRunId } = experimental_useStatusStore((state2) => {
+      const storyStatus = refId ? void 0 : state2[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST];
       return {
         statusValue: storyStatus?.value,
         testRunId: storyStatus?.data?.testRunId
       };
     });
+    const state = useStorybookState2();
+    const api = useStorybookApi5();
+    const data = api.getData(state.storyId, state.refId);
+    const importPath = data?.importPath;
+    const canOpenInEditor = global2.CONFIG_TYPE === "DEVELOPMENT" && !state.refId;
     const [panelState, set] = useAddonState2(ADDON_ID7, {
       status: "rendering",
       controlStates: INITIAL_CONTROL_STATES,
@@ -8987,8 +9024,8 @@ var Panel = memo4(
         [EVENTS.SYNC]: (payload) => {
           log.current = [getInternalRenderLogItem("done" /* DONE */), ...payload.logItems];
           set(
-            (state) => getPanelState(
-              { ...state, controlStates: payload.controlStates, pausedAt: payload.pausedAt },
+            (state2) => getPanelState(
+              { ...state2, controlStates: payload.controlStates, pausedAt: payload.pausedAt },
               { log: log.current, calls: calls.current, collapsed, setCollapsed }
             )
           );
@@ -9015,10 +9052,10 @@ var Panel = memo4(
               unhandledErrors: void 0
             });
           } else {
-            set((state) => {
-              const status2 = event.newPhase in playStatusMap ? playStatusMap[event.newPhase] : state.status;
+            set((state2) => {
+              const status2 = event.newPhase in playStatusMap ? playStatusMap[event.newPhase] : state2.status;
               return getPanelState(
-                { ...state, status: status2, pausedAt: void 0 },
+                { ...state2, status: status2, pausedAt: void 0 },
                 { log: log.current, calls: calls.current, collapsed, setCollapsed }
               );
             });
@@ -9031,9 +9068,9 @@ var Panel = memo4(
             getInternalRenderCall(storyId, { ...e2, callId: INTERNAL_RENDER_CALL_ID })
           );
           set(
-            (state) => getPanelState(
+            (state2) => getPanelState(
               {
-                ...state,
+                ...state2,
                 hasException: true,
                 caughtException: void 0,
                 controlStates: INITIAL_CONTROL_STATES,
@@ -9044,17 +9081,17 @@ var Panel = memo4(
           );
         },
         [PLAY_FUNCTION_THREW_EXCEPTION]: (caughtException2) => {
-          set((state) => ({ ...state, caughtException: caughtException2, hasException: true }));
+          set((state2) => ({ ...state2, caughtException: caughtException2, hasException: true }));
         },
         [UNHANDLED_ERRORS_WHILE_PLAYING]: (unhandledErrors2) => {
-          set((state) => ({ ...state, unhandledErrors: unhandledErrors2, hasException: true }));
+          set((state2) => ({ ...state2, unhandledErrors: unhandledErrors2, hasException: true }));
         }
       },
       [collapsed]
     );
     useEffect17(() => {
       set(
-        (state) => getPanelState(state, { log: log.current, calls: calls.current, collapsed, setCollapsed })
+        (state2) => getPanelState(state2, { log: log.current, calls: calls.current, collapsed, setCollapsed })
       );
     }, [set, collapsed]);
     const controls = useMemo5(
@@ -9122,7 +9159,10 @@ var Panel = memo4(
         unhandledErrors,
         pausedAt,
         endRef,
-        onScrollToEnd: scrollTarget && scrollToTarget
+        onScrollToEnd: scrollTarget && scrollToTarget,
+        importPath,
+        canOpenInEditor,
+        api
       }
     ));
   }, "PanelMemoized")
@@ -9131,9 +9171,9 @@ var Panel = memo4(
 // src/component-testing/components/PanelTitle.tsx
 import React67 from "react";
 import { Badge as Badge3 } from "storybook/internal/components";
-import { useAddonState as useAddonState3, useStorybookApi as useStorybookApi5 } from "storybook/manager-api";
+import { useAddonState as useAddonState3, useStorybookApi as useStorybookApi6 } from "storybook/manager-api";
 function PanelTitle() {
-  const api = useStorybookApi5();
+  const api = useStorybookApi6();
   const selectedPanel = api.getSelectedPanel();
   const [addonState = {}] = useAddonState3(ADDON_ID7);
   const { status, hasException, interactionsCount } = addonState;
@@ -9306,11 +9346,11 @@ import { addons as addons5, types as types5 } from "storybook/manager-api";
 import React71, { useCallback as useCallback9, useEffect as useEffect18 } from "react";
 import { IconButton as IconButton8 } from "storybook/internal/components";
 import { RulerIcon } from "@storybook/icons";
-import { useGlobals as useGlobals3, useStorybookApi as useStorybookApi6 } from "storybook/manager-api";
+import { useGlobals as useGlobals3, useStorybookApi as useStorybookApi7 } from "storybook/manager-api";
 var Tool = /* @__PURE__ */ __name(() => {
   const [globals, updateGlobals] = useGlobals3();
   const { measureEnabled } = globals || {};
-  const api = useStorybookApi6();
+  const api = useStorybookApi7();
   const toggleMeasure = useCallback9(
     () => updateGlobals({
       measureEnabled: !measureEnabled
@@ -9319,7 +9359,7 @@ var Tool = /* @__PURE__ */ __name(() => {
   );
   useEffect18(() => {
     api.setAddonShortcut(ADDON_ID4, {
-      label: "Toggle Measure [M]",
+      label: "Toggle Measure",
       defaultShortcut: ["M"],
       actionName: "measure",
       showInMenu: false,
@@ -9358,10 +9398,10 @@ import { addons as addons6, types as types6 } from "storybook/manager-api";
 import React74, { memo as memo6, useCallback as useCallback10, useEffect as useEffect19 } from "react";
 import { IconButton as IconButton9 } from "storybook/internal/components";
 import { OutlineIcon } from "@storybook/icons";
-import { useGlobals as useGlobals4, useStorybookApi as useStorybookApi7 } from "storybook/manager-api";
+import { useGlobals as useGlobals4, useStorybookApi as useStorybookApi8 } from "storybook/manager-api";
 var OutlineSelector = memo6(/* @__PURE__ */ __name(function OutlineSelector2() {
   const [globals, updateGlobals] = useGlobals4();
-  const api = useStorybookApi7();
+  const api = useStorybookApi8();
   const isActive = [true, "true"].includes(globals[PARAM_KEY4]);
   const toggleOutline = useCallback10(
     () => updateGlobals({

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

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_0oz6lpav6bgq from 'node:url';
-import CJS_COMPAT_NODE_PATH_0oz6lpav6bgq from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq from "node:module";
+import CJS_COMPAT_NODE_URL_0v1evul49qdo from 'node:url';
+import CJS_COMPAT_NODE_PATH_0v1evul49qdo from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0v1evul49qdo from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0oz6lpav6bgq.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0oz6lpav6bgq.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0oz6lpav6bgq.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0v1evul49qdo.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0v1evul49qdo.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0v1evul49qdo.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-UTCFHTQH.js";
+} from "../../_node-chunks/chunk-NJXBURX7.js";
 import {
   slash
-} from "../../_node-chunks/chunk-J3DQMIO4.js";
+} from "../../_node-chunks/chunk-JNHUDBJL.js";
 import {
   __name
-} from "../../_node-chunks/chunk-2VMDKLSW.js";
+} from "../../_node-chunks/chunk-XZTBG2TG.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";