camox 0.78.0 → 0.79.0

package/dist/features/memory/CamoxMemory.js

@@ -6,6 +6,7 @@ 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 { VoiceGroup } from "./VoiceGroup.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -76,7 +77,7 @@ const Loading = () => {
 };
 const words = (count) => `${count.toLocaleString("en")} word${count === 1 ? "" : "s"}`;
 function ProjectMemory(t0) {
-	const $ = c(19);
+	const $ = c(21);
 	const { projectId } = t0;
 	let t1;
 	if ($[0] !== projectId) {
@@ -95,41 +96,47 @@ function ProjectMemory(t0) {
 	}
 	const room = Math.max(data.limitWords - data.usedWords, 0);
 	let t2;
+	let t3;
 	if ($[3] !== projectId) {
-		t2 = /* @__PURE__ */ jsx(AddMemory, { projectId });
+		t2 = /* @__PURE__ */ jsx(VoiceGroup, { projectId });
+		t3 = /* @__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];
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
 	let t4;
-	if ($[7] !== data.limitWords) {
-		t4 = data.limitWords.toLocaleString("en");
-		$[7] = data.limitWords;
-		$[8] = t4;
-	} else t4 = $[8];
+	if ($[6] !== room) {
+		t4 = words(room);
+		$[6] = room;
+		$[7] = t4;
+	} else t4 = $[7];
 	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("p", {
+	if ($[8] !== data.limitWords) {
+		t5 = data.limitWords.toLocaleString("en");
+		$[8] = data.limitWords;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("p", {
 			"data-memory-room": true,
 			className: "text-muted-foreground text-xs",
 			children: [
-				t3,
+				t4,
 				" left of ",
-				t4
+				t5
 			]
 		});
-		$[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", {
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== data.memories || $[14] !== projectId) {
+		t7 = 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."
@@ -141,23 +148,25 @@ function ProjectMemory(t0) {
 				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: [
+		$[13] = data.memories;
+		$[14] = projectId;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t2 || $[17] !== t3 || $[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t2,
-			t5,
-			t6
+			t3,
+			t6,
+			t7
 		] });
-		$[15] = t2;
-		$[16] = t5;
-		$[17] = t6;
-		$[18] = t7;
-	} else t7 = $[18];
-	return t7;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
 }
 /** Refreshes the memory a write changed. On Live, the write started a draft, which it reads. */
 function useRefreshMemory(projectId) {

package/dist/features/memory/VoiceGroup.js

@@ -0,0 +1,350 @@
+import { useDraftScope } from "../../lib/draft-scope.js";
+import { useNavigate } from "../navigation/navigation.js";
+import { reads, useReadQuery, useStudioCache } from "../../lib/studio-reads.js";
+import { memoryMutations } from "../../lib/queries.js";
+import { previewStore } from "../preview/previewStore.js";
+import { useWebsiteHref } from "../studio/components/Navbar.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Skeleton } from "@camox/ui/skeleton";
+import { Spinner } from "@camox/ui/spinner";
+import { VOICE_AXES } from "@camox/api-contract/voice";
+import { Slider } from "@camox/ui/slider";
+
+//#region src/features/memory/VoiceGroup.tsx
+/**
+* The Voice group, at the top of the Memory Section (ADR 0051): a slider per Voice Axis, showing
+* its chosen step and that step's definition, as models read it. Moving sliders saves nothing:
+* Save shows while they differ from the saved Voice, and saves every moved axis as one change.
+* Like any memory edit, saving while viewing Live starts a draft. "Save and rewrite", beside it,
+* also asks Camox's agent, as the member, to rewrite the site's copy in the new Voice, and shows
+* the draft with its thread beside the Canvas, where the rewrite happens.
+*/
+function VoiceGroup(t0) {
+	const $ = c(31);
+	const { projectId } = t0;
+	let t1;
+	if ($[0] !== projectId) {
+		t1 = reads.voice({ projectId });
+		$[0] = projectId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data: saved } = useReadQuery(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[2] = t2;
+	} else t2 = $[2];
+	const [moved, setMoved] = React.useState(t2);
+	const cache = useStudioCache();
+	const draftScope = useDraftScope();
+	const navigate = useNavigate();
+	const websiteHref = useWebsiteHref();
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = memoryMutations.saveVoice();
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== cache || $[5] !== draftScope || $[6] !== navigate || $[7] !== projectId || $[8] !== websiteHref) {
+		t4 = {
+			...t3,
+			onSuccess: (_voice, t5) => {
+				const { rewrite } = t5;
+				setMoved({});
+				cache.invalidate(reads.voice({ projectId }));
+				if (!rewrite) return;
+				previewStore.send({ type: "showCanvas" });
+				navigate({
+					to: websiteHref(),
+					draft: draftScope.current() ?? void 0
+				});
+			}
+		};
+		$[4] = cache;
+		$[5] = draftScope;
+		$[6] = navigate;
+		$[7] = projectId;
+		$[8] = websiteHref;
+		$[9] = t4;
+	} else t4 = $[9];
+	const save = useMutation(t4);
+	if (!saved) {
+		let t5;
+		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+			t5 = /* @__PURE__ */ jsx(Skeleton, { className: "h-72" });
+			$[10] = t5;
+		} else t5 = $[10];
+		return t5;
+	}
+	let t5;
+	let voice;
+	if ($[11] !== moved || $[12] !== saved) {
+		voice = {
+			...saved,
+			...moved
+		};
+		t5 = changedAxes(saved, voice);
+		$[11] = moved;
+		$[12] = saved;
+		$[13] = t5;
+		$[14] = voice;
+	} else {
+		t5 = $[13];
+		voice = $[14];
+	}
+	const changed = t5;
+	let t6;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsxs("header", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("h2", {
+				id: "camox-voice-title",
+				className: "text-sm font-semibold",
+				children: "Voice"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: "How the website speaks. Every model that writes for visitors keeps to it."
+			})]
+		});
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== save || $[17] !== voice) {
+		t7 = VOICE_AXES.map((axis) => /* @__PURE__ */ jsx(VoiceAxisRow, {
+			axis,
+			step: voice[axis.key],
+			disabled: save.isPending,
+			onStep: (step) => {
+				setMoved((current) => ({
+					...current,
+					[axis.key]: step
+				}));
+				save.reset();
+			}
+		}, axis.key));
+		$[16] = save;
+		$[17] = voice;
+		$[18] = t7;
+	} else t7 = $[18];
+	let t8;
+	if ($[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx("ul", {
+			className: "flex flex-col gap-5",
+			children: t7
+		});
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== save.error) {
+		t9 = save.error && /* @__PURE__ */ jsx("p", {
+			"data-voice-error": true,
+			className: "text-destructive text-xs",
+			children: save.error.message
+		});
+		$[21] = save.error;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== changed || $[24] !== projectId || $[25] !== save) {
+		t10 = Object.keys(changed).length > 0 && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap gap-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				disabled: save.isPending,
+				onClick: () => save.mutate({
+					projectId,
+					steps: changed
+				}),
+				children: [save.isPending && !save.variables?.rewrite && /* @__PURE__ */ jsx(Spinner, {}), "Save"]
+			}), /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				disabled: save.isPending,
+				onClick: () => save.mutate({
+					projectId,
+					steps: changed,
+					rewrite: true
+				}),
+				children: [save.isPending && save.variables?.rewrite && /* @__PURE__ */ jsx(Spinner, {}), "Save and rewrite"]
+			})]
+		});
+		$[23] = changed;
+		$[24] = projectId;
+		$[25] = save;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] !== t10 || $[28] !== t8 || $[29] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("section", {
+			"data-voice": true,
+			"aria-labelledby": "camox-voice-title",
+			className: "flex flex-col gap-5 rounded-lg border p-4",
+			children: [
+				t6,
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[27] = t10;
+		$[28] = t8;
+		$[29] = t9;
+		$[30] = t11;
+	} else t11 = $[30];
+	return t11;
+}
+/** The axes `voice` moves away from `saved`, with their new steps. */
+function changedAxes(saved, voice) {
+	const changed = {};
+	for (const { key } of VOICE_AXES) if (voice[key] !== saved[key]) changed[key] = voice[key];
+	return changed;
+}
+const sentenceCase = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+/** One Voice Axis: its name, its chosen step and that step's definition, over a slider. */
+function VoiceAxisRow(t0) {
+	const $ = c(39);
+	const { axis, step, disabled, onStep } = t0;
+	const steps = axis.steps;
+	let t1;
+	if ($[0] !== step || $[1] !== steps) {
+		let t2;
+		if ($[3] !== step) {
+			t2 = (candidate) => candidate.key === step;
+			$[3] = step;
+			$[4] = t2;
+		} else t2 = $[4];
+		t1 = steps.findIndex(t2);
+		$[0] = step;
+		$[1] = steps;
+		$[2] = t1;
+	} else t1 = $[2];
+	const index = Math.max(t1, 0);
+	const chosen = steps[index];
+	let t2;
+	if ($[5] !== axis.name) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			"data-voice-axis-name": true,
+			className: "font-medium",
+			children: axis.name
+		});
+		$[5] = axis.name;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== chosen.name) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			"data-voice-step": true,
+			children: chosen.name
+		});
+		$[7] = chosen.name;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline justify-between gap-3 text-sm",
+			children: [t2, t3]
+		});
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	const t5 = steps.length - 1;
+	let t6;
+	if ($[12] !== onStep || $[13] !== steps) {
+		t6 = (value) => {
+			const next = steps[value];
+			if (next) onStep(next.key);
+		};
+		$[12] = onStep;
+		$[13] = steps;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== axis.name || $[16] !== chosen.name || $[17] !== disabled || $[18] !== index || $[19] !== steps.length || $[20] !== t5 || $[21] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Slider, {
+			label: axis.name,
+			valueText: chosen.name,
+			min: 0,
+			max: t5,
+			step: 1,
+			marks: steps.length,
+			value: index,
+			disabled,
+			onValueChange: t6
+		});
+		$[15] = axis.name;
+		$[16] = chosen.name;
+		$[17] = disabled;
+		$[18] = index;
+		$[19] = steps.length;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== steps[0].name) {
+		t8 = /* @__PURE__ */ jsx("span", { children: steps[0].name });
+		$[23] = steps[0].name;
+		$[24] = t8;
+	} else t8 = $[24];
+	const t9 = steps[steps.length - 1];
+	let t10;
+	if ($[25] !== t9.name) {
+		t10 = /* @__PURE__ */ jsx("span", { children: t9.name });
+		$[25] = t9.name;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] !== t10 || $[28] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			"aria-hidden": true,
+			className: "text-muted-foreground flex justify-between text-[11px]",
+			children: [t8, t10]
+		});
+		$[27] = t10;
+		$[28] = t8;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== chosen.definition) {
+		t12 = sentenceCase(chosen.definition);
+		$[30] = chosen.definition;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== t12) {
+		t13 = /* @__PURE__ */ jsx("p", {
+			"data-voice-definition": true,
+			className: "text-muted-foreground text-xs",
+			children: t12
+		});
+		$[32] = t12;
+		$[33] = t13;
+	} else t13 = $[33];
+	let t14;
+	if ($[34] !== t11 || $[35] !== t13 || $[36] !== t4 || $[37] !== t7) {
+		t14 = /* @__PURE__ */ jsxs("li", {
+			"data-voice-axis": true,
+			className: "flex flex-col gap-2",
+			children: [
+				t4,
+				t7,
+				t11,
+				t13
+			]
+		});
+		$[34] = t11;
+		$[35] = t13;
+		$[36] = t4;
+		$[37] = t7;
+		$[38] = t14;
+	} else t14 = $[38];
+	return t14;
+}
+
+//#endregion
+export { VoiceGroup };

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

