@aussieljk/forkbook 0.0.1-1 → 0.0.1-10

package/dist/manager/_manager-chunks/{globals-runtime-f5oIrim0.js → globals-runtime-DBba3I9c.js}

@@ -1,27 +1,17 @@
 import { a as __toESM, n as __esmMin, r as __exportAll } from "./globals-runtime-BdGkqNEt.js";
-import { A as unknown, C as object, D as safeInteger, E as record, O as safeParse, S as number, T as pipe, U as dedent, W as init_esm, _ as custom, b as minLength, f as T, g as check, h as array, j as variant, k as string, p as init_dist$1, v as init_dist, w as optional, x as minValue, y as literal } from "./globals-runtime-eLPTIfX-.js";
-import { $ as once, Q as logger, Y as init_core_events, Z as init_client_logger, c as init_channel_slot, et as Channel, h as NAVIGATE_URL, o as init_channels, s as getChannel } from "./globals-runtime-B0I9dSVs.js";
-import { C as init_dist$2, w as scope } from "./globals-runtime-DtcOnYHR.js";
-import { E as parse, S as init_main$1, _ as curriedOpacify$1, b as init_index_browser, c as Link$1, d as Router, g as curriedLighten$1, h as curriedDarken$1, j as require_react, l as init_dist$4, m as useNavigate$1, p as useLocation, s as BrowserRouter, u as MemoryRouter$1, v as init_polished_esm, w as stringify, x as nanoid, y as rgba } from "./globals-runtime-ZHrQFa3-.js";
-import { C as Assertion, D as use, E as init_chai, K as init_isEqual, M as init_deepsignal_core_module, N as l, O as utils_exports, T as expect$2, X as require_memoizerific, Y as isPlainObject$2, j as g, n as deletedDiff, q as isEqual, r as init_deleted, w as assert } from "./globals-runtime-BvM-NY2g.js";
-import { _ as n, f, h as j, m as init_signals_core_module, p as g$1, v as y } from "./globals-runtime-BIKBO23x.js";
-import { a as customMatchers, c as setState, d as isMockFunction, f as mocks, i as JestExtend, l as fn$1, n as JestAsymmetricMatchers, o as getState, p as spyOn$1, r as JestChaiExpect, s as init_dist$5, t as GLOBAL_EXPECT, u as init_dist$6 } from "./globals-runtime-FC201B7s.js";
-import { a as matchers_exports, i as init_matchers, r as userEvent$1, t as init_esm$1 } from "./globals-runtime-8HkdnU2F.js";
-import { r as init_dom_esm, t as dom_esm_exports } from "./globals-runtime-DkAPXCvc.js";
-import { C as init_manager_errors, S as UniversalStoreFollowerTimeoutError, _ as StatusTypeIdMismatchError$2, b as OpenServiceStaticSnapshotLoadError, c as init_instrumenter, i as init_manager_api, l as instrument, m as addons, v as init_preview_errors, x as StatusTypeIdMismatchError$1, y as OpenServiceStaticSnapshotInvalidError } from "./globals-runtime-CXoVXiJA.js";
+import { C as pipe, D as string, E as safeParse, H as init_esm, O as unknown, S as optional, T as safeInteger, V as dedent, _ as literal, b as number, d as init_dist$1, g as init_dist, h as custom, k as variant, m as check, p as array, u as T, v as minLength, w as record, x as object, y as minValue } from "./globals-runtime-CA8AuIRT.js";
+import { $ as once, Q as logger, Y as init_core_events, Z as init_client_logger, c as init_channel_slot, et as Channel, h as NAVIGATE_URL, o as init_channels, s as getChannel } from "./globals-runtime-BKQscPdC.js";
+import { S as stringify, _ as curriedOpacify$1, b as init_main$1, c as Link$1, d as Router, g as curriedLighten$1, h as curriedDarken$1, k as require_react, l as init_dist$3, m as useNavigate$1, p as useLocation, s as BrowserRouter, u as MemoryRouter$1, v as init_polished_esm, w as parse, y as rgba } from "./globals-runtime-Bs75QQ_I.js";
+import { C as use, D as l, E as init_deepsignal_core_module, R as init_isEqual, S as init_chai, T as g, V as isPlainObject$2, b as assert, n as deletedDiff, r as init_deleted, w as utils_exports, x as expect$2, y as Assertion, z as isEqual } from "./globals-runtime-DvV_TF3-.js";
+import { d as g$1, f as init_signals_core_module, g as y, h as n, p as j, u as f } from "./globals-runtime-BY3epqww.js";
+import { Ws as require_memoizerific, o as init_index_browser, s as nanoid } from "./globals-runtime-Bj5KDUJi.js";
+import { a as customMatchers, c as setState, d as isMockFunction, f as mocks, i as JestExtend, l as fn$1, n as JestAsymmetricMatchers, o as getState, p as spyOn$1, r as JestChaiExpect, s as init_dist$4, t as GLOBAL_EXPECT, u as init_dist$5 } from "./globals-runtime-BweHuXkK.js";
+import { a as matchers_exports, i as init_matchers, r as init_dom_esm, t as dom_esm_exports } from "./globals-runtime-wjkxyMn0.js";
+import { r as userEvent$1, t as init_esm$1 } from "./globals-runtime-WZKaeKm9.js";
+import { C as init_manager_errors, S as UniversalStoreFollowerTimeoutError, _ as StatusTypeIdMismatchError$2, b as OpenServiceStaticSnapshotLoadError, c as init_instrumenter, f as init_csf_utils, i as init_manager_api, l as instrument, m as addons, p as sanitize, v as init_preview_errors, x as StatusTypeIdMismatchError$1, y as OpenServiceStaticSnapshotInvalidError } from "./globals-runtime-CJL1dQtn.js";
 //#region src/storybook-error.ts
 function parseErrorCode({ code, category }) {
-	return `SB_${category}_${String(code).padStart(4, "0")}`;
-}
-function appendErrorRef(url) {
-	if (/^(?!.*storybook\.js\.org)|[?&]ref=error\b/.test(url)) return url;
-	try {
-		const urlObj = new URL(url);
-		urlObj.searchParams.set("ref", "error");
-		return urlObj.toString();
-	} catch {
-		return url;
-	}
+	return `FB_${category}_${String(code).padStart(4, "0")}`;
 }
 var StorybookError;
 function init_storybook_error() {
@@ -33,7 +23,7 @@ function init_storybook_error() {
 					category: this.category
 				});
 			}
