camox 0.32.0 → 0.33.0

package/dist/features/agent-chat/components/AgentChatSheet.js

@@ -1,207 +0,0 @@
-import { previewStore } from "../../preview/previewStore.js";
-import { PreviewSideSheet, Sheet } from "../../preview/components/PreviewSideSheet.js";
-import { useProjectSlug } from "../../../lib/auth.js";
-import { projectQueries } from "../../../lib/queries.js";
-import { AgentChatThread } from "./AgentChatThread.js";
-import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@camox/ui/button";
-import { Info, Lock, Plus, X } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
-
-//#region src/features/agent-chat/components/AgentChatSheet.tsx
-const AgentChatSheet = () => {
-	const $ = c(25);
-	if ($[0] !== "66d93480e99ec8c64f18df9857d7ce7ad49013bef915961bf486d380834988ee") {
-		for (let $i = 0; $i < 25; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "66d93480e99ec8c64f18df9857d7ce7ad49013bef915961bf486d380834988ee";
-	}
-	const isOpen = useSelector(previewStore, _temp);
-	const previewSource = useSelector(previewStore, _temp2);
-	const pageScaffoldContext = useSelector(previewStore, _temp3);
-	const [agentChatKey, setAgentChatKey] = React.useState(0);
-	const [composerFocusKey, setComposerFocusKey] = React.useState(0);
-	const { pathname } = useLocation();
-	const projectSlug = useProjectSlug();
-	let t0;
-	if ($[1] !== projectSlug) {
-		t0 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t0;
-	} else t0 = $[2];
-	const { data: project } = useQuery(t0);
-	const isLiveSource = previewSource === "live";
-	let t1;
-	let t2;
-	if ($[3] !== isOpen) {
-		t1 = () => {
-			if (!isOpen) return;
-			setComposerFocusKey(_temp4);
-		};
-		t2 = [isOpen];
-		$[3] = isOpen;
-		$[4] = t1;
-		$[5] = t2;
-	} else {
-		t1 = $[4];
-		t2 = $[5];
-	}
-	React.useEffect(t1, t2);
-	const handleOpenChange = _temp5;
-	let t3;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Sheet.SheetTitle, {
-			className: "flex-1",
-			children: "Agent Chat"
-		});
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": "Start a new Agent Chat",
-			onClick: () => {
-				previewStore.send({ type: "clearAgentChatPageScaffoldContext" });
-				setAgentChatKey(_temp6);
-				setComposerFocusKey(_temp7);
-			},
-			children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
-		});
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-1",
-			children: [
-				t3,
-				t4,
-				/* @__PURE__ */ jsx(Sheet.SheetClose, {
-					render: /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-sm",
-						"aria-label": "Close"
-					}),
-					children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-				})
-			]
-		});
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsxs(Sheet.SheetHeader, {
-			className: "gap-4 pb-0",
-			children: [t5, /* @__PURE__ */ jsxs(Alert, { children: [
-				/* @__PURE__ */ jsx(Info, { className: "size-4" }),
-				/* @__PURE__ */ jsx(AlertTitle, { children: "Camox is most powerful in your coding agent" }),
-				/* @__PURE__ */ jsx(AlertDescription, { children: "Use Claude Code or Codex to manage your site with both code and content access." })
-			] })]
-		});
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] !== isLiveSource) {
-		t7 = isLiveSource && /* @__PURE__ */ jsx("div", {
-			className: "p-4 pb-0",
-			children: /* @__PURE__ */ jsxs(Alert, { children: [
-				/* @__PURE__ */ jsx(Lock, { className: "size-4" }),
-				/* @__PURE__ */ jsx(AlertTitle, { children: "Live Source is read-only" }),
-				/* @__PURE__ */ jsxs(AlertDescription, {
-					className: "space-y-3",
-					children: [/* @__PURE__ */ jsx("p", { children: "Agent Chat can inspect live content, but edits require switching to Draft Source." }), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						size: "sm",
-						onClick: _temp8,
-						children: "Switch to draft"
-					})]
-				})
-			] })
-		});
-		$[10] = isLiveSource;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== agentChatKey || $[13] !== composerFocusKey || $[14] !== pageScaffoldContext || $[15] !== pathname || $[16] !== previewSource || $[17] !== project) {
-		t8 = project ? /* @__PURE__ */ jsx(AgentChatThread, {
-			projectId: project.id,
-			currentPath: pathname,
-			source: previewSource,
-			focusKey: composerFocusKey,
-			pageScaffoldContext: pageScaffoldContext ?? void 0
-		}, `${agentChatKey}:${pageScaffoldContext?.id ?? 0}`) : /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground flex flex-1 items-center justify-center p-6 text-sm",
-			children: "Loading project…"
-		});
-		$[12] = agentChatKey;
-		$[13] = composerFocusKey;
-		$[14] = pageScaffoldContext;
-		$[15] = pathname;
-		$[16] = previewSource;
-		$[17] = project;
-		$[18] = t8;
-	} else t8 = $[18];
-	let t9;
-	if ($[19] !== t7 || $[20] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: "flex min-h-0 flex-1 flex-col",
-			children: [t7, t8]
-		});
-		$[19] = t7;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== isOpen || $[23] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(PreviewSideSheet, {
-			open: isOpen,
-			onOpenChange: handleOpenChange,
-			keepMounted: true,
-			showCloseButton: false,
-			initialFocus: false,
-			children: [t6, t9]
-		});
-		$[22] = isOpen;
-		$[23] = t9;
-		$[24] = t10;
-	} else t10 = $[24];
-	return t10;
-};
-function _temp(state) {
-	return state.context.isAgentChatSheetOpen;
-}
-function _temp2(state_0) {
-	return state_0.context.previewSource;
-}
-function _temp3(state_1) {
-	return state_1.context.agentChatPageScaffoldContext;
-}
-function _temp4(key) {
-	return key + 1;
-}
-function _temp5(open) {
-	if (!open) previewStore.send({ type: "closeAgentChatSheet" });
-}
-function _temp6(key_0) {
-	return key_0 + 1;
-}
-function _temp7(key_1) {
-	return key_1 + 1;
-}
-function _temp8() {
-	return previewStore.send({
-		type: "setPreviewSource",
-		source: "draft"
-	});
-}
-
-//#endregion
-export { AgentChatSheet };

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

