camox 0.75.0 → 0.76.0

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

@@ -21,12 +21,12 @@ import { MessageScroller, MessageScrollerButton, MessageScrollerContent, Message
 * agent does, never how: thinking, looking around, making changes, building, fixing the build,
 * or starting a draft. Each editor's message shows its
 * sender's avatar, without their name. A Live turn handed off to a draft ends on the draft's
-* card, which `onOpenDraft` opens, and the draft's thread shows the hand-off's Brief collapsed
-* under the editor's messages. The thread keeps its end in view, unless the editor scrolls up.
+* card, which `onOpenDraft` opens, or `onRestoreDraft` restores while the draft is archived, and
+* the draft's thread shows the hand-off's Brief collapsed under the editor's messages. The thread keeps its end in view, unless the editor scrolls up.
 */
 function ThreadMessages(t0) {
-	const $ = c(20);
-	const { view, sending: t1, onOpenDraft } = t0;
+	const $ = c(21);
+	const { view, sending: t1, onOpenDraft, onRestoreDraft } = t0;
 	const sending = t1 === void 0 ? false : t1;
 	const working = view.running || sending;
 	const empty = view.messages.length === 0 && !working;
@@ -60,14 +60,15 @@ function ThreadMessages(t0) {
 		return t4;
 	}
 	let t2;
-	if ($[5] !== onOpenDraft || $[6] !== squareling || $[7] !== view || $[8] !== working) {
+	if ($[5] !== onOpenDraft || $[6] !== onRestoreDraft || $[7] !== squareling || $[8] !== view || $[9] !== working) {
 		t2 = view.messages.map((message, index) => /* @__PURE__ */ jsxs(MessageScrollerItem, {
 			messageId: message.id,
 			scrollAnchor: message.from === "editor",
 			className: "flex flex-col gap-4",
 			children: [/* @__PURE__ */ jsx(ThreadMessageRow, {
 				message,
-				onOpenDraft
+				onOpenDraft,
+				onRestoreDraft
 			}), index === view.messages.length - 1 && /* @__PURE__ */ jsx(AgentPresence, {
 				view,
 				working,
@@ -75,40 +76,41 @@ function ThreadMessages(t0) {
 			})]
 		}, message.id));
 		$[5] = onOpenDraft;
-		$[6] = squareling;
-		$[7] = view;
-		$[8] = working;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[6] = onRestoreDraft;
+		$[7] = squareling;
+		$[8] = view;
+		$[9] = working;
+		$[10] = t2;
+	} else t2 = $[10];
 	let t3;
-	if ($[10] !== squareling || $[11] !== view || $[12] !== working) {
+	if ($[11] !== squareling || $[12] !== view || $[13] !== working) {
 		t3 = view.messages.length === 0 && /* @__PURE__ */ jsx(AgentPresence, {
 			view,
 			working,
 			squareling
 		});
-		$[10] = squareling;
-		$[11] = view;
-		$[12] = working;
-		$[13] = t3;
-	} else t3 = $[13];
+		$[11] = squareling;
+		$[12] = view;
+		$[13] = working;
+		$[14] = t3;
+	} else t3 = $[14];
 	let t4;
-	if ($[14] !== t2 || $[15] !== t3) {
+	if ($[15] !== t2 || $[16] !== t3) {
 		t4 = /* @__PURE__ */ jsx(MessageScrollerViewport, { children: /* @__PURE__ */ jsxs(MessageScrollerContent, {
 			className: "flex flex-col gap-4 px-2 py-3",
 			children: [t2, t3]
 		}) });
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+	} else t4 = $[17];
 	let t5;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = /* @__PURE__ */ jsx(MessageScrollerButton, {});
-		$[17] = t5;
-	} else t5 = $[17];
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[18] !== t4) {
+	if ($[19] !== t4) {
 		t6 = /* @__PURE__ */ jsx(MessageScrollerProvider, {
 			autoScroll: true,
 			children: /* @__PURE__ */ jsxs(MessageScroller, {
@@ -116,9 +118,9 @@ function ThreadMessages(t0) {
 				children: [t4, t5]
 			})
 		});
-		$[18] = t4;
-		$[19] = t6;
-	} else t6 = $[19];
+		$[19] = t4;
+		$[20] = t6;
+	} else t6 = $[20];
 	return t6;
 }
 /** How long the greeting's squareling takes to reach the end of the thread, in ms. */
@@ -301,111 +303,113 @@ const PUSH_OUTCOMES = {
 	notPreviewed: "Built, but the preview can’t show it."
 };
 function ThreadMessageRow(t0) {
-	const $ = c(56);
-	const { message, onOpenDraft } = t0;
+	const $ = c(57);
+	const { message, onOpenDraft, onRestoreDraft } = t0;
 	if (message.from === "draft") {
 		let t1;
-		if ($[0] !== message || $[1] !== onOpenDraft) {
+		if ($[0] !== message || $[1] !== onOpenDraft || $[2] !== onRestoreDraft) {
 			t1 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(DraftCard, {
 				message,
-				onOpenDraft
+				onOpenDraft,
+				onRestoreDraft
 			}) }) });
 			$[0] = message;
 			$[1] = onOpenDraft;
-			$[2] = t1;
-		} else t1 = $[2];
+			$[2] = onRestoreDraft;
+			$[3] = t1;
+		} else t1 = $[3];
 		return t1;
 	}
 	if (message.from === "stopped" || message.from === "failed") {
 		const t1 = message.from === "stopped" ? `Stopped by ${message.sender.name}` : "Camox couldn’t finish this. Send your message again to retry.";
 		let t2;
-		if ($[3] !== t1) {
+		if ($[4] !== t1) {
 			t2 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
 				children: t1
 			}) }) });
