camox 0.33.0 → 0.34.0

package/dist/features/runtime/pageNavigation.js

@@ -0,0 +1,170 @@
+import { NavigationProvider } from "../navigation/navigation.js";
+import { createPageHeadInput } from "./runtime.js";
+import { hydrate } from "@tanstack/react-query";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { createHead, renderDOMHead } from "@unhead/react/client";
+
+//#region src/features/runtime/pageNavigation.tsx
+function normalizeRuntimeBasePath(basePath) {
+	if (!basePath || basePath === "/") return "";
+	return basePath.startsWith("/") ? basePath.replace(/\/+$/, "") : `/${basePath.replace(/\/+$/, "")}`;
+}
+function normalizePagePath(pathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	if (!basePath) return pathname || "/";
+	if (pathname === basePath) return "/";
+	if (pathname.startsWith(`${basePath}/`)) return pathname.slice(basePath.length) || "/";
+	return pathname || "/";
+}
+function toRuntimePathname(pagePathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	const normalizedPathname = pagePathname.startsWith("/") ? pagePathname : `/${pagePathname}`;
+	if (!basePath) return normalizedPathname;
+	if (normalizedPathname === "/") return `${basePath}/`;
+	if (normalizedPathname.startsWith(`${basePath}/`)) return normalizedPathname;
+	return `${basePath}${normalizedPathname}`;
+}
+function getRuntimeLocation(runtimeBasePath) {
+	return {
+		hash: window.location.hash,
+		href: window.location.href,
+		pathname: normalizePagePath(window.location.pathname, runtimeBasePath),
+		search: window.location.search
+	};
+}
+function isReservedPagePath(pathname) {
+	return pathname.startsWith("/_camox/") || pathname === "/_camox" || pathname === "/camox" || pathname.startsWith("/camox/") || pathname === "/og" || pathname === "/sitemap.xml";
+}
+function getClientNavigationTarget(to, runtimeBasePath) {
+	const url = new URL(to, window.location.href);
+	if (url.origin !== window.location.origin) return null;
+	const pagePathname = normalizePagePath(url.pathname, runtimeBasePath);
+	if (isReservedPagePath(pagePathname)) return null;
+	url.pathname = toRuntimePathname(pagePathname, runtimeBasePath);
+	return url;
+}
+async function fetchPageData(pagePathname, runtimeBasePath) {
+	const dataUrl = new URL(toRuntimePathname("/_camox/data", runtimeBasePath), window.location.origin);
+	dataUrl.searchParams.set("path", pagePathname);
+	const response = await fetch(dataUrl, {
+		headers: { Accept: "application/json" },
+		credentials: "same-origin"
+	});
+	if (!response.ok) throw new Error(`Page data request failed: ${response.status}`);
+	return await response.json();
+}
+function isPageHead(head) {
+	return !!head && typeof head === "object";
+}
+function updateHead(head, manager) {
+	if (!isPageHead(head)) return;
+	if (!manager.removedServerPageHead) {
+		document.querySelectorAll("[data-camox-page-head]").forEach((element) => element.remove());
+		manager.removedServerPageHead = true;
+	}
+	manager.entry?.dispose();
+	manager.entry = manager.head.push(createPageHeadInput(head));
+	renderDOMHead(manager.head);
+}
+function hasSameLayoutIdentity(current, next) {
+	return !!current && !!next && current.id === next.id && current.layoutId === next.layoutId && current.version === next.version;
+}
+function isLayoutBlockQuery(query, layoutBlockIds) {
+	if (!query || typeof query !== "object") return false;
+	const queryKey = query.queryKey;
+	return Array.isArray(queryKey) && queryKey[0] === "camox" && queryKey[1] === "blocks" && queryKey[2] === "get" && typeof queryKey[3] === "number" && layoutBlockIds.has(queryKey[3]);
+}
+function preserveStableLayoutBlockCaches(dehydratedState, currentLayout, nextLayout) {
+	if (!hasSameLayoutIdentity(currentLayout, nextLayout)) return dehydratedState;
+	if (!dehydratedState || typeof dehydratedState !== "object") return dehydratedState;
+	if (!Array.isArray(dehydratedState.queries)) return dehydratedState;
+	const layoutBlockIds = new Set(currentLayout?.blockIds ?? []);
+	return {
+		...dehydratedState,
+		queries: dehydratedState.queries.filter((query) => !isLayoutBlockQuery(query, layoutBlockIds))
+	};
+}
+function PageNavigationProvider({ children, initialInput, queryClient }) {
+	const headManagerRef = React.useRef(null);
+	if (!headManagerRef.current) headManagerRef.current = {
+		head: createHead(),
+		removedServerPageHead: false
+	};
+	const headManager = headManagerRef.current;
+	const currentLayoutIdentityRef = React.useRef(initialInput.layoutIdentity);
+	const navigate = React.useCallback(async ({ replace, to }) => {
+		const target = getClientNavigationTarget(to, initialInput.runtimeBasePath);
+		if (!target) {
+			window.location.assign(to);
+			return;
+		}
+		const pagePathname = normalizePagePath(target.pathname, initialInput.runtimeBasePath);
+		try {
+			const data = await fetchPageData(pagePathname, initialInput.runtimeBasePath);
+			if (data.dehydratedState) hydrate(queryClient, preserveStableLayoutBlockCaches(data.dehydratedState, currentLayoutIdentityRef.current, data.layoutIdentity));
+			currentLayoutIdentityRef.current = data.layoutIdentity ?? null;
+			updateHead(data.head, headManager);
+		} catch {
+			window.location.assign(target.href);
+			return;
+		}
+		if (replace) window.history.replaceState(null, "", target.href);
+		else {
+			window.history.pushState(null, "", target.href);
+			window.scrollTo({ top: 0 });
+		}
+		window.dispatchEvent(new Event("camox:navigation"));
+	}, [
+		headManager,
+		initialInput.runtimeBasePath,
+		queryClient
+	]);
+	React.useEffect(() => {
+		const onClick = (event) => {
+			if (event.defaultPrevented) return;
+			if (event.button !== 0) return;
+			if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return;
+			const anchor = event.target?.closest("a");
+			if (!anchor) return;
+			if (anchor.hasAttribute("download")) return;
+			if (anchor.target && anchor.target !== "_self") return;
+			const target_0 = getClientNavigationTarget(anchor.href, initialInput.runtimeBasePath);
+			if (!target_0) return;
+			event.preventDefault();
+			navigate({ to: target_0.href });
+		};
+		document.addEventListener("click", onClick);
+		return () => document.removeEventListener("click", onClick);
+	}, [navigate]);
+	React.useEffect(() => {
+		const onPopState = () => {
+			fetchPageData(normalizePagePath(window.location.pathname, initialInput.runtimeBasePath), initialInput.runtimeBasePath).then((data_0) => {
+				if (data_0.dehydratedState) hydrate(queryClient, preserveStableLayoutBlockCaches(data_0.dehydratedState, currentLayoutIdentityRef.current, data_0.layoutIdentity));
+				currentLayoutIdentityRef.current = data_0.layoutIdentity ?? null;
+				updateHead(data_0.head, headManager);
+				window.dispatchEvent(new Event("camox:navigation"));
+			}).catch(() => window.location.reload());
+		};
+		window.addEventListener("popstate", onPopState);
+		return () => window.removeEventListener("popstate", onPopState);
+	}, [
+		headManager,
+		initialInput.runtimeBasePath,
+		queryClient
+	]);
+	return /* @__PURE__ */ jsx(NavigationProvider, {
+		getLocation: React.useCallback(() => getRuntimeLocation(initialInput.runtimeBasePath), [initialInput.runtimeBasePath]),
+		initialLocation: {
+			hash: new URL(initialInput.href).hash,
+			href: initialInput.href,
+			pathname: initialInput.pathname,
+			search: new URL(initialInput.href).search
+		},
+		navigate,
+		children
+	});
+}
+
+//#endregion
+export { PageNavigationProvider };

