camox 0.38.0 → 0.40.0

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

@@ -1,7 +1,6 @@
 import { useLocation } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { pageMutations } from "../../../lib/queries.js";
-import { cn } from "../../../lib/utils.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
 import { PagePicker } from "./PagePicker.js";
@@ -24,9 +23,9 @@ import { ButtonGroup } from "@camox/ui/button-group";
 //#region src/features/preview/components/PageNavigatorSidebar.tsx
 const PageNavigatorPublishRow = (t0) => {
 	const $ = c(86);
-	if ($[0] !== "58005eef0d61f3afd8b013b7c48c297a3232450e2bc7cede8029a7249f17fd1c") {
+	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
 		for (let $i = 0; $i < 86; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "58005eef0d61f3afd8b013b7c48c297a3232450e2bc7cede8029a7249f17fd1c";
+		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
 	}
 	const { page } = t0;
 	const previewSource = useSelector(previewStore, _temp);
@@ -451,50 +450,60 @@ const PageNavigatorPublishRow = (t0) => {
 	} else t39 = $[85];
 	return t39;
 };
-const PageNavigatorSidebar = (t0) => {
-	const $ = c(8);
-	if ($[0] !== "58005eef0d61f3afd8b013b7c48c297a3232450e2bc7cede8029a7249f17fd1c") {
-		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "58005eef0d61f3afd8b013b7c48c297a3232450e2bc7cede8029a7249f17fd1c";
+const PageNavigatorHeader = (t0) => {
+	const $ = c(4);
+	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
 	}
 	const { page } = t0;
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = cn("flex flex-col gap-2 px-2 pt-2 pb-3");
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("div", {
+		t1 = /* @__PURE__ */ jsx("div", {
 			className: "flex w-full",
 			children: /* @__PURE__ */ jsx(PagePicker, {})
 		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== page) {
-		t3 = /* @__PURE__ */ jsxs(PanelHeader, {
-			className: t1,
-			children: [t2, /* @__PURE__ */ jsx(PageNavigatorPublishRow, { page })]
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== page) {
+		t2 = /* @__PURE__ */ jsxs(PanelHeader, {
+			className: "flex flex-col gap-2 px-2 pt-2 pb-3",
+			children: [t1, /* @__PURE__ */ jsx(PageNavigatorPublishRow, { page })]
 		});
-		$[3] = page;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(PanelContent, {
+		$[2] = page;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+const PageNavigatorSidebar = (t0) => {
+	const $ = c(6);
+	if ($[0] !== "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2915f869d656485105344add68411e21930be9804f68664ad81148c2ec2fd863";
+	}
+	const { page } = t0;
+	let t1;
+	if ($[1] !== page) {
+		t1 = /* @__PURE__ */ jsx(PageNavigatorHeader, { page });
+		$[1] = page;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(PanelContent, {
 			className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
 			children: /* @__PURE__ */ jsx(PageTree, {})
 		});
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t3) {
-		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t4] });
-		$[6] = t3;
-		$[7] = t5;
-	} else t5 = $[7];
-	return t5;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
+		$[4] = t1;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 };
 function _temp(state) {
 	return state.context.previewSource;
@@ -515,4 +524,4 @@ function _temp3(current) {
 }
 
 //#endregion
-export { PageNavigatorSidebar };
+export { PageNavigatorHeader, PageNavigatorSidebar };

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

@@ -5,6 +5,7 @@ import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { FieldToolbar } from "./FieldToolbar.js";
 import { Frame, useFrame } from "./Frame.js";
+import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
 import { Overlays } from "./Overlays.js";
 import { OverlayTracker } from "./OverlayTracker.js";
 import { PreviewToolbar } from "./PreviewToolbar.js";
@@ -17,9 +18,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] !== "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+		$[0] = "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26";
 	}
 	const { children, style, className, onIframeReady } = t0;
 	let t1;
@@ -60,9 +61,9 @@ const PreviewFrame = (t0) => {
 };
 const KeyDownForwarder = () => {
 	const $ = c(5);
-	if ($[0] !== "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d") {
+	if ($[0] !== "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+		$[0] = "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26";
 	}
 	const { window: iframeWindow } = useFrame();
 	const actions = useSelector(actionsStore, _temp);
@@ -112,26 +113,67 @@ const viewportClassName = {
 	mobile: "h-175 w-[393px] max-h-full max-w-full"
 };
 const PreviewPanel = (t0) => {
-	const $ = c(8);
-	if ($[0] !== "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d") {
-		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "730f56a45d2b6c768058a961ac2ddb25f186cbd0a88cb4389cd59d3a0fda899d";
+	const $ = c(17);
+	if ($[0] !== "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26") {
+		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e11c3b34ca0f5fb034c9be15c118c7ca06abc87dbf81a94c0e4b32239a67ad26";
 	}
-	const { children, toolbarProps } = t0;
+	const { children, isMobileExperience: t1, page, projectName: t2, toolbarProps } = t0;
+	const isMobileExperience = t1 === void 0 ? false : t1;
+	const projectName = t2 === void 0 ? "Project" : t2;
 	useBlockActionsShortcuts();
 	const iframeElement = useSelector(previewStore, _temp2);
 	const handleIframeReady = _temp3;
 	const viewportMode = useSelector(previewStore, _temp4);
 	const isEditMode = useSelector(previewStore, _temp5);
-	let t1;
+	const isToolbarHidden = useSelector(previewStore, _temp6);
+	let t3;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[1] = t1;
-	} else t1 = $[1];
-	React.useEffect(_temp17, t1);
-	let t2;
-	if ($[2] !== children || $[3] !== iframeElement || $[4] !== isEditMode || $[5] !== toolbarProps || $[6] !== viewportMode) {
-		t2 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
+		t3 = [];
+		$[1] = t3;
+	} else t3 = $[1];
+	React.useEffect(_temp16, t3);
+	if (isMobileExperience) {
+		if (!page) return null;
+		let t4;
+		if ($[2] !== children) {
+			t4 = /* @__PURE__ */ jsx("div", {
+				className: "relative min-h-0 flex-1",
+				children: /* @__PURE__ */ jsx(PreviewFrame, {
+					className: "h-full w-full",
+					onIframeReady: handleIframeReady,
+					children
+				})
+			});
+			$[2] = children;
+			$[3] = t4;
+		} else t4 = $[3];
+		let t5;
+		if ($[4] !== isToolbarHidden || $[5] !== page || $[6] !== projectName) {
+			t5 = !isToolbarHidden && /* @__PURE__ */ jsx(MobilePreviewDrawer, {
+				page,
+				projectName
+			});
+			$[4] = isToolbarHidden;
+			$[5] = page;
+			$[6] = projectName;
+			$[7] = t5;
+		} else t5 = $[7];
+		let t6;
+		if ($[8] !== t4 || $[9] !== t5) {
+			t6 = /* @__PURE__ */ jsxs(PanelContent, {
+				className: "flex min-h-0 flex-col overflow-hidden bg-black",
+				children: [t4, t5]
+			});
+			$[8] = t4;
+			$[9] = t5;
+			$[10] = t6;
+		} else t6 = $[10];
+		return t6;
+	}
+	let t4;
+	if ($[11] !== children || $[12] !== iframeElement || $[13] !== isEditMode || $[14] !== toolbarProps || $[15] !== viewportMode) {
+		t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
 			className: "relative overflow-hidden bg-black",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "absolute inset-0",
@@ -161,14 +203,14 @@ const PreviewPanel = (t0) => {
 				})
 			})
 		}) });
-		$[2] = children;
-		$[3] = iframeElement;
-		$[4] = isEditMode;
-		$[5] = toolbarProps;
-		$[6] = viewportMode;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+		$[11] = children;
+		$[12] = iframeElement;
+		$[13] = isEditMode;
+		$[14] = toolbarProps;
+		$[15] = viewportMode;
+		$[16] = t4;
+	} else t4 = $[16];
+	return t4;
 };
 function _temp(state) {
 	return state.context.actions;
@@ -188,56 +230,52 @@ function _temp4(state_0) {
 function _temp5(state_1) {
 	return state_1.context.isEditMode;
 }
-function _temp6() {
-	return true;
+function _temp6(state_2) {
+	return state_2.context.isToolbarHidden;
 }
 function _temp7() {
-	return previewStore.send({ type: "cycleViewportMode" });
+	return true;
 }
 function _temp8() {
-	return true;
+	return previewStore.send({ type: "cycleViewportMode" });
 }
 function _temp9() {
+	return true;
+}
+function _temp0() {
 	return previewStore.send({
 		type: "setViewportMode",
 		mode: "full"
 	});
 }
-function _temp0() {
+function _temp1() {
 	return true;
 }
-function _temp1() {
+function _temp10() {
 	return previewStore.send({
 		type: "setViewportMode",
 		mode: "tablet"
 	});
 }
-function _temp10() {
+function _temp11() {
 	return true;
 }
-function _temp11() {
+function _temp12() {
 	return previewStore.send({
 		type: "setViewportMode",
 		mode: "mobile"
 	});
 }
-function _temp12() {
-	return true;
-}
 function _temp13() {
-	const { isAgentChatSidebarOpen } = previewStore.getSnapshot().context;
-	previewStore.send({ type: isAgentChatSidebarOpen ? "closeAgentChatSidebar" : "openAgentChatSidebar" });
-}
-function _temp14() {
 	return true;
 }
-function _temp15() {
+function _temp14() {
 	previewStore.send({ type: "clearSelection" });
 }
-function _temp16(a) {
+function _temp15(a) {
 	return a.id;
 }
-function _temp17() {
+function _temp16() {
 	const actions = [
 		{
 			id: "cycle-viewport-mode",
@@ -248,8 +286,8 @@ function _temp17() {
 				"Device preview"
 			],
 			groupLabel: "Preview",
-			checkIfAvailable: _temp6,
-			execute: _temp7,
+			checkIfAvailable: _temp7,
+			execute: _temp8,
 			shortcut: { key: "m" }
 		},
 		{
@@ -261,16 +299,16 @@ function _temp17() {
 				"Full width preview"
 			],
 			groupLabel: "Preview",
-			checkIfAvailable: _temp8,
-			execute: _temp9
+			checkIfAvailable: _temp9,
+			execute: _temp0
 		},
 		{
 			id: "set-viewport-tablet",
 			label: "Set tablet viewport",
 			aliases: ["Tablet preview", "Responsive preview"],
 			groupLabel: "Preview",
-			checkIfAvailable: _temp0,
-			execute: _temp1
+			checkIfAvailable: _temp1,
+			execute: _temp10
 		},
 		{
 			id: "set-viewport-mobile",
@@ -281,33 +319,16 @@ function _temp17() {
 				"Responsive preview"
 			],
 			groupLabel: "Preview",
-			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
-			}
+			checkIfAvailable: _temp11,
+			execute: _temp12
 		},
 		{
 			id: "clear-selection",
 			label: "Clear selection",
 			aliases: ["Deselect", "Unselect"],
 			groupLabel: "Preview",
-			checkIfAvailable: _temp14,
-			execute: _temp15,
+			checkIfAvailable: _temp13,
+			execute: _temp14,
 			shortcut: { key: "Escape" }
 		}
 	];
@@ -318,7 +339,7 @@ function _temp17() {
 	return () => {
 		actionsStore.send({
 			type: "unregisterManyActions",
-			ids: actions.map(_temp16)
+			ids: actions.map(_temp15)
 		});
 	};
 }

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