@clarify-labs/renderer 0.11.6 → 0.11.8

package/output/{PageActions-DviEypf6.js → PageActions-CqXr0SyW.js}

@@ -1,11 +1,11 @@
-import { t as useBuiltInText } from "./i18n-Cff810G_.js";
+import { a as useConfig, l as useLocale, t as useBuiltInText } from "./i18n-D4O3z-sP.js";
 import clsx from "clsx";
 import { Suspense, createContext, forwardRef, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CloseButton, Dialog, DialogBackdrop, DialogPanel, Menu, MenuButton, MenuItem, MenuItems, TransitionChild } from "@headlessui/react";
 import * as LucideIcons from "lucide-react";
 import { Check, ChevronDown, ChevronLeft, ChevronRight, Copy, ExternalLink, FileText, Globe2, Link2, LoaderCircle, Menu as Menu$1, Monitor, Moon, MoreHorizontal, PencilLine, Search, Sun, Terminal, X } from "lucide-react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, LayoutGroup, motion, useReducedMotion, useScroll, useTransform } from "framer-motion";
 import { create, createStore, useStore } from "zustand";
 //#region source/utils/clipboard.ts
@@ -47,6 +47,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}`;
@@ -56,17 +60,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 = useConfig();
+	const routePrefix = config.routePrefix;
+	const absoluteLinksEnabled = Boolean(config.siteUrl);
+	const mcpEnabled = absoluteLinksEnabled && config.features.search.enabled && config.features.search.mcp;
 	const t = useBuiltInText();
 	const [copied, setCopied] = useState("idle");
 	const [copyPhase, setCopyPhase] = useState("idle");
@@ -105,22 +116,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"),
@@ -128,14 +142,14 @@ function ContentActions(arg0) {
 		icon: Copy,
 		run: handleCopyContent,
 		copiedLabel: t("contentActions.copiedContent")
-	}, {
+	}, ...absoluteLinksEnabled ? [{
 		key: "link",
 		label: t("contentActions.copyLink", replacements),
 		description: t("contentActions.copyLinkDescription", replacements),
 		icon: Link2,
 		run: handleCopyLink,
 		copiedLabel: t("contentActions.copiedLink")
-	}] : [];
+	}] : []] : [];
 	const llmsAction = {
 		key: "llms",
 		label: t("contentActions.copyLlms"),
@@ -298,7 +312,7 @@ function ContentActions(arg0) {
 								]
 							}) }, action.key);
 						}),
-						/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("button", {
+						absoluteLinksEnabled ? /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ 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",
@@ -319,8 +333,8 @@ function ContentActions(arg0) {
 								}),
 								/* @__PURE__ */ jsx(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__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("button", {
+						}) }, llmsAction.key) : null,
+						mcpEnabled ? /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ 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",
@@ -341,7 +355,7 @@ function ContentActions(arg0) {
 								}),
 								/* @__PURE__ */ jsx(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
 					]
 				})
 			]
@@ -1081,7 +1095,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__ */ jsxs(Dialog, {
 		transition: true,
 		open: isOpen,
@@ -1091,7 +1105,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__ */ jsxs(DialogPanel, { children: [/* @__PURE__ */ jsx(TransitionChild, { children: /* @__PURE__ */ jsx(Header, {
-			config,
 			navigation,
 			tabs,
 			routes,
@@ -1121,7 +1134,7 @@ var useMobileNavigationStore = 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 = useBuiltInText();
@@ -1137,7 +1150,6 @@ function MobileNavigation(arg0) {
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(MobileNavigationDialog, {
-				config,
 				navigation,
 				tabs,
 				routes,
@@ -1169,43 +1181,44 @@ function useSearchProps() {
 }
 //#endregion
 //#region source/shell/Search.tsx
-var SearchDialog = lazy(() => import("./SearchDialog-89JAjQMh.js"));
+var SearchDialog = lazy(() => import("./SearchDialog-BQcbGNvl.js"));
 function getModifierKey() {
 	if (typeof navigator === "undefined") return "Ctrl ";
 	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
 }
 function Search$1(arg0) {
-	const { routes, navigation, routePrefix, currentLocale } = arg0;
+	const { routes, navigation, compact = false } = arg0;
+	const config = useConfig();
+	const currentLocale = useLocale() ?? config.locales?.default;
 	const t = useBuiltInText();
 	const modifierKey = getModifierKey();
 	const { buttonProps, dialogProps } = useSearchProps();
+	if (!config.features.search.enabled) return null;
 	return /* @__PURE__ */ 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__ */ 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__ */ jsx(Search, { className: "h-5 w-5 stroke-current" }),
-				t("search.button"),
-				/* @__PURE__ */ 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__ */ jsx("kbd", {
-						className: "font-sans",
-						children: modifierKey
-					}), /* @__PURE__ */ jsx("kbd", {
-						className: "font-sans",
-						children: "K"
-					})]
-				})
-			]
+			children: [/* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-current" }), !compact ? /* @__PURE__ */ jsxs(Fragment$1, { children: [t("search.button"), /* @__PURE__ */ 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__ */ jsx("kbd", {
+					className: "font-sans",
+					children: modifierKey
+				}), /* @__PURE__ */ jsx("kbd", {
+					className: "font-sans",
+					children: "K"
+				})]
+			})] }) : null]
 		}), /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(SearchDialog, {
 				className: "hidden lg:block",
 				routes,
 				navigation,
-				routePrefix,
+				routePrefix: config.routePrefix,
+				assetPrefix: config.assetPrefix,
 				currentLocale,
 				...dialogProps
 			})
@@ -1213,9 +1226,12 @@ function Search$1(arg0) {
 	});
 }
 function MobileSearch(arg0) {
-	const { routes, navigation, routePrefix, currentLocale, onNavigate } = arg0;
+	const { routes, navigation, onNavigate } = arg0;
+	const config = useConfig();
+	const currentLocale = useLocale() ?? config.locales?.default;
 	const t = useBuiltInText();
 	const { buttonProps, dialogProps } = useSearchProps();
+	if (!config.features.search.enabled) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "clarify-mobile-search contents lg:hidden",
 		children: [/* @__PURE__ */ jsxs("button", {
@@ -1230,7 +1246,8 @@ function MobileSearch(arg0) {
 				className: "lg:hidden",
 				routes,
 				navigation,
-				routePrefix,
+				routePrefix: config.routePrefix,
+				assetPrefix: config.assetPrefix,
 				currentLocale,
 				onNavigate,
 				...dialogProps
@@ -1339,9 +1356,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(useLocation().pathname);
+	const t = useBuiltInText();
+	if (!tabs?.length) return null;
+	return /* @__PURE__ */ jsx("nav", {
+		className: "clarify-tabs-navbar hidden md:block",
+		"aria-label": t("navbar.sections"),
+		children: /* @__PURE__ */ jsx("ul", {
+			role: "list",
+			className: "flex items-center gap-0.5",
+			children: tabs.map((tab) => {
+				const active = isActiveTab(tab, pathname, currentLocale);
+				return /* @__PURE__ */ jsxs(TopLevelNavItem, {
+					href: tab.path,
+					active,
+					children: [/* @__PURE__ */ jsx(NavigationIcon, {
+						name: tab.icon,
+						className: "mr-1.5 h-4 w-4"
+					}), /* @__PURE__ */ jsx("span", { children: tab.title })]
+				}, `${tab.title}-${tab.path}`);
+			})
+		})
+	});
 }
 function MobileNavbarMenu(arg0) {
 	const { links, config, currentLocale } = arg0;
@@ -1503,7 +1541,8 @@ function ProductTabs(arg0) {
 	});
 }
 var Header = 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 = useConfig();
 	const t = useBuiltInText();
 	const pathname = normalizeRoutePath(useLocation().pathname);
 	const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
@@ -1514,6 +1553,7 @@ var Header = forwardRef(function Header(arg0, ref) {
 	const bgOpacityLight = useTransform(scrollY, [0, 72], ["70%", "95%"]);
 	const bgOpacityDark = 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__ */ jsxs(CloseButton, {
 			as: "a",
@@ -1565,13 +1605,16 @@ var Header = forwardRef(function Header(arg0, ref) {
 		return /* @__PURE__ */ jsxs("div", {
 			className: "clarify-header-actions flex shrink-0 items-center gap-1",
 			children: [
+				tabsInNavbar ? /* @__PURE__ */ jsx(Search$1, {
+					compact: true,
+					routes,
+					navigation
+				}) : null,
 				renderTopLinks(),
 				hasNavbarLinks ? /* @__PURE__ */ 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__ */ jsx(MobileSearch, {
 					routes,
-					navigation,
-					routePrefix: config.routePrefix,
-					currentLocale
+					navigation
 				}),
 				/* @__PURE__ */ jsx(LanguageSwitcher, {
 					config,
@@ -1597,7 +1640,6 @@ var Header = forwardRef(function Header(arg0, ref) {
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "clarify-mobile-brand flex items-center gap-5 lg:hidden",
 						children: /* @__PURE__ */ jsx(MobileNavigation, {
-							config,
 							navigation,
 							tabs,
 							routes,
@@ -1608,11 +1650,12 @@ var Header = forwardRef(function Header(arg0, ref) {
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "clarify-header-center absolute left-1/2 hidden -translate-x-1/2 lg:block",
-					children: /* @__PURE__ */ jsx(Search$1, {
-						routes,
-						navigation,
-						routePrefix: config.routePrefix,
+					children: tabsInNavbar ? /* @__PURE__ */ jsx(NavbarTabs, {
+						tabs,
 						currentLocale
+					}) : /* @__PURE__ */ jsx(Search$1, {
+						routes,
+						navigation
 					})
 				}),
 				renderHeaderActions()
@@ -1628,10 +1671,10 @@ var Header = forwardRef(function Header(arg0, ref) {
 					"data-clarify-header-banner": true,
 					children: banner
 				}),
-				/* @__PURE__ */ jsx(ProductTabs, {
+				!tabsInNavbar ? /* @__PURE__ */ jsx(ProductTabs, {
 					tabs,
 					currentLocale
-				})
+				}) : null
 			]
 		});
 	}
@@ -1651,23 +1694,17 @@ var Header = forwardRef(function Header(arg0, ref) {
 //#region source/app/PageActions.tsx
 var PageActionsContext = createContext({});
 function PageActionsProvider(props) {
-	const { children, route, routePrefix } = props;
+	const { children, route } = props;
 	return /* @__PURE__ */ jsx(PageActionsContext.Provider, {
-		value: {
-			route,
-			routePrefix
-		},
+		value: { route },
 		children
 	});
 }
 function PageActions() {
-	const { route, routePrefix } = useContext(PageActionsContext);
-	return /* @__PURE__ */ jsx(ContentActions, {
-		route,
-		routePrefix
-	});
+	const { route } = useContext(PageActionsContext);
+	return /* @__PURE__ */ jsx(ContentActions, { route });
 }
 //#endregion
-export { isExternalHref as C, copyTextToClipboard as E, themeCookieName as S, prefixHref as T, getStoredThemePreference as _, SectionProvider as a, storeLocalePreference as b, lucideIconRegistry as c, normalizeRoutePath as d, resolveLocalizedText as f, getStoredLocalePreference as g, useTheme as h, Navigation as i, resolveLucideIconName as l, ThemeProvider as m, PageActionsProvider as n, useSectionStore as o, ThemeToggle as p, Header as r, remToPx as s, PageActions as t, isSameRoutePath as u, localeCookieName as v, localizeHref as w, storeThemePreference as x, readLocaleCookie as y };
+export { isExternalHref as C, copyTextToClipboard as D, resolveHomeHref as E, themeCookieName as S, prefixHref as T, getStoredThemePreference as _, SectionProvider as a, storeLocalePreference as b, lucideIconRegistry as c, normalizeRoutePath as d, resolveLocalizedText as f, getStoredLocalePreference as g, useTheme as h, Navigation as i, resolveLucideIconName as l, ThemeProvider as m, PageActionsProvider as n, useSectionStore as o, ThemeToggle as p, Header as r, remToPx as s, PageActions as t, isSameRoutePath as u, localeCookieName as v, localizeHref as w, storeThemePreference as x, readLocaleCookie as y };
 
-//# sourceMappingURL=PageActions-DviEypf6.js.map
+//# sourceMappingURL=PageActions-CqXr0SyW.js.map