storybook 10.0.0-beta.9 → 10.0.0-rc.0

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

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_puee7uitcer from 'node:url';
+import CJS_COMPAT_NODE_PATH_puee7uitcer from 'node:path';
+import CJS_COMPAT_NODE_MODULE_puee7uitcer from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_puee7uitcer.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_puee7uitcer.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_puee7uitcer.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-NRBIODYE.js";
+} from "../../_node-chunks/chunk-NEHX365L.js";
 import {
   slash
-} from "../../_node-chunks/chunk-GEDTSFBQ.js";
+} from "../../_node-chunks/chunk-R4L65Z37.js";
 import {
   __name
-} from "../../_node-chunks/chunk-CALGSUC5.js";
+} from "../../_node-chunks/chunk-7L4E5FAU.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_puee7uitcer from 'node:url';
+import CJS_COMPAT_NODE_PATH_puee7uitcer from 'node:path';
+import CJS_COMPAT_NODE_MODULE_puee7uitcer from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_puee7uitcer.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_puee7uitcer.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_puee7uitcer.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,33 +12,33 @@ var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
 import {
   parseStaticDir,
   sendTelemetryError
-} from "../../_node-chunks/chunk-XHXUIPIC.js";
-import "../../_node-chunks/chunk-A33ZDBWG.js";
+} from "../../_node-chunks/chunk-H3EQM2KY.js";
+import "../../_node-chunks/chunk-BGGGKRRK.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-BUQRXXWE.js";
+} from "../../_node-chunks/chunk-ATTQ5B3H.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-JVFB6XG6.js";
+} from "../../_node-chunks/chunk-OYXXB4OM.js";
 import {
   join
-} from "../../_node-chunks/chunk-IXMF5FBT.js";
-import "../../_node-chunks/chunk-V5DK6ZKU.js";
+} from "../../_node-chunks/chunk-ZH4LFYU3.js";
+import "../../_node-chunks/chunk-KNGDROKF.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-NEEUVKLS.js";
+} from "../../_node-chunks/chunk-2IRRHUY6.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-LTKYC6VP.js";
+} from "../../_node-chunks/chunk-B3BVSZUX.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-2RLHFYFA.js";
+} from "../../_node-chunks/chunk-4T2EX3QY.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-CALGSUC5.js";
+} from "../../_node-chunks/chunk-7L4E5FAU.js";
 
 // ../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -699,7 +699,7 @@ var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
 var getComponentVariableName = /* @__PURE__ */ __name(async (name) => {
-  const camelCase = await import("../../_node-chunks/camelcase-JMK43JMF.js");
+  const camelCase = await import("../../_node-chunks/camelcase-KM3CILTP.js");
   const camelCased = camelCase.default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: true });
   const sanitized = camelCased.replace(/[^a-zA-Z_$]+/, "");
   return sanitized;
@@ -1046,7 +1046,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-HUMXQF7C.js");
+  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-ZQ3RX3ZV.js");
   const hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd });
   const hasFileExtensionRegex = /(\.[a-z]+)$/i;
   const searchQueryHasExtension = hasFileExtensionRegex.test(searchQuery);
