@clarify-labs/renderer 0.9.4 → 0.10.1

package/output/{PageActions-CTn2XkPg.cjs → PageActions-BjB6PYmL.cjs}

@@ -1,249 +1,15 @@
-const require_chunk = require("./chunk-DakpK96I.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_i18n = require("./i18n-b4iTLeia.cjs");
 let clsx = require("clsx");
-clsx = require_chunk.__toESM(clsx, 1);
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let _headlessui_react = require("@headlessui/react");
 let lucide_react = require("lucide-react");
-lucide_react = require_chunk.__toESM(lucide_react, 1);
+lucide_react = require_rolldown_runtime.__toESM(lucide_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 let zustand = require("zustand");
-//#region source/core/context.tsx
-var ConfigContext = (0, react.createContext)(null);
-var LocaleContext = (0, react.createContext)(void 0);
-var OpenApisContext = (0, react.createContext)({});
-function useConfig() {
-	const config = (0, react.useContext)(ConfigContext);
-	if (!config) throw new Error("[clarify] useConfig must be used within a ConfigContext.Provider");
-	return config;
-}
-function useConfigOptional() {
-	return (0, react.useContext)(ConfigContext);
-}
-function useLocale() {
-	return (0, react.useContext)(LocaleContext);
-}
-function useOpenApis() {
-	return (0, react.useContext)(OpenApisContext);
-}
-//#endregion
-//#region source/core/i18n.ts
-var builtInText = {
-	en: {
-		"actions.code": "Code",
-		"actions.copy": "Copy",
-		"actions.copied": "Copied!",
-		"builtWith.label": "Built with Clarify",
-		"builtWith.prefix": "Built with",
-		"callout.danger": "Danger",
-		"callout.info": "Info",
-		"callout.note": "Note",
-		"callout.success": "Success",
-		"callout.tip": "Tip",
-		"callout.warning": "Warning",
-		"contentActions.copyContent": "Copy page",
-		"contentActions.copyContentDescription": "Copy this page as {contentType} for LLMs",
-		"contentActions.copyLink": "Copy {contentType} link",
-		"contentActions.copyLinkDescription": "Copy the raw {contentType} content link for this page",
-		"contentActions.copyLlms": "Copy llms.txt",
-		"contentActions.copyLlmsDescription": "Copy the llms.txt link for this site",
-		"contentActions.copiedLlms": "Copied llms.txt",
-		"contentActions.editPage": "Edit this page",
-		"contentActions.editPageDescription": "Open the source file for this page",
-		"contentActions.copyOptions": "Choose copy option",
-		"contentActions.copiedContent": "Copied page",
-		"contentActions.copiedLink": "Copied link",
-		"contentActions.viewMarkdown": "View as Markdown",
-		"contentActions.viewMarkdownDescription": "View this page as plain text",
-		"contentActions.viewOpenApi": "View raw OpenAPI",
-		"contentActions.viewOpenApiDescription": "Open the API description file in a new tab",
-		"feedback.no": "No",
-		"feedback.prompt": "Was this page helpful?",
-		"feedback.thanks": "Thanks for your feedback!",
-		"feedback.yes": "Yes",
-		"navigation.documentation": "Documentation",
-		"navigation.next": "Next",
-		"navigation.previous": "Previous",
-		"navigation.previousNext": "Previous and next pages",
-		"navigation.toggle": "Toggle navigation",
-		"navbar.home": "Home",
-		"navbar.openLinks": "Open navigation links",
-		"navbar.sections": "Documentation sections",
-		"notFound.description": "The page may have moved, been renamed, or never existed. Check the address or return to the homepage.",
-		"notFound.home": "Back to homepage",
-		"notFound.label": "404",
-		"notFound.title": "Page not found",
-		"openapi.apiDocumentation": "API Documentation",
-		"openapi.bodyProperties": "Body properties",
-		"openapi.collapse": "Collapse",
-		"openapi.endpointNotFound": "Endpoint not found: {endpoint}",
-		"openapi.example": "Example",
-		"openapi.expand": "Expand",
-		"openapi.headers": "Headers",
-		"openapi.language": "Language",
-		"openapi.client": "Client",
-		"openapi.mediaType": "Media type",
-		"openapi.none": "None",
-		"openapi.openApiReference": "OpenAPI Reference",
-		"openapi.operationParameter": "Operation parameter.",
-		"openapi.optional": "Optional.",
-		"openapi.parameter": "parameter",
-		"openapi.pathParameters": "Path parameters",
-		"openapi.queryParameters": "Query parameters",
-		"openapi.request": "Request",
-		"openapi.requestBody": "Request body",
-		"openapi.responseBodyProperties": "Response body properties",
-		"openapi.required": "Required.",
-		"openapi.requiredBadge": "required",
-		"openapi.response": "Response",
-		"openapi.responses": "Responses",
-		"openapi.schemaExample": "Schema example",
-		"openapi.scrollExamplesLeft": "Scroll examples left",
-		"openapi.scrollExamplesRight": "Scroll examples right",
-		"openapi.specNotFound": "OpenAPI spec not found: {specPath}",
-		"openapi.specPathMissing": "spec or specPath was not provided",
-		"openapi.status": "Status",
-		"openapi.version": "Version {version}",
-		"search.button": "Search...",
-		"search.noResults": "Nothing found for {query}.",
-		"search.placeholder": "Find something...",
-		"search.shortcutCtrl": "Ctrl ",
-		"renderError.componentStack": "React component stack",
-		"renderError.description": "Clarify stopped rendering this route to keep the rest of the shell responsive. Review the diagnostics below, fix the page source, then reload the route.",
-		"renderError.details": "Runtime diagnostics",
-		"renderError.message": "Message",
-		"renderError.path": "Route",
-		"renderError.reload": "Reload route",
-		"renderError.stack": "JavaScript stack trace",
-		"renderError.title": "Route render failed",
-		"renderError.type": "Error type",
-		"renderError.version": "Clarify version",
-		"theme.switchToDark": "Switch to dark theme",
-		"theme.switchToLight": "Switch to light theme",
-		"theme.switchToSystem": "Follow system theme",
-		"language.switch": "Switch language",
-		"mermaid.zoomIn": "Zoom in",
-		"mermaid.zoomOut": "Zoom out",
-		"mermaid.resetZoom": "Reset zoom",
-		"mermaid.renderError": "Mermaid render error",
-		"mermaid.scrollHint": "Click the diagram to enable scroll-to-zoom"
-	},
-	"zh-CN": {
-		"actions.code": "代码",
-		"actions.copy": "复制",
-		"actions.copied": "已复制！",
-		"builtWith.label": "由 Clarify 构建",
-		"builtWith.prefix": "构建来自",
-		"callout.danger": "危险",
-		"callout.info": "信息",
-		"callout.note": "注意",
-		"callout.success": "成功",
-		"callout.tip": "提示",
-		"callout.warning": "警告",
-		"contentActions.copyContent": "复制页面",
-		"contentActions.copyContentDescription": "将页面以 {contentType} 格式复制给 LLMs",
-		"contentActions.copyLink": "复制 {contentType} 链接",
-		"contentActions.copyLinkDescription": "复制当前页面的 {contentType} 原始内容链接",
-		"contentActions.copyLlms": "复制 llms.txt",
-		"contentActions.copyLlmsDescription": "复制此站点的 llms.txt 链接",
-		"contentActions.copiedLlms": "已复制 llms.txt",
-		"contentActions.editPage": "编辑此页面",
-		"contentActions.editPageDescription": "打开当前页面的源文件",
-		"contentActions.copyOptions": "选择复制选项",
-		"contentActions.copiedContent": "已复制页面",
-		"contentActions.copiedLink": "已复制链接",
-		"contentActions.viewMarkdown": "以 Markdown 格式查看",
-		"contentActions.viewMarkdownDescription": "以纯文本查看此页面",
-		"contentActions.viewOpenApi": "查看 OpenAPI 原始内容",
-		"contentActions.viewOpenApiDescription": "在新标签页打开 API 描述文件",
-		"feedback.no": "否",
-		"feedback.prompt": "这个页面有帮助吗？",
-		"feedback.thanks": "感谢你的反馈！",
-		"feedback.yes": "是",
-		"navigation.documentation": "文档",
-		"navigation.next": "下一页",
-		"navigation.previous": "上一页",
-		"navigation.previousNext": "上一页和下一页",
-		"navigation.toggle": "切换导航",
-		"navbar.home": "首页",
-		"navbar.openLinks": "打开导航链接",
-		"navbar.sections": "文档栏目",
-		"notFound.description": "页面可能已移动、重命名或不存在。请检查地址，或返回首页继续浏览。",
-		"notFound.home": "返回首页",
-		"notFound.label": "404",
-		"notFound.title": "页面未找到",
-		"openapi.apiDocumentation": "API 文档",
-		"openapi.bodyProperties": "请求体属性",
-		"openapi.collapse": "收起",
-		"openapi.endpointNotFound": "未找到端点：{endpoint}",
-		"openapi.example": "示例",
-		"openapi.expand": "展开",
-		"openapi.headers": "请求头",
-		"openapi.language": "语言",
-		"openapi.client": "客户端",
-		"openapi.mediaType": "媒体类型",
-		"openapi.none": "无",
-		"openapi.openApiReference": "OpenAPI 参考",
-		"openapi.operationParameter": "操作参数。",
-		"openapi.optional": "可选。",
-		"openapi.parameter": "参数",
-		"openapi.pathParameters": "路径参数",
-		"openapi.queryParameters": "查询参数",
-		"openapi.request": "请求",
-		"openapi.requestBody": "请求体",
-		"openapi.responseBodyProperties": "响应体属性",
-		"openapi.required": "必填。",
-		"openapi.requiredBadge": "必填",
-		"openapi.response": "响应",
-		"openapi.responses": "响应",
-		"openapi.schemaExample": "Schema 示例",
-		"openapi.scrollExamplesLeft": "向左滚动示例",
-		"openapi.scrollExamplesRight": "向右滚动示例",
-		"openapi.specNotFound": "未找到 OpenAPI 描述文件：{specPath}",
-		"openapi.specPathMissing": "未提供 spec 或 specPath",
-		"openapi.status": "状态",
-		"openapi.version": "版本 {version}",
-		"search.button": "搜索...",
-		"search.noResults": "没有找到与 {query} 相关的结果。",
-		"search.placeholder": "搜索内容...",
-		"search.shortcutCtrl": "Ctrl ",
-		"renderError.componentStack": "React 组件栈",
-		"renderError.description": "Clarify 已停止渲染此路由，以保证文档 Shell 仍可响应。请查看下方诊断信息，修复页面源码后重新加载路由。",
-		"renderError.details": "运行时诊断",
-		"renderError.message": "错误消息",
-		"renderError.path": "路由",
-		"renderError.reload": "重新加载路由",
-		"renderError.stack": "JavaScript 堆栈",
-		"renderError.title": "路由渲染失败",
-		"renderError.type": "错误类型",
-		"renderError.version": "Clarify 版本",
-		"theme.switchToDark": "切换到深色主题",
-		"theme.switchToLight": "切换到浅色主题",
-		"theme.switchToSystem": "跟随系统主题",
-		"language.switch": "切换语言",
-		"mermaid.zoomIn": "放大",
-		"mermaid.zoomOut": "缩小",
-		"mermaid.resetZoom": "重置缩放",
-		"mermaid.renderError": "Mermaid 渲染错误",
-		"mermaid.scrollHint": "点击图表后即可滚轮缩放"
-	}
-};
-function resolveBuiltInLocale(locale) {
-	return locale === "zh-CN" || locale?.toLowerCase().startsWith("zh") ? "zh-CN" : "en";
-}
-function translateBuiltInText(locale, key, replacements = {}) {
-	let value = builtInText[resolveBuiltInLocale(locale)]?.[key] ?? builtInText.en[key];
-	for (const [name, replacement] of Object.entries(replacements)) value = value.replaceAll(`{${name}}`, replacement);
-	return value;
-}
-function useBuiltInText(locale) {
-	const config = (0, react.useContext)(ConfigContext);
-	const currentLocale = (0, react.useContext)(LocaleContext);
-	const resolvedLocale = locale ?? currentLocale ?? config?.i18n?.defaultLocale;
-	return (key, replacements) => translateBuiltInText(resolvedLocale, key, replacements);
-}
-//#endregion
 //#region source/utils/clipboard.ts
 async function copyTextToClipboard(text) {
 	if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) try {
@@ -303,9 +69,9 @@ function getAbsoluteUrl(path) {
 }
 function ContentActions(arg0) {
 	const { route, routePrefix } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const [copied, setCopied] = (0, react.useState)("idle");
-	if (!route?.contentArtifactUrl && !route?.sourceUrl) return null;
+	if (!route?.contentArtifactUrl && !route?.sourceEditUrl) return null;
 	const contentArtifactUrl = route.contentArtifactUrl ? resolveContentArtifactUrl(route.contentArtifactUrl, routePrefix) : void 0;
 	const isOpenApi = route.kind === "openapi";
 	const replacements = { contentType: isOpenApi ? "OpenAPI" : "Markdown" };
@@ -313,7 +79,7 @@ function ContentActions(arg0) {
 	const viewDescription = isOpenApi ? t("contentActions.viewOpenApiDescription") : t("contentActions.viewMarkdownDescription");
 	function markCopied(state) {
 		setCopied(state);
-		window.setTimeout(() => setCopied("idle"), 1600);
+		setTimeout(() => setCopied("idle"), 1600);
 	}
 	async function handleCopyContent() {
 		if (!contentArtifactUrl) return;
@@ -368,7 +134,7 @@ function ContentActions(arg0) {
 						children: copied === primaryAction.key ? t("actions.copied") : primaryAction.label
 					})]
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-					href: route.sourceUrl,
+					href: route.sourceEditUrl,
 					target: "_blank",
 					rel: "noreferrer",
 					className: "clarify-content-actions-primary clarify-ui-control inline-flex h-8 min-w-0 items-center gap-1.5 px-2.5 no-underline transition sm:px-3",
@@ -386,8 +152,8 @@ function ContentActions(arg0) {
 				anchor: "bottom end",
 				className: "clarify-content-actions-list clarify-ui-menu z-30 mt-2 w-(--clarify-ui-action-menu-width) origin-top-right rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1.5 shadow-xl shadow-zinc-900/5 transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
 				children: [
-					route.sourceUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-						href: route.sourceUrl,
+					route.sourceEditUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+						href: route.sourceEditUrl,
 						target: "_blank",
 						rel: "noreferrer",
 						className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left no-underline transition",
@@ -668,7 +434,7 @@ function useTheme() {
 //#region source/theme/ThemeToggle.tsx
 function ThemeToggle() {
 	const { theme, setTheme } = useTheme();
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const nextTheme = getNextTheme(theme);
 	const label = getThemeLabel(nextTheme, t);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -712,9 +478,19 @@ function normalizeRoutePath(path) {
 	const [pathname, suffix = ""] = path.split(/([?#].*)/, 2);
 	return `${pathname.replace(/^\/+/, "/").replace(/\/+$/, "") || "/"}${suffix}`;
 }
-function isSameRoutePath(a, b) {
+function stripLocalePathPrefix(path, locale) {
+	if (!locale) return normalizeRoutePath(path);
+	const [pathname, suffix = ""] = normalizeRoutePath(path).split(/([?#].*)/, 2);
+	const localePrefix = `/${locale}`;
+	if (pathname === localePrefix) return `/${suffix}`.replace(/^\/$/, "/");
+	if (!pathname.startsWith(`${localePrefix}/`)) return `${pathname}${suffix}`;
+	return `${pathname.slice(localePrefix.length) || "/"}${suffix}`;
+}
+function isSameRoutePath(a, b, locale) {
 	if (!a || !b) return false;
-	return normalizeRoutePath(a) === normalizeRoutePath(b);
+	const normalizedA = normalizeRoutePath(a);
+	const normalizedB = normalizeRoutePath(b);
+	return normalizedA === normalizedB || stripLocalePathPrefix(normalizedA, locale) === normalizedB || normalizedA === stripLocalePathPrefix(normalizedB, locale);
 }
 //#endregion
 //#region source/utils/lucide.ts
@@ -799,7 +575,7 @@ function computeVisibleSections(sections, scrollY, viewportTop, viewportBottom)
 	}
 	return visibleSections;
 }
-function useSectionVisibilityDebug(headerTopAreaRef) {
+function useSectionVisibilityDebug(_headerTopAreaRef) {
 	const lastDebugSignatureRef = (0, react.useRef)("");
 	return (snapshot) => {
 		const { scrollY, innerHeight, blockedTop, visibleSections } = snapshot;
@@ -811,14 +587,11 @@ function useSectionVisibilityDebug(headerTopAreaRef) {
 		].join("|");
 		if (lastDebugSignatureRef.current === debugSignature) return;
 		lastDebugSignatureRef.current = debugSignature;
-		console.info("[clarify][section-visibility]", {
-			...snapshot,
-			topAreaHeight: headerTopAreaRef?.current?.offsetHeight ?? 0
-		});
 	};
 }
 function useSectionVisibilityObserver(checkVisibleSections, headerTopAreaRef) {
 	(0, react.useEffect)(() => {
+		if (typeof window === "undefined") return void 0;
 		const raf = window.requestAnimationFrame(() => checkVisibleSections());
 		window.addEventListener("scroll", checkVisibleSections, { passive: true });
 		window.addEventListener("resize", checkVisibleSections);
@@ -839,6 +612,7 @@ function useVisibleSections(sectionStore, headerTopAreaRef) {
 	const sections = (0, zustand.useStore)(sectionStore, (state) => state.sections);
 	const emitVisibilityDebug = useSectionVisibilityDebug(headerTopAreaRef);
 	useSectionVisibilityObserver((0, react.useCallback)(() => {
+		if (typeof window === "undefined") return;
 		const { innerHeight, scrollY } = window;
 		const viewportTop = getVisibleViewportTop(scrollY, innerHeight, headerTopAreaRef);
 		const viewportBottom = getVisibleViewportBottom(scrollY, innerHeight, headerTopAreaRef);
@@ -923,7 +697,8 @@ var sectionBadgeColorStyles = {
 	DELETE: "text-red-500 dark:text-rose-500",
 	OPTIONS: "text-violet-500 dark:text-violet-400",
 	HEAD: "text-zinc-500 dark:text-zinc-400",
-	TRACE: "text-fuchsia-500 dark:text-fuchsia-400"
+	TRACE: "text-fuchsia-500 dark:text-fuchsia-400",
+	WEBHOOK: "text-violet-500 dark:text-violet-400"
 };
 function SectionBadge(arg0) {
 	const { children } = arg0;
@@ -957,13 +732,13 @@ function NavLink(arg0) {
 	});
 }
 function VisibleSectionHighlight(arg0) {
-	const { group, pathname } = arg0;
+	const { group, pathname, currentLocale } = arg0;
 	const [sections, visibleSections] = useInitialValue([useSectionStore((s) => s.sections), useSectionStore((s) => s.visibleSections)], useIsInsideMobileNavigation());
 	const isPresent = (0, framer_motion.useIsPresent)();
 	const firstVisibleSectionIndex = Math.max(0, [{ id: "_top" }, ...sections].findIndex((section) => section.id === visibleSections[0]));
 	const itemHeight = remToPx(2);
 	const height = isPresent ? Math.max(1, visibleSections.length) * itemHeight : itemHeight;
-	const top = group.links.findIndex((link) => isSameRoutePath(link.href, pathname)) * itemHeight + firstVisibleSectionIndex * itemHeight;
+	const top = group.links.findIndex((link) => isSameRoutePath(link.href, pathname, currentLocale)) * itemHeight + firstVisibleSectionIndex * itemHeight;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		initial: {
 			opacity: 0,
@@ -995,9 +770,9 @@ function VisibleSectionHighlight(arg0) {
 	});
 }
 function ActivePageMarker(arg0) {
-	const { group, pathname } = arg0;
+	const { group, pathname, currentLocale } = arg0;
 	const itemHeight = remToPx(2);
-	const top = remToPx(.25) + group.links.findIndex((link) => isSameRoutePath(link.href, pathname)) * itemHeight;
+	const top = remToPx(.25) + group.links.findIndex((link) => isSameRoutePath(link.href, pathname, currentLocale)) * itemHeight;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		className: "absolute left-2 h-6 w-px bg-(--clarify-theme-tokens-colors-primary)",
 		initial: {
@@ -1023,10 +798,10 @@ function ActivePageMarker(arg0) {
 	});
 }
 function NavigationGroup(arg0) {
-	const { group, className } = arg0;
+	const { group, className, currentLocale } = arg0;
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const [pathname, sections] = useInitialValue([normalizeRoutePath((0, react_router_dom.useLocation)().pathname), useSectionStore((s) => s.sections)], isInsideMobileNavigation);
-	const isActiveGroup = group.links.findIndex((link) => isSameRoutePath(link.href, pathname)) !== -1;
+	const isActiveGroup = group.links.findIndex((link) => isSameRoutePath(link.href, pathname, currentLocale)) !== -1;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 		className: (0, clsx.default)("clarify-navigation-group relative mb-6", className),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
@@ -1042,7 +817,8 @@ function NavigationGroup(arg0) {
 					initial: !isInsideMobileNavigation,
 					children: isActiveGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibleSectionHighlight, {
 						group,
-						pathname
+						pathname,
+						currentLocale
 					}) : null
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute inset-y-0 left-2 w-px bg-(--clarify-theme-tokens-colors-border) dark:bg-white/5" }),
@@ -1050,14 +826,15 @@ function NavigationGroup(arg0) {
 					initial: false,
 					children: isActiveGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivePageMarker, {
 						group,
-						pathname
+						pathname,
+						currentLocale
 					}) : null
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 					role: "list",
 					className: "border-l border-transparent",
 					children: group.links.map((link) => {
-						const active = isSameRoutePath(link.href, pathname);
+						const active = isSameRoutePath(link.href, pathname, currentLocale);
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 							className: "relative",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavLink, {
@@ -1096,8 +873,8 @@ function NavigationGroup(arg0) {
 	});
 }
 function Navigation(arg0) {
-	const { navigation, className } = arg0;
-	const groups = navigationToGroups(navigation, useBuiltInText()("navigation.documentation"));
+	const { navigation, className, currentLocale } = arg0;
+	const groups = navigationToGroups(navigation, require_i18n.useBuiltInText()("navigation.documentation"));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 		className: (0, clsx.default)("clarify-navigation", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
@@ -1105,7 +882,8 @@ function Navigation(arg0) {
 			className: "clarify-navigation-list",
 			children: groups.map((group, groupIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationGroup, {
 				group,
-				className: groupIndex === 0 ? "mt-0" : ""
+				className: groupIndex === 0 ? "mt-0" : "",
+				currentLocale
 			}, group.title))
 		})
 	});
@@ -1113,17 +891,17 @@ function Navigation(arg0) {
 //#endregion
 //#region source/shell/mobile.tsx
 var IsInsideMobileNavigationContext = (0, react.createContext)(false);
-function hasPath$1(nodes, pathname) {
-	return nodes.some((node) => isSameRoutePath(node.path, pathname) || hasPath$1(node.children ?? [], pathname));
+function hasPath$1(nodes, pathname, currentLocale) {
+	return nodes.some((node) => isSameRoutePath(node.path, pathname, currentLocale) || hasPath$1(node.children ?? [], pathname, currentLocale));
 }
-function isActiveTab$1(tab, pathname) {
-	return isSameRoutePath(tab.path, pathname) || hasPath$1(tab.children, pathname);
+function isActiveTab$1(tab, pathname, currentLocale) {
+	return isSameRoutePath(tab.path, pathname, currentLocale) || hasPath$1(tab.children, pathname, currentLocale);
 }
 function MobileTabsSelect(arg0) {
-	const { tabs } = arg0;
+	const { tabs, currentLocale } = arg0;
 	const pathname = normalizeRoutePath((0, react_router_dom.useLocation)().pathname);
 	if (!tabs?.length) return null;
-	const activeTab = tabs.find((tab) => isActiveTab$1(tab, pathname)) ?? tabs[0];
+	const activeTab = tabs.find((tab) => isActiveTab$1(tab, pathname, currentLocale)) ?? tabs[0];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Menu, {
 		as: "div",
 		className: "clarify-mobile-tabs-select mb-6",
@@ -1142,7 +920,7 @@ function MobileTabsSelect(arg0) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 			className: "clarify-mobile-tabs-select-list clarify-ui-menu mt-2 flex flex-col gap-1 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg shadow-zinc-900/5 focus:outline-none dark:border-white/10 dark:bg-zinc-900 dark:shadow-none",
 			children: tabs.map((tab) => {
-				const active = isActiveTab$1(tab, pathname);
+				const active = isActiveTab$1(tab, pathname, currentLocale);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
 					to: tab.path,
 					className: (0, clsx.default)("clarify-mobile-tabs-select-item clarify-ui-menu-item flex items-center justify-between gap-3 rounded-(--clarify-theme-tokens-radius-lg) px-3 py-2.5 no-underline transition", active && "clarify-ui-menu-item-active"),
@@ -1183,7 +961,13 @@ function MobileNavigationDialog(arg0) {
 		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TransitionChild, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
 			layoutScroll: true,
 			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full max-w-sm overflow-y-auto bg-(--clarify-theme-tokens-colors-background) px-4 pt-6 pb-4 shadow-lg ring-1 shadow-zinc-900/10 ring-(--clarify-theme-tokens-colors-border) duration-500 ease-in-out data-closed:-translate-x-full sm:px-6 sm:pb-10 dark:bg-zinc-950 dark:ring-zinc-800",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileTabsSelect, { tabs }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, { navigation })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileTabsSelect, {
+				tabs,
+				currentLocale
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, {
+				navigation,
+				currentLocale
+			})]
 		}) })] })]
 	});
 }
@@ -1200,7 +984,7 @@ function MobileNavigation(arg0) {
 	const { config, navigation, tabs, routes, currentLocale, currentRoute } = arg0;
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const { isOpen, toggle, close } = useMobileNavigationStore();
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const ToggleIcon = isOpen ? lucide_react.X : lucide_react.Menu;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IsInsideMobileNavigationContext.Provider, {
 		value: true,
@@ -1226,405 +1010,6 @@ function MobileNavigation(arg0) {
 	});
 }
 //#endregion
-//#region source/shell/search/items.ts
-function routeGroupTitles(navigation) {
-	const titles = /* @__PURE__ */ new Map();
-	for (const node of navigation) if (node.children?.length) for (const child of node.children) titles.set(child.path, node.title);
-	else titles.set(node.path, node.title);
-	return titles;
-}
-function buildSearchItems(routes, navigation) {
-	const groupTitles = routeGroupTitles(navigation);
-	return routes.flatMap((route) => {
-		if (route.isBareAlias) return [];
-		const groupTitle = groupTitles.get(route.path);
-		return [{
-			title: route.title,
-			pageTitle: route.title,
-			sectionTitle: groupTitle,
-			url: route.path,
-			keywords: [
-				groupTitle,
-				route.title,
-				route.path,
-				route.kind
-			].filter(Boolean).join(" ").toLowerCase()
-		}, ...route.sections?.map((section) => ({
-			title: section.title,
-			pageTitle: route.title,
-			sectionTitle: groupTitle,
-			url: `${route.path}#${section.id}`,
-			keywords: [
-				groupTitle,
-				route.title,
-				section.title,
-				route.path,
-				section.id
-			].filter(Boolean).join(" ").toLowerCase()
-		})) ?? []];
-	});
-}
-//#endregion
-//#region source/shell/search/pagefind.ts
-var pagefindPromises = /* @__PURE__ */ new Map();
-function pagefindCacheKey(routePrefix, locale) {
-	return `${routePrefix || "/"}:${locale || "default"}`;
-}
-function loadPagefind(routePrefix, locale) {
-	if (typeof window === "undefined") return Promise.resolve(null);
-	const language = locale ?? document.documentElement.lang;
-	const cacheKey = pagefindCacheKey(routePrefix, language);
-	const cachedPagefind = pagefindPromises.get(cacheKey);
-	if (cachedPagefind) return cachedPagefind;
-	const pagefindPromise = import(
-		/* @vite-ignore */
-		prefixHref("/pagefind/pagefind.js", routePrefix)
-).then(async (module) => {
-		const previousLanguage = document.documentElement.lang;
-		if (language) document.documentElement.lang = language;
-		const pagefind = module.createInstance();
-		if (previousLanguage && previousLanguage !== language) document.documentElement.lang = previousLanguage;
-		await pagefind.init?.();
-		return pagefind;
-	}).catch((error) => {
-		pagefindPromises.delete(cacheKey);
-		console.warn("[clarify:search] Pagefind instance failed", {
-			cacheKey,
-			language,
-			error
-		});
-		return null;
-	});
-	pagefindPromises.set(cacheKey, pagefindPromise);
-	return pagefindPromise;
-}
-function normalizePagefindUrl(url, routePrefix) {
-	const parsedUrl = new URL(url, window.location.origin);
-	let pathname = parsedUrl.pathname;
-	const prefix = routePrefix && routePrefix !== "/" ? `/${routePrefix.replace(/^\/+|\/+$/g, "")}` : "";
-	if (prefix && (pathname === prefix || pathname.startsWith(`${prefix}/`))) pathname = pathname.slice(prefix.length) || "/";
-	return `${pathname}${parsedUrl.search}${parsedUrl.hash}`;
-}
-//#endregion
-//#region source/shell/search/SearchInput.tsx
-var SearchInput = (0, react.forwardRef)(function SearchInput(arg0, inputRef) {
-	const { query, setQuery, onClose, onSubmit, activeDescendantId, loading = false } = arg0;
-	const t = useBuiltInText();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-search-input group relative flex h-12",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(loading ? lucide_react.LoaderCircle : lucide_react.Search, {
-			"aria-hidden": "true",
-			className: (0, clsx.default)("pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)", loading && "animate-spin")
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-			ref: inputRef,
-			"data-autofocus": true,
-			role: "combobox",
-			"aria-expanded": query !== "",
-			"aria-controls": "clarify-search-results",
-			"aria-activedescendant": activeDescendantId,
-			value: query,
-			onChange: (event) => setQuery(event.currentTarget.value),
-			onKeyDown: (event) => {
-				if (event.key === "Escape") if (query) setQuery("");
-				else onClose();
-				if (event.key === "Enter") {
-					event.preventDefault();
-					onSubmit();
-				}
-			},
-			placeholder: t("search.placeholder"),
-			className: "clarify-search-field flex-auto appearance-none bg-transparent pr-4 pl-10 outline-hidden focus:w-full focus:flex-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden"
-		})]
-	});
-});
-//#endregion
-//#region source/shell/search/Highlight.tsx
-function stripHtml(value) {
-	if (typeof document === "undefined") return value.replace(/<[^>]*>/g, "");
-	const template = document.createElement("template");
-	template.innerHTML = value;
-	return template.content.textContent ?? "";
-}
-function escapeRegExp(value) {
-	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function HighlightQuery(arg0) {
-	const { text, query } = arg0;
-	if (!query) return text;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text.split(new RegExp(`(${escapeRegExp(query)})`, "ig")).map((part, index) => part.toLowerCase() === query.toLowerCase() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
-		className: "bg-transparent text-(--clarify-theme-tokens-colors-primary) underline",
-		children: part
-	}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: part }, index)) });
-}
-function renderExcerptNode(node, key) {
-	if (node.nodeType === Node.TEXT_NODE) return node.textContent;
-	if (node.nodeType !== Node.ELEMENT_NODE) return null;
-	const element = node;
-	const children = Array.from(element.childNodes).map((child, index) => renderExcerptNode(child, `${key}-${index}`));
-	if (element.tagName.toLowerCase() === "mark") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
-		className: "bg-transparent text-(--clarify-theme-tokens-colors-primary) underline",
-		children
-	}, key);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children }, key);
-}
-function HighlightExcerpt(arg0) {
-	const { excerpt, query } = arg0;
-	if (typeof document === "undefined" || !excerpt.includes("<mark")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightQuery, {
-		text: stripHtml(excerpt),
-		query
-	});
-	const template = document.createElement("template");
-	template.innerHTML = excerpt;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: Array.from(template.content.childNodes).map((node, index) => renderExcerptNode(node, String(index))) });
-}
-//#endregion
-//#region source/shell/search/SearchResult.tsx
-function SearchResult(arg0) {
-	const { result, query, active, onActive, onSelect } = arg0;
-	const id = (0, react.useId)();
-	const hierarchy = result.type === "quick" ? [result.sectionTitle, result.pageTitle].filter((value) => typeof value === "string") : [];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		id,
-		className: (0, clsx.default)("clarify-search-result group block cursor-pointer px-4 py-3", active && "clarify-search-result-active"),
-		"aria-selected": active,
-		onMouseEnter: onActive,
-		onMouseMove: onActive,
-		onMouseDown: (event) => {
-			event.preventDefault();
-			onSelect();
-		},
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "clarify-search-result-title",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightQuery, {
-					text: result.title,
-					query
-				})
-			}),
-			hierarchy.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "clarify-search-result-hierarchy mt-1 truncate whitespace-nowrap",
-				children: hierarchy.map((item, itemIndex, items) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightQuery, {
-					text: item,
-					query
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: itemIndex === items.length - 1 ? "sr-only" : "clarify-search-result-separator mx-2",
-					children: "/"
-				})] }, `${item}-${itemIndex}`))
-			}) : null,
-			result.type === "full-text" && result.excerpt ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "clarify-search-result-excerpt mt-1 line-clamp-2 text-xs leading-5 text-(--clarify-theme-tokens-colors-muted)",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightExcerpt, {
-					excerpt: result.excerpt,
-					query
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region source/shell/search/SearchDialog.tsx
-function useSearchDialogLifecycle(arg0) {
-	const { open, setOpen } = arg0;
-	const location = (0, react_router_dom.useLocation)();
-	(0, react.useEffect)(() => {
-		setOpen(false);
-	}, [
-		location.pathname,
-		location.search,
-		location.hash,
-		setOpen
-	]);
-	(0, react.useEffect)(() => {
-		if (open) return void 0;
-		function onKeyDown(event) {
-			if (event.key === "k" && (event.metaKey || event.ctrlKey)) {
-				event.preventDefault();
-				setOpen(true);
-			}
-		}
-		window.addEventListener("keydown", onKeyDown);
-		return () => window.removeEventListener("keydown", onKeyDown);
-	}, [open, setOpen]);
-}
-function useSearchData(arg0) {
-	const { query, searchItems, routePrefix, currentLocale } = arg0;
-	const [fullTextState, setFullTextState] = (0, react.useState)(null);
-	const [pagefindState, setPagefindState] = (0, react.useState)(null);
-	const quickResults = (0, react.useMemo)(() => {
-		const normalizedQuery = query.trim().toLowerCase();
-		if (!normalizedQuery) return [];
-		return searchItems.filter((item) => item.keywords.includes(normalizedQuery)).slice(0, 8).map((item) => ({
-			...item,
-			type: "quick"
-		}));
-	}, [query, searchItems]);
-	const pagefindKey = pagefindCacheKey(routePrefix, currentLocale);
-	const activePagefindState = pagefindState?.key === pagefindKey ? pagefindState : null;
-	const pagefind = activePagefindState?.pagefind ?? null;
-	const pagefindAvailable = activePagefindState?.available ?? null;
-	const trimmedQuery = query.trim();
-	const fullTextKey = `${pagefindKey}:${trimmedQuery}`;
-	const results = (fullTextState?.key === fullTextKey ? fullTextState.results : null) ?? quickResults;
-	const searchInputLoading = pagefindAvailable === null || Boolean(trimmedQuery && pagefind && fullTextState?.key !== fullTextKey);
-	const showNoResults = Boolean(query.trim()) && results.length === 0 && pagefindAvailable !== null;
-	(0, react.useEffect)(() => {
-		let cancelled = false;
-		loadPagefind(routePrefix, currentLocale).then((loadedPagefind) => {
-			if (cancelled) return;
-			setPagefindState({
-				key: pagefindKey,
-				pagefind: loadedPagefind,
-				available: Boolean(loadedPagefind)
-			});
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		currentLocale,
-		pagefindKey,
-		routePrefix
-	]);
-	(0, react.useEffect)(() => {
-		let cancelled = false;
-		if (!trimmedQuery || !pagefind) return void 0;
-		Promise.resolve().then(async () => {
-			if (cancelled) return;
-			try {
-				const search = await pagefind.search(trimmedQuery, { limit: 8 });
-				const data = await Promise.all(search.results.map(async (result) => ({
-					id: result.id,
-					data: await result.data()
-				})));
-				if (cancelled) return;
-				setFullTextState({
-					key: fullTextKey,
-					results: data.map(({ id, data }) => ({
-						type: "full-text",
-						id,
-						title: data.meta.title || data.url,
-						url: normalizePagefindUrl(data.url, routePrefix),
-						excerpt: data.excerpt
-					}))
-				});
-			} catch (error) {
-				console.warn("[clarify:search] Pagefind search failed", {
-					currentLocale,
-					query: trimmedQuery,
-					error
-				});
-				if (!cancelled) setFullTextState({
-					key: fullTextKey,
-					results: null
-				});
-			}
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		currentLocale,
-		fullTextKey,
-		pagefind,
-		routePrefix,
-		trimmedQuery
-	]);
-	return {
-		results,
-		searchInputLoading,
-		showNoResults
-	};
-}
-function SearchDialog(arg0) {
-	const { open, setOpen, routes, navigation, routePrefix = "/", currentLocale, className, onNavigate = () => {} } = arg0;
-	const t = useBuiltInText();
-	const navigate = (0, react_router_dom.useNavigate)();
-	const inputRef = (0, react.useRef)(null);
-	const [query, setQuery] = (0, react.useState)("");
-	const [activeIndex, setActiveIndex] = (0, react.useState)(0);
-	const searchItems = (0, react.useMemo)(() => buildSearchItems(routes, navigation), [navigation, routes]);
-	useSearchDialogLifecycle({
-		open,
-		setOpen
-	});
-	const { results, searchInputLoading, showNoResults } = useSearchData({
-		query,
-		searchItems,
-		routePrefix,
-		currentLocale
-	});
-	const updateQuery = (value) => {
-		setQuery(value);
-		setActiveIndex(0);
-	};
-	function closeDialog() {
-		updateQuery("");
-		setOpen(false);
-	}
-	function selectResult(result = results[activeIndex]) {
-		if (!result) return;
-		navigate(result.url);
-		onNavigate();
-		closeDialog();
-	}
-	function renderResultsPanel() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) empty:hidden dark:border-zinc-100/5 dark:bg-white/2.5",
-			children: [showNoResults ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "p-6 text-center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchX, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "mt-2 text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400",
-					children: t("search.noResults", { query })
-				})]
-			}) : null, results.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-				id: "clarify-search-results",
-				className: "clarify-search-results",
-				role: "listbox",
-				children: results.map((result, resultIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchResult, {
-					result,
-					query,
-					active: resultIndex === activeIndex,
-					onActive: () => setActiveIndex(resultIndex),
-					onSelect: () => selectResult(result)
-				}, result.type === "full-text" ? result.id : result.url))
-			}) : null]
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Dialog, {
-		open,
-		onClose: closeDialog,
-		className: (0, clsx.default)("clarify-search-dialog fixed inset-0 z-50", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.DialogBackdrop, {
-			transition: true,
-			className: "clarify-search-backdrop clarify-ui-backdrop fixed inset-0 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-(--clarify-search-dialog-padding-block-lg)",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.DialogPanel, {
-				transition: true,
-				className: "clarify-search-panel mx-auto transform-gpu overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) shadow-xl ring-1 ring-(--clarify-theme-tokens-colors-border) data-closed:scale-95 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:max-w-xl dark:bg-zinc-900 dark:ring-zinc-800",
-				onKeyDown: (event) => {
-					if (event.key === "ArrowDown") {
-						event.preventDefault();
-						setActiveIndex((index) => results.length ? (index + 1) % results.length : 0);
-					}
-					if (event.key === "ArrowUp") {
-						event.preventDefault();
-						setActiveIndex((index) => results.length ? (index - 1 + results.length) % results.length : 0);
-					}
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
-					ref: inputRef,
-					query,
-					setQuery: updateQuery,
-					onClose: closeDialog,
-					onSubmit: () => selectResult(),
-					loading: searchInputLoading
-				}), renderResultsPanel()]
-			})
-		})]
-	});
-}
-//#endregion
 //#region source/shell/search/useSearchProps.ts
 function useSearchProps() {
 	const buttonRef = (0, react.useRef)(null);
@@ -1644,13 +1029,14 @@ function useSearchProps() {
 }
 //#endregion
 //#region source/shell/Search.tsx
+var SearchDialog = (0, react.lazy)(() => Promise.resolve().then(() => require("./SearchDialog-CIPvXMT3.cjs")));
 function getModifierKey() {
 	if (typeof navigator === "undefined") return "Ctrl ";
 	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
 }
 function Search(arg0) {
 	const { routes, navigation, routePrefix, currentLocale } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const modifierKey = getModifierKey();
 	const { buttonProps, dialogProps } = useSearchProps();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1688,7 +1074,7 @@ function Search(arg0) {
 }
 function MobileSearch(arg0) {
 	const { routes, navigation, routePrefix, currentLocale, onNavigate } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const { buttonProps, dialogProps } = useSearchProps();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "clarify-mobile-search contents lg:hidden",
@@ -1750,7 +1136,7 @@ function localizedRoutePath(config, locale, route) {
 }
 function LanguageSwitcher(arg0) {
 	const { config, currentLocale, currentRoute } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const location = (0, react_router_dom.useLocation)();
 	const i18n = config.i18n;
 	if (!i18n || i18n.locales.length < 2) return null;
@@ -1815,7 +1201,7 @@ function resolveHomeHref(config, currentLocale) {
 }
 function MobileNavbarMenu(arg0) {
 	const { links, config, currentLocale } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	if (!links?.length) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Menu, {
 		as: "div",
@@ -1850,15 +1236,15 @@ function MobileNavbarMenu(arg0) {
 		})]
 	});
 }
-function hasPath(nodes, pathname) {
-	return nodes.some((node) => isSameRoutePath(node.path, pathname) || hasPath(node.children ?? [], pathname));
+function hasPath(nodes, pathname, currentLocale) {
+	return nodes.some((node) => isSameRoutePath(node.path, pathname, currentLocale) || hasPath(node.children ?? [], pathname, currentLocale));
 }
-function isActiveTab(tab, pathname) {
-	return isSameRoutePath(tab.path, pathname) || hasPath(tab.children, pathname);
+function isActiveTab(tab, pathname, currentLocale) {
+	return isSameRoutePath(tab.path, pathname, currentLocale) || hasPath(tab.children, pathname, currentLocale);
 }
 function ProductTabs(arg0) {
-	const { tabs } = arg0;
-	const t = useBuiltInText();
+	const { tabs, currentLocale } = arg0;
+	const t = require_i18n.useBuiltInText();
 	const pathname = normalizeRoutePath((0, react_router_dom.useLocation)().pathname);
 	if (!tabs?.length) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1868,7 +1254,7 @@ function ProductTabs(arg0) {
 			className: "clarify-product-tabs-nav mx-auto flex h-full w-full max-w-(--clarify-theme-layout-max-width) items-stretch gap-6 overflow-x-auto px-5",
 			"aria-label": t("navbar.sections"),
 			children: tabs.map((tab) => {
-				const active = isActiveTab(tab, pathname);
+				const active = isActiveTab(tab, pathname, currentLocale);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
 					to: tab.path,
 					"aria-current": active ? "page" : void 0,
@@ -1896,7 +1282,7 @@ function ProductTabs(arg0) {
 }
 var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 	const { config, navigation, tabs, routes, currentLocale, currentRoute, banner, topAreaRef, className, ...props } = arg0;
-	const t = useBuiltInText();
+	const t = require_i18n.useBuiltInText();
 	const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const homeHref = resolveHomeHref(config, currentLocale);
@@ -2014,7 +1400,10 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 					"data-clarify-header-banner": true,
 					children: banner
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductTabs, { tabs })
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductTabs, {
+					tabs,
+					currentLocale
+				})
 			]
 		});
 	}
@@ -2051,36 +1440,18 @@ function PageTitleActions() {
 	});
 }
 //#endregion