-			$[3] = t1;
-			$[4] = t2;
-		} else t2 = $[4];
+			$[4] = t1;
+			$[5] = t2;
+		} else t2 = $[5];
 		return t2;
 	}
 	if (message.from === "agent") {
 		let t1;
-		if ($[5] !== message.text) {
+		if ($[6] !== message.text) {
 			t1 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(ThreadMarkdown, { text: message.text }) }) });
-			$[5] = message.text;
-			$[6] = t1;
-		} else t1 = $[6];
+			$[6] = message.text;
+			$[7] = t1;
+		} else t1 = $[7];
 		return t1;
 	}
 	if (message.from === "push") {
 		const commits = message.subjects.length;
 		let t1;
-		if ($[7] !== message.sender) {
+		if ($[8] !== message.sender) {
 			t1 = /* @__PURE__ */ jsx(MessageAvatar, { children: /* @__PURE__ */ jsx(SenderAvatar, { sender: message.sender }) });
-			$[7] = message.sender;
-			$[8] = t1;
-		} else t1 = $[8];
+			$[8] = message.sender;
+			$[9] = t1;
+		} else t1 = $[9];
 		const t2 = `${message.sender.name} pushed ${commits} ${commits === 1 ? "commit" : "commits"}`;
 		let t3;
-		if ($[9] !== t2) {
+		if ($[10] !== t2) {
 			t3 = /* @__PURE__ */ jsx(MessageHeader, {
 				className: "text-muted-foreground text-xs",
 				children: t2
 			});
-			$[9] = t2;
-			$[10] = t3;
-		} else t3 = $[10];
+			$[10] = t2;
+			$[11] = t3;
+		} else t3 = $[11];
 		let t4;
-		if ($[11] !== message.subjects) {
+		if ($[12] !== message.subjects) {
 			t4 = message.subjects.map(_temp);
-			$[11] = message.subjects;
-			$[12] = t4;
-		} else t4 = $[12];
+			$[12] = message.subjects;
+			$[13] = t4;
+		} else t4 = $[13];
 		let t5;
-		if ($[13] !== t4) {
+		if ($[14] !== t4) {
 			t5 = /* @__PURE__ */ jsx("ul", {
 				className: "flex flex-col gap-0.5",
 				children: t4
 			});
-			$[13] = t4;
-			$[14] = t5;
-		} else t5 = $[14];
+			$[14] = t4;
+			$[15] = t5;
+		} else t5 = $[15];
 		const t6 = PUSH_OUTCOMES[message.outcome];
 		let t7;
-		if ($[15] !== t6) {
+		if ($[16] !== t6) {
 			t7 = /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground text-xs",
 				children: t6
 			});
-			$[15] = t6;
-			$[16] = t7;
-		} else t7 = $[16];
+			$[16] = t6;
+			$[17] = t7;
+		} else t7 = $[17];
 		let t8;
