camox 0.29.0 → 0.31.0

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

@@ -0,0 +1,141 @@
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { Check, CircleHelp, Loader2, Wrench, XCircle } from "lucide-react";
+
+//#region src/features/agent-chat/components/AgentToolCallCard.tsx
+function getStatus(part, requiresApprovalFallback, result) {
+	if (part.approval?.approved === false) return "denied";
+	if (result?.state === "error") return "error";
+	if (result?.state === "complete") return "complete";
+	if (part.output !== void 0) return "complete";
+	if (part.approval?.needsApproval && part.approval.approved === void 0) return "approval";
+	if (requiresApprovalFallback && part.state === "input-complete") return "approval";
+	if (part.state === "complete") return "complete";
+	if (part.state === "approval-responded") return "complete";
+	return "running";
+}
+const AgentToolCallCard = (t0) => {
+	const $ = c(30);
+	if ($[0] !== "0558c22212ea82c1e7d2ad4ce6a5749c7979e2e1f04725121be94540507bca0e") {
+		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0558c22212ea82c1e7d2ad4ce6a5749c7979e2e1f04725121be94540507bca0e";
+	}
+	const { part, label, result, requiresApprovalFallback, onApprovalResponse } = t0;
+	const t1 = requiresApprovalFallback ?? false;
+	let t2;
+	if ($[1] !== part || $[2] !== result || $[3] !== t1) {
+		t2 = getStatus(part, t1, result);
+		$[1] = part;
+		$[2] = result;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	const status = t2;
+	const needsApproval = status === "approval";
+	let t3;
+	if ($[5] !== status) {
+		t3 = status === "running" && /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin justify-self-center" });
+		$[5] = status;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== status) {
+		t4 = status === "complete" && /* @__PURE__ */ jsx(Wrench, { className: "size-3 justify-self-center" });
+		$[7] = status;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== status) {
+		t5 = status === "approval" && /* @__PURE__ */ jsx(CircleHelp, { className: "size-3 justify-self-center" });
+		$[9] = status;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== status) {
+		t6 = status === "denied" && /* @__PURE__ */ jsx(XCircle, { className: "size-3 justify-self-center" });
+		$[11] = status;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== status) {
+		t7 = status === "error" && /* @__PURE__ */ jsx(XCircle, { className: "size-3 justify-self-center" });
+		$[13] = status;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== label) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: label
+		});
+		$[15] = label;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground grid grid-cols-[1rem_minmax(0,1fr)] items-center gap-2",
+			children: [
+				t3,
+				t4,
+				t5,
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== needsApproval || $[25] !== onApprovalResponse) {
+		t10 = needsApproval && /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 pl-6",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm",
+				children: "This immediately impacts your live website"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					size: "sm",
+					variant: "secondary",
+					onClick: () => onApprovalResponse?.(true),
+					children: [/* @__PURE__ */ jsx(Check, {
+						"data-icon": "inline-start",
+						className: "text-muted-foreground"
+					}), "Approve"]
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "sm",
+					variant: "ghost",
+					onClick: () => onApprovalResponse?.(false),
+					children: "Deny"
+				})]
+			})]
+		});
+		$[24] = needsApproval;
+		$[25] = onApprovalResponse;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] !== t10 || $[28] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3",
+			children: [t9, t10]
+		});
+		$[27] = t10;
+		$[28] = t9;
+		$[29] = t11;
+	} else t11 = $[29];
+	return t11;
+};
+
+//#endregion
+export { AgentToolCallCard };

package/dist/features/preview/CamoxPreview.js

@@ -7,10 +7,10 @@ import { blockQueries, pageMutations, pageQueries, projectQueries } from "../../
 import { cn } from "../../lib/utils.js";
 import { NormalizedDataProvider, seedBlockCaches, usePageBlocks } from "../../lib/normalized-data.js";
 import { BlockErrorBoundary } from "./components/BlockErrorBoundary.js";
+import { AgentChatSheet } from "../agent-chat/components/AgentChatSheet.js";
 import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { Navbar } from "../studio/components/Navbar.js";
 import { AddBlockSheet } from "./components/AddBlockSheet.js";
-import { AgentChatSheet } from "./components/AgentChatSheet.js";
 import { CreatePageModal } from "./components/CreatePageModal.js";
 import { DraftSwitchDialog } from "./components/DraftSwitchDialog.js";
 import { PageContentSheet } from "./components/PageContentSheet.js";
