camox 0.54.0 → 0.57.0

package/dist/features/studio/components/ReviewDraftSheet.js

@@ -965,7 +965,7 @@ function _temp7(error) {
 }
 /**
 * Switches the studio to Live once its draft ended here, replacing the draft's URL entry. A
-* development draft never ends: publishing or discarding empties it, and dev mode stays in it.
+* development draft never ends: publishing or deleting empties it, and dev mode stays in it.
 */
 function useLeaveDraft() {
 	const $ = c(2);
@@ -1077,7 +1077,7 @@ function DraftNameInput(t0) {
 	return t7;
 }
 /**
-* Reviews a draft before publishing it whole, or discards it (ADR 0009). Publishing sends back
+* Reviews a draft before publishing it whole, or deletes it (ADR 0009). Publishing sends back
 * the token of the preview shown; when Live changed since, nothing is published and the new
 * preview is shown. Once the draft ends, the studio switches to Live.
 */
@@ -1085,7 +1085,7 @@ function ReviewDraftSheet(t0) {
 	const $ = c(101);
 	const { projectId, draftId, open, startRenaming: t1, onOpenChange } = t0;
 	const startRenaming = t1 === void 0 ? false : t1;
-	const [confirmingDiscard, setConfirmingDiscard] = React.useState(false);
+	const [confirmingDelete, setConfirmingDelete] = React.useState(false);
 	let t2;
 	if ($[0] !== draftId || $[1] !== projectId) {
 		t2 = reads.publishPreview({
@@ -1391,7 +1391,7 @@ function ReviewDraftSheet(t0) {
 	let t23;
 	let t24;
 	if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = () => setConfirmingDiscard(true);
+		t23 = () => setConfirmingDelete(true);
 		t24 = /* @__PURE__ */ jsx(Trash2, {});
 		$[61] = t23;
 		$[62] = t24;
@@ -1406,7 +1406,7 @@ function ReviewDraftSheet(t0) {
 			className: "text-destructive",
 			disabled: busy,
 			onClick: t23,
-			children: [t24, "Discard draft"]
+			children: [t24, "Delete draft"]
 		});
 		$[63] = busy;
 		$[64] = t25;
@@ -1506,14 +1506,14 @@ function ReviewDraftSheet(t0) {
 		$[93] = t34;
 	} else t34 = $[93];
 	let t35;
-	if ($[94] !== confirmingDiscard || $[95] !== leave || $[96] !== projectId) {
-		t35 = /* @__PURE__ */ jsx(DiscardDraftDialog, {
+	if ($[94] !== confirmingDelete || $[95] !== leave || $[96] !== projectId) {
+		t35 = /* @__PURE__ */ jsx(DeleteDraftDialog, {
 			projectId,
-			open: confirmingDiscard,
-			onOpenChange: setConfirmingDiscard,
-			onDiscarded: leave
+			open: confirmingDelete,
+			onOpenChange: setConfirmingDelete,
+			onDeleted: leave
 		});
-		$[94] = confirmingDiscard;
+		$[94] = confirmingDelete;
 		$[95] = leave;
 		$[96] = projectId;
 		$[97] = t35;
@@ -1527,78 +1527,78 @@ function ReviewDraftSheet(t0) {
 	} else t36 = $[100];
 	return t36;
 }
-/** Asks before discarding the draft the studio is in, then discards it. */
-function DiscardDraftDialog(t0) {
+/** Asks before deleting the draft the studio is in, then deletes it. */
+function DeleteDraftDialog(t0) {
 	const $ = c(26);
-	const { projectId, open, onOpenChange, onDiscarded } = t0;
+	const { projectId, open, onOpenChange, onDeleted } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = draftMutations.discard();
+		t1 = draftMutations.delete();
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
-	if ($[1] !== onDiscarded || $[2] !== onOpenChange) {
+	if ($[1] !== onDeleted || $[2] !== onOpenChange) {
 		t2 = {
 			...t1,
 			onSuccess: (t3) => {
 				const { ended } = t3;
 				onOpenChange(false);
-				onDiscarded(ended);
+				onDeleted(ended);
 			},
 			onError: _temp10
 		};
-		$[1] = onDiscarded;
+		$[1] = onDeleted;
 		$[2] = onOpenChange;
 		$[3] = t2;
 	} else t2 = $[3];
-	const discard = useMutation(t2);
+	const deleteDraft = useMutation(t2);
 	let t3;
-	if ($[4] !== discard.isPending || $[5] !== onOpenChange) {
+	if ($[4] !== deleteDraft.isPending || $[5] !== onOpenChange) {
 		t3 = (next) => {
-			if (!discard.isPending) onOpenChange(next);
+			if (!deleteDraft.isPending) onOpenChange(next);
 		};
-		$[4] = discard.isPending;
+		$[4] = deleteDraft.isPending;
 		$[5] = onOpenChange;
 		$[6] = t3;
 	} else t3 = $[6];
 	let t4;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Discard this draft?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Every change in this draft is deleted for everyone. Live stays as it is. This can't be undone." })] });
+		t4 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete this draft?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Every change in this draft is deleted for everyone. Live stays as it is. This can't be undone." })] });
 		$[7] = t4;
 	} else t4 = $[7];
 	let t5;
-	if ($[8] !== discard.isPending) {
+	if ($[8] !== deleteDraft.isPending) {
 		t5 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
-			disabled: discard.isPending,
+			disabled: deleteDraft.isPending,
 			children: "Cancel"
 		});
-		$[8] = discard.isPending;
+		$[8] = deleteDraft.isPending;
 		$[9] = t5;
 	} else t5 = $[9];
 	let t6;
-	if ($[10] !== discard || $[11] !== projectId) {
-		t6 = () => discard.mutate({ projectId });
-		$[10] = discard;
+	if ($[10] !== deleteDraft || $[11] !== projectId) {
+		t6 = () => deleteDraft.mutate({ projectId });
+		$[10] = deleteDraft;
 		$[11] = projectId;
 		$[12] = t6;
 	} else t6 = $[12];
 	let t7;
-	if ($[13] !== discard.isPending) {
-		t7 = discard.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[13] = discard.isPending;
+	if ($[13] !== deleteDraft.isPending) {
+		t7 = deleteDraft.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[13] = deleteDraft.isPending;
 		$[14] = t7;
 	} else t7 = $[14];
 	let t8;
-	if ($[15] !== discard.isPending || $[16] !== t6 || $[17] !== t7) {
+	if ($[15] !== deleteDraft.isPending || $[16] !== t6 || $[17] !== t7) {
 		t8 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
-			disabled: discard.isPending,
+			disabled: deleteDraft.isPending,
 			onClick: t6,
-			children: [t7, "Discard draft"]
+			children: [t7, "Delete draft"]
 		});
-		$[15] = discard.isPending;
+		$[15] = deleteDraft.isPending;
 		$[16] = t6;
 		$[17] = t7;
 		$[18] = t8;
@@ -1625,8 +1625,8 @@ function DiscardDraftDialog(t0) {
 	return t10;
 }
 function _temp10(error) {
-	return toast.error(error.message || "Could not discard the draft");
+	return toast.error(error.message || "Could not delete the draft");
 }
 
 //#endregion
-export { DiscardDraftDialog, ReviewDraftSheet, useLeaveDraft };
+export { DeleteDraftDialog, ReviewDraftSheet, useLeaveDraft };

package/dist/features/studio/components/Squareling.js

@@ -4,13 +4,20 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/components/Squareling.tsx
 /**
-* Camox's agent, drawn from the logo's shapes: its square, the soft corner, and the knockout as
-* eyes, looking right like the mark. Its face and motion say what the agent is doing. The
-* animations live in `studio.css`.
+* A squareling, drawn from the logo's shapes, with the knockout as eyes, looking right like the
+* mark. Its face and motion say what it is doing. The animations live in `studio.css`.
+*
+* The agent's (the default) is the logo's square with its soft corner, in emerald. Each patroller
+* has its own, one family: the Translator is the logo's wide wedge, in violet, glancing across
+* while it works; the SEO manager is a tall block with the small shape's soft corner, in amber,
+* scanning down while it works.
 */
-function Squareling(t0) {
-	const $ = c(17);
-	const { status, className } = t0;
+function Squareling(props) {
+	const $ = c(18);
+	const { status, className, ref } = props;
+	const variant = props.variant ?? "agent";
+	const look = LOOKS[variant];
+	const t0 = variant === "agent" ? void 0 : variant;
 	let t1;
 	if ($[0] !== className) {
 		t1 = cn("squareling shrink-0 overflow-visible", className);
@@ -18,96 +25,176 @@ function Squareling(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[2] !== look.body || $[3] !== look.fill) {
 		t2 = /* @__PURE__ */ jsx("path", {
-			d: "M20 12H80Q88 12 88 20V64Q88 88 64 88H20Q12 88 12 80V20Q12 12 20 12Z",
-			className: "fill-emerald-500"
+			d: look.body,
+			className: look.fill
 		});
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = look.body;
+		$[3] = look.fill;
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[3] !== status) {
-		t3 = (status === "idle" || status === "thinking") && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			className: "squareling-eye",
-			x: "50",
-			y: "36",
-			width: "11",
-			height: "17"
-		}), /* @__PURE__ */ jsx("rect", {
-			className: "squareling-eye",
-			x: "69",
-			y: "36",
-			width: "11",
-			height: "17"
-		})] });
-		$[3] = status;
-		$[4] = t3;
-	} else t3 = $[4];
+	if ($[5] !== look.eyes || $[6] !== props.status || $[7] !== props.variant) {
+		t3 = /* @__PURE__ */ jsx("g", {
+			className: "squareling-eyes fill-neutral-950",
+			children: props.variant === void 0 || props.variant === "agent" ? /* @__PURE__ */ jsx(AgentEyes, {
+				eyes: look.eyes,
+				status: props.status
+			}) : /* @__PURE__ */ jsx(PatrollerEyes, {
+				eyes: look.eyes,
+				working: props.status === "working"
+			})
+		});
+		$[5] = look.eyes;
+		$[6] = props.status;
+		$[7] = props.variant;
+		$[8] = t3;
+	} else t3 = $[8];
 	let t4;
-	if ($[5] !== status) {
-		t4 = status === "acting" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			x: "50",
-			y: "44",
-			width: "11",
-			height: "6"
-		}), /* @__PURE__ */ jsx("rect", {
-			x: "69",
-			y: "44",
-			width: "11",
-			height: "6"
-		})] });
-		$[5] = status;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== status) {
-		t5 = status === "fixing" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			x: "50",
-			y: "36",
-			width: "11",
-			height: "17"
-		}), /* @__PURE__ */ jsx("rect", {
-			x: "69",
-			y: "44",
-			width: "11",
-			height: "6"
-		})] });
-		$[7] = status;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("g", {
+	if ($[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("g", {
 			className: "squareling-body",
-			children: [t2, /* @__PURE__ */ jsxs("g", {
-				className: "squareling-eyes fill-neutral-950",
-				children: [
-					t3,
-					t4,
-					t5
-				]
-			})]
+			children: [t2, t3]
 		});
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== status || $[14] !== t1 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsx("svg", {
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== ref || $[13] !== status || $[14] !== t0 || $[15] !== t1 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx("svg", {
+			ref,
 			viewBox: "0 0 100 100",
 			"aria-hidden": true,
 			"data-squareling": status,
+			"data-squareling-variant": t0,
 			className: t1,
-			children: t6
+			children: t4
 		});
+		$[12] = ref;
 		$[13] = status;
-		$[14] = t1;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
+		$[14] = t0;
+		$[15] = t1;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	return t5;
+}
+const LOOKS = {
+	agent: {
+		body: "M20 12H80Q88 12 88 20V64Q88 88 64 88H20Q12 88 12 80V20Q12 12 20 12Z",
+		fill: "fill-emerald-500",
+		eyes: {
+			x: [50, 69],
+			y: 36
+		}
+	},
+	translator: {
+		body: "M14 14H86Q92 14 89.6 19.5L67.3 69.6Q60 86 42 86H14Q8 86 8 80V20Q8 14 14 14Z",
+		fill: "fill-violet-500",
+		eyes: {
+			x: [40, 59],
+			y: 28
+		}
+	},
+	seoManager: {
+		body: "M20 32Q20 8 44 8H74Q80 8 80 14V86Q80 92 74 92H26Q20 92 20 86Z",
+		fill: "fill-amber-500",
+		eyes: {
+			x: [44, 63],
+			y: 28
+		}
+	}
+};
+const EYE_WIDTH = 11;
+const OPEN = 17;
+const NARROWED = 6;
+/** How far down a narrowed eye sits, from the top of the open one. */
+const NARROWED_OFFSET = 8;
+/**
+* One eye, its left edge at `x` and its top at `y` while open: open, or narrowed on the work.
+* Only an eye that blinks carries the class `studio.css` blinks.
+*/
+function Eye(t0) {
+	const $ = c(5);
+	const { x, y, narrowed, blinks } = t0;
+	const t1 = blinks ? "squareling-eye" : void 0;
+	const t2 = narrowed ? y + NARROWED_OFFSET : y;
+	const t3 = narrowed ? NARROWED : OPEN;
+	let t4;
+	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3 || $[3] !== x) {
+		t4 = /* @__PURE__ */ jsx("rect", {
+			className: t1,
+			x,
+			y: t2,
+			width: EYE_WIDTH,
+			height: t3
+		});
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = x;
+		$[4] = t4;
+	} else t4 = $[4];
+	return t4;
+}
+/**
+* The agent's eyes: open, blinking, while idle or thinking; both narrowed while acting; the
+* right one narrowed while fixing.
+*/
+function AgentEyes(t0) {
+	const $ = c(13);
+	const { eyes, status } = t0;
+	const [left, right] = eyes.x;
+	const blinks = status === "idle" || status === "thinking";
+	const t1 = status === "acting";
+	let t2;
+	if ($[0] !== blinks || $[1] !== eyes.y || $[2] !== left || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Eye, {
+			x: left,
+			y: eyes.y,
+			narrowed: t1,
+			blinks
+		});
+		$[0] = blinks;
+		$[1] = eyes.y;
+		$[2] = left;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = status === "acting" || status === "fixing";
+	let t4;
+	if ($[5] !== blinks || $[6] !== eyes.y || $[7] !== right || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Eye, {
+			x: right,
+			y: eyes.y,
+			narrowed: t3,
+			blinks
+		});
+		$[5] = blinks;
+		$[6] = eyes.y;
+		$[7] = right;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t2 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t4] });
+		$[10] = t2;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+}
+/** A patroller's eyes: open while idle, narrowed on the work while working. */
+function PatrollerEyes({ eyes, working }) {
+	return eyes.x.map((x) => /* @__PURE__ */ jsx(Eye, {
+		x,
+		y: eyes.y,
+		narrowed: working,
+		blinks: true
+	}, x));
 }
 
 //#endregion