camox 0.33.0 → 0.34.0

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

@@ -1,4 +1,4 @@
-import { getAuthCookieHeader } from "../../../lib/auth.js";
+import { getAuthCookieHeader, getAuthRequestCredentials } from "../../../lib/auth.js";
 import { getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
 import { fileMutations, fileQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
@@ -21,9 +21,9 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {
 	const $ = c(9);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { label, children } = t0;
 	let t1;
@@ -67,9 +67,9 @@ function MetadataRow(t0) {
 }
 function DeliveredSize(t0) {
 	const $ = c(16);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { bytes, raw } = t0;
 	if (bytes == null) {
@@ -138,9 +138,9 @@ function DeliveredSize(t0) {
 }
 function DeliveredLabel(t0) {
 	const $ = c(4);
-	if ($[0] !== "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d") {
+	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a5b1edf9c8dcefe67d31c9a59c95831dcc6dfede24df286efbdba62d1fd4e8d";
+		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
 	}
 	const { children } = t0;
 	let t1;
@@ -302,12 +302,13 @@ const AssetLightbox = ({ open, onOpenChange, fileId }) => {
 			formData.append("file", droppedFile);
 			formData.append("projectId", String(file?.projectId ?? 0));
 			const envName = getEnvironmentName();
+			const authCookieHeader = getAuthCookieHeader();
 			const uploadRes = await fetch(`${getApiUrl()}/files/upload`, {
 				method: "POST",
 				body: formData,
-				credentials: "omit",
+				credentials: getAuthRequestCredentials(authCookieHeader),
 				headers: {
-					"Better-Auth-Cookie": getAuthCookieHeader(),
+					...authCookieHeader ? { "Better-Auth-Cookie": authCookieHeader } : {},
 					...envName ? { "x-environment-name": envName } : {}
 				}
 			});

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

@@ -1,3 +1,4 @@
+import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
@@ -8,7 +9,6 @@ import { PageNicknameField } from "./PageNicknameField.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -27,9 +27,9 @@ const slugifyPathSegment = (nickname) => {
 };
 const CreatePageModal = () => {
 	const $ = c(56);
-	if ($[0] !== "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17") {
+	if ($[0] !== "195c3824082641033afd94300951785a25a5c10bf582f4f474c373a01e440e23") {
 		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17";
+		$[0] = "195c3824082641033afd94300951785a25a5c10bf582f4f474c373a01e440e23";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);

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

@@ -6,8 +6,8 @@ import { TextLinkPopover } from "../../../core/components/lexical/TextLinkPopove
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
-import { Kbd } from "@camox/ui/kbd";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Kbd } from "@camox/ui/kbd";
 import { Button } from "@camox/ui/button";
 import { Bold, Italic } from "lucide-react";
 import { ButtonGroup } from "@camox/ui/button-group";

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

@@ -1,3 +1,4 @@
+import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
@@ -12,7 +13,6 @@ import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "@camox/ui/toaster";
@@ -30,9 +30,9 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(29);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -131,9 +131,9 @@ const usePageMetadataData = (pageId) => {
 };
 const PageInfoSidebar = (t0) => {
 	const $ = c(40);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 40; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -341,9 +341,9 @@ const PageInfoSidebar = (t0) => {
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,9 +452,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -586,9 +586,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -762,9 +762,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(11);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -809,9 +809,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -984,9 +984,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1029,9 +1029,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1114,9 +1114,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1390,9 +1390,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,3 +1,4 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations } from "../../../lib/queries.js";
@@ -11,11 +12,10 @@ import { PublishDialog } from "./PublishDialog.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useLocation } 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";
 import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { MoreHorizontal } from "lucide-react";
@@ -28,9 +28,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageNavigatorSidebar.tsx
 const PageNavigatorPublishRow = (t0) => {
 	const $ = c(102);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 102; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	const previewSource = useSelector(previewStore, _temp);
@@ -519,9 +519,9 @@ const PageNavigatorPublishRow = (t0) => {
 };
 const PageNavigatorSidebar = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	let t1;

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

@@ -1,3 +1,4 @@
+import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
@@ -5,7 +6,6 @@ import { previewStore } from "../previewStore.js";
 import { PageStatusBadge } from "./PageStatusBadge.js";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -16,9 +16,9 @@ import { Toggle } from "@camox/ui/toggle";
 //#region src/features/preview/components/PreviewToolbar.tsx
 const PreviewToolbar = (t0) => {
 	const $ = c(68);
-	if ($[0] !== "7f97fe4efcae19473f6dd43a818ab3693d9d0ba512e5bbc200f8678f54e861dc") {
+	if ($[0] !== "68e35a20462160afd6c2aeaffaf03edcd93240318bca212e17001e624c1d829c") {
 		for (let $i = 0; $i < 68; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7f97fe4efcae19473f6dd43a818ab3693d9d0ba512e5bbc200f8678f54e861dc";
+		$[0] = "68e35a20462160afd6c2aeaffaf03edcd93240318bca212e17001e624c1d829c";
 	}
 	const { onEditModeChange } = t0;
 	const isEditMode = useSelector(previewStore, _temp);
@@ -297,7 +297,7 @@ const PreviewToolbar = (t0) => {
 	let t37;
 	if ($[65] !== t36 || $[66] !== t5) {
 		t37 = /* @__PURE__ */ jsxs(FloatingToolbar, {
-			className: "bottom-2 justify-between gap-8",
+			className: "bottom-2 justify-between gap-8 transition-none",
 			children: [t5, t36]
 		});
 		$[65] = t36;

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

@@ -1,8 +1,8 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { blockMutations } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import { queryKeys } from "@camox/api-contract/query-keys";
@@ -10,9 +10,9 @@ import { queryKeys } from "@camox/api-contract/query-keys";
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
 	const $ = c(5);
-	if ($[0] !== "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a") {
+	if ($[0] !== "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "13182e6fc3bf905233106f71f311ee66fbdf35afd4c8eee1eed03bd0725a9e4a";
+		$[0] = "c7adf6cdbf960268a5bfbb85b92c76404d7abbe36258eed14eb7062e652330a8";
 	}
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();

package/dist/features/provider/CamoxProvider.js

@@ -1,3 +1,4 @@
+import { useLocation } from "../navigation/navigation.js";
 import { actionsStore } from "./actionsStore.js";
 import { AuthContext, createCamoxAuthClient, useAuthActions, useProcessOtt, useSignInRedirect } from "../../lib/auth.js";
 import { initApiClient } from "../../lib/api-client.js";
@@ -15,7 +16,6 @@ import { CommandPalette, useCommandPaletteActions } from "./components/CommandPa
 import { useAdminShortcuts } from "./useAdminShortcuts.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Toaster } from "@camox/ui/toaster";
@@ -74,9 +74,9 @@ const AuthenticatedCamoxProvider = ({ children }) => {
 };
 const UnauthenticatedLocalhostPreview = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const signInRedirect = useSignInRedirect();
@@ -211,9 +211,9 @@ const UnauthenticatedLocalhostPreview = (t0) => {
 };
 const UnauthenticatedPage = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const { theme } = useThemeValue();
@@ -252,9 +252,9 @@ const UnauthenticatedPage = (t0) => {
 };
 const UnauthenticatedCamoxProvider = (t0) => {
 	const $ = c(14);
-	if ($[0] !== "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f") {
+	if ($[0] !== "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203") {
 		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2345da22a3008afc4c6b84025e9a92cb83736efc9029df9e88c3c92247986a8f";
+		$[0] = "b1c15713f3d5278144fdb4341407ebb87565133d460491e2bdc2f40d8bd07203";
 	}
 	const { children } = t0;
 	const { pathname } = useLocation();
@@ -335,6 +335,7 @@ function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectS
 		initializedApiUrl.current = apiUrl;
 	}
 	if (!useProcessOtt(authClient)) return null;
+	const unauthenticated = /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children });
 	return /* @__PURE__ */ jsx(AuthContext.Provider, {
 		value: {
 			authClient,
@@ -350,7 +351,8 @@ function CamoxProvider({ children, camoxApp, authenticationUrl, apiUrl, projectS
 					rel: "stylesheet",
 					href: studioCssUrl
 				}), /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children })] }),
-				unauthenticated: /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children })
+				loading: unauthenticated,
+				unauthenticated
 			})]
 		})
 	});

package/dist/features/routes/pageRuntime.js

@@ -0,0 +1,6 @@
+import "../../lib/telemetry.js";
+import { queryKeys } from "@camox/api-contract/query-keys";
+import { createORPCClient } from "@orpc/client";
+import { RPCLink } from "@orpc/client/fetch";
+
+export {  };

package/dist/features/runtime/pageApp.js

@@ -0,0 +1,75 @@
+import { CamoxPreview, PageContent } from "../preview/CamoxPreview.js";
+import { CamoxProvider } from "../provider/CamoxProvider.js";
+import { PageNavigationProvider } from "./pageNavigation.js";
+import { c } from "react/compiler-runtime";
+import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/runtime/pageApp.tsx
+function PageApp(t0) {
+	const $ = c(18);
+	if ($[0] !== "557a21bc6b4aed13935ede3368115a90db9c6fcffe823bb869ddbaeb394cf48e") {
+		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "557a21bc6b4aed13935ede3368115a90db9c6fcffe823bb869ddbaeb394cf48e";
+	}
+	const { camoxApp, input, queryClient } = t0;
+	const t1 = input.dehydratedState;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(CamoxPreview, { children: /* @__PURE__ */ jsx(PageContent, {}) });
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== camoxApp || $[3] !== input.apiUrl || $[4] !== input.authenticationUrl || $[5] !== input.environmentName || $[6] !== input.projectSlug) {
+		t3 = /* @__PURE__ */ jsx(CamoxProvider, {
+			camoxApp,
+			authenticationUrl: input.authenticationUrl,
+			apiUrl: input.apiUrl,
+			projectSlug: input.projectSlug,
+			environmentName: input.environmentName,
+			children: t2
+		});
+		$[2] = camoxApp;
+		$[3] = input.apiUrl;
+		$[4] = input.authenticationUrl;
+		$[5] = input.environmentName;
+		$[6] = input.projectSlug;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== input || $[9] !== queryClient || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx(PageNavigationProvider, {
+			initialInput: input,
+			queryClient,
+			children: t3
+		});
+		$[8] = input;
+		$[9] = queryClient;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t1 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsx(HydrationBoundary, {
+			state: t1,
+			children: t4
+		});
+		$[12] = t1;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== queryClient || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsx(QueryClientProvider, {
+			client: queryClient,
+			children: t5
+		});
+		$[15] = queryClient;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+}
+
+//#endregion
+export { PageApp };

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

@@ -0,0 +1,7 @@
+import { CamoxApp } from "../../core/createApp.js";
+
+//#region src/features/runtime/pageClient.d.ts
+declare function hydratePageWithApp(camoxApp: CamoxApp): void;
+declare function hydrateRuntimeWithApp(camoxApp: CamoxApp): void;
+//#endregion
+export { hydratePageWithApp, hydrateRuntimeWithApp };

package/dist/features/runtime/pageClient.js

@@ -0,0 +1,37 @@
+import { PageApp } from "./pageApp.js";
+import { StudioApp } from "./studioApp.js";
+import { QueryClient } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { hydrateRoot } from "react-dom/client";
+
+//#region src/features/runtime/pageClient.tsx
+function readHydrationData() {
+	const script = document.getElementById("__CAMOX_DATA__");
+	if (!script?.textContent) throw new Error("Camox runtime hydration data was not found.");
+	return JSON.parse(script.textContent);
+}
+function hydratePageWithApp(camoxApp) {
+	hydrateRuntimeWithApp(camoxApp);
+}
+function hydrateRuntimeWithApp(camoxApp) {
+	const root = document.getElementById("root");
+	if (!root) throw new Error("Camox runtime root element was not found.");
+	const queryClient = new QueryClient();
+	const input = readHydrationData();
+	if (input.runtimeKind === "studio") {
+		hydrateRoot(root, /* @__PURE__ */ jsx(StudioApp, {
+			camoxApp,
+			input,
+			queryClient
+		}));
+		return;
+	}
+	hydrateRoot(root, /* @__PURE__ */ jsx(PageApp, {
+		camoxApp,
+		input,
+		queryClient
+	}));
+}
+
+//#endregion
+export { hydratePageWithApp, hydrateRuntimeWithApp };