@sanity/assist 6.1.20 → 6.2.0

package/dist/index.js

@@ -2,8 +2,8 @@ import "@sanity/ui/styles.css";
 import { FormBuilder, FormCallbacksProvider, FormFieldHeaderText, FormInput, MemberFieldError, ObjectInputMember, PatchEvent, PerspectiveProvider, PresenceOverlay, StatusButton, VirtualizerScrollInstanceProvider, createPatchChannel, defineArrayMember, defineField, definePlugin, defineType, fromMutationPatches, getDraftId, getPublishedId, getVersionFromId, getVersionId, insert, isArrayOfObjectsSchemaType, isArraySchemaType, isDocumentSchemaType, isKeySegment, isObjectSchemaType, isRecord, isVersionId, pathToString, set, setIfMissing, stringToPath, typed, unset, useClient, useColorSchemeValue, useCurrentUser, useDocumentPresence, useDocumentStore, useEditState, useFormCallbacks, usePerspective, useSchema, useSyncState, useWorkspaceSchemaId } from "sanity";
 import { c } from "react/compiler-runtime";
 import { Box, Button, Card, Checkbox, Container, Dialog, ErrorBoundary, Flex, Label, Radio, Spinner, Stack, Switch, Text, TextArea, ThemeProvider, focusFirstDescendant, rgba, useClickOutsideEvent, useGlobalKeyDown, useLayer, useTheme } from "@sanity/ui";
-import { createContext, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useMemo, useReducer, useRef, useState } from "react";
 import { DocumentInspectorHeader, DocumentPaneProvider, PaneRouterContext, useDocumentPane, usePaneRouter } from "sanity/structure";
+import { createContext, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useToast } from "@sanity/ui/toast";
 import { addSeconds } from "date-fns/addSeconds";
@@ -36,7 +36,7 @@ import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import { SyncIcon } from "@sanity/icons/Sync";
 import { Popover } from "@sanity/ui/popover";
 import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
-import isEqual from "react-fast-compare";
+import { dequal } from "dequal/lite";
 import get from "lodash-es/get.js";
 import { Icon, icons } from "@sanity/icons";
 import { ControlsIcon } from "@sanity/icons/Controls";
@@ -291,7 +291,7 @@ function mapConnectorToLine(options, connector) {
 		to
 	};
 }
-const assistDocumentIdPrefix = "sanity.assist.schemaType.", assistDocumentStatusIdPrefix = "sanity.assist.status.", assistDocumentTypeName = "sanity.assist.schemaType.annotations", assistFieldTypeName = "sanity.assist.schemaType.field", userInputTypeName = "sanity.assist.instruction.userInput", contextDocumentTypeName = "assist.instruction.context", assistTasksStatusTypeName = "sanity.assist.task.status", instructionTaskTypeName = "sanity.assist.instructionTask", fieldPresenceTypeName = "sanity.assist.instructionTask.presence", assistSerializedTypeName = "sanity.assist.serialized.type", assistSerializedFieldTypeName = "sanity.assist.serialized.field", fieldPathParam = "pathKey", instructionParam = "instruction", documentRootKey = "<document>";
+const assistDocumentStatusIdPrefix = "sanity.assist.status.", assistDocumentTypeName = "sanity.assist.schemaType.annotations", assistFieldTypeName = "sanity.assist.schemaType.field", userInputTypeName = "sanity.assist.instruction.userInput", fieldReferenceTypeName = "sanity.assist.instruction.fieldRef", contextDocumentTypeName = "assist.instruction.context", assistTasksStatusTypeName = "sanity.assist.task.status", instructionTaskTypeName = "sanity.assist.instructionTask", fieldPresenceTypeName = "sanity.assist.instructionTask.presence", assistSerializedTypeName = "sanity.assist.serialized.type", assistSerializedFieldTypeName = "sanity.assist.serialized.field", fieldPathParam = "pathKey", instructionParam = "instruction", documentRootKey = "<document>";
 function usePathKey(path) {
 	let $ = c(2), t0;
 	return $[0] === path ? t0 = $[1] : (t0 = getPathKey(path), $[0] = path, $[1] = t0), t0;
@@ -350,7 +350,7 @@ const FirstAssistedPathContext = createContext(void 0);
 function FirstAssistedPathProvider(props) {
 	let $ = c(5), { members } = props, t0;
 	if ($[0] !== members) {
-		let firstAssisted = members.find(_temp$15);
+		let firstAssisted = members.find(_temp$16);
 		t0 = firstAssisted?.field.path ? pathToString(firstAssisted?.field.path) : void 0, $[0] = members, $[1] = t0;
 	} else t0 = $[1];
 	let firstAssistedPath = t0, t1;
@@ -359,12 +359,12 @@ function FirstAssistedPathProvider(props) {
 		children: props.children
 	}), $[2] = firstAssistedPath, $[3] = props.children, $[4] = t1) : t1 = $[4], t1;
 }
