camox 0.76.1 → 0.78.0

package/dist/features/memory/CamoxMemory.js

@@ -0,0 +1,747 @@
+import { useNavigate } from "../navigation/navigation.js";
+import { useProjectUuid } from "../../lib/auth.js";
+import { reads, useReadQuery, useStudioCache } from "../../lib/studio-reads.js";
+import { memoryMutations } from "../../lib/queries.js";
+import { previewStore } from "../preview/previewStore.js";
+import { studioStore } from "../studio/studioStore.js";
+import { timeAgo } from "../studio/draftLabel.js";
+import { useWebsiteHref } from "../studio/components/Navbar.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Textarea } from "@camox/ui/textarea";
+import { ChevronRight, MessagesSquare, Pencil, Trash2 } from "lucide-react";
+import { ButtonGroup } from "@camox/ui/button-group";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { Skeleton } from "@camox/ui/skeleton";
+import { Spinner } from "@camox/ui/spinner";
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "@camox/ui/accordion";
+
+//#region src/features/memory/CamoxMemory.tsx
+/**
+* The Memory Section (GLOSSARY): the memory of Live or of the draft being viewed, where members
+* add, correct and delete memories. Like content, a first edit while viewing Live starts a draft.
+*/
+const CamoxMemory = () => {
+	const $ = c(5);
+	const projectUuid = useProjectUuid();
+	let t0;
+	if ($[0] !== projectUuid) {
+		t0 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useReadQuery(t0);
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("header", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-xl font-semibold",
+				children: "Memory"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "What Camox's agent knows about the business beyond what the website shows. Every model that writes for visitors follows it."
+			})]
+		});
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== project) {
+		t2 = /* @__PURE__ */ jsxs("div", {
+			"data-memory-section": true,
+			className: "mx-auto flex w-full max-w-3xl flex-col gap-6 p-6 md:p-10",
+			children: [t1, project ? /* @__PURE__ */ jsx(ProjectMemory, { projectId: project.id }) : /* @__PURE__ */ jsx(Loading, {})]
+		});
+		$[3] = project;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const Loading = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			role: "status",
+			"aria-label": "Loading memory",
+			className: "flex flex-col gap-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-16" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-16" })]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const words = (count) => `${count.toLocaleString("en")} word${count === 1 ? "" : "s"}`;
+function ProjectMemory(t0) {
+	const $ = c(19);
+	const { projectId } = t0;
+	let t1;
+	if ($[0] !== projectId) {
+		t1 = reads.memories({ projectId });
+		$[0] = projectId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data } = useReadQuery(t1);
+	if (!data) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(Loading, {});
+			$[2] = t2;
+		} else t2 = $[2];
+		return t2;
+	}
+	const room = Math.max(data.limitWords - data.usedWords, 0);
+	let t2;
+	if ($[3] !== projectId) {
+		t2 = /* @__PURE__ */ jsx(AddMemory, { projectId });
+		$[3] = projectId;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== room) {
+		t3 = words(room);
+		$[5] = room;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== data.limitWords) {
+		t4 = data.limitWords.toLocaleString("en");
+		$[7] = data.limitWords;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("p", {
+			"data-memory-room": true,
+			className: "text-muted-foreground text-xs",
+			children: [
+				t3,
+				" left of ",
+				t4
+			]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== data.memories || $[13] !== projectId) {
+		t6 = data.memories.length === 0 ? /* @__PURE__ */ jsx("p", {
+			"data-memory-empty": true,
+			className: "text-muted-foreground py-6 text-sm",
+			children: "Camox's agent remembers what members teach it that holds beyond one request and that the website can't show, such as how the business talks, what sets it apart, or rules like \"never use usted\". What it remembers in a draft applies there at once, and reaches the live website when the draft is published. Nothing yet: it learns as you work with it, or add a memory yourself."
+		}) : /* @__PURE__ */ jsx(Accordion, {
+			multiple: true,
+			className: "divide-y overflow-hidden rounded-lg border",
+			children: data.memories.map((memory) => /* @__PURE__ */ jsx(MemoryRow, {
+				projectId,
+				memory
+			}, memory.id))
+		});
+		$[12] = data.memories;
+		$[13] = projectId;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t2 || $[16] !== t5 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t2,
+			t5,
+			t6
+		] });
+		$[15] = t2;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
+}
+/** Refreshes the memory a write changed. On Live, the write started a draft, which it reads. */
+function useRefreshMemory(projectId) {
+	const $ = c(3);
+	const cache = useStudioCache();
+	let t0;
+	if ($[0] !== cache || $[1] !== projectId) {
+		t0 = () => void cache.invalidate(reads.memories({ projectId }));
+		$[0] = cache;
+		$[1] = projectId;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+function AddMemory(t0) {
+	const $ = c(29);
+	const { projectId } = t0;
+	const [text, setText] = React.useState("");
+	const refresh = useRefreshMemory(projectId);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = memoryMutations.add();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== refresh) {
+		t2 = {
+			...t1,
+			onSuccess: () => {
+				setText("");
+				refresh();
+			}
+		};
+		$[1] = refresh;
+		$[2] = t2;
+	} else t2 = $[2];
+	const add = useMutation(t2);
+	let t3;
+	if ($[3] !== text) {
+		t3 = text.trim();
+		$[3] = text;
+		$[4] = t3;
+	} else t3 = $[4];
+	const trimmed = t3;
+	let t4;
+	if ($[5] !== add || $[6] !== projectId || $[7] !== trimmed) {
+		t4 = (event) => {
+			event.preventDefault();
+			if (trimmed) add.mutate({
+				projectId,
+				text: trimmed
+			});
+		};
+		$[5] = add;
+		$[6] = projectId;
+		$[7] = trimmed;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx("label", {
+			htmlFor: "camox-new-memory",
+			className: "sr-only",
+			children: "A new memory"
+		});
+		$[9] = t5;
+	} else t5 = $[9];
+	const t6 = add.error ? true : void 0;
+	let t7;
+	if ($[10] !== add) {
+		t7 = (event_0) => {
+			setText(event_0.target.value);
+			add.reset();
+		};
+		$[10] = add;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== add.isPending || $[13] !== t6 || $[14] !== t7 || $[15] !== text) {
+		t8 = /* @__PURE__ */ jsx(Textarea, {
+			id: "camox-new-memory",
+			placeholder: "Something Camox's agent should always know, such as a rule or how the business talks",
+			value: text,
+			"aria-invalid": t6,
+			disabled: add.isPending,
+			onChange: t7
+		});
+		$[12] = add.isPending;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = text;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== add.error) {
+		t9 = add.error && /* @__PURE__ */ jsx("p", {
+			"data-memory-error": true,
+			className: "text-destructive text-xs",
+			children: add.error.message
+		});
+		$[17] = add.error;
+		$[18] = t9;
+	} else t9 = $[18];
+	const t10 = !trimmed || add.isPending;
+	let t11;
+	if ($[19] !== add.isPending) {
+		t11 = add.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[19] = add.isPending;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t10 || $[22] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			className: "self-start",
+			disabled: t10,
+			children: [t11, "Remember"]
+		});
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== t12 || $[25] !== t4 || $[26] !== t8 || $[27] !== t9) {
+		t13 = /* @__PURE__ */ jsxs("form", {
+			className: "flex flex-col gap-2",
+			onSubmit: t4,
+			children: [
+				t5,
+				t8,
+				t9,
+				t12
+			]
+		});
+		$[24] = t12;
+		$[25] = t4;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t13;
+	} else t13 = $[28];
+	return t13;
+}
+/**
+* Opens the thread a memory's quote was said in: its draft's, beside the Canvas, or its
+* Publication's once the draft was published (ADR 0045).
+*/
+function SourceThread(t0) {
+	const $ = c(9);
+	const { source } = t0;
+	const navigate = useNavigate();
+	const websiteHref = useWebsiteHref();
+	let t1;
+	if ($[0] !== navigate || $[1] !== source.draftId || $[2] !== source.published || $[3] !== websiteHref) {
+		t1 = () => {
+			if (source.published) {
+				studioStore.send({
+					type: "openDraftsSheet",
+					publicationId: source.draftId
+				});
+				return;
+			}
+			previewStore.send({ type: "showCanvas" });
+			navigate({
+				to: websiteHref(),
+				draft: source.draftId
+			});
+		};
+		$[0] = navigate;
+		$[1] = source.draftId;
+		$[2] = source.published;
+		$[3] = websiteHref;
+		$[4] = t1;
+	} else t1 = $[4];
+	const open = t1;
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(MessagesSquare, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = source.published ? "See the published draft's thread" : "See the draft's thread";
+	let t4;
+	if ($[6] !== open || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Button, {
+			variant: "link",
+			size: "sm",
+			className: "h-auto px-0 text-xs",
+			onClick: open,
+			children: [t2, t3]
+		});
+		$[6] = open;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+/**
+* One memory: its text, which opens to show where it came from (the quote and its thread, who
+* taught it and when) and to edit or delete it.
+*/
+function MemoryRow(t0) {
+	const $ = c(42);
+	const { projectId, memory } = t0;
+	const [editing, setEditing] = React.useState(false);
+	const refresh = useRefreshMemory(projectId);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = memoryMutations.delete();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== refresh) {
+		t2 = {
+			...t1,
+			onSuccess: refresh
+		};
+		$[1] = refresh;
+		$[2] = t2;
+	} else t2 = $[2];
+	const remove = useMutation(t2);
+	const t3 = memory.id;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground mt-0.5 size-4 shrink-0 transition-transform duration-200 ease-out group-data-open/memory:rotate-90 motion-reduce:transition-none" });
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== memory.text) {
+		t5 = /* @__PURE__ */ jsx(AccordionHeader, { children: /* @__PURE__ */ jsxs(AccordionTrigger, {
+			className: "hover:bg-muted/40 focus-visible:ring-ring/50 flex w-full items-start gap-2 px-4 py-3 text-left text-sm transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-inset",
+			children: [t4, /* @__PURE__ */ jsx("span", {
+				"data-memory-text": true,
+				className: "flex-1",
+				children: memory.text
+			})]
+		}) });
+		$[4] = memory.text;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== memory.source) {
+		t6 = memory.source.kind === "thread" && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-start gap-1",
+			children: [/* @__PURE__ */ jsxs("blockquote", {
+				className: "text-muted-foreground border-l-2 pl-3 text-xs italic",
+				children: [
+					"“",
+					memory.source.quote,
+					"”"
+				]
+			}), /* @__PURE__ */ jsx(SourceThread, { source: memory.source })]
+		});
+		$[6] = memory.source;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = memory.source.kind === "studio" && "Written in the studio · ";
+	const t8 = memory.author.name;
+	let t9;
+	if ($[8] !== memory.createdAt) {
+		t9 = timeAgo(memory.createdAt);
+		$[8] = memory.createdAt;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== memory.author.name || $[11] !== t7 || $[12] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-xs",
+			children: [
+				t7,
+				t8,
+				" · ",
+				t9
+			]
+		});
+		$[10] = memory.author.name;
+		$[11] = t7;
+		$[12] = t9;
+		$[13] = t10;
+	} else t10 = $[13];
+	let t11;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			"aria-label": "Edit memory",
+			onClick: () => setEditing(true),
+			children: [/* @__PURE__ */ jsx(Pencil, { className: "text-muted-foreground" }), "Edit"]
+		});
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== memory.id || $[16] !== projectId || $[17] !== remove) {
+		t12 = () => remove.mutate({
+			projectId,
+			id: memory.id
+		});
+		$[15] = memory.id;
+		$[16] = projectId;
+		$[17] = remove;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== remove.isPending) {
+		t13 = remove.isPending ? /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" }) : /* @__PURE__ */ jsx(Trash2, { className: "text-muted-foreground" });
+		$[19] = remove.isPending;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== remove.isPending || $[22] !== t12 || $[23] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(ButtonGroup, { children: [t11, /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			"aria-label": "Delete memory",
+			disabled: remove.isPending,
+			onClick: t12,
+			children: [t13, "Delete"]
+		})] });
+		$[21] = remove.isPending;
+		$[22] = t12;
+		$[23] = t13;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== remove.error) {
+		t15 = remove.error && /* @__PURE__ */ jsx("p", {
+			"data-memory-error": true,
+			className: "text-destructive text-xs",
+			children: remove.error.message
+		});
+		$[25] = remove.error;
+		$[26] = t15;
+	} else t15 = $[26];
+	let t16;
+	if ($[27] !== t10 || $[28] !== t14 || $[29] !== t15 || $[30] !== t6) {
+		t16 = /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", {
+			"data-memory-details": true,
+			className: "flex flex-col items-start gap-3 pr-4 pb-3 pl-10",
+			children: [
+				t6,
+				t10,
+				t14,
+				t15
+			]
+		}) });
+		$[27] = t10;
+		$[28] = t14;
+		$[29] = t15;
+		$[30] = t6;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = () => setEditing(false);
+		$[32] = t17;
+	} else t17 = $[32];
+	let t18;
+	if ($[33] !== editing || $[34] !== memory || $[35] !== projectId) {
+		t18 = /* @__PURE__ */ jsx(EditMemoryDialog, {
+			projectId,
+			memory,
+			open: editing,
+			onClose: t17
+		});
+		$[33] = editing;
+		$[34] = memory;
+		$[35] = projectId;
+		$[36] = t18;
+	} else t18 = $[36];
+	let t19;
+	if ($[37] !== memory.id || $[38] !== t16 || $[39] !== t18 || $[40] !== t5) {
+		t19 = /* @__PURE__ */ jsxs(AccordionItem, {
+			value: t3,
+			"data-memory": true,
+			className: "group/memory",
+			children: [
+				t5,
+				t16,
+				t18
+			]
+		});
+		$[37] = memory.id;
+		$[38] = t16;
+		$[39] = t18;
+		$[40] = t5;
+		$[41] = t19;
+	} else t19 = $[41];
+	return t19;
+}
+/** Edits a memory's text in a dialog, so the list keeps its layout. */
+function EditMemoryDialog(t0) {
+	const $ = c(48);
+	const { projectId, memory, open, onClose } = t0;
+	const [text, setText] = React.useState(memory.text);
+	const field = React.useRef(null);
+	const refresh = useRefreshMemory(projectId);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = memoryMutations.change();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== onClose || $[2] !== refresh) {
+		t2 = {
+			...t1,
+			onSuccess: () => {
+				onClose();
+				refresh();
+			}
+		};
+		$[1] = onClose;
+		$[2] = refresh;
+		$[3] = t2;
+	} else t2 = $[3];
+	const change = useMutation(t2);
+	let t3;
+	if ($[4] !== text) {
+		t3 = text.trim();
+		$[4] = text;
+		$[5] = t3;
+	} else t3 = $[5];
+	const trimmed = t3;
+	const [wasOpen, setWasOpen] = React.useState(open);
+	if (open !== wasOpen) {
+		setWasOpen(open);
+		if (open) setText(memory.text);
+	}
+	let t4;
+	if ($[6] !== change || $[7] !== onClose) {
+		t4 = () => {
+			change.reset();
+			onClose();
+		};
+		$[6] = change;
+		$[7] = onClose;
+		$[8] = t4;
+	} else t4 = $[8];
+	const close = t4;
+	let t5;
+	if ($[9] !== change.isPending || $[10] !== close) {
+		t5 = (next) => {
+			if (!next && !change.isPending) close();
+		};
+		$[9] = change.isPending;
+		$[10] = close;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
+			field.current?.select();
+			return field.current;
+		};
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== change || $[14] !== memory.id || $[15] !== projectId || $[16] !== trimmed) {
+		t7 = (event) => {
+			event.preventDefault();
+			if (trimmed) change.mutate({
+				projectId,
+				id: memory.id,
+				text: trimmed
+			});
+		};
+		$[13] = change;
+		$[14] = memory.id;
+		$[15] = projectId;
+		$[16] = trimmed;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Edit memory" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The change is made in a draft, and reaches the live website when the draft is published." })] });
+		$[18] = t8;
+	} else t8 = $[18];
+	const t9 = change.error ? true : void 0;
+	let t10;
+	if ($[19] !== change) {
+		t10 = (event_0) => {
+			setText(event_0.target.value);
+			change.reset();
+		};
+		$[19] = change;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== change.isPending || $[22] !== t10 || $[23] !== t9 || $[24] !== text) {
+		t11 = /* @__PURE__ */ jsx(Textarea, {
+			ref: field,
+			"aria-label": "Memory",
+			value: text,
+			"aria-invalid": t9,
+			disabled: change.isPending,
+			onChange: t10
+		});
+		$[21] = change.isPending;
+		$[22] = t10;
+		$[23] = t9;
+		$[24] = text;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== change.error) {
+		t12 = change.error && /* @__PURE__ */ jsx("p", {
+			"data-memory-error": true,
+			className: "text-destructive text-xs",
+			children: change.error.message
+		});
+		$[26] = change.error;
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== change.isPending || $[29] !== close) {
+		t13 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			disabled: change.isPending,
+			onClick: close,
+			children: "Cancel"
+		});
+		$[28] = change.isPending;
+		$[29] = close;
+		$[30] = t13;
+	} else t13 = $[30];
+	const t14 = !trimmed || change.isPending;
+	let t15;
+	if ($[31] !== change.isPending) {
+		t15 = change.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[31] = change.isPending;
+		$[32] = t15;
+	} else t15 = $[32];
+	let t16;
+	if ($[33] !== t14 || $[34] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: t14,
+			children: [t15, "Save"]
+		});
+		$[33] = t14;
+		$[34] = t15;
+		$[35] = t16;
+	} else t16 = $[35];
+	let t17;
+	if ($[36] !== t13 || $[37] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t13, t16] });
+		$[36] = t13;
+		$[37] = t16;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== t11 || $[40] !== t12 || $[41] !== t17 || $[42] !== t7) {
+		t18 = /* @__PURE__ */ jsx(DialogContent, {
+			className: "sm:max-w-lg",
+			initialFocus: t6,
+			children: /* @__PURE__ */ jsxs("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: t7,
+				children: [
+					t8,
+					t11,
+					t12,
+					t17
+				]
+			})
+		});
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t17;
+		$[42] = t7;
+		$[43] = t18;
+	} else t18 = $[43];
+	let t19;
+	if ($[44] !== open || $[45] !== t18 || $[46] !== t5) {
+		t19 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange: t5,
+			children: t18
+		});
+		$[44] = open;
+		$[45] = t18;
+		$[46] = t5;
+		$[47] = t19;
+	} else t19 = $[47];
+	return t19;
+}
+
+//#endregion
+export { CamoxMemory };