@@ -86,9 +86,9 @@ function pageFullQueryFn(queryClient, path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(26);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
@@ -185,9 +185,9 @@ function _temp(state) {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	const previewSource = useSelector(previewStore, _temp3);
@@ -330,9 +330,9 @@ const PageContent = () => {
 };
 const SidebarPublishRow = (t0) => {
 	const $ = c(102);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 102; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const { page } = t0;
 	const previewSource = useSelector(previewStore, _temp4);
@@ -397,6 +397,11 @@ const SidebarPublishRow = (t0) => {
 				{
 					id: "publish-current-page",
 					label: publishLabel,
+					aliases: [
+						"Publish",
+						"Publish page",
+						"Make live"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => canPublish,
 					execute: () => setIsPublishDialogOpen(true)
@@ -404,6 +409,11 @@ const SidebarPublishRow = (t0) => {
 				{
 					id: "unpublish-current-page",
 					label: "Unpublish page",
+					aliases: [
+						"Take offline",
+						"Remove from live",
+						"Hide page"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => hasLiveCheckpoint && !isHomePage && !unpublishPage.isPending,
 					execute: () => setIsUnpublishDialogOpen(true)
@@ -411,6 +421,11 @@ const SidebarPublishRow = (t0) => {
 				{
 					id: "discard-current-page-changes",
 					label: "Discard page changes",
+					aliases: [
+						"Revert page",
+						"Reset page",
+						"Discard draft"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => canDiscardChanges && !discardChanges.isPending,
 					execute: () => setIsDiscardDialogOpen(true)
@@ -808,9 +823,9 @@ const SidebarPublishRow = (t0) => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -861,9 +876,9 @@ function useHydrateDraftCache() {
 function _temp8() {}
 const CamoxPreview = (t0) => {
 	const $ = c(32);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
@@ -881,6 +896,11 @@ const CamoxPreview = (t0) => {
 				{
 					id: "enter-presentation-mode",
 					label: "Hide Camox Studio",
+					aliases: [
+						"Hide studio",
+						"Preview only",
+						"Presentation mode"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && !isPresentationMode,
 					execute: _temp10,
@@ -892,6 +912,11 @@ const CamoxPreview = (t0) => {
 				{
 					id: "exit-presentation-mode",
 					label: "Show Camox Studio",
+					aliases: [
+						"Show studio",
+						"Exit presentation",
+						"Edit mode"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && isPresentationMode,
 					execute: _temp11,
@@ -903,6 +928,11 @@ const CamoxPreview = (t0) => {
 				{
 					id: "preview-live-content",
 					label: "Preview live content",
+					aliases: [
+						"Live",
+						"View live",
+						"Published content"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && previewSource === "draft" && hasLiveCheckpoint,
 					execute: _temp12,
@@ -914,6 +944,11 @@ const CamoxPreview = (t0) => {
 				{
 					id: "preview-draft-content",
 					label: "Preview draft content",
+					aliases: [
+						"Draft",
+						"View draft",
+						"Unpublished content"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => isAuthenticated && previewSource === "live",
 					execute: _temp13,
@@ -925,6 +960,7 @@ const CamoxPreview = (t0) => {
 				{
 					id: "clear-selection",
 					label: "Clear selection",
+					aliases: ["Deselect", "Unselect"],
 					groupLabel: "Preview",
 					checkIfAvailable: _temp14,
 					execute: _temp15,
@@ -1091,9 +1127,9 @@ const CamoxPreview = (t0) => {
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888") {
+	if ($[0] !== "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "212a5b46b813a81fe0fb973535ad10fd83bded2a583cefcde2dca34ea23e1888";
+		$[0] = "1f8b3d930e363e9f026de778e54437825e294d4a0094b6a999e795efbcd37f98";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
@@ -1132,6 +1168,7 @@ function usePreviewPagesActions() {
 				{
 					id: "create-page",
 					label: "Create page",
+					aliases: ["New page", "Add page"],
 					groupLabel: "Preview",
 					checkIfAvailable: _temp17,
 					execute: _temp18
@@ -1139,6 +1176,11 @@ function usePreviewPagesActions() {
 				{
 					id: "edit-current-page",
 					label: "Edit current page",
+					aliases: [
+						"Page settings",
+						"Edit page settings",
+						"Page metadata"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => !!currentPage,
 					execute: () => {
@@ -1152,6 +1194,11 @@ function usePreviewPagesActions() {
 				{
 					id: "go-to-page",
 					label: "Go to page",
+					aliases: [
+						"Open page",
+						"Navigate page",
+						"Switch page"
+					],
 					groupLabel: "Preview",
 					checkIfAvailable: () => !!pages,
 					hasChildren: true,