camox 0.74.1 → 0.76.0

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

@@ -5,18 +5,19 @@ import { AuthContext } from "../../../lib/auth.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { cn } from "../../../lib/utils.js";
 import { studioStore } from "../studioStore.js";
+import { useSwitchView } from "../viewSwitch.js";
 import { draftLabel, plural, timeAgo } from "../draftLabel.js";
-import { useLeaveDraft, useSwitchView } from "../viewSwitch.js";
-import { DeleteDraftDialog } from "./DeleteDraftDialog.js";
+import { useArchiveDraft } from "../useArchiveDraft.js";
+import { DraftsSheet } from "./DraftsSheet.js";
 import { ReviewDraftDialog } from "./ReviewDraftDialog.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
-import { ChevronsUpDown } from "lucide-react";
+import { Archive, ChevronsUpDown } from "lucide-react";
 import { toast } from "@camox/ui/toaster";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 
 //#region src/features/studio/components/DraftsControl.tsx
 const LIVE = "live";
@@ -95,17 +96,17 @@ function useDrafts() {
 /**
 * Picks what the studio is viewing, Live or a draft (#203). Live is read-only; the first edit
 * starts a draft. The command palette offers the same actions,
-* and the picker hosts the draft's review and delete confirmation they open. A `disabled` picker
-* still names what the studio is viewing.
+* and the picker hosts the draft's review they open, and the sheet of archived drafts it opens
+* itself. A `disabled` picker still names what the studio is viewing.
 */
 function DraftPicker(t0) {
-	const $ = c(69);
+	const $ = c(74);
 	const { disabled: t1 } = t0;
 	const disabled = t1 === void 0 ? false : t1;
 	const { draftScope, draftId, projectId, list, current } = useDrafts();
 	const navigate = useNavigate();
-	const leaveDraft = useLeaveDraft();
 	const switchView = useSwitchView();
+	const { archive } = useArchiveDraft(projectId);
 	const reviewing = useSelector(studioStore, _temp);
 	let t2;
 	if ($[0] !== draftId) {
@@ -114,7 +115,7 @@ function DraftPicker(t0) {
 		$[1] = t2;
 	} else t2 = $[1];
 	const working = useSelector(studioStore, t2);
-	const deleting = useSelector(studioStore, _temp2);
+	const sheetOpen = useSelector(studioStore, _temp2);
 	let t3;
 	let t4;
 	if ($[2] !== draftScope) {
@@ -165,218 +166,254 @@ function DraftPicker(t0) {
 	} else t7 = $[13];
 	const switchTo = t7;
 	const t8 = !!projectId;
-	let t9;
-	if ($[14] !== draftId || $[15] !== drafts || $[16] !== switchTo || $[17] !== t8 || $[18] !== working) {
-		t9 = {
+	const t9 = current && !current.catchUp ? archive : void 0;
+	let t10;
+	if ($[14] !== draftId || $[15] !== drafts || $[16] !== switchTo || $[17] !== t8 || $[18] !== t9 || $[19] !== working) {
+		t10 = {
 			enabled: t8,
 			draftId,
 			drafts,
 			switchTo,
-			working
+			working,
+			archive: t9
 		};
 		$[14] = draftId;
 		$[15] = drafts;
 		$[16] = switchTo;
 		$[17] = t8;
-		$[18] = working;
-		$[19] = t9;
-	} else t9 = $[19];
-	useDraftsActions(t9);
+		$[18] = t9;
+		$[19] = working;
+		$[20] = t10;
+	} else t10 = $[20];
+	useDraftsActions(t10);
 	if (draftId && !current) return null;
-	let t10;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(Button, {
+	let t11;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost"
 		});
-		$[20] = t10;
-	} else t10 = $[20];
-	const t11 = draftId ? "bg-blue-500" : "bg-emerald-500";
-	let t12;
-	if ($[21] !== t11) {
-		t12 = cn("size-2 shrink-0 rounded-full", t11);
 		$[21] = t11;
-		$[22] = t12;
-	} else t12 = $[22];
+	} else t11 = $[21];
+	const t12 = draftId ? "bg-blue-500" : "bg-emerald-500";
 	let t13;
-	if ($[23] !== t12) {
-		t13 = /* @__PURE__ */ jsx("span", {
+	if ($[22] !== t12) {
+		t13 = cn("size-2 shrink-0 rounded-full", t12);
+		$[22] = t12;
+		$[23] = t13;
+	} else t13 = $[23];
+	let t14;
+	if ($[24] !== t13) {
+		t14 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: t12
+			className: t13
 		});
-		$[23] = t12;
 		$[24] = t13;
-	} else t13 = $[24];
-	let t14;
-	if ($[25] !== current || $[26] !== draftId) {
-		t14 = draftId ? draftLabel(current) : "Live";
-		$[25] = current;
-		$[26] = draftId;
-		$[27] = t14;
-	} else t14 = $[27];
+		$[25] = t14;
+	} else t14 = $[25];
 	let t15;
-	if ($[28] !== t14) {
-		t15 = /* @__PURE__ */ jsx("span", {
+	if ($[26] !== current || $[27] !== draftId) {
+		t15 = draftId ? draftLabel(current) : "Live";
+		$[26] = current;
+		$[27] = draftId;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== t15) {
+		t16 = /* @__PURE__ */ jsx("span", {
 			className: "max-w-48 truncate",
-			children: t14
+			children: t15
 		});
-		$[28] = t14;
 		$[29] = t15;
-	} else t15 = $[29];
-	let t16;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(ChevronsUpDown, {
-			"aria-hidden": true,
-			className: "size-4 opacity-50"
-		});
 		$[30] = t16;
 	} else t16 = $[30];
 	let t17;
-	if ($[31] !== disabled || $[32] !== t13 || $[33] !== t15) {
-		t17 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(ChevronsUpDown, {
+			"aria-hidden": true,
+			className: "size-4 opacity-50"
+		});
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] !== disabled || $[33] !== t14 || $[34] !== t16) {
+		t18 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
 			disabled,
-			render: t10,
+			render: t11,
 			children: [
-				t13,
-				t15,
-				t16
+				t14,
+				t16,
+				t17
 			]
 		});
-		$[31] = disabled;
-		$[32] = t13;
-		$[33] = t15;
-		$[34] = t17;
-	} else t17 = $[34];
-	let t18;
-	if ($[35] !== draftId) {
-		t18 = !draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
+		$[32] = disabled;
+		$[33] = t14;
+		$[34] = t16;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== draftId) {
+		t19 = !draftId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuLabel, {
 			className: "text-muted-foreground font-normal",
 			children: "Live is read-only. Your first edit starts a new draft."
 		}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] });
