camox 0.74.1 → 0.76.0

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

@@ -4,6 +4,9 @@ import { ThreadMarkdown } from "./ThreadMarkdown.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { X } from "lucide-react";
+import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
 import { Avatar, AvatarFallback, AvatarImage } from "@camox/ui/avatar";
 import { Bubble, BubbleContent } from "@camox/ui/bubble";
 import { Message, MessageAvatar, MessageContent, MessageHeader } from "@camox/ui/message";
@@ -18,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;
@@ -57,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,
@@ -72,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, {
@@ -113,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. */
@@ -298,111 +303,113 @@ const PUSH_OUTCOMES = {
 	notPreviewed: "Built, but the preview can’t show it."
 };
 function ThreadMessageRow(t0) {
-	const $ = c(50);
-	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") {
@@ -412,112 +419,131 @@ function ThreadMessageRow(t0) {
 			const t1 = `${sender} added context`;
 			const t2 = client.verified ? void 0 : client.name;
 			let t3;
-			if ($[26] !== message.text || $[27] !== t1 || $[28] !== t2) {
-				t3 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(CollapsedNote, {
+			if ($[27] !== message.attachments) {
+				t3 = message.attachments && /* @__PURE__ */ jsx(AttachmentThumbnails, { attachments: message.attachments });
+				$[27] = message.attachments;
+				$[28] = t3;
+			} else t3 = $[28];
+			let t4;
+			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",
 					title: t2,
-					text: message.text
+					text: message.text,
+					children: t3
 				}) }) });
-				$[26] = message.text;
-				$[27] = t1;
-				$[28] = t2;
-				$[29] = t3;
-			} else t3 = $[29];
-			return t3;
+				$[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 ($[30] !== sender || $[31] !== t1) {
+		if ($[34] !== sender || $[35] !== t1) {
 			t2 = /* @__PURE__ */ jsx(MessageHeader, {
 				className: "text-muted-foreground text-xs",
 				title: t1,
 				children: sender
 			});
-			$[30] = sender;
-			$[31] = t1;
-			$[32] = t2;
-		} else t2 = $[32];
+			$[34] = sender;
+			$[35] = t1;
+			$[36] = t2;
+		} else t2 = $[36];
 		let t3;
-		if ($[33] !== 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 }) })
 			});
-			$[33] = message.text;
-			$[34] = t3;
-		} else t3 = $[34];
+			$[37] = message.text;
+			$[38] = t3;
+		} else t3 = $[38];
 		let t4;
-		if ($[35] !== t2 || $[36] !== t3) {
-			t4 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs(MessageContent, { children: [t2, t3] }) });
-			$[35] = t2;
-			$[36] = t3;
-			$[37] = t4;
-		} else t4 = $[37];
-		return t4;
+		if ($[39] !== message.attachments) {
+			t4 = message.attachments && /* @__PURE__ */ jsx(AttachmentThumbnails, { attachments: message.attachments });
+			$[39] = message.attachments;
+			$[40] = t4;
+		} else t4 = $[40];
+		let t5;
+		if ($[41] !== t2 || $[42] !== t3 || $[43] !== t4) {
+			t5 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs(MessageContent, { children: [
+				t2,
+				t3,
+				t4
+			] }) });
+			$[41] = t2;
+			$[42] = t3;
+			$[43] = t4;
+			$[44] = t5;
+		} else t5 = $[44];
+		return t5;
 	}
 	if (message.from === "brief") {
 		let t1;
-		if ($[38] !== 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
 			}) }) });
-			$[38] = message.text;
-			$[39] = t1;
-		} else t1 = $[39];
+			$[45] = message.text;
+			$[46] = t1;
+		} else t1 = $[46];
 		return t1;
 	}
 	if (message.from === "camox") {
 		let t1;
-		if ($[40] === 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"
 			});
-			$[40] = t1;
-		} else t1 = $[40];
+			$[47] = t1;
+		} else t1 = $[47];
 		let t2;
-		if ($[41] !== 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 }) })
 			})] }) });
-			$[41] = message.text;
-			$[42] = t2;
-		} else t2 = $[42];
+			$[48] = message.text;
+			$[49] = t2;
+		} else t2 = $[49];
 		return t2;
 	}
 	let t1;
-	if ($[43] !== message.sender) {
+	if ($[50] !== message.sender) {
 		t1 = /* @__PURE__ */ jsx(MessageAvatar, { children: /* @__PURE__ */ jsx(SenderAvatar, { sender: message.sender }) });
-		$[43] = message.sender;
-		$[44] = t1;
-	} else t1 = $[44];
+		$[50] = message.sender;
+		$[51] = t1;
+	} else t1 = $[51];
 	let t2;
-	if ($[45] !== 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 }) })
 		}) });
