@clarify-labs/renderer 0.11.6 → 0.11.8

package/output/{PageActions-ob2OJusG.cjs → PageActions-DPYXFL6N.cjs}

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-Cjfk1N7i.cjs");
+const require_i18n = require("./i18n-Dw4Jlho-.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
 let react_router_dom = require("react-router-dom");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _headlessui_react = require("@headlessui/react");
 let lucide_react = require("lucide-react");
 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/utils/clipboard.ts
@@ -49,6 +49,10 @@ function localizeHref(href, config, locale) {
 	const cleanHref = href === "/" ? "" : href.replace(/^\/+/, "");
 	return `/${locale}${cleanHref ? `/${cleanHref}` : ""}`;
 }
+function resolveHomeHref(config, locale) {
+	const homeUrl = config.homeUrl ?? "/";
+	return isExternalHref(homeUrl) ? homeUrl : localizeHref(homeUrl, config, locale);
+}
 function prefixHref(href, routePrefix = "/") {
 	if (isExternalHref(href) || href.startsWith("#")) return href;
 	if (!routePrefix || routePrefix === "/") return href.startsWith("/") ? href : `/${href}`;
@@ -58,17 +62,24 @@ function prefixHref(href, routePrefix = "/") {
 	if (path === prefix || path.startsWith(`${prefix}/`)) return `/${path}`;
 	return `/${prefix}/${path}`;
 }
+function resolveAbsoluteSiteHref(href, config) {
+	const path = prefixHref(href, config.routePrefix);
+	if (isExternalHref(path)) return path;
+	const base = config.siteUrl;
+	if (!base) return void 0;
+	return new URL(path, base.endsWith("/") ? base : `${base}/`).href;
+}
 //#endregion
 //#region source/shell/ContentActions.tsx
 function resolveContentArtifactUrl(contentArtifactUrl, routePrefix = "/") {
 	return prefixHref(contentArtifactUrl, routePrefix);
 }
-function getAbsoluteUrl(path) {
-	if (typeof window === "undefined") return path;
-	return new URL(path, window.location.href).href;
-}
 function ContentActions(arg0) {
-	const { route, routePrefix } = arg0;
+	const { route } = arg0;
+	const config = require_i18n.useConfig();
+	const routePrefix = config.routePrefix;
+	const absoluteLinksEnabled = Boolean(config.siteUrl);
+	const mcpEnabled = absoluteLinksEnabled && config.features.search.enabled && config.features.search.mcp;
 	const t = require_i18n.useBuiltInText();
 	const [copied, setCopied] = (0, react.useState)("idle");
 	const [copyPhase, setCopyPhase] = (0, react.useState)("idle");
@@ -107,22 +118,25 @@ function ContentActions(arg0) {
 	const llmsArtifactUrl = resolveContentArtifactUrl("/llms.txt", routePrefix);
 	async function handleCopyLink() {
 		if (!contentArtifactUrl) return;
-		await runCopy("link", () => getAbsoluteUrl(contentArtifactUrl));
+		await runCopy("link", () => resolveAbsoluteSiteHref(contentArtifactUrl, config) ?? contentArtifactUrl);
 	}
 	async function handleCopyLlms() {
-		await runCopy("llms", () => getAbsoluteUrl(llmsArtifactUrl));
+		await runCopy("llms", () => resolveAbsoluteSiteHref(llmsArtifactUrl, config) ?? llmsArtifactUrl);
 	}
 	async function handleCopyMcp() {
-		await runCopy("mcp", () => mcpConfig);
+		await runCopy("mcp", () => {
+			const siteUrl = resolveAbsoluteSiteHref("/", config);
+			if (!siteUrl) throw new Error("siteUrl is required for MCP configuration");
+			return JSON.stringify({ mcpServers: { clarify: {
+				command: "npx",
+				args: [
+					"@clarify-labs/cli",
+					"mcp",
+					siteUrl
+				]
+			} } }, null, 2);
+		});
 	}
-	const mcpConfig = JSON.stringify({ mcpServers: { clarify: {
-		command: "npx",
-		args: [
-			"@clarify-labs/cli",
-			"mcp",
-			window.location.origin
-		]
-	} } }, null, 2);
 	const actions = contentArtifactUrl ? [{
 		key: "content",
 		label: t("contentActions.copyContent"),
@@ -130,14 +144,14 @@ function ContentActions(arg0) {
 		icon: lucide_react.Copy,
 		run: handleCopyContent,
 		copiedLabel: t("contentActions.copiedContent")
-	}, {
+	}, ...absoluteLinksEnabled ? [{
 		key: "link",
 		label: t("contentActions.copyLink", replacements),
 		description: t("contentActions.copyLinkDescription", replacements),
 		icon: lucide_react.Link2,
 		run: handleCopyLink,
 		copiedLabel: t("contentActions.copiedLink")
-	}] : [];
+	}] : []] : [];
 	const llmsAction = {
 		key: "llms",
 		label: t("contentActions.copyLlms"),
@@ -300,7 +314,7 @@ function ContentActions(arg0) {
 								]
 							}) }, action.key);
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						absoluteLinksEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
 							onClick: llmsAction.run,
 							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 transition",