@@ -16,15 +16,16 @@ import { toast } from "@camox/ui/toaster";
 import { Skeleton } from "@camox/ui/skeleton";
 import { Spinner } from "@camox/ui/spinner";
 import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "@camox/ui/popover";
+import { voiceAxis, voiceStep } from "@camox/api-contract/voice";
 
 //#region src/features/studio/components/DraftReview.tsx
 /**
-* Where a subject sits: its page or layout, or the files, the languages or memory, which belong
-* to none.
+* Where a subject sits: its page or layout, or the files, the languages or memory (the Voice
+* included), which belong to none.
 */
 function ownerName(owner, entity) {
 	if (entity === "locale") return "Languages";
-	if (entity === "memory") return "Memory";
+	if (entity === "memory" || entity === "voiceAxis") return "Memory";
 	if (!owner) return entity === "file" ? "Files" : "Elsewhere";
 	if (owner.kind === "layout") return `Layout ${owner.name}`;
 	if (owner.kind === "syncedBlock") return `Synced block ${owner.title}`;
@@ -219,14 +220,20 @@ const MEMORY_CHANGE_LABELS = {
 	changed: "Changed",
 	deleted: "Deleted"
 };
+/** A Voice Axis the draft moves, as it reads: "Humor: Earnest → Light". */
+function voiceLine({ axis, before, after }) {
+	const stepName = (key) => voiceStep(axis, key).name;
+	return `${voiceAxis(axis).name}: ${stepName(before)} → ${stepName(after)}`;
+}
 /**
-* The memories the draft adds, changes and deletes, each with its text, and Live's before a
-* change: what Camox's agent will remember once it's published. Nothing when it changes none.
+* What publishing the draft changes in memory: each Voice Axis it moves, from Live's step to the
+* draft's, then the memories it adds, changes and deletes, each with its text, and Live's before a
+* change. Nothing when it changes neither.
 */
 function MemoryChanges(t0) {
-	const $ = c(5);
-	const { changes } = t0;
-	if (changes.length === 0) return null;
+	const $ = c(8);
+	const { voice, changes } = t0;
+	if (voice.length === 0 && changes.length === 0) return null;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx("h3", {
@@ -236,27 +243,34 @@ function MemoryChanges(t0) {
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
-	if ($[1] !== changes) {
-		t2 = changes.map(_temp4);
-		$[1] = changes;
+	if ($[1] !== voice) {
+		t2 = voice.map(_temp4);
+		$[1] = voice;
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
-	if ($[3] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("section", {
+	if ($[3] !== changes) {
+		t3 = changes.map(_temp5);
+		$[3] = changes;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("section", {
 			"data-memory-changes": true,
 			className: "flex flex-col gap-2",
-			children: [t1, /* @__PURE__ */ jsx("ul", {
+			children: [t1, /* @__PURE__ */ jsxs("ul", {
 				className: "flex flex-col gap-2",
-				children: t2
+				children: [t2, t3]
 			})]
 		});
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	return t3;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
 }
-function _temp4(memory) {
+function _temp5(memory) {
 	return /* @__PURE__ */ jsxs("li", {
 		className: "flex flex-col gap-0.5 rounded-lg border p-3 text-sm",
 		children: [
@@ -275,6 +289,12 @@ function _temp4(memory) {
 		]
 	}, memory.id);
 }
+function _temp4(change) {
+	return /* @__PURE__ */ jsx("li", {
+		className: "rounded-lg border p-3 text-sm",
+		children: /* @__PURE__ */ jsx("p", { children: voiceLine(change) })
+	}, change.axis);
+}
 /**
 * The draft's overview: the bullets AI wrote about its changes, in full, saying it's updating
 * while they describe an older version of the draft. While
@@ -290,7 +310,7 @@ function DraftOverview(t0) {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			...draftMutations.retryOverview(),
-			onError: _temp5
+			onError: _temp6
 		};
 		$[0] = t1;
 	} else t1 = $[0];
@@ -311,7 +331,7 @@ function DraftOverview(t0) {
 	if (overview.status === "ready") {
 		let t2;
 		if ($[3] !== overview.bullets) {
-			t2 = overview.bullets.map(_temp6);
+			t2 = overview.bullets.map(_temp7);
 			$[3] = overview.bullets;
 			$[4] = t2;
 		} else t2 = $[4];
@@ -352,7 +372,7 @@ function DraftOverview(t0) {
 	if (overview.status === "failed") {
 		let t2;
 		if ($[12] !== changes) {
-			t2 = new Set(changes.map(_temp7));
+			t2 = new Set(changes.map(_temp8));
 			$[12] = changes;
 			$[13] = t2;
 		} else t2 = $[13];
@@ -455,13 +475,13 @@ function DraftOverview(t0) {
 	} else t2 = $[34];
 	return t2;
 }
-function _temp7(change) {
+function _temp8(change) {
 	return ownerName(change.owner, change.entity);
 }
-function _temp6(bullet, index) {
+function _temp7(bullet, index) {
 	return /* @__PURE__ */ jsx("li", { children: bullet }, index);
 }
-function _temp5(error) {
+function _temp6(error) {
 	return toast.error(error.message || "Could not summarize the draft");
 }
 /**
@@ -569,8 +589,11 @@ function DraftReview(t0) {
 						showInCanvas(target);
 					}
 				}),
-				lines.map(_temp8),
-				/* @__PURE__ */ jsx(MemoryChanges, { changes: data.memoryChanges })
+				lines.map(_temp9),
+				/* @__PURE__ */ jsx(MemoryChanges, {
+					voice: data.voiceChanges,
+					changes: data.memoryChanges
+				})
 			]
 		}) : /* @__PURE__ */ jsx("div", {
 			className: cn("flex items-center justify-center", REVIEW_BODY_HEIGHT),
@@ -646,7 +669,7 @@ function DraftReview(t0) {
 	} else t16 = $[50];
 	return t16;
 }
-function _temp8(line) {
+function _temp9(line) {
 	return /* @__PURE__ */ jsx("p", {
 		className: "text-sm text-amber-700 dark:text-amber-400",
 		"data-review-line": true,

package/dist/features/vite/vite.js

@@ -87,6 +87,7 @@ const CAMOX_OPTIMIZED_DEPS = [
 	"camox > @base-ui/react/popover",
 	"camox > @base-ui/react/select",
 	"camox > @base-ui/react/separator",
+	"camox > @base-ui/react/slider",
 	"camox > @base-ui/react/switch",
 	"camox > @base-ui/react/tabs",
 	"camox > @base-ui/react/toggle",

package/dist/lib/queries.js

@@ -80,11 +80,15 @@ const localeMutations = {
 	/** Adds a page or record deleted from the locale viewed back to it. */
 	addBack: () => getOrpc().locales.addBack.mutationOptions()
 };
-/** Correcting memory: content writes, so on Live they start a draft (ADR 0049). */
+/**
+* Correcting memory and saving the Voice: content writes, so on Live they start a draft (ADR 0049,
+* ADR 0051).
+*/
 const memoryMutations = {
 	add: () => getOrpc().memories.add.mutationOptions(),
 	change: () => getOrpc().memories.change.mutationOptions(),
-	delete: () => getOrpc().memories.delete.mutationOptions()
+	delete: () => getOrpc().memories.delete.mutationOptions(),
+	saveVoice: () => getOrpc().memories.saveVoice.mutationOptions()
 };
 const blockMutations = {
 	delete: () => getOrpc().blocks.delete.mutationOptions(),

package/dist/lib/studio-reads.d.ts

@@ -8,6 +8,7 @@ import "react";
 import "@camox/api-contract/query-keys";
 import "@camox/api-contract/specialists";
 import { QueryClient } from "@tanstack/react-query";
+import "@camox/api-contract/voice";
 //#region src/lib/studio-reads.d.ts
 type LayoutRead = Awaited<ReturnType<ApiClient["layouts"]["get"]>>;
 /** A layout's structure: its blocks before and after the content of its pages. */

package/dist/lib/studio-reads.js

@@ -65,6 +65,12 @@ const reads = {
 		fetch: ({ api, signal }, { projectId }) => api.memories.list({ projectId }, { signal }),
 		staleTime: Infinity
 	}),
+	voice: entry({
+		key: ({ projectId }) => [...queryKeys.memories.voice, projectId],
+		everyLocale: true,
+		fetch: ({ api, signal }, { projectId }) => api.memories.voice({ projectId }, { signal }),
+		staleTime: Infinity
+	}),
 	missingFromLocale: entry({
 		key: ({ projectId }) => [
 			"camox",