camox 0.44.0 → 0.45.0

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

@@ -0,0 +1,1472 @@
+import { useDraftScope } from "../../../lib/draft-scope.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { cn } from "../../../lib/utils.js";
+import { draftMutations } from "../../../lib/queries.js";
+import { localeLabel } from "../localeOptions.js";
+import { draftLabel, plural, timeAgo } from "../draftLabel.js";
+import { useRenameDraft } from "./RenameDraftDialog.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { CONFLICTS_CHANGED_ERROR, TRANSLATIONS_PENDING_ERROR } from "@camox/api-contract/drafts";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Sheet, SheetContent, SheetDescription, SheetTitle } from "@camox/ui/sheet";
+import { Blocks, ChevronRight, CircleCheck, Database, FileText, History, Image, Info, Languages, OctagonX, PanelsTopLeft, Shapes, Trash2, TriangleAlert, Unlink } from "lucide-react";
+import { toast } from "@camox/ui/toaster";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Spinner } from "@camox/ui/spinner";
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "@camox/ui/accordion";
+
+//#region src/features/studio/components/ReviewDraftSheet.tsx
+const dateFormat = new Intl.DateTimeFormat(void 0, {
+	month: "short",
+	day: "numeric"
+});
+/** Where a subject sits: its page or layout, or the files, which belong to neither. */
+function ownerName(owner, entity) {
+	if (!owner) return entity === "file" ? "Files" : "Elsewhere";
+	if (owner.kind === "layout") return `Layout ${owner.name}`;
+	if (owner.kind === "syncedBlock") return `Synced block ${owner.title}`;
+	if (owner.kind === "collection") return owner.title;
+	return owner.nickname || owner.path;
+}
+/**
+* Where to find a problem. One with nowhere to find it, like a definition that differs from
+* Live's, names only itself.
+*/
+function problemPlace(problem) {
+	if (!problem.owner && problem.entity !== "file") return null;
+	return ownerName(problem.owner, problem.entity);
+}
+const groupKind = ({ owner, entity }) => {
+	if (owner) return owner.kind;
+	if (entity === "file") return "files";
+	return entity === "locale" ? "languages" : "elsewhere";
+};
+/** Where a change is listed: its page or layout, the files, or the languages for a locale. */
+const placeOf = (change) => change.entity === "locale" ? "Languages" : ownerName(change.owner, change.entity);
+/** What a change is listed as: a locale added or removed by its name, anything else its label. */
+const changeLabel = (change) => change.entity === "locale" ? localeLabel(change.label) : change.label;
+const GROUPS = {
+	page: {
+		rank: 0,
+		icon: FileText
+	},
+	layout: {
+		rank: 1,
+		icon: PanelsTopLeft
+	},
+	syncedBlock: {
+		rank: 2,
+		icon: Blocks
+	},
+	collection: {
+		rank: 3,
+		icon: Database
+	},
+	files: {
+		rank: 4,
+		icon: Image
+	},
+	languages: {
+		rank: 5,
+		icon: Languages
+	},
+	elsewhere: {
+		rank: 6,
+		icon: Shapes
+	}
+};
+const CHANGES = {
+	created: {
+		sign: "+",
+		className: "text-green-600 dark:text-green-400"
+	},
+	changed: {
+		sign: "~",
+		className: "text-muted-foreground"
+	},
+	deleted: {
+		sign: "−",
+		className: "text-destructive"
+	}
+};
+const TONES = {
+	danger: {
+		card: "border-destructive/30 bg-destructive/5",
+		icon: "bg-destructive/10 text-destructive"
+	},
+	warning: {
+		card: "border-amber-500/30 bg-amber-500/5",
+		icon: "bg-amber-500/15 text-amber-600 dark:text-amber-400"
+	},
+	success: {
+		card: "border-green-500/30 bg-green-500/5",
+		icon: "bg-green-500/15 text-green-600 dark:text-green-400"
+	},
+	neutral: {
+		card: "bg-muted/40",
+		icon: "bg-muted text-muted-foreground"
+	}
+};
+/** A conflict as Live's version of an entity in a locale, to tell a new one from those shown. */
+const conflictKey = (conflict) => JSON.stringify([
+	conflict.entity,
+	conflict.id,
+	conflict.locale,
+	conflict.liveVersion
+]);
+/** Who made Live's version of a conflicting entity: a member, a release, or nobody known. */
+function changedBy(conflict) {
+	if (conflict.release) return " by a release";
+	if (conflict.publishedBy) return ` by ${conflict.publishedBy.name}`;
+	return "";
+}
+const LOST_REASONS = {
+	parentGone: "What it belongs to is gone from Live and from this draft, so it's dropped.",
+	writtenAfterDeletion: "This draft deletes what it was added to, so it goes too."
+};
+/** The verdict at the top of the review: can this draft go to Live, and is there a catch? */
+function Verdict(t0) {
+	const $ = c(23);
+	const { preview } = t0;
+	const { blockers, conflicts, lost } = preview;
+	const catches = conflicts.length + lost.length;
+	let t1;
+	if ($[0] !== blockers.length || $[1] !== catches) {
+		t1 = blockers.length ? [
+			"danger",
+			OctagonX,
+			"Not ready to publish",
+			`Fix ${blockers.length === 1 ? "this problem" : `these ${blockers.length} problems`} in the draft first.`
+		] : catches ? [
+			"warning",
+			TriangleAlert,
+			`Ready, with ${plural(catches, "thing")} to know`,
+			"Publishing replaces Live's version wherever the two differ."
+		] : [
+			"success",
+			CircleCheck,
+			"Ready to publish",
+			"Nothing on Live changed since this draft did."
+		];
+		$[0] = blockers.length;
+		$[1] = catches;
+		$[2] = t1;
+	} else t1 = $[2];
+	const [tone, Icon, title, description] = t1;
+	const t2 = TONES[tone];
+	let t3;
+	if ($[3] !== t2.card) {
+		t3 = cn("flex gap-3 rounded-xl border p-4", t2.card);
+		$[3] = t2.card;
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = TONES[tone];
+	let t5;
+	if ($[5] !== t4.icon) {
+		t5 = cn("flex size-9 shrink-0 items-center justify-center rounded-lg", t4.icon);
+		$[5] = t4.icon;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== Icon) {
+		t6 = /* @__PURE__ */ jsx(Icon, { className: "size-5" });
+		$[7] = Icon;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t5 || $[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: t5,
+			children: t6
+		});
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== title) {
+		t8 = /* @__PURE__ */ jsx("p", {
+			className: "font-medium",
+			children: title
+		});
+		$[12] = title;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== description) {
+		t9 = /* @__PURE__ */ jsx("p", {
+			className: "text-foreground/70 text-sm",
+			children: description
+		});
+		$[14] = description;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== t8 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-0.5",
+			children: [t8, t9]
+		});
+		$[16] = t8;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== t10 || $[20] !== t3 || $[21] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t7, t10]
+		});
+		$[19] = t10;
+		$[20] = t3;
+		$[21] = t7;
+		$[22] = t11;
+	} else t11 = $[22];
+	return t11;
+}
+const INSIGHT_LIST = "bg-background divide-y overflow-hidden rounded-lg border";
+function Insight(t0) {
+	const $ = c(23);
+	const { tone, icon: Icon, title, hint, count, children } = t0;
+	const t1 = TONES[tone];
+	let t2;
+	if ($[0] !== t1.icon) {
+		t2 = cn("flex size-6 shrink-0 items-center justify-center rounded-md", t1.icon);
+		$[0] = t1.icon;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== Icon) {
+		t3 = /* @__PURE__ */ jsx(Icon, { className: "size-3.5" });
+		$[2] = Icon;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t2 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t2,
+			children: t3
+		});
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== title) {
+		t5 = /* @__PURE__ */ jsx("h3", {
+			className: "text-sm font-medium",
+			children: title
+		});
+		$[7] = title;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== count) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground bg-muted rounded-full px-1.5 text-xs tabular-nums",
+			children: count
+		});
+		$[9] = count;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t4 || $[12] !== t5 || $[13] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== hint) {
+		t8 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: hint
+		});
+		$[15] = hint;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== children) {
+		t9 = /* @__PURE__ */ jsx("ul", {
+			className: INSIGHT_LIST,
+			children
+		});
+		$[17] = children;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("section", {
+			className: "flex flex-col gap-2",
+			children: [
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	return t10;
+}
+function InsightItem(t0) {
+	const $ = c(12);
+	const { label, place, detail } = t0;
+	let t1;
+	if ($[0] !== label) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: "truncate text-sm font-medium",
+			children: label
+		});
+		$[0] = label;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== place) {
+		t2 = place && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground truncate text-xs",
+			children: place
+		});
+		$[2] = place;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-baseline gap-2",
+			children: [t1, t2]
+		});
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== detail) {
+		t4 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: detail
+		});
+		$[7] = detail;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("li", {
+			className: "flex flex-col gap-0.5 px-3 py-2.5",
+			children: [t3, t4]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+/** From how many problems sharing a message they read as one item, naming each subject. */
+const SHARED_MESSAGE_MIN = 3;
+/**
+* Problems, with those sharing a message folded into one item: a draft can hold dozens of
+* definitions to release, and the message is the same for each.
+*/
+function ProblemItems({ problems }) {
+	const byMessage = /* @__PURE__ */ new Map();
+	for (const problem of problems) byMessage.set(problem.message, [...byMessage.get(problem.message) ?? [], problem]);
+	return [...byMessage].flatMap(([message, shared]) => {
+		if (shared.length < SHARED_MESSAGE_MIN) return shared.map((problem) => /* @__PURE__ */ jsx(InsightItem, {
+			label: problem.label,
+			place: problemPlace(problem),
+			detail: problem.message
+		}, `${problem.code}:${problem.id}:${problem.field}`));
+		return [/* @__PURE__ */ jsxs("li", {
+			className: "flex flex-col gap-2 px-3 py-2.5",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: message
+			}), /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-wrap gap-1",
+				children: shared.map((problem) => {
+					const place = problemPlace(problem);
+					return /* @__PURE__ */ jsxs("li", {
+						className: "bg-muted text-muted-foreground rounded-md px-1.5 py-0.5 text-xs",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-foreground",
+							children: problem.label
+						}), place && ` · ${place}`]
+					}, `${problem.code}:${problem.id}:${problem.field}`);
+				})
+			})]
+		}, `shared:${message}`)];
+	});
+}
+/** What publishing will do, in the order ADR 0009 lists it. */
+function Insights(t0) {
+	const $ = c(13);
+	const { preview } = t0;
+	const { blockers, conflicts, lost, warnings } = preview;
+	let t1;
+	if ($[0] !== blockers) {
+		t1 = blockers.length > 0 && /* @__PURE__ */ jsx("ul", {
+			className: INSIGHT_LIST,
+			children: /* @__PURE__ */ jsx(ProblemItems, { problems: blockers })
+		});
+		$[0] = blockers;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== conflicts) {
+		t2 = conflicts.length > 0 && /* @__PURE__ */ jsx(Insight, {
+			tone: "warning",
+			icon: History,
+			title: "Changed on Live since this draft",
+			hint: "This draft's version replaces Live's. Check nothing important gets overwritten.",
+			count: conflicts.length,
+			children: conflicts.map(_temp)
+		});
+		$[2] = conflicts;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== lost) {
+		t3 = lost.length > 0 && /* @__PURE__ */ jsx(Insight, {
+			tone: "warning",
+			icon: Unlink,
+			title: "Changes that will be lost",
+			hint: "These can't be kept, and can't be brought back after publishing.",
+			count: lost.length,
+			children: lost.map(_temp2)
+		});
+		$[4] = lost;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== warnings) {
+		t4 = warnings.length > 0 && /* @__PURE__ */ jsx(Insight, {
+			tone: "neutral",
+			icon: Info,
+			title: "Already on Live",
+			hint: "These don't block publishing, but are worth fixing.",
+			count: warnings.length,
+			children: /* @__PURE__ */ jsx(ProblemItems, { problems: warnings })
+		});
+		$[6] = warnings;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t1,
+			t2,
+			t3,
+			t4
+		] });
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+}
+function _temp2(change) {
+	return /* @__PURE__ */ jsx(InsightItem, {
+		label: change.label,
+		place: ownerName(change.owner, change.entity),
+		detail: LOST_REASONS[change.reason]
+	}, change.id);
+}
+function _temp(conflict) {
+	return /* @__PURE__ */ jsx(InsightItem, {
+		label: conflict.label,
+		place: ownerName(conflict.owner, conflict.entity),
+		detail: /* @__PURE__ */ jsxs(Fragment, { children: [
+			conflict.liveVersion === null ? "Deleted" : "Changed",
+			changedBy(conflict),
+			conflict.publishedAt ? `, ${dateFormat.format(conflict.publishedAt)}` : ""
+		] })
+	}, conflict.id);
+}
+/** Changes grouped by where they're listed: pages first, then layouts, then collections. */
+function placesOf(changes) {
+	const places = /* @__PURE__ */ new Map();
+	const sorted = [...changes].sort((a, b) => GROUPS[groupKind(a)].rank - GROUPS[groupKind(b)].rank);
+	for (const change of sorted) {
+		const name = placeOf(change);
+		const place = places.get(name) ?? {
+			kind: groupKind(change),
+			changes: []
+		};
+		place.changes.push(change);
+		places.set(name, place);
+	}
+	return places;
+}
+/**
+* Changes grouped by locale, the default locale first, then what's stored once, like files,
+* under no locale. A draft changing only its default locale names no locale at all.
+*/
+function localesOf(changes, defaultLocale) {
+	const tags = [...new Set(changes.flatMap((change) => change.locale ?? []))];
+	if (defaultLocale ? tags.every((tag) => tag === defaultLocale) : tags.length <= 1) return [{
+		locale: null,
+		places: placesOf(changes)
+	}];
+	const rank = (tag) => tag === defaultLocale ? 0 : tag === null ? 2 : 1;
+	return [...tags, null].sort((a, b) => rank(a) - rank(b) || localeLabel(a ?? "").localeCompare(localeLabel(b ?? ""))).map((locale) => ({
+		locale,
+		places: placesOf(changes.filter((change) => change.locale === locale))
+	})).filter(({ places }) => places.size > 0);
+}
+/** The changes listed in one place. */
+function Place(t0) {
+	const $ = c(12);
+	const { name, place } = t0;
+	const Icon = GROUPS[place.kind].icon;
+	let t1;
+	if ($[0] !== Icon) {
+		t1 = /* @__PURE__ */ jsx(Icon, { className: "size-3.5" });
+		$[0] = Icon;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== name || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("h4", {
+			className: "text-muted-foreground flex items-center gap-1.5 text-xs font-medium",
+			children: [t1, name]
+		});
+		$[2] = name;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== place.changes) {
+		t3 = place.changes.map(_temp3);
+		$[5] = place.changes;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== t3) {
+		t4 = /* @__PURE__ */ jsx("ul", {
+			className: "flex flex-col",
+			children: t3
+		});
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t2 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("section", {
+			className: "flex flex-col gap-1",
+			children: [t2, t4]
+		});
+		$[9] = t2;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+function _temp3(change) {
+	return /* @__PURE__ */ jsxs("li", {
+		className: "flex items-center gap-2 py-0.5 pl-5 text-sm",
+		title: change.change,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: cn("w-2 text-center font-mono", CHANGES[change.change].className),
+				children: CHANGES[change.change].sign
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				"data-change-label": true,
+				children: changeLabel(change)
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [
+					"(",
+					change.change,
+					")"
+				]
+			})
+		]
+	}, `${change.entity}:${change.id}`);
+}
+/**
+* The draft's changes, grouped by locale once the draft changes more than its default locale,
+* then by page, layout and collection. Collapsed at first: the insights above are what to read
+* before publishing.
+*/
+function Changes(t0) {
+	const $ = c(46);
+	const { changes, defaultLocale } = t0;
+	let t1;
+	if ($[0] !== changes) {
+		t1 = new Set(changes.map(placeOf));
+		$[0] = changes;
+		$[1] = t1;
+	} else t1 = $[1];
+	const groups = t1;
+	let T0;
+	let T1;
+	let T2;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[2] !== changes || $[3] !== defaultLocale || $[4] !== groups.size) {
+		t6 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const locales = localesOf(changes, defaultLocale);
+			if (groups.size === 0) {
+				let t7;
+				if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+					t7 = /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: "This draft has no changes."
+					});
+					$[13] = t7;
+				} else t7 = $[13];
+				t6 = t7;
+				break bb0;
+			}
+			let t7;
+			if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+				t7 = Object.keys(CHANGES);
+				$[14] = t7;
+			} else t7 = $[14];
+			let t8;
+			if ($[15] !== changes) {
+				t8 = t7.map((kind) => [kind, changes.filter((change) => change.change === kind).length]).filter(_temp4);
+				$[15] = changes;
+				$[16] = t8;
+			} else t8 = $[16];
+			const counts = t8;
+			T2 = Accordion;
+			t5 = "rounded-lg border";
+			T1 = AccordionItem;
+			let t9;
+			if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+				t9 = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-data-panel-open:rotate-90" });
+				$[17] = t9;
+			} else t9 = $[17];
+			let t10;
+			if ($[18] !== changes.length) {
+				t10 = plural(changes.length, "change");
+				$[18] = changes.length;
+				$[19] = t10;
+			} else t10 = $[19];
+			let t11;
+			if ($[20] !== t10) {
+				t11 = /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: t10
+				});
+				$[20] = t10;
+				$[21] = t11;
+			} else t11 = $[21];
+			let t12;
+			if ($[22] !== groups.size) {
+				t12 = plural(groups.size, "place");
+				$[22] = groups.size;
+				$[23] = t12;
+			} else t12 = $[23];
+			let t13;
+			if ($[24] !== t12) {
+				t13 = /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground text-sm",
+					children: ["in ", t12]
+				});
+				$[24] = t12;
+				$[25] = t13;
+			} else t13 = $[25];
+			let t14;
+			if ($[26] !== counts) {
+				t14 = /* @__PURE__ */ jsx("span", {
+					className: "ml-auto flex items-center gap-2 text-xs tabular-nums",
+					children: counts.map(_temp5)
+				});
+				$[26] = counts;
+				$[27] = t14;
+			} else t14 = $[27];
+			if ($[28] !== t11 || $[29] !== t13 || $[30] !== t14) {
+				t4 = /* @__PURE__ */ jsx(AccordionHeader, { children: /* @__PURE__ */ jsxs(AccordionTrigger, {
+					className: "group hover:bg-muted/50 flex w-full items-center gap-2 rounded-lg px-3 py-2.5 text-left",
+					children: [
+						t9,
+						t11,
+						t13,
+						t14
+					]
+				}) });
+				$[28] = t11;
+				$[29] = t13;
+				$[30] = t14;
+				$[31] = t4;
+			} else t4 = $[31];
+			T0 = AccordionPanel;
+			t2 = "flex flex-col gap-4 border-t px-3 py-3";
+			t3 = locales.map(_temp7);
+		}
+		$[2] = changes;
+		$[3] = defaultLocale;
+		$[4] = groups.size;
+		$[5] = T0;
+		$[6] = T1;
+		$[7] = T2;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else {
+		T0 = $[5];
+		T1 = $[6];
+		T2 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		t5 = $[11];
+		t6 = $[12];
+	}
+	if (t6 !== Symbol.for("react.early_return_sentinel")) return t6;
+	let t7;
+	if ($[32] !== t2 || $[33] !== t3) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t3
+		});
+		$[32] = t2;
+		$[33] = t3;
+		$[34] = t7;
+	} else t7 = $[34];
+	let t8;
+	if ($[35] !== T0 || $[36] !== t7) {
+		t8 = /* @__PURE__ */ jsx(T0, { children: t7 });
+		$[35] = T0;
+		$[36] = t7;
+		$[37] = t8;
+	} else t8 = $[37];
+	let t9;
+	if ($[38] !== T1 || $[39] !== t4 || $[40] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T1, { children: [t4, t8] });
+		$[38] = T1;
+		$[39] = t4;
+		$[40] = t8;
+		$[41] = t9;
+	} else t9 = $[41];
+	let t10;
+	if ($[42] !== T2 || $[43] !== t5 || $[44] !== t9) {
+		t10 = /* @__PURE__ */ jsx(T2, {
+			className: t5,
+			children: t9
+		});
+		$[42] = T2;
+		$[43] = t5;
+		$[44] = t9;
+		$[45] = t10;
+	} else t10 = $[45];
+	return t10;
+}
+function _temp7(t0) {
+	const { locale, places } = t0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4",
+		children: [locale && /* @__PURE__ */ jsx("p", {
+			className: "text-sm font-medium",
+			"data-change-locale": true,
+			children: localeLabel(locale)
+		}), [...places].map(_temp6)]
+	}, locale ?? "");
+}
+function _temp6(t0) {
+	const [name, place] = t0;
+	return /* @__PURE__ */ jsx(Place, {
+		name,
+		place
+	}, name);
+}
+function _temp5(t0) {
+	const [kind_0, count_0] = t0;
+	return /* @__PURE__ */ jsxs("span", {
+		title: `${count_0} ${kind_0}`,
+		className: CHANGES[kind_0].className,
+		children: [CHANGES[kind_0].sign, count_0]
+	}, kind_0);
+}
+function _temp4(t0) {
+	const [, count] = t0;
+	return count > 0;
+}
+/**
+* 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.
+*/
+function useLeaveDraft() {
+	const $ = c(2);
+	const draftScope = useDraftScope();
+	let t0;
+	if ($[0] !== draftScope) {
+		t0 = (ended) => {
+			if (draftScope.leave(ended) && ended) toast.success(`Draft ${ended.outcome}. You're now viewing Live.`);
+		};
+		$[0] = draftScope;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+/**
+* 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(20);
+	const { projectId, draft, ref } = 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] !== save) {
+		t4 = (event) => save(event.currentTarget);
+		$[9] = save;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== name) {
+		t5 = (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();
+		};
+		$[11] = name;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== name || $[14] !== ref || $[15] !== t2 || $[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsx("input", {
+			ref,
+			"aria-label": "Draft name",
+			defaultValue: name,
+			placeholder: t2,
+			title: t3,
+			maxLength: 200,
+			className: "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",
+			onBlur: t4,
+			onKeyDown: t5
+		}, name);
+		$[13] = name;
+		$[14] = ref;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
+}
+/**
+* Reviews a draft before publishing it whole, or discards 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(106);
+	const { projectId, draftId, open, startRenaming: t1, onOpenChange } = t0;
+	const startRenaming = t1 === void 0 ? false : t1;
+	const [confirmingDiscard, setConfirmingDiscard] = React.useState(false);
+	let t2;
+	if ($[0] !== draftId || $[1] !== projectId) {
+		t2 = reads.publishPreview({
+			projectId,
+			draftId
+		});
+		$[0] = draftId;
+		$[1] = projectId;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== open) {
+		t3 = { enabled: open };
+		$[3] = open;
+		$[4] = t3;
+	} else t3 = $[4];
+	const preview = useReadQuery(t2, t3);
+	let t4;
+	if ($[5] !== draftId || $[6] !== projectId) {
+		t4 = reads.draft({
+			projectId,
+			draftId
+		});
+		$[5] = draftId;
+		$[6] = projectId;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== open) {
+		t5 = { enabled: open };
+		$[8] = open;
+		$[9] = t5;
+	} else t5 = $[9];
+	const draft = useReadQuery(t4, t5);
+	const leaveDraft = useLeaveDraft();
+	const popup = React.useRef(null);
+	const nameInput = React.useRef(null);
+	let t6;
+	if ($[10] !== startRenaming) {
+		t6 = () => {
+			if (startRenaming && nameInput.current) {
+				nameInput.current.select();
+				return nameInput.current;
+			}
+			return popup.current;
+		};
+		$[10] = startRenaming;
+		$[11] = t6;
+	} else t6 = $[11];
+	const initialFocus = t6;
+	let t7;
+	if ($[12] !== draft.data?.translatingLocales) {
+		t7 = draft.data?.translatingLocales.join(",");
+		$[12] = draft.data?.translatingLocales;
+		$[13] = t7;
+	} else t7 = $[13];
+	const pending = t7;
+	const seenPending = React.useRef(pending);
+	const { refetch } = preview;
+	let t8;
+	let t9;
+	if ($[14] !== pending || $[15] !== refetch) {
+		t8 = () => {
+			if (seenPending.current !== void 0 && seenPending.current !== pending) refetch();
+			seenPending.current = pending;
+		};
+		t9 = [pending, refetch];
+		$[14] = pending;
+		$[15] = refetch;
+		$[16] = t8;
+		$[17] = t9;
+	} else {
+		t8 = $[16];
+		t9 = $[17];
+	}
+	React.useEffect(t8, t9);
+	let t10;
+	if ($[18] !== leaveDraft || $[19] !== onOpenChange) {
+		t10 = (ended) => {
+			onOpenChange(false);
+			leaveDraft(ended);
+		};
+		$[18] = leaveDraft;
+		$[19] = onOpenChange;
+		$[20] = t10;
+	} else t10 = $[20];
+	const leave = t10;
+	let t11;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = draftMutations.publish();
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== leave || $[23] !== preview) {
+		t12 = (t13) => {
+			const { empty, ended: ended_0 } = t13;
+			if (!empty) return leave(ended_0);
+			toast.info("This draft has no changes, so there is nothing to publish.");
+			preview.refetch();
+		};
+		$[22] = leave;
+		$[23] = preview;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== preview) {
+		t13 = (error) => {
+			if (error.code === CONFLICTS_CHANGED_ERROR) {
+				toast.error("Live changed since you opened this review. Check the new list.");
+				preview.refetch();
+				return;
+			}
+			if (error.code === TRANSLATIONS_PENDING_ERROR) {
+				toast.info("Translations are still running. Wait for them, or publish anyway.");
+				preview.refetch();
+				return;
+			}
+			toast.error(error.message || "Could not publish the draft");
+			preview.refetch();
+		};
+		$[25] = preview;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t12 || $[28] !== t13) {
+		t14 = {
+			...t11,
+			onSuccess: t12,
+			onError: t13
+		};
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t14;
+	} else t14 = $[29];
+	const publish = useMutation(t14);
+	const data = preview.data;
+	const busy = publish.isPending;
+	const ready = !!data && data.blockers.length === 0 && !busy && !preview.isFetching;
+	let t15;
+	if ($[30] !== data?.translating) {
+		t15 = data?.translating ?? [];
+		$[30] = data?.translating;
+		$[31] = t15;
+	} else t15 = $[31];
+	const translating = t15;
+	const [waiting, setWaiting] = React.useState(null);
+	const translated = !!data && !preview.isFetching && data.translating.length === 0;
+	if (waiting && translated) {
+		const appeared = data.conflicts.some((conflict) => !waiting.conflicts.has(conflictKey(conflict)));
+		if (data.blockers.length > 0 || appeared) setWaiting(null);
+	}
+	const { mutate } = publish;
+	let t16;
+	let t17;
+	if ($[32] !== busy || $[33] !== data || $[34] !== mutate || $[35] !== projectId || $[36] !== translated || $[37] !== waiting) {
+		t16 = () => {
+			if (!waiting || !translated || !data || busy) return;
+			mutate({
+				projectId,
+				token: data.token
+			}, { onSettled: () => setWaiting(null) });
+		};
+		t17 = [
+			waiting,
+			translated,
+			data,
+			busy,
+			mutate,
+			projectId
+		];
+		$[32] = busy;
+		$[33] = data;
+		$[34] = mutate;
+		$[35] = projectId;
+		$[36] = translated;
+		$[37] = waiting;
+		$[38] = t16;
+		$[39] = t17;
+	} else {
+		t16 = $[38];
+		t17 = $[39];
+	}
+	React.useEffect(t16, t17);
+	let t18;
+	if ($[40] !== data || $[41] !== projectId || $[42] !== publish || $[43] !== translating.length) {
+		t18 = () => {
+			if (!data) return;
+			if (translating.length === 0) return publish.mutate({
+				projectId,
+				token: data.token
+			});
+			setWaiting({ conflicts: new Set(data.conflicts.map(conflictKey)) });
+		};
+		$[40] = data;
+		$[41] = projectId;
+		$[42] = publish;
+		$[43] = translating.length;
+		$[44] = t18;
+	} else t18 = $[44];
+	const publishAll = t18;
+	let t19;
+	if ($[45] !== draft.data || $[46] !== projectId) {
+		t19 = draft.data?.kind === "regular" ? /* @__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.data ? draftLabel(draft.data) : "Draft"
+		});
+		$[45] = draft.data;
+		$[46] = projectId;
+		$[47] = t19;
+	} else t19 = $[47];
+	let t20;
+	if ($[48] !== draft.data) {
+		t20 = draft.data ? `${draft.data.createdBy.name} · started ${timeAgo(draft.data.createdAt)}` : "Publishing applies this whole draft to Live.";
+		$[48] = draft.data;
+		$[49] = t20;
+	} else t20 = $[49];
+	let t21;
+	if ($[50] !== t20) {
+		t21 = /* @__PURE__ */ jsx(SheetDescription, { children: t20 });
+		$[50] = t20;
+		$[51] = t21;
+	} else t21 = $[51];
+	let t22;
+	if ($[52] !== t19 || $[53] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1 border-b p-4 pr-12",
+			children: [t19, t21]
+		});
+		$[52] = t19;
+		$[53] = t21;
+		$[54] = t22;
+	} else t22 = $[54];
+	let t23;
+	if ($[55] !== data) {
+		t23 = data ? /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-6 overflow-y-auto p-4",
+			children: [
+				/* @__PURE__ */ jsx(Verdict, { preview: data }),
+				/* @__PURE__ */ jsx(Insights, { preview: data }),
+				/* @__PURE__ */ jsx(Changes, {
+					changes: data.changes,
+					defaultLocale: data.defaultLocale ?? void 0
+				})
+			]
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" })
+		});
+		$[55] = data;
+		$[56] = t23;
+	} else t23 = $[56];
+	let t24;
+	if ($[57] !== translating || $[58] !== waiting) {
+		t24 = translating.length > 0 && /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground flex items-center gap-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsx(Spinner, {
+					"aria-hidden": true,
+					className: "size-3.5 shrink-0"
+				}),
+				"Translating into ",
+				translating.map(localeLabel).join(", "),
+				"…",
+				" ",
+				waiting ? "Publishing once translated." : "Publishing waits for it."
+			]
+		});
+		$[57] = translating;
+		$[58] = waiting;
+		$[59] = t24;
+	} else t24 = $[59];
+	let t25;
+	if ($[60] !== data) {
+		t25 = data && data.conflicts.length > 0 && /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-sm",
+			children: [plural(data.conflicts.length, "Live change"), " will be overwritten"]
+		});
+		$[60] = data;
+		$[61] = t25;
+	} else t25 = $[61];
+	let t26;
+	let t27;
+	if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = () => setConfirmingDiscard(true);
+		t27 = /* @__PURE__ */ jsx(Trash2, {});
+		$[62] = t26;
+		$[63] = t27;
+	} else {
+		t26 = $[62];
+		t27 = $[63];
+	}
+	let t28;
+	if ($[64] !== busy) {
+		t28 = /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			className: "text-destructive",
+			disabled: busy,
+			onClick: t26,
+			children: [t27, "Discard draft"]
+		});
+		$[64] = busy;
+		$[65] = t28;
+	} else t28 = $[65];
+	let t29;
+	if ($[66] !== data || $[67] !== projectId || $[68] !== publish || $[69] !== ready || $[70] !== translating.length) {
+		t29 = translating.length > 0 && /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			className: "ml-auto",
+			disabled: !ready,
+			onClick: () => data && publish.mutate({
+				projectId,
+				token: data.token,
+				publishAnyway: true
+			}),
+			children: "Publish anyway"
+		});
+		$[66] = data;
+		$[67] = projectId;
+		$[68] = publish;
+		$[69] = ready;
+		$[70] = translating.length;
+		$[71] = t29;
+	} else t29 = $[71];
+	const t30 = translating.length === 0 && "ml-auto";
+	let t31;
+	if ($[72] !== t30) {
+		t31 = cn(t30);
+		$[72] = t30;
+		$[73] = t31;
+	} else t31 = $[73];
+	const t32 = !ready || !!waiting;
+	let t33;
+	if ($[74] !== publish.isPending || $[75] !== waiting) {
+		t33 = publish.isPending || waiting ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[74] = publish.isPending;
+		$[75] = waiting;
+		$[76] = t33;
+	} else t33 = $[76];
+	let t34;
+	if ($[77] !== publishAll || $[78] !== t31 || $[79] !== t32 || $[80] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(Button, {
+			className: t31,
+			disabled: t32,
+			onClick: publishAll,
+			children: [t33, "Publish all"]
+		});
+		$[77] = publishAll;
+		$[78] = t31;
+		$[79] = t32;
+		$[80] = t33;
+		$[81] = t34;
+	} else t34 = $[81];
+	let t35;
+	if ($[82] !== t28 || $[83] !== t29 || $[84] !== t34) {
+		t35 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				t28,
+				t29,
+				t34
+			]
+		});
+		$[82] = t28;
+		$[83] = t29;
+		$[84] = t34;
+		$[85] = t35;
+	} else t35 = $[85];
+	let t36;
+	if ($[86] !== t24 || $[87] !== t25 || $[88] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 border-t p-4",
+			children: [
+				t24,
+				t25,
+				t35
+			]
+		});
+		$[86] = t24;
+		$[87] = t25;
+		$[88] = t35;
+		$[89] = t36;
+	} else t36 = $[89];
+	let t37;
+	if ($[90] !== initialFocus || $[91] !== t22 || $[92] !== t23 || $[93] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(SheetContent, {
+			ref: popup,
+			initialFocus,
+			side: "right",
+			className: "w-full gap-0 data-[side=right]:sm:max-w-lg",
+			children: [
+				t22,
+				t23,
+				t36
+			]
+		});
+		$[90] = initialFocus;
+		$[91] = t22;
+		$[92] = t23;
+		$[93] = t36;
+		$[94] = t37;
+	} else t37 = $[94];
+	let t38;
+	if ($[95] !== onOpenChange || $[96] !== open || $[97] !== t37) {
+		t38 = /* @__PURE__ */ jsx(Sheet, {
+			open,
+			onOpenChange,
+			children: t37
+		});
+		$[95] = onOpenChange;
+		$[96] = open;
+		$[97] = t37;
+		$[98] = t38;
+	} else t38 = $[98];
+	let t39;
+	if ($[99] !== confirmingDiscard || $[100] !== leave || $[101] !== projectId) {
+		t39 = /* @__PURE__ */ jsx(DiscardDraftDialog, {
+			projectId,
+			open: confirmingDiscard,
+			onOpenChange: setConfirmingDiscard,
+			onDiscarded: leave
+		});
+		$[99] = confirmingDiscard;
+		$[100] = leave;
+		$[101] = projectId;
+		$[102] = t39;
+	} else t39 = $[102];
+	let t40;
+	if ($[103] !== t38 || $[104] !== t39) {
+		t40 = /* @__PURE__ */ jsxs(Fragment, { children: [t38, t39] });
+		$[103] = t38;
+		$[104] = t39;
+		$[105] = t40;
+	} else t40 = $[105];
+	return t40;
+}
+/** Asks before discarding the draft the studio is in, then discards it. */
+function DiscardDraftDialog(t0) {
+	const $ = c(26);
+	const { projectId, open, onOpenChange, onDiscarded } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = draftMutations.discard();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== onDiscarded || $[2] !== onOpenChange) {
+		t2 = {
+			...t1,
+			onSuccess: (t3) => {
+				const { ended } = t3;
+				onOpenChange(false);
+				onDiscarded(ended);
+			},
+			onError: _temp8
+		};
+		$[1] = onDiscarded;
+		$[2] = onOpenChange;
+		$[3] = t2;
+	} else t2 = $[3];
+	const discard = useMutation(t2);
+	let t3;
+	if ($[4] !== discard.isPending || $[5] !== onOpenChange) {
+		t3 = (next) => {
+			if (!discard.isPending) onOpenChange(next);
+		};
+		$[4] = discard.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." })] });
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== discard.isPending) {
+		t5 = /* @__PURE__ */ jsx(AlertDialogCancel, {
+			variant: "outline",
+			size: "default",
+			disabled: discard.isPending,
+			children: "Cancel"
+		});
+		$[8] = discard.isPending;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== discard || $[11] !== projectId) {
+		t6 = () => discard.mutate({ projectId });
+		$[10] = discard;
+		$[11] = projectId;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== discard.isPending) {
+		t7 = discard.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[13] = discard.isPending;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== discard.isPending || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(AlertDialogAction, {
+			variant: "destructive",
+			disabled: discard.isPending,
+			onClick: t6,
+			children: [t7, "Discard draft"]
+		});
+		$[15] = discard.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: t3,
+			children: t9
+		});
+		$[22] = open;
+		$[23] = t3;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	return t10;
+}
+function _temp8(error) {
+	return toast.error(error.message || "Could not discard the draft");
+}
+
+//#endregion
+export { DiscardDraftDialog, ReviewDraftSheet, useLeaveDraft };