-		if ($[17] !== t5 || $[18] !== t7) {
+		if ($[18] !== t5 || $[19] !== t7) {
 			t8 = /* @__PURE__ */ jsxs("div", {
 				"data-thread-push": true,
 				className: DRAFT_CARD_CLASSES,
 				children: [t5, t7]
 			});
-			$[17] = t5;
-			$[18] = t7;
-			$[19] = t8;
-		} else t8 = $[19];
+			$[18] = t5;
+			$[19] = t7;
+			$[20] = t8;
+		} else t8 = $[20];
 		let t9;
-		if ($[20] !== t3 || $[21] !== t8) {
+		if ($[21] !== t3 || $[22] !== t8) {
 			t9 = /* @__PURE__ */ jsxs(MessageContent, { children: [t3, t8] });
-			$[20] = t3;
-			$[21] = t8;
-			$[22] = t9;
-		} else t9 = $[22];
+			$[21] = t3;
+			$[22] = t8;
+			$[23] = t9;
+		} else t9 = $[23];
 		let t10;
-		if ($[23] !== t1 || $[24] !== t9) {
+		if ($[24] !== t1 || $[25] !== t9) {
 			t10 = /* @__PURE__ */ jsxs(Message, { children: [t1, t9] });
-			$[23] = t1;
-			$[24] = t9;
-			$[25] = t10;
-		} else t10 = $[25];
+			$[24] = t1;
+			$[25] = t9;
+			$[26] = t10;
+		} else t10 = $[26];
 		return t10;
 	}
 	if (message.from === "connectedAgent") {
@@ -415,13 +419,13 @@ function ThreadMessageRow(t0) {
 			const t1 = `${sender} added context`;
 			const t2 = client.verified ? void 0 : client.name;
 			let t3;
-			if ($[26] !== message.attachments) {
+			if ($[27] !== message.attachments) {
 				t3 = message.attachments && /* @__PURE__ */ jsx(AttachmentThumbnails, { attachments: message.attachments });
-				$[26] = message.attachments;
-				$[27] = t3;
-			} else t3 = $[27];
+				$[27] = message.attachments;
+				$[28] = t3;
+			} else t3 = $[28];
 			let t4;
-			if ($[28] !== message.text || $[29] !== t1 || $[30] !== t2 || $[31] !== t3) {
+			if ($[29] !== message.text || $[30] !== t1 || $[31] !== t2 || $[32] !== t3) {
 				t4 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(CollapsedNote, {
 					label: t1,
 					hideLabel: "Hide the context",
@@ -429,117 +433,117 @@ function ThreadMessageRow(t0) {
 					text: message.text,
 					children: t3
 				}) }) });
-				$[28] = message.text;
-				$[29] = t1;
-				$[30] = t2;
-				$[31] = t3;
-				$[32] = t4;
-			} else t4 = $[32];
+				$[29] = message.text;
+				$[30] = t1;
+				$[31] = t2;
+				$[32] = t3;
+				$[33] = t4;
+			} else t4 = $[33];
 			return t4;
 		}
 		const t1 = client.verified ? void 0 : client.name;
 		let t2;
