camox 0.68.0 → 0.71.0

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

@@ -1,7 +1,5 @@
-import { useDraftScope } from "../../../lib/draft-scope.js";
-import { reads, useReadQuery, useStudioCache } from "../../../lib/studio-reads.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { cn } from "../../../lib/utils.js";
-import { getDraftReadClient } from "../../../lib/api-client.js";
 import { draftMutations, patrolMutations } from "../../../lib/queries.js";
 import { previewStore } from "../../preview/previewStore.js";
 import { studioStore } from "../studioStore.js";
@@ -9,6 +7,7 @@ import { localeLabel } from "../localeOptions.js";
 import { askAgentMessage, findingSentence, fixLabel } from "../findingSentence.js";
 import { useShowInCanvas } from "../showInCanvas.js";
 import { draftLabel, plural, timeAgo } from "../draftLabel.js";
+import { useLeaveDraft } from "../viewSwitch.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { CHECKS_RUNNING_ERROR, CONFLICTS_CHANGED_ERROR, FINDINGS_OPEN_ERROR, REVISION_CHANGED_ERROR, TRANSLATIONS_PENDING_ERROR } from "@camox/api-contract/drafts";
@@ -954,7 +953,7 @@ function _temp5(locale) {
 * draft.
 */
 function DraftOverview(t0) {
-	const $ = c(34);
+	const $ = c(35);
 	const { projectId, preview } = t0;
 	const { overview, changes } = preview;
 	let t1;
@@ -967,34 +966,36 @@ function DraftOverview(t0) {
 	} else t1 = $[0];
 	const retry = useMutation(t1);
 	if (changes.length === 0) {
-		let t2;
-		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsx("p", {
+		const t2 = preview.code ? "This draft changes the website's code." : "This draft has no changes.";
+		let t3;
+		if ($[1] !== t2) {
+			t3 = /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
-				children: "This draft has no changes."
+				children: t2
 			});
 			$[1] = t2;
-		} else t2 = $[1];
-		return t2;
+			$[2] = t3;
+		} else t3 = $[2];
+		return t3;
 	}
 	if (overview.status === "ready") {
 		let t2;
-		if ($[2] !== overview.bullets) {
+		if ($[3] !== overview.bullets) {
 			t2 = overview.bullets.map(_temp11);
-			$[2] = overview.bullets;
-			$[3] = t2;
-		} else t2 = $[3];
+			$[3] = overview.bullets;
+			$[4] = t2;
+		} else t2 = $[4];
 		let t3;
-		if ($[4] !== t2) {
+		if ($[5] !== t2) {
 			t3 = /* @__PURE__ */ jsx("ul", {
 				className: "text-foreground/85 flex list-disc flex-col gap-1.5 pl-5 leading-relaxed",
 				children: t2
 			});
-			$[4] = t2;
-			$[5] = t3;
-		} else t3 = $[5];
+			$[5] = t2;
+			$[6] = t3;
+		} else t3 = $[6];
 		let t4;
-		if ($[6] !== overview.stale) {
+		if ($[7] !== overview.stale) {
 			t4 = overview.stale && /* @__PURE__ */ jsxs("p", {
 				className: "text-muted-foreground flex items-center gap-1.5 text-xs",
 				children: [/* @__PURE__ */ jsx(Spinner, {
@@ -1002,53 +1003,53 @@ function DraftOverview(t0) {
 					className: "size-3"
 				}), "Updating…"]
 			});
-			$[6] = overview.stale;
-			$[7] = t4;
-		} else t4 = $[7];
+			$[7] = overview.stale;
+			$[8] = t4;
+		} else t4 = $[8];
 		let t5;
-		if ($[8] !== t3 || $[9] !== t4) {
+		if ($[9] !== t3 || $[10] !== t4) {
 			t5 = /* @__PURE__ */ jsxs("div", {
 				"data-overview": true,
 				className: "flex flex-col gap-2",
 				children: [t3, t4]
 			});
-			$[8] = t3;
-			$[9] = t4;
-			$[10] = t5;
-		} else t5 = $[10];
+			$[9] = t3;
+			$[10] = t4;
+			$[11] = t5;
+		} else t5 = $[11];
 		return t5;
 	}
 	if (overview.status === "failed") {
 		let t2;
-		if ($[11] !== changes) {
+		if ($[12] !== changes) {
 			t2 = new Set(changes.map(_temp12));
-			$[11] = changes;
-			$[12] = t2;
-		} else t2 = $[12];
+			$[12] = changes;
+			$[13] = t2;
+		} else t2 = $[13];
 		const places = t2.size;
 		let t3;
-		if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
 			t3 = /* @__PURE__ */ jsx("p", {
 				className: "text-sm font-medium",
 				children: "Couldn't summarize this draft"
 			});
-			$[13] = t3;
-		} else t3 = $[13];
+			$[14] = t3;
+		} else t3 = $[14];
 		let t4;
-		if ($[14] !== projectId || $[15] !== retry) {
+		if ($[15] !== projectId || $[16] !== retry) {
 			t4 = () => retry.mutate({ projectId });
-			$[14] = projectId;
-			$[15] = retry;
-			$[16] = t4;
-		} else t4 = $[16];
+			$[15] = projectId;
+			$[16] = retry;
+			$[17] = t4;
+		} else t4 = $[17];
 		let t5;
-		if ($[17] !== retry.isPending) {
+		if ($[18] !== retry.isPending) {
 			t5 = retry.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-			$[17] = retry.isPending;
-			$[18] = t5;
-		} else t5 = $[18];
+			$[18] = retry.isPending;
+			$[19] = t5;
+		} else t5 = $[19];
 		let t6;
-		if ($[19] !== retry.isPending || $[20] !== t4 || $[21] !== t5) {
+		if ($[20] !== retry.isPending || $[21] !== t4 || $[22] !== t5) {
 			t6 = /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-3",
 				children: [t3, /* @__PURE__ */ jsxs(Button, {
@@ -1060,25 +1061,25 @@ function DraftOverview(t0) {
 					children: [t5, "Retry"]
 				})]
 			});
-			$[19] = retry.isPending;
-			$[20] = t4;
-			$[21] = t5;
-			$[22] = t6;
-		} else t6 = $[22];
+			$[20] = retry.isPending;
+			$[21] = t4;
+			$[22] = t5;
+			$[23] = t6;
+		} else t6 = $[23];
 		let t7;