@@ -321,8 +335,8 @@ function ContentActions(arg0) {
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${copied === llmsAction.key ? "opacity-100" : "opacity-0"}` })
 							]
-						}) }, llmsAction.key),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						}) }, llmsAction.key) : null,
+						mcpEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
 							onClick: mcpAction.run,
 							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 transition",
@@ -343,7 +357,7 @@ function ContentActions(arg0) {
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${copied === mcpAction.key ? "opacity-100" : "opacity-0"}` })
 							]
-						}) }, mcpAction.key)
+						}) }, mcpAction.key) : null
 					]
 				})
 			]
@@ -1083,7 +1097,7 @@ function MobileTabsSelect(arg0) {
 	});
 }
 function MobileNavigationDialog(arg0) {
-	const { config, isOpen, navigation, tabs, routes, currentLocale, currentRoute, close } = arg0;
+	const { isOpen, navigation, tabs, routes, currentLocale, currentRoute, close } = arg0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Dialog, {
 		transition: true,
 		open: isOpen,
@@ -1093,7 +1107,6 @@ function MobileNavigationDialog(arg0) {
 			transition: true,
 			className: "clarify-mobile-navigation-backdrop clarify-ui-backdrop fixed inset-0 top-14 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.jsxs)(_headlessui_react.DialogPanel, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TransitionChild, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header, {
-			config,
 			navigation,
 			tabs,
 			routes,
@@ -1123,7 +1136,7 @@ var useMobileNavigationStore = (0, zustand.create)()((set) => ({
 	toggle: () => set((state) => ({ isOpen: !state.isOpen }))
 }));
 function MobileNavigation(arg0) {
-	const { config, navigation, tabs, routes, currentLocale, currentRoute } = arg0;
+	const { navigation, tabs, routes, currentLocale, currentRoute } = arg0;
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const { isOpen, toggle, close } = useMobileNavigationStore();
 	const t = require_i18n.useBuiltInText();
@@ -1139,7 +1152,6 @@ function MobileNavigation(arg0) {
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigationDialog, {
-				config,
 				navigation,
 				tabs,
 				routes,
@@ -1171,43 +1183,44 @@ function useSearchProps() {
 }
 //#endregion
 //#region source/shell/Search.tsx
-var SearchDialog = (0, react.lazy)(() => Promise.resolve().then(() => require("./SearchDialog-CTiUIKeo.cjs")));
+var SearchDialog = (0, react.lazy)(() => Promise.resolve().then(() => require("./SearchDialog-CExM6Bxd.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 { routes, navigation, compact = false } = arg0;
+	const config = require_i18n.useConfig();
+	const currentLocale = require_i18n.useLocale() ?? config.locales?.default;
 	const t = require_i18n.useBuiltInText();
 	const modifierKey = getModifierKey();
 	const { buttonProps, dialogProps } = useSearchProps();
+	if (!config.features.search.enabled) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-search hidden w-80 max-w-(--clarify-search-max-width) lg:block",
+		className: compact ? "clarify-search hidden lg:block" : "clarify-search hidden w-80 max-w-(--clarify-search-max-width) lg:block",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
-			className: "clarify-search-button hidden h-9 w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) pr-3 pl-2.5 font-medium ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-theme-tokens-colors-background) lg:flex dark:bg-white/5 dark:ring-white/10 dark:ring-inset dark:hover:bg-white/10",
+			className: compact ? "clarify-search-button clarify-ui-control hidden size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:flex" : "clarify-search-button hidden h-9 w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) pr-3 pl-2.5 font-medium ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-theme-tokens-colors-background) lg:flex dark:bg-white/5 dark:ring-white/10 dark:ring-inset dark:hover:bg-white/10",
+			"aria-label": compact ? t("search.placeholder") : void 0,
 			...buttonProps,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-current" }),
-				t("search.button"),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
-					className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-theme-tokens-colors-background) px-1.5 py-0.5 ring-1 ring-(--clarify-theme-tokens-colors-border) dark:bg-white/5 dark:ring-white/10",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
-						className: "font-sans",
-						children: modifierKey
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
-						className: "font-sans",
-						children: "K"
-					})]
-				})
-			]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-current" }), !compact ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [t("search.button"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
+				className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-theme-tokens-colors-background) px-1.5 py-0.5 ring-1 ring-(--clarify-theme-tokens-colors-border) dark:bg-white/5 dark:ring-white/10",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+					className: "font-sans",
+					children: modifierKey
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+					className: "font-sans",
+					children: "K"
+				})]
+			})] }) : null]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchDialog, {
 				className: "hidden lg:block",
 				routes,
 				navigation,
-				routePrefix,
+				routePrefix: config.routePrefix,
+				assetPrefix: config.assetPrefix,
 				currentLocale,
 				...dialogProps
 			})