-		if ($[33] !== sender || $[34] !== t1) {
+		if ($[34] !== sender || $[35] !== t1) {
 			t2 = /* @__PURE__ */ jsx(MessageHeader, {
 				className: "text-muted-foreground text-xs",
 				title: t1,
 				children: sender
 			});
-			$[33] = sender;
-			$[34] = t1;
-			$[35] = t2;
-		} else t2 = $[35];
+			$[34] = sender;
+			$[35] = t1;
+			$[36] = t2;
+		} else t2 = $[36];
 		let t3;
-		if ($[36] !== message.text) {
+		if ($[37] !== message.text) {
 			t3 = /* @__PURE__ */ jsx(Bubble, {
 				variant: "muted",
 				className: "max-w-full",
 				children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 			});
-			$[36] = message.text;
-			$[37] = t3;
-		} else t3 = $[37];
+			$[37] = message.text;
+			$[38] = t3;
+		} else t3 = $[38];
 		let t4;
-		if ($[38] !== message.attachments) {
+		if ($[39] !== message.attachments) {
 			t4 = message.attachments && /* @__PURE__ */ jsx(AttachmentThumbnails, { attachments: message.attachments });
-			$[38] = message.attachments;
-			$[39] = t4;
-		} else t4 = $[39];
+			$[39] = message.attachments;
+			$[40] = t4;
+		} else t4 = $[40];
 		let t5;
-		if ($[40] !== t2 || $[41] !== t3 || $[42] !== t4) {
+		if ($[41] !== t2 || $[42] !== t3 || $[43] !== t4) {
 			t5 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs(MessageContent, { children: [
 				t2,
 				t3,
 				t4
 			] }) });
-			$[40] = t2;
-			$[41] = t3;
-			$[42] = t4;
-			$[43] = t5;
-		} else t5 = $[43];
+			$[41] = t2;
+			$[42] = t3;
+			$[43] = t4;
+			$[44] = t5;
+		} else t5 = $[44];
 		return t5;
 	}
 	if (message.from === "brief") {
 		let t1;
-		if ($[44] !== message.text) {
+		if ($[45] !== message.text) {
 			t1 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(CollapsedNote, {
 				label: "Camox briefed the agent",
 				hideLabel: "Hide the brief",
 				text: message.text
 			}) }) });
-			$[44] = message.text;
-			$[45] = t1;
-		} else t1 = $[45];
+			$[45] = message.text;
+			$[46] = t1;
+		} else t1 = $[46];
 		return t1;
 	}
 	if (message.from === "camox") {
 		let t1;
-		if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
 			t1 = /* @__PURE__ */ jsx(MessageHeader, {
 				className: "text-muted-foreground text-xs",
 				children: "Camox"
 			});
-			$[46] = t1;
-		} else t1 = $[46];
+			$[47] = t1;
+		} else t1 = $[47];
 		let t2;
-		if ($[47] !== message.text) {
+		if ($[48] !== message.text) {
 			t2 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs(MessageContent, { children: [t1, /* @__PURE__ */ jsx(Bubble, {
 				variant: "muted",
 				className: "max-w-full",
 				children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 			})] }) });
-			$[47] = message.text;
-			$[48] = t2;
-		} else t2 = $[48];
+			$[48] = message.text;
+			$[49] = t2;
+		} else t2 = $[49];
 		return t2;
 	}
 	let t1;
-	if ($[49] !== message.sender) {
+	if ($[50] !== message.sender) {
 		t1 = /* @__PURE__ */ jsx(MessageAvatar, { children: /* @__PURE__ */ jsx(SenderAvatar, { sender: message.sender }) });
-		$[49] = message.sender;
-		$[50] = t1;
-	} else t1 = $[50];
+		$[50] = message.sender;
+		$[51] = t1;
+	} else t1 = $[51];
 	let t2;