package/dist/features/runtime/pageServer.d.ts

@@ -0,0 +1,9 @@
+import { CamoxApp } from "../../core/createApp.js";
+import { PageRenderInput } from "./runtime.js";
+
+//#region src/features/runtime/pageServer.d.ts
+declare function renderPageWithApp(input: PageRenderInput & {
+  camoxApp: CamoxApp;
+}): Promise<string>;
+//#endregion
+export { renderPageWithApp };

package/dist/features/runtime/pageServer.js

@@ -0,0 +1,18 @@
+import { PageApp } from "./pageApp.js";
+import { QueryClient, hydrate } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { renderToString } from "react-dom/server";
+
+//#region src/features/runtime/pageServer.tsx
+async function renderPageWithApp(input) {
+	const queryClient = new QueryClient();
+	hydrate(queryClient, input.dehydratedState);
+	return renderToString(/* @__PURE__ */ jsx(PageApp, {
+		camoxApp: input.camoxApp,
+		input,
+		queryClient
+	}));
+}
+
+//#endregion
+export { renderPageWithApp };

package/dist/features/runtime/runtime.d.ts

@@ -0,0 +1,24 @@
+import { UseHeadInput } from "unhead/types";
+
+//#region src/features/runtime/runtime.d.ts
+interface LayoutIdentity {
+  blockIds: number[];
+  id: number;
+  layoutId: string;
+  version: string;
+}
+interface PageRenderInput {
+  apiUrl: string;
+  authenticationUrl: string;
+  dehydratedState: unknown;
+  environmentName?: string;
+  head: unknown;
+  href: string;
+  layoutIdentity: LayoutIdentity | null;
+  loaderData: unknown;
+  pathname: string;
+  projectSlug: string;
+  runtimeBasePath: string;
+}
+//#endregion
+export { PageRenderInput };

