camox 0.67.0 → 0.68.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "camox",
-  "version": "0.67.0",
+  "version": "0.68.0",
   "license": "MIT",
   "bin": {
     "camox": "./bin/camox.mjs"
@@ -148,9 +148,9 @@
     "unhead": "^3.4.3",
     "yaml": "^2.9.0",
     "zod": "^4.6.7",
-    "@camox/cli": "0.67.0",
-    "@camox/api-contract": "0.67.0",
-    "@camox/ui": "0.67.0"
+    "@camox/api-contract": "0.68.0",
+    "@camox/cli": "0.68.0",
+    "@camox/ui": "0.68.0"
   },
   "devDependencies": {
     "@earendil-works/pi-ai": "1.3.0",

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

@@ -1,349 +0,0 @@
-import { reads, useReadQuery } from "../../../lib/studio-reads.js";
-import { cn } from "../../../lib/utils.js";
-import { studioStore } from "../studioStore.js";
-import { plural } from "../draftLabel.js";
-import { useRenameDraft } from "./ReviewDraftSheet.js";
-import { useDrafts } from "./DraftsControl.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { Button } from "@camox/ui/button";
-import { Input } from "@camox/ui/input";
-import { toast } from "@camox/ui/toaster";
-import { Spinner } from "@camox/ui/spinner";
-import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "@camox/ui/popover";
-import { FloatingToolbar } from "@camox/ui/floating-toolbar";
-
-//#region src/features/studio/components/UnnamedDraftBar.tsx
-/**
-* How long a draft goes without a change before the bar shows, so it doesn't pop up mid-edit.
-*/
-const SETTLE_MS = 1500;
-/**
-* Asks what to do with an unnamed draft, which only editing on Live starts: discard its
-* changes, keep it as a draft by naming it, or publish it. It stays up until one of them ends
-* the draft or names it, and stands in for the navbar's pending changes until then.
-*/
-function UnnamedDraftBar(t0) {
-	const $ = c(23);
-	const { stacked } = t0;
-	const { projectId, current } = useDrafts();
-	const unnamed = current?.name === null ? current : null;
-	const keeping = useSelector(studioStore, _temp);
-	const settled = useSettled(unnamed?.id ?? null, unnamed?.lastChangedAt ?? null);
-	if (!projectId || !unnamed || !(settled || keeping)) return null;
-	const empty = unnamed.changeCount === 0;
-	const t1 = stacked ? "bottom-16" : "bottom-2";
-	let t2;
-	if ($[0] !== t1) {
-		t2 = cn("animate-in fade-in slide-in-from-bottom-4 fixed w-max gap-6 duration-300", t1);
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			className: "size-2 shrink-0 rounded-full bg-blue-500"
-		});
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== empty || $[4] !== unnamed.changeCount) {
-		t4 = empty ? "No changes yet" : plural(unnamed.changeCount, "pending change");
-		$[3] = empty;
-		$[4] = unnamed.changeCount;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-2 px-2 text-sm",
-			children: [t3, t4]
-		});
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			onClick: _temp2,
-			children: "Discard"
-		});
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== empty || $[10] !== keeping || $[11] !== projectId || $[12] !== unnamed) {
-		t7 = /* @__PURE__ */ jsx(KeepDraft, {
-			projectId,
-			draft: unnamed,
-			open: keeping,
-			disabled: empty
-		});
-		$[9] = empty;
-		$[10] = keeping;
-		$[11] = projectId;
-		$[12] = unnamed;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== empty) {
-		t8 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			disabled: empty,
-			onClick: _temp3,
-			children: "Publish…"
-		});
-		$[14] = empty;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== t7 || $[17] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				t6,
-				t7,
-				t8
-			]
-		});
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] !== t2 || $[20] !== t5 || $[21] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(FloatingToolbar, {
-			"aria-label": "Unnamed draft",
-			className: t2,
-			children: [t5, t9]
-		});
-		$[19] = t2;
-		$[20] = t5;
-		$[21] = t9;
-		$[22] = t10;
-	} else t10 = $[22];
-	return t10;
-}
-function _temp3() {
-	return studioStore.send({ type: "openReviewDraftSheet" });
-}
-function _temp2() {
-	return studioStore.send({ type: "openDeleteDraftDialog" });
-}
-function _temp(state) {
-	return state.context.isKeepDraftOpen;
-}
-/**
-* Whether the draft went without a change for `SETTLE_MS`. Once settled it stays so for that
-* draft, so the bar doesn't hide again on the next edit.
-*/
-function useSettled(draftId, lastChangedAt) {
-	const $ = c(5);
-	const [settledDraft, setSettledDraft] = React.useState(null);
-	let t0;
-	let t1;
-	if ($[0] !== draftId || $[1] !== lastChangedAt || $[2] !== settledDraft) {
-		t0 = () => {
-			if (!draftId || settledDraft === draftId) return;
-			const wait = Math.max(0, (lastChangedAt ?? 0) + SETTLE_MS - Date.now());
-			const timer = setTimeout(() => setSettledDraft(draftId), wait);
-			return () => clearTimeout(timer);
-		};
-		t1 = [
-			draftId,
-			lastChangedAt,
-			settledDraft
-		];
-		$[0] = draftId;
-		$[1] = lastChangedAt;
-		$[2] = settledDraft;
-		$[3] = t0;
-		$[4] = t1;
-	} else {
-		t0 = $[3];
-		t1 = $[4];
-	}
-	React.useEffect(t0, t1);
-	return !!draftId && settledDraft === draftId;
-}
-/** "Keep as draft": names the draft, which keeps it and ends the bar. */
-function KeepDraft(t0) {
-	const $ = c(15);
-	const { projectId, draft, open, disabled } = t0;
-	let t1;
-	if ($[0] !== disabled) {
-		t1 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			disabled
-		});
-		$[0] = disabled;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== disabled || $[3] !== t1) {
-		t2 = /* @__PURE__ */ jsx(PopoverTrigger, {
-			disabled,
-			render: t1,
-			children: "Keep as draft"
-		});
-		$[2] = disabled;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== draft || $[6] !== open || $[7] !== projectId) {
-		t3 = open && /* @__PURE__ */ jsx(KeepDraftForm, {
-			projectId,
-			draft
-		});
-		$[5] = draft;
-		$[6] = open;
-		$[7] = projectId;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== t3) {
-		t4 = /* @__PURE__ */ jsx(PopoverContent, {
-			side: "top",
-			sideOffset: 16,
-			className: "w-80",
-			children: t3
-		});
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== open || $[12] !== t2 || $[13] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(Popover, {
-			open,
-			onOpenChange: _temp4,
-			children: [t2, t4]
-		});
-		$[11] = open;
-		$[12] = t2;
-		$[13] = t4;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
-}
-function _temp4(next) {
-	return studioStore.send({ type: next ? "openKeepDraft" : "closeKeepDraft" });
-}
-/**
-* The name to keep the draft under, filled with the short name its Draft Overview suggests until
-* the editor types: AI names a few changes well, and better than a name typed before making them.
-*/
-function KeepDraftForm(t0) {
-	const $ = c(24);
-	const { projectId, draft } = t0;
-	let t1;
-	if ($[0] !== draft.id || $[1] !== projectId) {
-		t1 = reads.publishPreview({
-			projectId,
-			draftId: draft.id
-		});
-		$[0] = draft.id;
-		$[1] = projectId;
-		$[2] = t1;
-	} else t1 = $[2];
-	const preview = useReadQuery(t1);
-	const overview = preview.data?.overview;
-	const suggested = overview?.status === "ready" ? overview.name : null;
-	const summarizing = !suggested && (preview.isPending || overview?.status === "pending");
-	const [typed, setTyped] = React.useState(null);
-	const name = typed ?? suggested ?? "";
-	const rename = useRenameDraft(projectId);
-	let t2;
-	if ($[3] !== draft.id || $[4] !== name || $[5] !== rename) {
-		t2 = (event) => {
-			event.preventDefault();
-			const kept = name.trim();
-			if (!kept) return;
-			rename.mutate({
-				draftId: draft.id,
-				name: kept
-			}, { onSuccess: () => {
-				studioStore.send({ type: "closeKeepDraft" });
-				toast.success(`Kept as "${kept}"`);
-			} });
-		};
-		$[3] = draft.id;
-		$[4] = name;
-		$[5] = rename;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs(PopoverHeader, { children: [/* @__PURE__ */ jsx(PopoverTitle, { children: "Keep as draft" }), /* @__PURE__ */ jsx(PopoverDescription, { children: "Name it for what it changes, so you and your team can find it later." })] });
-		$[7] = t3;
-	} else t3 = $[7];
-	const t4 = summarizing ? "Summarizing your changes…" : "What does this draft change?";
-	let t5;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = (event_0) => setTyped(event_0.target.value);
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== name || $[10] !== t4) {
-		t6 = /* @__PURE__ */ jsx(Input, {
-			autoFocus: true,
-			"aria-label": "Draft name",
-			value: name,
-			maxLength: 200,
-			placeholder: t4,
-			onChange: t5
-		});
-		$[9] = name;
-		$[10] = t4;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== name || $[13] !== rename.isPending) {
-		t7 = !name.trim() || rename.isPending;
-		$[12] = name;
-		$[13] = rename.isPending;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== rename.isPending) {
-		t8 = rename.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
-		$[15] = rename.isPending;
-		$[16] = t8;
-	} else t8 = $[16];
-	let t9;
-	if ($[17] !== t7 || $[18] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(Button, {
-			type: "submit",
-			disabled: t7,
-			children: [t8, "Keep draft"]
-		});
-		$[17] = t7;
-		$[18] = t8;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t2 || $[21] !== t6 || $[22] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("form", {
-			className: "flex flex-col gap-3",
-			onSubmit: t2,
-			children: [
-				t3,
-				t6,
-				t9
-			]
-		});
-		$[20] = t2;
-		$[21] = t6;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
-	return t10;
-}
-
-//#endregion
-export { SETTLE_MS, UnnamedDraftBar };