-		$[35] = draftId;
-		$[36] = t18;
-	} else t18 = $[36];
-	const t19 = draftId ?? LIVE;
-	let t20;
-	if ($[37] !== switchTo) {
-		t20 = (value) => switchTo(value === LIVE ? null : String(value));
-		$[37] = switchTo;
-		$[38] = t20;
-	} else t20 = $[38];
+		$[36] = draftId;
+		$[37] = t19;
+	} else t19 = $[37];
+	const t20 = draftId ?? LIVE;
 	let t21;
-	if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" });
+	if ($[38] !== switchTo) {
+		t21 = (value) => switchTo(value === LIVE ? null : String(value));
+		$[38] = switchTo;
 		$[39] = t21;
 	} else t21 = $[39];
 	let t22;
 	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = /* @__PURE__ */ jsx("span", { children: "Live" });
+		t22 = /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Switch to" });
 		$[40] = t22;
 	} else t22 = $[40];
 	let t23;
-	if ($[41] !== list) {
-		t23 = list && /* @__PURE__ */ jsx("span", {
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = /* @__PURE__ */ jsx("span", { children: "Live" });
+		$[41] = t23;
+	} else t23 = $[41];
+	let t24;
+	if ($[42] !== list) {
+		t24 = list && /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs",
 			children: liveLine(list.live)
 		});
-		$[41] = list;
-		$[42] = t23;
-	} else t23 = $[42];
-	let t24;
-	if ($[43] !== t23) {
-		t24 = /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+		$[42] = list;
+		$[43] = t24;
+	} else t24 = $[43];
+	let t25;
+	if ($[44] !== t24) {
+		t25 = /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
 			value: LIVE,
 			closeOnClick: true,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col",
-				children: [t22, t23]
+				children: [t23, t24]
 			})
 		});
-		$[43] = t23;
 		$[44] = t24;
-	} else t24 = $[44];
-	let t25;
-	if ($[45] !== drafts) {
-		t25 = drafts.map(_temp6);
-		$[45] = drafts;
-		$[46] = t25;
-	} else t25 = $[46];
+		$[45] = t25;
+	} else t25 = $[45];
 	let t26;
-	if ($[47] !== t24 || $[48] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
-			t21,
-			t24,
-			t25
+	if ($[46] !== drafts) {
+		t26 = drafts.map(_temp6);
+		$[46] = drafts;
+		$[47] = t26;
+	} else t26 = $[47];
+	let t27;
+	if ($[48] !== t25 || $[49] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+			t22,
+			t25,
+			t26
 		] });
