camox 0.59.0 → 0.61.0

package/dist/features/settings/SocialProfilesSettings.js

@@ -4,9 +4,13 @@ import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { Input } from "@camox/ui/input";
-import { ArrowDown, ArrowUp, Plus, Trash2 } from "lucide-react";
+import { GripVertical, Plus, Trash2 } from "lucide-react";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import { Spinner } from "@camox/ui/spinner";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "@camox/ui/input-group";
 import { socialProfileUrlSchema } from "@camox/api-contract/projects";
 
 //#region src/features/settings/SocialProfilesSettings.tsx
@@ -16,69 +20,67 @@ const row = (url) => ({
 	url
 });
 function SocialProfilesSettings(t0) {
-	const $ = c(33);
+	const $ = c(36);
 	const { project } = t0;
 	let t1;
-	if ($[0] !== project) {
+	if ($[0] !== project.socialProfiles) {
 		t1 = () => project.socialProfiles.map(row);
-		$[0] = project;
+		$[0] = project.socialProfiles;
 		$[1] = t1;
 	} else t1 = $[1];
 	const [rows, setRows] = React.useState(t1);
 	const [showErrors, setShowErrors] = React.useState(false);
-	let t2;
-	if ($[2] !== rows) {
-		t2 = rows.map(_temp).filter(_temp2);
-		$[2] = rows;
-		$[3] = t2;
-	} else t2 = $[3];
-	const filled = t2;
-	let t3;
-	if ($[4] !== filled) {
-		t3 = {
-			success: "Social profiles updated",
-			failure: "Could not save the social profiles",
-			onSuccess: () => {
-				setRows(filled);
-				setShowErrors(false);
-			}
-		};
-		$[4] = filled;
-		$[5] = t3;
-	} else t3 = $[5];
-	const save = useProjectMutation(project, "updateSocialProfiles", t3);
+	const filled = rows.map(_temp).filter(_temp2);
+	const save = useProjectMutation(project, "updateSocialProfiles", {
+		success: "Social profiles updated",
+		failure: "Could not save the social profiles",
+		onSuccess: () => {
+			setRows(filled);
+			setShowErrors(false);
+		}
+	});
 	const errorOf = _temp3;
-	let t4;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (key, url_0) => setRows((current) => current.map((entry_0) => entry_0.key === key ? {
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (key, url_0) => setRows((current) => current.map((entry_0) => entry_0.key === key ? {
 			...entry_0,
 			url: url_0
 		} : entry_0));
-		$[6] = t4;
-	} else t4 = $[6];
-	const update = t4;
+		$[2] = t2;
+	} else t2 = $[2];
+	const update = t2;
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (key_0) => setRows((current_0) => current_0.filter((entry_1) => entry_1.key !== key_0));
+		$[3] = t3;
+	} else t3 = $[3];
+	const remove = t3;
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { coordinateGetter: sortableKeyboardCoordinates };
+		$[4] = t4;
+	} else t4 = $[4];
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, t4));
 	let t5;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = (key_0) => setRows((current_0) => current_0.filter((entry_1) => entry_1.key !== key_0));