-			/** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
+			/** Overrides the default `Error.name` property in the format: FB_<CATEGORY>_<CODE>. */
 			get name() {
 				const errorName = this._name || this.constructor.name;
 				return `${this.fullErrorCode} (${errorName})`;
@@ -58,12 +48,12 @@ function init_storybook_error() {
 			/** Generates the error message along with additional documentation link (if applicable). */
 			static getFullMessage({ documentation, code, category, message }) {
 				let page;
-				if (documentation === true) page = `https://storybook.js.org/error/${parseErrorCode({
+				if (documentation === true) page = `https://forkbook.ljk.dev/error/${parseErrorCode({
 					code,
 					category
-				})}?ref=error`;
-				else if (typeof documentation === "string") page = appendErrorRef(documentation);
-				else if (Array.isArray(documentation)) page = `\n${documentation.map((doc) => `\t- ${appendErrorRef(doc)}`).join("\n")}`;
+				})}`;
+				else if (typeof documentation === "string") page = documentation;
+				else if (Array.isArray(documentation)) page = `\n${documentation.map((doc) => `\t- ${doc}`).join("\n")}`;
 				return `${message}${page != null ? `\n\nMore info: ${page}\n` : ""}`;
 			}
 		};
@@ -500,6 +490,14 @@ function init_universal_store() {
 	})))();
 }
 //#endregion