-		if ($[23] !== changes.length) {
+		if ($[24] !== changes.length) {
 			t7 = plural(changes.length, "change");
-			$[23] = changes.length;
-			$[24] = t7;
-		} else t7 = $[24];
+			$[24] = changes.length;
+			$[25] = t7;
+		} else t7 = $[25];
 		let t8;
-		if ($[25] !== places) {
+		if ($[26] !== places) {
 			t8 = plural(places, "place");
-			$[25] = places;
-			$[26] = t8;
-		} else t8 = $[26];
+			$[26] = places;
+			$[27] = t8;
+		} else t8 = $[27];
 		let t9;
-		if ($[27] !== t7 || $[28] !== t8) {
+		if ($[28] !== t7 || $[29] !== t8) {
 			t9 = /* @__PURE__ */ jsxs("p", {
 				className: "text-muted-foreground text-sm",
 				children: [
@@ -1087,26 +1088,26 @@ function DraftOverview(t0) {
 					t8
 				]
 			});
-			$[27] = t7;
-			$[28] = t8;
-			$[29] = t9;
-		} else t9 = $[29];
+			$[28] = t7;
+			$[29] = t8;
+			$[30] = t9;
+		} else t9 = $[30];
 		let t10;
-		if ($[30] !== t6 || $[31] !== t9) {
+		if ($[31] !== t6 || $[32] !== t9) {
 			t10 = /* @__PURE__ */ jsxs("div", {
 				"data-overview": true,
 				className: "flex flex-col gap-2",
 				children: [t6, t9]
 			});
-			$[30] = t6;
-			$[31] = t9;
-			$[32] = t10;
-		} else t10 = $[32];
+			$[31] = t6;
+			$[32] = t9;
+			$[33] = t10;
+		} else t10 = $[33];
 		return t10;
 	}
 	if (overview.status === "none") return null;
 	let t2;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsxs("div", {
 			"data-overview": true,
 			className: "flex flex-col gap-2",
@@ -1120,8 +1121,8 @@ function DraftOverview(t0) {
 				})
 			]
 		});