-		$[7] = t5;
-	} else t5 = $[7];
-	const remove = t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (t6) => {
+			const { active, over } = t6;
+			if (!over || active.id === over.id) return;
+			setRows((current_1) => {
+				const from = current_1.findIndex((entry_2) => entry_2.key === active.id);
+				const to = current_1.findIndex((entry_3) => entry_3.key === over.id);
+				return from === -1 || to === -1 ? current_1 : arrayMove(current_1, from, to);
+			});
+		};
+		$[5] = t5;
+	} else t5 = $[5];
+	const handleDragEnd = t5;
+	const hasChanges = filled.length !== project.socialProfiles.length || filled.some((entry_4, index) => entry_4.url !== project.socialProfiles[index]);
 	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (index, by) => setRows((current_1) => {
-			const next = [...current_1];
-			const [moved] = next.splice(index, 1);
-			next.splice(index + by, 0, moved);
-			return next;
-		});
-		$[8] = t6;
-	} else t6 = $[8];
-	const move = t6;
-	let t7;
-	if ($[9] !== filled || $[10] !== project || $[11] !== save) {
-		t7 = (event) => {
+	if ($[6] !== errorOf || $[7] !== filled || $[8] !== project.id || $[9] !== save) {
+		t6 = (event) => {
 			event.preventDefault();
-			if (filled.some((entry_2) => errorOf(entry_2.url))) {
+			if (filled.some((entry_5) => errorOf(entry_5.url))) {
 				setShowErrors(true);
 				return;
 			}
@@ -87,145 +89,123 @@ function SocialProfilesSettings(t0) {
 				socialProfiles: filled.map(_temp4)
 			});
 		};
-		$[9] = filled;
-		$[10] = project;
-		$[11] = save;
-		$[12] = t7;
-	} else t7 = $[12];
-	const submit = t7;
-	let t8;
-	if ($[13] !== rows || $[14] !== save.isPending || $[15] !== showErrors) {
-		t8 = rows.length > 0 && /* @__PURE__ */ jsx("ol", {
-			className: "flex flex-col gap-2",
-			children: rows.map((entry_4, index_0) => {
-				const error = showErrors && entry_4.url.trim() ? errorOf(entry_4.url) : void 0;
-				return /* @__PURE__ */ jsxs("li", {
-					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(Input, {
-								type: "url",
-								value: entry_4.url,
-								placeholder: "https://www.linkedin.com/company/…",
-								"aria-label": `Profile ${index_0 + 1}`,
-								"aria-invalid": error ? true : void 0,
-								disabled: save.isPending,
-								onChange: (event_0) => update(entry_4.key, event_0.target.value)
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move up",
-								disabled: index_0 === 0 || save.isPending,
-								onClick: () => move(index_0, -1),
-								children: /* @__PURE__ */ jsx(ArrowUp, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Move down",
-								disabled: index_0 === rows.length - 1 || save.isPending,
-								onClick: () => move(index_0, 1),
-								children: /* @__PURE__ */ jsx(ArrowDown, {})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								"aria-label": "Remove",
-								disabled: save.isPending,
-								onClick: () => remove(entry_4.key),
-								children: /* @__PURE__ */ jsx(Trash2, {})
-							})
-						]
-					}), error && /* @__PURE__ */ jsx("p", {
-						className: "text-destructive text-xs",
-						children: error
-					})]
-				}, entry_4.key);
+		$[6] = errorOf;
+		$[7] = filled;
+		$[8] = project.id;
+		$[9] = save;
+		$[10] = t6;
+	} else t6 = $[10];
+	const submit = t6;
+	let t7;
+	if ($[11] !== errorOf || $[12] !== handleDragEnd || $[13] !== remove || $[14] !== rows || $[15] !== save.isPending || $[16] !== sensors || $[17] !== showErrors || $[18] !== update) {
+		t7 = rows.length > 0 && /* @__PURE__ */ jsx(DndContext, {
+			sensors,
+			collisionDetection: closestCenter,
+			onDragEnd: handleDragEnd,
+			modifiers: [restrictToVerticalAxis],
+			children: /* @__PURE__ */ jsx(SortableContext, {
+				items: rows.map(_temp5),
+				strategy: verticalListSortingStrategy,
+				children: /* @__PURE__ */ jsx("ol", {
+					className: "flex flex-col gap-2",
+					children: rows.map((entry_8, index_0) => /* @__PURE__ */ jsx(SortableProfileRow, {
+						entry: entry_8,
+						index: index_0,
+						error: showErrors && entry_8.url.trim() ? errorOf(entry_8.url) : void 0,
+						disabled: save.isPending,
+						onChange: (url_1) => update(entry_8.key, url_1),
+						onRemove: () => remove(entry_8.key)
+					}, entry_8.key))
+				})
 			})
 		});
-		$[13] = rows;
-		$[14] = save.isPending;
-		$[15] = showErrors;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[11] = errorOf;
+		$[12] = handleDragEnd;
+		$[13] = remove;
+		$[14] = rows;
+		$[15] = save.isPending;
+		$[16] = sensors;
+		$[17] = showErrors;
+		$[18] = update;
+		$[19] = t7;
+	} else t7 = $[19];
+	const t8 = !hasChanges || save.isPending;
 	let t9;
-	if ($[17] !== save.isPending) {
+	if ($[20] !== save.isPending) {
 		t9 = save.isPending && /* @__PURE__ */ jsx(Spinner, {});
-		$[17] = save.isPending;
-		$[18] = t9;
-	} else t9 = $[18];
+		$[20] = save.isPending;
+		$[21] = t9;
+	} else t9 = $[21];
 	let t10;
-	if ($[19] !== save.isPending || $[20] !== t9) {
+	if ($[22] !== t8 || $[23] !== t9) {
 		t10 = /* @__PURE__ */ jsxs(Button, {
 			type: "submit",
-			disabled: save.isPending,
+			disabled: t8,
 			children: [t9, "Save"]
 		});
-		$[19] = save.isPending;
-		$[20] = t9;
-		$[21] = t10;
-	} else t10 = $[21];
+		$[22] = t8;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
 	let t11;
 	let t12;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = () => setRows(_temp5);
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = () => setRows(_temp6);
 		t12 = /* @__PURE__ */ jsx(Plus, {});
-		$[22] = t11;
-		$[23] = t12;
+		$[25] = t11;
+		$[26] = t12;
 	} else {
-		t11 = $[22];
-		t12 = $[23];
+		t11 = $[25];
+		t12 = $[26];
 	}
 	let t13;
-	if ($[24] !== save.isPending) {
+	if ($[27] !== save.isPending) {
 		t13 = /* @__PURE__ */ jsxs(Button, {
 			type: "button",
-			variant: "ghost",
+			variant: "outline",
 			disabled: save.isPending,
 			onClick: t11,
 			children: [t12, "Add profile"]
 		});
-		$[24] = save.isPending;
-		$[25] = t13;
-	} else t13 = $[25];
+		$[27] = save.isPending;
+		$[28] = t13;
+	} else t13 = $[28];
 	let t14;
-	if ($[26] !== t10 || $[27] !== t13) {
+	if ($[29] !== t10 || $[30] !== t13) {
 		t14 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap gap-2",
 			children: [t10, t13]
 		});
-		$[26] = t10;
-		$[27] = t13;
-		$[28] = t14;
-	} else t14 = $[28];
+		$[29] = t10;
+		$[30] = t13;
+		$[31] = t14;
+	} else t14 = $[31];
 	let t15;
-	if ($[29] !== submit || $[30] !== t14 || $[31] !== t8) {
+	if ($[32] !== submit || $[33] !== t14 || $[34] !== t7) {
 		t15 = /* @__PURE__ */ jsx(SettingsPart, {
 			title: "Social profiles",
 			description: "The project's accounts elsewhere, such as on LinkedIn, X or GitHub. Search engines and AI answer engines use them to tie the website to your organization.",
 			children: /* @__PURE__ */ jsxs("form", {
 				onSubmit: submit,
 				className: "flex flex-col gap-4",
-				children: [t8, t14]
+				children: [t7, t14]
 			})
 		});
-		$[29] = submit;
-		$[30] = t14;
-		$[31] = t8;
-		$[32] = t15;
-	} else t15 = $[32];
+		$[32] = submit;
+		$[33] = t14;
+		$[34] = t7;
+		$[35] = t15;
+	} else t15 = $[35];
 	return t15;
 }
