camox 0.33.0 → 0.34.0

package/dist/components/AuthGate.js

@@ -4,13 +4,14 @@ import { c } from "react/compiler-runtime";
 //#region src/components/AuthGate.tsx
 function AuthGate(t0) {
 	const $ = c(1);
-	if ($[0] !== "4192eaab250d489efbc0f5cc22f05bd4c40209bc6ef7f711bf8c40a7b16edbf7") {
+	if ($[0] !== "6de4384ece40c4b5e89894da23db2a5fb013bb295503fd2026710f49f69dd9a6") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4192eaab250d489efbc0f5cc22f05bd4c40209bc6ef7f711bf8c40a7b16edbf7";
+		$[0] = "6de4384ece40c4b5e89894da23db2a5fb013bb295503fd2026710f49f69dd9a6";
 	}
-	const { authenticated, unauthenticated } = t0;
+	const { authenticated, unauthenticated, loading: t1 } = t0;
+	const loading = t1 === void 0 ? null : t1;
 	const { isAuthenticated, isLoading } = useAuthState();
-	if (isLoading) return unauthenticated;
+	if (isLoading) return loading;
 	return isAuthenticated ? authenticated : unauthenticated;
 }
 

package/dist/core/createBlock.js

@@ -1,3 +1,4 @@
+import { useLocation } from "../features/navigation/navigation.js";
 import { useProjectSlug } from "../lib/auth.js";
 import { blockMutations, pageQueries, projectQueries, repeatableItemMutations } from "../lib/queries.js";
 import { trackClientEvent } from "../lib/telemetry-client.js";