package/dist/features/runtime/runtime.js

@@ -0,0 +1,44 @@
+import "../routes/pageRuntime.js";
+import { QueryClient } from "@tanstack/react-query";
+import "@unhead/react/server";
+
+//#region src/features/runtime/runtime.ts
+function createPageHeadInput(head) {
+	const meta = head.meta ?? [];
+	const links = head.links ?? [];
+	const title = meta.find((entry) => entry.title)?.title;
+	const pageMeta = [];
+	for (const entry of meta) {
+		if (entry.title) continue;
+		if (entry.name && entry.content) {
+			pageMeta.push({
+				name: entry.name,
+				content: entry.content,
+				"data-camox-page-head": "true"
+			});
+			continue;
+		}
+		if (entry.property && entry.content) pageMeta.push({
+			property: entry.property,
+			content: entry.content,
+			"data-camox-page-head": "true"
+		});
+	}
+	const pageLinks = [];
+	for (const entry of links) {
+		if (entry.rel !== "icon" || !entry.href) continue;
+		pageLinks.push({
+			rel: "icon",
+			href: entry.href,
+			"data-camox-page-head": "true"
+		});
+	}
+	return {
+		...title && { title },
+		meta: pageMeta,
+		link: pageLinks
+	};
+}
+
+//#endregion
+export { createPageHeadInput };

package/dist/features/runtime/studioApp.d.ts

@@ -0,0 +1,15 @@
+import { QueryClient } from "@tanstack/react-query";
+//#region src/features/runtime/studioApp.d.ts
+interface StudioRenderInput {
+  apiUrl: string;
+  authenticationUrl: string;
+  dehydratedState: unknown;
+  environmentName?: string;
+  href: string;
+  pathname: string;
+  projectSlug: string;
+  routeKind: "studio" | "studio-content" | "studio-nested";
+  runtimeBasePath: string;
+}
+//#endregion
+export { StudioRenderInput };

package/dist/features/runtime/studioApp.js