-function _temp5(current_2) {
+function _temp6(current_2) {
 	return [...current_2, row("")];
 }
-function _temp4(entry_3) {
-	return entry_3.url;
+function _temp5(entry_7) {
+	return entry_7.key;
+}
+function _temp4(entry_6) {
+	return entry_6.url;
 }
 function _temp3(url) {
 	const result = socialProfileUrlSchema.safeParse(url.trim());
@@ -240,6 +220,159 @@ function _temp(entry) {
 		url: entry.url.trim()
 	};
 }
+function SortableProfileRow(t0) {
+	const $ = c(41);
+	const { entry, index, error, disabled, onChange, onRemove } = t0;
+	let t1;
+	if ($[0] !== disabled || $[1] !== entry.key) {
+		t1 = {
+			id: entry.key,
+			disabled
+		};
+		$[0] = disabled;
+		$[1] = entry.key;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t1);
+	let t2;
+	if ($[3] !== transform) {
+		t2 = CSS.Transform.toString(transform);
+		$[3] = transform;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = isDragging ? .5 : 1;
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3 || $[7] !== transition) {
+		t4 = {
+			transform: t2,
+			transition,
+			opacity: t3
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = transition;
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = `Reorder profile ${index + 1}`;
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(GripVertical, {});
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== attributes || $[11] !== disabled || $[12] !== listeners || $[13] !== t5) {
+		t7 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": t5,
+			className: "text-muted-foreground hover:text-foreground cursor-grab active:cursor-grabbing",
+			disabled,
+			...attributes,
+			...listeners,
+			children: t6
+		});
+		$[10] = attributes;
+		$[11] = disabled;
+		$[12] = listeners;
+		$[13] = t5;
+		$[14] = t7;
+	} else t7 = $[14];
+	const t8 = disabled || void 0;
+	const t9 = `Profile ${index + 1}`;
+	const t10 = error ? true : void 0;
+	let t11;
+	if ($[15] !== onChange) {
+		t11 = (event) => onChange(event.target.value);
+		$[15] = onChange;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] !== disabled || $[18] !== entry.url || $[19] !== t10 || $[20] !== t11 || $[21] !== t9) {
+		t12 = /* @__PURE__ */ jsx(InputGroupInput, {
+			type: "url",
+			value: entry.url,
+			placeholder: "https://www.linkedin.com/company/…",
+			"aria-label": t9,
+			"aria-invalid": t10,
+			disabled,
+			onChange: t11
+		});
+		$[17] = disabled;
+		$[18] = entry.url;
+		$[19] = t10;
+		$[20] = t11;
+		$[21] = t9;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Trash2, {});
+		$[23] = t13;
+	} else t13 = $[23];
+	let t14;
+	if ($[24] !== disabled || $[25] !== onRemove) {
+		t14 = /* @__PURE__ */ jsx(InputGroupAddon, {
+			align: "inline-end",
+			className: "opacity-0 group-focus-within/input-group:opacity-100 group-hover/input-group:opacity-100",
+			children: /* @__PURE__ */ jsx(InputGroupButton, {
+				size: "icon-xs",
+				"aria-label": "Remove",
+				disabled,
+				onClick: onRemove,
+				children: t13
+			})
+		});
+		$[24] = disabled;
+		$[25] = onRemove;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t12 || $[28] !== t14 || $[29] !== t8) {
+		t15 = /* @__PURE__ */ jsxs(InputGroup, {
+			"data-disabled": t8,
+			children: [t12, t14]
+		});
+		$[27] = t12;
+		$[28] = t14;
+		$[29] = t8;
+		$[30] = t15;
+	} else t15 = $[30];
+	let t16;
+	if ($[31] !== t15 || $[32] !== t7) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			children: [t7, t15]
+		});
+		$[31] = t15;
+		$[32] = t7;
+		$[33] = t16;
+	} else t16 = $[33];
+	let t17;
+	if ($[34] !== error) {
+		t17 = error && /* @__PURE__ */ jsx("p", {
+			className: "text-destructive pl-9 text-xs",
+			children: error
+		});
+		$[34] = error;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== setNodeRef || $[37] !== t16 || $[38] !== t17 || $[39] !== t4) {
+		t18 = /* @__PURE__ */ jsxs("li", {
+			ref: setNodeRef,
+			style: t4,
+			className: "flex flex-col gap-1",
+			children: [t16, t17]
+		});
+		$[36] = setNodeRef;
+		$[37] = t16;
+		$[38] = t17;
+		$[39] = t4;
+		$[40] = t18;
+	} else t18 = $[40];
+	return t18;
+}
 
 //#endregion
 export { SocialProfilesSettings };