-		$[45] = message.text;
-		$[46] = t2;
-	} else t2 = $[46];
+		$[52] = message.text;
+		$[53] = t2;
+	} else t2 = $[53];
 	let t3;
-	if ($[47] !== t1 || $[48] !== t2) {
+	if ($[54] !== t1 || $[55] !== t2) {
 		t3 = /* @__PURE__ */ jsxs(Message, {
 			align: "end",
 			children: [t1, t2]
 		});
-		$[47] = t1;
-		$[48] = t2;
-		$[49] = t3;
-	} else t3 = $[49];
+		$[54] = t1;
+		$[55] = t2;
+		$[56] = t3;
+	} else t3 = $[56];
 	return t3;
 }
 function _temp(subject, index) {
@@ -608,13 +634,135 @@ function CroppedText(t0) {
 	return t9;
 }
 /**
+* The Attachments a Connected Agent's message carries, the images Camox's agent saw with it
+* (ADR 0044): a thumbnail of each, which opens it at full size.
+*/
+function AttachmentThumbnails(t0) {
+	const $ = c(20);
+	const { attachments } = t0;
+	const [opened, setOpened] = React.useState();
+	let t1;
+	if ($[0] !== attachments) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = (attachment) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				title: attachment.filename,
+				onClick: () => setOpened(attachment),
+				className: "checkered focus-visible:ring-ring size-16 overflow-hidden rounded-md border focus-visible:ring-2 focus-visible:outline-none",
+				children: /* @__PURE__ */ jsx("img", {
+					src: attachment.url,
+					alt: attachment.filename,
+					className: "size-full object-cover",
+					draggable: false
+				})
+			}, attachment.id);
+			$[2] = t2;
+		} else t2 = $[2];
+		t1 = attachments.map(t2);
+		$[0] = attachments;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-thread-attachments": true,
+			className: "flex flex-wrap gap-1.5",
+			children: t1
+		});
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = !!opened;
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (open) => !open && setOpened(void 0);
+		$[5] = t4;
+	} else t4 = $[5];
+	const t5 = opened?.filename;
+	let t6;
+	if ($[6] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: "sr-only",
+			children: t5
+		});
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			className: "absolute top-2 right-2 z-10",
+			onClick: () => setOpened(void 0),
+			children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		});
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== opened) {
+		t8 = opened && /* @__PURE__ */ jsx("div", {
+			className: "checkered absolute inset-0 flex items-center justify-center overflow-hidden p-6",
+			children: /* @__PURE__ */ jsx("img", {
+				src: opened.url,
+				alt: opened.filename,
+				className: "max-h-full max-w-full object-contain shadow-lg",
+				draggable: false
+			})
+		});
+		$[9] = opened;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== t6 || $[12] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "h-[90vh] max-h-[90vh] w-[90vw] max-w-[90vw] gap-0 overflow-hidden p-0 sm:max-w-[90vw]",
+			showCloseButton: false,
+			forceOverlay: true,
+			children: [
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[11] = t6;
+		$[12] = t8;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== t3 || $[15] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Dialog, {
+			open: t3,
+			onOpenChange: t4,
+			children: t9
+		});
+		$[14] = t3;
+		$[15] = t9;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== t10 || $[18] !== t2) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t10] });
+		$[17] = t10;
+		$[18] = t2;
+		$[19] = t11;
+	} else t11 = $[19];
+	return t11;
+}
+/**
 * Context the agent was given beside the editors' requests, such as the Brief the agent on Live
 * handed the request off with, or a Connected Agent's answers to its questions: a quiet line,
-* `label`, so the requests read on as they were sent, which shows `text` once clicked.
+* `label`, so the requests read on as they were sent, which shows `text`, then `children`, once
+* clicked.
 */
 function CollapsedNote(t0) {
-	const $ = c(11);
-	const { label, hideLabel, title, text } = t0;
+	const $ = c(12);
+	const { label, hideLabel, title, text, children } = t0;
 	const [open, setOpen] = React.useState(false);
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -651,18 +799,24 @@ function CollapsedNote(t0) {
 		$[6] = text;
 		$[7] = t4;
 	} else t4 = $[7];
-	let t5;
-	if ($[8] !== t3 || $[9] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
+	const t5 = open && children;
+	let t6;
+	if ($[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			"data-thread-collapsed": true,
 			className: "text-muted-foreground flex flex-col gap-2 text-xs",
-			children: [t3, t4]
+			children: [
+				t3,
+				t4,
+				t5
+			]
 		});
 		$[8] = t3;
 		$[9] = t4;
 		$[10] = t5;
-	} else t5 = $[10];
-	return t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	return t6;
 }
 function _temp2(current) {
 	return !current;
@@ -672,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", {
@@ -686,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);