camox 0.59.0 → 0.61.0

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

@@ -6,6 +6,8 @@ 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 { EditorWhereContext } from "../editorWhereContext.js";
+import { useEditorSelection } from "../useEditorSelection.js";
 import { ThreadComposer } from "./ThreadComposer.js";
 import { ThreadMessages } from "./ThreadMessages.js";
 import { c } from "react/compiler-runtime";
@@ -19,7 +21,9 @@ import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
 * 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.
+* it, if it still shows Live; the card the Live turn ends on opens it too. Each message tells the
+* agent where the editor is: the page they look at, with what they selected on it unless they
+* cleared it from the composer, or the Canvas with no page selected.
 */
 function ChatWidget(t0) {
 	const $ = c(6);
@@ -122,7 +126,7 @@ function CurrentThread() {
 	return t4;
 }
 function Thread(t0) {
-	const $ = c(26);
+	const $ = c(36);
 	const { apiUrl, projectId, draftId, onEnterDraft, onOpenDraft } = t0;
 	let t1;
 	if ($[0] !== onEnterDraft) {
@@ -155,64 +159,102 @@ function Thread(t0) {
 		$[8] = t4;
 	} else t4 = $[8];
 	React.useEffect(t3, t4);
+	const where = React.use(EditorWhereContext);
+	const selection = useEditorSelection(where);
 	let t5;
-	if ($[9] !== follow || $[10] !== send) {
-		t5 = (text) => {
+	if ($[9] !== selection) {
+		t5 = selection ? JSON.stringify([
+			selection.blockId,
+			selection.itemId,
+			selection.recordId,
+			selection.fieldName
+		]) : null;
+		$[9] = selection;
+		$[10] = t5;
+	} else t5 = $[10];
+	const selectionKey = t5;
+	const [cleared, setCleared] = React.useState(null);
+	if (cleared !== null && selectionKey !== cleared) setCleared(null);
+	const carried = selection && selectionKey !== cleared ? selection : void 0;
+	let t6;
+	if ($[11] !== carried || $[12] !== follow || $[13] !== send || $[14] !== where) {
+		t6 = (text) => {
 			follow?.resume();
-			send(text);
+			send(text, where?.on === "page" && carried ? {
+				...where,
+				selection: carried
+			} : where);
 		};
-		$[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, {
+		$[11] = carried;
+		$[12] = follow;
+		$[13] = send;
+		$[14] = where;
+		$[15] = t6;
+	} else t6 = $[15];
+	const sendFollowing = t6;
+	let t7;
+	if ($[16] !== onOpenDraft || $[17] !== sending || $[18] !== view) {
+		t7 = /* @__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", {
+		$[16] = onOpenDraft;
+		$[17] = sending;
+		$[18] = view;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== error) {
+		t8 = 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, {
+		$[20] = error;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== carried?.path) {
+		t9 = carried?.path.at(-1);
+		$[22] = carried?.path;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== selectionKey) {
+		t10 = () => selectionKey !== null && setCleared(selectionKey);
+		$[24] = selectionKey;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== sendFollowing || $[27] !== stop || $[28] !== t10 || $[29] !== t9 || $[30] !== view.running) {
+		t11 = /* @__PURE__ */ jsx(ThreadComposer, {
 			onSend: sendFollowing,
 			onStop: stop,
+			selection: t9,
+			onClearSelection: t10,
 			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,
+		$[26] = sendFollowing;
+		$[27] = stop;
+		$[28] = t10;
+		$[29] = t9;
+		$[30] = view.running;
+		$[31] = t11;
+	} else t11 = $[31];
+	let t12;
+	if ($[32] !== t11 || $[33] !== t7 || $[34] !== t8) {
+		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t7,
-			t8
+			t8,
+			t11
 		] });
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t8;
-		$[25] = t9;
-	} else t9 = $[25];
-	return t9;
+		$[32] = t11;
+		$[33] = t7;
+		$[34] = t8;
+		$[35] = t12;
+	} else t12 = $[35];
+	return t12;
 }
 
 //#endregion