-	if ($[51] !== message.text) {
+	if ($[52] !== message.text) {
 		t2 = /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Bubble, {
 			align: "end",
 			variant: "muted",
 			className: "max-w-full",
 			children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 		}) });
-		$[51] = message.text;
-		$[52] = t2;
-	} else t2 = $[52];
+		$[52] = message.text;
+		$[53] = t2;
+	} else t2 = $[53];
 	let t3;
-	if ($[53] !== t1 || $[54] !== t2) {
+	if ($[54] !== t1 || $[55] !== t2) {
 		t3 = /* @__PURE__ */ jsxs(Message, {
 			align: "end",
 			children: [t1, t2]
 		});
-		$[53] = t1;
-		$[54] = t2;
-		$[55] = t3;
-	} else t3 = $[55];
+		$[54] = t1;
+		$[55] = t2;
+		$[56] = t3;
+	} else t3 = $[56];
 	return t3;
 }
 function _temp(subject, index) {
@@ -822,10 +826,11 @@ const DRAFT_CARD_CLASSES = "bg-muted/50 flex w-full flex-col items-start gap-0.5
 /**
 * The card of the draft the agent on Live handed the request off to, where its agent does the
 * work: it opens the draft. Once the draft ended, there's nothing to open: it says how it ended.
+* While the draft is archived, it says so and offers to restore it (ADR 0046).
 */
 function DraftCard(t0) {
-	const $ = c(15);
-	const { message, onOpenDraft } = t0;
+	const $ = c(27);
+	const { message, onOpenDraft, onRestoreDraft } = t0;
 	let t1;
 	if ($[0] !== message.name) {
 		t1 = /* @__PURE__ */ jsx("span", {
@@ -836,65 +841,115 @@ function DraftCard(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	const name = t1;
+	if (message.archived) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = cn(DRAFT_CARD_CLASSES, "flex-row items-center gap-3");
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-xs",
+				children: "Archived"
+			});
+			$[3] = t3;
+		} else t3 = $[3];
+		let t4;
+		if ($[4] !== name) {
+			t4 = /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-0.5",
+				children: [t3, name]
+			});
+			$[4] = name;
+			$[5] = t4;
+		} else t4 = $[5];
+		let t5;
+		if ($[6] !== message.draftId || $[7] !== onRestoreDraft) {
+			t5 = /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => onRestoreDraft?.(message.draftId),
+				children: "Restore"
+			});
+			$[6] = message.draftId;
+			$[7] = onRestoreDraft;
+			$[8] = t5;
+		} else t5 = $[8];
+		let t6;
+		if ($[9] !== t4 || $[10] !== t5) {
+			t6 = /* @__PURE__ */ jsxs("div", {
+				"data-thread-draft-card": true,
+				className: t2,
+				children: [t4, t5]
+			});
+			$[9] = t4;
+			$[10] = t5;
+			$[11] = t6;
+		} else t6 = $[11];
+		return t6;
+	}
 	if (message.ended) {
 		const t2 = message.ended === "published" ? "Published" : "Deleted";
 		let t3;
-		if ($[2] !== t2) {
+		if ($[12] !== t2) {
 			t3 = /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground text-xs",
 				children: t2
 			});
-			$[2] = t2;
-			$[3] = t3;
-		} else t3 = $[3];
+			$[12] = t2;
+			$[13] = t3;
+		} else t3 = $[13];
 		let t4;
-		if ($[4] !== name || $[5] !== t3) {
+		if ($[14] !== name || $[15] !== t3) {
 			t4 = /* @__PURE__ */ jsxs("div", {
 				"data-thread-draft-card": true,
 				className: DRAFT_CARD_CLASSES,
 				children: [t3, name]
 			});
-			$[4] = name;
-			$[5] = t3;
-			$[6] = t4;
-		} else t4 = $[6];
+			$[14] = name;
+			$[15] = t3;
+			$[16] = t4;
+		} else t4 = $[16];
 		return t4;
 	}
 	let t2;