@@ -1793,8 +1793,8 @@ var viteFinal = /* @__PURE__ */ __name(async (existing, options) => {
   if (!previewConfigPath) {
     return existing;
   }
-  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-4OW72VQ5.js");
-  const { viteMockPlugin } = await import("../../_node-chunks/plugin-XRJQD5ND.js");
+  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-MYXI4RLY.js");
+  const { viteMockPlugin } = await import("../../_node-chunks/plugin-ZWOPAFXY.js");
   const coreOptions = await options.presets.apply("core");
   return {
     ...existing,
@@ -1812,8 +1812,8 @@ var webpackFinal = /* @__PURE__ */ __name(async (config, options) => {
   if (!previewConfigPath) {
     return config;
   }
-  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-6BAMUAJ3.js");
-  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-XI7KJK6X.js");
+  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-I6AWAO5P.js");
+  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-QKV56QIS.js");
   config.plugins = config.plugins || [];
   config.module.rules.push({
     test: /preview\.(t|j)sx?$/,

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_puee7uitcer from 'node:url';
+import CJS_COMPAT_NODE_PATH_puee7uitcer from 'node:path';
+import CJS_COMPAT_NODE_MODULE_puee7uitcer from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_puee7uitcer.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_puee7uitcer.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_puee7uitcer.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   rewriteSbMockImportCalls
-} from "../../../../_node-chunks/chunk-U3TBYKZA.js";
-import "../../../../_node-chunks/chunk-IXMF5FBT.js";
+} from "../../../../_node-chunks/chunk-3KLEDJFU.js";
+import "../../../../_node-chunks/chunk-ZH4LFYU3.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-CALGSUC5.js";
+} from "../../../../_node-chunks/chunk-7L4E5FAU.js";
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 import { logger } from "storybook/internal/node-logger";

package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js

@@ -1,24 +1,24 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_puee7uitcer from 'node:url';
+import CJS_COMPAT_NODE_PATH_puee7uitcer from 'node:path';
+import CJS_COMPAT_NODE_MODULE_puee7uitcer from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_puee7uitcer.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_puee7uitcer.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_puee7uitcer.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getAutomockCode
-} from "../../../../_node-chunks/chunk-U3LOLMF3.js";
+} from "../../../../_node-chunks/chunk-7GOR4BTB.js";
 import {
   babelParser
-} from "../../../../_node-chunks/chunk-U3TBYKZA.js";
-import "../../../../_node-chunks/chunk-IXMF5FBT.js";
+} from "../../../../_node-chunks/chunk-3KLEDJFU.js";
+import "../../../../_node-chunks/chunk-ZH4LFYU3.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-CALGSUC5.js";
+} from "../../../../_node-chunks/chunk-7L4E5FAU.js";
 
 // src/core-server/presets/webpack/loaders/webpack-automock-loader.ts
 function webpackAutomockLoader(source) {

package/dist/csf/index.js

@@ -10,8 +10,7 @@ import {
   mountDestructured,
   normalizeArrays,
   normalizeProjectAnnotations
-} from "../_browser-chunks/chunk-OQ6NCFPL.js";
-import "../_browser-chunks/chunk-LYCSRYYR.js";
+} from "../_browser-chunks/chunk-PS3AOQI4.js";
 import "../_browser-chunks/chunk-Y3M7TW6K.js";
 import {
   combineParameters
@@ -22,6 +21,7 @@ import {
   invariant
 } from "../_browser-chunks/chunk-FUOHXXZT.js";
 import "../_browser-chunks/chunk-F4Q6SGTB.js";
+import "../_browser-chunks/chunk-LYCSRYYR.js";
 import "../_browser-chunks/chunk-QK3L5AXO.js";
 import "../_browser-chunks/chunk-JJZMHC3A.js";
 import "../_browser-chunks/chunk-NVV6MIOE.js";

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_5dt5laqry3q from 'node:url';
-import CJS_COMPAT_NODE_PATH_5dt5laqry3q from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5dt5laqry3q from "node:module";
+import CJS_COMPAT_NODE_URL_puee7uitcer from 'node:url';
+import CJS_COMPAT_NODE_PATH_puee7uitcer from 'node:path';
+import CJS_COMPAT_NODE_MODULE_puee7uitcer from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5dt5laqry3q.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5dt5laqry3q.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5dt5laqry3q.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_puee7uitcer.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_puee7uitcer.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_puee7uitcer.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-NEEUVKLS.js";
-import "../_node-chunks/chunk-LTKYC6VP.js";
-import "../_node-chunks/chunk-CALGSUC5.js";
+} from "../_node-chunks/chunk-2IRRHUY6.js";
+import "../_node-chunks/chunk-B3BVSZUX.js";
+import "../_node-chunks/chunk-7L4E5FAU.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/manager/globals-runtime.js