-		$[47] = t24;
 		$[48] = t25;
 		$[49] = t26;
-	} else t26 = $[49];
-	let t27;
-	if ($[50] !== t19 || $[51] !== t20 || $[52] !== t26) {
-		t27 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-			value: t19,
-			onValueChange: t20,
-			children: t26
+		$[50] = t27;
+	} else t27 = $[50];
+	let t28;
+	if ($[51] !== t20 || $[52] !== t21 || $[53] !== t27) {
+		t28 = /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+			value: t20,
+			onValueChange: t21,
+			children: t27
 		});
-		$[50] = t19;
 		$[51] = t20;
-		$[52] = t26;
+		$[52] = t21;
 		$[53] = t27;
-	} else t27 = $[53];
-	let t28;
-	if ($[54] !== t18 || $[55] !== t27) {
-		t28 = /* @__PURE__ */ jsx(DropdownMenuContent, {
+		$[54] = t28;
+	} else t28 = $[54];
+	let t29;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t29 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[55] = t29;
+	} else t29 = $[55];
+	let t30;
+	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+		t30 = /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: _temp7,
+			children: [/* @__PURE__ */ jsx(Archive, {
+				"aria-hidden": true,
+				className: "size-4"
+			}), "Archived and published…"]
+		}) });
+		$[56] = t30;
+	} else t30 = $[56];
+	let t31;
+	if ($[57] !== t19 || $[58] !== t28) {
+		t31 = /* @__PURE__ */ jsx(DropdownMenuContent, {
 			className: "w-80",
 			align: "start",
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [t18, t27] })
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+				t19,
+				t28,
+				t29,
+				t30
+			] })
 		});
-		$[54] = t18;
-		$[55] = t27;
-		$[56] = t28;
-	} else t28 = $[56];
-	let t29;
-	if ($[57] !== t17 || $[58] !== t28) {
-		t29 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t17, t28] });
-		$[57] = t17;
+		$[57] = t19;
 		$[58] = t28;
-		$[59] = t29;
-	} else t29 = $[59];
-	let t30;
-	if ($[60] !== deleting || $[61] !== draftId || $[62] !== leaveDraft || $[63] !== projectId || $[64] !== reviewing) {
-		t30 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftDialog, {
+		$[59] = t31;
+	} else t31 = $[59];
+	let t32;
+	if ($[60] !== t18 || $[61] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t18, t31] });
+		$[60] = t18;
+		$[61] = t31;
+		$[62] = t32;
+	} else t32 = $[62];
+	let t33;
+	if ($[63] !== draftId || $[64] !== projectId || $[65] !== reviewing) {
+		t33 = draftId && projectId && /* @__PURE__ */ jsx(ReviewDraftDialog, {
 			projectId,
 			draftId,
 			open: reviewing,
-			onOpenChange: _temp7
-		}), /* @__PURE__ */ jsx(DeleteDraftDialog, {
+			onOpenChange: _temp8
+		});
+		$[63] = draftId;
+		$[64] = projectId;
+		$[65] = reviewing;
+		$[66] = t33;
+	} else t33 = $[66];
+	let t34;
+	if ($[67] !== projectId || $[68] !== sheetOpen) {
+		t34 = projectId && /* @__PURE__ */ jsx(DraftsSheet, {
 			projectId,
-			open: deleting,
-			onOpenChange: _temp8,
-			onDeleted: leaveDraft
-		})] });
-		$[60] = deleting;
-		$[61] = draftId;
-		$[62] = leaveDraft;
-		$[63] = projectId;
-		$[64] = reviewing;
-		$[65] = t30;
-	} else t30 = $[65];
-	let t31;
-	if ($[66] !== t29 || $[67] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(Fragment, { children: [t29, t30] });
-		$[66] = t29;
-		$[67] = t30;
-		$[68] = t31;
-	} else t31 = $[68];
-	return t31;
+			open: sheetOpen,
+			onOpenChange: _temp9
+		});
+		$[67] = projectId;
+		$[68] = sheetOpen;
+		$[69] = t34;
+	} else t34 = $[69];
+	let t35;
+	if ($[70] !== t32 || $[71] !== t33 || $[72] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t32,
+			t33,
+			t34
+		] });
+		$[70] = t32;
+		$[71] = t33;
+		$[72] = t34;
+		$[73] = t35;
+	} else t35 = $[73];
+	return t35;
 }