@@ -1215,9 +1228,12 @@ function Search(arg0) {
 	});
 }
 function MobileSearch(arg0) {
-	const { routes, navigation, routePrefix, currentLocale, onNavigate } = arg0;
+	const { routes, navigation, onNavigate } = arg0;
+	const config = require_i18n.useConfig();
+	const currentLocale = require_i18n.useLocale() ?? config.locales?.default;
 	const t = require_i18n.useBuiltInText();
 	const { buttonProps, dialogProps } = useSearchProps();
+	if (!config.features.search.enabled) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "clarify-mobile-search contents lg:hidden",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -1232,7 +1248,8 @@ function MobileSearch(arg0) {
 				className: "lg:hidden",
 				routes,
 				navigation,
-				routePrefix,
+				routePrefix: config.routePrefix,
+				assetPrefix: config.assetPrefix,
 				currentLocale,
 				onNavigate,
 				...dialogProps
@@ -1341,9 +1358,30 @@ function TopLevelNavItem(arg0) {
 		children
 	}) });
 }
-function resolveHomeHref(config, currentLocale) {
-	const homeUrl = config.homeUrl ?? "/";
-	return isExternalHref(homeUrl) ? homeUrl : localizeHref(homeUrl, config, currentLocale);
+function NavbarTabs(arg0) {
+	const { tabs, currentLocale } = arg0;
+	const pathname = normalizeRoutePath((0, react_router_dom.useLocation)().pathname);
+	const t = require_i18n.useBuiltInText();
+	if (!tabs?.length) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: "clarify-tabs-navbar hidden md:block",
+		"aria-label": t("navbar.sections"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			role: "list",
+			className: "flex items-center gap-0.5",
+			children: tabs.map((tab) => {
+				const active = isActiveTab(tab, pathname, currentLocale);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TopLevelNavItem, {
+					href: tab.path,
+					active,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationIcon, {
+						name: tab.icon,
+						className: "mr-1.5 h-4 w-4"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tab.title })]
+				}, `${tab.title}-${tab.path}`);
+			})
+		})
+	});
 }
 function MobileNavbarMenu(arg0) {
 	const { links, config, currentLocale } = arg0;
@@ -1505,7 +1543,8 @@ 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 { navigation, tabs, routes, currentLocale, currentRoute, banner, topAreaRef, className, ...props } = arg0;
+	const config = require_i18n.useConfig();
 	const t = require_i18n.useBuiltInText();
 	const pathname = normalizeRoutePath((0, react_router_dom.useLocation)().pathname);
 	const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
@@ -1516,6 +1555,7 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 	const bgOpacityLight = (0, framer_motion.useTransform)(scrollY, [0, 72], ["70%", "95%"]);
 	const bgOpacityDark = (0, framer_motion.useTransform)(scrollY, [0, 72], ["60%", "92%"]);
 	const hasNavbarLinks = Boolean(config.navigation?.links?.length);
+	const tabsInNavbar = config.layout?.tabs === "navbar";
 	function renderBrand() {
 		if (homeExternal) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.CloseButton, {
 			as: "a",
@@ -1567,13 +1607,16 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "clarify-header-actions flex shrink-0 items-center gap-1",
 			children: [
+				tabsInNavbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, {
+					compact: true,
+					routes,
+					navigation
+				}) : null,
 				renderTopLinks(),
 				hasNavbarLinks ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-2 hidden h-5 w-px bg-(--clarify-theme-tokens-colors-border) md:block md:dark:bg-white/15" }) : null,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileSearch, {
 					routes,
-					navigation,
-					routePrefix: config.routePrefix,
-					currentLocale
+					navigation
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageSwitcher, {
 					config,
@@ -1599,7 +1642,6 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "clarify-mobile-brand flex items-center gap-5 lg:hidden",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigation, {
-							config,
 							navigation,
 							tabs,
 							routes,
@@ -1610,11 +1652,12 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "clarify-header-center absolute left-1/2 hidden -translate-x-1/2 lg:block",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, {
-						routes,
-						navigation,
-						routePrefix: config.routePrefix,
+					children: tabsInNavbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavbarTabs, {
+						tabs,
 						currentLocale
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, {
+						routes,
+						navigation
 					})
 				}),
 				renderHeaderActions()
@@ -1630,10 +1673,10 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 					"data-clarify-header-banner": true,
 					children: banner
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductTabs, {
+				!tabsInNavbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductTabs, {
 					tabs,
 					currentLocale
-				})
+				}) : null
 			]
 		});
 	}