-	if ($[7] !== message.draftId || $[8] !== onOpenDraft) {
+	if ($[17] !== message.draftId || $[18] !== onOpenDraft) {
 		t2 = () => onOpenDraft?.(message.draftId);
-		$[7] = message.draftId;
-		$[8] = onOpenDraft;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[17] = message.draftId;
+		$[18] = onOpenDraft;
+		$[19] = t2;
+	} else t2 = $[19];
 	let t3;
-	let t4;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = cn(DRAFT_CARD_CLASSES, "hover:bg-muted focus-visible:ring-ring transition-colors focus-visible:ring-2 focus-visible:outline-none");
-		t4 = /* @__PURE__ */ jsx("span", {
+		$[20] = t3;
+	} else t3 = $[20];
+	const t4 = message.restored ? "Restored a draft" : "Started a draft";
+	let t5;
+	if ($[21] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs",
-			children: "Started a draft"
+			children: t4
 		});
-		$[10] = t3;
-		$[11] = t4;
-	} else {
-		t3 = $[10];
-		t4 = $[11];
-	}
-	let t5;
-	if ($[12] !== name || $[13] !== t2) {
-		t5 = /* @__PURE__ */ jsxs("button", {
+		$[21] = t4;
+		$[22] = t5;
+	} else t5 = $[22];
+	let t6;
+	if ($[23] !== name || $[24] !== t2 || $[25] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			"data-thread-draft-card": true,
 			onClick: t2,
 			className: t3,
-			children: [t4, name]
+			children: [t5, name]
 		});
-		$[12] = name;
-		$[13] = t2;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
+		$[23] = name;
+		$[24] = t2;
+		$[25] = t5;
+		$[26] = t6;
+	} else t6 = $[26];
+	return t6;
 }
 function SenderAvatar(t0) {
 	const $ = c(10);

package/dist/features/studio/draftLabel.js

@@ -11,6 +11,14 @@ function draftLabel(draft) {
 	if (draft.name) return draft.name;
 	return `${draft.createdBy.name}, ${dayFormat.format(draft.createdAt)}`;
 }
+/**
+* A Publication's name: its draft's, or for a draft published before it was named, who published
+* it and when, e.g. "Rémi, Oct 13".
+*/
+function publicationLabel(publication) {
+	if (publication.name) return publication.name;
+	return `${publication.publishedBy.name}, ${dayFormat.format(publication.publishedAt)}`;
+}
 const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
 const units = [
 	["year", 31536e6],
@@ -26,7 +34,13 @@ function timeAgo(at, now = Date.now()) {
 	for (const [unit, size] of units) if (elapsed >= size) return relative.format(-Math.round(elapsed / size), unit);
 	return relative.format(0, "minute");
 }
+const DAY_MS = 864e5;
+/** How long until a moment, in whole days: "12 days", or "Less than a day" on its last day. */
+function daysLeft(until, now = Date.now()) {
+	const days = Math.floor((until - now) / DAY_MS);
+	return days < 1 ? "Less than a day" : plural(days, "day");
+}
 const plural = (count, word) => `${count} ${word}${count === 1 ? "" : "s"}`;
 
 //#endregion
-export { draftLabel, plural, timeAgo };
+export { daysLeft, draftLabel, plural, publicationLabel, timeAgo };

package/dist/features/studio/draftNotice.js

@@ -5,6 +5,7 @@ function draftNoticeMessage(notice) {
 		case "missing": return "This draft doesn't exist, so you're viewing Live.";
 		case "forbidden": return "You can't open this draft, so you're viewing Live.";
 		case "ended": return `${notice.endedBy.name} ${notice.outcome} this draft, so you're viewing Live.`;
+		case "archived": return `${notice.archivedBy.name} archived this draft, so you're viewing Live.`;
 	}
 }