camox 0.29.0 → 0.31.0

package/dist/features/preview/previewStore.js

@@ -30,6 +30,7 @@ const previewStore = createStore({
 		isAddBlockSheetOpen: false,
 		addBlockSource: null,
 		isAgentChatSheetOpen: false,
+		agentChatPageScaffoldContext: null,
 		isCreatePageModalOpen: false,
 		editingPageId: null,
 		isContentLocked: false,
@@ -41,6 +42,7 @@ const previewStore = createStore({
 		peekedPagePathname: null,
 		skipPeekedBlockExitAnimation: false,
 		selection: null,
+		pendingAgentBlockFocus: null,
 		iframeElement: null,
 		previewSource: "draft"
 	},
@@ -113,7 +115,8 @@ const previewStore = createStore({
 		}),
 		setSelection: (context, event) => ({
 			...context,
-			selection: event.selection
+			selection: event.selection,
+			pendingAgentBlockFocus: null
 		}),
 		setFocusedBlock: (context, event) => ({
 			...context,
@@ -121,17 +124,40 @@ const previewStore = createStore({
 				type: "block",
 				blockId: event.blockId
 			},
+			pendingAgentBlockFocus: null,
 			peekedBlock: null,
 			peekedBlockPosition: null,
 			isAddBlockSheetOpen: 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,
+			isAddBlockSheetOpen: 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,
@@ -140,7 +166,8 @@ const previewStore = createStore({
 				blockId: event.blockId,
 				fieldName: event.fieldName,
 				fieldType: event.fieldType
-			}
+			},
+			pendingAgentBlockFocus: null
 		}),
 		selectItemField: (context, event) => ({
 			...context,
@@ -150,7 +177,8 @@ const previewStore = createStore({
 				itemId: event.itemId,
 				fieldName: event.fieldName,
 				fieldType: event.fieldType
-			}
+			},
+			pendingAgentBlockFocus: null
 		}),
 		selectParent: (context) => {
 			const sel = context.selection;
@@ -181,11 +209,13 @@ const previewStore = createStore({
 		},
 		clearSelection: (context) => ({
 			...context,
-			selection: null
+			selection: null,
+			pendingAgentBlockFocus: null
 		}),
 		setPeekedPage: (context, event) => ({
 			...context,
 			selection: null,
+			pendingAgentBlockFocus: null,
 			peekedPagePathname: event.pathname
 		}),
 		clearPeekedPage: (context) => ({
@@ -212,6 +242,7 @@ const previewStore = createStore({
 				type: "block",
 				blockId: event.blockId
 			},
+			pendingAgentBlockFocus: null,
 			isAddBlockSheetOpen: false,
 			peekedBlock: null,
 			peekedBlockPosition: null,
@@ -240,18 +271,28 @@ const previewStore = createStore({
 			...context,
 			isPageContentSheetOpen: false
 		}),
-		openAgentChatSheet: (context, _, enqueue) => {
-			if (context.isAgentChatSheetOpen) return context;
+		openAgentChatSheet: (context, event, enqueue) => {
+			const pageScaffoldContext = event?.pageScaffoldContext;
+			if (context.isAgentChatSheetOpen && !pageScaffoldContext) return context;
 			enqueue.effect(() => trackClientEvent("agent_chat_opened"));
 			return {
 				...context,
-				isAgentChatSheetOpen: true
+				isAgentChatSheetOpen: true,
+				agentChatPageScaffoldContext: pageScaffoldContext ? {
+					id: Date.now(),
+					nickname: pageScaffoldContext.nickname,
+					fullPath: pageScaffoldContext.fullPath
+				} : context.agentChatPageScaffoldContext
 			};
 		},
 		closeAgentChatSheet: (context) => ({
 			...context,
 			isAgentChatSheetOpen: false
 		}),
+		clearAgentChatPageScaffoldContext: (context) => ({
+			...context,
+			agentChatPageScaffoldContext: null
+		}),
 		openCreatePageModal: (context) => ({
 			...context,
 			isCreatePageModalOpen: true

package/dist/features/provider/components/CommandPalette.js

@@ -10,9 +10,9 @@ import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, Comma
 //#region src/features/provider/components/CommandPalette.tsx
 function CommandPalette() {
 	const $ = c(36);
-	if ($[0] !== "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016") {
+	if ($[0] !== "85ba0b6dafc30e5e42d7a8100e19fddf7f674f2db2d4daf495b1cb749edf3f68") {
 		for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016";
+		$[0] = "85ba0b6dafc30e5e42d7a8100e19fddf7f674f2db2d4daf495b1cb749edf3f68";
 	}
 	const isOpen = useSelector(studioStore, _temp);
 	const [search, setSearch] = React.useState("");
@@ -153,6 +153,7 @@ function CommandPalette() {
 			return /* @__PURE__ */ jsx(CommandGroup, {
 				heading: groupLabel_0,
 				children: groupActions.map((action_2) => /* @__PURE__ */ jsxs(CommandItem, {
+					keywords: action_2.aliases,
 					onSelect: () => handleSelect(action_2.id),
 					className: "justify-between",
 					children: [action_2.label, action_2.shortcut && /* @__PURE__ */ jsx(CommandShortcut, { children: formatShortcut(action_2.shortcut) })]
@@ -199,9 +200,9 @@ function _temp(state) {
 }
 function useCommandPaletteActions() {
 	const $ = c(2);
-	if ($[0] !== "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016") {
+	if ($[0] !== "85ba0b6dafc30e5e42d7a8100e19fddf7f674f2db2d4daf495b1cb749edf3f68") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016";
+		$[0] = "85ba0b6dafc30e5e42d7a8100e19fddf7f674f2db2d4daf495b1cb749edf3f68";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
@@ -216,6 +217,7 @@ function _temp7() {
 		action: {
 			id: "toggle-command-palette",
 			label: "Toggle command palette",
+			aliases: ["Commands", "Search commands"],
 			groupLabel: "Invisible",
 			checkIfAvailable: _temp4,
 			execute: _temp5,

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

@@ -21,18 +21,24 @@ const links = [{
 	to: "/",
 	title: "Preview",
 	children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }), "Preview"] }),
-	icon: "Globe"
+	icon: "Globe",
+	aliases: ["Preview", "Website"]
 }, {
 	to: "/cmx-studio/content",
 	title: "Content",
 	children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Database, { className: "h-4 w-4" }), "Content"] }),
-	icon: "FileText"
+	icon: "FileText",
+	aliases: [
+		"Content",
+		"Pages",
+		"CMS"
+	]
 }];
 const Navbar = () => {
 	const $ = c(24);
-	if ($[0] !== "8dc1a9bd4bf6bec7a5222000410c137024570dada4eee777e4c30a50b639d928") {
+	if ($[0] !== "bee8f3d13dbb280b2de1a82d82a4017e5a4d40d4e5868be00fe289eb0c74361f") {
 		for (let $i = 0; $i < 24; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "8dc1a9bd4bf6bec7a5222000410c137024570dada4eee777e4c30a50b639d928";
+		$[0] = "bee8f3d13dbb280b2de1a82d82a4017e5a4d40d4e5868be00fe289eb0c74361f";
 	}
 	const projectSlug = useProjectSlug();
 	let t0;
@@ -158,9 +164,9 @@ const Navbar = () => {
 };
 function useNavbarActions() {
 	const $ = c(4);
-	if ($[0] !== "8dc1a9bd4bf6bec7a5222000410c137024570dada4eee777e4c30a50b639d928") {
+	if ($[0] !== "bee8f3d13dbb280b2de1a82d82a4017e5a4d40d4e5868be00fe289eb0c74361f") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "8dc1a9bd4bf6bec7a5222000410c137024570dada4eee777e4c30a50b639d928";
+		$[0] = "bee8f3d13dbb280b2de1a82d82a4017e5a4d40d4e5868be00fe289eb0c74361f";
 	}
 	const navigate = useNavigate();
 	let t0;
@@ -176,7 +182,8 @@ function useNavbarActions() {
 					navigate({ to: link.to });
 				},
 				shortcut: { key: String(index + 1) },
-				icon: link.icon
+				icon: link.icon,
+				aliases: link.aliases
 			}));
 			actionsStore.send({
 				type: "registerManyActions",

package/dist/features/studio/useTheme.js

@@ -15,9 +15,9 @@ function readStoredTheme() {
 */
 function useThemeValue() {
 	const $ = c(3);
-	if ($[0] !== "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a") {
+	if ($[0] !== "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a";
+		$[0] = "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e";
 	}
 	const [theme] = React.useState(readStoredTheme);
 	let t0;
@@ -35,9 +35,9 @@ function useThemeValue() {
 */
 function useApplyTheme() {
 	const $ = c(9);
-	if ($[0] !== "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a") {
+	if ($[0] !== "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a";
+		$[0] = "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e";
 	}
 	const [theme, setTheme] = React.useState(readStoredTheme);
 	const applyTheme = _temp;
@@ -106,9 +106,9 @@ function _temp(themeToApply) {
 }
 function useThemeActions() {
 	const $ = c(5);
-	if ($[0] !== "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a") {
+	if ($[0] !== "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ae0cc1c225b74076fa89c4e5926593d41740805053ad02469bbe3a3cacd4b93a";
+		$[0] = "fcb6efcbb121aaf74422b01742d77a7520178fc0fe001e78c2f3645c95a1fa7e";
 	}
 	const { theme, setTheme } = useApplyTheme();
 	let t0;
@@ -119,6 +119,11 @@ function useThemeActions() {
 				{
 					id: "change-theme",
 					label: "Change theme",
+					aliases: [
+						"Theme",
+						"Appearance",
+						"Color mode"
+					],
 					groupLabel: "Studio",
 					checkIfAvailable: _temp2,
 					hasChildren: true,
@@ -128,6 +133,7 @@ function useThemeActions() {
 					id: "switch-to-light-theme",
 					parentActionId: "change-theme",
 					label: "Switch to light theme",
+					aliases: ["Light mode"],
 					groupLabel: "Studio",
 					checkIfAvailable: () => theme !== "light",
 					execute: () => setTheme("light")
@@ -136,6 +142,7 @@ function useThemeActions() {
 					id: "switch-to-dark-theme",
 					parentActionId: "change-theme",
 					label: "Switch to dark theme",
+					aliases: ["Dark mode"],
 					groupLabel: "Studio",
 					checkIfAvailable: () => theme !== "dark",
 					execute: () => setTheme("dark")
@@ -144,6 +151,7 @@ function useThemeActions() {
 					id: "switch-to-system-theme",
 					parentActionId: "change-theme",
 					label: "Switch to system theme",
+					aliases: ["System mode", "Auto theme"],
 					groupLabel: "Studio",
 					checkIfAvailable: () => theme !== "system",
 					execute: () => setTheme("system")

package/dist/features/vite/vite.js

@@ -154,6 +154,7 @@ function camox(options) {
 					"camox > @shikijs/themes/github-light",
 					"camox > @sinclair/typebox",
 					"camox > @takumi-rs/image-response",
+					"camox > @tanstack/ai-react",
 					"camox > @tanstack/react-form",
 					"camox > @xstate/store-react",
 					"camox > better-auth > @better-auth/core/env",

package/dist/lib/auth.js

@@ -192,9 +192,9 @@ function createCamoxAuthClient(apiUrl) {
 */
 function useProcessOtt(authClient) {
 	const $ = c(5);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	const [ready, setReady] = React.useState(_temp);
 	let t0;
@@ -237,9 +237,9 @@ function _temp() {
 const AuthContext = React.createContext(null);
 function useAuthContext() {
 	const $ = c(1);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	const ctx = React.useContext(AuthContext);
 	if (!ctx) throw new Error("Missing CamoxProvider");
@@ -247,9 +247,9 @@ function useAuthContext() {
 }
 function useProjectSlug() {
 	const $ = c(1);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	return useAuthContext().projectSlug;
 }
@@ -263,18 +263,18 @@ function useAuthState() {
 }
 function useIsAuthenticated() {
 	const $ = c(1);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	const { isAuthenticated } = useAuthState();
 	return isAuthenticated;
 }
 function useSignInRedirect() {
 	const $ = c(3);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	const { authenticationUrl } = useAuthContext();
 	let t0;
@@ -295,9 +295,9 @@ function useSignInRedirect() {
 */
 function useAuthActions() {
 	const $ = c(5);
-	if ($[0] !== "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a") {
+	if ($[0] !== "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "576010e4eb39afcae6f9e5e7fcb1b2de7558bf9039ed93e955c51d3fe8a38f1a";
+		$[0] = "97f43c32d646fc292143fe500680f94eb5bc70c14cc8fdf41a809589b231501d";
 	}
 	const { authClient, authenticationUrl } = useAuthContext();
 	let t0;
@@ -309,6 +309,11 @@ function useAuthActions() {
 				actions: [{
 					id: "manage-account",
 					label: "Manage account",
+					aliases: [
+						"Account settings",
+						"Profile",
+						"User settings"
+					],
 					groupLabel: "Studio",
 					checkIfAvailable: _temp2,
 					execute: () => {
@@ -317,6 +322,7 @@ function useAuthActions() {
 				}, {
 					id: "log-out",
 					label: "Log out",
+					aliases: ["Sign out", "Logout"],
 					groupLabel: "Studio",
 					checkIfAvailable: _temp3,
 					execute: () => authClient.signOut()