-function _temp8(open_0) {
-	if (!open_0) studioStore.send({ type: "closeDeleteDraftDialog" });
+function _temp9(open_0) {
+	if (!open_0) studioStore.send({ type: "closeDraftsSheet" });
 }
-function _temp7(open) {
+function _temp8(open) {
 	if (!open) studioStore.send({ type: "closeReviewDraftDialog" });
 }
+function _temp7() {
+	return studioStore.send({ type: "openDraftsSheet" });
+}
 function _temp6(draft_0) {
 	return /* @__PURE__ */ jsx(DraftItem, { draft: draft_0 }, draft_0.id);
 }
@@ -384,30 +421,30 @@ function _temp5() {
 	return _temp4;
 }
 function _temp4() {
-	studioStore.send({ type: "closeReviewDraftDialog" });
-	studioStore.send({ type: "closeDeleteDraftDialog" });
+	return studioStore.send({ type: "closeReviewDraftDialog" });
 }
 function _temp3(t0) {
 	const { move } = t0;
 	if (move === "started") toast.success("Started a new draft");
 }
 function _temp2(state_1) {
-	return state_1.context.isDeleteDraftDialogOpen;
+	return state_1.context.isDraftsSheetOpen;
 }
 function _temp(state) {
 	return state.context.isReviewDraftDialogOpen;
 }
 /**
-* The drafts controls' actions in the command palette, offered where the controls offer them. The palette only opens the review and the delete confirmation; it never publishes or
-* deletes by itself. Like the Publish… button, it doesn't offer the review while Camox's agent is
-* mid-turn in the draft (`working`).
+* The drafts controls' actions in the command palette, offered where the controls offer them. The
+* palette opens the review, never publishing by itself, and archives the draft as its bar does,
+* except Camox's Catch-up Draft. Like the Publish… button, it doesn't offer the review while
+* Camox's agent is mid-turn in the draft (`working`).
 */
 function useDraftsActions(t0) {
-	const $ = c(7);
-	const { enabled, draftId, drafts, switchTo, working } = t0;
+	const $ = c(8);
+	const { enabled, draftId, drafts, switchTo, working, archive } = t0;
 	let t1;
 	let t2;
-	if ($[0] !== draftId || $[1] !== drafts || $[2] !== enabled || $[3] !== switchTo || $[4] !== working) {
+	if ($[0] !== archive || $[1] !== draftId || $[2] !== drafts || $[3] !== enabled || $[4] !== switchTo || $[5] !== working) {
 		t1 = () => {
 			const inDraft = enabled && !!draftId;
 			const others = drafts.filter((listed) => listed.id !== draftId);
@@ -424,19 +461,20 @@ function useDraftsActions(t0) {
 					],
 					groupLabel: "Drafts",
 					checkIfAvailable: () => inDraft && !working,
-					execute: _temp9
+					execute: _temp10
 				},
 				{
-					id: "delete-draft",
-					label: "Delete draft…",
+					id: "archive-draft",
+					label: "Archive draft",
 					aliases: [
+						"Delete draft",
 						"Discard changes",
 						"Throw away changes",
-						"Revert changes"
+						"Set aside"
 					],
 					groupLabel: "Drafts",
-					checkIfAvailable: () => inDraft,
-					execute: _temp10
+					checkIfAvailable: () => inDraft && !!archive,
+					execute: () => archive?.()
 				},
 				{
 					id: "switch-to-live",
@@ -490,18 +528,20 @@ function useDraftsActions(t0) {
 			draftId,
 			drafts,
 			switchTo,
-			working
+			working,
+			archive
 		];
-		$[0] = draftId;
-		$[1] = drafts;
-		$[2] = enabled;
-		$[3] = switchTo;
-		$[4] = working;
-		$[5] = t1;
-		$[6] = t2;
+		$[0] = archive;
+		$[1] = draftId;
+		$[2] = drafts;
+		$[3] = enabled;
+		$[4] = switchTo;
+		$[5] = working;
+		$[6] = t1;
+		$[7] = t2;
 	} else {
-		t1 = $[5];
-		t2 = $[6];
+		t1 = $[6];
+		t2 = $[7];
 	}
 	React.useEffect(t1, t2);
 }
@@ -513,9 +553,6 @@ function _temp12() {
 }
 function _temp11() {}
 function _temp10() {
-	return studioStore.send({ type: "openDeleteDraftDialog" });
-}
-function _temp9() {
 	return studioStore.send({ type: "openReviewDraftDialog" });
 }
 /** Who published Live last and when: a member, a release, or nobody yet. */