camox 0.33.0 → 0.33.1

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/features/agent-chat/components/AgentChatThread.js

@@ -1,4 +1,4 @@
-import { getAuthCookieHeader } from "../../../lib/auth.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";
@@ -106,9 +106,9 @@ const markdownComponents = {
 };
 const MessageBubble = (t0) => {
 	const $ = c(34);
-	if ($[0] !== "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf") {
+	if ($[0] !== "72801e2c76f8ef7f0ac3d1552518592bffad57042b24f366613bc1344cfe95d3") {
 		for (let $i = 0; $i < 34; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
+		$[0] = "72801e2c76f8ef7f0ac3d1552518592bffad57042b24f366613bc1344cfe95d3";
 	}
 	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] !== "72801e2c76f8ef7f0ac3d1552518592bffad57042b24f366613bc1344cfe95d3") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
+		$[0] = "72801e2c76f8ef7f0ac3d1552518592bffad57042b24f366613bc1344cfe95d3";
 	}
 	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/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/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/hooks/use-file-upload.js

@@ -40,8 +40,10 @@ function useFileUpload(options) {
 			formData.append("file", file);
 			formData.append("projectId", String(projectIdRef.current ?? 0));
 			const uploadUrl = `${apiUrl}/files/upload`;
+			const authCookieHeader = getAuthCookieHeader();
 			xhr.open("POST", uploadUrl);
-			xhr.setRequestHeader("Better-Auth-Cookie", getAuthCookieHeader());
+			xhr.withCredentials = !authCookieHeader;
+			if (authCookieHeader) xhr.setRequestHeader("Better-Auth-Cookie", authCookieHeader);
 			const envName = getEnvironmentName();
 			if (envName) xhr.setRequestHeader("x-environment-name", envName);
 			xhr.send(formData);

package/dist/lib/api-client.js

@@ -1,4 +1,4 @@
-import { getAuthCookieHeader } from "./auth.js";
+import { getAuthCookieHeader, getAuthRequestCredentials } from "./auth.js";
 import { createORPCClient } from "@orpc/client";
 import { RPCLink } from "@orpc/client/fetch";
 import { createTanstackQueryUtils } from "@orpc/tanstack-query";
@@ -18,10 +18,13 @@ function initApiClient(apiUrl, environmentName) {
 		url: `${apiUrl}/rpc`,
 		headers,
 		fetch: (request, init) => {
-			if (request instanceof Request) request.headers.set("Better-Auth-Cookie", getAuthCookieHeader());
+			const authCookieHeader = getAuthCookieHeader();
+			if (request instanceof Request) {
+				if (authCookieHeader) request.headers.set("Better-Auth-Cookie", authCookieHeader);
+			}
 			return fetch(request, {
 				...init,
-				credentials: "omit"
+				credentials: getAuthRequestCredentials(authCookieHeader)
 			});
 		}
 	}));

package/dist/lib/auth.js

@@ -86,6 +86,9 @@ function getAuthCookieHeader() {
 	writeServerAuthCookie(cookie);
 	return cookie;
 }
