camox 0.72.0 → 0.74.1

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

@@ -1,1587 +0,0 @@
-import { reads, useReadQuery } from "../../../lib/studio-reads.js";
-import { cn } from "../../../lib/utils.js";
-import { draftMutations, patrolMutations } from "../../../lib/queries.js";
-import { previewStore } from "../../preview/previewStore.js";
-import { studioStore } from "../studioStore.js";
-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";
-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 { CircleAlert, CircleCheck, OctagonX, Replace, Trash2, TriangleAlert, Unlink } from "lucide-react";
-import { toast } from "@camox/ui/toaster";
-import { Skeleton } from "@camox/ui/skeleton";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
-import { Spinner } from "@camox/ui/spinner";
-
-//#region src/features/studio/components/ReviewDraftSheet.tsx
-const dateFormat = new Intl.DateTimeFormat(void 0, {
-	month: "short",
-	day: "numeric"
-});
-const listFormat = new Intl.ListFormat("en", {
-	style: "long",
-	type: "conjunction"
-});
-/** 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);
-}
-/**
-* Where a conflict or lost change sits: its page, layout or collection, and its locale when the
-* draft's change is in another than the default.
-*/
-function placeInLocale(subject, defaultLocale) {
-	const place = ownerName(subject.owner, subject.entity);
-	if (!subject.locale || subject.locale === defaultLocale) return place;
-	return `${place} · ${localeLabel(subject.locale)}`;
-}
-/** Where in the Canvas a blocker is, or null when it sits on no page, like a definition. */
-function blockerTarget(problem) {
-	if (problem.owner?.kind !== "page") return null;
-	return {
-		pageId: problem.owner.id,
-		locale: problem.locale,
-		blockId: problem.blockId,
-		itemId: problem.entity === "repeatableItem" ? problem.id : null,
-		field: problem.blockId && problem.field ? {
-			name: problem.field,
-			kind: problem.fieldKind
-		} : null
-	};
-}
-const isImage = (problem) => problem.fieldKind === "Image" || problem.fieldKind === "ImageList";
-/** What a blocker's action does, named by the fix where it's obvious. */
-function blockerActionLabel(problem) {
-	switch (problem.code) {
-		case "emptyRequiredFile": return isImage(problem) ? "Choose an image" : "Choose a file";
-		case "missingFile":
-		case "unacceptedFileType": return isImage(problem) ? "Choose another image" : "Choose another file";
-		case "emptyRequiredReference": return "Choose a record";
-		case "danglingReference": return "Choose another record";
-		case "duplicatePath": return "Fix the path";
-		case "missingMetaTitle": return "Write a meta title";
-		default: return "Show in Canvas";
-	}
-}
-const TONES = {
-	danger: {
-		card: "border-destructive/30 bg-destructive/5",
-		icon: "text-destructive"
-	},
-	warning: {
-		card: "border-amber-500/30 bg-amber-500/5",
-		icon: "text-amber-600 dark:text-amber-400"
-	}
-};
-/** 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
-]);
-const LOST_REASONS = {
-	parentGone: "What it belongs to is gone from Live and from this draft, so publishing drops this change.",
-	writtenAfterDeletion: "This draft deletes what it was added to, so publishing deletes it too."
-};
-/**
-* A card for something to know before publishing: blockers in red; removals, conflicts and lost
-* changes in amber.
-*/
-function Card(t0) {
-	const $ = c(22);
-	const { tone, icon: Icon, title, action, children } = t0;
-	const t1 = TONES[tone];
-	let t2;
-	if ($[0] !== t1.card) {
-		t2 = cn("flex items-start gap-2 rounded-lg border p-3", t1.card);
-		$[0] = t1.card;
-		$[1] = t2;
-	} else t2 = $[1];
-	const t3 = TONES[tone];
-	let t4;
-	if ($[2] !== t3.icon) {
-		t4 = cn("mt-0.5 size-4 shrink-0", t3.icon);
-		$[2] = t3.icon;
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
-	if ($[4] !== Icon || $[5] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Icon, { className: t4 });
-		$[4] = Icon;
-		$[5] = t4;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== title) {
-		t6 = /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-medium",
-			"data-card-title": true,
-			children: title
-		});
-		$[7] = title;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== children) {
-		t7 = children && /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground text-sm",
-			children
-		});
-		$[9] = children;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== action) {
-		t8 = action && /* @__PURE__ */ jsx("div", {
-			className: "pt-1",
-			children: action
-		});
-		$[11] = action;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t6 || $[14] !== t7 || $[15] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: "flex min-w-0 flex-1 flex-col gap-1",
-			children: [
-				t6,
-				t7,
-				t8
-			]
-		});
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== t2 || $[18] !== t5 || $[19] !== t9 || $[20] !== tone) {
-		t10 = /* @__PURE__ */ jsxs("li", {
-			className: t2,
-			"data-card": tone,
-			children: [t5, t9]
-		});
-		$[17] = t2;
-		$[18] = t5;
-		$[19] = t9;
-		$[20] = tone;
-		$[21] = t10;
-	} else t10 = $[21];
-	return t10;
-}
-/** From how many problems sharing a message they fold into one card, naming each subject. */
-const SHARED_MESSAGE_MIN = 3;
-/**
-* Warnings the review shows: what the draft's code removes while Live content uses it, which is
-* about the draft. Other warnings are about problems already on Live, and stay out (ADR 0009).
-*/
-const isShownWarning = (problem) => problem.code === "removedInUse";
-/**
-* One card per problem, saying what's wrong and where. Problems sharing a message fold into one
-* card naming each: a removed block can sit on dozens of pages, with the same message for each. A problem on a page has an
-* action that shows it in the Canvas; a blocker in the draft's code, which only the agent fixes,
-* one that opens the draft's thread.
-*/
-function ProblemCards({ problems, tone, icon, onShow, onOpenThread }) {
-	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) => {
-			const place = problemPlace(problem);
-			const target = blockerTarget(problem);
-			return /* @__PURE__ */ jsx(Card, {
-				tone,
-				icon,
-				title: problem.message,
-				action: problem.entity === "code" ? /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: "sm",
-					onClick: onOpenThread,
-					children: "Open the thread"
-				}) : target && /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => onShow(target),
-					children: blockerActionLabel(problem)
-				}),
-				children: place ? `${problem.label} · ${place}` : problem.label
-			}, `${problem.code}:${problem.id}:${problem.locale}:${problem.field}`);
-		});
-		return [/* @__PURE__ */ jsx(Card, {
-			tone,
-			icon,
-			title: message,
-			children: /* @__PURE__ */ jsx("ul", {
-				className: "flex flex-wrap gap-1 pt-0.5",
-				children: shared.map((problem) => {
-					const place = problemPlace(problem);
-					return /* @__PURE__ */ jsxs("li", {
-						className: "bg-background rounded-md border 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.locale}:${problem.field}`);
-				})
-			})
-		}, `shared:${message}`)];
-	});
-}
-/** Where the Canvas shows a finding: its field, in its block or item on its page. */
-function findingTarget(finding) {
-	const { place } = finding;
-	if (place?.kind !== "page") return null;
-	return {
-		pageId: place.pageId,
-		locale: finding.locale,
-		blockId: place.blockId,
-		itemId: place.itemId,
-		field: place.blockId ? {
-			name: finding.field,
-			kind: finding.fieldKind
-		} : null
-	};
-}
-/**
-* One card per open finding of the draft, which holds its publish (ADR 0033), with the Patrol's
-* actions: show it in the Canvas, apply its fix, or dismiss it.
-*/
-function FindingCards(t0) {
-	const $ = c(19);
-	const { projectId, findings, onChanged, onShow } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = patrolMutations.applyFix();
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== onChanged) {
-		t2 = {
-			...t1,
-			onSuccess: (t3) => {
-				const { applied } = t3;
-				if (!applied) toast.info("The link changed since it was checked, so it's being checked again.");
-				onChanged();
-			},
-			onError: _temp
-		};
-		$[1] = onChanged;
-		$[2] = t2;
-	} else t2 = $[2];
-	const applyFix = useMutation(t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = patrolMutations.dismissFinding();
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== onChanged) {
-		t4 = {
-			...t3,
-			onSuccess: onChanged,
-			onError: _temp2
-		};
-		$[4] = onChanged;
-		$[5] = t4;
-	} else t4 = $[5];
-	const dismiss = useMutation(t4);
-	const busy = applyFix.isPending || dismiss.isPending;
-	let t5;
-	if ($[6] !== applyFix || $[7] !== busy || $[8] !== dismiss || $[9] !== findings || $[10] !== onShow || $[11] !== projectId) {
-		let t6;
-		if ($[13] !== applyFix || $[14] !== busy || $[15] !== dismiss || $[16] !== onShow || $[17] !== projectId) {
-			t6 = (finding) => {
-				const target = findingTarget(finding);
-				return /* @__PURE__ */ jsx(Card, {
-					tone: "danger",
-					icon: CircleAlert,
-					title: findingSentence(finding),
-					action: /* @__PURE__ */ jsxs("span", {
-						className: "flex flex-wrap gap-1",
-						children: [
-							target && /* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => onShow(target),
-								children: "Show"
-							}),
-							finding.fix && /* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								disabled: busy,
-								onClick: () => applyFix.mutate({
-									projectId,
-									findingId: finding.id
-								}),
-								children: fixLabel(finding.fix)
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => studioStore.trigger.askAgent({ text: askAgentMessage(finding, finding.patroller.role) }),
-								children: "Ask the agent"
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								size: "sm",
-								disabled: busy,
-								onClick: () => dismiss.mutate({
-									projectId,
-									findingId: finding.id
-								}),
-								children: "Dismiss"
-							})
-						]
-					})
-				}, finding.id);
-			};
-			$[13] = applyFix;
-			$[14] = busy;
-			$[15] = dismiss;
-			$[16] = onShow;
-			$[17] = projectId;
-			$[18] = t6;
-		} else t6 = $[18];
-		t5 = findings.map(t6);
-		$[6] = applyFix;
-		$[7] = busy;
-		$[8] = dismiss;
-		$[9] = findings;
-		$[10] = onShow;
-		$[11] = projectId;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
-}
-function _temp2(error_0) {
-	return toast.error(error_0.message || "Could not dismiss it");
-}
-function _temp(error) {
-	return toast.error(error.message || "Could not apply the fix");
-}
-/** Who made Live's version of a conflict, as a sentence's subject: a member, a release, or none. */
-function whoChanged(conflict) {
-	if (conflict.release) return "A release";
-	return conflict.publishedBy?.name ?? null;
-}
-/** Whose edit a conflict replaces, as its card's title: a member's, a release's, or nobody's. */
-function conflictTitle(conflict) {
-	if (conflict.liveVersion === null) return `Brings back the ${conflict.label}`;
-	if (conflict.release) return `Replaces a release's change to the ${conflict.label}`;
-	if (conflict.publishedBy) return `Replaces ${conflict.publishedBy.name}'s edit to the ${conflict.label}`;
-	return `Replaces an edit to the ${conflict.label}`;
-}
-/** What publishing does to a conflict's entity, and when Live changed it. */
-function conflictDetail(conflict, draftDeletes) {
-	const who = whoChanged(conflict);
-	const when = conflict.publishedAt ? ` on ${dateFormat.format(conflict.publishedAt)}` : "";
-	if (conflict.liveVersion === null) return `${who ? `${who} deleted it from Live${when}.` : `Live deleted it${when}.`} Publishing brings it back.`;
-	const changed = who ? `${who} changed it on Live${when}.` : `Live changed it${when}.`;
-	return draftDeletes ? `${changed} This draft deletes it, so publishing deletes it anyway.` : `${changed} Publishing replaces it with this draft's version.`;
-}
-/** Who made Live's version of a conflict and when, labelling Live's values: "On Live now · Ada, Oct 13". */
-function liveValuesLabel(conflict) {
-	const made = [whoChanged(conflict), conflict.publishedAt ? dateFormat.format(conflict.publishedAt) : null].filter((part) => part !== null);
-	return made.length > 0 ? `On Live now · ${made.join(", ")}` : "On Live now";
-}
-/**
-* The fields a conflict overwrites: Live's value crossed out, above the draft's, and how many
-* more fields differ.
-*/
-function ConflictFields(t0) {
-	const $ = c(12);
-	const { conflict } = t0;
-	if (conflict.fields.length === 0) return null;
-	let t1;
-	if ($[0] !== conflict) {
-		t1 = liveValuesLabel(conflict);
-		$[0] = conflict;
-		$[1] = t1;
-	} else t1 = $[1];
-	const liveLabel = t1;
-	let t2;
-	if ($[2] !== conflict.fields || $[3] !== liveLabel) {
-		let t3;
-		if ($[5] !== liveLabel) {
-			t3 = (t4) => {
-				const { field, live, draft } = t4;
-				return /* @__PURE__ */ jsxs("div", {
-					className: "bg-background flex flex-col gap-1 rounded-md border p-2",
-					"data-conflict-field": true,
-					children: [
-						/* @__PURE__ */ jsx("p", {
-							className: "text-foreground text-xs font-medium",
-							"data-field-title": true,
-							children: field
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "text-xs",
-								children: liveLabel
-							}), /* @__PURE__ */ jsx("del", {
-								className: "break-words",
-								"data-live-value": true,
-								children: live
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "text-xs",
-								children: "This draft"
-							}), /* @__PURE__ */ jsx("span", {
-								className: "text-foreground break-words",
-								"data-draft-value": true,
-								children: draft
-							})]
-						})
-					]
-				}, field);
-			};
-			$[5] = liveLabel;
-			$[6] = t3;
-		} else t3 = $[6];
-		t2 = conflict.fields.map(t3);
-		$[2] = conflict.fields;
-		$[3] = liveLabel;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[7] !== conflict.moreFields) {
-		t3 = conflict.moreFields > 0 && /* @__PURE__ */ jsxs("p", {
-			className: "text-xs",
-			children: ["And ", plural(conflict.moreFields, "more field")]
-		});
-		$[7] = conflict.moreFields;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== t2 || $[10] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-2 pt-1",
-			children: [t2, t3]
-		});
-		$[9] = t2;
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
-	return t4;
-}
-/** Whose version of a conflict's entity Live holds, for its "Use … version instead" action. */
-function liveVersionName(conflict) {
-	if (conflict.release) return "a release's";
-	if (conflict.publishedBy) return `${conflict.publishedBy.name}'s`;
-	return "Live's";
-}
-/**
-* Drops the draft's change to a conflict's entity, so the draft reads Live's version again, then
-* reads the review again: the conflict is gone, and the preview has a new token.
-*/
-function UseLiveVersionButton(t0) {
-	const $ = c(20);
-	const { projectId, conflict, onUsed } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = draftMutations.revertToLive();
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== onUsed) {
-		t2 = (error) => {
-			toast.error(error.message || "Could not use Live's version");
-			onUsed();
-		};
-		$[1] = onUsed;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== onUsed || $[4] !== t2) {
-		t3 = {
-			...t1,
-			onSuccess: onUsed,
-			onError: t2
-		};
-		$[3] = onUsed;
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
-	const revert = useMutation(t3);
-	const t4 = revert.isPending;
-	let t5;
-	if ($[6] !== conflict.entity || $[7] !== conflict.id || $[8] !== projectId || $[9] !== revert) {
-		t5 = () => revert.mutate({
-			projectId,
-			entity: conflict.entity,
-			id: conflict.id
-		});
-		$[6] = conflict.entity;
-		$[7] = conflict.id;
-		$[8] = projectId;
-		$[9] = revert;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== revert.isPending) {
-		t6 = revert.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[11] = revert.isPending;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== conflict) {
-		t7 = liveVersionName(conflict);
-		$[13] = conflict;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== revert.isPending || $[16] !== t5 || $[17] !== t6 || $[18] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(Button, {
-			variant: "outline",
-			size: "sm",
-			className: "mt-1",
-			disabled: t4,
-			onClick: t5,
-			children: [
-				t6,
-				"Use ",
-				t7,
-				" version instead"
-			]
-		});
-		$[15] = revert.isPending;
-		$[16] = t5;
-		$[17] = t6;
-		$[18] = t7;
-		$[19] = t8;
-	} else t8 = $[19];
-	return t8;
-}
-/**
-* Blockers first, then what the draft's code removes while Live content uses it, then conflicts,
-* then lost changes: one card each, with no section heading.
-*/
-function Cards(t0) {
-	const $ = c(39);
-	const { projectId, preview, onChanged, onShow, onOpenThread } = t0;
-	const { blockers, findings, conflicts, lost, changes, defaultLocale } = preview;
-	let t1;
-	if ($[0] !== preview.warnings) {
-		t1 = preview.warnings.filter(isShownWarning);
-		$[0] = preview.warnings;
-		$[1] = t1;
-	} else t1 = $[1];
-	const warnings = t1;
-	if (blockers.length + findings.length + warnings.length + conflicts.length + lost.length === 0) return null;
-	let t2;
-	if ($[2] !== changes) {
-		t2 = new Set(changes.filter(_temp3).map(_temp4));
-		$[2] = changes;
-		$[3] = t2;
-	} else t2 = $[3];
-	const deleted = t2;
-	let t3;
-	if ($[4] !== blockers || $[5] !== onOpenThread || $[6] !== onShow) {
-		t3 = /* @__PURE__ */ jsx(ProblemCards, {
-			problems: blockers,
-			tone: "danger",
-			icon: OctagonX,
-			onShow,
-			onOpenThread
-		});
-		$[4] = blockers;
-		$[5] = onOpenThread;
-		$[6] = onShow;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== findings || $[9] !== onChanged || $[10] !== onShow || $[11] !== projectId) {
-		t4 = /* @__PURE__ */ jsx(FindingCards, {
-			projectId,
-			findings,
-			onChanged,
-			onShow
-		});
-		$[8] = findings;
-		$[9] = onChanged;
-		$[10] = onShow;
-		$[11] = projectId;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== onOpenThread || $[14] !== onShow || $[15] !== warnings) {
-		t5 = /* @__PURE__ */ jsx(ProblemCards, {
-			problems: warnings,
-			tone: "warning",
-			icon: TriangleAlert,
-			onShow,
-			onOpenThread
-		});
-		$[13] = onOpenThread;
-		$[14] = onShow;
-		$[15] = warnings;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== conflicts || $[18] !== defaultLocale || $[19] !== deleted || $[20] !== onChanged || $[21] !== projectId) {
-		let t7;
-		if ($[23] !== defaultLocale || $[24] !== deleted || $[25] !== onChanged || $[26] !== projectId) {
-			t7 = (conflict) => /* @__PURE__ */ jsxs(Card, {
-				tone: "warning",
-				icon: Replace,
-				title: conflictTitle(conflict),
-				children: [
-					/* @__PURE__ */ jsx("p", { children: placeInLocale(conflict, defaultLocale) }),
-					/* @__PURE__ */ jsx("p", { children: conflictDetail(conflict, deleted.has(JSON.stringify([
-						conflict.entity,
-						conflict.id,
-						conflict.locale
-					]))) }),
-					/* @__PURE__ */ jsx(ConflictFields, { conflict }),
-					conflict.revertible && /* @__PURE__ */ jsx(UseLiveVersionButton, {
-						projectId,
-						conflict,
-						onUsed: onChanged
-					})
-				]
-			}, conflictKey(conflict));
-			$[23] = defaultLocale;
-			$[24] = deleted;
-			$[25] = onChanged;
-			$[26] = projectId;
-			$[27] = t7;
-		} else t7 = $[27];
-		t6 = conflicts.map(t7);
-		$[17] = conflicts;
-		$[18] = defaultLocale;
-		$[19] = deleted;
-		$[20] = onChanged;
-		$[21] = projectId;
-		$[22] = t6;
-	} else t6 = $[22];
-	let t7;
-	if ($[28] !== defaultLocale || $[29] !== lost) {
-		let t8;
-		if ($[31] !== defaultLocale) {
-			t8 = (change_1) => /* @__PURE__ */ jsxs(Card, {
-				tone: "warning",
-				icon: Unlink,
-				title: change_1.reason === "writtenAfterDeletion" ? change_1.label : `Loses the change to the ${change_1.label}`,
-				children: [/* @__PURE__ */ jsx("p", { children: placeInLocale(change_1, defaultLocale) }), /* @__PURE__ */ jsx("p", { children: LOST_REASONS[change_1.reason] })]
-			}, JSON.stringify([
-				change_1.entity,
-				change_1.id,
-				change_1.locale
-			]));
-			$[31] = defaultLocale;
-			$[32] = t8;
-		} else t8 = $[32];
-		t7 = lost.map(t8);
-		$[28] = defaultLocale;
-		$[29] = lost;
-		$[30] = t7;
-	} else t7 = $[30];
-	let t8;
-	if ($[33] !== t3 || $[34] !== t4 || $[35] !== t5 || $[36] !== t6 || $[37] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("ul", {
-			className: "flex flex-col gap-2",
-			children: [
-				t3,
-				t4,
-				t5,
-				t6,
-				t7
-			]
-		});
-		$[33] = t3;
-		$[34] = t4;
-		$[35] = t5;
-		$[36] = t6;
-		$[37] = t7;
-		$[38] = t8;
-	} else t8 = $[38];
-	return t8;
-}
-function _temp4(change_0) {
-	return JSON.stringify([
-		change_0.entity,
-		change_0.id,
-		change_0.locale
-	]);
-}
-function _temp3(change) {
-	return change.change === "deleted";
-}
-/** A quiet line saying something is done, with a check, or still running, with a spinner. */
-function StatusLine(t0) {
-	const $ = c(7);
-	const { done, children } = t0;
-	let t1;
-	if ($[0] !== done) {
-		t1 = done ? /* @__PURE__ */ jsx(CircleCheck, { className: "mt-0.5 size-4 shrink-0" }) : /* @__PURE__ */ jsx(Spinner, {
-			"aria-hidden": true,
-			className: "mt-0.5 size-4 shrink-0"
-		});
-		$[0] = done;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children) {
-		t2 = /* @__PURE__ */ jsx("span", { children });
-		$[2] = children;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("li", {
-			className: "text-muted-foreground flex items-start gap-2 text-sm",
-			"data-status-line": true,
-			children: [t1, t2]
-		});
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
-}
-/** What Publish sends: the review's token, and the revision a draft with code shows. */
-const publishInput = (projectId, shown) => ({
-	projectId,
-	token: shown.token,
-	...shown.code?.revision && { revision: shown.code.revision }
-});
-/** Why a publish with code went back to the review, as the review says it. */
-const PUBLISH_ABORTED = {
-	revisionChanged: "The draft's code changed since this review opened, so the publish stopped. Check the preview, then publish again.",
-	conflictsChanged: "Live changed while publishing, so the publish stopped and Live is as it was. Check the new list.",
-	blocked: "Something now needs fixing before publishing, so the publish stopped.",
-	codeDoesNotMerge: "Live's code changed while publishing, and it doesn't merge with this draft's yet, so the publish stopped. Camox's agent is fixing it in the draft's thread: publish again once it's done.",
-	liveCodeMoved: "Live's code changed while publishing, and the draft took too long to take it in, so the publish stopped. Try again.",
-	failed: "The publish couldn't finish on Camox's side, and Live is as it was. Try again."
-};
-/** The patrollers still checking the draft: "The Link checker is checking the draft." */
-function checkingSentence(roles) {
-	const who = listFormat.format(roles.map((role) => `the ${role}`));
-	return `${who[0].toUpperCase()}${who.slice(1)} ${roles.length > 1 ? "are" : "is"} checking the draft.`;
-}
-/**
-* What's fine or still running: the draft is up to date with Live, its latest code changes
-* building, its translations, its patrollers' checks, and the page SEO being written.
-*/
-function StatusLines(t0) {
-	const $ = c(36);
-	const { preview, locales } = t0;
-	const { conflicts, translating, checking, warnings, code } = preview;
-	let seoPages;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	if ($[0] !== code || $[1] !== conflicts.length || $[2] !== locales || $[3] !== translating || $[4] !== warnings) {
-		const translations = locales.filter(_temp5).map(_temp6);
-		let t7;
-		if ($[12] !== warnings) {
-			t7 = new Set(warnings.filter(_temp7).map(_temp8));
-			$[12] = warnings;
-			$[13] = t7;
-		} else t7 = $[13];
-		seoPages = t7.size;
-		const aborted = code?.publishAborted && !code.publishing ? code.publishAborted : null;
-		t1 = "flex flex-col gap-1.5";
-		if ($[14] !== aborted) {
-			t2 = aborted && /* @__PURE__ */ jsx("li", {
-				className: "text-sm text-amber-700 dark:text-amber-400",
-				children: PUBLISH_ABORTED[aborted] ?? PUBLISH_ABORTED.failed
-			});
-			$[14] = aborted;
-			$[15] = t2;
-		} else t2 = $[15];
-		if ($[16] !== code?.includesLive || $[17] !== conflicts.length) {
-			t3 = conflicts.length === 0 && (code?.includesLive ?? true) && /* @__PURE__ */ jsx(StatusLine, {
-				done: true,
-				children: "Includes everything published to Live since this draft started"
-			});
-			$[16] = code?.includesLive;
-			$[17] = conflicts.length;
-			$[18] = t3;
-		} else t3 = $[18];
-		if ($[19] !== code?.building) {
-			t4 = code?.building && /* @__PURE__ */ jsx(StatusLine, {
-				done: false,
-				children: "Building the latest changes…"
-			});
-			$[19] = code?.building;
-			$[20] = t4;
-		} else t4 = $[20];
-		if ($[21] !== code?.publishing) {
-			t5 = code?.publishing && /* @__PURE__ */ jsx(StatusLine, {
-				done: false,
-				children: "Publishing the new code and content…"
-			});
-			$[21] = code?.publishing;
-			$[22] = t5;
-		} else t5 = $[22];
-		t6 = translating.length > 0 ? /* @__PURE__ */ jsxs(StatusLine, {
-			done: false,
-			children: [
-				"Translating into ",
-				listFormat.format(translating.map(localeLabel)),
-				". Publishing waits for it."
-			]
-		}) : translations.length > 0 && /* @__PURE__ */ jsxs(StatusLine, {
-			done: true,
-			children: ["Translated into ", listFormat.format(translations.map(localeLabel))]
-		});
-		$[0] = code;
-		$[1] = conflicts.length;
-		$[2] = locales;
-		$[3] = translating;
-		$[4] = warnings;
-		$[5] = seoPages;
-		$[6] = t1;
-		$[7] = t2;
-		$[8] = t3;
-		$[9] = t4;
-		$[10] = t5;
-		$[11] = t6;
-	} else {
-		seoPages = $[5];
-		t1 = $[6];
-		t2 = $[7];
-		t3 = $[8];
-		t4 = $[9];
-		t5 = $[10];
-		t6 = $[11];
-	}
-	let t7;
-	if ($[23] !== checking) {
-		t7 = checking.length > 0 && /* @__PURE__ */ jsxs(StatusLine, {
-			done: false,
-			children: [
-				checkingSentence(checking.map(_temp9)),
-				" Publishing waits for",
-				" ",
-				checking.length > 1 ? "them" : "it",
-				"."
-			]
-		});
-		$[23] = checking;
-		$[24] = t7;
-	} else t7 = $[24];
-	let t8;
-	if ($[25] !== seoPages) {
-		t8 = seoPages > 0 && /* @__PURE__ */ jsxs(StatusLine, {
-			done: false,
-			children: [
-				"Writing SEO for ",
-				plural(seoPages, "page"),
-				"…"
-			]
-		});
-		$[25] = seoPages;
-		$[26] = t8;
-	} else t8 = $[26];
-	let t9;
-	if ($[27] !== t1 || $[28] !== t2 || $[29] !== t3 || $[30] !== t4 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("ul", {
-			className: t1,
-			children: [
-				t2,
-				t3,
-				t4,
-				t5,
-				t6,
-				t7,
-				t8
-			]
-		});
-		$[27] = t1;
-		$[28] = t2;
-		$[29] = t3;
-		$[30] = t4;
-		$[31] = t5;
-		$[32] = t6;
-		$[33] = t7;
-		$[34] = t8;
-		$[35] = t9;
-	} else t9 = $[35];
-	return t9;
-}
-function _temp9(t0) {
-	const { role } = t0;
-	return role;
-}
-function _temp8(warning_0) {
-	return warning_0.id;
-}
-function _temp7(warning) {
-	return warning.code === "metaTitlePending";
-}
-function _temp6(locale_0) {
-	return locale_0.tag;
-}
-function _temp5(locale) {
-	return !locale.isDefault;
-}
-/**
-* The draft's overview: the bullets AI wrote about its changes, in full, under the headline the
-* header shows, saying it's updating while they describe an older version of the draft. While
-* it's first written, skeleton lines; once it failed, a Retry and a plain count of the changes,
-* so the draft can still be reviewed. Nothing for a draft that gets no overview, as a catch-up
-* draft.
-*/
-function DraftOverview(t0) {
-	const $ = c(35);
-	const { projectId, preview } = t0;
-	const { overview, changes } = preview;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = {
-			...draftMutations.retryOverview(),
-			onError: _temp10
-		};
-		$[0] = t1;
-	} else t1 = $[0];
-	const retry = useMutation(t1);
-	if (changes.length === 0) {
-		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: t2
-			});
-			$[1] = t2;
-			$[2] = t3;
-		} else t3 = $[2];
-		return t3;
-	}
-	if (overview.status === "ready") {
-		let t2;
-		if ($[3] !== overview.bullets) {
-			t2 = overview.bullets.map(_temp11);
-			$[3] = overview.bullets;
-			$[4] = t2;
-		} else t2 = $[4];
-		let t3;
-		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
-			});
-			$[5] = t2;
-			$[6] = t3;
-		} else t3 = $[6];
-		let t4;
-		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, {
-					"aria-hidden": true,
-					className: "size-3"
-				}), "Updating…"]
-			});
-			$[7] = overview.stale;
-			$[8] = t4;
-		} else t4 = $[8];
-		let t5;
-		if ($[9] !== t3 || $[10] !== t4) {
-			t5 = /* @__PURE__ */ jsxs("div", {
-				"data-overview": true,
-				className: "flex flex-col gap-2",
-				children: [t3, t4]
-			});
-			$[9] = t3;
-			$[10] = t4;
-			$[11] = t5;
-		} else t5 = $[11];
-		return t5;
-	}
-	if (overview.status === "failed") {
-		let t2;
-		if ($[12] !== changes) {
-			t2 = new Set(changes.map(_temp12));
-			$[12] = changes;
-			$[13] = t2;
-		} else t2 = $[13];
-		const places = t2.size;
-		let t3;
-		if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-			t3 = /* @__PURE__ */ jsx("p", {
-				className: "text-sm font-medium",
-				children: "Couldn't summarize this draft"
-			});
-			$[14] = t3;
-		} else t3 = $[14];
-		let t4;
-		if ($[15] !== projectId || $[16] !== retry) {
-			t4 = () => retry.mutate({ projectId });
-			$[15] = projectId;
-			$[16] = retry;
-			$[17] = t4;
-		} else t4 = $[17];
-		let t5;
-		if ($[18] !== retry.isPending) {
-			t5 = retry.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-			$[18] = retry.isPending;
-			$[19] = t5;
-		} else t5 = $[19];
-		let t6;
-		if ($[20] !== retry.isPending || $[21] !== t4 || $[22] !== t5) {
-			t6 = /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [t3, /* @__PURE__ */ jsxs(Button, {
-					variant: "outline",
-					size: "sm",
-					className: "ml-auto",
-					disabled: retry.isPending,
-					onClick: t4,
-					children: [t5, "Retry"]
-				})]
-			});
-			$[20] = retry.isPending;
-			$[21] = t4;
-			$[22] = t5;
-			$[23] = t6;
-		} else t6 = $[23];
-		let t7;
-		if ($[24] !== changes.length) {
-			t7 = plural(changes.length, "change");
-			$[24] = changes.length;
-			$[25] = t7;
-		} else t7 = $[25];
-		let t8;
-		if ($[26] !== places) {
-			t8 = plural(places, "place");
-			$[26] = places;
-			$[27] = t8;
-		} else t8 = $[27];
-		let t9;
-		if ($[28] !== t7 || $[29] !== t8) {
-			t9 = /* @__PURE__ */ jsxs("p", {
-				className: "text-muted-foreground text-sm",
-				children: [
-					t7,
-					" in ",
-					t8
-				]
-			});
-			$[28] = t7;
-			$[29] = t8;
-			$[30] = t9;
-		} else t9 = $[30];
-		let t10;
-		if ($[31] !== t6 || $[32] !== t9) {
-			t10 = /* @__PURE__ */ jsxs("div", {
-				"data-overview": true,
-				className: "flex flex-col gap-2",
-				children: [t6, t9]
-			});
-			$[31] = t6;
-			$[32] = t9;
-			$[33] = t10;
-		} else t10 = $[33];
-		return t10;
-	}
-	if (overview.status === "none") return null;
-	let t2;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			"data-overview": true,
-			className: "flex flex-col gap-2",
-			children: [
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-11/12" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4/5" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" }),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-sm",
-					children: "Summarizing this draft…"
-				})
-			]
-		});
-		$[34] = t2;
-	} else t2 = $[34];
-	return t2;
-}
-function _temp12(change) {
-	return change.entity === "locale" ? "Languages" : ownerName(change.owner, change.entity);
-}
-function _temp11(bullet, index) {
-	return /* @__PURE__ */ jsx("li", { children: bullet }, index);
-}
-function _temp10(error) {
-	return toast.error(error.message || "Could not summarize the draft");
-}
-/**
-* 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(74);
-	const { projectId, draftId, open, onOpenChange } = t0;
-	const [confirmingDelete, setConfirmingDelete] = React.useState(false);
-	let t1;
-	if ($[0] !== draftId || $[1] !== projectId) {
-		t1 = reads.publishPreview({
-			projectId,
-			draftId
-		});
-		$[0] = draftId;
-		$[1] = projectId;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== open) {
-		t2 = { enabled: open };
-		$[3] = open;
-		$[4] = t2;
-	} else t2 = $[4];
-	const preview = useReadQuery(t1, t2);
-	let t3;
-	if ($[5] !== draftId || $[6] !== projectId) {
-		t3 = reads.draft({
-			projectId,
-			draftId
-		});
-		$[5] = draftId;
-		$[6] = projectId;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== open) {
-		t4 = { enabled: open };
-		$[8] = open;
-		$[9] = t4;
-	} else t4 = $[9];
-	const draft = useReadQuery(t3, t4);
-	let t5;
-	if ($[10] !== projectId) {
-		t5 = reads.localeList({ projectId });
-		$[10] = projectId;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== open) {
-		t6 = { enabled: open };
-		$[12] = open;
-		$[13] = t6;
-	} else t6 = $[13];
-	const locales = useReadQuery(t5, t6);
-	const leaveDraft = useLeaveDraft();
-	const showInCanvas = useShowInCanvas();
-	const popup = React.useRef(null);
-	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 t8;
-	let t9;
-	if ($[16] !== pending || $[17] !== refetch) {
-		t8 = () => {
-			if (seenPending.current !== void 0 && seenPending.current !== pending) refetch();
-			seenPending.current = pending;
-		};
-		t9 = [pending, refetch];
-		$[16] = pending;
-		$[17] = refetch;
-		$[18] = t8;
-		$[19] = t9;
-	} else {
-		t8 = $[18];
-		t9 = $[19];
-	}
-	React.useEffect(t8, t9);
-	let t10;
-	if ($[20] !== leaveDraft || $[21] !== onOpenChange) {
-		t10 = (ended) => {
-			onOpenChange(false);
-			leaveDraft(ended);
-		};
-		$[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;
-			}
-			const { empty, ended: ended_0 } = result;
-			if (!empty) return leave(ended_0);
-			toast.info("This draft has no changes, so there is nothing to publish.");
-			preview.refetch();
-		};
-		$[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();
-				return;
-			}
-			if (error.code === REVISION_CHANGED_ERROR) {
-				toast.error(error.message || "The draft changed since you opened this review.");
-				preview.refetch();
-				return;
-			}
-			if (error.code === TRANSLATIONS_PENDING_ERROR) {
-				toast.info("Translations are still running. Publishing waits for them.");
-				preview.refetch();
-				return;
-			}
-			const code = error.code;
-			if (code === FINDINGS_OPEN_ERROR || code === CHECKS_RUNNING_ERROR) {
-				toast.info(error.message);
-				preview.refetch();
-				return;
-			}
-			toast.error(error.message || "Could not publish the draft");
-			preview.refetch();
-		};
-		$[27] = preview;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== t12 || $[30] !== t13) {
-		t14 = {
-			...t11,
-			onSuccess: t12,
-			onError: t13
-		};
-		$[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 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__ */ jsx(SheetDescription, {
-				className: "flex min-w-0 items-center gap-1",
-				children: draft.data && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: draftLabel(draft.data)
-				}), /* @__PURE__ */ jsxs("span", {
-					className: "shrink-0",
-					children: [
-						"· ",
-						draft.data.createdBy.name,
-						", started ",
-						timeAgo(draft.data.createdAt)
-					]
-				})] })
-			}), /* @__PURE__ */ jsx(SheetTitle, {
-				className: "text-lg leading-snug font-semibold",
-				children: headline
-			})] }) : /* @__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." })] })
-		});
-		$[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, {
-					projectId,
-					preview: data
-				}),
-				/* @__PURE__ */ jsx(Cards, {
-					projectId,
-					preview: data,
-					onChanged: () => void preview.refetch(),
-					onShow: (target) => {
-						onOpenChange(false);
-						showInCanvas(target);
-					},
-					onOpenThread: () => {
-						onOpenChange(false);
-						previewStore.send({ type: "showCanvas" });
-					}
-				}),
-				/* @__PURE__ */ jsx(StatusLines, {
-					preview: data,
-					locales: locales.data ?? []
-				})
-			]
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "flex flex-1 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" })
-		});
-		$[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 {
-		t17 = $[42];
-		t18 = $[43];
-	}
-	let t19;
-	if ($[44] !== busy) {
-		t19 = /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			className: "text-destructive",
-			disabled: busy,
-			onClick: t17,
-			children: [t18, "Delete draft"]
-		});
-		$[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;
-	} 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: t20,
-			onClick: t21,
-			children: [t22, "Publish"]
-		});
-		$[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: [t19, t23]
-			})
-		});
-		$[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: popup,
-			side: "right",
-			className: "w-full gap-0 data-[side=right]:sm:max-w-lg",
-			children: [
-				t15,
-				t16,
-				t24
-			]
-		});
-		$[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: t25
-		});
-		$[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,
-			onOpenChange: setConfirmingDelete,
-			onDeleted: leave
-		});
-		$[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. */
-function DeleteDraftDialog(t0) {
-	const $ = c(26);
-	const { projectId, open, onOpenChange, onDeleted } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = draftMutations.delete();
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== onDeleted || $[2] !== onOpenChange) {
-		t2 = {
-			...t1,
-			onSuccess: (t3) => {
-				const { ended } = t3;
-				onOpenChange(false);
-				onDeleted(ended);
-			},
-			onError: _temp13
-		};
-		$[1] = onDeleted;
-		$[2] = onOpenChange;
-		$[3] = t2;
-	} else t2 = $[3];
-	const deleteDraft = useMutation(t2);
-	let t3;
-	if ($[4] !== deleteDraft.isPending || $[5] !== onOpenChange) {
-		t3 = (next) => {
-			if (!deleteDraft.isPending) onOpenChange(next);
-		};
-		$[4] = deleteDraft.isPending;
-		$[5] = onOpenChange;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "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"
-		});
-		$[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: t6,
-			children: [t7, "Delete draft"]
-		});
-		$[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: t3,
-			children: t9
-		});
-		$[22] = open;
-		$[23] = t3;
-		$[24] = t9;
-		$[25] = t10;
-	} else t10 = $[25];
-	return t10;
-}
-function _temp13(error) {
-	return toast.error(error.message || "Could not delete the draft");
-}
-
-//#endregion
-export { DeleteDraftDialog, ReviewDraftSheet };