camox 0.27.0 → 0.28.0

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

@@ -18,9 +18,9 @@ import { PanelContent } from "@camox/ui/panel";
 //#region src/features/preview/components/PreviewPanel.tsx
 const PreviewFrame = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
+	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
+		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
 	}
 	const { children, style, className, onIframeReady } = t0;
 	let t1;
@@ -61,9 +61,9 @@ const PreviewFrame = (t0) => {
 };
 const KeyDownForwarder = () => {
 	const $ = c(5);
-	if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
+	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
+		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
 	}
 	const { window: iframeWindow } = useFrame();
 	const actions = useSelector(actionsStore, _temp);
@@ -119,17 +119,16 @@ const KeyDownForwarder = () => {
 	return null;
 };
 const PreviewPanel = (t0) => {
-	const $ = c(16);
-	if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
-		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
+	const $ = c(14);
+	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
+		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
 	}
 	const { children } = t0;
 	useBlockActionsShortcuts();
 	const iframeElement = useSelector(previewStore, _temp2);
 	const handleIframeReady = _temp3;
 	const isMobileMode = useSelector(previewStore, _temp4);
-	const isAgentChatSheetOpen = useSelector(previewStore, _temp5);
 	const isAnySideSheetOpen = useIsPreviewSheetOpen();
 	const wrapperRef = React.useRef(null);
 	const [panelWidth, setPanelWidth] = React.useState(0);