+function getAuthRequestCredentials(authCookieHeader = getAuthCookieHeader()) {
+	return authCookieHeader ? "omit" : "include";
+}
 function crossDomainClient(opts = {}) {
 	let store = null;
 	const cookieName = `${opts?.storagePrefix || "better-auth"}_cookie`;
@@ -154,10 +157,10 @@ function crossDomainClient(opts = {}) {
 				options = options || {};
 				const cookie = getCookie(storage.getItem(cookieName) || "{}");
 				writeServerAuthCookie(cookie);
-				options.credentials = "omit";
+				options.credentials = getAuthRequestCredentials(cookie);
 				options.headers = {
 					...options.headers,
-					"Better-Auth-Cookie": cookie
+					...cookie ? { "Better-Auth-Cookie": cookie } : {}
 				};
 				if (url.includes("/sign-out")) {
 					await storage.setItem(cookieName, "{}");
@@ -195,9 +198,9 @@ function createCamoxAuthClient(apiUrl) {
 */
 function useProcessOtt(authClient) {
 	const $ = c(5);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	const [ready, setReady] = React.useState(_temp);
 	let t0;
@@ -240,9 +243,9 @@ function _temp() {
 const AuthContext = React.createContext(null);
 function useAuthContext() {
 	const $ = c(1);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	const ctx = React.useContext(AuthContext);
 	if (!ctx) throw new Error("Missing CamoxProvider");
@@ -250,9 +253,9 @@ function useAuthContext() {
 }
 function useProjectSlug() {
 	const $ = c(1);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	return useAuthContext().projectSlug;
 }
@@ -266,18 +269,18 @@ function useAuthState() {
 }
 function useIsAuthenticated() {
 	const $ = c(1);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	const { isAuthenticated } = useAuthState();
 	return isAuthenticated;
 }
 function useSignInRedirect(callbackHref) {
 	const $ = c(4);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	const { authenticationUrl } = useAuthContext();
 	let t0;
@@ -299,9 +302,9 @@ function useSignInRedirect(callbackHref) {
 */
 function useAuthActions() {
 	const $ = c(5);
-	if ($[0] !== "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3") {
+	if ($[0] !== "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ca7c79c76d5f8a744a7d4c29bced16850552ef3c635510b89bf8588163655fe3";
+		$[0] = "de1e25b4541f6fe08a345d66b09411c24ed6cbe00d71d076f92227895feaae4a";
 	}
 	const { authClient, authenticationUrl } = useAuthContext();
 	let t0;
@@ -359,4 +362,4 @@ function _temp2() {
 }
 
 //#endregion
-export { AuthContext, buildClearServerAuthCookieHeader, createCamoxAuthClient, getAuthCookieHeader, getServerAuthCookieHeader, useAuthActions, useAuthContext, useAuthState, useIsAuthenticated, useProcessOtt, useProjectSlug, useSignInRedirect };
+export { AuthContext, buildClearServerAuthCookieHeader, createCamoxAuthClient, getAuthCookieHeader, getAuthRequestCredentials, getServerAuthCookieHeader, useAuthActions, useAuthContext, useAuthState, useIsAuthenticated, useProcessOtt, useProjectSlug, useSignInRedirect };

package/dist/lib/queries.js

@@ -1,4 +1,4 @@
-import { getAuthCookieHeader } from "./auth.js";
+import { getAuthCookieHeader, getAuthRequestCredentials } from "./auth.js";
 import { getApiUrl, getEnvironmentName, getOrpc } from "./api-client.js";
 import { queryKeys } from "@camox/api-contract/query-keys";
 
@@ -130,7 +130,9 @@ const repeatableItemMutations = {
 	updatePosition: () => getOrpc().repeatableItems.updatePosition.mutationOptions()
 };
 function ogImageHeaders() {
-	const headers = { "Better-Auth-Cookie": getAuthCookieHeader() };
+	const authCookieHeader = getAuthCookieHeader();
+	const headers = {};
+	if (authCookieHeader) headers["Better-Auth-Cookie"] = authCookieHeader;
 	const envName = getEnvironmentName();
 	if (envName) headers["x-environment-name"] = envName;
 	return headers;
@@ -153,7 +155,7 @@ const pageMutations = {
 			method: "POST",
 			body: formData,
 			headers: ogImageHeaders(),
-			credentials: "omit"
+			credentials: getAuthRequestCredentials()
 		});
 		if (!res.ok) {
 			const body = await res.json().catch(() => null);
@@ -165,7 +167,7 @@ const pageMutations = {
 		const res = await fetch(`${getApiUrl()}/pages/${pageId}/og-image`, {
 			method: "DELETE",
 			headers: ogImageHeaders(),
-			credentials: "omit"
+			credentials: getAuthRequestCredentials()
 		});
 		if (!res.ok) throw new Error(`Delete failed: ${res.status}`);
 		return res.json();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "camox",
-  "version": "0.33.0",
+  "version": "0.33.1",
   "license": "MIT",
   "bin": {
     "camox": "./bin/camox.mjs"
@@ -130,9 +130,9 @@
     "shiki": "^4.1.0",
     "streamdown": "^2.5.0",
     "zod": "^4.4.3",
-    "@camox/api-contract": "0.33.0",
-    "@camox/ui": "0.33.0",
-    "@camox/cli": "0.33.0"
+    "@camox/api-contract": "0.33.1",
+    "@camox/cli": "0.33.1",
+    "@camox/ui": "0.33.1"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",