-		$[33] = t2;
-	} else t2 = $[33];
+		$[34] = t2;
+	} else t2 = $[34];
 	return t2;
 }
 function _temp12(change) {
@@ -1133,290 +1134,110 @@ function _temp11(bullet, index) {
 function _temp10(error) {
 	return toast.error(error.message || "Could not summarize the draft");
 }
-/** Switches the studio to Live once its draft ended here, replacing the draft's URL entry. */
-function useLeaveDraft() {
-	const $ = c(2);
-	const draftScope = useDraftScope();
-	let t0;
-	if ($[0] !== draftScope) {
-		t0 = (ended, t1) => {
-			const { discarded: t2 } = t1 === void 0 ? {} : t1;
-			const discarded = t2 === void 0 ? false : t2;
-			draftScope.leave(ended);
-			if (!ended) return;
-			const what = discarded ? "Changes discarded" : `Draft ${ended.outcome}`;
-			toast.success(`${what}. You're now viewing Live.`);
-		};
-		$[0] = draftScope;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
-}
-/**
-* Renames a regular draft, whichever draft the studio views: the request names the draft it
-* renames. A blank name clears it, so the draft shows its computed label again.
-*/
-function useRenameDraft(projectId) {
-	const $ = c(8);
-	const studioCache = useStudioCache();
-	let t0;
-	if ($[0] !== projectId) {
-		t0 = (t1) => {
-			const { draftId, name } = t1;
-			return getDraftReadClient(draftId).drafts.rename({
-				projectId,
-				name
-			});
-		};
-		$[0] = projectId;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== projectId || $[3] !== studioCache) {
-		t1 = (renamed) => {
-			studioCache.set(reads.draft({
-				projectId,
-				draftId: renamed.id
-			}), renamed);
-			studioCache.invalidate(reads.draftList({ projectId }));
-		};
-		$[2] = projectId;
-		$[3] = studioCache;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== t0 || $[6] !== t1) {
-		t2 = {
-			mutationFn: t0,
-			onSuccess: t1,
-			onError: _temp13
-		};
-		$[5] = t0;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return useMutation(t2);
-}
-function _temp13(error) {
-	return toast.error(error.message || "Could not rename the draft");
-}
-/**
-* The draft's name in the review's header, renamed in place by any member (#203), like a page
-* nickname in the Canvas Inspector: a title whose border shows on hover or focus, without
-* moving the text. An unnamed draft shows its computed label until focused. Saves on Enter or
-* blur, and a blank name clears it; Escape puts the name back.
-*/
-function DraftNameInput(t0) {
-	const $ = c(23);
-	const { projectId, draft, ref, className } = t0;
-	const rename = useRenameDraft(projectId);
-	const name = draft.name ?? "";
-	let t1;
-	if ($[0] !== draft.id || $[1] !== draft.name || $[2] !== name || $[3] !== rename) {
-		t1 = (input) => {
-			if ((input.value.trim() || null) === draft.name) {
-				input.value = name;
-				return;
-			}
-			rename.mutate({
-				draftId: draft.id,
-				name: input.value
-			}, { onError: () => void (input.value = name) });
-		};
-		$[0] = draft.id;
-		$[1] = draft.name;
-		$[2] = name;
-		$[3] = rename;
-		$[4] = t1;
-	} else t1 = $[4];
-	const save = t1;
-	let t2;
-	if ($[5] !== draft) {
-		t2 = draftLabel({
-			...draft,
-			name: null
-		});
-		$[5] = draft;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== draft) {
-		t3 = draftLabel(draft);
-		$[7] = draft;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== className) {
-		t4 = cn("hover:border-input focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-foreground focus:placeholder:text-muted-foreground -mx-1.5 h-8 w-full min-w-0 truncate rounded-md border border-transparent bg-transparent px-1.5 text-base font-medium transition-[color,box-shadow,border-color] outline-none hover:shadow-xs focus-visible:ring-3", className);
-		$[9] = className;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== save) {
-		t5 = (event) => save(event.currentTarget);
-		$[11] = save;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== name) {
-		t6 = (event_0) => {
-			if (event_0.key === "Enter") {
-				event_0.preventDefault();
-				event_0.currentTarget.blur();
-			}
-			if (event_0.key !== "Escape") return;
-			event_0.stopPropagation();
-			event_0.currentTarget.value = name;
-			event_0.currentTarget.blur();
-		};
-		$[13] = name;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] !== name || $[16] !== ref || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== t6) {
-		t7 = /* @__PURE__ */ jsx("input", {
-			ref,
-			"aria-label": "Draft name",
-			defaultValue: name,
-			placeholder: t2,
-			title: t3,
-			maxLength: 200,
-			className: t4,
-			onBlur: t5,
-			onKeyDown: t6
-		}, name);
-		$[15] = name;
-		$[16] = ref;
-		$[17] = t2;
-		$[18] = t3;
-		$[19] = t4;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	return t7;
-}
 /**
 * 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.
 */
 function ReviewDraftSheet(t0) {
-	const $ = c(81);
-	const { projectId, draftId, open, startRenaming: t1, onOpenChange } = t0;
-	const startRenaming = t1 === void 0 ? false : t1;
+	const $ = c(74);
+	const { projectId, draftId, open, onOpenChange } = t0;
 	const [confirmingDelete, setConfirmingDelete] = React.useState(false);
-	let t2;
+	let t1;
 	if ($[0] !== draftId || $[1] !== projectId) {
-		t2 = reads.publishPreview({
+		t1 = reads.publishPreview({
 			projectId,
 			draftId
 		});
 		$[0] = draftId;
 		$[1] = projectId;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
 	if ($[3] !== open) {
-		t3 = { enabled: open };
+		t2 = { enabled: open };
 		$[3] = open;
-		$[4] = t3;
-	} else t3 = $[4];
-	const preview = useReadQuery(t2, t3);
-	let t4;
+		$[4] = t2;
+	} else t2 = $[4];
+	const preview = useReadQuery(t1, t2);
+	let t3;
 	if ($[5] !== draftId || $[6] !== projectId) {
-		t4 = reads.draft({
+		t3 = reads.draft({
 			projectId,
 			draftId
 		});
 		$[5] = draftId;
 		$[6] = projectId;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
 	if ($[8] !== open) {
-		t5 = { enabled: open };
+		t4 = { enabled: open };
 		$[8] = open;
-		$[9] = t5;
-	} else t5 = $[9];
-	const draft = useReadQuery(t4, t5);
-	let t6;
+		$[9] = t4;
+	} else t4 = $[9];
+	const draft = useReadQuery(t3, t4);
+	let t5;
 	if ($[10] !== projectId) {
-		t6 = reads.localeList({ projectId });
+		t5 = reads.localeList({ projectId });
 		$[10] = projectId;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
 	if ($[12] !== open) {
-		t7 = { enabled: open };
+		t6 = { enabled: open };
 		$[12] = open;
-		$[13] = t7;
-	} else t7 = $[13];
-	const locales = useReadQuery(t6, t7);
+		$[13] = t6;
+	} else t6 = $[13];
+	const locales = useReadQuery(t5, t6);
 	const leaveDraft = useLeaveDraft();
 	const showInCanvas = useShowInCanvas();
 	const popup = React.useRef(null);
-	const nameInput = React.useRef(null);
-	let t8;
-	if ($[14] !== startRenaming) {
-		t8 = () => {
-			if (startRenaming && nameInput.current) {
-				nameInput.current.select();
-				return nameInput.current;
-			}
-			return popup.current;
-		};
-		$[14] = startRenaming;
-		$[15] = t8;
-	} else t8 = $[15];
-	const initialFocus = t8;
-	let t9;
-	if ($[16] !== draft.data?.translatingLocales) {
-		t9 = draft.data?.translatingLocales.join(",");
-		$[16] = draft.data?.translatingLocales;
-		$[17] = t9;
-	} else t9 = $[17];
-	const pending = t9;
+	let t7;
+	if ($[14] !== draft.data?.translatingLocales) {
+		t7 = draft.data?.translatingLocales.join(",");
+		$[14] = draft.data?.translatingLocales;
+		$[15] = t7;
+	} else t7 = $[15];
+	const pending = t7;
 	const seenPending = React.useRef(pending);
 	const { refetch } = preview;
-	let t10;
-	let t11;
-	if ($[18] !== pending || $[19] !== refetch) {
-		t10 = () => {
+	let t8;
+	let t9;
+	if ($[16] !== pending || $[17] !== refetch) {
+		t8 = () => {
 			if (seenPending.current !== void 0 && seenPending.current !== pending) refetch();
 			seenPending.current = pending;
 		};
-		t11 = [pending, refetch];
-		$[18] = pending;
-		$[19] = refetch;
-		$[20] = t10;
-		$[21] = t11;
+		t9 = [pending, refetch];
+		$[16] = pending;
+		$[17] = refetch;
+		$[18] = t8;
+		$[19] = t9;
 	} else {
-		t10 = $[20];
-		t11 = $[21];
+		t8 = $[18];
+		t9 = $[19];
 	}
-	React.useEffect(t10, t11);
-	const discard = draft.data?.name === null;
-	let t12;
-	if ($[22] !== discard || $[23] !== leaveDraft || $[24] !== onOpenChange) {
-		t12 = (ended) => {
+	React.useEffect(t8, t9);
+	let t10;
+	if ($[20] !== leaveDraft || $[21] !== onOpenChange) {
+		t10 = (ended) => {
 			onOpenChange(false);
-			leaveDraft(ended, { discarded: discard });
+			leaveDraft(ended);
 		};
-		$[22] = discard;
-		$[23] = leaveDraft;
-		$[24] = onOpenChange;
-		$[25] = t12;
-	} else t12 = $[25];
-	const leave = t12;
-	let t13;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = draftMutations.publish();
-		$[26] = t13;
-	} else t13 = $[26];
-	let t14;
-	if ($[27] !== leave || $[28] !== preview) {
-		t14 = (result) => {
+		$[20] = leaveDraft;
+		$[21] = onOpenChange;
+		$[22] = t10;
+	} else t10 = $[22];
+	const leave = t10;
+	let t11;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = draftMutations.publish();
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== leave || $[25] !== preview) {
+		t12 = (result) => {
 			if ("publishing" in result && result.publishing) {
 				preview.refetch();
 				return;
@@ -1426,13 +1247,13 @@ function ReviewDraftSheet(t0) {
 			toast.info("This draft has no changes, so there is nothing to publish.");
 			preview.refetch();
 		};
-		$[27] = leave;
-		$[28] = preview;
-		$[29] = t14;
-	} else t14 = $[29];
-	let t15;
-	if ($[30] !== preview) {
-		t15 = (error) => {
+		$[24] = leave;
+		$[25] = preview;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== preview) {
+		t13 = (error) => {
 			if (error.code === CONFLICTS_CHANGED_ERROR) {
 				toast.error("Live changed since you opened this review. Check the new list.");
 				preview.refetch();
@@ -1457,37 +1278,35 @@ function ReviewDraftSheet(t0) {
 			toast.error(error.message || "Could not publish the draft");
 			preview.refetch();
 		};
-		$[30] = preview;
-		$[31] = t15;
-	} else t15 = $[31];
-	let t16;
-	if ($[32] !== t14 || $[33] !== t15) {
-		t16 = {
-			...t13,
-			onSuccess: t14,
-			onError: t15
+		$[27] = preview;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== t12 || $[30] !== t13) {
+		t14 = {
+			...t11,
+			onSuccess: t12,
+			onError: t13
 		};
-		$[32] = t14;
-		$[33] = t15;
-		$[34] = t16;
-	} else t16 = $[34];
-	const publish = useMutation(t16);
+		$[29] = t12;
+		$[30] = t13;
+		$[31] = t14;
+	} else t14 = $[31];
+	const publish = useMutation(t14);
 	const data = preview.data;
 	const headline = data?.overview.status === "ready" ? data.overview.headline : null;
 	const busy = publish.isPending;
 	const ready = !!data && data.blockers.length === 0 && data.translating.length === 0 && data.findings.length === 0 && data.checking.length === 0 && !data.code?.building && !data.code?.publishing && !busy && !preview.isFetching;
-	let t17;
-	if ($[35] !== draft.data || $[36] !== headline || $[37] !== projectId) {
-		t17 = /* @__PURE__ */ jsx("div", {
+	let t15;
+	if ($[32] !== draft.data || $[33] !== headline) {
+		t15 = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-1 border-b p-4 pr-12",
-			children: headline ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SheetDescription, {
+			children: headline ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SheetDescription, {
 				className: "flex min-w-0 items-center gap-1",
-				children: [draft.data && /* @__PURE__ */ jsx(DraftNameInput, {
-					ref: nameInput,
-					projectId,
-					draft: draft.data,
-					className: "placeholder:text-muted-foreground text-muted-foreground field-sizing-content h-6 w-auto max-w-full text-sm font-normal"
-				}), draft.data && /* @__PURE__ */ jsxs("span", {
+				children: draft.data && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: draftLabel(draft.data)
+				}), /* @__PURE__ */ jsxs("span", {
 					className: "shrink-0",
 					children: [
 						"· ",
@@ -1495,30 +1314,22 @@ function ReviewDraftSheet(t0) {
 						", started ",
 						timeAgo(draft.data.createdAt)
 					]
-				})]
+				})] })
 			}), /* @__PURE__ */ jsx(SheetTitle, {
 				className: "text-lg leading-snug font-semibold",
 				children: headline
-			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [draft.data ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SheetTitle, {
-				className: "sr-only",
-				children: draftLabel(draft.data)
-			}), /* @__PURE__ */ jsx(DraftNameInput, {
-				ref: nameInput,
-				projectId,
-				draft: draft.data
-			})] }) : /* @__PURE__ */ jsx(SheetTitle, {
-				className: "text-base",
-				children: "Draft"
+			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SheetTitle, {
+				className: "truncate text-base",
+				children: draft.data ? draftLabel(draft.data) : "Draft"
 			}), /* @__PURE__ */ jsx(SheetDescription, { children: draft.data ? `${draft.data.createdBy.name} · started ${timeAgo(draft.data.createdAt)}` : "Publishing applies this whole draft to Live." })] })
 		});
-		$[35] = draft.data;
-		$[36] = headline;
-		$[37] = projectId;
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[39] !== data || $[40] !== locales || $[41] !== onOpenChange || $[42] !== preview || $[43] !== projectId || $[44] !== showInCanvas) {
-		t18 = data ? /* @__PURE__ */ jsxs("div", {
+		$[32] = draft.data;
+		$[33] = headline;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== data || $[36] !== locales || $[37] !== onOpenChange || $[38] !== preview || $[39] !== projectId || $[40] !== showInCanvas) {
+		t16 = data ? /* @__PURE__ */ jsxs("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-6 overflow-y-auto p-4",
 			children: [
 				/* @__PURE__ */ jsx(DraftOverview, {
@@ -1547,264 +1358,230 @@ function ReviewDraftSheet(t0) {
 			className: "flex flex-1 items-center justify-center",
 			children: /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" })
 		});
-		$[39] = data;
-		$[40] = locales;
-		$[41] = onOpenChange;
-		$[42] = preview;
-		$[43] = projectId;
-		$[44] = showInCanvas;
-		$[45] = t18;
-	} else t18 = $[45];
-	let t19;
-	let t20;
-	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = () => setConfirmingDelete(true);
-		t20 = /* @__PURE__ */ jsx(Trash2, {});
-		$[46] = t19;
-		$[47] = t20;
+		$[35] = data;
+		$[36] = locales;
+		$[37] = onOpenChange;
+		$[38] = preview;
+		$[39] = projectId;
+		$[40] = showInCanvas;
+		$[41] = t16;
+	} else t16 = $[41];
+	let t17;
+	let t18;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = () => setConfirmingDelete(true);
+		t18 = /* @__PURE__ */ jsx(Trash2, {});
+		$[42] = t17;
+		$[43] = t18;
 	} else {
-		t19 = $[46];
-		t20 = $[47];
+		t17 = $[42];
+		t18 = $[43];
 	}
-	const t21 = discard ? "Discard changes" : "Delete draft";
-	let t22;
-	if ($[48] !== busy || $[49] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(Button, {
+	let t19;
+	if ($[44] !== busy) {
+		t19 = /* @__PURE__ */ jsxs(Button, {
 			variant: "ghost",
 			className: "text-destructive",
 			disabled: busy,
-			onClick: t19,
-			children: [t20, t21]
+			onClick: t17,
+			children: [t18, "Delete draft"]
 		});
-		$[48] = busy;
+		$[44] = busy;
+		$[45] = t19;
+	} else t19 = $[45];
+	const t20 = !ready;
+	let t21;
+	if ($[46] !== data || $[47] !== projectId || $[48] !== publish) {
+		t21 = () => data && publish.mutate(publishInput(projectId, data));
+		$[46] = data;
+		$[47] = projectId;
+		$[48] = publish;
 		$[49] = t21;
-		$[50] = t22;
-	} else t22 = $[50];
-	const t23 = !ready;
-	let t24;
-	if ($[51] !== data || $[52] !== projectId || $[53] !== publish) {
-		t24 = () => data && publish.mutate(publishInput(projectId, data));
-		$[51] = data;
-		$[52] = projectId;
-		$[53] = publish;
-		$[54] = t24;
-	} else t24 = $[54];
-	let t25;
-	if ($[55] !== publish.isPending) {
-		t25 = publish.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[55] = publish.isPending;
-		$[56] = t25;
-	} else t25 = $[56];
-	let t26;
-	if ($[57] !== t23 || $[58] !== t24 || $[59] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(Button, {
+	} else t21 = $[49];
+	let t22;
+	if ($[50] !== publish.isPending) {
+		t22 = publish.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[50] = publish.isPending;
+		$[51] = t22;
+	} else t22 = $[51];
+	let t23;
+	if ($[52] !== t20 || $[53] !== t21 || $[54] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Button, {
 			className: "ml-auto",
-			disabled: t23,
-			onClick: t24,
-			children: [t25, "Publish"]
+			disabled: t20,
+			onClick: t21,
+			children: [t22, "Publish"]
 		});
-		$[57] = t23;
-		$[58] = t24;
-		$[59] = t25;
-		$[60] = t26;
-	} else t26 = $[60];
-	let t27;
-	if ($[61] !== t22 || $[62] !== t26) {
-		t27 = /* @__PURE__ */ jsx("div", {
+		$[52] = t20;
+		$[53] = t21;
+		$[54] = t22;
+		$[55] = t23;
+	} else t23 = $[55];
+	let t24;
+	if ($[56] !== t19 || $[57] !== t23) {
+		t24 = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-3 border-t p-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
-				children: [t22, t26]
+				children: [t19, t23]
 			})
 		});
-		$[61] = t22;
-		$[62] = t26;
-		$[63] = t27;
-	} else t27 = $[63];
-	let t28;
-	if ($[64] !== initialFocus || $[65] !== t17 || $[66] !== t18 || $[67] !== t27) {
-		t28 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[56] = t19;
+		$[57] = t23;
+		$[58] = t24;
+	} else t24 = $[58];
+	let t25;
+	if ($[59] !== t15 || $[60] !== t16 || $[61] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(SheetContent, {
 			ref: popup,
-			initialFocus,
+			initialFocus: popup,
 			side: "right",
 			className: "w-full gap-0 data-[side=right]:sm:max-w-lg",
 			children: [
-				t17,
-				t18,
-				t27
+				t15,
+				t16,
+				t24
 			]
 		});
-		$[64] = initialFocus;
-		$[65] = t17;
-		$[66] = t18;
-		$[67] = t27;
-		$[68] = t28;
-	} else t28 = $[68];
-	let t29;
-	if ($[69] !== onOpenChange || $[70] !== open || $[71] !== t28) {
-		t29 = /* @__PURE__ */ jsx(Sheet, {
+		$[59] = t15;
+		$[60] = t16;
+		$[61] = t24;
+		$[62] = t25;
+	} else t25 = $[62];
+	let t26;
+	if ($[63] !== onOpenChange || $[64] !== open || $[65] !== t25) {
+		t26 = /* @__PURE__ */ jsx(Sheet, {
 			open,
 			onOpenChange,
-			children: t28
+			children: t25
 		});
-		$[69] = onOpenChange;
-		$[70] = open;
-		$[71] = t28;
-		$[72] = t29;
-	} else t29 = $[72];
-	let t30;
-	if ($[73] !== confirmingDelete || $[74] !== discard || $[75] !== leave || $[76] !== projectId) {
-		t30 = /* @__PURE__ */ jsx(DeleteDraftDialog, {
+		$[63] = onOpenChange;
+		$[64] = open;
+		$[65] = t25;
+		$[66] = t26;
+	} else t26 = $[66];
+	let t27;
+	if ($[67] !== confirmingDelete || $[68] !== leave || $[69] !== projectId) {
+		t27 = /* @__PURE__ */ jsx(DeleteDraftDialog, {
 			projectId,
 			open: confirmingDelete,
-			discard,
 			onOpenChange: setConfirmingDelete,
 			onDeleted: leave
 		});
-		$[73] = confirmingDelete;
-		$[74] = discard;
-		$[75] = leave;
-		$[76] = projectId;
-		$[77] = t30;
-	} else t30 = $[77];
-	let t31;
-	if ($[78] !== t29 || $[79] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(Fragment, { children: [t29, t30] });
-		$[78] = t29;
-		$[79] = t30;
-		$[80] = t31;
-	} else t31 = $[80];
-	return t31;
+		$[67] = confirmingDelete;
+		$[68] = leave;
+		$[69] = projectId;
+		$[70] = t27;
+	} else t27 = $[70];
+	let t28;
+	if ($[71] !== t26 || $[72] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(Fragment, { children: [t26, t27] });
+		$[71] = t26;
+		$[72] = t27;
+		$[73] = t28;
+	} else t28 = $[73];
+	return t28;
 }
-/**
-* Asks before deleting the draft the studio is in, then deletes it. Deleting an unnamed draft
-* is discarding its changes: nobody kept them as a draft yet.
-*/
+/** Asks before deleting the draft the studio is in, then deletes it. */
 function DeleteDraftDialog(t0) {
-	const $ = c(36);
-	const { projectId, open, discard: t1, onOpenChange, onDeleted } = t0;
-	const discard = t1 === void 0 ? false : t1;
-	let t2;
+	const $ = c(26);
+	const { projectId, open, onOpenChange, onDeleted } = t0;
+	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = draftMutations.delete();
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
+		t1 = draftMutations.delete();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
 	if ($[1] !== onDeleted || $[2] !== onOpenChange) {
-		t3 = {
-			...t2,
-			onSuccess: (t4) => {
-				const { ended } = t4;
+		t2 = {
+			...t1,
+			onSuccess: (t3) => {
+				const { ended } = t3;
 				onOpenChange(false);
 				onDeleted(ended);
 			},
-			onError: _temp14
+			onError: _temp13
 		};
 		$[1] = onDeleted;
 		$[2] = onOpenChange;
-		$[3] = t3;
-	} else t3 = $[3];
-	const deleteDraft = useMutation(t3);
-	let t4;
+		$[3] = t2;
+	} else t2 = $[3];
+	const deleteDraft = useMutation(t2);
+	let t3;
 	if ($[4] !== deleteDraft.isPending || $[5] !== onOpenChange) {
-		t4 = (next) => {
+		t3 = (next) => {
 			if (!deleteDraft.isPending) onOpenChange(next);
 		};
 		$[4] = deleteDraft.isPending;
 		$[5] = onOpenChange;
-		$[6] = t4;
-	} else t4 = $[6];
-	const t5 = discard ? "Discard these changes?" : "Delete this draft?";
-	let t6;
-	if ($[7] !== t5) {
-		t6 = /* @__PURE__ */ jsx(AlertDialogTitle, { children: t5 });
-		$[7] = t5;
-		$[8] = t6;
-	} else t6 = $[8];
-	const t7 = discard ? "These changes are" : "Every change in this draft is";
-	let t8;
-	if ($[9] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [t7, " deleted for everyone. Live stays as it is. This can't be undone."] });
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== t6 || $[12] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [t6, t8] });
-		$[11] = t6;
-		$[12] = t8;
-		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] !== deleteDraft.isPending) {
-		t10 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		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] !== deleteDraft.isPending) {
+		t5 = /* @__PURE__ */ jsx(AlertDialogCancel, {
 			variant: "outline",
 			size: "default",
 			disabled: deleteDraft.isPending,
 			children: "Cancel"
 		});
-		$[14] = deleteDraft.isPending;
-		$[15] = t10;
-	} else t10 = $[15];
-	let t11;
-	if ($[16] !== deleteDraft || $[17] !== projectId) {
-		t11 = () => deleteDraft.mutate({ projectId });
-		$[16] = deleteDraft;
-		$[17] = projectId;
-		$[18] = t11;
-	} else t11 = $[18];
-	let t12;
-	if ($[19] !== deleteDraft.isPending) {
-		t12 = deleteDraft.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[19] = deleteDraft.isPending;
-		$[20] = t12;
-	} else t12 = $[20];
-	const t13 = discard ? "Discard changes" : "Delete draft";
-	let t14;
-	if ($[21] !== deleteDraft.isPending || $[22] !== t11 || $[23] !== t12 || $[24] !== t13) {
-		t14 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+		$[8] = deleteDraft.isPending;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== deleteDraft || $[11] !== projectId) {
+		t6 = () => deleteDraft.mutate({ projectId });
+		$[10] = deleteDraft;
+		$[11] = projectId;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== deleteDraft.isPending) {
+		t7 = deleteDraft.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[13] = deleteDraft.isPending;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== deleteDraft.isPending || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(AlertDialogAction, {
 			variant: "destructive",
 			disabled: deleteDraft.isPending,
-			onClick: t11,
-			children: [t12, t13]
+			onClick: t6,
+			children: [t7, "Delete draft"]
 		});
-		$[21] = deleteDraft.isPending;
-		$[22] = t11;
-		$[23] = t12;
-		$[24] = t13;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== t10 || $[27] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t10, t14] });
-		$[26] = t10;
-		$[27] = t14;
-		$[28] = t15;
-	} else t15 = $[28];
-	let t16;
-	if ($[29] !== t15 || $[30] !== t9) {
-		t16 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t9, t15] });
-		$[29] = t15;
-		$[30] = t9;
-		$[31] = t16;
-	} else t16 = $[31];
-	let t17;
-	if ($[32] !== open || $[33] !== t16 || $[34] !== t4) {
-		t17 = /* @__PURE__ */ jsx(AlertDialog, {
+		$[15] = deleteDraft.isPending;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t5 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t4, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t5, t8] })] });
+		$[19] = t5;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== open || $[23] !== t3 || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsx(AlertDialog, {
 			open,
-			onOpenChange: t4,
-			children: t16
+			onOpenChange: t3,
+			children: t9
 		});
-		$[32] = open;
-		$[33] = t16;
-		$[34] = t4;
-		$[35] = t17;
-	} else t17 = $[35];
-	return t17;
+		$[22] = open;
+		$[23] = t3;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	return t10;
 }
-function _temp14(error) {
+function _temp13(error) {
 	return toast.error(error.message || "Could not delete the draft");
 }
 
 //#endregion
-export { DeleteDraftDialog, ReviewDraftSheet, useLeaveDraft, useRenameDraft };
+export { DeleteDraftDialog, ReviewDraftSheet };