camox 0.36.3 → 0.39.0

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

@@ -17,9 +17,9 @@ import { PanelContent } from "@camox/ui/panel";
 //#region src/features/preview/components/PreviewPanel.tsx
 const PreviewFrame = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d") {
+	if ($[0] !== "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+		$[0] = "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08";
 	}
 	const { children, style, className, onIframeReady } = t0;
 	let t1;
@@ -60,9 +60,9 @@ const PreviewFrame = (t0) => {
 };
 const KeyDownForwarder = () => {
 	const $ = c(5);
-	if ($[0] !== "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d") {
+	if ($[0] !== "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+		$[0] = "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08";
 	}
 	const { window: iframeWindow } = useFrame();
 	const actions = useSelector(actionsStore, _temp);
@@ -113,9 +113,9 @@ const viewportClassName = {
 };
 const PreviewPanel = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d") {
+	if ($[0] !== "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+		$[0] = "31124ccadd6d884c2ef4e5d4a3da6a444089b4761872b2ecf0bc4a99c1c65a08";
 	}
 	const { children, toolbarProps } = t0;
 	useBlockActionsShortcuts();
@@ -128,7 +128,7 @@ const PreviewPanel = (t0) => {
 		t1 = [];
 		$[1] = t1;
 	} else t1 = $[1];
-	React.useEffect(_temp17, t1);
+	React.useEffect(_temp15, t1);
 	let t2;
 	if ($[2] !== children || $[3] !== iframeElement || $[4] !== isEditMode || $[5] !== toolbarProps || $[6] !== viewportMode) {
 		t2 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
@@ -225,19 +225,12 @@ function _temp12() {
 	return true;
 }
 function _temp13() {
-	const { isAgentChatSidebarOpen } = previewStore.getSnapshot().context;
-	previewStore.send({ type: isAgentChatSidebarOpen ? "closeAgentChatSidebar" : "openAgentChatSidebar" });
-}
-function _temp14() {
-	return true;
-}
-function _temp15() {
 	previewStore.send({ type: "clearSelection" });
 }
-function _temp16(a) {
+function _temp14(a) {
 	return a.id;
 }
-function _temp17() {
+function _temp15() {
 	const actions = [
 		{
 			id: "cycle-viewport-mode",
@@ -284,30 +277,13 @@ function _temp17() {
 			checkIfAvailable: _temp10,
 			execute: _temp11
 		},
-		{
-			id: "toggle-agent-chat",
-			label: "Toggle agent chat",
-			aliases: [
-				"AI chat",
-				"Assistant",
-				"Ask AI",
-				"Open chat"
-			],
-			groupLabel: "Preview",
-			checkIfAvailable: _temp12,
-			execute: _temp13,
-			shortcut: {
-				key: "i",
-				withAlt: true
-			}
-		},
 		{
 			id: "clear-selection",
 			label: "Clear selection",
 			aliases: ["Deselect", "Unselect"],
 			groupLabel: "Preview",
-			checkIfAvailable: _temp14,
-			execute: _temp15,
+			checkIfAvailable: _temp12,
+			execute: _temp13,
 			shortcut: { key: "Escape" }
 		}
 	];
@@ -318,7 +294,7 @@ function _temp17() {
 	return () => {
 		actionsStore.send({
 			type: "unregisterManyActions",
-			ids: actions.map(_temp16)
+			ids: actions.map(_temp14)
 		});
 	};
 }

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

@@ -1,5 +1,4 @@
 import { previewStore, selectionBlockId } from "../previewStore.js";
-import { AgentChatSidebar } from "../../agent-chat/components/AgentChatSidebar.js";
 import { PageEditorSidebar } from "./PageEditorSidebar.js";
 import { PageInfoSidebar } from "./PageInfoSidebar.js";
 import { c } from "react/compiler-runtime";
@@ -7,101 +6,64 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/RightSidebar.tsx
-const getRightSidebarRoute = ({ pageId, selectedBlockId, isAgentChatSidebarOpen }) => {
-	if (isAgentChatSidebarOpen) return { type: "agent-chat" };
-	if (selectedBlockId == null) return {
-		type: "page-info",
-		pageId
-	};
-	return { type: "page-editor" };
-};
 const RightSidebar = (t0) => {
-	const $ = c(20);
-	if ($[0] !== "e28d4f43142dcdc5527c359ae145ad38b0701935b08a0740871f5af399460a0b") {
-		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e28d4f43142dcdc5527c359ae145ad38b0701935b08a0740871f5af399460a0b";
+	const $ = c(12);
+	if ($[0] !== "b9589c1fea2c3efabdd9fae80871373106138216610ee3b8e2f4045e3b45670f") {
+		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b9589c1fea2c3efabdd9fae80871373106138216610ee3b8e2f4045e3b45670f";
 	}
 	const { pageId } = t0;
 	const selection = useSelector(previewStore, _temp);
-	const isAgentChatSidebarOpen = useSelector(previewStore, _temp2);
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp3);
+	const isAddBlockSidebarOpen = useSelector(previewStore, _temp2);
 	let t1;
-	if ($[1] !== isAgentChatSidebarOpen || $[2] !== pageId || $[3] !== selection) {
-		t1 = getRightSidebarRoute({
-			pageId,
-			selectedBlockId: selectionBlockId(selection),
-			isAgentChatSidebarOpen
-		});
-		$[1] = isAgentChatSidebarOpen;
-		$[2] = pageId;
-		$[3] = selection;
-		$[4] = t1;
-	} else t1 = $[4];
-	const route = t1;
+	if ($[1] !== selection) {
+		t1 = selectionBlockId(selection);
+		$[1] = selection;
+		$[2] = t1;
+	} else t1 = $[2];
+	const selectedBlockId = t1;
 	let t2;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = { width: 250 };
-		$[5] = t2;
-	} else t2 = $[5];
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[6] !== route.type) {
-		t3 = route.type === "agent-chat" && /* @__PURE__ */ jsx(AgentChatSidebar, {});
-		$[6] = route.type;
-		$[7] = t3;
-	} else t3 = $[7];
+	if ($[4] !== pageId || $[5] !== selectedBlockId) {
+		t3 = selectedBlockId == null ? /* @__PURE__ */ jsx(PageInfoSidebar, { pageId }) : /* @__PURE__ */ jsx(PageEditorSidebar, {});
+		$[4] = pageId;
+		$[5] = selectedBlockId;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[8] !== route.pageId || $[9] !== route.type) {
-		t4 = route.type === "page-info" && /* @__PURE__ */ jsx(PageInfoSidebar, { pageId: route.pageId });
-		$[8] = route.pageId;
-		$[9] = route.type;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== route.type) {
-		t5 = route.type === "page-editor" && /* @__PURE__ */ jsx(PageEditorSidebar, {});
-		$[11] = route.type;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== isAddBlockSidebarOpen) {
-		t6 = isAddBlockSidebarOpen && /* @__PURE__ */ jsx("div", {
+	if ($[7] !== isAddBlockSidebarOpen) {
+		t4 = isAddBlockSidebarOpen && /* @__PURE__ */ jsx("div", {
 			className: "absolute inset-0 z-20",
 			style: { background: "rgba(0, 0, 0, 0.66)" },
-			onClick: _temp4
+			onClick: _temp3
 		});
-		$[13] = isAddBlockSidebarOpen;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("aside", {
+		$[7] = isAddBlockSidebarOpen;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("aside", {
 			className: "bg-background relative flex shrink-0 flex-col border-l-2",
 			style: t2,
-			children: [
-				t3,
-				t4,
-				t5,
-				t6
-			]
+			children: [t3, t4]
 		});
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
 };
 function _temp(state) {
 	return state.context.selection;
 }
 function _temp2(state_0) {
-	return state_0.context.isAgentChatSidebarOpen;
-}
-function _temp3(state_1) {
-	return state_1.context.isAddBlockSidebarOpen;
+	return state_0.context.isAddBlockSidebarOpen;
 }
-function _temp4() {
+function _temp3() {
 	return previewStore.send({ type: "closeAddBlockSidebar" });
 }
 

package/dist/features/preview/previewStore.js

@@ -29,8 +29,6 @@ const previewStore = createStore({
 		isPageEditorSidebarOpen: false,
 		isAddBlockSidebarOpen: false,
 		addBlockSource: null,
-		isAgentChatSidebarOpen: false,
-		agentChatPageScaffoldContext: null,
 		isCreatePageModalOpen: false,
 		editingPageId: null,
 		isDraftSwitchDialogOpen: false,
@@ -40,7 +38,6 @@ const previewStore = createStore({
 		peekedPagePathname: null,
 		skipPeekedBlockExitAnimation: false,
 		selection: null,
-		pendingAgentBlockFocus: null,
 		iframeElement: null,
 		previewSource: "draft"
 	},
@@ -117,8 +114,7 @@ const previewStore = createStore({
 		}),
 		setSelection: (context, event) => ({
 			...context,
-			selection: event.selection,
-			pendingAgentBlockFocus: null
+			selection: event.selection
 		}),
 		setFocusedBlock: (context, event) => ({
 			...context,
@@ -126,40 +122,17 @@ const previewStore = createStore({
 				type: "block",
 				blockId: event.blockId
 			},
-			pendingAgentBlockFocus: null,
 			peekedBlock: null,
 			peekedBlockPosition: null,
 			isAddBlockSidebarOpen: false
 		}),
-		focusAgentBlock: (context, event) => ({
-			...context,
-			selection: {
-				type: "block",
-				blockId: event.blockId
-			},
-			pendingAgentBlockFocus: {
-				blockId: event.blockId,
-				requestId: (context.pendingAgentBlockFocus?.requestId ?? 0) + 1
-			},
-			peekedBlock: null,
-			peekedBlockPosition: null,
-			isAddBlockSidebarOpen: false
-		}),
-		clearPendingAgentBlockFocus: (context, event) => {
-			if (context.pendingAgentBlockFocus?.requestId !== event.requestId) return context;
-			return {
-				...context,
-				pendingAgentBlockFocus: null
-			};
-		},
 		selectItem: (context, event) => ({
 			...context,
 			selection: {
 				type: "item",
 				blockId: event.blockId,
 				itemId: event.itemId
-			},
-			pendingAgentBlockFocus: null
+			}
 		}),
 		selectBlockField: (context, event) => ({
 			...context,
@@ -168,8 +141,7 @@ const previewStore = createStore({
 				blockId: event.blockId,
 				fieldName: event.fieldName,
 				fieldType: event.fieldType
-			},
-			pendingAgentBlockFocus: null
+			}
 		}),
 		selectItemField: (context, event) => ({
 			...context,
@@ -179,8 +151,7 @@ const previewStore = createStore({
 				itemId: event.itemId,
 				fieldName: event.fieldName,
 				fieldType: event.fieldType
-			},
-			pendingAgentBlockFocus: null
+			}
 		}),
 		selectParent: (context) => {
 			const sel = context.selection;
@@ -211,13 +182,11 @@ const previewStore = createStore({
 		},
 		clearSelection: (context) => ({
 			...context,
-			selection: null,
-			pendingAgentBlockFocus: null
+			selection: null
 		}),
 		setPeekedPage: (context, event) => ({
 			...context,
 			selection: null,
-			pendingAgentBlockFocus: null,
 			peekedPagePathname: event.pathname
 		}),
 		clearPeekedPage: (context) => ({
@@ -244,7 +213,6 @@ const previewStore = createStore({
 				type: "block",
 				blockId: event.blockId
 			},
-			pendingAgentBlockFocus: null,
 			isAddBlockSidebarOpen: false,
 			peekedBlock: null,
 			peekedBlockPosition: null,
@@ -273,28 +241,6 @@ const previewStore = createStore({
 			...context,
 			isPageEditorSidebarOpen: false
 		}),
-		openAgentChatSidebar: (context, event, enqueue) => {
-			const pageScaffoldContext = event?.pageScaffoldContext;
-			if (context.isAgentChatSidebarOpen && !pageScaffoldContext) return context;
-			enqueue.effect(() => trackClientEvent("agent_chat_opened"));
-			return {
-				...context,
-				isAgentChatSidebarOpen: true,
-				agentChatPageScaffoldContext: pageScaffoldContext ? {
-					id: Date.now(),
-					nickname: pageScaffoldContext.nickname,
-					fullPath: pageScaffoldContext.fullPath
-				} : context.agentChatPageScaffoldContext
-			};
-		},
-		closeAgentChatSidebar: (context) => ({
-			...context,
-			isAgentChatSidebarOpen: false
-		}),
-		clearAgentChatPageScaffoldContext: (context) => ({
-			...context,
-			agentChatPageScaffoldContext: null
-		}),
 		openCreatePageModal: (context) => ({
 			...context,
 			isCreatePageModalOpen: true

package/dist/features/vite/auth.js

@@ -0,0 +1,52 @@
+import fs from "node:fs";
+import path from "node:path";
+import os from "node:os";
+
+//#region src/features/vite/auth.ts
+const AUTH_DIR = path.join(os.homedir(), ".camox");
+const AUTH_FILE = path.join(AUTH_DIR, "auth.json");
+function normalizeUrl(url) {
+	return url.replace(/\/+$/, "");
+}
+function readAllTokens() {
+	try {
+		return JSON.parse(fs.readFileSync(AUTH_FILE, "utf-8"));
+	} catch {
+		return {};
+	}
+}
+function writeAllTokens(tokens) {
+	fs.mkdirSync(AUTH_DIR, { recursive: true });
+	fs.writeFileSync(AUTH_FILE, JSON.stringify(tokens, null, 2), { mode: 384 });
+}
+function readAuthTokenForUrl(authenticationUrl) {
+	const entry = readAllTokens()[normalizeUrl(authenticationUrl)];
+	if (entry?.token && entry?.name && typeof entry.email === "string") return entry;
+	return null;
+}
+function writeAuthTokenForUrl(authenticationUrl, token) {
+	const tokens = readAllTokens();
+	tokens[normalizeUrl(authenticationUrl)] = token;
+	writeAllTokens(tokens);
+}
+async function verifyOneTimeToken(apiUrl, token) {
+	const response = await fetch(`${normalizeUrl(apiUrl)}/api/auth/one-time-token/verify`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ token })
+	});
+	if (!response.ok) throw new Error(`OTT verification failed: ${response.status}`);
+	const data = await response.json();
+	const user = data.user;
+	if (!user?.name) throw new Error("No user info in verification response");
+	const sessionToken = data.session?.token;
+	if (!sessionToken) throw new Error("No session token in verification response");
+	return {
+		name: user.name,
+		email: user.email ?? "",
+		token: sessionToken
+	};
+}
+
+//#endregion
+export { readAuthTokenForUrl, verifyOneTimeToken, writeAuthTokenForUrl };

package/dist/features/vite/definitionsSync.js

@@ -9,17 +9,17 @@ const SYNC_DEBOUNCE_DELAY_MS = 100;
 * This is the core sync logic, independent of ViteDevServer.
 */
 function throwIfSyncAuthError(error) {
-	if (error instanceof Error && error.name === "ORPCError" && error.message.toLowerCase().includes("unauthorized")) throw new Error("[camox] Definition sync failed: invalid syncSecret.");
+	if (error instanceof Error && error.name === "ORPCError" && error.message.toLowerCase().includes("unauthorized")) throw new Error("[camox] Definition sync failed: invalid or missing credentials.");
 }
 function isNotFoundError(error) {
 	return error instanceof Error && error.name === "ORPCError" && error.message.toLowerCase().includes("not found");
 }
 function throwUnknownEnvironmentError(environmentName) {
-	throw new Error(`[camox] Environment "${environmentName}" does not exist. CAMOX_ENV must be "production" or a dev environment previously created by running the dev server while authenticated. Run \`npx camox login\` if needed.`);
+	throw new Error(`[camox] Environment "${environmentName}" does not exist. Run the dev server while authenticated to create your personal environment first.`);
 }
 async function syncDefinitionsToApi(options) {
-	const { camoxApp, projectSlug, apiUrl, syncSecret, environmentName, autoCreate, logger } = options;
-	const client = createServerApiClient(apiUrl, environmentName);
+	const { camoxApp, projectSlug, apiUrl, environmentName, autoCreate, authToken, deployToken, logger } = options;
+	const client = createServerApiClient(apiUrl, environmentName, authToken);
 	const blocks = camoxApp.getBlocks();
 	const layoutDefinitions = camoxApp.getSerializableLayoutDefinitions();
 	const typesUsedInLayouts = /* @__PURE__ */ new Set();
@@ -40,7 +40,7 @@ async function syncDefinitionsToApi(options) {
 	try {
 		const result = await client.blockDefinitions.sync({
 			projectSlug,
-			syncSecret,
+			deployToken,
 			autoCreate,
 			definitions
 		});
@@ -64,7 +64,7 @@ async function syncDefinitionsToApi(options) {
 		try {
 			layoutSyncResults = await client.layouts.sync({
 				projectSlug,
-				syncSecret,
+				deployToken,
 				autoCreate,
 				layouts: layoutDefinitions
 			});
@@ -99,7 +99,7 @@ async function syncDefinitionsToApi(options) {
 	if (initialPage) try {
 		const result = await client.projects.initializeContent({
 			projectSlug,
-			syncSecret,
+			deployToken,
 			layoutId: initialPage.layoutId,
 			blocks: initialPage.blocks
 		});
@@ -140,10 +140,10 @@ async function ssrLoadModule(server, modulePath) {
 	}
 }
 async function syncDefinitions(server, options) {
-	const { projectSlug, syncSecret, apiUrl, environmentName, autoCreate } = options;
+	const { projectSlug, apiUrl, environmentName, autoCreate, authToken, deployToken } = options;
 	const blocksDirs = [path.resolve(server.config.root, "src/blocks"), path.resolve(server.config.root, "src/camox/blocks")];
 	const layoutsDirs = [path.resolve(server.config.root, "src/layouts"), path.resolve(server.config.root, "src/camox/layouts")];
-	const client = createServerApiClient(apiUrl, environmentName);
+	const client = createServerApiClient(apiUrl, environmentName, authToken);
 	async function performInitialSync() {
 		const appModule = server.moduleGraph.getModuleById(CAMOX_APP_PATH);
 		if (appModule) server.moduleGraph.invalidateModule(appModule);
@@ -156,9 +156,10 @@ async function syncDefinitions(server, options) {
 			camoxApp: camoxModule.camoxApp,
 			projectSlug,
 			apiUrl,
-			syncSecret,
 			environmentName,
 			autoCreate,
+			authToken,
+			deployToken,
 			logger: server.config.logger
 		});
 	}
@@ -177,7 +178,7 @@ async function syncDefinitions(server, options) {
 		try {
 			result = await client.blockDefinitions.upsert({
 				projectSlug,
-				syncSecret,
+				deployToken,
 				blockId: block._internal.id,
 				title: block._internal.title,
 				description: block._internal.description,
@@ -199,7 +200,7 @@ async function syncDefinitions(server, options) {
 		try {
 			result = await client.blockDefinitions.delete({
 				projectSlug,
-				syncSecret,
+				deployToken,
 				blockId
 			});
 		} catch (error) {