-function _temp$15(member) {
+function _temp$16(member) {
 	return member.kind === "field" && isAssistSupported(member.field.schemaType);
 }
 const releaseAnnouncementUrl = "https://www.sanity.io/blog/sanity-ai-assist-announcement?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=", packageName = "@sanity/assist", pluginTitle = "Sanity AI Assist", pluginTitleShort = "AI Assist", maxHistoryVisibilityMs = minutesToMilliseconds(30), illegalIdChars = /[^a-zA-Z0-9._-]/g;
 function assistDocumentId(documentType) {
-	return `${assistDocumentIdPrefix}${documentType}`.replace(illegalIdChars, "_");
+	return `sanity.assist.schemaType.${documentType}`.replace(illegalIdChars, "_");
 }
 function assistTasksStatusId(documentId) {
 	return isVersionId(documentId) ? `${assistDocumentStatusIdPrefix}${getVersionFromId(documentId)}.${getPublishedId(documentId)}` : `${assistDocumentStatusIdPrefix}${getPublishedId(documentId)}`;
@@ -374,7 +374,7 @@ function useDocumentState(id, docType) {
 	return state.draft || state.published;
 }
 function useStudioAssistDocument(t0) {
-	let $ = c(15), { documentId, schemaType, initDoc } = t0, documentTypeName = schemaType.name, currentUser = useCurrentUser(), t1;
+	let $ = c(17), { documentId, schemaType, initDoc } = t0, documentTypeName = schemaType.name, currentUser = useCurrentUser(), t1;
 	$[0] === documentTypeName ? t1 = $[1] : (t1 = assistDocumentId(documentTypeName), $[0] = documentTypeName, $[1] = t1);
 	let assistDocument = useDocumentState(t1, assistDocumentTypeName), t2 = documentId ?? "", t3;
 	$[2] === t2 ? t3 = $[3] : (t3 = assistTasksStatusId(t2), $[2] = t2, $[3] = t3);
@@ -385,7 +385,7 @@ function useStudioAssistDocument(t0) {
 		!assistDocument && initDoc && client.createIfNotExists({
 			_id: assistDocumentId(documentTypeName),
 			_type: assistDocumentTypeName
-		}).catch(_temp$14);
+		}).catch(_temp$15);
 	}, t6 = [
 		client,
 		assistDocument,
@@ -400,7 +400,9 @@ function useStudioAssistDocument(t0) {
 		}
 		let t8;
 		if ($[11] !== assistDocument || $[12] !== assistTasksStatus?.tasks || $[13] !== currentUser?.id) {
-			let tasks = assistTasksStatus?.tasks ?? [], fields = (assistDocument?.fields ?? []).map((assistField) => ({
+			let tasks = assistTasksStatus?.tasks ?? [], t9;
+			$[15] === assistDocument?.fields ? t9 = $[16] : (t9 = assistDocument?.fields ?? [], $[15] = assistDocument?.fields, $[16] = t9);
+			let fields = t9.map((assistField) => ({
 				...assistField,
 				tasks: tasks.filter((task) => task.path === assistField.path),
 				instructions: assistField.instructions?.filter((p) => !p.userId || p.userId === currentUser?.id).map((instruction) => asStudioInstruction(instruction, tasks))
@@ -421,7 +423,7 @@ function useStudioAssistDocument(t0) {
 	}
 	return t7;
 }
-function _temp$14() {}
+function _temp$15() {}
 function asStudioInstruction(instruction, run) {
 	return {
 		...instruction,
@@ -439,11 +441,11 @@ function useInstructionToaster(documentId, documentSchemaType) {
 	$[3] !== assistDocLoaded || $[4] !== currentUser?.id || $[5] !== tasks || $[6] !== toast ? (t1 = () => {
 		if (assistDocLoaded) {
 			if (previousTasks.current !== "initial") {
-				let prevTaskByKey = Object.fromEntries((previousTasks.current ?? NO_TASKS).map(_temp$13));
+				let prevTaskByKey = Object.fromEntries((previousTasks.current ?? NO_TASKS).map(_temp$14));
 				(tasks?.filter((task) => task.startedByUserId === currentUser?.id).filter((task_0) => {
 					let prevTask = prevTaskByKey[task_0._key];
 					return !prevTask && task_0.ended || !prevTask?.ended && task_0.ended;
-				}).filter(_temp2$7))?.forEach((task_2) => {
+				}).filter(_temp2$9))?.forEach((task_2) => {
 					let title = task_2.title ?? getInstructionTitle(task_2.instruction);
 					task_2.reason === "error" ? toast.push({
 						title: `Failed: ${title}`,
@@ -481,10 +483,10 @@ function useInstructionToaster(documentId, documentSchemaType) {
 		assistDocLoaded
 	], $[8] = assistDocLoaded, $[9] = currentUser, $[10] = tasks, $[11] = toast, $[12] = t2) : t2 = $[12], useEffect(t1, t2);
 }
-function _temp2$7(task_1) {
+function _temp2$9(task_1) {
 	return task_1.ended && isAfter(addSeconds(new Date(task_1.ended), 30), /* @__PURE__ */ new Date());
 }
-function _temp$13(run) {
+function _temp$14(run) {
 	return [run._key, run];
 }
 function AssistDocumentInputWrapper(props) {
@@ -586,15 +588,25 @@ function getDocumentFieldRef(schemaType) {
 		schemaType
 	};
 }
-function getFieldRefs(schemaType, parent, depth = 0) {
-	return depth >= 6 ? [] : schemaType.fields.filter((f) => !f.name.startsWith("_")).flatMap((field) => {
+/**
+* Collects every field (and synthetic array item) in `schemaType` that AI Assist can attach
+* instructions to.
+*
+* @param maxDepth - max number of path segments a collected field can have; deeper fields are
+* skipped. Arrays contribute one segment for the item type (`array[_key="type"]`).
+*/
+function getFieldRefs(schemaType, maxDepth = 6) {
+	return getObjectFieldRefs(schemaType, void 0, 0, maxDepth);
+}
+function getObjectFieldRefs(schemaType, parent, depth, maxDepth) {
+	return depth >= maxDepth ? [] : schemaType.fields.filter((f) => !f.name.startsWith("_")).flatMap((field) => {
 		let path = parent ? [...parent.path, field.name] : [field.name], title = field.type.title ?? field.name, fieldRef = {
 			key: patchableKey(pathToString(path)),
 			path,
 			title: parent ? [parent.title, title].join(" / ") : title,
 			schemaType: field.type,
 			icon: getTypeIcon(field.type)
-		}, fields = field.type.jsonType === "object" ? getFieldRefs(field.type, fieldRef, depth + 1) : [], syntheticFields = field.type.jsonType === "array" ? getSyntheticFields(field.type, fieldRef, depth + 1) : [];
+		}, fields = field.type.jsonType === "object" ? getObjectFieldRefs(field.type, fieldRef, depth + 1, maxDepth) : [], syntheticFields = field.type.jsonType === "array" ? getSyntheticFields(field.type, fieldRef, depth + 1, maxDepth) : [];
 		return isAssistSupported(field.type) ? [
 			fieldRef,
 			...fields,
@@ -602,8 +614,8 @@ function getFieldRefs(schemaType, parent, depth = 0) {
 		] : [...fields, ...syntheticFields];
 	});
 }
-function getSyntheticFields(schemaType, parent, depth = 0) {
-	return depth >= 6 ? [] : schemaType.of.filter((itemType) => !isType(itemType, "block")).flatMap((itemType) => {
+function getSyntheticFields(schemaType, parent, depth, maxDepth) {
+	return depth >= maxDepth ? [] : schemaType.of.filter((itemType) => !isType(itemType, "block")).flatMap((itemType) => {
 		let segment = { _key: itemType.name }, title = itemType.title ?? itemType.name, path = parent ? [...parent.path, segment] : [segment], fieldRef = {
 			key: patchableKey(pathToString(path)),
 			path,
@@ -611,7 +623,7 @@ function getSyntheticFields(schemaType, parent, depth = 0) {
 			schemaType: itemType,
 			icon: getTypeIcon(itemType),
 			synthetic: !0
-		}, fields = itemType.jsonType === "object" ? getFieldRefs(itemType, fieldRef, depth + 1) : [];
+		}, fields = itemType.jsonType === "object" ? getObjectFieldRefs(itemType, fieldRef, depth + 1, maxDepth) : [];
 		return isAssistSupported(itemType) ? [fieldRef, ...fields] : fields;
 	});
 }
@@ -856,7 +868,7 @@ function isUserInputBlock(block) {
 function RunInstructionProvider(props) {
 	let $ = c(33), { config } = useAiAssistanceConfig(), { runInstruction: runInstructionRequest, loading } = useRunInstructionApi(useApiClient(config?.__customApiClient)), id = useId(), [inputs, setInputs] = useState(NO_INPUT), [runRequest, setRunRequest] = useState(), [resolveUserInput, setResolveUserInput] = useState(), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = async (t1) => {
-		let { title, inputs: inputs_0 } = t1, userInputBlocks = inputs_0.map(_temp$12);
+		let { title, inputs: inputs_0 } = t1, userInputBlocks = inputs_0.map(_temp$13);
 		if (userInputBlocks.length) return setRunRequest({
 			dialogTitle: title,
 			userInputBlocks
@@ -867,7 +879,7 @@ function RunInstructionProvider(props) {
 	let getUserInput = t0, t1;
 	$[1] !== loading || $[2] !== runInstructionRequest ? (t1 = (req) => {
 		if (loading) return;
-		let { instruction, ...request } = req, instructionKey = instruction._key, userInputBlocks_0 = instruction?.prompt?.flatMap(_temp2$6).filter(isUserInputBlock);
+		let { instruction, ...request } = req, instructionKey = instruction._key, userInputBlocks_0 = instruction?.prompt?.flatMap(_temp2$8).filter(isUserInputBlock);
 		if (!userInputBlocks_0?.length) {
 			runInstructionRequest({
 				...request,
@@ -893,7 +905,7 @@ function RunInstructionProvider(props) {
 				runInstructionRequest({
 					...request_0,
 					instructionKey: instruction_0._key,
-					userTexts: Object.entries(inputs).map(_temp3$4)
+					userTexts: Object.entries(inputs).map(_temp3$6)
 				});
 			} else {
 				let userInputs = Object.values(inputs).map((input_0, i_0) => {
@@ -915,7 +927,7 @@ function RunInstructionProvider(props) {
 	let runWithInput = t3, open = !!runRequest;
 	runRequest?.userInputBlocks;
 	let t4;
-	$[12] === inputs ? t4 = $[13] : (t4 = Object.entries(inputs).filter(_temp4$2), $[12] = inputs, $[13] = t4);
+	$[12] === inputs ? t4 = $[13] : (t4 = Object.entries(inputs).filter(_temp4$4), $[12] = inputs, $[13] = t4);
 	let runDisabled = (runRequest?.userInputBlocks?.length ?? 0) > t4.length, t5;
 	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t5 = { width: "100%" }, $[14] = t5) : t5 = $[14];
 	let t6;
@@ -973,21 +985,21 @@ function RunInstructionProvider(props) {
 		children: [t8, props.children]
 	}), $[29] = contextValue, $[30] = props.children, $[31] = t8, $[32] = t9) : t9 = $[32], t9;
 }
-function _temp4$2(t0) {
+function _temp4$4(t0) {
 	let [, value_0] = t0;
 	return !!value_0;
 }
-function _temp3$4(t0) {
+function _temp3$6(t0) {
 	let [key, value] = t0;
 	return {
 		blockKey: key,
 		userInput: value
 	};
 }
-function _temp2$6(block) {
+function _temp2$8(block) {
 	return block._type === "block" ? block.children.filter(isUserInputBlock) : [block];
 }
-function _temp$12(input, i) {
+function _temp$13(input, i) {
 	return {
 		_type: userInputTypeName,
 		_key: input.id ?? `${i}`,
@@ -1126,7 +1138,7 @@ function useAssistDocumentContextValue(documentId, documentType) {
 	return t9;
 }
 function useSyntheticTasks(assistableDocumentId) {
-	let $ = c(7), [syntheticTasks, setSyntheticTasks] = useState(_temp$11), t0;
+	let $ = c(7), [syntheticTasks, setSyntheticTasks] = useState(_temp$12), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = (task) => {
 		setSyntheticTasks((current) => [...current, task]);
 	}, $[0] = t0) : t0 = $[0];
@@ -1147,7 +1159,7 @@ function useSyntheticTasks(assistableDocumentId) {
 		removeSyntheticTask
 	}, $[5] = syntheticTasks, $[6] = t4), t4;
 }
-function _temp$11() {
+function _temp$12() {
 	return [];
 }
 function AssistDocumentContextProvider(props) {
@@ -1169,7 +1181,7 @@ function AssistDocumentLayout(props) {
 }
 const fadeIn = keyframes`0%{opacity:0;transform:scale(0.75);}40%{opacity:0;transform:scale(0.75);}100%{opacity:1;transform:scale(1);}`, FadeInDiv = styled.div.withConfig({
 	displayName: "FadeInDiv",
-	componentId: "sc-ui50f7-0"
+	componentId: "sc-gocic8-0"
 })`animation-name:${fadeIn};animation-timing-function:ease-in-out;`;
 function FadeInContent(t0) {
 	let $ = c(6), { children, durationMs: t1, ref } = t0, t2 = `${t1 === void 0 ? 250 : t1}ms`, t3;
@@ -1183,43 +1195,59 @@ function FadeInContent(t0) {
 }
 const Root = styled.span.withConfig({
 	displayName: "Root",
-	componentId: "sc-6srsjv-0"
+	componentId: "sc-kyfo1k-0"
 })`display:block;width:25px;height:25px;position:relative;`, dash = keyframes`0%{transform:rotate(0);}100%{transform:rotate(43deg);}`, Outline = styled.svg.withConfig({
 	displayName: "Outline",
-	componentId: "sc-6srsjv-1"
+	componentId: "sc-kyfo1k-1"
 })`display:block;position:absolute;top:0;left:0;& > circle{stroke:var(--ai-avatar-stroke-color);stroke-width:1.5px;stroke-linecap:round;transform-origin:center;animation:${dash} 500ms ease-in-out infinite;transition:stroke-dasharray 200ms ease-in-out;stroke-dasharray:2.34px 0;[data-state='active'] > &{stroke-dasharray:2px 2.34px;}}`, IconDisc = styled.span.withConfig({
 	displayName: "IconDisc",
-	componentId: "sc-6srsjv-2"
+	componentId: "sc-kyfo1k-2"
 })`background:var(--ai-avatar-disc-color);color:white;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:10.5px;position:absolute;top:2px;left:2px;`;
 function AssistAvatar(props) {
-	let { state = "present" } = props, scheme = useColorSchemeValue(), style = useMemo(() => scheme === "dark" ? {
-		"--ai-avatar-stroke-color": purple[400].hex,
-		"--ai-avatar-disc-color": purple[600].hex
-	} : {
-		"--ai-avatar-stroke-color": purple[500].hex,
-		"--ai-avatar-disc-color": purple[600].hex
-	}, [scheme]);
-	return /* @__PURE__ */ jsxs(Root, {
+	let $ = c(8), { state: t0 } = props, state = t0 === void 0 ? "present" : t0, scheme = useColorSchemeValue(), t1;
+	bb0: {
+		if (scheme === "dark") {
+			let t2;
+			$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+				"--ai-avatar-stroke-color": purple[400].hex,
+				"--ai-avatar-disc-color": purple[600].hex
+			}, $[0] = t2) : t2 = $[0], t1 = t2;
+			break bb0;
+		}
+		let t2;
+		$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+			"--ai-avatar-stroke-color": purple[500].hex,
+			"--ai-avatar-disc-color": purple[600].hex
+		}, $[1] = t2) : t2 = $[1], t1 = t2;
+	}
+	let style = t1, t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Outline, {
+		width: "25",
+		height: "25",
+		viewBox: "0 0 25 25",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("circle", {
+			cx: "12.5",
+			cy: "12.5",
+			r: "11.75"
+		})
+	}), $[2] = t2) : t2 = $[2];
+	let t3;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = { color: "inherit" }, $[3] = t3) : t3 = $[3];
+	let t4;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(IconDisc, { children: /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		size: 0,
+		style: t3,
+		children: /* @__PURE__ */ jsx(SparklesIcon, { style: { color: "inherit" } })
+	}) }), $[4] = t4) : t4 = $[4];
+	let t5;
+	return $[5] !== state || $[6] !== style ? (t5 = /* @__PURE__ */ jsxs(Root, {
 		"data-state": state,
 		style,
-		children: [/* @__PURE__ */ jsx(Outline, {
-			width: "25",
-			height: "25",
-			viewBox: "0 0 25 25",
-			fill: "none",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ jsx("circle", {
-				cx: "12.5",
-				cy: "12.5",
-				r: "11.75"
-			})
-		}), /* @__PURE__ */ jsx(IconDisc, { children: /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			size: 0,
-			style: { color: "inherit" },
-			children: /* @__PURE__ */ jsx(SparklesIcon, { style: { color: "inherit" } })
-		}) })]
-	});
+		children: [t2, t4]
+	}), $[5] = state, $[6] = style, $[7] = t5) : t5 = $[7], t5;
 }
 function AiFieldPresence(_props) {
 	let $ = c(3), t0;
@@ -1258,7 +1286,7 @@ function useAssistPresence(path, showFocusWithin) {
 	let $ = c(6), context = useAssistDocumentContext(), tasks = (context && "assistDocument" in context ? context.assistDocument : void 0)?.tasks, t0;
 	if ($[0] !== path || $[1] !== showFocusWithin || $[2] !== tasks) {
 		bb0: {
-			let activePresence = tasks?.filter(_temp$10)?.flatMap(_temp2$5)?.filter(_temp3$3).filter((presence) => {
+			let activePresence = tasks?.filter(_temp$11)?.flatMap(_temp2$7)?.filter(_temp3$5).filter((presence) => {
 				if (!presence.path || !path.length) return !1;
 				let statusPath = stringToPath(presence.path);
 				return !showFocusWithin && statusPath.length !== path.length ? !1 : path.every((pathSegment, i) => {
@@ -1277,13 +1305,13 @@ function useAssistPresence(path, showFocusWithin) {
 	} else t0 = $[3];
 	return t0;
 }
-function _temp3$3(p) {
+function _temp3$5(p) {
 	return p.started && (/* @__PURE__ */ new Date()).getTime() - new Date(p.started).getTime() < maxHistoryVisibilityMs;
 }
-function _temp2$5(task_0) {
+function _temp2$7(task_0) {
 	return task_0.presence ?? [];
 }
-function _temp$10(task) {
+function _temp$11(task) {
 	return !task.ended;
 }
 function aiPresence(presence, path, _title) {
@@ -1334,7 +1362,7 @@ function AssistField(props) {
 }
 const WrapPreCard = styled(Card).withConfig({
 	displayName: "WrapPreCard",
-	componentId: "sc-v6xax4-0"
+	componentId: "sc-flgt1j-0"
 })`& pre{white-space:pre-wrap !important;}`;
 function SafeValueInput(props) {
 	let $ = c(5), t0;
@@ -1463,7 +1491,7 @@ function AssistItem(props) {
 		children: t1
 	}), $[3] = t1, $[4] = t2);
 	let t3;
-	$[5] === presence ? t3 = $[6] : (t3 = presence.map(_temp$9), $[5] = presence, $[6] = t3);
+	$[5] === presence ? t3 = $[6] : (t3 = presence.map(_temp$10), $[5] = presence, $[6] = t3);
 	let t4;
 	return $[7] !== t2 || $[8] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Flex, {
 		align: "center",
@@ -1471,7 +1499,7 @@ function AssistItem(props) {
 		children: [t2, t3]
 	}), $[7] = t2, $[8] = t3, $[9] = t4) : t4 = $[9], t4;
 }
-function _temp$9(pre) {
+function _temp$10(pre) {
 	return /* @__PURE__ */ jsx(Box, {
 		style: {
 			position: "absolute",
@@ -1693,7 +1721,7 @@ function extractConditionalPaths(node, maxDepth) {
 }
 const SparklesIllustration = /* @__PURE__ */ styled(SparklesIcon).withConfig({
 	displayName: "SparklesIllustration",
-	componentId: "sc-2lc3by-0"
+	componentId: "sc-xzej1l-0"
 })({
 	fontSize: "3.125em",
 	"& path": { strokeWidth: "0.6px !important" }
@@ -1787,9 +1815,9 @@ function FieldAutocomplete(props) {
 	let currentField = t1, t2;
 	if ($[11] !== fieldRefs || $[12] !== filter) {
 		let t3;
-		$[14] === filter ? t3 = $[15] : (t3 = (field) => !filter || filter(field), $[14] = filter, $[15] = t3), t2 = fieldRefs.filter(t3).filter(_temp$8).map(_temp2$4), $[11] = fieldRefs, $[12] = filter, $[13] = t2;
+		$[14] === filter ? t3 = $[15] : (t3 = (field) => !filter || filter(field), $[14] = filter, $[15] = t3), t2 = fieldRefs.filter(t3).filter(_temp$9).map(_temp2$6), $[11] = fieldRefs, $[12] = filter, $[13] = t2;
 	} else t2 = $[13];
-	let autocompleteOptions = t2, renderOption = _temp3$2, renderValue = _temp4$1, filterOption = _temp5, t3 = currentField ? currentField.icon : SearchIcon, t4 = currentField?.key, t5;
+	let autocompleteOptions = t2, renderOption = _temp3$4, renderValue = _temp4$3, filterOption = _temp5$2, t3 = currentField ? currentField.icon : SearchIcon, t4 = currentField?.key, t5;
 	return $[16] !== autocompleteOptions || $[17] !== id || $[18] !== onSelect || $[19] !== t3 || $[20] !== t4 ? (t5 = /* @__PURE__ */ jsx(Autocomplete, {
 		fontSize: 1,
 		icon: t3,
@@ -1805,14 +1833,14 @@ function FieldAutocomplete(props) {
 		filterOption
 	}), $[16] = autocompleteOptions, $[17] = id, $[18] = onSelect, $[19] = t3, $[20] = t4, $[21] = t5) : t5 = $[21], t5;
 }
-function _temp5(query, option_1) {
+function _temp5$2(query, option_1) {
 	let lQuery = query.toLowerCase();
 	return option_1?.value?.toLowerCase().includes(lQuery) || option_1?.field?.title?.toLowerCase().includes(lQuery);
 }
-function _temp4$1(value_0, option_0) {
+function _temp4$3(value_0, option_0) {
 	return option_0?.field.title ?? value_0;
 }
-function _temp3$2(option) {
+function _temp3$4(option) {
 	let { value, field: field_1 } = option;
 	return value ? isType(field_1.schemaType, "document") ? /* @__PURE__ */ jsx(Card, {
 		as: "button",
@@ -1845,13 +1873,13 @@ function _temp3$2(option) {
 		})
 	});
 }
-function _temp2$4(field_0) {
+function _temp2$6(field_0) {
 	return {
 		value: field_0.key,
 		field: field_0
 	};
 }
-function _temp$8(f_0) {
+function _temp$9(f_0) {
 	return !isType(f_0.schemaType, "reference");
 }
 function FieldTitle(props) {
@@ -1868,7 +1896,7 @@ function FieldTitle(props) {
 			size: 1,
 			children: "/"
 		})
-	}), $[10] = t1) : t1 = $[10], t2 = 1, t3 = splitTitle.slice(0, splitTitle.length - 1).map(_temp6), $[0] = props.field.title, $[1] = T0, $[2] = T1, $[3] = splitTitle, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4);
+	}), $[10] = t1) : t1 = $[10], t2 = 1, t3 = splitTitle.slice(0, splitTitle.length - 1).map(_temp6$1), $[0] = props.field.title, $[1] = T0, $[2] = T1, $[3] = splitTitle, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4);
 	let t5 = splitTitle[splitTitle.length - 1], t6;
 	$[11] === t5 ? t6 = $[12] : (t6 = /* @__PURE__ */ jsx(Box, {
 		marginTop: 1,
@@ -1891,7 +1919,7 @@ function FieldTitle(props) {
 		children: t7
 	}), $[20] = T1, $[21] = t4, $[22] = t7, $[23] = t8) : t8 = $[23], t8;
 }
-function _temp6(pt, i) {
+function _temp6$1(pt, i) {
 	return /* @__PURE__ */ jsx(Box, {
 		marginTop: 1,
 		children: /* @__PURE__ */ jsx(Text, {
@@ -1902,13 +1930,13 @@ function _temp6(pt, i) {
 	}, i);
 }
 function useInterval(ms) {
-	let $ = c(3), [tick, update] = useReducer(_temp$7, 0), t0, t1;
+	let $ = c(3), [tick, update] = useReducer(_temp$8, 0), t0, t1;
 	return $[0] === ms ? (t0 = $[1], t1 = $[2]) : (t0 = () => {
 		let i = setInterval(update, ms);
 		return () => clearInterval(i);
 	}, t1 = [ms], $[0] = ms, $[1] = t0, $[2] = t1), useEffect(t0, t1), tick;
 }
-function _temp$7(n) {
+function _temp$8(n) {
 	return n + 1;
 }
 function TimeAgo(t0) {
@@ -1924,7 +1952,7 @@ function TimeAgo(t0) {
 }
 const rotate = keyframes`0%{transform:rotate(0);}100%{transform:rotate(360deg);}`, SyncSpinningIcon = styled(SyncIcon).withConfig({
 	displayName: "SyncSpinningIcon",
-	componentId: "sc-mtdfu7-0"
+	componentId: "sc-chle4-0"
 })`animation:${rotate} 1s linear infinite;`, TASK_CONFIG = {
 	aborted: {
 		title: "Canceled",
@@ -1948,55 +1976,82 @@ const rotate = keyframes`0%{transform:rotate(0);}100%{transform:rotate(360deg);}
 	}
 };
 function InstructionTaskHistoryButton(props) {
-	let { tasks, instructions, documentId, showTitles } = props, client = useClient({ apiVersion: "2023-01-01" }), cancelRun = useCallback((taskKey) => {
+	let $ = c(32), { tasks, instructions, documentId, showTitles } = props, t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "2023-01-01" }, $[0] = t0) : t0 = $[0];
+	let client = useClient(t0), t1;
+	$[1] !== client || $[2] !== documentId ? (t1 = (taskKey) => {
 		if (!documentId) return;
 		let statusDocId = assistTasksStatusId(documentId), basePath = `${typed("tasks")}[_key=="${taskKey}"]`;
 		client.patch(statusDocId).set({
 			[`${basePath}.${typed("ended")}`]: (/* @__PURE__ */ new Date()).toISOString(),
 			[`${basePath}.${typed("reason")}`]: typed("aborted")
 		}).commit().catch(console.error);
-	}, [client, documentId]), titledTasks = useMemo(() => {
-		let t = tasks?.filter((task) => task.started && (/* @__PURE__ */ new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs).map((task_0) => {
-			let instruction = instructions?.find((i) => i._key === task_0.instructionKey);
-			return {
-				...task_0,
-				title: showTitles ? task_0.title ?? getInstructionTitle(instruction) : void 0,
-				cancel: () => cancelRun(task_0._key)
-			};
-		}) ?? [];
-		return t.sort((a, b) => new Date(b.started ?? "").getTime() - new Date(a.started ?? "").getTime()), t;
-	}, [
-		tasks,
-		instructions,
-		cancelRun,
-		showTitles
-	]), isRunning = useMemo(() => titledTasks.some((r) => !r.ended), [titledTasks]), hasErrors = useMemo(() => titledTasks.some((r_0) => r_0.reason === "error" || r_0.reason === "timeout"), [titledTasks]), [open, setOpen] = useState(!1), toggleOpen = useCallback(() => setOpen((v) => !v), []), [button, setButton] = useState(null), [popover, setPopover] = useState(null), handleClickOutside = useCallback(() => {
+	}, $[1] = client, $[2] = documentId, $[3] = t1) : t1 = $[3];
+	let cancelRun = t1, t;
+	$[4] !== cancelRun || $[5] !== instructions || $[6] !== showTitles || $[7] !== tasks ? (t = tasks?.filter(_temp$7).map((task_0) => {
+		let instruction = instructions?.find((i) => i._key === task_0.instructionKey);
+		return {
+			...task_0,
+			title: showTitles ? task_0.title ?? getInstructionTitle(instruction) : void 0,
+			cancel: () => cancelRun(task_0._key)
+		};
+	}) ?? [], t.sort(_temp2$5), $[4] = cancelRun, $[5] = instructions, $[6] = showTitles, $[7] = tasks, $[8] = t) : t = $[8];
+	let titledTasks = t, t2;
+	$[9] === titledTasks ? t2 = $[10] : (t2 = titledTasks.some(_temp3$3), $[9] = titledTasks, $[10] = t2);
+	let isRunning = t2, t3;
+	$[11] === titledTasks ? t3 = $[12] : (t3 = titledTasks.some(_temp4$2), $[11] = titledTasks, $[12] = t3);
+	let hasErrors = t3, [open, setOpen] = useState(!1), t4;
+	$[13] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => setOpen(_temp5$1), $[13] = t4) : t4 = $[13];
+	let toggleOpen = t4, [button, setButton] = useState(null), [popover, setPopover] = useState(null), t5;
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
 		setOpen(!1);
-	}, []);
-	useClickOutsideEvent(handleClickOutside, () => [button, popover]);
-	let handleEscape = useCallback(() => {
+	}, $[14] = t5) : t5 = $[14];
+	let handleClickOutside = t5, t6;
+	$[15] !== button || $[16] !== popover ? (t6 = () => [button, popover], $[15] = button, $[16] = popover, $[17] = t6) : t6 = $[17], useClickOutsideEvent(handleClickOutside, t6);
+	let t7;
+	$[18] === button ? t7 = $[19] : (t7 = () => {
 		setOpen(!1), button?.focus();
-	}, [button]);
-	return /* @__PURE__ */ jsx(Popover, {
+	}, $[18] = button, $[19] = t7);
+	let handleEscape = t7, t8;
+	$[20] !== handleEscape || $[21] !== titledTasks ? (t8 = /* @__PURE__ */ jsx(TaskList, {
+		onEscape: handleEscape,
+		tasks: titledTasks
+	}), $[20] = handleEscape, $[21] = titledTasks, $[22] = t8) : t8 = $[22];
+	let t9 = open && !!titledTasks?.length, t10 = !titledTasks?.length, t11;
+	$[23] !== hasErrors || $[24] !== isRunning || $[25] !== open || $[26] !== t10 ? (t11 = /* @__PURE__ */ jsx(TaskStatusButton, {
+		disabled: t10,
+		hasErrors,
+		isRunning,
+		onClick: toggleOpen,
+		ref: setButton,
+		selected: open
+	}), $[23] = hasErrors, $[24] = isRunning, $[25] = open, $[26] = t10, $[27] = t11) : t11 = $[27];
+	let t12;
+	return $[28] !== t11 || $[29] !== t8 || $[30] !== t9 ? (t12 = /* @__PURE__ */ jsx(Popover, {
 		constrainSize: !0,
-		content: /* @__PURE__ */ jsx(TaskList, {
-			onEscape: handleEscape,
-			tasks: titledTasks
-		}),
-		open: open && !!titledTasks?.length,
+		content: t8,
+		open: t9,
 		placement: "top",
 		portal: !0,
 		ref: setPopover,
 		width: 0,
-		children: /* @__PURE__ */ jsx(TaskStatusButton, {
-			disabled: !titledTasks?.length,
-			hasErrors,
-			isRunning,
-			onClick: toggleOpen,
-			ref: setButton,
-			selected: open
-		})
-	});
+		children: t11
+	}), $[28] = t11, $[29] = t8, $[30] = t9, $[31] = t12) : t12 = $[31], t12;
+}
+function _temp5$1(v) {
+	return !v;
+}
+function _temp4$2(r_0) {
+	return r_0.reason === "error" || r_0.reason === "timeout";
+}
+function _temp3$3(r) {
+	return !r.ended;
+}
+function _temp2$5(a, b) {
+	return new Date(b.started ?? "").getTime() - new Date(a.started ?? "").getTime();
+}
+function _temp$7(task) {
+	return task.started && (/* @__PURE__ */ new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs;
 }
 const TASK_STATUS_BUTTON_TOOLTIP_PROPS = { placement: "top" };
 function TaskStatusButton(props) {
@@ -2020,7 +2075,7 @@ function TaskList(props) {
 		isTopLayer && event.key === "Escape" && onEscape();
 	}, $[0] = isTopLayer, $[1] = onEscape, $[2] = t0) : t0 = $[2], useGlobalKeyDown(t0);
 	let t1;
-	$[3] === tasks ? t1 = $[4] : (t1 = tasks.map(_temp$6), $[3] = tasks, $[4] = t1);
+	$[3] === tasks ? t1 = $[4] : (t1 = tasks.map(_temp6), $[3] = tasks, $[4] = t1);
 	let t2;
 	return $[5] === t1 ? t2 = $[6] : (t2 = /* @__PURE__ */ jsx(Stack, {
 		padding: 1,
@@ -2028,7 +2083,7 @@ function TaskList(props) {
 		children: t1
 	}), $[5] = t1, $[6] = t2), t2;
 }
-function _temp$6(task) {
+function _temp6(task) {
 	return /* @__PURE__ */ jsx(TaskItem, { task }, task._key);
 }
 function TaskItem(props) {
@@ -2118,7 +2173,7 @@ function TaskItem(props) {
 */
 function isolatePathParams(nextParams, hostParams) {
 	let { path: nextLocalPath, ...restNext } = nextParams, { path: hostPath, ...restHost } = hostParams;
-	return isEqual(restNext, restHost) ? {
+	return dequal(restNext, restHost) ? {
 		nextLocalPath,
 		forwardParams: null
 	} : {
@@ -2131,10 +2186,10 @@ function isolatePathParams(nextParams, hostParams) {
 }
 const EMPTY_PANE_PARAMS = {}, CardWithShadowBelow = styled(Card).withConfig({
 	displayName: "CardWithShadowBelow",
-	componentId: "sc-56ewtn-0"
+	componentId: "sc-pz26f7-0"
 })`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`, CardWithShadowAbove = styled(Card).withConfig({
 	displayName: "CardWithShadowAbove",
-	componentId: "sc-56ewtn-1"
+	componentId: "sc-pz26f7-1"
 })`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;top:-1px;border-top:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`;
 function AssistInspectorWrapper(props) {
 	let $ = c(43), context = useAiAssistanceConfig();
@@ -2310,7 +2365,7 @@ function AssistInspector(props) {
 		documentId,
 		schemaType,
 		initDoc: !0
-	}), instruction = (assistDocument?.fields?.find((f) => f.path === typePath))?.instructions?.find((i) => i._key === instructionKey), tasks = useMemo(() => assistDocument?.tasks?.filter((i_0) => !instructionKey || i_0.instructionKey === instructionKey), [assistDocument?.tasks, instructionKey]), instructions = useMemo(() => assistDocument?.fields?.flatMap((f_0) => f_0.instructions ?? []), [assistDocument?.fields]), promptValue = instruction?.prompt, isEmptyPrompt = useMemo(() => {
+	}), instruction = (assistDocument?.fields?.find((f) => f.path === typePath))?.instructions?.find((i) => i._key === instructionKey), tasks = useMemo(() => assistDocument?.tasks?.filter((i) => !instructionKey || i.instructionKey === instructionKey), [assistDocument?.tasks, instructionKey]), instructions = useMemo(() => assistDocument?.fields?.flatMap((f) => f.instructions ?? []), [assistDocument?.fields]), promptValue = instruction?.prompt, isEmptyPrompt = useMemo(() => {
 		if (!promptValue?.length) return !0;
 		let children = promptValue[0]?.children;
 		return promptValue.length == 1 && children?.length === 1 && !children?.[0]?.text?.length;
@@ -2639,14 +2694,12 @@ const options = {
 	}
 };
 function AssistConnectorsOverlay(props) {
-	let $ = c(13), { connectors } = props, [, setRedraw] = useState(!1), t0;
-	$[0] === setRedraw ? t0 = $[1] : (t0 = () => {
+	let $ = c(12), { connectors } = props, [, setRedraw] = useState(!1), t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => {
 		setRedraw(!0);
-	}, $[0] = setRedraw, $[1] = t0);
-	let t1;
-	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[2] = t1) : t1 = $[2], useEffect(t0, t1);
+	}, t1 = [], $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]), useEffect(t0, t1);
 	let t2;
-	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
 		position: "absolute",
 		top: 0,
 		left: 0,
@@ -2654,23 +2707,23 @@ function AssistConnectorsOverlay(props) {
 		height: "100%",
 		pointerEvents: "none",
 		zIndex: 150
-	}, $[3] = t2) : t2 = $[3];
+	}, $[2] = t2) : t2 = $[2];
 	let t3;
-	$[4] === connectors ? t3 = $[5] : (t3 = connectors.map(_temp$5), $[4] = connectors, $[5] = t3);
+	$[3] === connectors ? t3 = $[4] : (t3 = connectors.map(_temp$6), $[3] = connectors, $[4] = t3);
 	let t4;
-	$[6] === t3 ? t4 = $[7] : (t4 = /* @__PURE__ */ jsx("svg", {
+	$[5] === t3 ? t4 = $[6] : (t4 = /* @__PURE__ */ jsx("svg", {
 		fill: "none",
 		width: window.innerWidth,
 		height: window.innerHeight,
 		style: t2,
 		children: t3
-	}), $[6] = t3, $[7] = t4);
+	}), $[5] = t3, $[6] = t4);
 	let t5;
-	$[8] === connectors ? t5 = $[9] : (t5 = !1, $[8] = connectors, $[9] = t5);
+	$[7] === connectors ? t5 = $[8] : (t5 = !1, $[7] = connectors, $[8] = t5);
 	let t6;
-	return $[10] !== t4 || $[11] !== t5 ? (t6 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, t5] }), $[10] = t4, $[11] = t5, $[12] = t6) : t6 = $[12], t6;
+	return $[9] !== t4 || $[10] !== t5 ? (t6 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, t5] }), $[9] = t4, $[10] = t5, $[11] = t6) : t6 = $[11], t6;
 }
-function _temp$5(connector) {
+function _temp$6(connector) {
 	return /* @__PURE__ */ jsx(ConnectorPath, {
 		from: connector.from,
 		options,
@@ -2836,7 +2889,7 @@ function FieldTranslationProvider(props) {
 		}
 		let preferred = getPreferredToFieldLanguages(from.id), allToLanguages = languages_0.filter((l) => l.id !== from?.id), filteredToLanguages = allToLanguages.filter((l_0) => !preferred.length || preferred.includes(l_0.id));
 		setToLanguages(filteredToLanguages);
-		let fromId = from?.id, allToIds = allToLanguages?.map(_temp$4) ?? [], docMembers = getDocumentMembersFlat(document, documentSchema, config?.maxPathDepth);
+		let fromId = from?.id, allToIds = allToLanguages?.map(_temp$5) ?? [], docMembers = getDocumentMembersFlat(document, documentSchema, config?.maxPathDepth);
 		if (fromId && allToIds?.length) {
 			let transMap = getFieldLanguageMap(documentSchema, docMembers, fromId, allToIds.filter((toId) => fromId !== toId), config?.translationOutputs ?? defaultLanguageOutputs);
 			setFieldLanguageMaps(transMap);
@@ -2846,7 +2899,7 @@ function FieldTranslationProvider(props) {
 	$[6] === fromLanguage ? t4 = $[7] : (t4 = (toggledLang, toLanguages_0, languages_1) => {
 		if (!languages_1 || !fromLanguage) return;
 		let wasSelected = !!toLanguages_0?.find((l_2) => l_2.id === toggledLang.id), newToLangs = languages_1.filter((anyLang) => !!toLanguages_0?.find((selectedLang) => toggledLang.id !== selectedLang.id && selectedLang.id === anyLang.id) || toggledLang.id === anyLang.id && !wasSelected);
-		setToLanguages(newToLangs), setPreferredToFieldLanguages(fromLanguage.id, newToLangs.map(_temp2$3));
+		setToLanguages(newToLangs), setPreferredToFieldLanguages(fromLanguage.id, newToLangs.map(_temp2$4));
 	}, $[6] = fromLanguage, $[7] = t4);
 	let toggleToLanguage = t4, t5;
 	$[8] !== config || $[9] !== languageClient || $[10] !== selectFromLanguage ? (t5 = async (params_0) => {
@@ -2966,10 +3019,10 @@ function FieldTranslationProvider(props) {
 		children: [t11, props.children]
 	}), $[45] = contextValue, $[46] = props.children, $[47] = t11, $[48] = t12) : t12 = $[48], t12;
 }
-function _temp2$3(l_3) {
+function _temp2$4(l_3) {
 	return l_3.id;
 }
-function _temp$4(l_1) {
+function _temp$5(l_1) {
 	return l_1.id;
 }
 function ToLanguageCheckbox(props) {
@@ -3134,12 +3187,16 @@ function refToTypeNames(type) {
 function removeUndef(obj) {
 	return Object.keys(obj).forEach((key) => obj[key] === void 0 ? delete obj[key] : {}), obj;
 }
-function createFieldRefCache() {
+/**
+* @param maxFieldSelectionDepth - see `AssistConfig.maxFieldSelectionDepth`; uses the plugin
+* default when omitted
+*/
+function createFieldRefCache(maxFieldSelectionDepth) {
 	let byType = {};
 	function getRefsForType(schemaType) {
 		let documentType = schemaType.name, cached = byType[documentType];
 		if (cached) return cached;
-		let fieldRefs = getFieldRefs(schemaType), refs = {
+		let fieldRefs = getFieldRefs(schemaType, maxFieldSelectionDepth), refs = {
 			fieldRefs,
 			fieldRefsByTypePath: asFieldRefsByTypePath(fieldRefs)
 		};
@@ -3150,7 +3207,7 @@ function createFieldRefCache() {
 function AiAssistanceConfigProvider(props) {
 	let $ = c(21), [status, setStatus] = useState(), [error, setError] = useState(), apiClient = useApiClient(props.config?.__customApiClient), { getInstructStatus, loading: statusLoading } = useGetInstructStatus(apiClient), { initInstruct, loading: initLoading } = useInitInstruct(apiClient), schema = useSchema(), t0;
 	$[0] === schema ? t0 = $[1] : (t0 = serializeSchema(schema, { leanFormat: !0 }), $[0] = schema, $[1] = t0);
-	let serializedTypes = t0, { getFieldRefs, getFieldRefsByTypePath } = useFieldRefGetters(schema), t1, t2;
+	let serializedTypes = t0, { getFieldRefs, getFieldRefsByTypePath } = useFieldRefGetters(schema, props.config.assist?.maxFieldSelectionDepth), t1, t2;
 	$[2] === getInstructStatus ? (t1 = $[3], t2 = $[4]) : (t1 = () => {
 		getInstructStatus().then((s) => setStatus(s)).catch((e) => {
 			console.error(e), setError(e);
@@ -3186,20 +3243,20 @@ function AiAssistanceConfigProvider(props) {
 		children
 	}), $[18] = children, $[19] = context, $[20] = t5) : t5 = $[20], t5;
 }
-function useFieldRefGetters(schema) {
-	let $ = c(5), t0;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = createFieldRefCache(), $[0] = t0) : t0 = $[0];
+function useFieldRefGetters(schema, maxFieldSelectionDepth) {
+	let $ = c(7), t0;
+	$[0] === maxFieldSelectionDepth ? t0 = $[1] : (t0 = createFieldRefCache(maxFieldSelectionDepth), $[0] = maxFieldSelectionDepth, $[1] = t0);
 	let getForSchemaType = t0, t1;
-	$[1] === schema ? t1 = $[2] : (t1 = function getRefsForType(documentType) {
+	$[2] !== getForSchemaType || $[3] !== schema ? (t1 = function getRefsForType(documentType) {
 		let schemaType = schema.get(documentType);
 		if (!schemaType) throw Error(`Schema type "${documentType}" not found`);
 		return getForSchemaType(schemaType);
-	}, $[1] = schema, $[2] = t1);
+	}, $[2] = getForSchemaType, $[3] = schema, $[4] = t1) : t1 = $[4];
 	let getRefsForType = t1, t2;
-	return $[3] === getRefsForType ? t2 = $[4] : (t2 = {
+	return $[5] === getRefsForType ? t2 = $[6] : (t2 = {
 		getFieldRefs: (documentType_0) => getRefsForType(documentType_0).fieldRefs,
 		getFieldRefsByTypePath: (documentType_1) => getRefsForType(documentType_1).fieldRefsByTypePath
-	}, $[3] = getRefsForType, $[4] = t2), t2;
+	}, $[5] = getRefsForType, $[6] = t2), t2;
 }
 function AssistLayout(props) {
 	let $ = c(11), t0;
@@ -3452,7 +3509,7 @@ function useCustomFieldActions(props) {
 			pushToast,
 			addSyntheticTask,
 			removeSyntheticTask
-		})).filter(isDefined), onlyGroups = customActions?.length && customActions?.every((node_0) => node_0.type === "group");
+		})).filter(isDefined), onlyGroups = customActions?.length && customActions?.every((node) => node.type === "group");
 		return (customActions?.length ? onlyGroups ? customActions : [{
 			type: "group",
 			title: title || "Custom actions",
@@ -3781,26 +3838,57 @@ function createAssistDocumentPresence(documentId) {
 	};
 }
 function AssistDocumentPresence() {
-	let { assistDocument, syntheticTasks } = useAssistDocumentContext(), anyPresence_0 = useMemo(() => {
-		let anyPresence = [...assistDocument?.tasks ?? [], ...syntheticTasks ?? []].filter((run) => !run.ended && !run.reason)?.flatMap((run_0) => run_0.presence ?? []).find((f) => f.started && (/* @__PURE__ */ new Date()).getTime() - new Date(f.started).getTime() < 3e4);
-		if (anyPresence) return aiPresence(anyPresence, []);
-		let anyRun = assistDocument?.tasks?.filter((run_1) => !run_1.ended && !run_1.reason)?.find((f_0) => f_0.started && (/* @__PURE__ */ new Date()).getTime() - new Date(f_0.started).getTime() < 3e4);
-		return anyRun ? aiPresence({
-			started: anyRun.started,
-			path: documentRootKey,
-			_key: anyRun._key,
-			_type: fieldPresenceTypeName
-		}, []) : void 0;
-	}, [assistDocument?.tasks, syntheticTasks]);
-	return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Flex, {
+	let $ = c(9), { assistDocument, syntheticTasks } = useAssistDocumentContext();
+	assistDocument?.tasks;
+	let t0;
+	if ($[0] !== assistDocument?.tasks || $[1] !== syntheticTasks) {
+		bb0: {
+			let anyPresence = [...assistDocument?.tasks ?? [], ...syntheticTasks ?? []].filter(_temp$4)?.flatMap(_temp2$3).find(_temp3$2);
+			if (anyPresence) {
+				t0 = aiPresence(anyPresence, []);
+				break bb0;
+			}
+			let t1;
+			if ($[3] !== assistDocument?.tasks) {
+				let anyRun = assistDocument?.tasks?.filter(_temp4$1)?.find(_temp5);
+				t1 = anyRun ? aiPresence({
+					started: anyRun.started,
+					path: documentRootKey,
+					_key: anyRun._key,
+					_type: fieldPresenceTypeName
+				}, []) : void 0, $[3] = assistDocument?.tasks, $[4] = t1;
+			} else t1 = $[4];
+			t0 = t1;
+		}
+		$[0] = assistDocument?.tasks, $[1] = syntheticTasks, $[2] = t0;
+	} else t0 = $[2];
+	let anyPresence_0 = t0, t1;
+	$[5] === anyPresence_0 ? t1 = $[6] : (t1 = anyPresence_0 && /* @__PURE__ */ jsx(AiFieldPresence, { presence: anyPresence_0 }), $[5] = anyPresence_0, $[6] = t1);
+	let t2;
+	return $[7] === t1 ? t2 = $[8] : (t2 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
 		justify: "flex-end",
 		children: /* @__PURE__ */ jsx(Flex, {
 			gap: 2,
 			align: "center",
-			children: anyPresence_0 && /* @__PURE__ */ jsx(AiFieldPresence, { presence: anyPresence_0 })
+			children: t1
 		})
-	}) });
+	}) }), $[7] = t1, $[8] = t2), t2;
+}
+function _temp5(f_0) {
+	return f_0.started && (/* @__PURE__ */ new Date()).getTime() - new Date(f_0.started).getTime() < 3e4;
+}
+function _temp4$1(run_1) {
+	return !run_1.ended && !run_1.reason;
+}
+function _temp3$2(f) {
+	return f.started && (/* @__PURE__ */ new Date()).getTime() - new Date(f.started).getTime() < 3e4;
+}
+function _temp2$3(run_0) {
+	return run_0.presence ?? [];
+}
+function _temp$4(run) {
+	return !run.ended && !run.reason;
 }
 function BackToInstructionListLink() {
 	let $ = c(4), { openInspector } = useDocumentPane(), t0;
@@ -3962,37 +4050,40 @@ function _temp$3(m) {
 	return m.kind === "error" && m.fieldName === "fields";
 }
 function useSelectedSchema(fieldPath, documentSchema) {
-	let $ = c(2), t0;
-	bb0: {
-		if (!fieldPath) {
-			t0 = void 0;
-			break bb0;
-		}
-		if (fieldPath === "<document>") {
-			t0 = documentSchema;
-			break bb0;
-		}
-		let t1;
-		$[0] === fieldPath ? t1 = $[1] : (t1 = stringToPath(fieldPath), $[0] = fieldPath, $[1] = t1);
-		let path = t1, currentSchema = documentSchema;
-		for (let i = 0; i < path.length; i++) {
-			let segment = path[i], field = currentSchema?.fields.find((f) => f.name === segment);
-			if (!field) {
+	let $ = c(5), t0;
+	if ($[0] !== documentSchema || $[1] !== fieldPath) {
+		bb0: {
+			if (!fieldPath) {
 				t0 = void 0;
 				break bb0;
 			}
-			if (i === path.length - 1) {
-				t0 = field.type;
+			if (fieldPath === "<document>") {
+				t0 = documentSchema;
 				break bb0;
 			}
-			if (field.type.jsonType !== "object") {
-				t0 = void 0;
-				break bb0;
+			let t1;
+			$[3] === fieldPath ? t1 = $[4] : (t1 = stringToPath(fieldPath), $[3] = fieldPath, $[4] = t1);
+			let path = t1, currentSchema = documentSchema;
+			for (let i = 0; i < path.length; i++) {
+				let segment = path[i], field = currentSchema?.fields.find((f) => f.name === segment);
+				if (!field) {
+					t0 = void 0;
+					break bb0;
+				}
+				if (i === path.length - 1) {
+					t0 = field.type;
+					break bb0;
+				}
+				if (field.type.jsonType !== "object") {
+					t0 = void 0;
+					break bb0;
+				}
+				currentSchema = field.type;
 			}
-			currentSchema = field.type;
+			t0 = currentSchema;
 		}
-		t0 = currentSchema;
-	}
+		$[0] = documentSchema, $[1] = fieldPath, $[2] = t0;
+	} else t0 = $[2];
 	return t0;
 }
 function FieldsInitializer(t0) {
@@ -4188,16 +4279,15 @@ function InstructionInput(props) {
 	}), $[1] = props, $[2] = t1), t1;
 }
 function ObjectMember(t0) {
-	let $ = c(6), props, t1;
-	if ($[0] !== t0) {
-		let { fieldName, ...t2 } = t0;
-		props = t2, t1 = findFieldMember(props.members, fieldName), $[0] = t0, $[1] = props, $[2] = t1;
-	} else props = $[1], t1 = $[2];
+	let $ = c(9), fieldName, props;
+	$[0] === t0 ? (fieldName = $[1], props = $[2]) : ({fieldName, ...props} = t0, $[0] = t0, $[1] = fieldName, $[2] = props);
+	let t1;
+	$[3] !== fieldName || $[4] !== props.members ? (t1 = findFieldMember(props.members, fieldName), $[3] = fieldName, $[4] = props.members, $[5] = t1) : t1 = $[5];
 	let member = t1, t2;
-	return $[3] !== member || $[4] !== props ? (t2 = member ? /* @__PURE__ */ jsx(ObjectInputMember, {
+	return $[6] !== member || $[7] !== props ? (t2 = member ? /* @__PURE__ */ jsx(ObjectInputMember, {
 		...props,
 		member
-	}) : null, $[3] = member, $[4] = props, $[5] = t2) : t2 = $[5], t2;
+	}) : null, $[6] = member, $[7] = props, $[8] = t2) : t2 = $[8], t2;
 }
 const NONE = [];
 function NameField(props) {
@@ -4483,7 +4573,7 @@ function Selectable(t0) {
 }
 const PteMods = styled(Box).withConfig({
 	displayName: "PteMods",
-	componentId: "sc-lrz2c-0"
+	componentId: "sc-lca06y-0"
 })`& [data-testid='pt-editor__toolbar-card'] > div > div:last-child{display:none;}& [data-testid='pt-editor']{min-height:300px;}& [data-testid='pt-editor'] .pt-inline-object *{max-width:400px;}`;
 function PromptInput(props) {
 	let $ = c(5);
@@ -4621,46 +4711,55 @@ const contextDocumentSchema = defineType({
 			};
 		}
 	}
-}), fieldReference = defineType({
-	type: "object",
-	name: "sanity.assist.instruction.fieldRef",
-	title: "Field",
-	icon: ThListIcon,
-	fields: [defineField({
-		type: "string",
-		name: "path",
+});
+/**
+* The validation rule resolves the selected path against the same field-ref tree the field picker
+* offers, so it has to be built with the same `assist.maxFieldSelectionDepth`.
+*/
+function createFieldReferenceType(maxFieldSelectionDepth) {
+	return defineType({
+		type: "object",
+		name: fieldReferenceTypeName,
 		title: "Field",
-		components: { input: FieldRefPathInput },
-		validation: (rule) => {
-			let getForSchemaType = createFieldRefCache();
-			return rule.custom((value, context) => {
-				if (!value) return "Please select a field";
-				try {
-					let docId = context.document?._id;
-					if (!docId) return "Field reference cannot be used outside document inspector context. Could not resolve document id.";
-					let targetDocType = docId.replace(RegExp(`^${assistDocumentIdPrefix}`), ""), schema = context.schema.get(targetDocType);
-					if (!schema) return `Field reference cannot be used outside document inspector context. Could not resolve schema: ${targetDocType}`;
-					let { fieldRefs } = getForSchemaType(schema);
-					return fieldRefs.find((r) => r.key === value) ? !0 : `Field with path "${value}" does not exist in the schema.`;
-				} catch (e) {
-					return console.error("Failed to resolve field reference", e), "Invalid field reference.";
-				}
-			});
-		}
-	})],
-	preview: {
-		select: { path: "path" },
-		prepare({ path }) {
-			return {
-				title: path,
-				path,
-				icon: CodeIcon
-			};
-		}
-	},
-	components: { preview: FieldRefPreview },
-	options: { modal: { type: "popover" } }
-}), userInput = defineType({
+		icon: ThListIcon,
+		fields: [defineField({
+			type: "string",
+			name: "path",
+			title: "Field",
+			components: { input: FieldRefPathInput },
+			validation: (rule) => {
+				let getForSchemaType = createFieldRefCache(maxFieldSelectionDepth);
+				return rule.custom((value, context) => {
+					if (!value) return "Please select a field";
+					try {
+						let docId = context.document?._id;
+						if (!docId) return "Field reference cannot be used outside document inspector context. Could not resolve document id.";
+						if (!docId.startsWith("sanity.assist.schemaType.")) return `Field reference cannot be used outside document inspector context. Could not resolve document id: ${docId}`;
+						let targetDocType = docId.slice(25), schema = context.schema.get(targetDocType);
+						if (!schema) return `Field reference cannot be used outside document inspector context. Could not resolve schema: ${targetDocType}`;
+						let { fieldRefs } = getForSchemaType(schema);
+						return fieldRefs.find((r) => r.key === value) ? !0 : `Field with path "${value}" does not exist in the schema.`;
+					} catch (e) {
+						return console.error("Failed to resolve field reference", e), "Invalid field reference.";
+					}
+				});
+			}
+		})],
+		preview: {
+			select: { path: "path" },
+			prepare({ path }) {
+				return {
+					title: path,
+					path,
+					icon: CodeIcon
+				};
+			}
+		},
+		components: { preview: FieldRefPreview },
+		options: { modal: { type: "popover" } }
+	});
+}
+const userInput = defineType({
 	type: "object",
 	name: userInputTypeName,
 	title: "User input",
@@ -4736,7 +4835,7 @@ const contextDocumentSchema = defineType({
 			annotations: []
 		},
 		of: [
-			defineArrayMember({ type: fieldReference.name }),
+			defineArrayMember({ type: fieldReferenceTypeName }),
 			defineArrayMember({ type: promptContext.name }),
 			defineArrayMember({ type: userInput.name })
 		]
@@ -4986,29 +5085,37 @@ function excludeComments(type) {
 		..."of" in type ? { of: type.of?.map((arrayItemType) => excludeComments(arrayItemType)) } : {}
 	};
 }
-const schemaTypes = [
-	...[
-		fieldInstructions,
-		instruction,
-		fieldReference,
-		prompt,
-		userInput,
-		promptContext
-	].map(excludeComments),
-	outputFieldType,
-	outputTypeType,
-	assistDocumentSchema,
-	documentInstructionStatus,
-	instructionTask,
-	contextDocumentSchema
-], assist = definePlugin((config) => {
-	let configWithDefaults = config ?? {}, styleguide = configWithDefaults.translate?.styleguide || "", maxPathDepth = configWithDefaults.assist?.maxPathDepth, temperature = configWithDefaults.assist?.temperature;
+/**
+* @param maxFieldSelectionDepth - see `AssistConfig.maxFieldSelectionDepth`; the field reference
+* type validates picked paths against the field-ref tree, which must be built with the same depth
+*/
+function createSchemaTypes(maxFieldSelectionDepth) {
+	return [
+		...[
+			fieldInstructions,
+			instruction,
+			createFieldReferenceType(maxFieldSelectionDepth),
+			prompt,
+			userInput,
+			promptContext
+		].map(excludeComments),
+		outputFieldType,
+		outputTypeType,
+		assistDocumentSchema,
+		documentInstructionStatus,
+		instructionTask,
+		contextDocumentSchema
+	];
+}
+const assist = definePlugin((config) => {
+	let configWithDefaults = config ?? {}, styleguide = configWithDefaults.translate?.styleguide || "", maxPathDepth = configWithDefaults.assist?.maxPathDepth, maxFieldSelectionDepth = configWithDefaults.assist?.maxFieldSelectionDepth, temperature = configWithDefaults.assist?.temperature;
 	if (typeof styleguide == "string" && validateStyleguide(styleguide), maxPathDepth !== void 0 && (maxPathDepth < 1 || maxPathDepth > 12)) throw Error(`[${packageName}]: \`assist.maxPathDepth\` must be be in the range [1,12] inclusive, but was ${maxPathDepth}`);
+	if (maxFieldSelectionDepth !== void 0 && (!Number.isInteger(maxFieldSelectionDepth) || maxFieldSelectionDepth < 1 || maxFieldSelectionDepth > 12)) throw Error(`[${packageName}]: \`assist.maxFieldSelectionDepth\` must be an integer in the range [1,12] inclusive, but was ${maxFieldSelectionDepth}`);
 	if (temperature !== void 0 && (temperature < 0 || temperature > 1)) throw Error(`[${packageName}]: \`assist.temperature\` must be in the range [0,1] inclusive, but was ${temperature}`);
 	return {
 		name: packageName,
 		handlesGDR: !0,
-		schema: { types: schemaTypes },
+		schema: { types: createSchemaTypes(maxFieldSelectionDepth) },
 		i18n: { bundles: [{}] },
 		document: {
 			inspectors: (prev, context) => {
@@ -5076,8 +5183,8 @@ function useListeningQuery(query, t0, t1) {
 	let $ = c(11), params = t0 === void 0 ? DEFAULT_PARAMS : t0, options = t1 === void 0 ? DEFAULT_OPTIONS : t1, [loading, setLoading] = useState(!0), [error, setError] = useState(!1), [data, setData] = useState(null), subscription = useRef(null), t2;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { apiVersion: "v2022-05-09" }, $[0] = t2) : t2 = $[0];
 	let client = useClient(t2), t3, t4;
-	$[1] !== client || $[2] !== options || $[3] !== params || $[4] !== query ? (t3 = () => (query && (subscription.current = listenQuery(client, query, params, options).pipe(distinctUntilChanged(isEqual), catchError((err) => (console.error(err), setError(!0), setLoading(!1), setData(null), of(null)))).subscribe((documents) => {
-		setData((current) => isEqual(current, documents) ? current : documents), setLoading(!1), setError(!1);
+	$[1] !== client || $[2] !== options || $[3] !== params || $[4] !== query ? (t3 = () => (query && (subscription.current = listenQuery(client, query, params, options).pipe(distinctUntilChanged(dequal), catchError((err) => (console.error(err), setError(!0), setLoading(!1), setData(null), of(null)))).subscribe((documents) => {
+		setData((current) => dequal(current, documents) ? current : documents), setLoading(!1), setError(!1);
 	})), () => subscription.current ? subscription.current.unsubscribe() : void 0), t4 = [
 		query,
 		params,