@@ -19,7 +20,6 @@ import { Label } from "@camox/ui/label";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { Type as Type$1 } from "@sinclair/typebox";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
@@ -289,9 +289,9 @@ function createBlock(options) {
 	};
 	const Embed = (t0) => {
 		const $ = c(59);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -536,9 +536,9 @@ function createBlock(options) {
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -777,9 +777,9 @@ function createBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -901,9 +901,9 @@ function createBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -978,9 +978,9 @@ function createBlock(options) {
 	const FileList = _AssetList;
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1021,9 +1021,9 @@ function createBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -1054,9 +1054,9 @@ function createBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(27);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1181,9 +1181,9 @@ function createBlock(options) {
 	};
 	const BlockComponent = (t0) => {
 		const $ = c(78);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 78; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1517,9 +1517,9 @@ function createBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(31);
-		if ($[0] !== "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407") {
+		if ($[0] !== "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711") {
 			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "9cd21990f1cb26b8613f764719b3c2aa84ab101438380ec49833d48adbdfe407";
+			$[0] = "9231ca5a45ac243503ccaac821f875febfac8cd23cd7c9d63dd14d5e87dab711";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);

package/dist/core/defineDocument.d.ts

@@ -0,0 +1,7 @@
+import { UseHeadInput } from "unhead/types";
+
+//#region src/core/defineDocument.d.ts
+type CamoxDocument = UseHeadInput;
+declare function defineDocument(document: CamoxDocument): CamoxDocument;
+//#endregion
+export { CamoxDocument, defineDocument };

package/dist/core/defineDocument.js

@@ -0,0 +1,7 @@
+//#region src/core/defineDocument.ts
+function defineDocument(document) {
+	return document;
+}
+
+//#endregion
+export { defineDocument };

package/dist/features/agent-chat/components/AgentChatSidebar.js

@@ -1,10 +1,10 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { projectQueries } from "../../../lib/queries.js";
 import { previewStore } from "../../preview/previewStore.js";
 import { AgentChatThread } from "./AgentChatThread.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -15,9 +15,9 @@ import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 //#region src/features/agent-chat/components/AgentChatSidebar.tsx
 const AgentChatSidebar = () => {
 	const $ = c(20);
-	if ($[0] !== "fa80c907e2ec181da4f3cb91fbf7d8dc7f1330b0892397f5d2dd7e7058b18f66") {
+	if ($[0] !== "0cd25adb7637781b4a21ccdb22bb01ea44234579d0d340e1a833455c0506f264") {
 		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "fa80c907e2ec181da4f3cb91fbf7d8dc7f1330b0892397f5d2dd7e7058b18f66";
+		$[0] = "0cd25adb7637781b4a21ccdb22bb01ea44234579d0d340e1a833455c0506f264";
 	}
 	const previewSource = useSelector(previewStore, _temp);
 	const pageScaffoldContext = useSelector(previewStore, _temp2);

package/dist/features/agent-chat/components/AgentChatThread.js

@@ -1,11 +1,11 @@
-import { getAuthCookieHeader } from "../../../lib/auth.js";
+import { useNavigate } from "../../navigation/navigation.js";
+import { getAuthCookieHeader, getAuthRequestCredentials } from "../../../lib/auth.js";
 import { getApiClient, getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
 import { cn } from "../../../lib/utils.js";
 import { previewStore } from "../../preview/previewStore.js";
 import { buildAgentChatToolLabelContext, getToolCallLabel } from "../agent-chat-labels.js";
 import { AgentToolCallCard } from "./AgentToolCallCard.js";
 import { c } from "react/compiler-runtime";
-import { useNavigate } from "@tanstack/react-router";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
@@ -106,9 +106,9 @@ const markdownComponents = {
 };
 const MessageBubble = (t0) => {
 	const $ = c(34);
-	if ($[0] !== "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf") {
+	if ($[0] !== "2567c826f7e9a4c13b5857bd7da85cb17fb8cc96c39c6c50398fc8a1ce17f1d3") {
 		for (let $i = 0; $i < 34; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
+		$[0] = "2567c826f7e9a4c13b5857bd7da85cb17fb8cc96c39c6c50398fc8a1ce17f1d3";
 	}
 	const { message, source, isThinkingActive, activeThinkingDurationKeys, thinkingDurations, toolLabelContext, onApprovalResponse } = t0;
 	const isUser = message.role === "user";
@@ -226,9 +226,9 @@ const MessageBubble = (t0) => {
 };
 const AgentThinkingIndicator = (t0) => {
 	const $ = c(7);
-	if ($[0] !== "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf") {
+	if ($[0] !== "2567c826f7e9a4c13b5857bd7da85cb17fb8cc96c39c6c50398fc8a1ce17f1d3") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
+		$[0] = "2567c826f7e9a4c13b5857bd7da85cb17fb8cc96c39c6c50398fc8a1ce17f1d3";
 	}
 	const { durationSeconds } = t0;
 	if (durationSeconds !== void 0) {
@@ -283,16 +283,15 @@ const AgentChatThread = ({ projectId, currentPath, source, disabled, focusKey =
 		return createPageScaffoldMessages(pageScaffoldContext);
 	}, [pageScaffoldContext]);
 	const connection = React.useMemo(() => fetchServerSentEvents(`${getApiUrl()}/agent/chat`, () => {
-		const headers = {
-			"Better-Auth-Cookie": getAuthCookieHeader(),
-			"x-camox-client": "studio"
-		};
+		const authCookieHeader = getAuthCookieHeader();
+		const headers = { "x-camox-client": "studio" };
+		if (authCookieHeader) headers["Better-Auth-Cookie"] = authCookieHeader;
 		const environmentName = getEnvironmentName();
 		if (environmentName) headers["x-environment-name"] = environmentName;
 		if (__CAMOX_TELEMETRY_DISABLED__) headers["x-camox-telemetry-disabled"] = "1";
 		return {
 			headers,
-			credentials: "omit",
+			credentials: getAuthRequestCredentials(authCookieHeader),
 			body: {
 				projectId,
 				currentPath,

package/dist/features/navigation/navigation.d.ts

@@ -0,0 +1,39 @@
+import { UseNavigateResult } from "../../node_modules/.pnpm/@tanstack_router-core@1.168.14/node_modules/@tanstack/router-core/dist/esm/useNavigate.js";
+import * as React from "react";
+import { LinkProps as LinkProps$1 } from "@tanstack/react-router";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/features/navigation/navigation.d.ts
+interface LocationState {
+  hash: string;
+  href: string;
+  pathname: string;
+  search: string;
+}
+interface NavigateOptions {
+  replace?: boolean;
+  to: string;
+}
+type LinkProps = LinkProps$1 & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare function NavigationProvider({
+  children,
+  getLocation,
+  initialLocation,
+  navigate
+}: {
+  children: React.ReactNode;
+  getLocation?: () => LocationState;
+  initialLocation?: LocationState;
+  navigate?: (options: NavigateOptions) => Promise<void> | void;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function useLocation<T = LocationState>(options?: {
+  select?: (location: LocationState) => T;
+}): T;
+declare function useNavigate(): ((options: NavigateOptions) => Promise<void> | void) | UseNavigateResult<string>;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function Navigate({
+  replace,
+  to
+}: NavigateOptions): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Link, LinkProps, Navigate, NavigationProvider, useLocation, useNavigate };

package/dist/features/navigation/navigation.js

@@ -0,0 +1,231 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Link as Link$1, Navigate as Navigate$1, useLocation as useLocation$1, useNavigate as useNavigate$1 } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/navigation/navigation.tsx
+const NavigationContext = React.createContext(null);
+function getBrowserLocation() {
+	if (typeof window === "undefined") return {
+		hash: "",
+		href: "",
+		pathname: "/",
+		search: ""
+	};
+	return {
+		hash: window.location.hash,
+		href: window.location.href,
+		pathname: window.location.pathname,
+		search: window.location.search
+	};
+}
+function toHref(to) {
+	if (to.startsWith("#")) return `${getBrowserLocation().pathname}${to}`;
+	return to;
+}
+async function browserNavigate({ replace, to }) {
+	if (typeof window === "undefined") return;
+	const href = toHref(to);
+	if (replace) window.history.replaceState(null, "", href);
+	else window.history.pushState(null, "", href);
+	window.dispatchEvent(new PopStateEvent("popstate"));
+}
+function NavigationProvider(t0) {
+	const $ = c(10);
+	if ($[0] !== "ddcd98e64cdc09695f4e9227379a4d90d1598ced9253a16b3dee21623e108a54") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ddcd98e64cdc09695f4e9227379a4d90d1598ced9253a16b3dee21623e108a54";
+	}
+	const { children, getLocation: t1, initialLocation, navigate: t2 } = t0;
+	const getLocation = t1 === void 0 ? getBrowserLocation : t1;
+	const navigate = t2 === void 0 ? browserNavigate : t2;
+	const [location, setLocation] = React.useState(initialLocation ?? getLocation);
+	let t3;
+	let t4;
+	if ($[1] !== getLocation) {
+		t3 = () => {
+			const updateLocation = () => setLocation(getLocation());
+			window.addEventListener("popstate", updateLocation);
+			window.addEventListener("camox:navigation", updateLocation);
+			return () => {
+				window.removeEventListener("popstate", updateLocation);
+				window.removeEventListener("camox:navigation", updateLocation);
+			};
+		};
+		t4 = [getLocation];
+		$[1] = getLocation;
+		$[2] = t3;
+		$[3] = t4;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+	}
+	React.useEffect(t3, t4);
+	let t5;
+	if ($[4] !== location || $[5] !== navigate) {
+		t5 = {
+			location,
+			navigate
+		};
+		$[4] = location;
+		$[5] = navigate;
+		$[6] = t5;
+	} else t5 = $[6];
+	const value = t5;
+	let t6;
+	if ($[7] !== children || $[8] !== value) {
+		t6 = /* @__PURE__ */ jsx(NavigationContext.Provider, {
+			value,
+			children
+		});
+		$[7] = children;
+		$[8] = value;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
+}
+function useLocation(options) {
+	const context = React.useContext(NavigationContext);
+	if (context) {
+		if (options?.select) return options.select(context.location);
+		return context.location;
+	}
+	return useLocation$1(options);
+}
+function useNavigate() {
+	const context = React.useContext(NavigationContext);
+	if (context) return context.navigate;
+	return useNavigate$1();
+}
+const Link = React.forwardRef(function Link(props, ref) {
+	const $ = c(33);
+	if ($[0] !== "ddcd98e64cdc09695f4e9227379a4d90d1598ced9253a16b3dee21623e108a54") {
+		for (let $i = 0; $i < 33; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ddcd98e64cdc09695f4e9227379a4d90d1598ced9253a16b3dee21623e108a54";
+	}
+	const context = React.useContext(NavigationContext);
+	if (!context) {
+		let t0;
+		if ($[1] !== props || $[2] !== ref) {
+			t0 = /* @__PURE__ */ jsx(Link$1, {
+				...props,
+				ref
+			});
+			$[1] = props;
+			$[2] = ref;
+			$[3] = t0;
+		} else t0 = $[3];
+		return t0;
+	}
+	let activeProps;
+	let children;
+	let onClick;
+	let rest;
+	let target;
+	let to;
+	if ($[4] !== props) {
+		({activeProps, children, onClick, target, to, ...rest} = props);
+		$[4] = props;
+		$[5] = activeProps;
+		$[6] = children;
+		$[7] = onClick;
+		$[8] = rest;
+		$[9] = target;
+		$[10] = to;
+	} else {
+		activeProps = $[5];
+		children = $[6];
+		onClick = $[7];
+		rest = $[8];
+		target = $[9];
+		to = $[10];
+	}
+	let href;
+	let t0;
+	let t1;
+	if ($[11] !== context.location.pathname || $[12] !== to) {
+		href = toHref(String(to));
+		t0 = context.location.pathname;
+		t1 = new URL(href, "http://camox.local");
+		$[11] = context.location.pathname;
+		$[12] = to;
+		$[13] = href;
+		$[14] = t0;
+		$[15] = t1;
+	} else {
+		href = $[13];
+		t0 = $[14];
+		t1 = $[15];
+	}
+	const activeAnchorProps = t0 === t1.pathname ? activeProps : void 0;
+	const t2 = activeAnchorProps?.className;
+	let t3;
+	if ($[16] !== rest.className || $[17] !== t2) {
+		t3 = [rest.className, t2].filter(Boolean);
+		$[16] = rest.className;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	const t4 = t3.join(" ") || void 0;
+	let t5;
+	if ($[19] !== context || $[20] !== href || $[21] !== onClick || $[22] !== target) {
+		t5 = (event) => {
+			onClick?.(event);
+			if (event.defaultPrevented) return;
+			if (target && target !== "_self") return;
+			if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return;
+			if (event.button !== 0) return;
+			event.preventDefault();
+			context.navigate({ to: href });
+		};
+		$[19] = context;
+		$[20] = href;
+		$[21] = onClick;
+		$[22] = target;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== activeAnchorProps || $[25] !== children || $[26] !== href || $[27] !== ref || $[28] !== rest || $[29] !== t4 || $[30] !== t5 || $[31] !== target) {
+		t6 = /* @__PURE__ */ jsx("a", {
+			...rest,
+			...activeAnchorProps,
+			ref,
+			href,
+			target,
+			className: t4,
+			onClick: t5,
+			children
+		});
+		$[24] = activeAnchorProps;
+		$[25] = children;
+		$[26] = href;
+		$[27] = ref;
+		$[28] = rest;
+		$[29] = t4;
+		$[30] = t5;
+		$[31] = target;
+		$[32] = t6;
+	} else t6 = $[32];
+	return t6;
+});
+function Navigate({ replace, to }) {
+	const context = React.useContext(NavigationContext);
+	if (!context) return /* @__PURE__ */ jsx(Navigate$1, {
+		replace,
+		to
+	});
+	React.useEffect(() => {
+		context.navigate({
+			replace,
+			to
+		});
+	}, [
+		context,
+		replace,
+		to
+	]);
+	return null;
+}
+
+//#endregion
+export { Link, Navigate, NavigationProvider, useLocation, useNavigate };

package/dist/features/preview/CamoxPreview.d.ts

@@ -33,6 +33,9 @@ declare function usePreviewedPage(): {
   layout: {
     id: number;
     layoutId: string;
+    contentUpdatedAt: number;
+    livePublishedCheckpointId: number | null;
+    updatedAt: number;
     beforeBlockIds: number[];
     afterBlockIds: number[];
   } | null;

package/dist/features/preview/CamoxPreview.js

@@ -1,3 +1,4 @@
+import { useLocation, useNavigate } from "../navigation/navigation.js";
 import { actionsStore } from "../provider/actionsStore.js";
 import { useIsAuthenticated, useProjectSlug } from "../../lib/auth.js";
 import { getApiClient } from "../../lib/api-client.js";
@@ -17,11 +18,10 @@ import { PreviewPanel } from "./components/PreviewPanel.js";
 import { RightSidebar } from "./components/RightSidebar.js";
 import { c } from "react/compiler-runtime";
 import { keepPreviousData, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
-import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
-import { queryKeys } from "@camox/api-contract/query-keys";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/features/preview/CamoxPreview.tsx
 /**
@@ -51,9 +51,9 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(26);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
@@ -150,9 +150,9 @@ function _temp(state) {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	const previewSource = useSelector(previewStore, _temp3);
@@ -295,9 +295,9 @@ const PageContent = () => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -348,9 +348,9 @@ function useHydrateDraftCache() {
 function _temp4() {}
 const CamoxPreview = (t0) => {
 	const $ = c(35);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 35; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
@@ -561,9 +561,9 @@ const CamoxPreview = (t0) => {
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();

package/dist/features/preview/components/AddBlockSidebar.js

@@ -1,3 +1,4 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
@@ -8,12 +9,11 @@ import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
-import { queryKeys } from "@camox/api-contract/query-keys";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { queryKeys } from "@camox/api-contract/query-keys";
 import { Button } from "@camox/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
@@ -22,9 +22,9 @@ import { PanelContent } from "@camox/ui/panel";
 //#region src/features/preview/components/AddBlockSidebar.tsx
 const AddBlockSidebar = () => {
 	const $ = c(58);
-	if ($[0] !== "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5") {
+	if ($[0] !== "e90c6519081e1159c7b7b2dea03fb3f0a6ad85218cb70141acd0c7462b3c8ff5") {
 		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5";
+		$[0] = "e90c6519081e1159c7b7b2dea03fb3f0a6ad85218cb70141acd0c7462b3c8ff5";
 	}
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();