camox 0.29.0 → 0.31.0

package/dist/features/agent-chat/agent-chat-labels.js

@@ -0,0 +1,200 @@
+//#region src/features/agent-chat/agent-chat-labels.ts
+const TOOL_LABELS = {
+	listPages: "List pages",
+	getPage: "Inspect page",
+	getBlock: "Inspect block",
+	getBlocks: "Inspect blocks",
+	listBlockTypes: "List block types",
+	describeBlockTypes: "Describe block types",
+	listLayouts: "List layouts",
+	createBlock: "Create block",
+	editBlock: "Edit block",
+	moveBlock: "Move block",
+	deleteBlock: "Delete block",
+	createPage: "Create page",
+	updatePage: "Update page",
+	setPageLayout: "Set page layout",
+	setPageMetaTitle: "Set meta title",
+	setPageMetaDescription: "Set meta description",
+	deletePage: "Delete page",
+	publishPage: "Publish page",
+	unpublishPage: "Unpublish page",
+	discardPageChanges: "Discard page changes"
+};
+function getToolLabel(name) {
+	return TOOL_LABELS[name] ?? name;
+}
+function isRecord(value) {
+	return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function getNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function getString(value) {
+	return typeof value === "string" && value.trim().length > 0 ? value : null;
+}
+function getToolCallInput(part) {
+	const input = part.input;
+	if (isRecord(input)) return input;
+	const args = part.arguments;
+	if (isRecord(args)) return args;
+	if (typeof args !== "string") return {};
+	try {
+		const parsed = JSON.parse(args);
+		return isRecord(parsed) ? parsed : {};
+	} catch {
+		return {};
+	}
+}
+function getToolOutput(part) {
+	if (part.type === "tool-call") return part.output;
+	if (part.type !== "tool-result") return void 0;
+	return part.output ?? part.result;
+}
+function rememberPage(value, maps) {
+	if (!isRecord(value)) return;
+	const fullPath = getString(value.fullPath);
+	if (!fullPath) return;
+	const id = getNumber(value.id) ?? void 0;
+	if (id !== void 0) maps.pagesById.set(id, {
+		id,
+		fullPath
+	});
+}
+function rememberBlock(value, maps) {
+	if (!isRecord(value)) return;
+	const id = getNumber(value.id);
+	if (id === null) return;
+	const summary = getString(value.summary);
+	const type = getString(value.type);
+	const typeTitle = type ? maps.blockTypeTitlesByType.get(type) : null;
+	const label = summary ?? typeTitle ?? type;
+	if (label) maps.blockLabelsById.set(id, label);
+}
+function rememberBlockType(value, maps) {
+	if (!isRecord(value)) return;
+	const type = getString(value.type) ?? getString(value.blockId);
+	const title = getString(value.title);
+	if (type && title) maps.blockTypeTitlesByType.set(type, title);
+}
+function rememberToolOutput(part, output, maps) {
+	if (part.name === "listPages" && Array.isArray(output)) {
+		output.forEach((page) => rememberPage(page, maps));
+		return;
+	}
+	if ((part.name === "listBlockTypes" || part.name === "describeBlockTypes") && isRecord(output)) {
+		const blockTypes = output.blockTypes;
+		if (Array.isArray(blockTypes)) blockTypes.forEach((type) => rememberBlockType(type, maps));
+		return;
+	}
+	if (part.name === "getBlocks" && Array.isArray(output)) {
+		output.forEach((item) => {
+			if (isRecord(item)) rememberBlock(item.block, maps);
+		});
+		return;
+	}
+	if (!isRecord(output)) return;
+	rememberPage(output.page, maps);
+	rememberBlock(output.block, maps);
+	rememberBlock(output, maps);
+	const blocks = output.blocks;
+	if (Array.isArray(blocks)) blocks.forEach((block) => rememberBlock(block, maps));
+}
+function getPageFromInput(input, context) {
+	const id = getNumber(input.id);
+	if (id !== null) return context.pagesById.get(id) ?? {
+		id,
+		fullPath: `#${id}`
+	};
+	const path = getString(input.path);
+	return path ? { fullPath: path } : null;
+}
+function formatPageTarget(page, currentPath) {
+	if (!page) return "page";
+	if (page.fullPath === currentPath) return "current page";
+	if (page.fullPath.startsWith("/")) return `${page.fullPath} page`;
+	return `page ${page.fullPath}`;
+}
+function formatBlockTarget(id, context) {
+	if (id === null) return "block";
+	const label = context.blockLabelsById.get(id);
+	return label ? `${label} block` : `block #${id}`;
+}
+function getSourcePrefix(input, runContext) {
+	return input.source === "live" || runContext.source === "live" ? "live " : "";
+}
+function getCreatePageTarget(input) {
+	const pathSegment = getString(input.pathSegment);
+	const nickname = getString(input.nickname);
+	if (pathSegment) return `/${pathSegment} page`;
+	if (nickname) return `${nickname} page`;
+	return "page";
+}
+function getBlockTypeTarget(input, context) {
+	const type = getString(input.type);
+	if (!type) return "block";
+	return `${context.blockTypeTitlesByType.get(type) ?? type} block`;
+}
+function buildAgentChatToolLabelContext(params) {
+	const maps = {
+		pagesById: /* @__PURE__ */ new Map(),
+		blockLabelsById: /* @__PURE__ */ new Map(),
+		blockTypeTitlesByType: /* @__PURE__ */ new Map()
+	};
+	const toolCallsById = /* @__PURE__ */ new Map();
+	for (const message of params.messages) for (const part of message.parts) {
+		if (part.type === "tool-call") {
+			toolCallsById.set(part.id, part);
+			const output = getToolOutput(part);
+			if (output !== void 0) rememberToolOutput(part, output, maps);
+			continue;
+		}
+		if (part.type !== "tool-result") continue;
+		const toolCallId = part.toolCallId;
+		if (typeof toolCallId !== "string") continue;
+		const toolCall = toolCallsById.get(toolCallId);
+		if (!toolCall) continue;
+		const output = getToolOutput(part);
+		if (output !== void 0) rememberToolOutput(toolCall, output, maps);
+	}
+	return {
+		currentPath: params.currentPath,
+		source: params.source,
+		toolCallContextById: params.toolCallContextById ?? /* @__PURE__ */ new Map(),
+		pagesById: maps.pagesById,
+		blockLabelsById: maps.blockLabelsById,
+		blockTypeTitlesByType: maps.blockTypeTitlesByType
+	};
+}
+function getToolCallLabel(part, context) {
+	const input = getToolCallInput(part);
+	const runContext = context.toolCallContextById.get(part.id) ?? {
+		currentPath: context.currentPath,
+		source: context.source
+	};
+	switch (part.name) {
+		case "getPage": return `Inspect ${getSourcePrefix(input, runContext)}${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "getBlock": return `Inspect ${getSourcePrefix(input, runContext)}${formatBlockTarget(getNumber(input.id), context)}`;
+		case "getBlocks": {
+			const ids = Array.isArray(input.ids) ? input.ids : [];
+			return `Inspect ${getSourcePrefix(input, runContext)}${ids.length || "multiple"} blocks`;
+		}
+		case "createBlock": return `Create ${getBlockTypeTarget(input, context)}`;
+		case "editBlock": return `Edit ${formatBlockTarget(getNumber(input.id), context)}`;
+		case "moveBlock": return `Move ${formatBlockTarget(getNumber(input.id), context)}`;
+		case "deleteBlock": return `Delete ${formatBlockTarget(getNumber(input.id), context)}`;
+		case "createPage": return `Create ${getCreatePageTarget(input)}`;
+		case "updatePage": return `Update ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "setPageLayout": return `Set layout for ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "setPageMetaTitle": return `Set meta title for ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "setPageMetaDescription": return `Set meta description for ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "deletePage": return `Delete ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "publishPage": return `Publish ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "unpublishPage": return `Unpublish ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		case "discardPageChanges": return `Discard changes to ${formatPageTarget(getPageFromInput(input, context), runContext.currentPath)}`;
+		default: return getToolLabel(part.name);
+	}
+}
+
+//#endregion
+export { buildAgentChatToolLabelContext, getToolCallLabel };

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

@@ -0,0 +1,207 @@
+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 };