@@ -161,92 +160,27 @@ const PreviewPanel = (t0) => {
 	const sheetOverlap = Math.max(0, 400 - panelLeft);
 	const sheetOpenScale = panelWidth > 0 ? (panelWidth - sheetOverlap) / panelWidth : 1;
 	let t3;
-	let t4;
-	if ($[3] !== isAgentChatSheetOpen) {
-		t3 = () => {
-			const actions = [
-				{
-					id: "toggle-editing-panel",
-					label: "Toggle editing panel",
-					groupLabel: "Preview",
-					checkIfAvailable: _temp6,
-					execute: _temp7,
-					shortcut: {
-						key: "b",
-						withAlt: true
-					}
-				},
-				{
-					id: "toggle-lock-content",
-					label: "Toggle lock content",
-					groupLabel: "Preview",
-					checkIfAvailable: _temp8,
-					execute: _temp9
-				},
-				{
-					id: "toggle-mobile-mode",
-					label: "Toggle mobile mode",
-					groupLabel: "Preview",
-					checkIfAvailable: _temp0,
-					execute: _temp1,
-					shortcut: { key: "m" }
-				},
-				{
-					id: "open-agent-chat",
-					label: "Ask for changes",
-					groupLabel: "Preview",
-					checkIfAvailable: () => !isAgentChatSheetOpen,
-					execute: _temp10,
-					shortcut: {
-						key: "i",
-						withAlt: true
-					}
-				},
-				{
-					id: "clear-selection",
-					label: "Clear selection",
-					groupLabel: "Preview",
-					checkIfAvailable: _temp11,
-					execute: _temp12,
-					shortcut: { key: "Escape" }
-				}
-			];
-			actionsStore.send({
-				type: "registerManyActions",
-				actions
-			});
-			return () => {
-				actionsStore.send({
-					type: "unregisterManyActions",
-					ids: actions.map(_temp13)
-				});
-			};
-		};
-		t4 = [isAgentChatSheetOpen];
-		$[3] = isAgentChatSheetOpen;
-		$[4] = t3;
-		$[5] = t4;
-	} else {
-		t3 = $[4];
-		t4 = $[5];
-	}
-	React.useEffect(t3, t4);
-	const t5 = isAnySideSheetOpen ? `${100 / sheetOpenScale}%` : "100%";
-	const t6 = isAnySideSheetOpen ? `scale(${sheetOpenScale})` : "scale(1)";
-	let t7;
-	if ($[6] !== t5 || $[7] !== t6) {
-		t7 = {
-			height: t5,
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = [];
+		$[3] = t3;
+	} else t3 = $[3];
+	React.useEffect(_temp14, t3);
+	const t4 = isAnySideSheetOpen ? `${100 / sheetOpenScale}%` : "100%";
+	const t5 = isAnySideSheetOpen ? `scale(${sheetOpenScale})` : "scale(1)";
+	let t6;
+	if ($[4] !== t4 || $[5] !== t5) {
+		t6 = {
+			height: t4,
 			transformOrigin: "top right",
-			transform: t6
+			transform: t5
 		};
-		$[6] = t5;
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[9] !== children || $[10] !== iframeElement || $[11] !== isMobileMode) {
-		t8 = isMobileMode ? /* @__PURE__ */ jsxs("div", {
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== children || $[8] !== iframeElement || $[9] !== isMobileMode) {
+		t7 = isMobileMode ? /* @__PURE__ */ jsxs("div", {
 			className: "checkered flex h-full justify-center",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
@@ -270,27 +204,27 @@ const PreviewPanel = (t0) => {
 			/* @__PURE__ */ jsx(FieldToolbar, {}),
 			/* @__PURE__ */ jsx(PreviewToolbar, {})
 		] });
-		$[9] = children;
-		$[10] = iframeElement;
-		$[11] = isMobileMode;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t7 || $[14] !== t8) {
-		t9 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
+		$[7] = children;
+		$[8] = iframeElement;
+		$[9] = isMobileMode;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== t6 || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
 			className: "relative overflow-hidden bg-black",
 			children: /* @__PURE__ */ jsx("div", {
 				ref: wrapperRef,
 				className: "absolute inset-0 transition-[transform,height] duration-500 ease-in-out will-change-transform",
-				style: t7,
-				children: t8
+				style: t6,
+				children: t7
 			})
 		}) });
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	return t9;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	return t8;
 };
 function _temp(state) {
 	return state.context.actions;
@@ -307,29 +241,30 @@ function _temp3(element) {
 function _temp4(state_0) {
 	return state_0.context.isMobileMode;
 }
-function _temp5(state_1) {
-	return state_1.context.isAgentChatSheetOpen;
+function _temp5() {
+	return true;
 }
 function _temp6() {
-	return true;
+	return previewStore.send({ type: "toggleSidebar" });
 }
 function _temp7() {
-	return previewStore.send({ type: "toggleSidebar" });
+	return true;
 }
 function _temp8() {
-	return true;
+	return previewStore.send({ type: "toggleLockContent" });
 }
 function _temp9() {
-	return previewStore.send({ type: "toggleLockContent" });
+	return true;
 }
 function _temp0() {
-	return true;
+	return previewStore.send({ type: "toggleMobileMode" });
 }
 function _temp1() {
-	return previewStore.send({ type: "toggleMobileMode" });
+	return true;
 }
 function _temp10() {
-	return previewStore.send({ type: "openAgentChatSheet" });
+	const { isAgentChatSheetOpen } = previewStore.getSnapshot().context;
+	previewStore.send({ type: isAgentChatSheetOpen ? "closeAgentChatSheet" : "openAgentChatSheet" });
 }
 function _temp11() {
 	return true;
@@ -340,6 +275,65 @@ function _temp12() {
 function _temp13(a) {
 	return a.id;
 }
+function _temp14() {
+	const actions = [
+		{
+			id: "toggle-editing-panel",
+			label: "Toggle editing panel",
+			groupLabel: "Preview",
+			checkIfAvailable: _temp5,
+			execute: _temp6,
+			shortcut: {
+				key: "b",
+				withAlt: true
+			}
+		},
+		{
+			id: "toggle-lock-content",
+			label: "Toggle lock content",
+			groupLabel: "Preview",
+			checkIfAvailable: _temp7,
+			execute: _temp8
+		},
+		{
+			id: "toggle-mobile-mode",
+			label: "Toggle mobile mode",
+			groupLabel: "Preview",
+			checkIfAvailable: _temp9,
+			execute: _temp0,
+			shortcut: { key: "m" }
+		},
+		{
+			id: "toggle-agent-chat",
+			label: "Toggle agent chat",
+			groupLabel: "Preview",
+			checkIfAvailable: _temp1,
+			execute: _temp10,
+			shortcut: {
+				key: "i",
+				withAlt: true
+			}
+		},
+		{
+			id: "clear-selection",
+			label: "Clear selection",
+			groupLabel: "Preview",
+			checkIfAvailable: _temp11,
+			execute: _temp12,
+			shortcut: { key: "Escape" }
+		}
+	];
+	actionsStore.send({
+		type: "registerManyActions",
+		actions
+	});
+	return () => {
+		actionsStore.send({
+			type: "unregisterManyActions",
+			ids: actions.map(_temp13)
+		});
+	};
+}
 
 //#endregion
 export { PreviewFrame, PreviewPanel };

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

@@ -15,9 +15,9 @@ import { Toggle } from "@camox/ui/toggle";
 //#region src/features/preview/components/PreviewToolbar.tsx
 const PreviewToolbar = () => {
 	const $ = c(70);
-	if ($[0] !== "3f4ab1b23a0c71433f448a6d697143e0a49bc26edf45de5fcefe147aab349d48") {
+	if ($[0] !== "9eb26d2e74b59f556130f84b8d22fd9907b3e87a936f560c3c15b54462b76f83") {
 		for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "3f4ab1b23a0c71433f448a6d697143e0a49bc26edf45de5fcefe147aab349d48";
+		$[0] = "9eb26d2e74b59f556130f84b8d22fd9907b3e87a936f560c3c15b54462b76f83";
 	}
 	const isEditingLocked = useSelector(previewStore, _temp);
 	const isEditingPanelOpen = useSelector(previewStore, _temp2);
@@ -247,7 +247,7 @@ const PreviewToolbar = () => {
 	} else t32 = $[61];
 	let t33;
 	if ($[62] !== actions) {
-		t33 = getActionShortcut(actions, "open-agent-chat");
+		t33 = getActionShortcut(actions, "toggle-agent-chat");
 		$[62] = actions;
 		$[63] = t33;
 	} else t33 = $[63];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "camox",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "bin": {
     "camox": "./bin/camox.mjs"
   },
@@ -126,9 +126,9 @@
     "react-og-preview": "^0.2.0",
     "shiki": "^4.0.2",
     "zod": "^4.3.6",
-    "@camox/api-contract": "0.27.0",
-    "@camox/cli": "0.27.0",
-    "@camox/ui": "0.27.0"
+    "@camox/api-contract": "0.28.0",
+    "@camox/cli": "0.28.0",
+    "@camox/ui": "0.28.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",

package/skills/camox-cli/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: camox-cli
-description: "How to read or modify the website's content (pages and the sections inside them) via the Camox CLI. This is a Camox-powered site, so any request about its content — even when phrased generically — is a Camox operation. Use this skill whenever the user wants to add, remove, rename, reorder, review, publish, or change anything visible on the site: a new page or route, a section / hero / footer / etc., the title or wording shown to visitors, what appears at a URL, the SEO title or social-share preview, the structure shared across pages, etc. Also covers reading draft vs live content, publishing draft changes, and syncing content between the dev and production environments (push to prod, pull from prod, check whether the two envs are in sync). Trigger broadly — on phrases like 'add a page', 'put a hero at the top', 'change the headline', 'move this section', 'what's on /about', 'show me the live page', 'review the draft', 'publish this page', 'fix the meta title', 'rename this route', 'why does this show up on every page', 'push to production', 'promote my changes to prod', 'pull from production', 'sync dev with prod' — and on similar requests even when the user doesn't say 'page', 'block', 'layout', 'environment', 'CMS', 'Camox', or 'CLI'. When in doubt and the request touches site content, draft/live state, publishing, or the dev/prod split, load this skill."
+description: "How to read or modify Camox website content via the CLI: pages, routes, block instances, copy, images/files, meta fields, layout assignments, draft/live state, publishing, and dev/prod sync. Use when the user wants to add, remove, rename, reorder, review, publish, or change anything visible on the site, including sections, heroes, footers, headlines, SEO titles, social previews, or what appears at a URL. Trigger on requests like 'add a page', 'change the headline', 'move this section', 'what's on /about', 'show me the live page', 'publish this page', 'fix the meta title', 'push to production', 'pull from production', or 'sync dev with prod', even if they do not mention Camox, CMS, page, block, layout, environment, or CLI."
 ---
 
 # Using the Camox CLI
@@ -104,6 +104,14 @@ Repeatable fields are an array of items. `blocks edit` treats the items array as
 
 Same pattern for nested repeatables: each child item also has an `id` you pass back as `_itemId` inside the parent item's array field.
 
+When you need to edit repeatable fields in several blocks, prefer fetching them together first:
+
+```sh
+{{CAMOX_CMD}} blocks get-many --id 99 --id 100 --id 101
+```
+
+`blocks get-many` returns the same bundle shape as `blocks get` for each block, in the same order as the requested ids.
+
 ### Create a new page using an existing layout
 
 ```sh