package/dist/features/settings/useProjectMutation.js

@@ -5,6 +5,8 @@ import { useMutation } from "@tanstack/react-query";
 import { toast } from "@camox/ui/toaster";
 
 //#region src/features/settings/useProjectMutation.ts
+/** Each project mutation's options, as far as saving with it needs them. */
+const projectMutationOptions = projectMutations;
 /**
 * One of the project's mutations, as a Settings part saves with it: once it succeeds the studio
 * reads the project afresh, then `onSuccess` runs and a toast says `success`; a failure toasts the
@@ -16,11 +18,10 @@ function useProjectMutation(project, mutation, t0) {
 	const studioCache = useStudioCache();
 	let t1;
 	if ($[0] !== mutation) {
-		t1 = projectMutations[mutation]();
+		t1 = projectMutationOptions[mutation]();
 		$[0] = mutation;
 		$[1] = t1;
 	} else t1 = $[1];
-	const options = t1;
 	let t2;
 	if ($[2] !== onSuccess || $[3] !== project || $[4] !== studioCache || $[5] !== success) {
 		t2 = async (_, variables) => {
@@ -43,13 +44,13 @@ function useProjectMutation(project, mutation, t0) {
 		$[8] = t3;
 	} else t3 = $[8];
 	let t4;
-	if ($[9] !== options || $[10] !== t2 || $[11] !== t3) {
+	if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
 		t4 = {
-			...options,
+			...t1,
 			onSuccess: t2,
 			onError: t3
 		};
-		$[9] = options;
+		$[9] = t1;
 		$[10] = t2;
 		$[11] = t3;
 		$[12] = t4;

package/dist/features/studio/FollowAgentProvider.js

@@ -4,10 +4,12 @@ import { useLocation, useNavigate } from "../navigation/navigation.js";
 import { useProjectUuid } from "../../lib/auth.js";
 import { reads, useReadQueries, useReadQuery } from "../../lib/studio-reads.js";
 import { useRoutableLayouts } from "../../lib/studio-definitions.js";
+import { STUDIO_CANVAS_PATH } from "./routes.js";
 import { FollowAgentContext } from "./followAgentContext.js";
 import { canvasPageId, getCanvasPages } from "../canvas/canvasPages.js";
 import { selectedCanvasPage } from "../canvas/canvasSelection.js";
 import { useDiscoveredPreviewPaths } from "../canvas/useDiscoveredPreviewPaths.js";
+import { EditorWhereContext } from "./editorWhereContext.js";
 import { createFollowAgent } from "./followAgent.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
@@ -99,9 +101,27 @@ function useCurrentPageBlocks(page, path) {
 function _temp(id) {
 	return reads.blockBundle(id);
 }
-/** Where the editor is, and the Studio content following locates the agent's touches with. */
+/** Where the editor is, for the agent to read, from the Page they look at, if any. */
+function editorWhereOf(current, path, locale) {
+	if (path === "/camox/canvas") return {
+		on: "canvas",
+		locale
+	};
+	if (!current) return void 0;
+	return {
+		on: "page",
+		locale,
+		path,
+		title: current.title,
+		...current.kind === "curated" ? { pageId: current.pageId } : { layoutId: current.layoutId }
+	};
+}
+/**
+* Where the editor is, with the Studio content following locates the agent's touches with, and
+* as the agent reads it.
+*/
 function useFollowWhere(runtimeBasePath) {
-	const $ = c(35);
+	const $ = c(44);
 	const layouts = useRoutableLayouts();
 	const projectUuid = useProjectUuid();
 	const location = useLocation();
@@ -155,7 +175,8 @@ function useFollowWhere(runtimeBasePath) {
 		$[17] = location.pathname;
 		$[18] = t6;
 	} else t6 = $[18];
-	const blocks = useCurrentPageBlocks(current, t6.path);
+	const path = t6.path;
+	const blocks = useCurrentPageBlocks(current, path);
 	let t7;
 	if ($[19] !== blocks || $[20] !== canvasPages || $[21] !== current?.key || $[22] !== pageList) {
 		t7 = () => {
@@ -221,7 +242,34 @@ function useFollowWhere(runtimeBasePath) {
 		$[33] = t9;
 		$[34] = t11;
 	} else t11 = $[34];
-	return t11;
+	const where = t11;
+	let t12;
+	if ($[35] !== current || $[36] !== locale.tag || $[37] !== path) {
+		t12 = JSON.stringify(editorWhereOf(current, path, locale.tag) ?? null);
+		$[35] = current;
+		$[36] = locale.tag;
+		$[37] = path;
+		$[38] = t12;
+	} else t12 = $[38];
+	const json = t12;
+	let t13;
+	if ($[39] !== json) {
+		t13 = JSON.parse(json) ?? void 0;
+		$[39] = json;
+		$[40] = t13;
+	} else t13 = $[40];
+	const editorWhere = t13;
+	let t14;
+	if ($[41] !== editorWhere || $[42] !== where) {
+		t14 = {
+			where,
+			editorWhere
+		};
+		$[41] = editorWhere;
+		$[42] = where;
+		$[43] = t14;
+	} else t14 = $[43];
+	return t14;
 }
 function _temp2(page) {
 	return [page.id, page.layoutId];
@@ -229,12 +277,13 @@ function _temp2(page) {
 /**
 * Follows the agent for the Studio session, across its pages and into the draft its Live thread
 * starts: the Canvas or the Preview goes where the editor's runs write. Only the Website Section
-* follows; elsewhere in the Studio, the editor stays where they are.
+* follows; elsewhere in the Studio, the editor stays where they are. It tells the thread where
+* the editor is too, which their messages carry to the agent.
 */
 function FollowAgentProvider(t0) {
-	const $ = c(18);
+	const $ = c(21);
 	const { runtimeBasePath, website, children } = t0;
-	const where = useFollowWhere(runtimeBasePath);
+	const { where, editorWhere } = useFollowWhere(runtimeBasePath);
 	const navigate = useNavigate();
 	let t1;
 	if ($[0] !== navigate || $[1] !== where) {
@@ -311,16 +360,26 @@ function FollowAgentProvider(t0) {
 	} else t7 = $[14];
 	const value = t7;
 	let t8;
-	if ($[15] !== children || $[16] !== value) {
-		t8 = /* @__PURE__ */ jsx(FollowAgentContext, {
-			value,
+	if ($[15] !== children || $[16] !== editorWhere) {
+		t8 = /* @__PURE__ */ jsx(EditorWhereContext, {
+			value: editorWhere,
 			children
 		});
 		$[15] = children;
-		$[16] = value;
+		$[16] = editorWhere;
 		$[17] = t8;
 	} else t8 = $[17];
-	return t8;
+	let t9;
+	if ($[18] !== t8 || $[19] !== value) {
+		t9 = /* @__PURE__ */ jsx(FollowAgentContext, {
+			value,
+			children: t8
+		});
+		$[18] = t8;
+		$[19] = value;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
 }
 
 //#endregion