+//#region src/shared/global.ts
+var global;
+function init_global() {
+	return (init_global = __esmMin((() => {
+		global = globalThis;
+	})))();
+}
+//#endregion
 //#region src/shared/utils/local-hosts.ts
 var LOOPBACK_HOSTNAMES, matchesHostname;
 function init_local_hosts() {
@@ -566,12 +564,12 @@ function init_announce() {
 //#endregion
 //#region src/shared/useCopyButton.ts
 function useCopyButton({ children = "Copy", childrenOnCopy = "Copied!", content, onCopy, ariaLabel = false, ariaLabelOnCopy = false, duration = 3e3 }) {
-	const [copied, setCopied] = (0, import_react$5.useState)(false);
-	const timerRef = (0, import_react$5.useRef)(null);
-	(0, import_react$5.useEffect)(() => () => {
+	const [copied, setCopied] = (0, import_react$6.useState)(false);
+	const timerRef = (0, import_react$6.useRef)(null);
+	(0, import_react$6.useEffect)(() => () => {
 		if (timerRef.current) clearTimeout(timerRef.current);
 	}, []);
-	const handleClick = (0, import_react$5.useCallback)((e) => {
+	const handleClick = (0, import_react$6.useCallback)((e) => {
 		if (timerRef.current) clearTimeout(timerRef.current);
 		const announcement = typeof ariaLabelOnCopy === "string" ? ariaLabelOnCopy : "Copied to clipboard";
 		navigator.clipboard?.writeText(content).then(() => {
@@ -592,7 +590,7 @@ function useCopyButton({ children = "Copy", childrenOnCopy = "Copied!", content,
 	]);
 	return {
 		children: copied ? childrenOnCopy : children,
-		buttonProps: (0, import_react$5.useMemo)(() => ({
+		buttonProps: (0, import_react$6.useMemo)(() => ({
 			onClick: handleClick,
 			ariaLabel: copied ? ariaLabelOnCopy : ariaLabel
 		}), [
@@ -603,10 +601,10 @@ function useCopyButton({ children = "Copy", childrenOnCopy = "Copied!", content,
 		])
 	};
 }
-var import_react$5;
+var import_react$6;
 function init_useCopyButton() {
 	return (init_useCopyButton = __esmMin((() => {
-		import_react$5 = require_react();
+		import_react$6 = require_react();
 		init_announce();
 	})))();
 }
@@ -3583,7 +3581,7 @@ var expect$1;
 function init_expect() {
 	return (init_expect = __esmMin((() => {
 		init_matchers();
-		init_dist$5();
+		init_dist$4();
 		init_chai();
 		expect$1 = createExpect();
 		// @vitest/expect expects this to be set
@@ -3653,9 +3651,9 @@ function mocked(item, _options = {}) {
 var moduleMockSpies, listeners, spyOn;
 function init_spy() {
 	return (init_spy = __esmMin((() => {
-		init_dist$6();
+		init_dist$5();
 		init_dist$1();
-		moduleMockSpies = globalThis.__STORYBOOK_MODULE_MOCK_SPIES__ ??= /* @__PURE__ */ new Set();
+		moduleMockSpies = globalThis.__FORKBOOK_MODULE_MOCK_SPIES__ ??= /* @__PURE__ */ new Set();
 		listeners = /* @__PURE__ */ new Set();
 		spyOn = ((...args) => {
 			return reactiveMock(spyOn$1(...args));
@@ -3680,7 +3678,7 @@ function init_testing_library() {
 			if (typeof window !== "undefined" && globalThis.location?.href?.includes("viewMode=docs")) once.warn(dedent`
         You are using Testing Library's \`screen\` object while the story is rendered in docs mode. This will likely lead to issues, as multiple stories are rendered in the same page and therefore screen will potentially find multiple elements. Use the \`canvas\` utility from the story context instead, which will scope the queries to each story's canvas.
 
-        More info: https://storybook.js.org/docs/writing-tests/interaction-testing?ref=error#querying-the-canvas
+        More info: https://forkbook.ljk.dev/docs/writing-tests/interaction-testing#querying-the-canvas
       `);
 			return Reflect.get(target, prop, receiver);
 		} });
@@ -3820,52 +3818,53 @@ function init_base() {
 	return (init_base = __esmMin((() => {
 		easing = { rubber: "cubic-bezier(0.175, 0.885, 0.335, 1.05)" };
 		color = {
-			primary: "#FF4785",
-			secondary: "#006DEB",
-			tertiary: "#FAFBFC",
-			ancillary: "#22a699",
-			orange: "#FC521F",
-			gold: "#FFAE00",
-			green: "#66BF3C",
-			seafoam: "#37D5D3",
-			purple: "#6F2CAC",
-			ultraviolet: "#2A0481",
+			primary: "#007AFF",
+			secondary: "#007AFF",
+			tertiary: "#F2F2F7",
+			ancillary: "#30B0C7",
+			orange: "#FF9500",
+			gold: "#FFCC00",
+			green: "#34C759",
+			seafoam: "#32ADE6",
+			purple: "#AF52DE",
+			ultraviolet: "#5856D6",
 			lightest: "#FFFFFF",
-			lighter: "#F6F9FC",
-			light: "#EEF2F6",
-			mediumlight: "#ECF2F9",
-			medium: "#D9E5F2",
-			mediumdark: "#737F8C",
-			dark: "#5C6570",
-			darker: "#454C54",
-			darkest: "#2E3338",
-			border: "hsl(212 50% 30% / 0.15)",
-			positive: "#66BF3C",
-			warning: "#E69D00",
-			negative: "#FF4400",
+			lighter: "#F2F2F7",
+			light: "#E5E5EA",
+			mediumlight: "#E5E5EA",
+			medium: "#D1D1D6",
+			mediumdark: "#8E8E93",
+			dark: "#636366",
+			darker: "#48484A",
+			darkest: "#1C1C1E",
+			border: "rgba(60, 60, 67, 0.18)",
+			positive: "#34C759",
+			warning: "#FF9500",
+			negative: "#FF3B30",
 			critical: "#FFFFFF",
-			defaultText: "#2E3338",
+			defaultText: "#1C1C1E",
 			inverseText: "#FFFFFF",
-			positiveText: "#427C27",
-			warningText: "#955B1E",
-			negativeText: "#C23400"
+			positiveText: "#248A3D",
+			warningText: "#C93400",
+			negativeText: "#D70015"
 		};
 		background = {
-			app: "#F6F9FC",
+			app: "#F2F2F7",
 			bar: color.lightest,
 			content: color.lightest,
 			preview: color.lightest,
 			gridCellSize: 10,
-			hoverable: "#DBECFF",
-			positive: "#F1FFEB",
-			warning: "#FFF9EB",
-			negative: "#FFF0EB",
-			critical: "#D13800"
+			hoverable: "#E5E5EA",
+			positive: "#EAF9EE",
+			warning: "#FFF4E5",
+			negative: "#FFEBEA",
+			critical: "#D70015"
 		};
 		typography = {
 			fonts: {
 				base: [
-					"\"Nunito Sans\"",
+					"\"Inter Variable\"",
+					"Inter",
 					"-apple-system",
 					"\".SFNSText-Regular\"",
 					"\"San Francisco\"",
@@ -3913,62 +3912,62 @@ function init_base() {
 					muted: color.dark,
 					accent: color.secondary,
 					inverse: color.lightest,
-					positive: "#427C27",
-					warning: "#7A4100",
-					negative: "#C23400",
+					positive: "#248A3D",
+					warning: "#C93400",
+					negative: "#D70015",
 					critical: "#FFFFFF",
-					agentic: "#723aa6"
+					agentic: "#8944AB"
 				},
 				bgColor: {
 					default: color.lightest,
 					muted: background.app,
-					positive: "#F1FFEB",
-					warning: "#FFF7EB",
-					negative: "#FFF0EB",
-					critical: "#D13800",
-					agentic: "#f5f0fa"
+					positive: "#EAF9EE",
+					warning: "#FFF4E5",
+					negative: "#FFEBEA",
+					critical: "#D70015",
+					agentic: "#F7EEFC"
 				},
 				borderColor: {
 					default: color.border,
-					muted: "hsl(0 0% 0% / 0.1)",
-					inverse: "hsl(0 0% 100% / 0.1)",
-					positive: "#BFE7AC",
-					warning: "#FFCE85",
-					negative: "#FFC3AD",
-					critical: "hsl(16 100% 100% / 0)",
-					agentic: "#e1d2ef"
+					muted: "rgba(0, 0, 0, 0.1)",
+					inverse: "rgba(255, 255, 255, 0.1)",
+					positive: "#B4E9C1",
+					warning: "#FFD9A3",
+					negative: "#FFC2BE",
+					critical: "rgba(255, 255, 255, 0)",
+					agentic: "#E5CCF4"
 				}
 			},
 			dark: {
 				fgColor: {
-					default: "#C9CCCF",
-					muted: "#95999D",
-					accent: "#479DFF",
-					inverse: "#1B1C1D",
-					positive: "#86CE64",
-					warning: "#FFAD33",
-					negative: "#FF6933",
-					critical: "#FF6933",
-					agentic: "#b07fdc"
+					default: "#F2F2F7",
+					muted: "#98989F",
+					accent: "#0A84FF",
+					inverse: "#1C1C1E",
+					positive: "#30D158",
+					warning: "#FF9F0A",
+					negative: "#FF453A",
+					critical: "#FF453A",
+					agentic: "#BF5AF2"
 				},
 				bgColor: {
-					default: "#222325",
-					muted: "#1B1C1D",
-					positive: "hsl(101 100% 100% / 0)",
-					warning: "hsl(101 100% 100% / 0)",
-					negative: "hsl(101 100% 100% / 0)",
-					critical: "hsl(101 100% 100% / 0)",
-					agentic: "rgba(114,58,166,0.15)"
+					default: "#1C1C1E",
+					muted: "#000000",
+					positive: "rgba(48, 209, 88, 0)",
+					warning: "rgba(255, 159, 10, 0)",
+					negative: "rgba(255, 69, 58, 0)",
+					critical: "rgba(255, 69, 58, 0)",
+					agentic: "rgba(191, 90, 242, 0.15)"
 				},
 				borderColor: {
-					default: "hsl(0 0% 100% / 0.1)",
-					muted: "hsl(0 0% 100% / 0.5)",
-					inverse: "hsl(0 0% 0% / 0.1)",
-					positive: "hsl(101 52% 64% / 0.15)",
-					warning: "hsl(36 100% 64% / 0.15)",
-					negative: "hsl(16 100% 64% / 0.15)",
-					critical: "#FF6933",
-					agentic: "rgba(114,58,166,0.35)"
+					default: "rgba(84, 84, 88, 0.6)",
+					muted: "rgba(255, 255, 255, 0.5)",
+					inverse: "rgba(0, 0, 0, 0.1)",
+					positive: "rgba(48, 209, 88, 0.2)",
+					warning: "rgba(255, 159, 10, 0.2)",
+					negative: "rgba(255, 69, 58, 0.2)",
+					critical: "#FF453A",
+					agentic: "rgba(191, 90, 242, 0.35)"
 				}
 			}
 		};
@@ -3976,36 +3975,37 @@ function init_base() {
 }
 //#endregion
 //#region src/theming/themes/dark.ts
-var theme$1;
+var border, theme$1;
 function init_dark() {
 	return (init_dark = __esmMin((() => {
 		init_base();
+		border = "rgba(84, 84, 88, 0.6)";
 		theme$1 = {
 			base: "dark",
-			colorPrimary: "#FF4785",
-			colorSecondary: "#479DFF",
-			appBg: "#1B1C1D",
-			appContentBg: "#222325",
-			appHoverBg: "#233952",
+			colorPrimary: "#0A84FF",
+			colorSecondary: "#0A84FF",
+			appBg: "#000000",
+			appContentBg: "#1C1C1E",
+			appHoverBg: "#2C2C2E",
 			appPreviewBg: color.lightest,
-			appBorderColor: "hsl(0 0% 100% / 0.1)",
+			appBorderColor: border,
 			appBorderRadius: 4,
 			fontBase: typography.fonts.base,
 			fontCode: typography.fonts.mono,
-			textColor: "#C9CCCF",
-			textInverseColor: "#1B1C1D",
-			textMutedColor: "#95999D",
-			barTextColor: "#95999D",
-			barHoverColor: "#70B3FF",
-			barSelectedColor: "#479DFF",
-			barBg: "#222325",
-			buttonBg: "#1B1C1D",
-			buttonBorder: "hsl(0 0% 100% / 0.1)",
-			booleanBg: "#1B1C1D",
-			booleanSelectedBg: "#292B2E",
-			inputBg: "#1B1C1D",
-			inputBorder: "hsl(0 0% 100% / 0.1)",
-			inputTextColor: "#C9CCCF",
+			textColor: "#F2F2F7",
+			textInverseColor: "#1C1C1E",
+			textMutedColor: "#98989F",
+			barTextColor: "#98989F",
+			barHoverColor: "#F2F2F7",
+			barSelectedColor: "#0A84FF",
+			barBg: "#1C1C1E",
+			buttonBg: "#2C2C2E",
+			buttonBorder: border,
+			booleanBg: "#2C2C2E",
+			booleanSelectedBg: "#3A3A3C",
+			inputBg: "#2C2C2E",
+			inputBorder: border,
+			inputTextColor: "#F2F2F7",
 			inputBorderRadius: 4
 		};
 	})))();
@@ -4022,7 +4022,7 @@ function init_light() {
 			colorSecondary: color.secondary,
 			appBg: background.app,
 			appContentBg: color.lightest,
-			appHoverBg: "#DBECFF",
+			appHoverBg: background.hoverable,
 			appPreviewBg: color.lightest,
 			appBorderColor: color.border,
 			appBorderRadius: 4,
@@ -4032,8 +4032,8 @@ function init_light() {
 			textInverseColor: color.lightest,
 			textMutedColor: color.dark,
 			barTextColor: color.dark,
-			barHoverColor: "#005CC7",
-			barSelectedColor: "#0063D6",
+			barHoverColor: color.darkest,
+			barSelectedColor: color.secondary,
 			barBg: color.lightest,
 			buttonBg: background.app,
 			buttonBorder: color.medium,
@@ -4052,9 +4052,9 @@ var globalWindow, isColorString, isValidColorForPolished, applyPolished, colorFa
 function init_utils() {
 	return (init_utils = __esmMin((() => {
 		init_client_logger();
-		init_dist$2();
+		init_global();
 		init_polished_esm();
-		({window: globalWindow} = scope);
+		({window: globalWindow} = global);
 		isColorString = (color) => {
 			if (typeof color !== "string") {
 				logger.warn(`Color passed to theme object should be a string. Instead ${color}(${typeof color}) was passed.`);
@@ -4233,7 +4233,7 @@ function init_utils$1() {
 				once.warn(dedent`
       Omitted potentially unsafe URL args.
 
-      More info: https://storybook.js.org/docs/writing-stories/args?ref=error#setting-args-through-the-url
+      More info: https://forkbook.ljk.dev/docs/writing-stories/args#setting-args-through-the-url
     `);
 				return acc;
 			}, {});
@@ -4265,9 +4265,93 @@ function init_utils$1() {
 	})))();
 }
 //#endregion
+//#region src/router/story-paths.ts
+var APP_ROUTE_SEGMENTS, HOME_PATH, ALL_STORIES_PATH, isRootPageEnabled, RESERVED_URL_PATHS, firstSegment, isReservedUrlPath, trimTrailingSlash, entryUrlPath, buildStoryPathMap, currentMap, setStoryPathEntries, storyRouteRegex, toUrlPath, fromUrlPath, buildManagerHref, urlPathDepth;
+function init_story_paths() {
+	return (init_story_paths = __esmMin((() => {
+		init_csf_utils();
+		APP_ROUTE_SEGMENTS = /* @__PURE__ */ new Set(["settings", "review"]);
+		HOME_PATH = "/home/";
+		ALL_STORIES_PATH = "/all/";
+		isRootPageEnabled = () => globalThis.FORKBOOK_ROOT?.enabled === true;
+		RESERVED_URL_PATHS = ["/", "/all"];
+		firstSegment = (path) => path.split("/").filter(Boolean)[0] ?? "";
+		isReservedUrlPath = (urlPath) => {
+			const path = trimTrailingSlash(urlPath.toLowerCase());
+			if (RESERVED_URL_PATHS.includes(path)) return true;
+			const first = firstSegment(path);
+			return APP_ROUTE_SEGMENTS.has(first) || first.startsWith("_");
+		};
+		trimTrailingSlash = (path) => path.length > 1 ? path.replace(/\/+$/, "") : path;
+		entryUrlPath = (entry) => {
+			const segments = [...entry.title.split("/"), entry.name].map(sanitize).filter(Boolean);
+			if (segments.length < 2) return;
+			const path = `/${segments.join("/")}`;
+			return isReservedUrlPath(path) ? void 0 : path;
+		};
+		buildStoryPathMap = (entries) => {
+			const map = {
+				byId: /* @__PURE__ */ new Map(),
+				byUrl: /* @__PURE__ */ new Map()
+			};
+			for (const entry of entries) {
+				if (entry.type !== "story" && entry.type !== "docs") continue;
+				const urlPath = entryUrlPath(entry);
+				if (!urlPath || map.byUrl.has(urlPath)) continue;
+				map.byId.set(entry.id, urlPath);
+				map.byUrl.set(urlPath, {
+					id: entry.id,
+					viewMode: entry.type === "docs" ? "docs" : "story"
+				});
+			}
+			return map;
+		};
+		currentMap = buildStoryPathMap([]);
+		setStoryPathEntries = (entries) => {
+			currentMap = buildStoryPathMap(entries);
+		};
+		storyRouteRegex = /^\/(story|docs)\/(.+)$/;
+		toUrlPath = (internalPath, map = currentMap) => {
+			if (!internalPath || internalPath === "/" || internalPath === "/home/") return "/";
+			if (internalPath === "/all/") return "/all";
+			const match = internalPath.match(storyRouteRegex);
+			if (!match) return internalPath;
+			const [, viewMode, id] = match;
+			const urlPath = map.byId.get(id);
+			if (urlPath && map.byUrl.get(urlPath)?.viewMode === viewMode) return urlPath;
+			return `/_${viewMode}/${id}`;
+		};
+		fromUrlPath = (urlPath, map = currentMap) => {
+			let path = urlPath || "/";
+			try {
+				path = decodeURI(path);
+			} catch {}
+			path = path.toLowerCase();
+			if (path === "/index.html") path = "/";
+			const first = firstSegment(path);
+			if (APP_ROUTE_SEGMENTS.has(first)) return path;
+			const trimmed = trimTrailingSlash(path);
+			if (trimmed === "/all") return ALL_STORIES_PATH;
+			if (trimmed === "/") return isRootPageEnabled() ? HOME_PATH : "/";
+			const escaped = trimmed.match(/^\/_(story|docs)\/(.+)$/);
+			if (escaped) return `/${escaped[1]}/${escaped[2]}`;
+			const known = map.byUrl.get(trimmed);
+			if (known) return `/${known.viewMode}/${known.id}`;
+			const segments = trimmed.split("/").filter(Boolean);
+			if (segments.length < 2) return "/";
+			const name = segments[segments.length - 1];
+			return `/${name === "docs" ? "docs" : "story"}/${segments.slice(0, -1).join("-")}--${name}`;
+		};
+		buildManagerHref = (base, internalPath, query = "") => {
+			return `${base.endsWith("/") ? base : `${base}/`}${toUrlPath(internalPath).slice(1)}${query ? `?${query}` : ""}`;
+		};
+		urlPathDepth = (urlPath) => urlPath.split("/").filter(Boolean).length;
+	})))();
+}
+//#endregion
 //#region src/router/router.tsx
 function Match({ children, path: targetPath, startsWith = false }) {
-	return /* @__PURE__ */ import_react$4.default.createElement(Location, null, ({ path: urlPath, ...rest }) => children({
+	return /* @__PURE__ */ import_react$5.default.createElement(Location, null, ({ path: urlPath, ...rest }) => children({
 		match: getMatch(urlPath, targetPath, startsWith),
 		...rest
 	}));
@@ -4276,27 +4360,42 @@ function Route(input) {
 	const { children, ...rest } = input;
 	if (rest.startsWith === void 0) rest.startsWith = false;
 	const matchProps = rest;
-	return /* @__PURE__ */ import_react$4.default.createElement(Match, matchProps, ({ match }) => match ? children : null);
+	return /* @__PURE__ */ import_react$5.default.createElement(Match, matchProps, ({ match }) => match ? children : null);
 }
-var import_react$4, document$1, getBase, useNavigate, Link, Location, LocationProvider, BaseLocationProvider, MemoryRouter;
+var import_react$5, document$1, getBasename, toRouterUrl, useNavigate, Link, Location, LocationProvider, BaseLocationProvider, MemoryRouter;
 function init_router() {
 	return (init_router = __esmMin((() => {
-		import_react$4 = /* @__PURE__ */ __toESM(require_react(), 1);
-		init_dist$2();
-		init_dist$4();
+		import_react$5 = /* @__PURE__ */ __toESM(require_react(), 1);
+		init_global();
+		init_dist$3();
 		init_core_events();
 		init_manager_api();
+		init_story_paths();
 		init_utils$1();
-		({document: document$1} = scope);
-		getBase = () => `${document$1.location.pathname}?`;
+		({document: document$1} = global);
+		getBasename = () => {
+			try {
+				return new URL(".", document$1.baseURI).pathname.replace(/\/+$/, "");
+			} catch {
+				return "";
+			}
+		};
+		toRouterUrl = (target) => {
+			const [beforeHash, afterHash] = target.split(/#(.*)/s);
+			const [path, ...queryParts] = beforeHash.split("&");
+			const [hash, ...hashQueryParts] = afterHash === void 0 ? [] : afterHash.split("&");
+			const query = [...queryParts, ...hashQueryParts].join("&");
+			return `${toUrlPath(path || "/")}${query ? `?${query}` : ""}${hash ? `#${hash}` : ""}`;
+		};
 		useNavigate = () => {
 			const navigate = useNavigate$1();
-			return (0, import_react$4.useCallback)((to, { plain, ...options } = {}) => {
+			return (0, import_react$5.useCallback)((to, { plain, ...options } = {}) => {
 				if (typeof to === "string" && to.startsWith("#")) return navigate(`${document$1.location.search}${to === "#" ? "" : to}`, options);
 				if (typeof to === "string") {
-					const target = plain ? to : `?path=${to}`;
-					const [search, hash] = target.split("#");
-					if (search === document$1.location.search && hash) {
+					const target = plain ? to : toRouterUrl(to);
+					const [url, hash] = target.split("#");
+					const current = `${document$1.location.pathname}${document$1.location.search}`;
+					if ((plain ? url === document$1.location.search : `${getBasename()}${url}` === current) && hash) {
 						addons.getChannel().emit(NAVIGATE_URL, `#${hash}`);
 						return;
 					}
@@ -4305,16 +4404,21 @@ function init_router() {
 				if (typeof to === "number") return navigate(to);
 			}, []);
 		};
-		Link = ({ to, children, ...rest }) => /* @__PURE__ */ import_react$4.default.createElement(Link$1, {
-			to: `${getBase()}path=${to}`,
+		Link = ({ to, children, ...rest }) => /* @__PURE__ */ import_react$5.default.createElement(Link$1, {
+			to: toRouterUrl(to),
 			...rest
 		}, children);
 		Link.displayName = "QueryLink";
 		Location = ({ children }) => {
 			const location = useLocation();
-			const { path = "", singleStory } = queryFromLocation(location);
+			const navigate = useNavigate$1();
+			const { path: legacyPath, singleStory, ...otherQuery } = queryFromLocation(location);
+			const path = legacyPath || fromUrlPath(location.pathname);
 			const { viewMode, storyId, refId } = parsePath(path);
-			return /* @__PURE__ */ import_react$4.default.createElement(import_react$4.default.Fragment, null, children({
+			(0, import_react$5.useEffect)(() => {
+				if (legacyPath) navigate(`${toUrlPath(legacyPath)}${stringifyQuery(otherQuery)}${location.hash}`, { replace: true });
+			}, [legacyPath]);
+			return /* @__PURE__ */ import_react$5.default.createElement(import_react$5.default.Fragment, null, children({
 				path: path || "/",
 				location,
 				viewMode,
@@ -4326,7 +4430,10 @@ function init_router() {
 		Location.displayName = "QueryLocation";
 		Match.displayName = "QueryMatch";
 		Route.displayName = "Route";
-		LocationProvider = (...args) => BrowserRouter(...args);
+		LocationProvider = (props) => BrowserRouter({
+			basename: getBasename() || void 0,
+			...props
+		});
 		BaseLocationProvider = (...args) => Router(...args);
 		MemoryRouter = (...args) => MemoryRouter$1(...args);
 	})))();
@@ -4334,38 +4441,52 @@ function init_router() {
 //#endregion
 //#region src/router/index.ts
 var router_exports = /* @__PURE__ */ __exportAll({
+	ALL_STORIES_PATH: () => ALL_STORIES_PATH,
 	BaseLocationProvider: () => BaseLocationProvider,
 	DEEPLY_EQUAL: () => DEEPLY_EQUAL,
+	HOME_PATH: () => HOME_PATH,
 	Link: () => Link,
 	Location: () => Location,
 	LocationProvider: () => LocationProvider,
 	Match: () => Match,
 	MemoryRouter: () => MemoryRouter,
+	RESERVED_URL_PATHS: () => RESERVED_URL_PATHS,
 	Route: () => Route,
 	buildArgsParam: () => buildArgsParam,
+	buildManagerHref: () => buildManagerHref,
+	buildStoryPathMap: () => buildStoryPathMap,
 	deepDiff: () => deepDiff,
+	entryUrlPath: () => entryUrlPath,
+	fromUrlPath: () => fromUrlPath,
+	getBasename: () => getBasename,
 	getMatch: () => getMatch,
+	isReservedUrlPath: () => isReservedUrlPath,
 	parsePath: () => parsePath,
 	queryFromLocation: () => queryFromLocation,
+	setStoryPathEntries: () => setStoryPathEntries,
 	stringifyQuery: () => stringifyQuery,
+	toRouterUrl: () => toRouterUrl,
+	toUrlPath: () => toUrlPath,
+	urlPathDepth: () => urlPathDepth,
 	useNavigate: () => useNavigate
 });
 function init_router$1() {
 	return (init_router$1 = __esmMin((() => {
 		init_utils$1();
 		init_router();
+		init_story_paths();
 	})))();
 }
 //#endregion
 //#region src/shared/universal-store/use-universal-store-manager.ts
-var import_react$3, useUniversalStore;
+var import_react$4, useUniversalStore;
 function init_use_universal_store_manager() {
 	return (init_use_universal_store_manager = __esmMin((() => {
-		import_react$3 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$4 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_isEqual();
 		useUniversalStore = (universalStore, selector) => {
-			const snapshotRef = import_react$3.useRef(selector ? selector(universalStore.getState()) : universalStore.getState());
-			const subscribe = import_react$3.useCallback((listener) => universalStore.onStateChange((state, previousState) => {
+			const snapshotRef = import_react$4.useRef(selector ? selector(universalStore.getState()) : universalStore.getState());
+			const subscribe = import_react$4.useCallback((listener) => universalStore.onStateChange((state, previousState) => {
 				if (!selector) {
 					snapshotRef.current = state;
 					listener();
@@ -4378,14 +4499,14 @@ function init_use_universal_store_manager() {
 					listener();
 				}
 			}), [universalStore, selector]);
-			const getSnapshot = import_react$3.useCallback(() => {
+			const getSnapshot = import_react$4.useCallback(() => {
 				const currentState = universalStore.getState();
 				const selectedState = selector ? selector(currentState) : currentState;
 				if (isEqual(selectedState, snapshotRef.current)) return snapshotRef.current;
 				snapshotRef.current = selectedState;
 				return snapshotRef.current;
 			}, [universalStore, selector]);
-			return [import_react$3.useSyncExternalStore(subscribe, getSnapshot), universalStore.setState];
+			return [import_react$4.useSyncExternalStore(subscribe, getSnapshot), universalStore.setState];
 		};
 	})))();
 }
@@ -4528,19 +4649,19 @@ function init_test_provider_store() {
 * ```
 */
 function useServiceCommand(service, commandName) {
-	return import_react$2.useMemo(() => service.commands[commandName], [service, commandName]);
+	return import_react$3.useMemo(() => service.commands[commandName], [service, commandName]);
 }
-var import_react$2;
+var import_react$3;
 function init_use_service_command() {
 	return (init_use_service_command = __esmMin((() => {
-		import_react$2 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$3 = /* @__PURE__ */ __toESM(require_react(), 1);
 	})))();
 }
 //#endregion
 //#region src/shared/open-service/use-service-query.ts
 function useServiceQuery(query, input, selector) {
-	const subscriptionKeyRef = import_react$1.useRef(null);
-	const snapshotRef = import_react$1.useRef(void 0);
+	const subscriptionKeyRef = import_react$2.useRef(null);
+	const snapshotRef = import_react$2.useRef(void 0);
 	if (subscriptionKeyRef.current === null || subscriptionKeyRef.current.query !== query || !isEqual(subscriptionKeyRef.current.input, input) || subscriptionKeyRef.current.selector !== selector) {
 		subscriptionKeyRef.current = {
 			query,
@@ -4550,7 +4671,7 @@ function useServiceQuery(query, input, selector) {
 		snapshotRef.current = selector ? seedQueryState(query, input, selector) : seedQueryState(query, input);
 	}
 	const subscriptionKey = subscriptionKeyRef.current;
-	const subscribe = import_react$1.useCallback((listener) => {
+	const subscribe = import_react$2.useCallback((listener) => {
 		const { query: q, input: i, selector: s } = subscriptionKey;
 		const onQueryState = (queryState) => {
 			snapshotRef.current = queryState;
@@ -4558,15 +4679,15 @@ function useServiceQuery(query, input, selector) {
 		};
 		return s ? q.subscribe(i, s, onQueryState) : q.subscribe(i, onQueryState);
 	}, [subscriptionKey]);
-	const getSnapshot = import_react$1.useCallback(() => {
+	const getSnapshot = import_react$2.useCallback(() => {
 		return snapshotRef.current;
 	}, []);
-	return import_react$1.useSyncExternalStore(subscribe, getSnapshot);
+	return import_react$2.useSyncExternalStore(subscribe, getSnapshot);
 }
-var import_react$1;
+var import_react$2;
 function init_use_service_query() {
 	return (init_use_service_query = __esmMin((() => {
-		import_react$1 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$2 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_isEqual();
 	})))();
 }
@@ -4596,6 +4717,66 @@ function init_manager() {
 	})))();
 }
 //#endregion
+//#region src/shared/use-sync-external-store/shim.ts
+function init_shim() {
+	return (init_shim = __esmMin((() => {})))();
+}
+//#endregion
+//#region src/shared/use-sync-external-store/with-selector.ts
+function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+	const instRef = (0, import_react$1.useRef)(null);
+	if (instRef.current === null) instRef.current = {
+		hasValue: false,
+		value: null
+	};
+	const inst = instRef.current;
+	const [getSelection, getServerSelection] = (0, import_react$1.useMemo)(() => {
+		let hasMemo = false;
+		let memoizedSnapshot;
+		let memoizedSelection;
+		const memoizedSelector = (nextSnapshot) => {
+			if (!hasMemo) {
+				hasMemo = true;
+				memoizedSnapshot = nextSnapshot;
+				const nextSelection = selector(nextSnapshot);
+				if (isEqual !== void 0 && inst.hasValue) {
+					const currentSelection = inst.value;
+					if (isEqual(currentSelection, nextSelection)) return memoizedSelection = currentSelection;
+				}
+				return memoizedSelection = nextSelection;
+			}
+			const currentSelection = memoizedSelection;
+			if (Object.is(memoizedSnapshot, nextSnapshot)) return currentSelection;
+			const nextSelection = selector(nextSnapshot);
+			if (isEqual !== void 0 && isEqual(currentSelection, nextSelection)) {
+				memoizedSnapshot = nextSnapshot;
+				return currentSelection;
+			}
+			memoizedSnapshot = nextSnapshot;
+			return memoizedSelection = nextSelection;
+		};
+		return [() => memoizedSelector(getSnapshot()), getServerSnapshot == null ? void 0 : () => memoizedSelector(getServerSnapshot())];
+	}, [
+		getSnapshot,
+		getServerSnapshot,
+		selector,
+		isEqual
+	]);
+	const value = (0, import_react$1.useSyncExternalStore)(subscribe, getSelection, getServerSelection);
+	(0, import_react$1.useEffect)(() => {
+		inst.hasValue = true;
+		inst.value = value;
+	}, [value]);
+	(0, import_react$1.useDebugValue)(value);
+	return value;
+}
+var import_react$1;
+function init_with_selector() {
+	return (init_with_selector = __esmMin((() => {
+		import_react$1 = require_react();
+	})))();
+}
+//#endregion
 //#region src/theming/modules/syntax.ts
 var chromeDark, chromeLight, create;
 function init_syntax() {
@@ -4843,7 +5024,7 @@ function init_css_vars() {
 		kebab = (key) => key.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
 		px = (value) => typeof value === "number" ? `${value}px` : value;
 		addGroup = (vars, prefix, group, unit = String) => {
-			for (const [key, value] of Object.entries(group ?? {})) if (typeof value === "string" || typeof value === "number") vars[`--sb-${prefix}-${kebab(key)}`] = unit(value);
+			for (const [key, value] of Object.entries(group ?? {})) if (typeof value === "string" || typeof value === "number") vars[`--fb-${prefix}-${kebab(key)}`] = unit(value);
 		};
 		themeToCssVars = (theme) => {
 			const vars = {};
@@ -4894,7 +5075,7 @@ function init_ThemeProvider() {
 				...themeToCssVars(theme)
 			}), [theme]);
 			return /* @__PURE__ */ import_react.default.createElement(ThemeContext.Provider, { value: theme }, /* @__PURE__ */ import_react.default.createElement("div", {
-				"data-sb-theme": theme.base,
+				"data-fb-theme": theme.base,
 				style
 			}, children));
 		};
@@ -4903,8 +5084,8 @@ function init_ThemeProvider() {
 //#endregion
 //#region src/theming/global.ts
 var resetCss, globalCss;
-function init_global() {
-	return (init_global = __esmMin((() => {
+function init_global$1() {
+	return (init_global$1 = __esmMin((() => {
 		init_base();
 		resetCss = `
 body {
@@ -4921,6 +5102,30 @@ body {
   box-sizing: border-box;
 }
 
+/* 1px neutral scrollbars everywhere (panels, docs, code blocks).
+   Chrome ignores the ::-webkit-scrollbar rules when scrollbar-width is set,
+   so only Firefox gets scrollbar-width. */
+@supports (-moz-appearance: none) {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: rgb(120 120 128 / 0.45) transparent;
+  }
+}
+
+::-webkit-scrollbar {
+  width: 1px;
+  height: 1px;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(120 120 128 / 0.6);
+}
+
 h1, h2, h3, h4, h5, h6 {
   font-weight: ${typography.weight.regular};
   margin: 0;
@@ -4981,24 +5186,24 @@ pre {
 ${resetCss}
 
 body {
-  font-family: var(--sb-font-base);
+  font-family: var(--fb-font-base);
   position: fixed;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
-  color: var(--sb-color-default-text);
-  background: var(--sb-background-app);
+  color: var(--fb-color-default-text);
+  background: var(--fb-background-app);
 }
 
 code, pre {
-  font-family: var(--sb-font-mono);
+  font-family: var(--fb-font-mono);
 }
 
 hr {
-  border-top: 1px solid var(--sb-color-border);
+  border-top: 1px solid var(--fb-color-border);
 }
 
-.sb-sr-only, .sb-hidden-until-focus:not(:focus) {
+.fb-sr-only, .fb-hidden-until-focus:not(:focus) {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5011,29 +5216,29 @@ hr {
   border: 0;
 }
 
-.sb-hidden-until-focus {
+.fb-hidden-until-focus {
   opacity: 0;
   transition: opacity 150ms ease-out;
 }
 
-.sb-hidden-until-focus:focus {
+.fb-hidden-until-focus:focus {
   opacity: 1;
 }
 
-[data-sb-landmark] {
+[data-fb-landmark] {
   position: relative;
 }
 
-[data-sb-landmark]:focus-visible {
+[data-fb-landmark]:focus-visible {
   outline: none;
 }
 
-[data-sb-landmark]:focus-visible::after {
-  outline: 2px solid var(--sb-color-primary);
+[data-fb-landmark]:focus-visible::after {
+  outline: 2px solid var(--fb-color-primary);
   outline-offset: -2px;
 }
 
-[data-sb-landmark]::after {
+[data-fb-landmark]::after {
   content: '';
   position: absolute;
   inset: 0;
@@ -5091,7 +5296,7 @@ function init_theming() {
 		init_base();
 		init_ThemeProvider();
 		init_css_vars();
-		init_global();
+		init_global$1();
 		init_create();
 		init_convert();
 		init_ensure();
@@ -5099,4 +5304,4 @@ function init_theming() {
 	})))();
 }
 //#endregion
-export { clearAnnouncer as $, create_exports as A, init_events as B, router_exports as C, init_routes as D, queryFromLocation as E, Tag as F, countStatusesByValue as G, NON_AGGREGATED_STATUS_TYPE_IDS as H, USER_TAG_FILTER as I, statusValueShortName as J, createStatusStore as K, init_tags as L, init_test as M, test_exports as N, isReviewManagerRoute as O, BUILT_IN_FILTERS as P, announce as Q, REVIEW_EVENTS as R, init_router$1 as S, init_utils$1 as T, REVIEW_STATUS_TYPE_ID as U, CHANGE_DETECTION_STATUS_TYPE_ID as V, UNIVERSAL_STATUS_STORE_OPTIONS as W, init_useCopyButton as X, toStatusValue as Y, useCopyButton as Z, init_test_provider_store as _, useTheme as a, UniversalStore as at, init_use_universal_store_manager as b, getService as c, init_storybook_error as ct, init_use_service_query as d, destroyAnnouncer as et, useServiceQuery as f, createTestProviderStore as g, UNIVERSAL_TEST_PROVIDER_STORE_OPTIONS as h, init_ThemeProvider as i, matchesHostname as it, init_create as j, create$1 as k, init_manager as l, useServiceCommand as m, theming_exports as n, LOOPBACK_HOSTNAMES as nt, init_css_vars as o, init_universal_store as ot, init_use_service_command as p, init_status_store as q, ThemeProvider as r, init_local_hosts as rt, themeToCssVars as s, StorybookError as st, init_theming as t, init_announce as tt, registerService as u, MockUniversalStore as v, buildArgsParam as w, useUniversalStore as x, init_mock as y, REVIEW_NAMESPACE as z };
+export { countStatusesByValue as $, setStoryPathEntries as A, init_test as B, init_use_universal_store_manager as C, buildManagerHref as D, router_exports as E, init_routes as F, init_tags as G, BUILT_IN_FILTERS as H, isReviewManagerRoute as I, init_events as J, REVIEW_EVENTS as K, create$1 as L, buildArgsParam as M, init_utils$1 as N, fromUrlPath as O, queryFromLocation as P, UNIVERSAL_STATUS_STORE_OPTIONS as Q, create_exports as R, init_mock as S, init_router$1 as T, Tag as U, test_exports as V, USER_TAG_FILTER as W, NON_AGGREGATED_STATUS_TYPE_IDS as X, CHANGE_DETECTION_STATUS_TYPE_ID as Y, REVIEW_STATUS_TYPE_ID as Z, useServiceCommand as _, StorybookError as _t, useTheme as a, useCopyButton as at, init_test_provider_store as b, init_with_selector as c, destroyAnnouncer as ct, getService as d, init_local_hosts as dt, createStatusStore as et, init_manager as f, matchesHostname as ft, init_use_service_command as g, init_universal_store as gt, useServiceQuery as h, UniversalStore as ht, init_ThemeProvider as i, init_useCopyButton as it, toUrlPath as j, init_story_paths as k, useSyncExternalStoreWithSelector as l, init_announce as lt, init_use_service_query as m, init_global as mt, theming_exports as n, statusValueShortName as nt, init_css_vars as o, announce as ot, registerService as p, global as pt, REVIEW_NAMESPACE as q, ThemeProvider as r, toStatusValue as rt, themeToCssVars as s, clearAnnouncer as st, init_theming as t, init_status_store as tt, init_shim as u, LOOPBACK_HOSTNAMES as ut, UNIVERSAL_TEST_PROVIDER_STORE_OPTIONS as v, init_storybook_error as vt, useUniversalStore as w, MockUniversalStore as x, createTestProviderStore as y, init_create as z };