@@ -0,0 +1,117 @@
+import { STUDIO_CONTENT_PATH } from "../studio/routes.js";
+import { CamoxContent } from "../content/CamoxContent.js";
+import { CamoxProvider } from "../provider/CamoxProvider.js";
+import { CamoxStudio } from "../studio/CamoxStudio.js";
+import { StudioNavigationProvider } from "./studioNavigation.js";
+import { c } from "react/compiler-runtime";
+import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/runtime/studioApp.tsx
+function StudioRouteContent(t0) {
+	const $ = c(4);
+	if ($[0] !== "4c7f5ba34e144c65d886d3b5a39ff5adc9765123d3c37bd6491f55534f919b1f") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4c7f5ba34e144c65d886d3b5a39ff5adc9765123d3c37bd6491f55534f919b1f";
+	}
+	const { input } = t0;
+	if (input.pathname === STUDIO_CONTENT_PATH) {
+		let t1;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(CamoxContent, {});
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	if (input.routeKind === "studio-nested") {
+		let t1;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground p-6 text-sm",
+				children: "Studio page not found"
+			});
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground p-6 text-sm",
+			children: "Loading Studio…"
+		});
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function StudioApp(t0) {
+	const $ = c(21);
+	if ($[0] !== "4c7f5ba34e144c65d886d3b5a39ff5adc9765123d3c37bd6491f55534f919b1f") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4c7f5ba34e144c65d886d3b5a39ff5adc9765123d3c37bd6491f55534f919b1f";
+	}
+	const { camoxApp, input, queryClient } = t0;
+	const t1 = input.dehydratedState;
+	let t2;
+	if ($[1] !== input) {
+		t2 = /* @__PURE__ */ jsx(CamoxStudio, { children: /* @__PURE__ */ jsx(StudioRouteContent, { input }) });
+		$[1] = input;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== camoxApp || $[4] !== input.apiUrl || $[5] !== input.authenticationUrl || $[6] !== input.environmentName || $[7] !== input.projectSlug || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(CamoxProvider, {
+			camoxApp,
+			authenticationUrl: input.authenticationUrl,
+			apiUrl: input.apiUrl,
+			projectSlug: input.projectSlug,
+			environmentName: input.environmentName,
+			children: t2
+		});
+		$[3] = camoxApp;
+		$[4] = input.apiUrl;
+		$[5] = input.authenticationUrl;
+		$[6] = input.environmentName;
+		$[7] = input.projectSlug;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== input.href || $[11] !== input.pathname || $[12] !== input.runtimeBasePath || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsx(StudioNavigationProvider, {
+			href: input.href,
+			pathname: input.pathname,
+			runtimeBasePath: input.runtimeBasePath,
+			children: t3
+		});
+		$[10] = input.href;
+		$[11] = input.pathname;
+		$[12] = input.runtimeBasePath;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== t1 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(HydrationBoundary, {
+			state: t1,
+			children: t4
+		});
+		$[15] = t1;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== queryClient || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
+			client: queryClient,
+			children: t5
+		});
+		$[18] = queryClient;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
+}
+
+//#endregion
+export { StudioApp };

package/dist/features/runtime/studioNavigation.js

