camox 0.54.0 → 0.57.0

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

@@ -0,0 +1,219 @@
+import { AuthContext } from "../../../lib/auth.js";
+import { useCurrentDraftId, useDraftScope } from "../../../lib/draft-scope.js";
+import { useNavigate } from "../../navigation/navigation.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { cn } from "../../../lib/utils.js";
+import { BOTTOM_CARD_EDGES, CARD_BODY_EDGES } from "../../preview/components/SidebarStack.js";
+import { FollowAgentContext } from "../followAgentContext.js";
+import { useThread } from "../../../lib/use-thread.js";
+import { ThreadComposer } from "./ThreadComposer.js";
+import { ThreadMessages } from "./ThreadMessages.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
+
+//#region src/features/studio/components/ChatWidget.tsx
+/**
+* The Agent Sidebar's Chat widget, where an editor works with Camox's agent in a thread. Elsewhere in the
+* studio it is only hidden: the studio keeps following the editor's runs there. It follows
+* where the studio is: the editor's own Live thread on Live, and the draft's thread in a draft.
+* When the agent on Live hands the editor's request off to a draft, the studio that asked enters
+* it, if it still shows Live; the card the Live turn ends on opens it too.
+*/
+function ChatWidget(t0) {
+	const $ = c(6);
+	const { className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("flex flex-col", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("header", {
+			className: cn("bg-background flex h-11 min-w-0 shrink-0 items-center justify-center px-3", BOTTOM_CARD_EDGES),
+			children: /* @__PURE__ */ jsx("h2", {
+				className: "truncate text-sm font-medium",
+				children: "Agent"
+			})
+		});
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: cn("bg-background flex min-h-0 flex-1 flex-col", CARD_BODY_EDGES),
+			children: /* @__PURE__ */ jsx(CurrentThread, {})
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	let t4;
+	if ($[4] !== t1) {
+		t4 = /* @__PURE__ */ jsxs("section", {
+			"aria-label": "Chat",
+			"data-chat-widget": true,
+			className: t1,
+			children: [t2, t3]
+		});
+		$[4] = t1;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
+}
+function CurrentThread() {
+	const $ = c(14);
+	const { apiUrl, projectUuid } = React.useContext(AuthContext);
+	let t0;
+	if ($[0] !== projectUuid) {
+		t0 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useReadQuery(t0);
+	const draftId = useCurrentDraftId();
+	const draftScope = useDraftScope();
+	const navigate = useNavigate();
+	let t1;
+	if ($[2] !== draftScope) {
+		t1 = (started) => draftScope.enterStarted(started);
+		$[2] = draftScope;
+		$[3] = t1;
+	} else t1 = $[3];
+	const enterDraft = t1;
+	let t2;
+	if ($[4] !== navigate) {
+		t2 = (next) => void navigate({
+			to: window.location.href,
+			draft: next
+		});
+		$[4] = navigate;
+		$[5] = t2;
+	} else t2 = $[5];
+	const openDraft = t2;
+	if (!project) {
+		let t3;
+		if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThreadMessages, { view: EMPTY_THREAD_VIEW }), /* @__PURE__ */ jsx(ThreadComposer, { disabled: true })] });
+			$[6] = t3;
+		} else t3 = $[6];
+		return t3;
+	}
+	const t3 = `${project.id}:${draftId ?? "live"}`;
+	let t4;
+	if ($[7] !== apiUrl || $[8] !== draftId || $[9] !== enterDraft || $[10] !== openDraft || $[11] !== project.id || $[12] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Thread, {
+			apiUrl,
+			projectId: project.id,
+			draftId,
+			onEnterDraft: enterDraft,
+			onOpenDraft: openDraft
+		}, t3);
+		$[7] = apiUrl;
+		$[8] = draftId;
+		$[9] = enterDraft;
+		$[10] = openDraft;
+		$[11] = project.id;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
+}
+function Thread(t0) {
+	const $ = c(26);
+	const { apiUrl, projectId, draftId, onEnterDraft, onOpenDraft } = t0;
+	let t1;
+	if ($[0] !== onEnterDraft) {
+		t1 = { onEnterDraft };
+		$[0] = onEnterDraft;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { view, sending, send, stop, error, touched } = useThread(apiUrl, projectId, draftId, t1);
+	const follow = React.use(FollowAgentContext);
+	let t2;
+	if ($[2] !== follow) {
+		t2 = (batch) => follow?.receive(batch);
+		$[2] = follow;
+		$[3] = t2;
+	} else t2 = $[3];
+	const followTouched = React.useEffectEvent(t2);
+	let t3;
+	if ($[4] !== followTouched || $[5] !== touched) {
+		t3 = () => {
+			if (touched) followTouched(touched.batch);
+		};
+		$[4] = followTouched;
+		$[5] = touched;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== touched) {
+		t4 = [touched];
+		$[7] = touched;
+		$[8] = t4;
+	} else t4 = $[8];
+	React.useEffect(t3, t4);
+	let t5;
+	if ($[9] !== follow || $[10] !== send) {
+		t5 = (text) => {
+			follow?.resume();
+			send(text);
+		};
+		$[9] = follow;
+		$[10] = send;
+		$[11] = t5;
+	} else t5 = $[11];
+	const sendFollowing = t5;
+	let t6;
+	if ($[12] !== onOpenDraft || $[13] !== sending || $[14] !== view) {
+		t6 = /* @__PURE__ */ jsx(ThreadMessages, {
+			view,
+			sending,
+			onOpenDraft
+		});
+		$[12] = onOpenDraft;
+		$[13] = sending;
+		$[14] = view;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== error) {
+		t7 = error && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-destructive px-2 pt-2 text-sm",
+			children: error
+		});
+		$[16] = error;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== sendFollowing || $[19] !== stop || $[20] !== view.running) {
+		t8 = /* @__PURE__ */ jsx(ThreadComposer, {
+			onSend: sendFollowing,
+			onStop: stop,
+			running: view.running
+		});
+		$[18] = sendFollowing;
+		$[19] = stop;
+		$[20] = view.running;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== t6 || $[23] !== t7 || $[24] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t6,
+			t7,
+			t8
+		] });
+		$[22] = t6;
+		$[23] = t7;
+		$[24] = t8;
+		$[25] = t9;
+	} else t9 = $[25];
+	return t9;
+}
+
+//#endregion
+export { ChatWidget };

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