@@ -147910,12 +147910,12 @@ var init12 = /* @__PURE__ */ __name(({
       return parameters2 || void 0;
     }, "getCurrentParameter"),
     jumpToComponent: /* @__PURE__ */ __name((direction) => {
-      const { index: index4, storyId, refs, refId } = store2.getState();
+      const { filteredIndex, storyId, refs, refId } = store2.getState();
       const story = api.getData(storyId, refId);
       if (!story) {
         return;
       }
-      const hash4 = refId ? refs[refId].index || {} : index4;
+      const hash4 = refId ? refs[refId].filteredIndex || {} : filteredIndex;
       if (!hash4) {
         return;
       }
@@ -147925,12 +147925,12 @@ var init12 = /* @__PURE__ */ __name(({
       }
     }, "jumpToComponent"),
     jumpToStory: /* @__PURE__ */ __name((direction) => {
-      const { index: index4, storyId, refs, refId } = store2.getState();
+      const { filteredIndex, storyId, refs, refId } = store2.getState();
       const story = api.getData(storyId, refId);
       if (!story) {
         return;
       }
-      const hash4 = story.refId ? refs[story.refId].index : index4;
+      const hash4 = story.refId ? refs[story.refId].filteredIndex : filteredIndex;
       if (!hash4) {
         return;
       }
@@ -147953,10 +147953,19 @@ var init12 = /* @__PURE__ */ __name(({
     }, "selectFirstStory"),
     selectStory: /* @__PURE__ */ __name((titleOrId = void 0, name = void 0, options = {}) => {
       const { ref } = options;
-      const { storyId, index: index4, refs } = store2.getState();
-      const hash4 = ref ? refs[ref].index : index4;
+      const { storyId, index: index4, filteredIndex, refs, settings } = store2.getState();
+      const gotoStory = /* @__PURE__ */ __name((entry) => {
+        if (entry?.type === "docs" || entry?.type === "story") {
+          store2.setState({ settings: { ...settings, lastTrackedStoryId: entry.id } });
+          navigate(`/${entry.type}/${entry.refId ? `${entry.refId}_${entry.id}` : entry.id}`);
+          return true;
+        }
+        return false;
+      }, "gotoStory");
       const kindSlug = storyId?.split("--", 2)[0];
-      if (!hash4) {
+      const hash4 = ref ? refs[ref].index : index4;
+      const filteredHash = ref ? refs[ref].filteredIndex : filteredIndex;
+      if (!hash4 || !filteredHash) {
         return;
       }
       if (!name) {
@@ -147964,26 +147973,20 @@ var init12 = /* @__PURE__ */ __name(({
         if (!entry) {
           throw new Error(`Unknown id or title: '${titleOrId}'`);
         }
-        store2.setState({
-          settings: { ...store2.getState().settings, lastTrackedStoryId: entry.id }
-        });
-        const leafEntry = api.findLeafEntry(hash4, entry.id);
-        const fullId = leafEntry.refId ? `${leafEntry.refId}_${leafEntry.id}` : leafEntry.id;
-        navigate(`/${leafEntry.type}/${fullId}`);
+        if (!gotoStory(entry)) {
+          gotoStory(api.findLeafEntry(filteredHash, entry.id));
+        }
       } else if (!titleOrId) {
-        const id = toId(kindSlug, name);
-        api.selectStory(id, void 0, options);
+        gotoStory(hash4[toId(kindSlug, name)]);
       } else {
         const id = ref ? `${ref}_${toId(titleOrId, name)}` : toId(titleOrId, name);
         if (hash4[id]) {
-          api.selectStory(id, void 0, options);
+          gotoStory(hash4[id]);
         } else {
           const entry = hash4[sanitize(titleOrId)];
           if (entry?.type === "component") {
             const foundId = entry.children.find((childId) => hash4[childId].name === name);
-            if (foundId) {
-              api.selectStory(foundId, void 0, options);
-            }
+            gotoStory(foundId ? hash4[foundId] : void 0);
           }
         }
       }
@@ -147993,7 +147996,7 @@ var init12 = /* @__PURE__ */ __name(({
       if (entry.type === "docs" || entry.type === "story") {
         return entry;
       }
-      const childStoryId = entry.children[0];
+      const childStoryId = entry.children.find((childId) => index4[childId]) || entry.children[0];
       return api.findLeafEntry(index4, childStoryId);
     },
     findLeafStoryId(index4, storyId) {
@@ -148528,7 +148531,7 @@ var import_memoizerific10 = __toESM(require_memoizerific(), 1);
 var import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.0.0-beta.9";
+var version = "10.0.0-rc.0";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope;

package/dist/manager/runtime.js

@@ -126,7 +126,7 @@ var require_react_fast_compare = __commonJS({
     var hasMap = typeof Map === "function";
     var hasSet = typeof Set === "function";
     var hasArrayBuffer = typeof ArrayBuffer === "function" && !!ArrayBuffer.isView;
-    function equal(a2, b2) {
+    function equal2(a2, b2) {
       if (a2 === b2) return true;
       if (a2 && b2 && typeof a2 == "object" && typeof b2 == "object") {
         if (a2.constructor !== b2.constructor) return false;
@@ -135,7 +135,7 @@ var require_react_fast_compare = __commonJS({
           length = a2.length;
           if (length != b2.length) return false;
           for (i2 = length; i2-- !== 0; )
-            if (!equal(a2[i2], b2[i2])) return false;
+            if (!equal2(a2[i2], b2[i2])) return false;
           return true;
         }
         var it;
@@ -146,7 +146,7 @@ var require_react_fast_compare = __commonJS({
             if (!b2.has(i2.value[0])) return false;
           it = a2.entries();
           while (!(i2 = it.next()).done)
-            if (!equal(i2.value[1], b2.get(i2.value[0]))) return false;
+            if (!equal2(i2.value[1], b2.get(i2.value[0]))) return false;
           return true;
         }
         if (hasSet && a2 instanceof Set && b2 instanceof Set) {
@@ -176,16 +176,16 @@ var require_react_fast_compare = __commonJS({
           if ((keys2[i2] === "_owner" || keys2[i2] === "__v" || keys2[i2] === "__o") && a2.$$typeof) {
             continue;
           }
-          if (!equal(a2[keys2[i2]], b2[keys2[i2]])) return false;
+          if (!equal2(a2[keys2[i2]], b2[keys2[i2]])) return false;
         }
         return true;
       }
       return a2 !== a2 && b2 !== b2;
     }
-    __name(equal, "equal");
+    __name(equal2, "equal");
     module.exports = /* @__PURE__ */ __name(function isEqual2(a2, b2) {
       try {
-        return equal(a2, b2);
+        return equal2(a2, b2);
       } catch (error) {
         if ((error.message || "").match(/stack|recursion/i)) {
           console.warn("react-fast-compare cannot handle circular refs");
@@ -9218,7 +9218,8 @@ function ShareMenu({
   baseUrl,
   storyId,
   queryParams,
-  qrUrl
+  qrUrl,
+  isDevelopment
 }) {
   const api = useStorybookApi();
   const shortcutKeys = api.getShortcutKeys();
@@ -9255,12 +9256,12 @@ function ShareMenu({
       {
         id: "qr-section",
         // @ts-expect-error (non strict)
-        content: react_default.createElement(QRContainer, null, react_default.createElement(QRImage, { value: qrUrl }), react_default.createElement(QRContent, null, react_default.createElement(QRTitle, null, "Scan me"), react_default.createElement(QRDescription, null, "Must be on the same network as this device.")))
+        content: react_default.createElement(QRContainer, null, react_default.createElement(QRImage, { value: qrUrl }), react_default.createElement(QRContent, null, react_default.createElement(QRTitle, null, "Scan to open"), react_default.createElement(QRDescription, null, isDevelopment ? "Device must be on the same network." : "View story on another device.")))
       }
     ]);
     return baseLinks;
-  }, [baseUrl, storyId, queryParams, copied, qrUrl, enableShortcuts, copyStoryLink]);
-  return react_default.createElement(TooltipLinkList, { links });
+  }, [baseUrl, storyId, queryParams, copied, qrUrl, enableShortcuts, copyStoryLink, isDevelopment]);
+  return react_default.createElement(TooltipLinkList, { links, style: { width: 210 } });
 }
 __name(ShareMenu, "ShareMenu");
 var shareTool = {
@@ -9270,13 +9271,14 @@ var shareTool = {
   match: /* @__PURE__ */ __name(({ viewMode, tabId }) => viewMode === "story" && !tabId, "match"),
   render: /* @__PURE__ */ __name(() => {
     return react_default.createElement(Consumer, { filter: mapper3 }, ({ baseUrl, storyId, queryParams }) => {
-      const storyUrl = scope.STORYBOOK_NETWORK_ADDRESS ? `${scope.STORYBOOK_NETWORK_ADDRESS}${window.location.search}` : window.location.href;
+      const isDevelopment = scope.CONFIG_TYPE === "DEVELOPMENT";
+      const storyUrl = scope.STORYBOOK_NETWORK_ADDRESS ? new URL(window.location.search, scope.STORYBOOK_NETWORK_ADDRESS).href : window.location.href;
       return storyId ? react_default.createElement(
         WithTooltip,
         {
           hasChrome: true,
           placement: "bottom",
-          tooltip: react_default.createElement(ShareMenu, { ...{ baseUrl, storyId, queryParams, qrUrl: storyUrl } })
+          tooltip: react_default.createElement(ShareMenu, { ...{ baseUrl, storyId, queryParams, qrUrl: storyUrl, isDevelopment } })
         },
         react_default.createElement(IconButton, { title: "Share" }, react_default.createElement(ShareIcon, null))
       ) : null;
@@ -12470,10 +12472,18 @@ var initializeExpanded = /* @__PURE__ */ __name(({
   data,
   initialExpanded,
   highlightedRef,
-  rootIds
+  rootIds,
+  selectedStoryId
 }) => {
-  const highlightedAncestors = highlightedRef.current?.refId === refId ? getAncestorIds(data, highlightedRef.current?.itemId) : [];
-  return [...rootIds, ...highlightedAncestors].reduce(
+  const selectedStory = selectedStoryId && data[selectedStoryId];
+  const candidates = [...rootIds];
+  if (highlightedRef.current?.refId === refId) {
+    candidates.push(...getAncestorIds(data, highlightedRef.current?.itemId));
+  }
+  if (selectedStory && "children" in selectedStory && selectedStory.children?.length) {
+    candidates.push(selectedStoryId);
+  }
+  return candidates.reduce(
     // @ts-expect-error (non strict)
     (acc, id) => Object.assign(acc, { [id]: id in initialExpanded ? initialExpanded[id] : true }),
     {}
@@ -12497,7 +12507,7 @@ var useExpanded = /* @__PURE__ */ __name(({
   const [expanded, setExpanded] = useReducer(
     (state, { ids, value }) => ids.reduce((acc, id) => Object.assign(acc, { [id]: value }), { ...state }),
     // @ts-expect-error (non strict)
-    { refId, data, highlightedRef, rootIds, initialExpanded },
+    { refId, data, highlightedRef, rootIds, initialExpanded, selectedStoryId },
     initializeExpanded
   );
   const getElementByDataItemId = useCallback(
@@ -17988,7 +17998,7 @@ var TagsFilterPanel = /* @__PURE__ */ __name(({
         title: "Learn how to add tags",
         icon: react_default.createElement(DocumentIcon, null),
         right: react_default.createElement(ShareAltIcon, null),
-        href: api.getDocsUrl({ subpath: "writing-stories/tags#filtering-by-custom-tags" })
+        href: api.getDocsUrl({ subpath: "writing-stories/tags#custom-tags" })
       }
     ]);
   }
@@ -18046,6 +18056,17 @@ var BUILT_IN_TAGS = /* @__PURE__ */ new Set([
   "play-fn",
   "test-fn"
 ]);
+var add = /* @__PURE__ */ __name((set2, id) => {
+  const copy3 = new Set(set2);
+  copy3.add(id);
+  return copy3;
+}, "add");
+var remove = /* @__PURE__ */ __name((set2, id) => {
+  const copy3 = new Set(set2);
+  copy3.delete(id);
+  return copy3;
+}, "remove");
+var equal = /* @__PURE__ */ __name((left, right) => left.size === right.size && (/* @__PURE__ */ new Set([...left, ...right])).size === left.size, "equal");
 var Wrapper4 = styled.div({
   position: "relative"
 });
@@ -18068,16 +18089,19 @@ var TagSelected = styled(Badge)(({ theme }) => ({
 }));
 var TagsFilter = /* @__PURE__ */ __name(({ api, indexJson, isDevelopment, tagPresets }) => {
   const filtersById = useMemo(() => {
-    const userTagsCounts = Object.values(indexJson.entries).reduce((acc, entry) => {
-      entry.tags?.forEach((tag) => {
-        if (!BUILT_IN_TAGS.has(tag)) {
-          acc.set(tag, (acc.get(tag) || 0) + 1);
-        }
-      });
-      return acc;
-    }, /* @__PURE__ */ new Map());
+    const userTagsCounts = Object.values(indexJson.entries).reduce(
+      (acc, entry) => {
+        entry.tags?.forEach((tag) => {
+          if (!BUILT_IN_TAGS.has(tag)) {
+            acc[tag] = (acc[tag] || 0) + 1;
+          }
+        });
+        return acc;
+      },
+      {}
+    );
     const userFilters = Object.fromEntries(
-      userTagsCounts.entries().map(([tag, count]) => {
+      Object.entries(userTagsCounts).map(([tag, count]) => {
         const filterFn = /* @__PURE__ */ __name((entry, excluded) => excluded ? !entry.tags?.includes(tag) : !!entry.tags?.includes(tag), "filterFn");
         return [tag, { id: tag, type: "tag", title: tag, count, filterFn }];
       })
@@ -18152,19 +18176,18 @@ var TagsFilter = /* @__PURE__ */ __name(({ api, indexJson, isDevelopment, tagPre
   }, [api, includedFilters, excludedFilters, filtersById]);
   const toggleFilter = useCallback(
     (id, selected, excluded) => {
-      const set2 = /* @__PURE__ */ new Set([id]);
       if (excluded === true) {
-        setExcludedFilters(excludedFilters.union(set2));
-        setIncludedFilters(includedFilters.difference(set2));
+        setExcludedFilters(add(excludedFilters, id));
+        setIncludedFilters(remove(includedFilters, id));
       } else if (excluded === false) {
-        setIncludedFilters(includedFilters.union(set2));
-        setExcludedFilters(excludedFilters.difference(set2));
+        setIncludedFilters(add(includedFilters, id));
+        setExcludedFilters(remove(excludedFilters, id));
       } else if (selected) {
-        setIncludedFilters(includedFilters.union(set2));
-        setExcludedFilters(excludedFilters.difference(set2));
+        setIncludedFilters(add(includedFilters, id));
+        setExcludedFilters(remove(excludedFilters, id));
       } else {
-        setIncludedFilters(includedFilters.difference(set2));
-        setExcludedFilters(excludedFilters.difference(set2));
+        setIncludedFilters(remove(includedFilters, id));
+        setExcludedFilters(remove(excludedFilters, id));
       }
     },
     [includedFilters, excludedFilters]
@@ -18208,7 +18231,7 @@ var TagsFilter = /* @__PURE__ */ __name(({ api, indexJson, isDevelopment, tagPre
           setAllFilters,
           resetFilters,
           isDevelopment,
-          isDefaultSelection: includedFilters.symmetricDifference(defaultIncluded).size === 0 && excludedFilters.symmetricDifference(defaultExcluded).size === 0,
+          isDefaultSelection: equal(includedFilters, defaultIncluded) && equal(excludedFilters, defaultExcluded),
           hasDefaultSelection: defaultIncluded.size > 0 || defaultExcluded.size > 0
         }
       ),
@@ -20488,7 +20511,7 @@ function reject(source, predicate = identity) {
 __name(reject, "reject");
 
 // ../node_modules/es-toolkit/dist/array/remove.mjs
-function remove(arr, shouldRemoveElement) {
+function remove2(arr, shouldRemoveElement) {
   const originalArr = arr.slice();
   const removed = [];
   let resultIndex = 0;
@@ -20506,13 +20529,13 @@ function remove(arr, shouldRemoveElement) {
   arr.length = resultIndex;
   return removed;
 }
-__name(remove, "remove");
+__name(remove2, "remove");
 
 // ../node_modules/es-toolkit/dist/compat/array/remove.mjs
-function remove2(arr, shouldRemoveElement = identity) {
-  return remove(arr, iteratee(shouldRemoveElement));
+function remove3(arr, shouldRemoveElement = identity) {
+  return remove2(arr, iteratee(shouldRemoveElement));
 }
-__name(remove2, "remove");
+__name(remove3, "remove");
 
 // ../node_modules/es-toolkit/dist/compat/array/reverse.mjs
 function reverse(array) {
@@ -21867,7 +21890,7 @@ function toString(value) {
 __name(toString, "toString");
 
 // ../node_modules/es-toolkit/dist/compat/math/add.mjs
-function add(value, other) {
+function add2(value, other) {
   if (value === void 0 && other === void 0) {
     return 0;
   }
@@ -21883,7 +21906,7 @@ function add(value, other) {
   }
   return value + other;
 }
-__name(add, "add");
+__name(add2, "add");
 
 // ../node_modules/es-toolkit/dist/compat/_internal/decimalAdjust.mjs
 function decimalAdjust(type, number, precision = 0) {
@@ -24834,7 +24857,7 @@ __name(uniqueId, "uniqueId");
 // ../node_modules/es-toolkit/dist/compat/compat.mjs
 var compat_exports = {};
 __export(compat_exports, {
-  add: () => add,
+  add: () => add2,
   after: () => after2,
   ary: () => ary2,
   assign: () => assign,
@@ -25040,7 +25063,7 @@ __export(compat_exports, {
   reduce: () => reduce,
   reduceRight: () => reduceRight,
   reject: () => reject,
-  remove: () => remove2,
+  remove: () => remove3,
   repeat: () => repeat,
   replace: () => replace,
   rest: () => rest2,