@@ -0,0 +1,115 @@
+import { NavigationProvider } from "../navigation/navigation.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/runtime/studioNavigation.tsx
+function normalizeRuntimeBasePath(basePath) {
+	if (!basePath || basePath === "/") return "";
+	return basePath.startsWith("/") ? basePath.replace(/\/+$/, "") : `/${basePath.replace(/\/+$/, "")}`;
+}
+function normalizeRuntimePathname(pathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	if (!basePath) return pathname || "/";
+	if (pathname === basePath) return "/";
+	if (pathname.startsWith(`${basePath}/`)) return pathname.slice(basePath.length) || "/";
+	return pathname || "/";
+}
+function toRuntimePathname(pathname, runtimeBasePath) {
+	const basePath = normalizeRuntimeBasePath(runtimeBasePath);
+	const normalizedPathname = pathname.startsWith("/") ? pathname : `/${pathname}`;
+	if (!basePath) return normalizedPathname;
+	if (normalizedPathname === "/") return `${basePath}/`;
+	if (normalizedPathname.startsWith(`${basePath}/`)) return normalizedPathname;
+	return `${basePath}${normalizedPathname}`;
+}
+function getStudioLocation(runtimeBasePath) {
+	return {
+		hash: window.location.hash,
+		href: window.location.href,
+		pathname: normalizeRuntimePathname(window.location.pathname, runtimeBasePath),
+		search: window.location.search
+	};
+}
+function getStudioTarget(to, runtimeBasePath) {
+	const url = new URL(to, window.location.href);
+	if (url.origin !== window.location.origin) return null;
+	url.pathname = toRuntimePathname(normalizeRuntimePathname(url.pathname, runtimeBasePath), runtimeBasePath);
+	return url;
+}
+function StudioNavigationProvider(t0) {
+	const $ = c(19);
+	if ($[0] !== "df5809d38cc8796db839fa5b8c8d05f562a3e4cba7d51a1fec989dc85db9136b") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "df5809d38cc8796db839fa5b8c8d05f562a3e4cba7d51a1fec989dc85db9136b";
+	}
+	const { children, href, pathname, runtimeBasePath } = t0;
+	let t1;
+	if ($[1] !== runtimeBasePath) {
+		t1 = async (t2) => {
+			const { replace, to } = t2;
+			const target = getStudioTarget(to, runtimeBasePath);
+			if (!target) {
+				window.location.assign(to);
+				return;
+			}
+			if (replace) window.history.replaceState(null, "", target.href);
+			else window.history.pushState(null, "", target.href);
+			window.dispatchEvent(new Event("camox:navigation"));
+		};
+		$[1] = runtimeBasePath;
+		$[2] = t1;
+	} else t1 = $[2];
+	const navigate = t1;
+	let t2;
+	if ($[3] !== runtimeBasePath) {
+		t2 = () => getStudioLocation(runtimeBasePath);
+		$[3] = runtimeBasePath;
+		$[4] = t2;
+	} else t2 = $[4];
+	const getLocation = t2;
+	let t3;
+	if ($[5] !== href) {
+		t3 = new URL(href);
+		$[5] = href;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== href) {
+		t4 = new URL(href);
+		$[7] = href;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== href || $[10] !== pathname || $[11] !== t3.hash || $[12] !== t4.search) {
+		t5 = {
+			hash: t3.hash,
+			href,
+			pathname,
+			search: t4.search
+		};
+		$[9] = href;
+		$[10] = pathname;
+		$[11] = t3.hash;
+		$[12] = t4.search;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== children || $[15] !== getLocation || $[16] !== navigate || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(NavigationProvider, {
+			getLocation,
+			initialLocation: t5,
+			navigate,
+			children
+		});
+		$[14] = children;
+		$[15] = getLocation;
+		$[16] = navigate;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+}
+
+//#endregion
+export { StudioNavigationProvider };

package/dist/features/runtime/studioServer.d.ts

@@ -0,0 +1,9 @@
+import { CamoxApp } from "../../core/createApp.js";
+import { StudioRenderInput } from "./studioApp.js";
+
+//#region src/features/runtime/studioServer.d.ts
+declare function renderStudioWithApp(input: StudioRenderInput & {
+  camoxApp: CamoxApp;
+}): Promise<string>;
+//#endregion
+export { renderStudioWithApp };

package/dist/features/runtime/studioServer.js

@@ -0,0 +1,18 @@
+import { StudioApp } from "./studioApp.js";
+import { QueryClient, hydrate } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { renderToString } from "react-dom/server";
+
+//#region src/features/runtime/studioServer.tsx
+async function renderStudioWithApp(input) {
+	const queryClient = new QueryClient();
+	hydrate(queryClient, input.dehydratedState);
+	return renderToString(/* @__PURE__ */ jsx(StudioApp, {
+		camoxApp: input.camoxApp,
+		input,
+		queryClient
+	}));
+}
+
+//#endregion
+export { renderStudioWithApp };

