camox 0.56.0 → 0.57.0

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

@@ -1,5 +1,6 @@
 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";
@@ -17,7 +18,8 @@ import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
 * 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 Live thread starts a draft, the studio enters it with the thread.
+* 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);
@@ -62,7 +64,7 @@ function ChatWidget(t0) {
 	return t4;
 }
 function CurrentThread() {
-	const $ = c(15);
+	const $ = c(14);
 	const { apiUrl, projectUuid } = React.useContext(AuthContext);
 	let t0;
 	if ($[0] !== projectUuid) {
@@ -73,125 +75,105 @@ function CurrentThread() {
 	const { data: project } = useReadQuery(t0);
 	const draftId = useCurrentDraftId();
 	const draftScope = useDraftScope();
-	const [carried, setCarried] = React.useState();
+	const navigate = useNavigate();
 	let t1;
 	if ($[2] !== draftScope) {
-		t1 = (started, thread) => {
-			if (draftScope.current() !== null) return;
-			const { startedDraft: _, continuedIn: __, ...state } = thread.state;
-			setCarried({
-				draftId: started,
-				thread: {
-					...thread,
-					state
-				}
-			});
-			draftScope.enterStarted(started);
-		};
+		t1 = (started) => draftScope.enterStarted(started);
 		$[2] = draftScope;
 		$[3] = t1;
 	} else t1 = $[3];
 	const enterDraft = t1;
 	let t2;
-	let t3;
-	if ($[4] !== draftScope) {
-		t2 = () => draftScope.subscribe((t4) => {
-			const { move } = t4;
-			if (move !== "started") setCarried(void 0);
+	if ($[4] !== navigate) {
+		t2 = (next) => void navigate({
+			to: window.location.href,
+			draft: next
 		});
-		t3 = [draftScope];
-		$[4] = draftScope;
+		$[4] = navigate;
 		$[5] = t2;
-		$[6] = t3;
-	} else {
-		t2 = $[5];
-		t3 = $[6];
-	}
-	React.useEffect(t2, t3);
+	} else t2 = $[5];
+	const openDraft = t2;
 	if (!project) {
-		let t4;
-		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThreadMessages, { view: EMPTY_THREAD_VIEW }), /* @__PURE__ */ jsx(ThreadComposer, { disabled: true })] });
-			$[7] = t4;
-		} else t4 = $[7];
-		return t4;
+		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 t4 = `${project.id}:${draftId ?? "live"}`;
-	const t5 = carried?.draftId === draftId ? carried.thread : void 0;
-	let t6;
-	if ($[8] !== apiUrl || $[9] !== draftId || $[10] !== enterDraft || $[11] !== project.id || $[12] !== t4 || $[13] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Thread, {
+	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,
-			carried: t5,
-			onEnterDraft: enterDraft
-		}, t4);
-		$[8] = apiUrl;
-		$[9] = draftId;
-		$[10] = enterDraft;
+			onEnterDraft: enterDraft,
+			onOpenDraft: openDraft
+		}, t3);
+		$[7] = apiUrl;
+		$[8] = draftId;
+		$[9] = enterDraft;
+		$[10] = openDraft;
 		$[11] = project.id;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	return t6;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
 }
 function Thread(t0) {
 	const $ = c(26);
-	const { apiUrl, projectId, draftId, carried, onEnterDraft } = t0;
+	const { apiUrl, projectId, draftId, onEnterDraft, onOpenDraft } = t0;
 	let t1;
-	if ($[0] !== carried || $[1] !== onEnterDraft) {
-		t1 = {
-			carried,
-			onEnterDraft
-		};
-		$[0] = carried;
-		$[1] = onEnterDraft;
-		$[2] = t1;
-	} else t1 = $[2];
+	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 ($[3] !== follow) {
+	if ($[2] !== follow) {
 		t2 = (batch) => follow?.receive(batch);
-		$[3] = follow;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[2] = follow;
+		$[3] = t2;
+	} else t2 = $[3];
 	const followTouched = React.useEffectEvent(t2);
 	let t3;
-	if ($[5] !== followTouched || $[6] !== touched) {
+	if ($[4] !== followTouched || $[5] !== touched) {
 		t3 = () => {
 			if (touched) followTouched(touched.batch);
 		};
-		$[5] = followTouched;
-		$[6] = touched;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[4] = followTouched;
+		$[5] = touched;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[8] !== touched) {
+	if ($[7] !== touched) {
 		t4 = [touched];
-		$[8] = touched;
-		$[9] = t4;
-	} else t4 = $[9];
+		$[7] = touched;
+		$[8] = t4;
+	} else t4 = $[8];
 	React.useEffect(t3, t4);
 	let t5;
-	if ($[10] !== follow || $[11] !== send) {
+	if ($[9] !== follow || $[10] !== send) {
 		t5 = (text) => {
 			follow?.resume();
 			send(text);
 		};
-		$[10] = follow;
-		$[11] = send;
-		$[12] = t5;
-	} else t5 = $[12];
+		$[9] = follow;
+		$[10] = send;
+		$[11] = t5;
+	} else t5 = $[11];
 	const sendFollowing = t5;
 	let t6;
-	if ($[13] !== sending || $[14] !== view) {
+	if ($[12] !== onOpenDraft || $[13] !== sending || $[14] !== view) {
 		t6 = /* @__PURE__ */ jsx(ThreadMessages, {
 			view,
-			sending
+			sending,
+			onOpenDraft
 		});
+		$[12] = onOpenDraft;
 		$[13] = sending;
 		$[14] = view;
 		$[15] = t6;