@@ -1,236 +0,0 @@
-import { useProjectSlug } from "../../../lib/auth.js";
-import { fileQueries, projectQueries } from "../../../lib/queries.js";
-import { AssetLightbox } from "./AssetLightbox.js";
-import { AssetCard } from "../../content/components/AssetCard.js";
-import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@camox/ui/button";
-import { ArrowLeft } from "lucide-react";
-import { Skeleton } from "@camox/ui/skeleton";
-
-//#region src/features/preview/components/AssetPickerGrid.tsx
-const AssetPickerGrid = (t0) => {
-	const $ = c(46);
-	if ($[0] !== "304cb8ddef70ef73677034ff5f21cf46713e477681a8d7ac41df1f9785316fcf") {
-		for (let $i = 0; $i < 46; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "304cb8ddef70ef73677034ff5f21cf46713e477681a8d7ac41df1f9785316fcf";
-	}
-	const { assetType, mode, onSelectSingle, onSelectMultiple, onClose } = t0;
-	const projectSlug = useProjectSlug();
-	let t1;
-	if ($[1] !== projectSlug) {
-		t1 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: project } = useQuery(t1);
-	let t2;
-	if ($[3] !== project?.id) {
-		t2 = fileQueries.list(project?.id ?? 0);
-		$[3] = project?.id;
-		$[4] = t2;
-	} else t2 = $[4];
-	const t3 = !!project;
-	let t4;
-	if ($[5] !== t2 || $[6] !== t3) {
-		t4 = {
-			...t2,
-			enabled: t3
-		};
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	const { data: allFiles } = useQuery(t4);
-	let t5;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ new Set();
-		$[8] = t5;
-	} else t5 = $[8];
-	const [selectedIds, setSelectedIds] = React.useState(t5);
-	const [lightboxFile, setLightboxFile] = React.useState(null);
-	const isImage = assetType === "Image";
-	let t6;
-	bb0: {
-		if (!allFiles) {
-			t6 = void 0;
-			break bb0;
-		}
-		if (!isImage) {
-			t6 = allFiles;
-			break bb0;
-		}
-		let t7;
-		if ($[9] !== allFiles) {
-			t7 = allFiles.filter(_temp);
-			$[9] = allFiles;
-			$[10] = t7;
-		} else t7 = $[10];
-		t6 = t7;
-	}
-	const files = t6;
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (fileId) => {
-			setSelectedIds((prev) => {
-				const next = new Set(prev);
-				if (next.has(fileId)) next.delete(fileId);
-				else next.add(fileId);
-				return next;
-			});
-		};
-		$[11] = t7;
-	} else t7 = $[11];
-	const toggleSelection = t7;
-	let t8;
-	if ($[12] !== files || $[13] !== onSelectMultiple || $[14] !== selectedIds) {
-		t8 = () => {
-			if (!files) return;
-			onSelectMultiple(files.filter((f_0) => selectedIds.has(f_0.id)));
-		};
-		$[12] = files;
-		$[13] = onSelectMultiple;
-		$[14] = selectedIds;
-		$[15] = t8;
-	} else t8 = $[15];
-	const handleConfirmMultiple = t8;
-	const title = mode === "multiple" ? `Select ${isImage ? "images" : "files"}` : `Select ${isImage ? "image" : "file"}`;
-	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" });
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== onClose || $[18] !== title) {
-		t10 = /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			onClick: onClose,
-			children: [t9, title]
-		});
-		$[17] = onClose;
-		$[18] = title;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== handleConfirmMultiple || $[21] !== mode || $[22] !== selectedIds) {
-		t11 = mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
-			variant: "default",
-			size: "sm",
-			className: "ml-auto",
-			disabled: selectedIds.size === 0,
-			onClick: handleConfirmMultiple,
-			children: [
-				"Add selected (",
-				selectedIds.size,
-				")"
-			]
-		});
-		$[20] = handleConfirmMultiple;
-		$[21] = mode;
-		$[22] = selectedIds;
-		$[23] = t11;
-	} else t11 = $[23];
-	let t12;
-	if ($[24] !== t10 || $[25] !== t11) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: "sticky top-0 z-10 flex items-center gap-2 px-4 py-4",
-			children: [t10, t11]
-		});
-		$[24] = t10;
-		$[25] = t11;
-		$[26] = t12;
-	} else t12 = $[26];
-	let t13;
-	if ($[27] !== files) {
-		t13 = files === void 0 && /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
-			children: Array.from({ length: 6 }).map(_temp2)
-		});
-		$[27] = files;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== files?.length) {
-		t14 = files?.length === 0 && /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground py-8 text-center text-sm",
-			children: "No assets yet"
-		});
-		$[29] = files?.length;
-		$[30] = t14;
-	} else t14 = $[30];
-	let t15;
-	if ($[31] !== files || $[32] !== mode || $[33] !== onSelectSingle || $[34] !== selectedIds) {
-		t15 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
-			children: files.map((file) => /* @__PURE__ */ jsx(AssetCard, {
-				file,
-				selected: selectedIds.has(file.id),
-				onSelect: () => {
-					if (mode === "single") onSelectSingle(file);
-					else toggleSelection(file.id);
-				},
-				onOpen: () => setLightboxFile(file)
-			}, file.id))
-		});
-		$[31] = files;
-		$[32] = mode;
-		$[33] = onSelectSingle;
-		$[34] = selectedIds;
-		$[35] = t15;
-	} else t15 = $[35];
-	let t16;
-	if ($[36] !== t13 || $[37] !== t14 || $[38] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: "px-4 pb-4",
-			children: [
-				t13,
-				t14,
-				t15
-			]
-		});
-		$[36] = t13;
-		$[37] = t14;
-		$[38] = t15;
-		$[39] = t16;
-	} else t16 = $[39];
-	let t17;
-	if ($[40] !== lightboxFile) {
-		t17 = lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
-			open: !!lightboxFile,
-			onOpenChange: (open) => {
-				if (!open) setLightboxFile(null);
-			},
-			fileId: lightboxFile.id
-		});
-		$[40] = lightboxFile;
-		$[41] = t17;
-	} else t17 = $[41];
-	let t18;
-	if ($[42] !== t12 || $[43] !== t16 || $[44] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("div", { children: [
-			t12,
-			t16,
-			t17
-		] });
-		$[42] = t12;
-		$[43] = t16;
-		$[44] = t17;
-		$[45] = t18;
-	} else t18 = $[45];
-	return t18;
-};
-function _temp(f) {
-	return f.mimeType?.startsWith("image/");
-}
-function _temp2(_, i) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-1.5 rounded-lg p-2",
-		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-3/4 rounded" })]
-	}, i);
-}
-
-//#endregion
-export { AssetPickerGrid };