package/dist/features/studio/CamoxStudio.js

@@ -1,18 +1,18 @@
+import { Navigate, useLocation } from "../navigation/navigation.js";
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
 import { trackClientEvent } from "../../lib/telemetry-client.js";
 import { STUDIO_BASE_PATH } from "./routes.js";
 import { Navbar } from "./components/Navbar.js";
 import { c } from "react/compiler-runtime";
-import { Navigate, useLocation } from "@tanstack/react-router";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/CamoxStudio.tsx
 const CamoxStudio = (t0) => {
 	const $ = c(14);
-	if ($[0] !== "92bbce1cfb7eb2b02b99b83bd538e0a81e979111219649246f8443dcf12fabf3") {
+	if ($[0] !== "869273f9f42924824ee2b9e5a0066bb2be142208aab9426269ff2984ede38347") {
 		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "92bbce1cfb7eb2b02b99b83bd538e0a81e979111219649246f8443dcf12fabf3";
+		$[0] = "869273f9f42924824ee2b9e5a0066bb2be142208aab9426269ff2984ede38347";
 	}
 	const { children } = t0;
 	const { isAuthenticated, isLoading: isLoadingAuth } = useAuthState();

package/dist/features/studio/components/Navbar.js

@@ -1,3 +1,4 @@
+import { Link as Link$1, useLocation, useNavigate } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageQueries, projectQueries } from "../../../lib/queries.js";
@@ -9,10 +10,9 @@ import { ProjectMenu } from "./ProjectMenu.js";
 import { UserButton } from "./UserButton.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { Link, useLocation, useNavigate } from "@tanstack/react-router";
 import * as React from "react";
-import { Kbd } from "@camox/ui/kbd";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Kbd } from "@camox/ui/kbd";
 import { Button } from "@camox/ui/button";
 import { Database, Globe, SearchIcon } from "lucide-react";
 
@@ -36,9 +36,9 @@ const links = [{
 }];
 const Navbar = () => {
 	const $ = c(19);
-	if ($[0] !== "eea0214bb845c9520caf17dd35f6ab89aaf76f8bfb610142be4d515eefd136f8") {
+	if ($[0] !== "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e") {
 		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "eea0214bb845c9520caf17dd35f6ab89aaf76f8bfb610142be4d515eefd136f8";
+		$[0] = "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e";
 	}
 	const projectSlug = useProjectSlug();
 	let t0;
@@ -78,7 +78,7 @@ const Navbar = () => {
 	} else t4 = $[8];
 	let t5;
 	if ($[9] !== pages || $[10] !== pathname) {
-		t5 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, {
+		t5 = links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link$1, {
 			to: link.to,
 			className: cn("flex gap-2 items-center rounded-md px-4 py-2 text-sm font-medium", "hover:bg-accent hover:text-accent-foreground outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1", pages?.some((page) => page.fullPath === pathname) && index === 0 ? "bg-accent hover:bg-accent text-accent-foreground" : "text-muted-foreground"),
 			activeProps: { className: "bg-accent hover:bg-accent text-accent-foreground!" },
@@ -146,9 +146,9 @@ const Navbar = () => {
 };
 function useNavbarActions() {
 	const $ = c(4);
-	if ($[0] !== "eea0214bb845c9520caf17dd35f6ab89aaf76f8bfb610142be4d515eefd136f8") {
+	if ($[0] !== "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "eea0214bb845c9520caf17dd35f6ab89aaf76f8bfb610142be4d515eefd136f8";
+		$[0] = "9b1adcbc6464388cc572701469e917a5652b82c7ccc4e66be74fb1820176f49e";
 	}
 	const navigate = useNavigate();
 	let t0;