-Object.defineProperty(exports, "ConfigContext", {
-	enumerable: true,
-	get: function() {
-		return ConfigContext;
-	}
-});
 Object.defineProperty(exports, "Header", {
 	enumerable: true,
 	get: function() {
 		return Header;
 	}
 });
-Object.defineProperty(exports, "LocaleContext", {
-	enumerable: true,
-	get: function() {
-		return LocaleContext;
-	}
-});
 Object.defineProperty(exports, "Navigation", {
 	enumerable: true,
 	get: function() {
 		return Navigation;
 	}
 });
-Object.defineProperty(exports, "OpenApisContext", {
-	enumerable: true,
-	get: function() {
-		return OpenApisContext;
-	}
-});
 Object.defineProperty(exports, "PageActionsProvider", {
 	enumerable: true,
 	get: function() {
@@ -2213,36 +1584,6 @@ Object.defineProperty(exports, "themeCookieName", {
 		return themeCookieName;
 	}
 });
-Object.defineProperty(exports, "useBuiltInText", {
-	enumerable: true,
-	get: function() {
-		return useBuiltInText;
-	}
-});
-Object.defineProperty(exports, "useConfig", {
-	enumerable: true,
-	get: function() {
-		return useConfig;
-	}
-});
-Object.defineProperty(exports, "useConfigOptional", {
-	enumerable: true,
-	get: function() {
-		return useConfigOptional;
-	}
-});
-Object.defineProperty(exports, "useLocale", {
-	enumerable: true,
-	get: function() {
-		return useLocale;
-	}
-});
-Object.defineProperty(exports, "useOpenApis", {
-	enumerable: true,
-	get: function() {
-		return useOpenApis;
-	}
-});
 Object.defineProperty(exports, "useSectionStore", {
 	enumerable: true,
 	get: function() {
@@ -2256,4 +1597,4 @@ Object.defineProperty(exports, "useTheme", {
 	}
 });
 
-//# sourceMappingURL=PageActions-CTn2XkPg.cjs.map
+//# sourceMappingURL=PageActions-BjB6PYmL.cjs.map