camox 0.77.0 → 0.79.0

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

@@ -3,6 +3,8 @@ import { studioStore } from "../studioStore.js";
 import { plural } from "../draftLabel.js";
 import { useArchiveDraft } from "../useArchiveDraft.js";
 import { useDrafts } from "./DraftsControl.js";
+import { usePublishDraft } from "../usePublishDraft.js";
+import { DraftReview } from "./DraftReview.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,143 +20,205 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 const SETTLE_MS = 1500;
 /**
 * Asks what to do with the draft being viewed, once its edits settle: archive it, unless it's
-* Camox's Catch-up Draft, or publish it.
-* Publishing waits while Camox's agent is mid-turn in the draft, so half a change never goes live;
+* Camox's Catch-up Draft, or publish it right away, which a toast follows. Its count of pending
+* changes opens the draft's review, as does a publish that blockers held or stopped. Publishing
+* waits while Camox's agent is mid-turn in the draft, so half a change never goes live;
 * nothing else Camox does holds it here. `stacked` places it in the Preview toolbar's column, just above the toolbar;
 * otherwise it floats at the bottom of the screen on its own.
 */
 function DraftBar(t0) {
-	const $ = c(32);
+	const $ = c(10);
 	const { stacked: t1 } = t0;
 	const stacked = t1 === void 0 ? false : t1;
 	const { projectId, current } = useDrafts();
 	const { archive, archiving } = useArchiveDraft(projectId);
 	const settled = useSettled(current?.id ?? null, current?.lastChangedAt ?? null);
+	const reviewing = useSelector(studioStore, _temp);
 	let t2;
 	if ($[0] !== current) {
-		t2 = (state) => !!current && state.context.agentWorkingIn === current.id;
+		t2 = (state_0) => !!current && state_0.context.agentWorkingIn === current.id;
 		$[0] = current;
 		$[1] = t2;
 	} else t2 = $[1];
 	const working = useSelector(studioStore, t2);
-	if (!projectId || !current || !settled) return null;
-	const empty = current.changeCount === 0;
-	const t3 = stacked ? "pointer-events-auto relative left-auto translate-x-0" : "fixed bottom-2";
+	if (!projectId || !current || !(settled || reviewing)) return null;
+	let t3;
+	if ($[2] !== archive || $[3] !== archiving || $[4] !== current || $[5] !== projectId || $[6] !== reviewing || $[7] !== stacked || $[8] !== working) {
+		t3 = /* @__PURE__ */ jsx(Bar, {
+			projectId,
+			draft: current,
+			archive,
+			archiving,
+			working,
+			reviewing,
+			stacked
+		}, current.id);
+		$[2] = archive;
+		$[3] = archiving;
+		$[4] = current;
+		$[5] = projectId;
+		$[6] = reviewing;
+		$[7] = stacked;
+		$[8] = working;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+function _temp(state) {
+	return state.context.isDraftReviewOpen;
+}
+function Bar(t0) {
+	const $ = c(37);
+	const { projectId, draft, archive, archiving, working, reviewing, stacked } = t0;
+	const review = _temp2;
+	let t1;
+	if ($[0] !== draft.id || $[1] !== projectId) {
+		t1 = {
+			projectId,
+			draftId: draft.id,
+			onBlocked: review
+		};
+		$[0] = draft.id;
+		$[1] = projectId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { publish, publishing } = usePublishDraft(t1);
+	const empty = draft.changeCount === 0;
+	const toolbar = React.useRef(null);
+	const t2 = stacked ? "pointer-events-auto relative left-auto translate-x-0" : "fixed bottom-2";
+	let t3;
+	if ($[3] !== t2) {
+		t3 = cn("w-max gap-4", t2);
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
 	let t4;
-	if ($[2] !== t3) {
-		t4 = cn("w-max gap-4", t3);
-		$[2] = t3;
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			className: "size-2 shrink-0 rounded-full bg-blue-500"
-		});
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== current.changeCount || $[6] !== empty) {
-		t6 = empty ? "No changes yet" : plural(current.changeCount, "pending change");
-		$[5] = current.changeCount;
-		$[6] = empty;
-		$[7] = t6;
-	} else t6 = $[7];
-	let t7;
-	if ($[8] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("span", {
+	if ($[5] !== draft.changeCount || $[6] !== draft.id || $[7] !== empty || $[8] !== projectId || $[9] !== reviewing) {
+		t4 = empty ? /* @__PURE__ */ jsxs("span", {
 			className: "flex items-center gap-2 px-2 text-sm",
-			children: [t5, t6]
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "size-2 shrink-0 rounded-full bg-blue-500"
+			}), "No changes yet"]
+		}) : /* @__PURE__ */ jsx(DraftReview, {
+			projectId,
+			draftId: draft.id,
+			open: reviewing,
+			anchor: toolbar,
+			onOpenChange: _temp3,
+			trigger: /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "ghost",
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "size-2 shrink-0 rounded-full bg-blue-500"
+				}), plural(draft.changeCount, "pending change")]
+			})
 		});