@@ -1653,21 +1696,15 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 //#region source/app/PageActions.tsx
 var PageActionsContext = (0, react.createContext)({});
 function PageActionsProvider(props) {
-	const { children, route, routePrefix } = props;
+	const { children, route } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageActionsContext.Provider, {
-		value: {
-			route,
-			routePrefix
-		},
+		value: { route },
 		children
 	});
 }
 function PageActions() {
-	const { route, routePrefix } = (0, react.useContext)(PageActionsContext);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentActions, {
-		route,
-		routePrefix
-	});
+	const { route } = (0, react.useContext)(PageActionsContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentActions, { route });
 }
 //#endregion
 Object.defineProperty(exports, "Header", {
@@ -1784,6 +1821,12 @@ Object.defineProperty(exports, "remToPx", {
 		return remToPx;
 	}
 });
+Object.defineProperty(exports, "resolveHomeHref", {
+	enumerable: true,
+	get: function() {
+		return resolveHomeHref;
+	}
+});
 Object.defineProperty(exports, "resolveLocalizedText", {
 	enumerable: true,
 	get: function() {
@@ -1827,4 +1870,4 @@ Object.defineProperty(exports, "useTheme", {
 	}
 });
 
-//# sourceMappingURL=PageActions-ob2OJusG.cjs.map
+//# sourceMappingURL=PageActions-DPYXFL6N.cjs.map