@@ -7,7 +7,7 @@ import { cn } from "../../../lib/utils.js";
 import { studioStore } from "../studioStore.js";
 import { draftLabel, plural, timeAgo } from "../draftLabel.js";
 import { RenameDraftDialog } from "./RenameDraftDialog.js";
-import { DiscardDraftDialog, ReviewDraftSheet, useLeaveDraft } from "./ReviewDraftSheet.js";
+import { DeleteDraftDialog, ReviewDraftSheet, useLeaveDraft } from "./ReviewDraftSheet.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useSelector } from "@xstate/store-react";
@@ -99,7 +99,7 @@ function useDrafts() {
 * Picks what the studio is viewing, Live or a draft (#203). Live is read-only; the first edit
 * starts a draft. The localhost studio works only in the development draft, so it shows that
 * draft alone, with nothing to switch to (ADR 0006). The command palette offers the same actions,
-* and the picker hosts the draft's review and discard confirmation they open. A `disabled` picker
+* and the picker hosts the draft's review and delete confirmation they open. A `disabled` picker
 * still names what the studio is viewing.
 */
 function DraftPicker(t0) {
@@ -110,7 +110,7 @@ function DraftPicker(t0) {
 	const navigate = useNavigate();
 	const leaveDraft = useLeaveDraft();
 	const review = useSelector(studioStore, _temp);
-	const discarding = useSelector(studioStore, _temp2);
+	const deleting = useSelector(studioStore, _temp2);
 	const [menuOpen, setMenuOpen] = React.useState(false);
 	const [renaming, setRenaming] = React.useState(null);
 	let t2;
@@ -316,20 +316,20 @@ function DraftPicker(t0) {
 		$[46] = t20;
 	} else t20 = $[46];
 	let t21;
-	if ($[47] !== discarding || $[48] !== draftId || $[49] !== leaveDraft || $[50] !== projectId || $[51] !== review) {
+	if ($[47] !== deleting || $[48] !== draftId || $[49] !== leaveDraft || $[50] !== projectId || $[51] !== review) {
 		t21 = draftId && projectId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReviewDraftSheet, {
 			projectId,
 			draftId,
 			open: review.open,
 			startRenaming: review.startRenaming,
 			onOpenChange: _temp7
-		}), /* @__PURE__ */ jsx(DiscardDraftDialog, {
+		}), /* @__PURE__ */ jsx(DeleteDraftDialog, {
 			projectId,
-			open: discarding,
+			open: deleting,
 			onOpenChange: _temp8,
-			onDiscarded: leaveDraft
+			onDeleted: leaveDraft
 		})] });
-		$[47] = discarding;
+		$[47] = deleting;
 		$[48] = draftId;
 		$[49] = leaveDraft;
 		$[50] = projectId;
@@ -351,7 +351,7 @@ function DraftPicker(t0) {
 	return t22;
 }
 function _temp8(open_1) {
-	if (!open_1) studioStore.send({ type: "closeDiscardDraftDialog" });
+	if (!open_1) studioStore.send({ type: "closeDeleteDraftDialog" });
 }
 function _temp7(open_0) {
 	if (!open_0) studioStore.send({ type: "closeReviewDraftSheet" });
@@ -364,20 +364,20 @@ function _temp5() {
 }
 function _temp4() {
 	studioStore.send({ type: "closeReviewDraftSheet" });
-	studioStore.send({ type: "closeDiscardDraftDialog" });
+	studioStore.send({ type: "closeDeleteDraftDialog" });
 }
 function _temp3(t0) {
 	const { move } = t0;
 	if (move === "started") toast.success("Started a new draft");
 }
 function _temp2(state_0) {
-	return state_0.context.isDiscardDraftDialogOpen;
+	return state_0.context.isDeleteDraftDialogOpen;
 }
 function _temp(state) {
 	return state.context.reviewDraftSheet;
 }
 /**
-* The current draft's pending changes, which open its review to publish or discard them. Live
+* The current draft's pending changes, which open its review to publish or delete them. Live
 * has none, so it shows nothing there.
 */
 function PendingChanges() {
@@ -418,8 +418,8 @@ function _temp9() {
 	return studioStore.send({ type: "openReviewDraftSheet" });
 }
 /**
-* The drafts controls' actions in the command palette, offered where the controls offer them. The palette only opens the review and the discard confirmation; it never publishes or
-* discards by itself.
+* 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.
 */
 function useDraftsActions(t0) {
 	const $ = c(7);
@@ -446,8 +446,8 @@ function useDraftsActions(t0) {
 					execute: _temp10
 				},
 				{
-					id: "discard-draft",
-					label: "Discard draft…",
+					id: "delete-draft",
+					label: "Delete draft…",
 					aliases: [
 						"Delete draft",
 						"Throw away changes",
@@ -546,7 +546,7 @@ function _temp12() {
 	});
 }
 function _temp11() {
-	return studioStore.send({ type: "openDiscardDraftDialog" });
+	return studioStore.send({ type: "openDeleteDraftDialog" });
 }
 function _temp10() {
 	return studioStore.send({ type: "openReviewDraftSheet" });