-		$[8] = t6;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== archive || $[11] !== archiving || $[12] !== current.catchUp) {
-		t8 = !current.catchUp && /* @__PURE__ */ jsx(Button, {
+		$[5] = draft.changeCount;
+		$[6] = draft.id;
+		$[7] = empty;
+		$[8] = projectId;
+		$[9] = reviewing;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== archive || $[12] !== archiving || $[13] !== draft.catchUp || $[14] !== publishing) {
+		t5 = !draft.catchUp && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "outline",
-			disabled: archiving,
+			disabled: archiving || publishing,
 			onClick: archive,
 			children: "Archive"
 		});
-		$[10] = archive;
-		$[11] = archiving;
-		$[12] = current.catchUp;
-		$[13] = t8;
-	} else t8 = $[13];
-	const t9 = !working;
-	const t10 = working ? 0 : void 0;
+		$[11] = archive;
+		$[12] = archiving;
+		$[13] = draft.catchUp;
+		$[14] = publishing;
+		$[15] = t5;
+	} else t5 = $[15];
+	const t6 = !working;
+	const t7 = working ? 0 : void 0;
+	let t8;
+	if ($[16] !== t7) {
+		t8 = /* @__PURE__ */ jsx("span", { tabIndex: t7 });
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	const t9 = empty || working || publishing;
+	let t10;
+	if ($[18] !== publish) {
+		t10 = () => void publish();
+		$[18] = publish;
+		$[19] = t10;
+	} else t10 = $[19];
 	let t11;
-	if ($[14] !== t10) {
-		t11 = /* @__PURE__ */ jsx("span", { tabIndex: t10 });
-		$[14] = t10;
-		$[15] = t11;
-	} else t11 = $[15];
-	const t12 = empty || working;
-	let t13;
-	if ($[16] !== t12) {
-		t13 = /* @__PURE__ */ jsx(Button, {
+	if ($[20] !== t10 || $[21] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
-			disabled: t12,
-			onClick: _temp,
-			children: "Publish…"
+			disabled: t9,
+			onClick: t10,
+			children: "Publish"
+		});
+		$[20] = t10;
+		$[21] = t9;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] !== t11 || $[24] !== t8) {
+		t12 = /* @__PURE__ */ jsx(TooltipTrigger, {
+			render: t8,
+			children: t11
 		});
-		$[16] = t12;
-		$[17] = t13;
-	} else t13 = $[17];
+		$[23] = t11;
+		$[24] = t8;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(TooltipContent, { children: "Camox's agent is working" });
+		$[26] = t13;
+	} else t13 = $[26];
 	let t14;
-	if ($[18] !== t11 || $[19] !== t13) {
-		t14 = /* @__PURE__ */ jsx(TooltipTrigger, {
-			render: t11,
-			children: t13
+	if ($[27] !== t12 || $[28] !== t6) {
+		t14 = /* @__PURE__ */ jsxs(Tooltip, {
+			disabled: t6,
+			children: [t12, t13]
 		});
-		$[18] = t11;
-		$[19] = t13;
-		$[20] = t14;
-	} else t14 = $[20];
+		$[27] = t12;
+		$[28] = t6;
+		$[29] = t14;
+	} else t14 = $[29];
 	let t15;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx(TooltipContent, { children: "Camox's agent is working" });
-		$[21] = t15;
-	} else t15 = $[21];
-	let t16;
-	if ($[22] !== t14 || $[23] !== t9) {
-		t16 = /* @__PURE__ */ jsxs(Tooltip, {
-			disabled: t9,
-			children: [t14, t15]
-		});
-		$[22] = t14;
-		$[23] = t9;
-		$[24] = t16;
-	} else t16 = $[24];
-	let t17;
-	if ($[25] !== t16 || $[26] !== t8) {
-		t17 = /* @__PURE__ */ jsxs("div", {
+	if ($[30] !== t14 || $[31] !== t5) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t8, t16]
+			children: [t5, t14]
 		});
-		$[25] = t16;
-		$[26] = t8;
-		$[27] = t17;
-	} else t17 = $[27];
-	let t18;
-	if ($[28] !== t17 || $[29] !== t4 || $[30] !== t7) {
-		t18 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+		$[30] = t14;
+		$[31] = t5;
+		$[32] = t15;
+	} else t15 = $[32];
+	let t16;
+	if ($[33] !== t15 || $[34] !== t3 || $[35] !== t4) {
+		t16 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+			ref: toolbar,
 			"aria-label": "Draft",
-			className: t4,
-			children: [t7, t17]
+			className: t3,
+			children: [t4, t15]
 		});
-		$[28] = t17;
-		$[29] = t4;
-		$[30] = t7;
-		$[31] = t18;
-	} else t18 = $[31];
-	return t18;
+		$[33] = t15;
+		$[34] = t3;
+		$[35] = t4;
+		$[36] = t16;
+	} else t16 = $[36];
+	return t16;
+}
+function _temp3(open) {
+	return studioStore.send({ type: open ? "openDraftReview" : "closeDraftReview" });
 }
-function _temp() {
-	return studioStore.send({ type: "openReviewDraftDialog" });
+function _temp2() {
+	return studioStore.send({ type: "openDraftReview" });
 }
 /**
 * Whether the draft went without a change for `SETTLE_MS`. Once settled it stays so for that