@sanity/assist 5.0.0 → 5.0.2

package/dist/index.js

@@ -1,17 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), ui = require("@sanity/ui"), react = require("react"), structure = require("sanity/structure"), dateFns = require("date-fns"), icons = require("@sanity/icons"), mutator = require("@sanity/mutator"), styledComponents = require("styled-components"), operators = require("rxjs/operators"), get = require("lodash/get.js"), isEqual = require("react-fast-compare"), rxjs = require("rxjs"), rxjsExhaustmapWithTrailing = require("rxjs-exhaustmap-with-trailing");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-var get__default = /* @__PURE__ */ _interopDefaultCompat(get), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { pathToString, getVersionFromId, getPublishedId, isVersionId, useEditState, useCurrentUser, useClient, typed, FormFieldHeaderText, PatchEvent, unset, isObjectSchemaType, stringToPath, isKeySegment, useSchema, getVersionId, getDraftId, useColorSchemeValue, isArraySchemaType, useFormCallbacks, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, StatusButton, PresenceOverlay, VirtualizerScrollInstanceProvider, isDocumentSchemaType, useSyncState, set, useWorkspaceSchemaId, MemberFieldError, FormCallbacksProvider, FormInput, setIfMissing, insert, ObjectInputMember, isArrayOfObjectsSchemaType, defineType, defineField, defineArrayMember, definePlugin } from "sanity";
+import { useToast, useLayer, Dialog, Stack, Flex, Tooltip, Text, TextArea, Button, Card, Box, ErrorBoundary, focusFirstDescendant, Spinner, Container, Autocomplete, Breadcrumbs, useClickOutside, Popover, useGlobalKeyDown, useTheme, rgba, Radio, Checkbox, ThemeProvider, MenuButton, Menu, MenuItem, Switch, Label } from "@sanity/ui";
+import { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, useId, forwardRef, createElement, useReducer } from "react";
+import { useDocumentPane, usePaneRouter, DocumentInspectorHeader, DocumentPaneProvider } from "sanity/structure";
+import { minutesToMilliseconds, isAfter, addSeconds, formatDistanceToNow } from "date-fns";
+import { PlayIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, SparklesIcon, SearchIcon, SyncIcon, ErrorOutlineIcon, CheckmarkCircleIcon, ClockIcon, CloseCircleIcon, RetryIcon, ArrowRightIcon, CloseIcon, icons, TranslateIcon, LockIcon, ControlsIcon, ArrowLeftIcon, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon } from "@sanity/icons";
+import { extractWithPath } from "@sanity/mutator";
+import { keyframes, styled } from "styled-components";
+import { tap, mergeMap, share, take, filter, distinctUntilChanged, catchError } from "rxjs/operators";
+import { get } from "lodash-es";
+import isEqual from "react-fast-compare";
+import { defer, throwError, of, partition, merge, switchMap, delay } from "rxjs";
+import { exhaustMapToWithTrailing } from "rxjs-exhaustmap-with-trailing";
 function hasOverflowScroll(el) {
   const overflow = getComputedStyle(el).overflow;
   return overflow.includes("auto") || overflow.includes("hidden") || overflow.includes("scroll");
 }
 function useRegionRects() {
-  const ref = react.useRef(null), [relativeBoundsRect, setRelativeBoundsRect] = react.useState(null), [relativeElementRect, setRelativeElementRect] = react.useState(null), [boundsScroll, setBoundsScroll] = react.useState({ x: 0, y: 0 }), [scroll, setScroll] = react.useState({ x: 0, y: 0 }), boundsScrollXRef = react.useRef(0), boundsScrollYRef = react.useRef(0), elementScrollXRef = react.useRef(0), elementScrollYRef = react.useRef(0);
-  react.useEffect(() => {
+  const ref = useRef(null), [relativeBoundsRect, setRelativeBoundsRect] = useState(null), [relativeElementRect, setRelativeElementRect] = useState(null), [boundsScroll, setBoundsScroll] = useState({ x: 0, y: 0 }), [scroll, setScroll] = useState({ x: 0, y: 0 }), boundsScrollXRef = useRef(0), boundsScrollYRef = useRef(0), elementScrollXRef = useRef(0), elementScrollYRef = useRef(0);
+  useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const scrollParents = [];
@@ -59,7 +66,7 @@ function useRegionRects() {
       ro.disconnect(), window.removeEventListener("scroll", handleScroll);
     };
   }, []);
-  const bounds = react.useMemo(
+  const bounds = useMemo(
     () => relativeBoundsRect && {
       x: relativeBoundsRect.x - boundsScroll.x,
       y: relativeBoundsRect.y - boundsScroll.y,
@@ -67,7 +74,7 @@ function useRegionRects() {
       h: relativeBoundsRect.h
     },
     [relativeBoundsRect, boundsScroll]
-  ), element = react.useMemo(
+  ), element = useMemo(
     () => relativeElementRect && {
       x: relativeElementRect.x - scroll.x,
       y: relativeElementRect.y - scroll.y,
@@ -80,22 +87,22 @@ function useRegionRects() {
 }
 function ConnectorRegion(props) {
   const { children, onRectsChange, ...restProps } = props, { bounds, element, ref } = useRegionRects();
-  return react.useEffect(() => {
+  return useEffect(() => {
     onRectsChange?.(bounds && element ? { bounds, element } : null);
-  }, [bounds, element, onRectsChange]), /* @__PURE__ */ jsxRuntime.jsx("div", { ...restProps, ref, children });
+  }, [bounds, element, onRectsChange]), /* @__PURE__ */ jsx("div", { ...restProps, ref, children });
 }
-const ConnectorsStoreContext = react.createContext(null);
+const ConnectorsStoreContext = createContext(null);
 function useConnectorsStore() {
-  const store = react.useContext(ConnectorsStoreContext);
+  const store = useContext(ConnectorsStoreContext);
   if (!store)
     throw new Error("Missing connectors store context");
   return store;
 }
 function ConnectFromRegion(props) {
-  const { children, _key: key, zIndex, ...restProps } = props, store = useConnectorsStore(), [rects, setRects] = react.useState(null);
-  return react.useEffect(() => store.from.subscribe(key, { zIndex }), [key, store, zIndex]), react.useEffect(() => {
+  const { children, _key: key, zIndex, ...restProps } = props, store = useConnectorsStore(), [rects, setRects] = useState(null);
+  return useEffect(() => store.from.subscribe(key, { zIndex }), [key, store, zIndex]), useEffect(() => {
     rects && store.from.next(key, rects);
-  }, [key, rects, store]), /* @__PURE__ */ jsxRuntime.jsx(ConnectorRegion, { ...restProps, onRectsChange: setRects, children });
+  }, [key, rects, store]), /* @__PURE__ */ jsx(ConnectorRegion, { ...restProps, onRectsChange: setRects, children });
 }
 function createConnectorsStore() {
   const configKeys = [], fieldKeys = [], channels = {
@@ -154,11 +161,11 @@ function createConnectorsStore() {
   };
 }
 function ConnectorsProvider(props) {
-  const { children, onConnectorsChange } = props, store = react.useMemo(() => createConnectorsStore(), []);
-  return react.useEffect(
+  const { children, onConnectorsChange } = props, store = useMemo(() => createConnectorsStore(), []);
+  return useEffect(
     () => onConnectorsChange && store.connectors.subscribe(onConnectorsChange),
     [onConnectorsChange, store]
-  ), /* @__PURE__ */ jsxRuntime.jsx(ConnectorsStoreContext.Provider, { value: store, children });
+  ), /* @__PURE__ */ jsx(ConnectorsStoreContext.Provider, { value: store, children });
 }
 function getConnectorLinePoint(options2, rect, bounds) {
   const centerY = rect.y + rect.h / 2, isAbove = rect.y + rect.h < bounds.y + options2.arrow.marginY, isBelow = rect.y > bounds.y + bounds.h - options2.arrow.marginY;
@@ -196,10 +203,10 @@ function mapConnectorToLine(options2, connector) {
 }
 const assistFormId = "assist", assistDocumentIdPrefix = "sanity.assist.schemaType.", assistDocumentStatusIdPrefix = "sanity.assist.status.", assistSchemaIdPrefix = "sanity.assist.schema.", assistDocumentTypeName = "sanity.assist.schemaType.annotations", assistFieldTypeName = "sanity.assist.schemaType.field", instructionTypeName = "sanity.assist.instruction", promptTypeName = "sanity.assist.instruction.prompt", userInputTypeName = "sanity.assist.instruction.userInput", instructionContextTypeName = "sanity.assist.instruction.context", 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", outputFieldTypeName = "sanity.assist.output.field", outputTypeTypeName = "sanity.assist.output.type", fieldPathParam = "pathKey", instructionParam = "instruction", documentRootKey = "<document>";
 function usePathKey(path) {
-  return react.useMemo(() => getPathKey(path), [path]);
+  return useMemo(() => getPathKey(path), [path]);
 }
 function getPathKey(path) {
-  return path.length ? Array.isArray(path) ? sanity.pathToString(path) : path : documentRootKey;
+  return path.length ? Array.isArray(path) ? pathToString(path) : path : documentRootKey;
 }
 function getInstructionTitle(instruction2) {
   return instruction2?.title ?? "Untitled";
@@ -244,25 +251,25 @@ function isDisabled(type) {
 function isUnsupportedType(type) {
   return type.name === "sanity.imageCrop" || type.name === "sanity.imageHotspot" || isType(type, "globalDocumentReference") || isType(type, "reference") && !type?.options?.aiAssist?.embeddingsIndex || isType(type, "crossDatasetReference") || isType(type, "file");
 }
-const FirstAssistedPathContext = react.createContext(void 0);
+const FirstAssistedPathContext = createContext(void 0);
 function FirstAssistedPathProvider(props) {
-  const { members } = props, firstAssistedPath = react.useMemo(() => {
+  const { members } = props, firstAssistedPath = useMemo(() => {
     const firstAssisted = members.find(
       (member) => member.kind === "field" && isAssistSupported(member.field.schemaType)
     );
-    return firstAssisted?.field.path ? sanity.pathToString(firstAssisted?.field.path) : void 0;
+    return firstAssisted?.field.path ? pathToString(firstAssisted?.field.path) : void 0;
   }, [members]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FirstAssistedPathContext.Provider, { value: firstAssistedPath, children: props.children });
+  return /* @__PURE__ */ jsx(FirstAssistedPathContext.Provider, { value: firstAssistedPath, children: props.children });
 }
-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=", instructionGuideUrl = "https://sanity.io/guides/getting-started-with-ai-assist-instructions?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=", giveFeedbackUrl = "https://forms.gle/Kwz7CThxGeA2GiEU8", salesUrl = "https://www.sanity.io/contact/sales?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 = dateFns.minutesToMilliseconds(30), illegalIdChars = /[^a-zA-Z0-9._-]/g;
+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=", instructionGuideUrl = "https://sanity.io/guides/getting-started-with-ai-assist-instructions?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=", giveFeedbackUrl = "https://forms.gle/Kwz7CThxGeA2GiEU8", salesUrl = "https://www.sanity.io/contact/sales?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, "_");
 }
 function assistTasksStatusId(documentId) {
-  return sanity.isVersionId(documentId) ? `${assistDocumentStatusIdPrefix}${sanity.getVersionFromId(documentId)}.${sanity.getPublishedId(documentId)}` : `${assistDocumentStatusIdPrefix}${sanity.getPublishedId(documentId)}`;
+  return isVersionId(documentId) ? `${assistDocumentStatusIdPrefix}${getVersionFromId(documentId)}.${getPublishedId(documentId)}` : `${assistDocumentStatusIdPrefix}${getPublishedId(documentId)}`;
 }
 function useDocumentState(id, docType) {
-  const state = sanity.useEditState(id, docType);
+  const state = useEditState(id, docType);
   return state.draft || state.published;
 }
 function useStudioAssistDocument({
@@ -270,20 +277,20 @@ function useStudioAssistDocument({
   schemaType,
   initDoc
 }) {
-  const documentTypeName = schemaType.name, currentUser = sanity.useCurrentUser(), assistDocument = useDocumentState(
+  const documentTypeName = schemaType.name, currentUser = useCurrentUser(), assistDocument = useDocumentState(
     assistDocumentId(documentTypeName),
     assistDocumentTypeName
   ), assistTasksStatus = useDocumentState(
     assistTasksStatusId(documentId ?? ""),
     assistTasksStatusTypeName
-  ), client = sanity.useClient({ apiVersion: "2023-01-01" });
-  return react.useEffect(() => {
+  ), client = useClient({ apiVersion: "2023-01-01" });
+  return useEffect(() => {
     !assistDocument && initDoc && client.createIfNotExists({
       _id: assistDocumentId(documentTypeName),
       _type: assistDocumentTypeName
     }).catch(() => {
     });
-  }, [client, assistDocument, documentTypeName, initDoc]), react.useMemo(() => {
+  }, [client, assistDocument, documentTypeName, initDoc]), useMemo(() => {
     if (!assistDocument)
       return;
     const tasks = assistTasksStatus?.tasks ?? [], fields = (assistDocument?.fields ?? []).map((assistField) => ({
@@ -291,7 +298,7 @@ function useStudioAssistDocument({
       tasks: tasks.filter((task) => task.path === assistField.path),
       instructions: assistField.instructions?.filter((p) => !p.userId || p.userId === currentUser?.id).map((instruction2) => asStudioInstruction(instruction2, tasks))
     }));
-    return sanity.typed({
+    return typed({
       ...assistDocument,
       tasks: tasks?.map((task) => {
         const instruction2 = fields.find((f) => f.path === task.path)?.instructions?.find((i) => i._key === task.instructionKey);
@@ -314,8 +321,8 @@ function asStudioInstruction(instruction2, run) {
 }
 const NO_TASKS = [];
 function useInstructionToaster(documentId, documentSchemaType) {
-  const assistDocument = useStudioAssistDocument({ documentId, schemaType: documentSchemaType }), assistDocLoaded = !!assistDocument, currentUser = sanity.useCurrentUser(), toast = ui.useToast(), tasks = assistDocument?.tasks, previousTasks = react.useRef("initial");
-  react.useEffect(() => {
+  const assistDocument = useStudioAssistDocument({ documentId, schemaType: documentSchemaType }), assistDocLoaded = !!assistDocument, currentUser = useCurrentUser(), toast = useToast(), tasks = assistDocument?.tasks, previousTasks = useRef("initial");
+  useEffect(() => {
     if (assistDocLoaded) {
       if (previousTasks.current !== "initial") {
         const prevTaskByKey = Object.fromEntries(
@@ -324,7 +331,7 @@ function useInstructionToaster(documentId, documentSchemaType) {
         tasks?.filter((task) => task.startedByUserId === currentUser?.id).filter((task) => {
           const prevTask = prevTaskByKey[task._key];
           return !prevTask && task.ended || !prevTask?.ended && task.ended;
-        }).filter((task) => task.ended && dateFns.isAfter(dateFns.addSeconds(new Date(task.ended), 30), /* @__PURE__ */ new Date()))?.forEach((task) => {
+        }).filter((task) => task.ended && isAfter(addSeconds(new Date(task.ended), 30), /* @__PURE__ */ new Date()))?.forEach((task) => {
           const title = task.title ?? getInstructionTitle(task.instruction);
           task.reason === "error" ? toast.push({
             title: `Failed: ${title}`,
@@ -356,13 +363,13 @@ function useInstructionToaster(documentId, documentSchemaType) {
 }
 function AssistDocumentInputWrapper(props) {
   if (!isType(props.schemaType, "document") && props.id !== "root" && props.id !== assistFormId)
-    return /* @__PURE__ */ jsxRuntime.jsx(AssistInput, { ...props });
+    return /* @__PURE__ */ jsx(AssistInput, { ...props });
   const documentId = props.value?._id;
-  return documentId ? /* @__PURE__ */ jsxRuntime.jsx(AssistDocumentInput, { ...props, documentId }) : props.renderDefault(props);
+  return documentId ? /* @__PURE__ */ jsx(AssistDocumentInput, { ...props, documentId }) : props.renderDefault(props);
 }
 function AssistDocumentInput({ documentId, ...props }) {
   useInstructionToaster(documentId, props.schemaType);
-  const schemaType = react.useMemo(() => props.schemaType.name !== assistDocumentTypeName ? props.schemaType : {
+  const schemaType = useMemo(() => props.schemaType.name !== assistDocumentTypeName ? props.schemaType : {
     ...props.schemaType,
     type: {
       ...props.schemaType.type,
@@ -370,24 +377,24 @@ function AssistDocumentInput({ documentId, ...props }) {
       name: "document"
     }
   }, [props.schemaType]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FirstAssistedPathProvider, { members: props.members, children: props.renderDefault({ ...props, schemaType }) });
+  return /* @__PURE__ */ jsx(FirstAssistedPathProvider, { members: props.members, children: props.renderDefault({ ...props, schemaType }) });
 }
 function AssistInput(props) {
-  const { zIndex } = ui.useLayer(), { paneKey } = structure.useDocumentPane(), pathKey = usePathKey(props.path);
-  return /* @__PURE__ */ jsxRuntime.jsx(ConnectFromRegion, { _key: `${paneKey}_${pathKey}`, zIndex, style: { minWidth: 0 }, children: props.renderDefault(props) });
+  const { zIndex } = useLayer(), { paneKey } = useDocumentPane(), pathKey = usePathKey(props.path);
+  return /* @__PURE__ */ jsx(ConnectFromRegion, { _key: `${paneKey}_${pathKey}`, zIndex, style: { minWidth: 0 }, children: props.renderDefault(props) });
 }
-const AssistDocumentContext = react.createContext(
+const AssistDocumentContext = createContext(
   void 0
 );
 function useAssistDocumentContext() {
-  const context = react.useContext(AssistDocumentContext);
+  const context = useContext(AssistDocumentContext);
   if (!context)
     throw new Error("AssistDocumentContext value is missing");
   return context;
 }
-const AiAssistanceConfigContext = react.createContext({});
+const AiAssistanceConfigContext = createContext({});
 function useAiAssistanceConfig() {
-  const context = react.useContext(AiAssistanceConfigContext);
+  const context = useContext(AiAssistanceConfigContext);
   if (!context)
     throw new Error("Missing AiAssistanceConfigContext");
   return context;
@@ -400,14 +407,14 @@ function canUseAssist(status) {
   return status?.enabled && status.initialized && status.validToken;
 }
 function useApiClient(customApiClient) {
-  const client = sanity.useClient({ apiVersion: API_VERSION_WITH_EXTENDED_TYPES });
-  return react.useMemo(
+  const client = useClient({ apiVersion: API_VERSION_WITH_EXTENDED_TYPES });
+  return useMemo(
     () => customApiClient ? customApiClient(client) : client,
     [client, customApiClient]
   );
 }
 function useTranslate(apiClient) {
-  const [loading, setLoading] = react.useState(!1), user = sanity.useCurrentUser(), types = useSerializedTypes(), toast = ui.useToast(), translate = react.useCallback(
+  const [loading, setLoading] = useState(!1), user = useCurrentUser(), types = useSerializedTypes(), toast = useToast(), translate = useCallback(
     ({
       documentId,
       languagePath,
@@ -428,7 +435,7 @@ function useTranslate(apiClient) {
             userStyleguide: await styleguide(),
             fieldLanguageMap,
             conditionalMembers,
-            translatePath: translatePath.length === 0 ? documentRootKey : sanity.pathToString(translatePath),
+            translatePath: translatePath.length === 0 ? documentRootKey : pathToString(translatePath),
             userId: user?.id
           }
         });
@@ -447,7 +454,7 @@ function useTranslate(apiClient) {
     },
     [setLoading, apiClient, toast, user, types]
   );
-  return react.useMemo(
+  return useMemo(
     () => ({
       translate,
       loading
@@ -456,7 +463,7 @@ function useTranslate(apiClient) {
   );
 }
 function useGenerateCaption(apiClient) {
-  const [loading, setLoading] = react.useState(!1), user = sanity.useCurrentUser(), types = useSerializedTypes(), toast = ui.useToast(), generateCaption = react.useCallback(
+  const [loading, setLoading] = useState(!1), user = useCurrentUser(), types = useSerializedTypes(), toast = useToast(), generateCaption = useCallback(
     ({ path, documentId }) => (setLoading(!0), apiClient.request({
       method: "POST",
       url: `/assist/tasks/generate-caption/${apiClient.config().dataset}?projectId=${apiClient.config().projectId}`,
@@ -479,7 +486,7 @@ function useGenerateCaption(apiClient) {
     })),
     [setLoading, apiClient, toast, user, types]
   );
-  return react.useMemo(
+  return useMemo(
     () => ({
       generateCaption,
       loading
@@ -488,7 +495,7 @@ function useGenerateCaption(apiClient) {
   );
 }
 function useGenerateImage(apiClient) {
-  const [loading, setLoading] = react.useState(!1), user = sanity.useCurrentUser(), types = useSerializedTypes(), toast = ui.useToast(), generateImage = react.useCallback(
+  const [loading, setLoading] = useState(!1), user = useCurrentUser(), types = useSerializedTypes(), toast = useToast(), generateImage = useCallback(
     ({ path, documentId }) => (setLoading(!0), apiClient.request({
       method: "POST",
       url: `/assist/tasks/generate-image/${apiClient.config().dataset}?projectId=${apiClient.config().projectId}`,
@@ -511,7 +518,7 @@ function useGenerateImage(apiClient) {
     })),
     [setLoading, apiClient, toast, user, types]
   );
-  return react.useMemo(
+  return useMemo(
     () => ({
       generateImage,
       loading
@@ -520,7 +527,7 @@ function useGenerateImage(apiClient) {
   );
 }
 function useGetInstructStatus(apiClient) {
-  const [loading, setLoading] = react.useState(!0), getInstructStatus = react.useCallback(async () => {
+  const [loading, setLoading] = useState(!0), getInstructStatus = useCallback(async () => {
     setLoading(!0);
     const projectId = apiClient.config().projectId;
     try {
@@ -538,7 +545,7 @@ function useGetInstructStatus(apiClient) {
   };
 }
 function useInitInstruct(apiClient) {
-  const [loading, setLoading] = react.useState(!1), initInstruct = react.useCallback(() => (setLoading(!0), apiClient.request({
+  const [loading, setLoading] = useState(!1), initInstruct = useCallback(() => (setLoading(!0), apiClient.request({
     method: "GET",
     url: `${basePath}/${apiClient.config().dataset}/init?projectId=${apiClient.config().projectId}`
   }).finally(() => {
@@ -550,9 +557,9 @@ function useInitInstruct(apiClient) {
   };
 }
 function useRunInstructionApi(apiClient) {
-  const toast = ui.useToast(), [loading, setLoading] = react.useState(!1), user = sanity.useCurrentUser(), types = useSerializedTypes(), {
+  const toast = useToast(), [loading, setLoading] = useState(!1), user = useCurrentUser(), types = useSerializedTypes(), {
     config: { assist: assistConfig }
-  } = useAiAssistanceConfig(), runInstruction = react.useCallback(
+  } = useAiAssistanceConfig(), runInstruction = useCallback(
     (request) => {
       if (!user) {
         toast.push({
@@ -585,7 +592,7 @@ function useRunInstructionApi(apiClient) {
     },
     [apiClient, types, user, toast, assistConfig]
   );
-  return react.useMemo(
+  return useMemo(
     () => ({
       runInstruction,
       loading
@@ -593,7 +600,7 @@ function useRunInstructionApi(apiClient) {
     [runInstruction, loading]
   );
 }
-const NO_INPUT = {}, RunInstructionContext = react.createContext({
+const NO_INPUT = {}, RunInstructionContext = createContext({
   runInstruction: () => {
   },
   getUserInput: async () => {
@@ -601,13 +608,13 @@ const NO_INPUT = {}, RunInstructionContext = react.createContext({
   instructionLoading: !1
 });
 function useRunInstruction() {
-  return react.useContext(RunInstructionContext);
+  return useContext(RunInstructionContext);
 }
 function isUserInputBlock(block) {
   return block._type === userInputTypeName;
 }
 function RunInstructionProvider(props) {
-  const { config } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { runInstruction: runInstructionRequest, loading } = useRunInstructionApi(apiClient), id = react.useId(), [inputs, setInputs] = react.useState(NO_INPUT), [runRequest, setRunRequest] = react.useState(), [resolveUserInput, setResolveUserInput] = react.useState(), getUserInput = react.useCallback(async ({ title, inputs: inputs2 }) => {
+  const { config } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { runInstruction: runInstructionRequest, loading } = useRunInstructionApi(apiClient), id = useId(), [inputs, setInputs] = useState(NO_INPUT), [runRequest, setRunRequest] = useState(), [resolveUserInput, setResolveUserInput] = useState(), getUserInput = useCallback(async ({ title, inputs: inputs2 }) => {
     const userInputBlocks = inputs2.map((input, i) => ({
       _type: userInputTypeName,
       _key: input.id ?? `${i}`,
@@ -618,7 +625,7 @@ function RunInstructionProvider(props) {
       return setRunRequest({ dialogTitle: title, userInputBlocks }), new Promise((resolve) => {
         setResolveUserInput(() => resolve);
       });
-  }, []), runInstruction = react.useCallback(
+  }, []), runInstruction = useCallback(
     (req) => {
       if (loading)
         return;
@@ -639,9 +646,9 @@ function RunInstructionProvider(props) {
       });
     },
     [runInstructionRequest, loading]
-  ), close = react.useCallback(() => {
+  ), close = useCallback(() => {
     setRunRequest(void 0), setInputs(NO_INPUT), resolveUserInput && resolveUserInput(void 0), setResolveUserInput(void 0);
-  }, [resolveUserInput]), runWithInput = react.useCallback(() => {
+  }, [resolveUserInput]), runWithInput = useCallback(() => {
     if (runRequest)
       if ("instruction" in runRequest) {
         const { instruction: instruction2, userTexts, ...request } = runRequest;
@@ -668,41 +675,41 @@ function RunInstructionProvider(props) {
         resolveUserInput?.(userInputs), setResolveUserInput(void 0);
       }
     close();
-  }, [close, runInstructionRequest, runRequest, inputs, resolveUserInput]), open = !!runRequest, runDisabled = react.useMemo(
+  }, [close, runInstructionRequest, runRequest, inputs, resolveUserInput]), open = !!runRequest, runDisabled = useMemo(
     () => (runRequest?.userInputBlocks?.length ?? 0) > Object.entries(inputs).filter(([, value]) => !!value).length,
     [runRequest?.userInputBlocks, inputs]
-  ), runButton = /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
+  ), runButton = /* @__PURE__ */ jsx(
+    Button,
     {
       text: "Run instruction",
       onClick: runWithInput,
       tone: "primary",
-      icon: icons.PlayIcon,
+      icon: PlayIcon,
       style: { width: "100%" },
       disabled: runDisabled
     }
-  ), contextValue = react.useMemo(
+  ), contextValue = useMemo(
     () => ({ runInstruction, getUserInput, instructionLoading: loading }),
     [runInstruction, loading]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(RunInstructionContext.Provider, { value: contextValue, children: [
-    open ? /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Dialog,
+  return /* @__PURE__ */ jsxs(RunInstructionContext.Provider, { value: contextValue, children: [
+    open ? /* @__PURE__ */ jsx(
+      Dialog,
       {
         id,
         open,
         onClose: close,
         width: 1,
         header: "dialogTitle" in runRequest ? runRequest.dialogTitle : getInstructionTitle(runRequest?.instruction),
-        footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "space-between", padding: 2, flex: 1, children: runDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
+        footer: /* @__PURE__ */ jsx(Flex, { justify: "space-between", padding: 2, flex: 1, children: runDisabled ? /* @__PURE__ */ jsx(
+          Tooltip,
           {
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Unable to run instruction. All fields must have a value." }) }),
+            content: /* @__PURE__ */ jsx(Flex, { padding: 2, children: /* @__PURE__ */ jsx(Text, { children: "Unable to run instruction. All fields must have a value." }) }),
             placement: "top",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, children: runButton })
+            children: /* @__PURE__ */ jsx(Flex, { flex: 1, children: runButton })
           }
         ) : runButton }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { padding: 4, space: 2, children: runRequest?.userInputBlocks?.map((block, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsx(Stack, { padding: 4, space: 2, children: runRequest?.userInputBlocks?.map((block, i) => /* @__PURE__ */ jsx(
           UserInput,
           {
             block,
@@ -718,7 +725,7 @@ function RunInstructionProvider(props) {
   ] });
 }
 function UserInput(props) {
-  const { block, autoFocus, setInputs, inputs } = props, key = block._key, textAreaRef = react.useRef(null), onChange = react.useCallback(
+  const { block, autoFocus, setInputs, inputs } = props, key = block._key, textAreaRef = useRef(null), onChange = useCallback(
     (e) => {
       setInputs((current) => ({
         ...current,
@@ -726,19 +733,19 @@ function UserInput(props) {
       }));
     },
     [key, setInputs]
-  ), value = react.useMemo(() => inputs[key], [inputs, key]);
-  return react.useEffect(() => {
+  ), value = useMemo(() => inputs[key], [inputs, key]);
+  return useEffect(() => {
     autoFocus && setTimeout(() => textAreaRef.current?.focus(), 0);
-  }, [autoFocus]), /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { padding: 2, space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      sanity.FormFieldHeaderText,
+  }, [autoFocus]), /* @__PURE__ */ jsxs(Stack, { padding: 2, space: 3, children: [
+    /* @__PURE__ */ jsx(
+      FormFieldHeaderText,
       {
         title: block?.message ?? "Provide more context",
         description: block.description
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.TextArea,
+    /* @__PURE__ */ jsx(
+      TextArea,
       {
         ref: textAreaRef,
         rows: 4,
@@ -763,12 +770,12 @@ function useRequestRunInstruction(args) {
   };
 }
 function useDraftDelayedTask(args) {
-  const { documentOnChange, isDocAssistable: isDocAssistable2, task } = args, [queuedArgs, setQueuedArgs] = react.useState(void 0);
-  return react.useEffect(() => {
+  const { documentOnChange, isDocAssistable: isDocAssistable2, task } = args, [queuedArgs, setQueuedArgs] = useState(void 0);
+  return useEffect(() => {
     queuedArgs && isDocAssistable2 && (task(queuedArgs), setQueuedArgs(void 0));
-  }, [queuedArgs, isDocAssistable2, task]), react.useCallback(
+  }, [queuedArgs, isDocAssistable2, task]), useCallback(
     (taskArgs) => {
-      documentOnChange(sanity.PatchEvent.from([sanity.unset(["_force_document_creation"])])), setQueuedArgs(taskArgs);
+      documentOnChange(PatchEvent.from([unset(["_force_document_creation"])])), setQueuedArgs(taskArgs);
     },
     [setQueuedArgs, documentOnChange]
   );
@@ -780,7 +787,7 @@ function getTypeIcon(schemaType) {
     if (t.icon) return t.icon;
     t = t.type;
   }
-  return isType(schemaType, "slug") ? icons.LinkIcon : isType(schemaType, "image") ? icons.ImageIcon : schemaType.jsonType === "array" && isPortableTextArray(schemaType) ? icons.BlockContentIcon : schemaType.jsonType === "array" ? icons.OlistIcon : schemaType.jsonType === "object" ? icons.BlockquoteIcon : schemaType.jsonType === "string" ? icons.StringIcon : icons.DocumentIcon;
+  return isType(schemaType, "slug") ? LinkIcon : isType(schemaType, "image") ? ImageIcon : schemaType.jsonType === "array" && isPortableTextArray(schemaType) ? BlockContentIcon : schemaType.jsonType === "array" ? OlistIcon : schemaType.jsonType === "object" ? BlockquoteIcon : schemaType.jsonType === "string" ? StringIcon : DocumentIcon;
 }
 function asFieldRefsByTypePath(fieldRefs) {
   return fieldRefs.reduce(
@@ -791,7 +798,7 @@ function asFieldRefsByTypePath(fieldRefs) {
 function getDocumentFieldRef(schemaType) {
   return {
     key: documentRootKey,
-    icon: schemaType.icon ?? icons.DocumentIcon,
+    icon: schemaType.icon ?? DocumentIcon,
     title: "The entire document",
     path: [],
     schemaType
@@ -800,7 +807,7 @@ function getDocumentFieldRef(schemaType) {
 function getFieldRefs(schemaType, parent, depth = 0) {
   return depth >= maxDepth ? [] : schemaType.fields.filter((f) => !f.name.startsWith("_")).flatMap((field) => {
     const path = parent ? [...parent.path, field.name] : [field.name], title = field.type.title ?? field.name, fieldRef = {
-      key: patchableKey(sanity.pathToString(path)),
+      key: patchableKey(pathToString(path)),
       path,
       title: parent ? [parent.title, title].join(" / ") : title,
       schemaType: field.type,
@@ -812,7 +819,7 @@ function getFieldRefs(schemaType, parent, depth = 0) {
 function getSyntheticFields(schemaType, parent, depth = 0) {
   return depth >= maxDepth ? [] : schemaType.of.filter((itemType) => !isType(itemType, "block")).flatMap((itemType) => {
     const segment = { _key: itemType.name }, title = itemType.title ?? itemType.name, path = parent ? [...parent.path, segment] : [segment], fieldRef = {
-      key: patchableKey(sanity.pathToString(path)),
+      key: patchableKey(pathToString(path)),
       path,
       title: parent ? [parent.title, title].join(" / ") : title,
       schemaType: itemType,
@@ -825,50 +832,50 @@ function getSyntheticFields(schemaType, parent, depth = 0) {
 function getTypePath(doc, pathString) {
   if (!pathString)
     return;
-  const path = sanity.stringToPath(pathString), currentPath = [];
+  const path = stringToPath(pathString), currentPath = [];
   let valid = !0;
   const syntheticPath = path.map((segment) => {
-    if (currentPath.push(segment), sanity.isKeySegment(segment)) {
-      const match = mutator.extractWithPath(sanity.pathToString(currentPath), doc)[0], value = match?.value;
+    if (currentPath.push(segment), isKeySegment(segment)) {
+      const match = extractWithPath(pathToString(currentPath), doc)[0], value = match?.value;
       if (match && value && typeof value == "object" && "_type" in value)
         return { _key: value._type };
       valid = !1;
     }
     return segment;
   });
-  return valid ? patchableKey(sanity.pathToString(syntheticPath)) : void 0;
+  return valid ? patchableKey(pathToString(syntheticPath)) : void 0;
 }
 function patchableKey(pathKey) {
   return pathKey.replace(/[=]=/g, ":").replace(/[[\]]/g, "|").replace(/"/g, "");
 }
 function useTypePath(doc, pathString) {
-  return react.useMemo(() => getTypePath(doc, pathString), [doc, pathString]);
+  return useMemo(() => getTypePath(doc, pathString), [doc, pathString]);
 }
 function useSelectedField(documentSchemaType, path) {
-  const { getFieldRefs: getFieldRefs2 } = useAiAssistanceConfig(), selectableFields = react.useMemo(
-    () => documentSchemaType && sanity.isObjectSchemaType(documentSchemaType) ? [getDocumentFieldRef(documentSchemaType), ...getFieldRefs2(documentSchemaType.name)] : [],
+  const { getFieldRefs: getFieldRefs2 } = useAiAssistanceConfig(), selectableFields = useMemo(
+    () => documentSchemaType && isObjectSchemaType(documentSchemaType) ? [getDocumentFieldRef(documentSchemaType), ...getFieldRefs2(documentSchemaType.name)] : [],
     [documentSchemaType, getFieldRefs2]
   );
-  return react.useMemo(() => path ? selectableFields?.find((f) => f.key === path) : void 0, [selectableFields, path]);
+  return useMemo(() => path ? selectableFields?.find((f) => f.key === path) : void 0, [selectableFields, path]);
 }
 function getFieldTitle(field) {
   const schemaType = field?.schemaType;
   return field?.title ?? schemaType?.title ?? schemaType?.name ?? "Untitled";
 }
 function useAiPaneRouter() {
-  const paneRouter = structure.usePaneRouter();
-  return react.useMemo(
+  const paneRouter = usePaneRouter();
+  return useMemo(
     () => ({ ...paneRouter, params: paneRouter.params ?? {} }),
     [paneRouter]
   );
 }
 function useAssistDocumentContextValue(documentId, documentType) {
-  const schema = sanity.useSchema(), { getFieldRefs: getFieldRefs2, getFieldRefsByTypePath } = useAiAssistanceConfig(), documentSchemaType = react.useMemo(() => {
+  const schema = useSchema(), { getFieldRefs: getFieldRefs2, getFieldRefsByTypePath } = useAiAssistanceConfig(), documentSchemaType = useMemo(() => {
     const schemaType = schema.get(documentType);
     if (!schemaType)
       throw new Error(`Schema type "${documentType}" not found`);
     return schemaType;
-  }, [documentType, schema]), { fieldRefs, fieldRefsByTypePath } = react.useMemo(() => ({
+  }, [documentType, schema]), { fieldRefs, fieldRefsByTypePath } = useMemo(() => ({
     fieldRefs: getFieldRefs2(documentType),
     fieldRefsByTypePath: getFieldRefsByTypePath(documentType)
   }), [getFieldRefs2, getFieldRefsByTypePath, documentType]), {
@@ -880,11 +887,11 @@ function useAssistDocumentContextValue(documentId, documentType) {
     // @ts-ignore this is a valid option available in `corel` - Remove after corel is merged to next
     selectedReleaseId,
     editState
-  } = structure.useDocumentPane(), { draft, published, version } = editState || {}, assistableDocumentId = selectedReleaseId ? sanity.getVersionId(documentId, selectedReleaseId) : documentSchemaType.liveEdit ? documentId : sanity.getDraftId(documentId), documentIsNew = selectedReleaseId ? !version?._id : !draft?._id && !published?._id, documentIsAssistable = selectedReleaseId ? !!version : isDocAssistable(documentSchemaType, published, draft), { params } = useAiPaneRouter(), selectedPath = params[fieldPathParam], assistDocument = useStudioAssistDocument({
+  } = useDocumentPane(), { draft, published, version } = editState || {}, assistableDocumentId = selectedReleaseId ? getVersionId(documentId, selectedReleaseId) : documentSchemaType.liveEdit ? documentId : getDraftId(documentId), documentIsNew = selectedReleaseId ? !version?._id : !draft?._id && !published?._id, documentIsAssistable = selectedReleaseId ? !!version : isDocAssistable(documentSchemaType, published, draft), { params } = useAiPaneRouter(), selectedPath = params[fieldPathParam], assistDocument = useStudioAssistDocument({
     documentId: assistableDocumentId,
     schemaType: documentSchemaType
   }), { syntheticTasks, addSyntheticTask, removeSyntheticTask } = useSyntheticTasks(assistableDocumentId);
-  return react.useMemo(() => {
+  return useMemo(() => {
     const base = {
       assistableDocumentId,
       documentSchemaType,
@@ -925,12 +932,12 @@ function useAssistDocumentContextValue(documentId, documentType) {
   ]);
 }
 function useSyntheticTasks(assistableDocumentId) {
-  const [syntheticTasks, setSyntheticTasks] = react.useState(() => []), addSyntheticTask = react.useCallback((task) => {
+  const [syntheticTasks, setSyntheticTasks] = useState(() => []), addSyntheticTask = useCallback((task) => {
     setSyntheticTasks((current) => [...current, task]);
-  }, []), removeSyntheticTask = react.useCallback((task) => {
+  }, []), removeSyntheticTask = useCallback((task) => {
     setSyntheticTasks((current) => current.filter((t) => task._key !== t._key));
   }, []);
-  return react.useEffect(() => {
+  return useEffect(() => {
     setSyntheticTasks([]);
   }, [assistableDocumentId]), {
     syntheticTasks,
@@ -940,77 +947,13 @@ function useSyntheticTasks(assistableDocumentId) {
 }
 function AssistDocumentContextProvider(props) {
   const { documentId, documentType } = props, value = useAssistDocumentContextValue(documentId, documentType);
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistDocumentContext.Provider, { value, children: props.children });
+  return /* @__PURE__ */ jsx(AssistDocumentContext.Provider, { value, children: props.children });
 }
 function AssistDocumentLayout(props) {
   const { documentId, documentType } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(AssistDocumentContextProvider, { documentType, documentId, children: props.renderDefault(props) });
-}
-function AssistFeatureBadge() {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { fontSize: 0, style: { margin: "-2px 0" }, tone: "primary", children: "Beta" });
-}
-function AssistOnboardingPopover(props) {
-  const { dismiss } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Popover,
-    {
-      content: /* @__PURE__ */ jsxRuntime.jsx(AssistIntroCard, { dismiss }),
-      open: !0,
-      portal: !0,
-      placeholder: "bottom",
-      tone: "default",
-      width: 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 2, shadow: 2, style: { padding: 2, lineHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: !0, fontSize: 1, icon: icons.SparklesIcon, mode: "bleed", padding: 2 }) })
-    }
-  );
-}
-function AssistIntroCard(props) {
-  const buttonRef = react.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { as: "section", padding: 3, space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { padding: 2, space: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h1", size: 1, weight: "semibold", children: pluginTitle }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": !0, style: { margin: "-3px 0", lineHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(AssistFeatureBadge, {}) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "p", muted: !0, size: 1, children: [
-        "Manage reusable AI instructions to boost your content creation and reduce amount of repetitive chores.",
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: releaseAnnouncementUrl, target: "_blank", rel: "noreferrer", children: [
-          "Learn more ",
-          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightIcon, {})
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        fontSize: 1,
-        icon: icons.CheckmarkIcon,
-        onClick: props.dismiss,
-        padding: 3,
-        ref: buttonRef,
-        text: "Ok, good to know!",
-        tone: "primary"
-      }
-    )
-  ] });
-}
-const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed", fieldOnboardingKey = "sanityStudio:assist:field:onboarding:dismissed";
-function isFeatureOnboardingDismissed(featureKey) {
-  return typeof localStorage > "u" ? !1 : localStorage.getItem(featureKey) === "true";
-}
-function dismissFeatureOnboarding(featureKey) {
-  typeof localStorage > "u" || localStorage.setItem(featureKey, "true");
+  return /* @__PURE__ */ jsx(AssistDocumentContextProvider, { documentType, documentId, children: props.renderDefault(props) });
 }
-function useOnboardingFeature(featureKey) {
-  const [showOnboarding, setShowOnboarding] = react.useState(
-    () => !isFeatureOnboardingDismissed(featureKey)
-  ), dismissOnboarding = react.useCallback(() => {
-    setShowOnboarding(!1), dismissFeatureOnboarding(featureKey);
-  }, [setShowOnboarding, featureKey]);
-  return { showOnboarding, dismissOnboarding };
-}
-const fadeIn = styledComponents.keyframes`
+const fadeIn = keyframes`
   0% {
     opacity: 0;
     transform: scale(0.75);
@@ -1023,14 +966,14 @@ const fadeIn = styledComponents.keyframes`
     opacity: 1;
     transform: scale(1);
   }
-`, FadeInDiv = styledComponents.styled.div`
+`, FadeInDiv = styled.div`
   animation-name: ${fadeIn};
   animation-timing-function: ease-in-out;
-`, FadeInContent = react.forwardRef(function({
+`, FadeInContent = forwardRef(function({
   children,
   durationMs = 250
 }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FadeInDiv, { ref, style: { animationDuration: `${durationMs}ms` }, children });
+  return /* @__PURE__ */ jsx(FadeInDiv, { ref, style: { animationDuration: `${durationMs}ms` }, children });
 }), purple = {
   400: {
     hex: "#b087f7"
@@ -1041,19 +984,19 @@ const fadeIn = styledComponents.keyframes`
   600: {
     hex: "#721fe5"
   }
-}, Root = styledComponents.styled.span`
+}, Root = styled.span`
   display: block;
   width: 25px;
   height: 25px;
   position: relative;
-`, dash = styledComponents.keyframes`
+`, dash = keyframes`
   0% {
     transform: rotate(0);
   }
   100% {
     transform: rotate(43deg);
   }
-`, Outline = styledComponents.styled.svg`
+`, Outline = styled.svg`
   display: block;
   position: absolute;
   top: 0;
@@ -1073,7 +1016,7 @@ const fadeIn = styledComponents.keyframes`
       stroke-dasharray: 2px 2.34px;
     }
   }
-`, IconDisc = styledComponents.styled.span`
+`, IconDisc = styled.span`
   background: var(--ai-avatar-disc-color);
   color: white;
   width: 21px;
@@ -1087,15 +1030,15 @@ const fadeIn = styledComponents.keyframes`
   left: 2px;
 `;
 function AssistAvatar(props) {
-  const { state = "present" } = props, scheme = sanity.useColorSchemeValue(), style = react.useMemo(() => scheme === "dark" ? {
+  const { 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__ */ jsxRuntime.jsxs(Root, { "data-state": state, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxs(Root, { "data-state": state, style, children: [
+    /* @__PURE__ */ jsx(
       Outline,
       {
         width: "25",
@@ -1103,35 +1046,35 @@ function AssistAvatar(props) {
         viewBox: "0 0 25 25",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12.5", cy: "12.5", r: "11.75" })
+        children: /* @__PURE__ */ jsx("circle", { cx: "12.5", cy: "12.5", r: "11.75" })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(IconDisc, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", size: 0, style: { color: "inherit" }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.SparklesIcon, { style: { color: "inherit" } }) }) })
+    /* @__PURE__ */ jsx(IconDisc, { children: /* @__PURE__ */ jsx(Text, { as: "span", size: 0, style: { color: "inherit" }, children: /* @__PURE__ */ jsx(SparklesIcon, { style: { color: "inherit" } }) }) })
   ] });
 }
 function AiFieldPresence(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { style: { position: "relative", background: "transparent" }, contentEditable: !1, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Tooltip,
+  return /* @__PURE__ */ jsx(Card, { style: { position: "relative", background: "transparent" }, contentEditable: !1, children: /* @__PURE__ */ jsx(
+    Tooltip,
     {
       placement: "left",
-      content: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 3, border: !0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Running instruction..." }) }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(FadeInContent, { durationMs: 300, children: /* @__PURE__ */ jsxRuntime.jsx(AssistAvatar, { state: "active" }) })
+      content: /* @__PURE__ */ jsx(Card, { padding: 3, border: !0, children: /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx(Text, { size: 1, children: "Running instruction..." }) }) }),
+      children: /* @__PURE__ */ jsx(FadeInContent, { durationMs: 300, children: /* @__PURE__ */ jsx(AssistAvatar, { state: "active" }) })
     }
   ) });
 }
 const NO_PRESENCE = [];
 function useAssistPresence(path, showFocusWithin) {
   const context = useAssistDocumentContext(), tasks = (context && "assistDocument" in context ? context.assistDocument : void 0)?.tasks;
-  return react.useMemo(() => {
+  return useMemo(() => {
     const activePresence = tasks?.filter((task) => !task.ended)?.flatMap((task) => task.presence ?? [])?.filter(
       (p) => p.started && (/* @__PURE__ */ new Date()).getTime() - new Date(p.started).getTime() < maxHistoryVisibilityMs
     ).filter((presence) => {
       if (!presence.path || !path.length)
         return !1;
-      const statusPath = sanity.stringToPath(presence.path);
+      const statusPath = stringToPath(presence.path);
       return !showFocusWithin && statusPath.length !== path.length ? !1 : path.every((pathSegment, i) => {
         const statusSegment = statusPath[i];
-        return typeof pathSegment == "string" ? pathSegment === statusSegment : sanity.isKeySegment(pathSegment) && sanity.isKeySegment(statusSegment) ? pathSegment._key === statusSegment._key : !1;
+        return typeof pathSegment == "string" ? pathSegment === statusSegment : isKeySegment(pathSegment) && isKeySegment(statusSegment) ? pathSegment._key === statusSegment._key : !1;
       });
     });
     return activePresence?.length ? activePresence.map((status) => aiPresence(status, path)) : NO_PRESENCE;
@@ -1150,79 +1093,72 @@ function aiPresence(presence, path, title) {
 }
 function AssistFieldWrapper(props) {
   const { schemaType } = props;
-  return !react.useMemo(() => isAssistSupported(schemaType), [schemaType]) || schemaType.name.startsWith("sanity.") || schemaType.name === contextDocumentTypeName ? props.renderDefault(props) : !isType(props.schemaType, "document") && props.inputId !== "root" && props.inputId !== assistFormId ? /* @__PURE__ */ jsxRuntime.jsx(AssistField, { ...props, children: props.children }) : props.renderDefault(props);
+  return !useMemo(() => isAssistSupported(schemaType), [schemaType]) || schemaType.name.startsWith("sanity.") || schemaType.name === contextDocumentTypeName ? props.renderDefault(props) : !isType(props.schemaType, "document") && props.inputId !== "root" && props.inputId !== assistFormId ? /* @__PURE__ */ jsx(AssistField, { ...props, children: props.children }) : props.renderDefault(props);
 }
 function AssistField(props) {
-  const { path } = props, isPortableText = react.useMemo(
-    () => !!(sanity.isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType)),
+  const isPortableText = useMemo(
+    () => !!(isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType)),
     [props.schemaType]
-  ), presence = useAssistPresence(props.path, isPortableText), firstAssistedPath = react.useContext(FirstAssistedPathContext), isFirstAssisted = react.useMemo(
-    () => sanity.pathToString(path) === firstAssistedPath,
-    [path, firstAssistedPath]
-  ), { showOnboarding, dismissOnboarding } = useOnboardingFeature(fieldOnboardingKey), singlePresence = presence[0], actions = /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", justify: "space-between", children: [
-    singlePresence && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(AiFieldPresence, { presence: singlePresence }) }),
-    isFirstAssisted && showOnboarding && /* @__PURE__ */ jsxRuntime.jsx(AssistOnboardingPopover, { dismiss: dismissOnboarding })
-  ] });
+  ), singlePresence = useAssistPresence(props.path, isPortableText)[0], actions = /* @__PURE__ */ jsx(Flex, { gap: 2, align: "center", justify: "space-between", children: singlePresence && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(AiFieldPresence, { presence: singlePresence }) }) });
   return props.renderDefault({
     ...props,
-    // When showing the onboarding, prevent default field actions from being rendered
-    actions: isFirstAssisted && showOnboarding ? [] : props.actions,
-    // Render presence (and possibly onboarding) in the internal slot (between presence and the field actions)
+    actions: props.actions,
+    // Render presence in the internal slot (between presence and the field actions)
     // eslint-disable-next-line camelcase
     __internal_slot: actions
   });
 }
-const WrapPreCard = styledComponents.styled(ui.Card)`
+const WrapPreCard = styled(Card)`
   & pre {
     white-space: pre-wrap !important;
   }
 `;
 function SafeValueInput(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ErrorWrapper, { onChange: props.onChange, children: /* @__PURE__ */ jsxRuntime.jsx(PteValueFixer, { ...props }) });
+  return /* @__PURE__ */ jsx(ErrorWrapper, { onChange: props.onChange, children: /* @__PURE__ */ jsx(PteValueFixer, { ...props }) });
 }
 function ErrorWrapper(props) {
-  const { onChange } = props, [error, setError] = react.useState(), catchError = react.useCallback((params) => {
+  const { onChange } = props, [error, setError] = useState(), catchError2 = useCallback((params) => {
     setError(params.error);
-  }, []), unsetValue = react.useCallback(() => {
-    onChange(sanity.PatchEvent.from(sanity.unset())), setError(void 0);
-  }, [onChange]), dismiss = react.useCallback(() => setError(void 0), []), catcher = /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorBoundary, { onCatch: catchError, children: props.children });
-  return error ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, tone: "critical", padding: 2, contentEditable: !1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, weight: "semibold", children: "An error occurred." }),
-    /* @__PURE__ */ jsxRuntime.jsx(WrapPreCard, { flex: 1, padding: 2, tone: "critical", border: !0, children: catcher }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { width: "fill", flex: 1, gap: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Dismiss", onClick: dismiss, tone: "primary" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Unset value", onClick: unsetValue, tone: "critical" })
+  }, []), unsetValue = useCallback(() => {
+    onChange(PatchEvent.from(unset())), setError(void 0);
+  }, [onChange]), dismiss = useCallback(() => setError(void 0), []), catcher = /* @__PURE__ */ jsx(ErrorBoundary, { onCatch: catchError2, children: props.children });
+  return error ? /* @__PURE__ */ jsx(Card, { border: !0, tone: "critical", padding: 2, contentEditable: !1, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsx(Text, { muted: !0, weight: "semibold", children: "An error occurred." }),
+    /* @__PURE__ */ jsx(WrapPreCard, { flex: 1, padding: 2, tone: "critical", border: !0, children: catcher }),
+    /* @__PURE__ */ jsxs(Flex, { width: "fill", flex: 1, gap: 3, children: [
+      /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Button, { text: "Dismiss", onClick: dismiss, tone: "primary" }) }),
+      /* @__PURE__ */ jsx(Button, { text: "Unset value", onClick: unsetValue, tone: "critical" })
     ] })
   ] }) }) : catcher;
 }
 function PteValueFixer(props) {
-  const isPortableText = react.useMemo(
-    () => sanity.isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType),
+  const isPortableText = useMemo(
+    () => isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType),
     [props.schemaType]
   ), value = props.value;
   return isPortableText && value && !value.length ? props.renderDefault({ ...props, value: void 0 }) : props.renderDefault(props);
 }
 function AssistFormBlock(props) {
-  const presence = useAssistPresence(props.path, !0), { onChange } = sanity.useFormCallbacks(), key = props.value._key, localOnChange = react.useCallback(
+  const presence = useAssistPresence(props.path, !0), { onChange } = useFormCallbacks(), key = props.value._key, localOnChange = useCallback(
     (patchEvent) => {
-      key && onChange(sanity.PatchEvent.from(patchEvent).prefixAll({ _key: key }));
+      key && onChange(PatchEvent.from(patchEvent).prefixAll({ _key: key }));
     },
     [onChange, key]
   ), singlePresence = presence[0];
-  return /* @__PURE__ */ jsxRuntime.jsx(ErrorWrapper, { onChange: localOnChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: props.renderDefault(props) }),
-    singlePresence && /* @__PURE__ */ jsxRuntime.jsx(AiFieldPresence, { presence: singlePresence })
+  return /* @__PURE__ */ jsx(ErrorWrapper, { onChange: localOnChange, children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
+    /* @__PURE__ */ jsx(Box, { flex: 1, children: props.renderDefault(props) }),
+    singlePresence && /* @__PURE__ */ jsx(AiFieldPresence, { presence: singlePresence })
   ] }) });
 }
-const InlineBlockValueContext = react.createContext(void 0);
+const InlineBlockValueContext = createContext(void 0);
 function AssistInlineFormBlock(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(InlineBlockValueContext.Provider, { value: props.value, children: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.renderDefault(props) }) });
+  return /* @__PURE__ */ jsx(InlineBlockValueContext.Provider, { value: props.value, children: /* @__PURE__ */ jsx(Fragment, { children: props.renderDefault(props) }) });
 }
 function AssistItem(props) {
   const { path } = props, presence = useAssistPresence(path, !0);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", width: "fill", style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: props.renderDefault({ ...props }) }),
-    presence.map((pre) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { position: "absolute", right: 35 }, children: /* @__PURE__ */ jsxRuntime.jsx(AiFieldPresence, { presence: pre }) }, pre.user.id))
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", width: "fill", style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx(Box, { flex: 1, children: props.renderDefault({ ...props }) }),
+    presence.map((pre) => /* @__PURE__ */ jsx(Box, { style: { position: "absolute", right: 35 }, children: /* @__PURE__ */ jsx(AiFieldPresence, { presence: pre }) }, pre.user.id))
   ] });
 }
 const preventDefault = (ev) => ev.preventDefault();
@@ -1244,10 +1180,10 @@ function DocumentForm(props) {
     onSetCollapsedPath,
     ready,
     validation
-  } = structure.useDocumentPane(), documentStore = sanity.useDocumentStore(), presence = sanity.useDocumentPresence(documentId), patchChannel = react.useMemo(() => sanity.createPatchChannel(), []), isLocked = editState?.transactionSyncLock?.enabled;
-  react.useEffect(() => {
+  } = useDocumentPane(), documentStore = useDocumentStore(), presence = useDocumentPresence(documentId), patchChannel = useMemo(() => createPatchChannel(), []), isLocked = editState?.transactionSyncLock?.enabled;
+  useEffect(() => {
     const sub = documentStore.pair.documentEvents(documentId, documentType).pipe(
-      operators.tap((event) => {
+      tap((event) => {
         event.type === "mutation" && patchChannel.publish(prepareMutationEvent(event)), event.type === "rebase" && patchChannel.publish(prepareRebaseEvent(event));
       })
     ).subscribe();
@@ -1256,18 +1192,18 @@ function DocumentForm(props) {
     };
   }, [documentId, documentStore, documentType, patchChannel]);
   const hasRev = !!value?._rev;
-  react.useEffect(() => {
+  useEffect(() => {
     hasRev && patchChannel.publish({
       type: "mutation",
       patches: [],
       snapshot: value
     });
   }, [hasRev]);
-  const formRef = react.useRef(null);
-  return react.useEffect(() => {
-    ui.focusFirstDescendant(formRef.current);
-  }, []), isLocked ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { as: "form", ...props, ref: formRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Flex,
+  const formRef = useRef(null);
+  return useEffect(() => {
+    focusFirstDescendant(formRef.current);
+  }, []), isLocked ? /* @__PURE__ */ jsx(Box, { as: "form", ...props, ref: formRef, children: /* @__PURE__ */ jsx(
+    Flex,
     {
       align: "center",
       direction: "column",
@@ -1275,10 +1211,10 @@ function DocumentForm(props) {
       justify: "center",
       padding: 3,
       sizing: "border",
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Please hold tight while the document is synced. This usually happens right after the document has been published, and it shouldn\u2019t take more than a few seconds" })
+      children: /* @__PURE__ */ jsx(Text, { size: 1, children: "Please hold tight while the document is synced. This usually happens right after the document has been published, and it shouldn\u2019t take more than a few seconds" })
     }
-  ) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { as: "form", ...props, onSubmit: preventDefault, ref: formRef, children: ready ? formState === null ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Flex,
+  ) }) : /* @__PURE__ */ jsx(Box, { as: "form", ...props, onSubmit: preventDefault, ref: formRef, children: ready ? formState === null ? /* @__PURE__ */ jsx(
+    Flex,
     {
       align: "center",
       direction: "column",
@@ -1286,10 +1222,10 @@ function DocumentForm(props) {
       justify: "center",
       padding: 3,
       sizing: "border",
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "This form is hidden" })
+      children: /* @__PURE__ */ jsx(Text, { size: 1, children: "This form is hidden" })
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.FormBuilder,
+  ) : /* @__PURE__ */ jsx(
+    FormBuilder,
     {
       __internal_patchChannel: patchChannel,
       collapsedFieldSets,
@@ -1311,10 +1247,11 @@ function DocumentForm(props) {
       readOnly: formState.readOnly,
       schemaType: formState.schemaType,
       validation,
-      value: formState.value
+      value: formState.value,
+      hasUpstreamVersion: !1
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Flex,
+  ) : /* @__PURE__ */ jsxs(
+    Flex,
     {
       align: "center",
       direction: "column",
@@ -1323,8 +1260,8 @@ function DocumentForm(props) {
       padding: 3,
       sizing: "border",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { muted: !0 }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", muted: !0, size: 1, children: "Loading document" }) })
+        /* @__PURE__ */ jsx(Spinner, { muted: !0 }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 3, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, size: 1, children: "Loading document" }) })
       ]
     }
   ) });
@@ -1334,7 +1271,7 @@ function prepareMutationEvent(event) {
   return {
     type: "mutation",
     snapshot: event.document,
-    patches: sanity.fromMutationPatches(event.origin, patches)
+    patches: fromMutationPatches(event.origin, patches)
   };
 }
 function prepareRebaseEvent(event) {
@@ -1342,12 +1279,12 @@ function prepareRebaseEvent(event) {
   return {
     type: "rebase",
     snapshot: event.document,
-    patches: sanity.fromMutationPatches("remote", remotePatches).concat(
-      sanity.fromMutationPatches("local", localPatches)
+    patches: fromMutationPatches("remote", remotePatches).concat(
+      fromMutationPatches("local", localPatches)
     )
   };
 }
-const AssistTypeContext = react.createContext({}), DEFAULT_MAX_DEPTH$1 = 8, ABSOLUTE_MAX_DEPTH$1 = 50;
+const AssistTypeContext = createContext({}), DEFAULT_MAX_DEPTH$1 = 8, ABSOLUTE_MAX_DEPTH$1 = 50;
 function getConditionalMembers(docState, maxDepth2 = DEFAULT_MAX_DEPTH$1) {
   return [{
     path: "",
@@ -1361,7 +1298,7 @@ function isConditional(schemaType) {
 }
 function conditionalState(memberState) {
   return {
-    path: sanity.pathToString(memberState.path),
+    path: pathToString(memberState.path),
     readOnly: !!memberState.readOnly,
     // Use actual form state readOnly value
     hidden: !1,
@@ -1382,7 +1319,7 @@ function extractConditionalPaths(node, maxDepth2) {
         const array = member.field;
         let arrayPaths = [];
         const isObjectsArray = array.members.some(
-          (m) => m.kind === "item" && sanity.isObjectSchemaType(m.item.schemaType)
+          (m) => m.kind === "item" && isObjectSchemaType(m.item.schemaType)
         );
         if (!array.readOnly)
           for (const arrayMember of array.members) {
@@ -1407,7 +1344,7 @@ function extractConditionalPaths(node, maxDepth2) {
     return acc;
   }, []);
 }
-const SparklesIllustration = styledComponents.styled(icons.SparklesIcon)({
+const SparklesIllustration = styled(SparklesIcon)({
   fontSize: "3.125em",
   "& path": {
     strokeWidth: "0.6px !important"
@@ -1415,12 +1352,12 @@ const SparklesIllustration = styledComponents.styled(icons.SparklesIcon)({
 });
 function InspectorOnboarding(props) {
   const { onDismiss } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { width: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(SparklesIllustration, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", size: 1, children: "Create reusable AI instructions that can be applied across all documents of a certain type." }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+  return /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Container, { width: 0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    /* @__PURE__ */ jsx("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(SparklesIllustration, {}) }),
+    /* @__PURE__ */ jsx(Text, { align: "center", size: 1, children: "Create reusable AI instructions that can be applied across all documents of a certain type." }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, justify: "center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
         {
           as: "a",
           href: releaseAnnouncementUrl,
@@ -1434,35 +1371,35 @@ function InspectorOnboarding(props) {
           tone: "primary"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { fontSize: 1, mode: "bleed", onClick: onDismiss, padding: 2, text: "Dismiss" })
+      /* @__PURE__ */ jsx(Button, { fontSize: 1, mode: "bleed", onClick: onDismiss, padding: 2, text: "Dismiss" })
     ] })
   ] }) }) });
 }
 function FieldAutocomplete(props) {
-  const { id, schemaType, fieldPath, onSelect, includeDocument, filter } = props, { getFieldRefs: getFieldRefs2 } = useAiAssistanceConfig(), fieldRefs = react.useMemo(() => {
+  const { id, schemaType, fieldPath, onSelect, includeDocument, filter: filter2 } = props, { getFieldRefs: getFieldRefs2 } = useAiAssistanceConfig(), fieldRefs = useMemo(() => {
     const refs = getFieldRefs2(schemaType.name);
     return includeDocument ? [getDocumentFieldRef(schemaType), ...refs] : refs;
-  }, [schemaType, includeDocument, getFieldRefs2]), currentField = react.useMemo(
+  }, [schemaType, includeDocument, getFieldRefs2]), currentField = useMemo(
     () => fieldRefs.find((f) => f.key === fieldPath),
     [fieldPath, fieldRefs]
-  ), autocompleteOptions = react.useMemo(
-    () => fieldRefs.filter((field) => filter ? filter(field) : !0).filter((f) => !isType(f.schemaType, "reference")).map((field) => ({ value: field.key, field })),
-    [fieldRefs, filter]
-  ), renderOption = react.useCallback((option) => {
+  ), autocompleteOptions = useMemo(
+    () => fieldRefs.filter((field) => filter2 ? filter2(field) : !0).filter((f) => !isType(f.schemaType, "reference")).map((field) => ({ value: field.key, field })),
+    [fieldRefs, filter2]
+  ), renderOption = useCallback((option) => {
     const { value, field } = option;
-    return value ? isType(field.schemaType, "document") ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: "The entire document" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: react.createElement(field.icon) }),
-      /* @__PURE__ */ jsxRuntime.jsx(FieldTitle, { field })
-    ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { accent: !0, size: 1, children: option.value }) });
-  }, []), renderValue = react.useCallback((value, option) => option?.field.title ?? value, []), filterOption = react.useCallback((query, option) => {
+    return value ? isType(field.schemaType, "document") ? /* @__PURE__ */ jsx(Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "The entire document" }) }) : /* @__PURE__ */ jsx(Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
+      /* @__PURE__ */ jsx(Text, { size: 1, children: createElement(field.icon) }),
+      /* @__PURE__ */ jsx(FieldTitle, { field })
+    ] }) }) : /* @__PURE__ */ jsx(Card, { as: "button", padding: 3, radius: 1, children: /* @__PURE__ */ jsx(Text, { accent: !0, size: 1, children: option.value }) });
+  }, []), renderValue = useCallback((value, option) => option?.field.title ?? value, []), filterOption = useCallback((query, option) => {
     const lQuery = query.toLowerCase();
     return option?.value?.toLowerCase().includes(lQuery) || option?.field?.title?.toLowerCase().includes(lQuery);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Autocomplete,
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
     {
       fontSize: 1,
-      icon: currentField ? currentField.icon : icons.SearchIcon,
+      icon: currentField ? currentField.icon : SearchIcon,
       onChange: onSelect,
       openButton: !0,
       id,
@@ -1478,8 +1415,8 @@ function FieldAutocomplete(props) {
 }
 function FieldTitle(props) {
   const splitTitle = props.field.title.split("/");
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Breadcrumbs,
+  return /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsxs(
+    Breadcrumbs,
     {
       style: {
         display: "flex",
@@ -1487,77 +1424,77 @@ function FieldTitle(props) {
         alignItems: "center",
         marginTop: "-4px"
       },
-      separator: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "/" }) }),
+      separator: /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "/" }) }),
       space: 1,
       children: [
         splitTitle.slice(0, splitTitle.length - 1).map((pt, i) => (
           // eslint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: pt.trim() }) }, i)
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: pt.trim() }) }, i)
         )),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: splitTitle[splitTitle.length - 1] }) })
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: splitTitle[splitTitle.length - 1] }) })
       ]
     }
   ) });
 }
 function useInterval(ms) {
-  const [tick, update] = react.useReducer((n) => n + 1, 0);
-  return react.useEffect(() => {
+  const [tick, update] = useReducer((n) => n + 1, 0);
+  return useEffect(() => {
     const i = setInterval(update, ms);
     return () => clearInterval(i);
   }, [ms]), tick;
 }
 function TimeAgo({ date }) {
   useInterval(1e3);
-  const timeSince = dateFns.formatDistanceToNow(date ? new Date(date) : /* @__PURE__ */ new Date());
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { title: timeSince, children: [
+  const timeSince = formatDistanceToNow(date ? new Date(date) : /* @__PURE__ */ new Date());
+  return /* @__PURE__ */ jsxs("span", { title: timeSince, children: [
     timeSince,
     " ago"
   ] });
 }
-const rotate = styledComponents.keyframes`
+const rotate = keyframes`
   0% {
     transform: rotate(0);
   }
   100% {
     transform: rotate(360deg);
   }
-`, SyncSpinningIcon = styledComponents.styled(icons.SyncIcon)`
+`, SyncSpinningIcon = styled(SyncIcon)`
   animation: ${rotate} 1s linear infinite;
 `, TASK_CONFIG = {
   aborted: {
     title: "Canceled",
-    icon: icons.CloseCircleIcon,
+    icon: CloseCircleIcon,
     tone: "transparent"
   },
   error: {
     title: "Error",
-    icon: icons.ErrorOutlineIcon,
+    icon: ErrorOutlineIcon,
     tone: "critical"
   },
   success: {
     title: "Completed",
-    icon: icons.CheckmarkCircleIcon,
+    icon: CheckmarkCircleIcon,
     tone: "positive"
   },
   timeout: {
     title: "Timeout",
-    icon: icons.ClockIcon,
+    icon: ClockIcon,
     tone: "caution"
   }
 };
 function InstructionTaskHistoryButton(props) {
-  const { tasks, instructions, documentId, showTitles } = props, client = sanity.useClient({ apiVersion: "2023-01-01" }), cancelRun = react.useCallback(
+  const { tasks, instructions, documentId, showTitles } = props, client = useClient({ apiVersion: "2023-01-01" }), cancelRun = useCallback(
     (taskKey) => {
       if (!documentId)
         return;
-      const statusDocId = assistTasksStatusId(documentId), basePath2 = `${sanity.typed("tasks")}[_key=="${taskKey}"]`;
+      const statusDocId = assistTasksStatusId(documentId), basePath2 = `${typed("tasks")}[_key=="${taskKey}"]`;
       client.patch(statusDocId).set({
-        [`${basePath2}.${sanity.typed("ended")}`]: (/* @__PURE__ */ new Date()).toISOString(),
-        [`${basePath2}.${sanity.typed("reason")}`]: sanity.typed("aborted")
+        [`${basePath2}.${typed("ended")}`]: (/* @__PURE__ */ new Date()).toISOString(),
+        [`${basePath2}.${typed("reason")}`]: typed("aborted")
       }).commit().catch(console.error);
     },
     [client, documentId]
-  ), titledTasks = react.useMemo(() => {
+  ), titledTasks = useMemo(() => {
     const t = tasks?.filter(
       (task) => task.started && (/* @__PURE__ */ new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs
     ).map((task) => {
@@ -1569,27 +1506,27 @@ function InstructionTaskHistoryButton(props) {
       };
     }) ?? [];
     return t.sort((a, b) => new Date(b.started ?? "").getTime() - new Date(a.started ?? "").getTime()), t;
-  }, [tasks, instructions, cancelRun, showTitles]), isRunning = react.useMemo(() => titledTasks.some((r) => !r.ended), [titledTasks]), hasErrors = react.useMemo(
+  }, [tasks, instructions, cancelRun, showTitles]), isRunning = useMemo(() => titledTasks.some((r) => !r.ended), [titledTasks]), hasErrors = useMemo(
     () => titledTasks.some((r) => r.reason === "error" || r.reason === "timeout"),
     [titledTasks]
-  ), [open, setOpen] = react.useState(!1), toggleOpen = react.useCallback(() => setOpen((v) => !v), []), [button, setButton] = react.useState(null), [popover, setPopover] = react.useState(null), handleClickOutside = react.useCallback(() => {
+  ), [open, setOpen] = useState(!1), toggleOpen = useCallback(() => setOpen((v) => !v), []), [button, setButton] = useState(null), [popover, setPopover] = useState(null), handleClickOutside = useCallback(() => {
     setOpen(!1);
   }, []);
-  ui.useClickOutside(handleClickOutside, [button, popover]);
-  const handleEscape = react.useCallback(() => {
+  useClickOutside(handleClickOutside, [button, popover]);
+  const handleEscape = useCallback(() => {
     setOpen(!1), button?.focus();
   }, [button]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Popover,
+  return /* @__PURE__ */ jsx(
+    Popover,
     {
       constrainSize: !0,
-      content: /* @__PURE__ */ jsxRuntime.jsx(TaskList, { onEscape: handleEscape, tasks: titledTasks }),
+      content: /* @__PURE__ */ jsx(TaskList, { onEscape: handleEscape, tasks: titledTasks }),
       open: open && !!titledTasks?.length,
       placement: "top",
       portal: !0,
       ref: setPopover,
       width: 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsx(
         TaskStatusButton,
         {
           disabled: !titledTasks?.length,
@@ -1605,14 +1542,14 @@ function InstructionTaskHistoryButton(props) {
 }
 const TASK_STATUS_BUTTON_TOOLTIP_PROPS = {
   placement: "top"
-}, TaskStatusButton = react.forwardRef(function(props, ref) {
+}, TaskStatusButton = forwardRef(function(props, ref) {
   const { disabled, hasErrors, isRunning, onClick, selected } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.StatusButton,
+  return /* @__PURE__ */ jsx(
+    StatusButton,
     {
       label: `${pluginTitle} status`,
       "aria-label": `${pluginTitle} status`,
-      icon: isRunning ? SyncSpinningIcon : hasErrors ? icons.ErrorOutlineIcon : icons.CheckmarkCircleIcon,
+      icon: isRunning ? SyncSpinningIcon : hasErrors ? ErrorOutlineIcon : CheckmarkCircleIcon,
       mode: "bleed",
       onClick,
       tone: hasErrors ? "critical" : void 0,
@@ -1624,40 +1561,55 @@ const TASK_STATUS_BUTTON_TOOLTIP_PROPS = {
   );
 });
 function TaskList(props) {
-  const { onEscape, tasks } = props, { isTopLayer } = ui.useLayer();
-  return ui.useGlobalKeyDown(
-    react.useCallback(
+  const { onEscape, tasks } = props, { isTopLayer } = useLayer();
+  return useGlobalKeyDown(
+    useCallback(
       (event) => {
         isTopLayer && event.key === "Escape" && onEscape();
       },
       [isTopLayer, onEscape]
     )
-  ), /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { padding: 1, space: 1, children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx(TaskItem, { task }, task._key)) });
+  ), /* @__PURE__ */ jsx(Stack, { padding: 1, space: 1, children: tasks.map((task) => /* @__PURE__ */ jsx(TaskItem, { task }, task._key)) });
 }
 function TaskItem(props) {
   const { task } = props, taskType = task.reason && TASK_CONFIG[task.reason];
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 2, tone: taskType && taskType?.tone, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "flex-start", flex: 1, gap: 3, padding: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, children: [
-        taskType && react.createElement(taskType.icon),
-        !task.reason && /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {})
+  return /* @__PURE__ */ jsx(Card, { radius: 2, tone: taskType && taskType?.tone, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "flex-start", flex: 1, gap: 3, padding: 3, children: [
+      /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsxs(Text, { size: 1, children: [
+        taskType && createElement(taskType.icon),
+        !task.reason && /* @__PURE__ */ jsx(Spinner, {})
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { flex: 1, space: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, weight: "medium", children: [
+      /* @__PURE__ */ jsxs(Stack, { flex: 1, space: 2, children: [
+        /* @__PURE__ */ jsxs(Text, { size: 1, weight: "medium", children: [
           taskType ? taskType.title : "Running",
-          task.title && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          task.title && /* @__PURE__ */ jsxs(Fragment, { children: [
             ": ",
             task.title
           ] })
         ] }),
-        task.message ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: task.message }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(TimeAgo, { date: task.ended ?? task.started }) })
+        task.message ? /* @__PURE__ */ jsx(Text, { size: 1, children: task.message }) : null,
+        /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsx(TimeAgo, { date: task.ended ?? task.started }) })
       ] })
     ] }),
-    !task.ended && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { fontSize: 1, mode: "bleed", onClick: task.cancel, text: "Cancel" }) })
+    !task.ended && /* @__PURE__ */ jsx(Box, { flex: "none", padding: 1, children: /* @__PURE__ */ jsx(Button, { fontSize: 1, mode: "bleed", onClick: task.cancel, text: "Cancel" }) })
   ] }) });
 }
-const CardWithShadowBelow = styledComponents.styled(ui.Card)`
+const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed";
+function isFeatureOnboardingDismissed(featureKey) {
+  return typeof localStorage > "u" ? !1 : localStorage.getItem(featureKey) === "true";
+}
+function dismissFeatureOnboarding(featureKey) {
+  typeof localStorage > "u" || localStorage.setItem(featureKey, "true");
+}
+function useOnboardingFeature(featureKey) {
+  const [showOnboarding, setShowOnboarding] = useState(
+    () => !isFeatureOnboardingDismissed(featureKey)
+  ), dismissOnboarding = useCallback(() => {
+    setShowOnboarding(!1), dismissFeatureOnboarding(featureKey);
+  }, [setShowOnboarding, featureKey]);
+  return { showOnboarding, dismissOnboarding };
+}
+const CardWithShadowBelow = styled(Card)`
   position: relative;
 
   &:after {
@@ -1671,7 +1623,7 @@ const CardWithShadowBelow = styledComponents.styled(ui.Card)`
     opacity: 0.5;
     z-index: 100;
   }
-`, CardWithShadowAbove = styledComponents.styled(ui.Card)`
+`, CardWithShadowAbove = styled(Card)`
   position: relative;
 
   &:after {
@@ -1689,48 +1641,48 @@ const CardWithShadowBelow = styledComponents.styled(ui.Card)`
 function AssistInspectorWrapper(props) {
   const context = useAiAssistanceConfig();
   if (context.statusLoading)
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", height: "fill", justify: "center", padding: 4, sizing: "border", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, style: { textAlign: "center" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { muted: !0 }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { muted: !0, size: 1, children: [
+    return /* @__PURE__ */ jsx(Flex, { align: "center", height: "fill", justify: "center", padding: 4, sizing: "border", children: /* @__PURE__ */ jsxs(Stack, { space: 3, style: { textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx(Spinner, { muted: !0 }),
+      /* @__PURE__ */ jsxs(Text, { muted: !0, size: 1, children: [
         "Loading ",
         pluginTitle,
         "..."
       ] })
     ] }) });
   const status = context.status;
-  return status?.enabled ? !status?.initialized || !status.validToken ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", height: "fill", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      structure.DocumentInspectorHeader,
+  return status?.enabled ? !status?.initialized || !status.validToken ? /* @__PURE__ */ jsxs(Flex, { direction: "column", height: "fill", children: [
+    /* @__PURE__ */ jsx(
+      DocumentInspectorHeader,
       {
         closeButtonLabel: "Close",
         onClose: props.onClose,
         title: pluginTitle
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { padding: 4, space: 3, children: [
-      context.error ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, weight: "semibold", children: [
+    /* @__PURE__ */ jsxs(Stack, { padding: 4, space: 3, children: [
+      context.error ? /* @__PURE__ */ jsxs(Text, { size: 1, weight: "semibold", children: [
         "Failed to start ",
         pluginTitle
       ] }) : null,
-      !context.error && !status?.initialized ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, weight: "semibold", children: [
+      !context.error && !status?.initialized ? /* @__PURE__ */ jsxs(Text, { size: 1, weight: "semibold", children: [
         pluginTitle,
         " is not enabled"
       ] }) : null,
-      !context.error && status?.initialized && !status.validToken ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: "Invalid token" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "The token used by the AI Assistant is not valid and has to be regenerated." })
+      !context.error && status?.initialized && !status.validToken ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Invalid token" }),
+        /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "The token used by the AI Assistant is not valid and has to be regenerated." })
       ] }) : null,
-      context.error && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Something went wrong. See console for details." }),
-      !context.error && !status?.initialized && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, children: [
+      context.error && /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Something went wrong. See console for details." }),
+      !context.error && !status?.initialized && /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
         "Please enable ",
         pluginTitle,
         "."
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+      /* @__PURE__ */ jsx(
+        Button,
         {
           fontSize: 1,
-          icon: context.initLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : context.error ? icons.RetryIcon : void 0,
+          icon: context.initLoading ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Spinner, {}) }) : context.error ? RetryIcon : void 0,
           text: context.error ? "Retry" : status?.initialized && !status.validToken ? `Restore ${pluginTitle}` : `Enable ${pluginTitle} now`,
           tone: "primary",
           onClick: context.init,
@@ -1738,59 +1690,59 @@ function AssistInspectorWrapper(props) {
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(AssistInspector, { ...props }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", height: "fill", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      structure.DocumentInspectorHeader,
+  ] }) : /* @__PURE__ */ jsx(AssistInspector, { ...props }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", height: "fill", children: [
+    /* @__PURE__ */ jsx(
+      DocumentInspectorHeader,
       {
         closeButtonLabel: "Close",
         onClose: props.onClose,
         title: pluginTitle
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { flex: 1, overflow: "auto", padding: 4, space: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "p", size: 1, weight: "semibold", children: [
+    /* @__PURE__ */ jsxs(Stack, { flex: 1, overflow: "auto", padding: 4, space: 3, children: [
+      /* @__PURE__ */ jsxs(Text, { as: "p", size: 1, weight: "semibold", children: [
         pluginTitle,
         " is not available"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "p", muted: !0, size: 1, children: [
+      /* @__PURE__ */ jsxs(Text, { as: "p", muted: !0, size: 1, children: [
         "Please get in touch with a Sanity account manager or",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: salesUrl, target: "_blank", rel: "noreferrer", children: "contact our sales team" }),
+        /* @__PURE__ */ jsx("a", { href: salesUrl, target: "_blank", rel: "noreferrer", children: "contact our sales team" }),
         " ",
         "to get started with ",
         pluginTitle,
         ".",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: releaseAnnouncementUrl, target: "_blank", rel: "noreferrer", children: "Learn more \u2192" })
+        /* @__PURE__ */ jsx("a", { href: releaseAnnouncementUrl, target: "_blank", rel: "noreferrer", children: "Learn more \u2192" })
       ] })
     ] })
   ] });
 }
 function AssistInspector(props) {
-  const { params } = useAiPaneRouter(), boundary = react.useRef(null), pathKey = params?.[fieldPathParam], instructionKey = params?.[instructionParam], documentPane = structure.useDocumentPane(), {
+  const { params } = useAiPaneRouter(), boundary = useRef(null), pathKey = params?.[fieldPathParam], instructionKey = params?.[instructionParam], documentPane = useDocumentPane(), {
     documentId,
     documentType,
     value: docValue,
     schemaType,
     onChange: documentOnChange,
     formState
-  } = documentPane, { assistableDocumentId, documentIsAssistable } = useAssistDocumentContext(), formStateRef = react.useRef(formState);
+  } = documentPane, { assistableDocumentId, documentIsAssistable } = useAssistDocumentContext(), formStateRef = useRef(formState);
   formStateRef.current = formState;
   const { instructionLoading, requestRunInstruction } = useRequestRunInstruction({
     documentOnChange,
     isDocAssistable: documentIsAssistable
-  }), typePath = useTypePath(docValue, pathKey ?? ""), selectedField = useSelectedField(schemaType, typePath), aiDocId = assistDocumentId(documentType), assistDocument = useStudioAssistDocument({ documentId, schemaType, initDoc: !0 }), instruction2 = assistDocument?.fields?.find((f) => f.path === typePath)?.instructions?.find((i) => i._key === instructionKey), tasks = react.useMemo(
+  }), typePath = useTypePath(docValue, pathKey ?? ""), selectedField = useSelectedField(schemaType, typePath), aiDocId = assistDocumentId(documentType), assistDocument = useStudioAssistDocument({ documentId, schemaType, initDoc: !0 }), instruction2 = 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 = react.useMemo(
+  ), instructions = useMemo(
     () => assistDocument?.fields?.flatMap((f) => f.instructions ?? []),
     [assistDocument?.fields]
-  ), promptValue = instruction2?.prompt, isEmptyPrompt = react.useMemo(() => {
+  ), promptValue = instruction2?.prompt, isEmptyPrompt = useMemo(() => {
     if (!promptValue?.length)
       return !0;
     const children = promptValue[0]?.children;
     return promptValue.length == 1 && children?.length === 1 && !children?.[0]?.text?.length;
-  }, [promptValue]), paneNode = react.useMemo(
+  }, [promptValue]), paneNode = useMemo(
     () => ({
       type: "document",
       id: aiDocId,
@@ -1801,7 +1753,7 @@ function AssistInspector(props) {
       }
     }),
     [aiDocId]
-  ), runCurrentInstruction = react.useCallback(
+  ), runCurrentInstruction = useCallback(
     () => instruction2 && pathKey && typePath && requestRunInstruction({
       documentId: assistableDocumentId,
       path: pathKey,
@@ -1811,9 +1763,9 @@ function AssistInspector(props) {
       conditionalMembers: formStateRef.current ? getConditionalMembers(formStateRef.current) : []
     }),
     [pathKey, instruction2, typePath, documentType, assistableDocumentId, requestRunInstruction]
-  ), Region = react.useCallback((_props) => /* @__PURE__ */ jsxRuntime.jsx("div", { ..._props, style: { height: "100%", flex: 1, overflow: "auto" } }), []), assistTypeContext = react.useMemo(() => ({ typePath, documentType }), [typePath, documentType]);
-  return !documentId || !schemaType || schemaType.jsonType !== "object" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { flex: 1, padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Document not ready yet." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Flex,
+  ), Region = useCallback((_props) => /* @__PURE__ */ jsx("div", { ..._props, style: { height: "100%", flex: 1, overflow: "auto" } }), []), assistTypeContext = useMemo(() => ({ typePath, documentType }), [typePath, documentType]);
+  return !documentId || !schemaType || schemaType.jsonType !== "object" ? /* @__PURE__ */ jsx(Card, { flex: 1, padding: 4, children: /* @__PURE__ */ jsx(Text, { children: "Document not ready yet." }) }) : /* @__PURE__ */ jsxs(
+    Flex,
     {
       ref: boundary,
       direction: "column",
@@ -1822,7 +1774,7 @@ function AssistInspector(props) {
       sizing: "border",
       style: { lineHeight: 0 },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           AiInspectorHeader,
           {
             onClose: props.onClose,
@@ -1830,14 +1782,14 @@ function AssistInspector(props) {
             fieldTitle: getFieldTitle(selectedField)
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: Region, flex: 1, overflow: "auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", style: { minHeight: "100%" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.PresenceOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: selectedField && /* @__PURE__ */ jsxRuntime.jsx(AssistTypeContext.Provider, { value: assistTypeContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-            sanity.VirtualizerScrollInstanceProvider,
+        /* @__PURE__ */ jsx(Card, { as: Region, flex: 1, overflow: "auto", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { minHeight: "100%" }, children: [
+          /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(PresenceOverlay, { children: /* @__PURE__ */ jsx(Box, { padding: 4, children: selectedField && /* @__PURE__ */ jsx(AssistTypeContext.Provider, { value: assistTypeContext, children: /* @__PURE__ */ jsx(
+            VirtualizerScrollInstanceProvider,
             {
               scrollElement: boundary.current,
               containerElement: boundary,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                structure.DocumentPaneProvider,
+              children: /* @__PURE__ */ jsx(
+                DocumentPaneProvider,
                 {
                   paneKey: documentPane.paneKey,
                   index: documentPane.index,
@@ -1848,15 +1800,15 @@ function AssistInspector(props) {
                     selectedPerspectiveName: "published",
                     selectedReleaseId: void 0
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DocumentForm, {})
+                  children: /* @__PURE__ */ jsx(DocumentForm, {})
                 }
               )
             }
           ) }) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { muted: !0, size: 1, children: [
+          /* @__PURE__ */ jsx(Box, { flex: "none", padding: 4, children: /* @__PURE__ */ jsxs(Text, { muted: !0, size: 1, children: [
             "How is Sanity AI Assist working for you?",
             " ",
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxs(
               "a",
               {
                 href: giveFeedbackUrl,
@@ -1865,26 +1817,26 @@ function AssistInspector(props) {
                 style: { whiteSpace: "nowrap" },
                 children: [
                   "Let us know ",
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightIcon, {})
+                  /* @__PURE__ */ jsx(ArrowRightIcon, {})
                 ]
               }
             )
           ] }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(CardWithShadowAbove, { flex: "none", paddingX: 4, paddingY: 3, style: { justifySelf: "flex-end" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, flex: 1, justify: "flex-end", children: [
-          schemaType?.name && pathKey && instructionKey && /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
+        /* @__PURE__ */ jsx(CardWithShadowAbove, { flex: "none", paddingX: 4, paddingY: 3, style: { justifySelf: "flex-end" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, flex: 1, justify: "flex-end", children: [
+          schemaType?.name && pathKey && instructionKey && /* @__PURE__ */ jsx(Stack, { flex: 1, children: /* @__PURE__ */ jsx(
+            Button,
             {
               mode: "ghost",
               disabled: isEmptyPrompt || instructionLoading,
               fontSize: 1,
-              icon: instructionLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { marginTop: 3 } }) : icons.PlayIcon,
+              icon: instructionLoading ? /* @__PURE__ */ jsx(Spinner, { style: { marginTop: 3 } }) : PlayIcon,
               onClick: runCurrentInstruction,
               padding: 3,
               text: "Run instruction"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsx(
             InstructionTaskHistoryButton,
             {
               documentId: assistableDocumentId,
@@ -1900,21 +1852,21 @@ function AssistInspector(props) {
 }
 function AiInspectorHeader(props) {
   const { onClose, field, fieldTitle } = props, { showOnboarding, dismissOnboarding } = useOnboardingFeature(inspectorOnboardingKey);
-  return /* @__PURE__ */ jsxRuntime.jsxs(CardWithShadowBelow, { flex: "none", padding: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { flex: 1, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, padding: 3, gap: 2, align: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, align: "center", wrap: "wrap", style: { marginTop: "-4px" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: "AI instructions for" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 2, border: !0, padding: 1, marginTop: 1, children: field ? /* @__PURE__ */ jsxRuntime.jsx(FieldTitle, { field }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: fieldTitle }) })
+  return /* @__PURE__ */ jsxs(CardWithShadowBelow, { flex: "none", padding: 2, children: [
+    /* @__PURE__ */ jsxs(Flex, { flex: 1, align: "center", children: [
+      /* @__PURE__ */ jsx(Flex, { flex: 1, padding: 3, gap: 2, align: "center", children: /* @__PURE__ */ jsxs(Flex, { gap: 1, align: "center", wrap: "wrap", style: { marginTop: "-4px" }, children: [
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "AI instructions for" }) }),
+        /* @__PURE__ */ jsx(Card, { radius: 2, border: !0, padding: 1, marginTop: 1, children: field ? /* @__PURE__ */ jsx(FieldTitle, { field }) : /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: fieldTitle }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { fontSize: 1, icon: icons.CloseIcon, mode: "bleed", onClick: onClose }) })
+      /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Button, { fontSize: 1, icon: CloseIcon, mode: "bleed", onClick: onClose }) })
     ] }),
-    showOnboarding && /* @__PURE__ */ jsxRuntime.jsx(InspectorOnboarding, { onDismiss: dismissOnboarding })
+    showOnboarding && /* @__PURE__ */ jsx(InspectorOnboarding, { onDismiss: dismissOnboarding })
   ] });
 }
 const aiInspectorId = "ai-assistance", assistInspector = {
   name: aiInspectorId,
   useMenuItem: () => ({
-    icon: icons.SparklesIcon,
+    icon: SparklesIcon,
     title: pluginTitle,
     hidden: !0,
     showAsAction: !1
@@ -1922,7 +1874,7 @@ const aiInspectorId = "ai-assistance", assistInspector = {
   component: AssistInspectorWrapper,
   onClose({ params }) {
     return {
-      params: sanity.typed({
+      params: typed({
         ...params,
         [fieldPathParam]: void 0,
         [instructionParam]: void 0
@@ -2014,9 +1966,9 @@ function drawConnectorPath(options2, line) {
   ), join(cmds);
 }
 function ConnectorPath(props) {
-  const { from, options: options2, to } = props, { strokeWidth } = options2.path, theme = ui.useTheme(), line = react.useMemo(() => mapConnectorToLine(options2, { from, to }), [from, options2, to]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  const { from, options: options2, to } = props, { strokeWidth } = options2.path, theme = useTheme(), line = useMemo(() => mapConnectorToLine(options2, { from, to }), [from, options2, to]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "path",
       {
         d: drawConnectorPath(options2, line),
@@ -2024,15 +1976,15 @@ function ConnectorPath(props) {
         strokeWidth: strokeWidth + 4
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsx(
       "path",
       {
         d: drawConnectorPath(options2, line),
-        stroke: ui.rgba(theme.sanity.color.base.border, 0.5),
+        stroke: rgba(theme.sanity.color.base.border, 0.5),
         strokeWidth
       }
     ),
-    line.from.isAbove && /* @__PURE__ */ jsxRuntime.jsx(
+    line.from.isAbove && /* @__PURE__ */ jsx(
       "path",
       {
         d: arrowPath(
@@ -2045,7 +1997,7 @@ function ConnectorPath(props) {
         strokeWidth
       }
     ),
-    line.from.isBelow && /* @__PURE__ */ jsxRuntime.jsx(
+    line.from.isBelow && /* @__PURE__ */ jsx(
       "path",
       {
         d: arrowPath(
@@ -2077,11 +2029,11 @@ const DEBUG = !1, options = {
   }
 };
 function AssistConnectorsOverlay(props) {
-  const { connectors } = props, [, setRedraw] = react.useState(!1);
-  return react.useEffect(() => {
+  const { connectors } = props, [, setRedraw] = useState(!1);
+  return useEffect(() => {
     setRedraw(!0);
-  }, []), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "svg",
       {
         fill: "none",
@@ -2097,7 +2049,7 @@ function AssistConnectorsOverlay(props) {
           zIndex: 150
           // zIndex,
         },
-        children: connectors.map((connector) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: connectors.map((connector) => /* @__PURE__ */ jsx(
           ConnectorPath,
           {
             from: connector.from,
@@ -2131,7 +2083,7 @@ const getLanguageParams = (select, document2) => {
     return {};
   const selection = select || {}, selectedValue = {};
   for (const [key, path] of Object.entries(selection)) {
-    let value = get__default.default(document2, path);
+    let value = get(document2, path);
     Array.isArray(value) && (value = value.filter(
       (item) => typeof item == "object" ? item?._type !== "reference" || "_ref" in item : !0
     )), selectedValue[key] = value;
@@ -2149,11 +2101,11 @@ function setPreferredToFieldLanguages(fromLanguageId, languageIds) {
 }
 const DEFAULT_MAX_DEPTH = 6, ABSOLUTE_MAX_DEPTH = 50;
 function getDocumentMembersFlat(doc, schemaType, maxDepth2 = DEFAULT_MAX_DEPTH) {
-  return sanity.isDocumentSchemaType(schemaType) ? extractPaths(doc, schemaType, [], Math.min(maxDepth2, ABSOLUTE_MAX_DEPTH)) : (console.error("Schema type is not a document"), []);
+  return isDocumentSchemaType(schemaType) ? extractPaths(doc, schemaType, [], Math.min(maxDepth2, ABSOLUTE_MAX_DEPTH)) : (console.error("Schema type is not a document"), []);
 }
 function extractPaths(doc, schemaType, path, maxDepth2) {
   return path.length >= maxDepth2 ? [] : schemaType.fields.reduce((acc, field) => {
-    const fieldPath = [...path, field.name], fieldSchema = field.type, { value } = mutator.extractWithPath(sanity.pathToString(fieldPath), doc)[0] ?? {};
+    const fieldPath = [...path, field.name], fieldSchema = field.type, { value } = extractWithPath(pathToString(fieldPath), doc)[0] ?? {};
     if (!value)
       return acc;
     const thisFieldWithPath = {
@@ -2167,7 +2119,7 @@ function extractPaths(doc, schemaType, path, maxDepth2) {
       return [...acc, thisFieldWithPath, ...innerFields];
     } else if (fieldSchema.jsonType === "array" && fieldSchema.of.length && fieldSchema.of.some((item) => "fields" in item) && // no reason to drill into arrays if the item fields will be culled by maxDepth, ie we need 1 extra path headroom
     path.length + 1 < maxDepth2) {
-      const { value: arrayValue } = mutator.extractWithPath(sanity.pathToString(fieldPath), doc)[0] ?? {};
+      const { value: arrayValue } = extractWithPath(pathToString(fieldPath), doc)[0] ?? {};
       let arrayPaths = [];
       if (arrayValue?.length)
         for (const item of arrayValue) {
@@ -2203,7 +2155,7 @@ function extractPaths(doc, schemaType, path, maxDepth2) {
 const defaultLanguageOutputs = function(member, enclosingType, translateFromLanguageId, translateToLanguageIds) {
   if (member.schemaType.jsonType === "object" && member.schemaType.name.startsWith("internationalizedArray")) {
     const pathEnd = member.path.slice(-1);
-    return (sanity.isKeySegment(pathEnd[0]) ? pathEnd[0]._key : null) === translateFromLanguageId ? translateToLanguageIds.map((translateToId) => ({
+    return (isKeySegment(pathEnd[0]) ? pathEnd[0]._key : null) === translateFromLanguageId ? translateToLanguageIds.map((translateToId) => ({
       id: translateToId,
       outputPath: [...member.path.slice(0, -1), { _key: translateToId }]
     })) : void 0;
@@ -2217,7 +2169,7 @@ const defaultLanguageOutputs = function(member, enclosingType, translateFromLang
 function getFieldLanguageMap(documentSchema, documentMembers, translateFromLanguageId, outputLanguageIds, langFn) {
   const translationMaps = [];
   for (const member of documentMembers) {
-    const parentPath = member.path.slice(0, -1), enclosingType = documentMembers.find((m) => sanity.pathToString(m.path) === sanity.pathToString(parentPath))?.schemaType ?? documentSchema, translations = langFn(
+    const parentPath = member.path.slice(0, -1), enclosingType = documentMembers.find((m) => pathToString(m.path) === pathToString(parentPath))?.schemaType ?? documentSchema, translations = langFn(
       member,
       enclosingType,
       translateFromLanguageId,
@@ -2231,25 +2183,25 @@ function getFieldLanguageMap(documentSchema, documentMembers, translateFromLangu
   }
   return translationMaps;
 }
-const FieldTranslationContext = react.createContext({
+const FieldTranslationContext = createContext({
   openFieldTranslation: () => {
   },
   translationLoading: !1
 });
 function useFieldTranslation() {
-  return react.useContext(FieldTranslationContext);
+  return useContext(FieldTranslationContext);
 }
 function hasValuesToTranslate(fieldLanguageMaps, fromLanguage, basePath2) {
   return fieldLanguageMaps?.some(
-    (map) => map.inputLanguageId === fromLanguage?.id && map.inputPath && sanity.pathToString(map.inputPath).startsWith(sanity.pathToString(basePath2))
+    (map) => map.inputLanguageId === fromLanguage?.id && map.inputPath && pathToString(map.inputPath).startsWith(pathToString(basePath2))
   );
 }
 function FieldTranslationProvider(props) {
-  const { config: assistConfig } = useAiAssistanceConfig(), apiClient = useApiClient(assistConfig.__customApiClient), styleguide = assistConfig.translate?.styleguide, config = assistConfig.translate?.field, { translate: runTranslate } = useTranslate(apiClient), [dialogOpen, setDialogOpen] = react.useState(!1), [fieldTranslationParams, setFieldTranslationParams] = react.useState(), [languages, setLanguages] = react.useState(), [fromLanguage, setFromLanguage] = react.useState(void 0), [toLanguages, setToLanguages] = react.useState(void 0), [fieldLanguageMaps, setFieldLanguageMaps] = react.useState(), close = react.useCallback(() => {
+  const { config: assistConfig } = useAiAssistanceConfig(), apiClient = useApiClient(assistConfig.__customApiClient), styleguide = assistConfig.translate?.styleguide, config = assistConfig.translate?.field, { translate: runTranslate } = useTranslate(apiClient), [dialogOpen, setDialogOpen] = useState(!1), [fieldTranslationParams, setFieldTranslationParams] = useState(), [languages, setLanguages] = useState(), [fromLanguage, setFromLanguage] = useState(void 0), [toLanguages, setToLanguages] = useState(void 0), [fieldLanguageMaps, setFieldLanguageMaps] = useState(), close = useCallback(() => {
     setDialogOpen(!1), setLanguages(void 0), setFieldTranslationParams(void 0);
-  }, []), languageClient = sanity.useClient({
+  }, []), languageClient = useClient({
     apiVersion: config?.apiVersion ?? API_VERSION_WITH_EXTENDED_TYPES
-  }), documentId = fieldTranslationParams?.document?._id, id = react.useId(), selectFromLanguage = react.useCallback(
+  }), documentId = fieldTranslationParams?.document?._id, id = useId(), selectFromLanguage = useCallback(
     (from, languages2, params) => {
       const { document: document2, documentSchema } = params ?? {};
       if (setFromLanguage(from), !document2 || !documentSchema || !params || !languages2) {
@@ -2274,7 +2226,7 @@ function FieldTranslationProvider(props) {
         setFieldLanguageMaps(void 0);
     },
     [config]
-  ), toggleToLanguage = react.useCallback(
+  ), toggleToLanguage = useCallback(
     (toggledLang, toLanguages2, languages2) => {
       if (!languages2 || !fromLanguage)
         return;
@@ -2289,7 +2241,7 @@ function FieldTranslationProvider(props) {
       );
     },
     [fromLanguage]
-  ), openFieldTranslation = react.useCallback(
+  ), openFieldTranslation = useCallback(
     async (params) => {
       setDialogOpen(!0);
       const languageParams = getLanguageParams(config?.selectLanguageParams, params.document), languages2 = await (typeof config?.languages == "function" ? config?.languages(languageClient, languageParams) : Promise.resolve(config?.languages));
@@ -2298,10 +2250,10 @@ function FieldTranslationProvider(props) {
       fromLanguage2 ? selectFromLanguage(fromLanguage2, languages2, params) : console.error("No languages available for selected language params", languageParams);
     },
     [selectFromLanguage, config, languageClient]
-  ), contextValue = react.useMemo(() => ({
+  ), contextValue = useMemo(() => ({
     openFieldTranslation,
     translationLoading: !1
-  }), [openFieldTranslation]), runDisabled = !fromLanguage || !toLanguages?.length || !fieldLanguageMaps?.length || !documentId || !hasValuesToTranslate(fieldLanguageMaps, fromLanguage, fieldTranslationParams.translatePath), onRunTranslation = react.useCallback(() => {
+  }), [openFieldTranslation]), runDisabled = !fromLanguage || !toLanguages?.length || !fieldLanguageMaps?.length || !documentId || !hasValuesToTranslate(fieldLanguageMaps, fromLanguage, fieldTranslationParams.translatePath), onRunTranslation = useCallback(() => {
     const translatePath = fieldTranslationParams?.translatePath;
     fieldLanguageMaps && documentId && translatePath && runTranslate({
       documentId,
@@ -2330,38 +2282,38 @@ function FieldTranslationProvider(props) {
     fieldTranslationParams?.conditionalMembers,
     fieldTranslationParams?.documentSchema,
     languageClient
-  ]), runButton = /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
+  ]), runButton = /* @__PURE__ */ jsx(
+    Button,
     {
       text: "Translate",
       tone: "primary",
-      icon: icons.PlayIcon,
+      icon: PlayIcon,
       style: { width: "100%" },
       disabled: runDisabled,
       onClick: onRunTranslation
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(FieldTranslationContext.Provider, { value: contextValue, children: [
-    dialogOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Dialog,
+  return /* @__PURE__ */ jsxs(FieldTranslationContext.Provider, { value: contextValue, children: [
+    dialogOpen ? /* @__PURE__ */ jsx(
+      Dialog,
       {
         id,
         width: 1,
         open: dialogOpen,
         onClose: close,
         header: "Translate fields",
-        footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "space-between", padding: 2, flex: 1, children: runDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
+        footer: /* @__PURE__ */ jsx(Flex, { justify: "space-between", padding: 2, flex: 1, children: runDisabled ? /* @__PURE__ */ jsx(
+          Tooltip,
           {
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "There is nothing to translate in the selected from-language." }) }),
+            content: /* @__PURE__ */ jsx(Flex, { padding: 2, children: /* @__PURE__ */ jsx(Text, { children: "There is nothing to translate in the selected from-language." }) }),
             placement: "top",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, children: runButton })
+            children: /* @__PURE__ */ jsx(Flex, { flex: 1, children: runButton })
           }
         ) : runButton }),
-        children: languages ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { padding: 4, gap: 5, align: "flex-start", justify: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", children: "From" }) }),
-            languages?.map((radioLanguage) => /* @__PURE__ */ jsxRuntime.jsx(
+        children: languages ? /* @__PURE__ */ jsxs(Flex, { padding: 4, gap: 5, align: "flex-start", justify: "center", children: [
+          /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsx(Box, { marginBottom: 2, children: /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "From" }) }),
+            languages?.map((radioLanguage) => /* @__PURE__ */ jsx(
               FromLanguageRadio,
               {
                 radioLanguage,
@@ -2373,9 +2325,9 @@ function FieldTranslationProvider(props) {
               radioLanguage.id
             ))
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", children: "To" }) }),
-            languages.map((checkboxLanguage) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+            /* @__PURE__ */ jsx(Box, { marginBottom: 2, children: /* @__PURE__ */ jsx(Text, { weight: "semibold", children: "To" }) }),
+            languages.map((checkboxLanguage) => /* @__PURE__ */ jsx(
               ToLanguageCheckbox,
               {
                 checkboxLanguage,
@@ -2387,9 +2339,9 @@ function FieldTranslationProvider(props) {
               checkboxLanguage.id
             ))
           ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { padding: 4, gap: 2, align: "flex-start", justify: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading languages..." })
+        ] }) : /* @__PURE__ */ jsxs(Flex, { padding: 4, gap: 2, align: "flex-start", justify: "center", children: [
+          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          /* @__PURE__ */ jsx(Text, { children: "Loading languages..." })
         ] })
       }
     ) : null,
@@ -2397,20 +2349,20 @@ function FieldTranslationProvider(props) {
   ] });
 }
 function ToLanguageCheckbox(props) {
-  const { checkboxLanguage, fromLanguage, toLanguages, toggleToLanguage, languages } = props, langId = checkboxLanguage.id, onChange = react.useCallback(
+  const { checkboxLanguage, fromLanguage, toLanguages, toggleToLanguage, languages } = props, langId = checkboxLanguage.id, onChange = useCallback(
     () => toggleToLanguage(checkboxLanguage, toLanguages, languages),
     [toggleToLanguage, checkboxLanguage, toLanguages, languages]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Flex,
+  return /* @__PURE__ */ jsxs(
+    Flex,
     {
       gap: 3,
       align: "center",
       as: "label",
       style: langId === fromLanguage?.id ? { opacity: 0.5 } : void 0,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Checkbox,
+        /* @__PURE__ */ jsx(
+          Checkbox,
           {
             name: "toLang",
             value: langId,
@@ -2419,20 +2371,20 @@ function ToLanguageCheckbox(props) {
             disabled: langId === fromLanguage?.id
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: langId === fromLanguage?.id, children: checkboxLanguage.title ?? langId })
+        /* @__PURE__ */ jsx(Text, { muted: langId === fromLanguage?.id, children: checkboxLanguage.title ?? langId })
       ]
     },
     langId
   );
 }
 function FromLanguageRadio(props) {
-  const { languages, radioLanguage, selectFromLanguage, fromLanguage, fieldTranslationParams } = props, langId = radioLanguage.id, onChange = react.useCallback(
+  const { languages, radioLanguage, selectFromLanguage, fromLanguage, fieldTranslationParams } = props, langId = radioLanguage.id, onChange = useCallback(
     () => selectFromLanguage(radioLanguage, languages, fieldTranslationParams),
     [selectFromLanguage, radioLanguage, languages, fieldTranslationParams]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", as: "label", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Radio,
+  return /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", as: "label", children: [
+    /* @__PURE__ */ jsx(
+      Radio,
       {
         name: "fromLang",
         value: langId,
@@ -2440,7 +2392,7 @@ function FromLanguageRadio(props) {
         onChange
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: radioLanguage.title ?? radioLanguage.id })
+    /* @__PURE__ */ jsx(Text, { children: radioLanguage.title ?? radioLanguage.id })
   ] }, langId);
 }
 const hiddenTypes = [
@@ -2540,7 +2492,7 @@ function serializeMember(schema, type, name, options2) {
 }
 function serializeInlineOf(blockSchemaType, schema, options2) {
   const childrenType = blockSchemaType.fields.find((f) => f.name === "children")?.type;
-  if (!(!childrenType || !sanity.isArraySchemaType(childrenType)))
+  if (!(!childrenType || !isArraySchemaType(childrenType)))
     return arrayOf(
       {
         of: childrenType.of.filter((t) => !isType(t, "span"))
@@ -2551,7 +2503,7 @@ function serializeInlineOf(blockSchemaType, schema, options2) {
 }
 function serializeAnnotations(blockSchemaType, schema, options2) {
   const marksType = blockSchemaType.fields.find((f) => f.name === "markDefs")?.type;
-  if (!(!marksType || !sanity.isArraySchemaType(marksType)))
+  if (!(!marksType || !isArraySchemaType(marksType)))
     return arrayOf(marksType, schema, options2);
 }
 function arrayOf(arrayType, schema, options2) {
@@ -2559,7 +2511,7 @@ function arrayOf(arrayType, schema, options2) {
 }
 function refToTypeNames(type) {
   return type.to.map((t) => ({
-    type: sanity.typed(t.name)
+    type: typed(t.name)
   }));
 }
 function removeUndef(obj) {
@@ -2579,13 +2531,13 @@ function createFieldRefCache() {
   return getRefsForType;
 }
 function AiAssistanceConfigProvider(props) {
-  const [status, setStatus] = react.useState(), [error, setError] = react.useState(), apiClient = useApiClient(props.config?.__customApiClient), { getInstructStatus, loading: statusLoading } = useGetInstructStatus(apiClient), { initInstruct, loading: initLoading } = useInitInstruct(apiClient), schema = sanity.useSchema(), serializedTypes = react.useMemo(() => serializeSchema(schema, { leanFormat: !0 }), [schema]), { getFieldRefs: getFieldRefs2, getFieldRefsByTypePath } = useFieldRefGetters(schema);
-  react.useEffect(() => {
+  const [status, setStatus] = useState(), [error, setError] = useState(), apiClient = useApiClient(props.config?.__customApiClient), { getInstructStatus, loading: statusLoading } = useGetInstructStatus(apiClient), { initInstruct, loading: initLoading } = useInitInstruct(apiClient), schema = useSchema(), serializedTypes = useMemo(() => serializeSchema(schema, { leanFormat: !0 }), [schema]), { getFieldRefs: getFieldRefs2, getFieldRefsByTypePath } = useFieldRefGetters(schema);
+  useEffect(() => {
     getInstructStatus().then((s) => setStatus(s)).catch((e) => {
       console.error(e), setError(e);
     });
   }, [getInstructStatus]);
-  const init = react.useCallback(async () => {
+  const init = useCallback(async () => {
     setError(void 0);
     try {
       await initInstruct();
@@ -2594,7 +2546,7 @@ function AiAssistanceConfigProvider(props) {
     } catch (e) {
       console.error("Failed to init ai assistance", e), setError(e);
     }
-  }, [initInstruct, getInstructStatus, setStatus]), { config, children } = props, context = react.useMemo(() => ({
+  }, [initInstruct, getInstructStatus, setStatus]), { config, children } = props, context = useMemo(() => ({
     config,
     status,
     statusLoading,
@@ -2615,10 +2567,10 @@ function AiAssistanceConfigProvider(props) {
     getFieldRefs2,
     getFieldRefsByTypePath
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(AiAssistanceConfigContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx(AiAssistanceConfigContext.Provider, { value: context, children });
 }
 function useFieldRefGetters(schema) {
-  return react.useMemo(() => {
+  return useMemo(() => {
     const getForSchemaType = createFieldRefCache();
     function getRefsForType(documentType) {
       const schemaType = schema.get(documentType);
@@ -2633,23 +2585,23 @@ function useFieldRefGetters(schema) {
   }, [schema]);
 }
 function AssistLayout(props) {
-  const [connectors, setConnectors] = react.useState([]);
-  return /* @__PURE__ */ jsxRuntime.jsx(AiAssistanceConfigProvider, { config: props.config, children: /* @__PURE__ */ jsxRuntime.jsx(RunInstructionProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(FieldTranslationProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(ConnectorsProvider, { onConnectorsChange: setConnectors, children: [
+  const [connectors, setConnectors] = useState([]);
+  return /* @__PURE__ */ jsx(AiAssistanceConfigProvider, { config: props.config, children: /* @__PURE__ */ jsx(RunInstructionProvider, { children: /* @__PURE__ */ jsx(FieldTranslationProvider, { children: /* @__PURE__ */ jsxs(ConnectorsProvider, { onConnectorsChange: setConnectors, children: [
     props.renderDefault(props),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.ThemeProvider, { tone: "default", children: /* @__PURE__ */ jsxRuntime.jsx(AssistConnectorsOverlay, { connectors }) })
+    /* @__PURE__ */ jsx(ThemeProvider, { tone: "default", children: /* @__PURE__ */ jsx(AssistConnectorsOverlay, { connectors }) })
   ] }) }) }) });
 }
-const ImageContext = react.createContext({});
+const ImageContext = createContext({});
 function ImageContextProvider(props) {
-  const { schemaType, path, value, readOnly } = props, assetRef = value?.asset?._ref, { selectedReleaseId } = structure.useDocumentPane(), [assetRefState, setAssetRefState] = react.useState(assetRef), { assistableDocumentId, documentSchemaType } = useAssistDocumentContext(), { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateCaption } = useGenerateCaption(apiClient), { isSyncing } = sanity.useSyncState(
-    sanity.getPublishedId(assistableDocumentId),
+  const { schemaType, path, value, readOnly } = props, assetRef = value?.asset?._ref, { selectedReleaseId } = useDocumentPane(), [assetRefState, setAssetRefState] = useState(assetRef), { assistableDocumentId, documentSchemaType } = useAssistDocumentContext(), { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateCaption } = useGenerateCaption(apiClient), { isSyncing } = useSyncState(
+    getPublishedId(assistableDocumentId),
     documentSchemaType.name,
     selectedReleaseId
-  ), isShowingOlderRevision = !!structure.usePaneRouter().params?.rev;
-  react.useEffect(() => {
+  ), isShowingOlderRevision = !!usePaneRouter().params?.rev;
+  useEffect(() => {
     const descriptionField = getDescriptionFieldOption(schemaType);
     assetRef && assistableDocumentId && descriptionField?.updateOnImageChange && assetRef !== assetRefState && !isSyncing && !isShowingOlderRevision && !readOnly && (setAssetRefState(assetRef), canUseAssist(status) && generateCaption({
-      path: sanity.pathToString([...path, descriptionField.path]),
+      path: pathToString([...path, descriptionField.path]),
       documentId: assistableDocumentId
     }));
   }, [
@@ -2664,27 +2616,27 @@ function ImageContextProvider(props) {
     readOnly,
     isShowingOlderRevision
   ]);
-  const context = react.useMemo(() => {
+  const context = useMemo(() => {
     const descriptionField = getDescriptionFieldOption(schemaType), imageInstructionField = getImageInstructionFieldOption(schemaType);
     return {
-      imageDescriptionPath: descriptionField?.path ? sanity.pathToString([...path, descriptionField.path]) : void 0,
-      imageInstructionPath: imageInstructionField ? sanity.pathToString([...path, imageInstructionField]) : void 0,
+      imageDescriptionPath: descriptionField?.path ? pathToString([...path, descriptionField.path]) : void 0,
+      imageInstructionPath: imageInstructionField ? pathToString([...path, imageInstructionField]) : void 0,
       assetRef
     };
   }, [schemaType, path, assetRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ImageContext.Provider, { value: context, children: props.renderDefault(props) });
+  return /* @__PURE__ */ jsx(ImageContext.Provider, { value: context, children: props.renderDefault(props) });
 }
 function IconInput(props) {
-  const { value, onChange } = props, id = react.useId(), items = react.useMemo(
-    () => Object.entries(icons.icons).map(([key, icon]) => /* @__PURE__ */ jsxRuntime.jsx(IconItem, { iconKey: key, icon, onChange }, key)),
+  const { value, onChange } = props, id = useId(), items = useMemo(
+    () => Object.entries(icons).map(([key, icon]) => /* @__PURE__ */ jsx(IconItem, { iconKey: key, icon, onChange }, key)),
     [onChange]
-  ), selectedIcon = react.useMemo(() => getIcon(value), [value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.MenuButton,
+  ), selectedIcon = useMemo(() => getIcon(value), [value]);
+  return /* @__PURE__ */ jsx(
+    MenuButton,
     {
-      button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { icon: selectedIcon, title: "Select icon", padding: 3, mode: "ghost", radius: 1 }),
+      button: /* @__PURE__ */ jsx(Button, { icon: selectedIcon, title: "Select icon", padding: 3, mode: "ghost", radius: 1 }),
       id,
-      menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { style: { maxHeight: 300 }, children: items }),
+      menu: /* @__PURE__ */ jsx(Menu, { style: { maxHeight: 300 }, children: items }),
       popover: { portal: !0 }
     }
   );
@@ -2694,19 +2646,19 @@ function IconItem({
   iconKey: key,
   onChange
 }) {
-  const onClick = react.useCallback(() => onChange(sanity.set(key)), [onChange, key]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { icon, title: key, text: key, onClick });
+  const onClick = useCallback(() => onChange(set(key)), [onChange, key]);
+  return /* @__PURE__ */ jsx(MenuItem, { icon, title: key, text: key, onClick });
 }
 function getIcon(iconName) {
-  return Object.entries(icons.icons).find(([key]) => key === iconName)?.[1] ?? icons.icons.sparkles;
+  return Object.entries(icons).find(([key]) => key === iconName)?.[1] ?? icons.sparkles;
 }
 function useAssistSupported(path, schemaType) {
-  return react.useMemo(() => isAssistSupported(schemaType), [schemaType]);
+  return useMemo(() => isAssistSupported(schemaType), [schemaType]);
 }
 const translateActions = {
   name: "sanity-assist-translate",
   useAction(props) {
-    const { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), client = sanity.useClient({ apiVersion: API_VERSION_WITH_EXTENDED_TYPES }), {
+    const { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), client = useClient({ apiVersion: API_VERSION_WITH_EXTENDED_TYPES }), {
       schemaType: fieldSchemaType,
       path,
       documentId,
@@ -2714,21 +2666,21 @@ const translateActions = {
       documentIsAssistable
     } = props, isDocumentLevel = path.length === 0, readOnly = fieldSchemaType.readOnly === !0, docTransTypes = config.translate?.document?.documentTypes, options2 = fieldSchemaType?.options, addFieldAction = isDocumentLevel || options2?.aiAssist?.translateAction, fieldTransEnabled = addFieldAction && documentSchemaType && config.translate?.field?.documentTypes?.includes(documentSchemaType.name), documentTranslationEnabled = addFieldAction && documentSchemaType && (!docTransTypes && isAssistSupported(fieldSchemaType) || docTransTypes?.includes(documentSchemaType.name));
     if (documentSchemaType && (documentTranslationEnabled || fieldTransEnabled)) {
-      const { value: documentValue, onChange: documentOnChange, formState } = structure.useDocumentPane(), docRef = react.useRef(documentValue);
+      const { value: documentValue, onChange: documentOnChange, formState } = useDocumentPane(), docRef = useRef(documentValue);
       docRef.current = documentValue;
-      const formStateRef = react.useRef(formState);
+      const formStateRef = useRef(formState);
       formStateRef.current = formState;
       const translationApi = useTranslate(apiClient), translate = useDraftDelayedTask({
         documentOnChange,
         isDocAssistable: documentIsAssistable ?? !1,
         task: translationApi.translate
-      }), styleguide = config.translate?.styleguide, languagePath = config.translate?.document?.languageField, translateDocumentAction = react.useMemo(() => {
+      }), styleguide = config.translate?.styleguide, languagePath = config.translate?.document?.languageField, translateDocumentAction = useMemo(() => {
         if (!languagePath || !documentTranslationEnabled)
           return;
         const title = path.length ? "Translate" : "Translate document";
         return {
           type: "action",
-          icon: translationApi.loading ? () => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: 17 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { transform: "translateY(6px)" } }) }) : icons.TranslateIcon,
+          icon: translationApi.loading ? () => /* @__PURE__ */ jsx(Box, { style: { height: 17 }, children: /* @__PURE__ */ jsx(Spinner, { style: { transform: "translateY(6px)" } }) }) : TranslateIcon,
           title,
           onAction: () => {
             translationApi.loading || !languagePath || !documentId || translate({
@@ -2761,10 +2713,10 @@ const translateActions = {
         documentOnChange,
         isDocAssistable: documentIsAssistable ?? !1,
         task: fieldTranslate.openFieldTranslation
-      }), maxDepth2 = config.translate?.field?.maxPathDepth, translateFieldsAction = react.useMemo(
+      }), maxDepth2 = config.translate?.field?.maxPathDepth, translateFieldsAction = useMemo(
         () => fieldTransEnabled ? {
           type: "action",
-          icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: 17 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { transform: "translateY(6px)" } }) }) : icons.TranslateIcon,
+          icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */ jsx(Box, { style: { height: 17 }, children: /* @__PURE__ */ jsx(Spinner, { style: { transform: "translateY(6px)" } }) }) : TranslateIcon,
           title: "Translate fields...",
           onAction: () => {
             fieldTranslate.translationLoading || !documentId || (formStateRef.current && getConditionalMembers(formStateRef.current), openFieldTranslation({
@@ -2791,7 +2743,7 @@ const translateActions = {
           maxDepth2
         ]
       );
-      return react.useMemo(() => {
+      return useMemo(() => {
         if (status?.initialized)
           return {
             type: "group",
@@ -2808,12 +2760,12 @@ const translateActions = {
 }, generateCaptionsActions = {
   name: "sanity-assist-generate-captions",
   useAction(props) {
-    const pathKey = usePathKey(props.path), { openInspector } = structure.useDocumentPane(), { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateCaption, loading } = useGenerateCaption(apiClient), imageContext = react.useContext(ImageContext);
+    const pathKey = usePathKey(props.path), { openInspector } = useDocumentPane(), { config, status } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateCaption, loading } = useGenerateCaption(apiClient), imageContext = useContext(ImageContext);
     if (imageContext && pathKey === imageContext?.imageDescriptionPath) {
       const { assistableDocumentId } = useAssistDocumentContext();
-      return react.useMemo(() => ({
+      return useMemo(() => ({
         type: "action",
-        icon: loading ? () => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: 17 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { transform: "translateY(6px)" } }) }) : icons.ImageIcon,
+        icon: loading ? () => /* @__PURE__ */ jsx(Box, { style: { height: 17 }, children: /* @__PURE__ */ jsx(Spinner, { style: { transform: "translateY(6px)" } }) }) : ImageIcon,
         title: "Generate image description",
         onAction: () => {
           if (!loading) {
@@ -2844,12 +2796,12 @@ const translateActions = {
 }, generateImagActions = {
   name: "sanity-assist-generate-image",
   useAction(props) {
-    const pathKey = usePathKey(props.path), { config } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateImage, loading } = useGenerateImage(apiClient), imageContext = react.useContext(ImageContext);
+    const pathKey = usePathKey(props.path), { config } = useAiAssistanceConfig(), apiClient = useApiClient(config?.__customApiClient), { generateImage, loading } = useGenerateImage(apiClient), imageContext = useContext(ImageContext);
     if (imageContext && pathKey === imageContext?.imageInstructionPath) {
       const { assistableDocumentId } = useAssistDocumentContext();
-      return react.useMemo(() => ({
+      return useMemo(() => ({
         type: "action",
-        icon: loading ? () => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: 17 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { transform: "translateY(6px)" } }) }) : icons.ImageIcon,
+        icon: loading ? () => /* @__PURE__ */ jsx(Box, { style: { height: 17 }, children: /* @__PURE__ */ jsx(Spinner, { style: { transform: "translateY(6px)" } }) }) : ImageIcon,
         title: "Generate image from prompt",
         onAction: () => {
           loading || generateImage({ path: pathKey, documentId: assistableDocumentId });
@@ -2861,15 +2813,15 @@ const translateActions = {
   }
 };
 function PrivateIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Tooltip,
+  return /* @__PURE__ */ jsx(
+    Tooltip,
     {
-      content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { whiteSpace: "nowrap" }, children: "Only visible to you" }),
+      content: /* @__PURE__ */ jsx(Text, { size: 1, style: { whiteSpace: "nowrap" }, children: "Only visible to you" }),
       fallbackPlacements: ["bottom"],
       padding: 2,
       placement: "top",
       portal: !0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(icons.LockIcon, {})
+      children: /* @__PURE__ */ jsx(LockIcon, {})
     }
   );
 }
@@ -2918,12 +2870,12 @@ function defineAssistFieldActionGroup(group) {
 function useCustomFieldActions(props) {
   const {
     config: { fieldActions }
-  } = useAiAssistanceConfig(), { addSyntheticTask, removeSyntheticTask } = useAssistDocumentContext(), schemaId = sanity.useWorkspaceSchemaId(), { push: pushToast } = ui.useToast(), configActions = fieldActions?.useFieldActions?.({
+  } = useAiAssistanceConfig(), { addSyntheticTask, removeSyntheticTask } = useAssistDocumentContext(), schemaId = useWorkspaceSchemaId(), { push: pushToast } = useToast(), configActions = fieldActions?.useFieldActions?.({
     ...props,
     schemaId,
     path: props.path
   });
-  return react.useMemo(() => {
+  return useMemo(() => {
     const title = fieldActions?.title, customActions = configActions?.filter(isDefined).map((node) => createSafeNode({
       node,
       pushToast,
@@ -3012,30 +2964,30 @@ const assistFieldActions = {
       selectedPath,
       assistableDocumentId,
       fieldRefsByTypePath
-    } = useAssistDocumentContext(), { value: docValue, formState } = structure.useDocumentPane(), docValueRef = react.useRef(docValue), formStateRef = react.useRef(formState);
+    } = useAssistDocumentContext(), { value: docValue, formState } = useDocumentPane(), docValueRef = useRef(docValue), formStateRef = useRef(formState);
     formStateRef.current = formState;
-    const currentUser = sanity.useCurrentUser(), isHidden = !assistDocument, pathKey = usePathKey(props.path), typePath = useTypePath(docValue, pathKey), assistDocumentId2 = assistDocument?._id, { requestRunInstruction } = useRequestRunInstruction({
+    const currentUser = useCurrentUser(), isHidden = !assistDocument, pathKey = usePathKey(props.path), typePath = useTypePath(docValue, pathKey), assistDocumentId2 = assistDocument?._id, { requestRunInstruction } = useRequestRunInstruction({
       documentOnChange,
       isDocAssistable: documentIsAssistable ?? !1
-    }), isSelectable = !!useSelectedField(documentSchemaType, typePath), assistSupported = useAssistSupported(props.path, schemaType) && isSelectable && isSchemaAssistEnabled(documentSchemaType) && schemaType.readOnly !== !0, fieldAssist = react.useMemo(
+    }), isSelectable = !!useSelectedField(documentSchemaType, typePath), assistSupported = useAssistSupported(props.path, schemaType) && isSelectable && isSchemaAssistEnabled(documentSchemaType) && schemaType.readOnly !== !0, fieldAssist = useMemo(
       () => (assistDocument?.fields ?? []).find(
         (f) => f.path === typePath || pathKey === documentRootKey && f.path === pathKey
       ),
       [assistDocument?.fields, pathKey, typePath]
     ), fieldAssistKey = fieldAssist?._key, isSelected = inspector?.name === aiInspectorId && pathKey === selectedPath, imageCaptionAction = generateCaptionsActions.useAction(props), imageGenAction = generateImagActions.useAction(props), translateAction = translateActions.useAction(
-      sanity.typed({
+      typed({
         ...props,
         documentId: assistableDocumentId,
         documentIsAssistable,
         documentSchemaType
       })
-    ), manageInstructions = react.useCallback(
+    ), manageInstructions = useCallback(
       () => isSelected ? closeInspector(aiInspectorId) : openInspector(aiInspectorId, {
         [fieldPathParam]: pathKey,
         [instructionParam]: void 0
       }),
       [openInspector, closeInspector, isSelected, pathKey]
-    ), onInstructionAction = react.useCallback(
+    ), onInstructionAction = useCallback(
       (instruction2) => {
         !pathKey || !fieldAssistKey || !assistDocumentId2 || !assistableDocumentId || requestRunInstruction({
           documentId: assistableDocumentId,
@@ -3054,16 +3006,16 @@ const assistFieldActions = {
         assistDocumentId2,
         fieldAssistKey
       ]
-    ), privateInstructions = react.useMemo(
+    ), privateInstructions = useMemo(
       () => fieldAssist?.instructions?.filter((i) => i.userId && i.userId === currentUser?.id) || [],
       [fieldAssist?.instructions, currentUser]
-    ), sharedInstructions = react.useMemo(
+    ), sharedInstructions = useMemo(
       () => fieldAssist?.instructions?.filter((i) => !i.userId) || [],
       [fieldAssist?.instructions]
-    ), instructions = react.useMemo(
+    ), instructions = useMemo(
       () => [...privateInstructions, ...sharedInstructions],
       [privateInstructions, sharedInstructions]
-    ), runInstructionsGroup = react.useMemo(() => instructions?.length || imageCaptionAction || translateAction || imageGenAction ? {
+    ), runInstructionsGroup = useMemo(() => instructions?.length || imageCaptionAction || translateAction || imageGenAction ? {
       type: "group",
       icon: () => null,
       title: "Run instructions",
@@ -3091,20 +3043,20 @@ const assistFieldActions = {
       imageCaptionAction,
       translateAction,
       imageGenAction
-    ]), getDocumentValue = react.useCallback(() => docValueRef.current, []), getConditionalPaths = react.useCallback(() => (formStateRef.current ? getConditionalMembers(formStateRef.current) : []).flatMap(
+    ]), getDocumentValue = useCallback(() => docValueRef.current, []), getConditionalPaths = useCallback(() => (formStateRef.current ? getConditionalMembers(formStateRef.current) : []).flatMap(
       (cm) => {
-        const path = sanity.stringToPath(cm.path);
+        const path = stringToPath(cm.path);
         return path.some((s) => typeof s == "number") ? [] : {
           ...cm,
           path
         };
       }
-    ), []), parentSchemaType = react.useMemo(() => {
+    ), []), parentSchemaType = useMemo(() => {
       if (props.path.length) {
         if (props.path.length === 1)
           return documentSchemaType;
       } else return;
-      const parentPath = props.path.slice(0, -1), typePath2 = getTypePath(docValueRef.current, sanity.pathToString(parentPath));
+      const parentPath = props.path.slice(0, -1), typePath2 = getTypePath(docValueRef.current, pathToString(parentPath));
       return typePath2 ? fieldRefsByTypePath[typePath2]?.schemaType : void 0;
     }, [fieldRefsByTypePath, props.path, documentSchemaType]), customActions = useCustomFieldActions({
       actionType: props.path.length ? "field" : "document",
@@ -3115,19 +3067,19 @@ const assistFieldActions = {
       getDocumentValue,
       getConditionalPaths,
       parentSchemaType
-    }), manageInstructionsItem = react.useMemo(
+    }), manageInstructionsItem = useMemo(
       () => ({
         type: "action",
-        icon: icons.ControlsIcon,
+        icon: ControlsIcon,
         title: "Manage instructions",
         onAction: manageInstructions,
         selected: isSelected
       }),
       [manageInstructions, isSelected]
-    ), group = react.useMemo(
+    ), group = useMemo(
       () => ({
         type: "group",
-        icon: icons.SparklesIcon,
+        icon: SparklesIcon,
         title: pluginTitleShort,
         children: [
           runInstructionsGroup,
@@ -3149,11 +3101,11 @@ const assistFieldActions = {
         imageGenAction,
         customActions
       ]
-    ), emptyAction = react.useMemo(
+    ), emptyAction = useMemo(
       () => ({
         type: "action",
         hidden: !assistSupported,
-        icon: icons.SparklesIcon,
+        icon: SparklesIcon,
         onAction: manageInstructions,
         renderAsButton: !0,
         title: pluginTitleShort,
@@ -3178,11 +3130,11 @@ function instructionItem(props) {
 }
 function createAssistDocumentPresence(documentId) {
   return function() {
-    return documentId ? /* @__PURE__ */ jsxRuntime.jsx(AssistDocumentPresence, {}) : null;
+    return documentId ? /* @__PURE__ */ jsx(AssistDocumentPresence, {}) : null;
   };
 }
 function AssistDocumentPresence() {
-  const { assistDocument, syntheticTasks } = useAssistDocumentContext(), anyPresence = react.useMemo(() => {
+  const { assistDocument, syntheticTasks } = useAssistDocumentContext(), anyPresence = useMemo(() => {
     const anyPresence2 = [...assistDocument?.tasks ?? [], ...syntheticTasks ?? []].filter((run) => !run.ended && !run.reason)?.flatMap((run) => run.presence ?? []).find((f) => f.started && (/* @__PURE__ */ new Date()).getTime() - new Date(f.started).getTime() < 3e4);
     if (anyPresence2)
       return aiPresence(anyPresence2, []);
@@ -3195,19 +3147,19 @@ function AssistDocumentPresence() {
       []
     ) : void 0;
   }, [assistDocument?.tasks, syntheticTasks]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, align: "center", children: anyPresence && /* @__PURE__ */ jsxRuntime.jsx(AiFieldPresence, { presence: anyPresence }) }) }) });
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Flex, { flex: 1, justify: "flex-end", children: /* @__PURE__ */ jsx(Flex, { gap: 2, align: "center", children: anyPresence && /* @__PURE__ */ jsx(AiFieldPresence, { presence: anyPresence }) }) }) });
 }
 function BackToInstructionListLink() {
-  const { openInspector } = structure.useDocumentPane(), goBack = react.useCallback(
+  const { openInspector } = useDocumentPane(), goBack = useCallback(
     () => openInspector(aiInspectorId, { [instructionParam]: void 0 }),
     [openInspector]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    Button,
     {
       as: "a",
       fontSize: 1,
-      icon: icons.ArrowLeftIcon,
+      icon: ArrowLeftIcon,
       mode: "bleed",
       padding: 1,
       space: 2,
@@ -3217,38 +3169,38 @@ function BackToInstructionListLink() {
     }
   ) });
 }
-const SelectedFieldContext = react.createContext(void 0), SelectedFieldContextProvider = SelectedFieldContext.Provider, EMPTY_FIELDS = [];
+const SelectedFieldContext = createContext(void 0), SelectedFieldContextProvider = SelectedFieldContext.Provider, EMPTY_FIELDS = [];
 function AssistDocumentForm(props) {
-  return props.readOnly ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, tone: "caution", padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: " You do not have sufficient permissions to manage instructions." }) }) : /* @__PURE__ */ jsxRuntime.jsx(AssistDocumentFormEditable, { ...props });
+  return props.readOnly ? /* @__PURE__ */ jsx(Card, { border: !0, tone: "caution", padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: " You do not have sufficient permissions to manage instructions." }) }) : /* @__PURE__ */ jsx(AssistDocumentFormEditable, { ...props });
 }
 function AssistDocumentFormEditable(props) {
-  const { onChange } = props, value = props.value, id = value?._id, fields = value?.fields, { params, setParams } = useAiPaneRouter(), pathKey = params[fieldPathParam], { typePath, documentType: targetDocumentType } = react.useContext(AssistTypeContext), instruction2 = params[instructionParam], activeKey = react.useMemo(() => {
+  const { onChange } = props, value = props.value, id = value?._id, fields = value?.fields, { params, setParams } = useAiPaneRouter(), pathKey = params[fieldPathParam], { typePath, documentType: targetDocumentType } = useContext(AssistTypeContext), instruction2 = params[instructionParam], activeKey = useMemo(() => {
     if (typePath)
       return (fields ?? EMPTY_FIELDS).find((f) => f.path === typePath)?._key;
-  }, [fields, typePath]), activePath = react.useMemo(() => {
+  }, [fields, typePath]), activePath = useMemo(() => {
     if (!activeKey)
       return;
     const base = ["fields", { _key: activeKey }];
     return instruction2 ? [...base, "instructions", { _key: instruction2 }] : base;
-  }, [activeKey, instruction2]), schema = sanity.useSchema(), documentSchema = react.useMemo(() => {
+  }, [activeKey, instruction2]), schema = useSchema(), documentSchema = useMemo(() => {
     if (targetDocumentType)
       return schema.get(targetDocumentType);
-  }, [schema, targetDocumentType]), fieldSchema = useSelectedSchema(pathKey, documentSchema), context = react.useMemo(
+  }, [schema, targetDocumentType]), fieldSchema = useSelectedSchema(pathKey, documentSchema), context = useMemo(
     () => ({
       documentSchema,
       fieldSchema: fieldSchema ?? documentSchema
     }),
     [fieldSchema, documentSchema]
   ), title = value?.title;
-  react.useEffect(() => {
-    !title && documentSchema && !id?.startsWith("drafts.") && onChange(sanity.set(documentSchema.title ?? documentSchema.name, ["title"]));
+  useEffect(() => {
+    !title && documentSchema && !id?.startsWith("drafts.") && onChange(set(documentSchema.title ?? documentSchema.name, ["title"]));
   }, [title, documentSchema, onChange, id]);
-  const { onPathOpen, ...formCallbacks } = sanity.useFormCallbacks(), newCallbacks = react.useMemo(
+  const { onPathOpen, ...formCallbacks } = useFormCallbacks(), newCallbacks = useMemo(
     () => ({
       ...formCallbacks,
       onPathOpen: (path) => {
         !instruction2 && path.length === 4 && path[2] === "instructions" ? (setParams(
-          sanity.typed({
+          typed({
             ...params,
             [instructionParam]: path[3]?._key
           })
@@ -3257,18 +3209,18 @@ function AssistDocumentFormEditable(props) {
     }),
     [formCallbacks, onPathOpen, params, setParams, instruction2]
   );
-  react.useEffect(() => {
+  useEffect(() => {
     activePath && !instruction2 && onPathOpen([]);
   }, [activePath, instruction2, onPathOpen]);
-  const fieldError = react.useMemo(() => {
+  const fieldError = useMemo(() => {
     const fieldError2 = props.members.find(
       (m) => m.kind === "error" && m.fieldName === "fields"
     );
     if (fieldError2)
-      return /* @__PURE__ */ jsxRuntime.jsx(sanity.MemberFieldError, { member: fieldError2 });
+      return /* @__PURE__ */ jsx(MemberFieldError, { member: fieldError2 });
   }, [props.members]);
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectedFieldContextProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 5, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(SelectedFieldContextProvider, { value: context, children: /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
+    /* @__PURE__ */ jsx(
       FieldsInitializer,
       {
         pathKey: typePath,
@@ -3279,19 +3231,19 @@ function AssistDocumentFormEditable(props) {
       },
       typePath
     ),
-    instruction2 && /* @__PURE__ */ jsxRuntime.jsx(BackToInstructionListLink, {}),
-    activePath && !fieldError && /* @__PURE__ */ jsxRuntime.jsx(sanity.FormCallbacksProvider, { ...newCallbacks, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { lineHeight: "1.25em" }, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.FormInput, { ...props, absolutePath: activePath }) }) }),
+    instruction2 && /* @__PURE__ */ jsx(BackToInstructionListLink, {}),
+    activePath && !fieldError && /* @__PURE__ */ jsx(FormCallbacksProvider, { ...newCallbacks, children: /* @__PURE__ */ jsx("div", { style: { lineHeight: "1.25em" }, children: /* @__PURE__ */ jsx(FormInput, { ...props, absolutePath: activePath }) }) }),
     fieldError,
     !activePath && props.renderDefault(props)
   ] }) });
 }
 function useSelectedSchema(fieldPath, documentSchema) {
-  return react.useMemo(() => {
+  return useMemo(() => {
     if (!fieldPath)
       return;
     if (fieldPath === documentRootKey)
       return documentSchema;
-    const path = sanity.stringToPath(fieldPath);
+    const path = stringToPath(fieldPath);
     let currentSchema = documentSchema;
     for (let i = 0; i < path.length; i++) {
       const segment = path[i], field = currentSchema?.fields.find((f) => f.name === segment);
@@ -3315,22 +3267,22 @@ function FieldsInitializer({
 }) {
   const {
     config: { __presets: presets }
-  } = useAiAssistanceConfig(), existingField = fields?.find((f) => f._key === pathKey), documentPresets = !!documentSchema?.name && presets?.[documentSchema?.name], missingPresetInstructions = react.useMemo(() => {
+  } = useAiAssistanceConfig(), existingField = fields?.find((f) => f._key === pathKey), documentPresets = !!documentSchema?.name && presets?.[documentSchema?.name], missingPresetInstructions = useMemo(() => {
     if (!documentPresets || !pathKey)
       return;
     const existingInstructions = existingField?.instructions;
     return documentPresets.fields?.find((f) => f.path === pathKey)?.instructions?.filter(
       (i) => !existingInstructions?.some((ei) => ei._key === i._key)
     );
-  }, [documentPresets, pathKey, existingField]), initialized = react.useRef(!1);
-  return react.useEffect(() => {
+  }, [documentPresets, pathKey, existingField]), initialized = useRef(!1);
+  return useEffect(() => {
     if (initialized.current || !pathKey || existingField && !missingPresetInstructions?.length)
       return;
-    let event = sanity.PatchEvent.from([sanity.setIfMissing([], ["fields"])]);
+    let event = PatchEvent.from([setIfMissing([], ["fields"])]);
     existingField || (event = event.append(
-      sanity.insert(
+      insert(
         [
-          sanity.typed({
+          typed({
             _key: pathKey,
             _type: assistFieldTypeName,
             path: pathKey,
@@ -3340,8 +3292,8 @@ function FieldsInitializer({
         "after",
         ["fields", -1]
       )
-    )), existingField?.instructions?.length || (event = event.append([sanity.setIfMissing([], ["fields", { _key: pathKey }, "instructions"])])), missingPresetInstructions?.length && (event = event.append(
-      sanity.insert(
+    )), existingField?.instructions?.length || (event = event.append([setIfMissing([], ["fields", { _key: pathKey }, "instructions"])])), missingPresetInstructions?.length && (event = event.append(
+      insert(
         missingPresetInstructions.map(
           (preset) => ({
             ...preset,
@@ -3356,9 +3308,9 @@ function FieldsInitializer({
   }, [activePath, onChange, pathKey, existingField, missingPresetInstructions]), null;
 }
 function FieldRefPreview(props) {
-  const { actions } = props, documentSchema = react.useContext(SelectedFieldContext)?.documentSchema, path = react.useContext(InlineBlockValueContext)?.path ?? props.path, selectedField = useSelectedField(documentSchema, path);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { flex: 1, gap: 2, align: "center", paddingY: 3, paddingX: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: selectedField?.title ?? "Select field" }) }) }),
+  const { actions } = props, documentSchema = useContext(SelectedFieldContext)?.documentSchema, path = useContext(InlineBlockValueContext)?.path ?? props.path, selectedField = useSelectedField(documentSchema, path);
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(Flex, { flex: 1, gap: 2, align: "center", paddingY: 3, paddingX: 1, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", children: selectedField?.title ?? "Select field" }) }) }),
     actions
   ] });
 }
@@ -3366,13 +3318,13 @@ function HiddenFieldTitle(props) {
   return props.renderDefault({ ...props, title: "", level: props.level - 2, changed: !1 });
 }
 function InstructionVisibility(props) {
-  const { value, onChange } = props, user = sanity.useCurrentUser(), handleChange = react.useCallback(() => {
+  const { value, onChange } = props, user = useCurrentUser(), handleChange = useCallback(() => {
     const newValue = value ? "" : user?.id ?? "";
-    onChange(newValue ? sanity.set(newValue) : sanity.unset());
-  }, [onChange, user, value]), id = react.useId();
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "flex-start", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { margin: "-3px 0" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Switch,
+    onChange(newValue ? set(newValue) : unset());
+  }, [onChange, user, value]), id = useId();
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "flex-start", children: [
+    /* @__PURE__ */ jsx("div", { style: { margin: "-3px 0" }, children: /* @__PURE__ */ jsx(
+      Switch,
       {
         ...props.elementProps,
         id,
@@ -3382,15 +3334,15 @@ function InstructionVisibility(props) {
         disabled: props.elementProps.readOnly
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, children: "Make visible to all Studio members" }) })
+    /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, weight: "medium", children: /* @__PURE__ */ jsx("label", { htmlFor: id, children: "Make visible to all Studio members" }) })
   ] }) });
 }
 function FieldRefPathInput(props) {
-  const documentSchema = react.useContext(SelectedFieldContext)?.documentSchema, { typePath } = react.useContext(AssistTypeContext), ref = react.useRef(null), id = react.useId(), { onChange } = props;
-  react.useEffect(() => {
+  const documentSchema = useContext(SelectedFieldContext)?.documentSchema, { typePath } = useContext(AssistTypeContext), ref = useRef(null), id = useId(), { onChange } = props;
+  useEffect(() => {
     ref.current?.querySelector("input")?.focus();
   }, []);
-  const onSelect = react.useCallback((path) => onChange(sanity.set(path)), [onChange]), filter = react.useCallback(
+  const onSelect = useCallback((path) => onChange(set(path)), [onChange]), filter2 = useCallback(
     (field) => {
       if (!field.key.includes("|") || !typePath)
         return !0;
@@ -3401,14 +3353,14 @@ function FieldRefPathInput(props) {
     },
     [typePath]
   );
-  return documentSchema ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, style: { minWidth: 300 }, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return documentSchema ? /* @__PURE__ */ jsx(Box, { flex: 1, style: { minWidth: 300 }, ref, children: /* @__PURE__ */ jsx(
     FieldAutocomplete,
     {
       id,
       schemaType: documentSchema,
       onSelect,
       fieldPath: props.value,
-      filter
+      filter: filter2
     }
   ) }) : props.renderDefault(props);
 }
@@ -3423,20 +3375,20 @@ function findFieldsetMember(members, fieldsetName) {
   );
 }
 function InstructionInput(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: [4, 4, 4, 5], children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NameField, { ...props }),
-    /* @__PURE__ */ jsxRuntime.jsx(ShareField, { ...props }),
-    /* @__PURE__ */ jsxRuntime.jsx(ObjectMember, { fieldName: "prompt", ...props }),
-    /* @__PURE__ */ jsxRuntime.jsx(ObjectMember, { fieldName: "output", ...props })
+  return /* @__PURE__ */ jsxs(Stack, { space: [4, 4, 4, 5], children: [
+    /* @__PURE__ */ jsx(NameField, { ...props }),
+    /* @__PURE__ */ jsx(ShareField, { ...props }),
+    /* @__PURE__ */ jsx(ObjectMember, { fieldName: "prompt", ...props }),
+    /* @__PURE__ */ jsx(ObjectMember, { fieldName: "output", ...props })
   ] });
 }
 function ObjectMember({ fieldName, ...props }) {
   const member = findFieldMember(props.members, fieldName);
-  return member ? /* @__PURE__ */ jsxRuntime.jsx(sanity.ObjectInputMember, { ...props, member }) : null;
+  return member ? /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member }) : null;
 }
 const NONE = [];
 function NameField(props) {
-  const fieldsetMember = findFieldsetMember(props.members, "appearance"), titleId = react.useId(), members = fieldsetMember?.fieldSet.members ?? NONE, iconMember = findFieldMember(members, "icon"), titleMember = findFieldMember(members, "title"), titlePlaceholder = "Untitled", moddedTitleMember = react.useMemo(() => {
+  const fieldsetMember = findFieldsetMember(props.members, "appearance"), titleId = useId(), members = fieldsetMember?.fieldSet.members ?? NONE, iconMember = findFieldMember(members, "icon"), titleMember = findFieldMember(members, "title"), titlePlaceholder = "Untitled", moddedTitleMember = useMemo(() => {
     if (titleMember)
       return titleMember.kind === "error" ? titleMember : {
         ...titleMember,
@@ -3449,28 +3401,28 @@ function NameField(props) {
         }
       };
   }, [titleMember, titlePlaceholder]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", weight: "semibold", size: 1, htmlFor: titleId, children: "Name" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "How this instruction appears in menus" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
-      iconMember && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", children: /* @__PURE__ */ jsxRuntime.jsx(sanity.ObjectInputMember, { ...props, member: iconMember }) }),
-      moddedTitleMember && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, style: { marginLeft: -1 }, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.ObjectInputMember, { ...props, member: moddedTitleMember }) })
+  return /* @__PURE__ */ jsx(Stack, { space: 5, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsx(Flex, { gap: 1, children: /* @__PURE__ */ jsx(Text, { as: "label", weight: "semibold", size: 1, htmlFor: titleId, children: "Name" }) }),
+    /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "How this instruction appears in menus" }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+      iconMember && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member: iconMember }) }),
+      moddedTitleMember && /* @__PURE__ */ jsx(Box, { flex: 1, style: { marginLeft: -1 }, children: /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member: moddedTitleMember }) })
     ] })
   ] }) });
 }
 function ShareField(props) {
   const members = findFieldsetMember(props.members, "appearance")?.fieldSet.members ?? NONE, visibilityMember = findFieldMember(members, "userId");
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: visibilityMember && /* @__PURE__ */ jsxRuntime.jsx(sanity.ObjectInputMember, { ...props, member: visibilityMember }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: visibilityMember && /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member: visibilityMember }) });
 }
 function InstructionOutputField(props) {
-  const { fieldSchema } = react.useContext(SelectedFieldContext) ?? {};
-  return !fieldSchema || !(sanity.isObjectSchemaType(fieldSchema) || sanity.isArrayOfObjectsSchemaType(fieldSchema)) ? null : /* @__PURE__ */ jsxRuntime.jsx(EnabledOutputField, { ...props, fieldSchema, children: props.children });
+  const { fieldSchema } = useContext(SelectedFieldContext) ?? {};
+  return !fieldSchema || !(isObjectSchemaType(fieldSchema) || isArrayOfObjectsSchemaType(fieldSchema)) ? null : /* @__PURE__ */ jsx(EnabledOutputField, { ...props, fieldSchema, children: props.children });
 }
 function EnabledOutputField({
   fieldSchema,
   ...props
 }) {
-  const [open, setOpen] = react.useState(!!props.value?.length), onExpand = react.useCallback(() => setOpen(!0), []), onCollapse = react.useCallback(() => setOpen(!1), []);
+  const [open, setOpen] = useState(!!props.value?.length), onExpand = useCallback(() => setOpen(!0), []), onCollapse = useCallback(() => setOpen(!1), []);
   return props.renderDefault({
     ...props,
     collapsible: !0,
@@ -3478,46 +3430,46 @@ function EnabledOutputField({
     onCollapse,
     collapsed: !open,
     level: 1,
-    title: sanity.isObjectSchemaType(fieldSchema) ? "Allowed fields" : "Allowed types"
+    title: isObjectSchemaType(fieldSchema) ? "Allowed fields" : "Allowed types"
   });
 }
 function InstructionOutputInput(props) {
-  const { fieldSchema } = react.useContext(SelectedFieldContext) ?? {};
-  return fieldSchema ? sanity.isObjectSchemaType(fieldSchema) ? /* @__PURE__ */ jsxRuntime.jsx(ObjectOutputInput, { ...props, fieldSchema }) : sanity.isArrayOfObjectsSchemaType(fieldSchema) ? /* @__PURE__ */ jsxRuntime.jsx(ArrayOutputInput, { ...props, fieldSchema }) : null : null;
+  const { fieldSchema } = useContext(SelectedFieldContext) ?? {};
+  return fieldSchema ? isObjectSchemaType(fieldSchema) ? /* @__PURE__ */ jsx(ObjectOutputInput, { ...props, fieldSchema }) : isArrayOfObjectsSchemaType(fieldSchema) ? /* @__PURE__ */ jsx(ArrayOutputInput, { ...props, fieldSchema }) : null : null;
 }
 function useEmptySelectAllValue(value, allowedValues, onChange) {
-  react.useEffect(() => {
+  useEffect(() => {
     const validValues = value?.filter(
       (v) => allowedValues.find(
         (f) => f.name === (v._type === outputFieldTypeName ? v.relativePath : v.type)
       )
     ), valueLength = value?.length ?? 0, validLength = validValues?.length ?? 0;
-    (!validLength && valueLength || validLength >= allowedValues.length) && onChange(sanity.PatchEvent.from([sanity.unset()]));
+    (!validLength && valueLength || validLength >= allowedValues.length) && onChange(PatchEvent.from([unset()]));
   }, [allowedValues, value, onChange]);
 }
 function ObjectOutputInput({
   fieldSchema,
   ...props
 }) {
-  const { value, onChange } = props, fields = react.useMemo(
+  const { value, onChange } = props, fields = useMemo(
     () => fieldSchema.fields.filter((field) => isAssistSupported(field.type)),
     [fieldSchema.fields]
   );
   useEmptySelectAllValue(value, fields, onChange);
-  const onSelectChange = react.useCallback(
+  const onSelectChange = useCallback(
     (checked, selectedValue) => {
       if (checked)
         if (value?.length)
-          onChange(sanity.PatchEvent.from(sanity.unset([{ _key: selectedValue }])));
+          onChange(PatchEvent.from(unset([{ _key: selectedValue }])));
         else {
           const items = fields.filter((f) => f.name !== selectedValue).map(
-            (field) => sanity.typed({
+            (field) => typed({
               _key: field.name,
               _type: "sanity.assist.output.field",
               relativePath: field.name
             })
           );
-          onChange(sanity.PatchEvent.from([sanity.setIfMissing([]), sanity.insert(items, "after", [-1])]));
+          onChange(PatchEvent.from([setIfMissing([]), insert(items, "after", [-1])]));
         }
       else {
         const patchValue = {
@@ -3525,12 +3477,12 @@ function ObjectOutputInput({
           _type: "sanity.assist.output.field",
           relativePath: selectedValue
         };
-        onChange(sanity.PatchEvent.from([sanity.setIfMissing([]), sanity.insert([patchValue], "after", [-1])]));
+        onChange(PatchEvent.from([setIfMissing([]), insert([patchValue], "after", [-1])]));
       }
     },
     [onChange, value, fields]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(Stack, { space: 2, children: fields.map((field) => /* @__PURE__ */ jsx(Flex, { align: "center", gap: 2, children: /* @__PURE__ */ jsx(
     Selectable,
     {
       value: field.name,
@@ -3544,25 +3496,25 @@ function ArrayOutputInput({
   fieldSchema,
   ...props
 }) {
-  const { value, onChange } = props, ofItems = react.useMemo(
+  const { value, onChange } = props, ofItems = useMemo(
     () => fieldSchema.of.filter((itemType) => isAssistSupported(itemType)),
     [fieldSchema.of]
   );
   useEmptySelectAllValue(value, ofItems, onChange);
-  const onSelectChange = react.useCallback(
+  const onSelectChange = useCallback(
     (checked, selectedValue) => {
       if (checked)
         if (value?.length)
-          onChange(sanity.PatchEvent.from(sanity.unset([{ _key: selectedValue }])));
+          onChange(PatchEvent.from(unset([{ _key: selectedValue }])));
         else {
           const items = ofItems.filter((f) => f.name !== selectedValue).map(
-            (field) => sanity.typed({
+            (field) => typed({
               _key: field.name,
               _type: "sanity.assist.output.type",
               type: field.name
             })
           );
-          onChange(sanity.PatchEvent.from([sanity.setIfMissing([]), sanity.insert(items, "after", [-1])]));
+          onChange(PatchEvent.from([setIfMissing([]), insert(items, "after", [-1])]));
         }
       else {
         const patchValue = {
@@ -3570,12 +3522,12 @@ function ArrayOutputInput({
           _type: "sanity.assist.output.type",
           type: selectedValue
         };
-        onChange(sanity.PatchEvent.from([sanity.setIfMissing([]), sanity.insert([patchValue], "after", [-1])]));
+        onChange(PatchEvent.from([setIfMissing([]), insert([patchValue], "after", [-1])]));
       }
     },
     [onChange, value, ofItems]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: ofItems.map((itemType) => /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(Stack, { space: 2, children: ofItems.map((itemType) => /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
     Selectable,
     {
       value: itemType.name,
@@ -3591,13 +3543,13 @@ function Selectable({
   value,
   onChange
 }) {
-  const checked = !arrayValue?.length || !!arrayValue?.find((v) => v._key === value), handleChange = react.useCallback(() => onChange(checked, value), [onChange, checked, value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "flex-start", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked, onChange: handleChange }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { marginTop: 1, onClick: handleChange, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { style: { cursor: "default" }, size: 1, children: title }) })
+  const checked = !arrayValue?.length || !!arrayValue?.find((v) => v._key === value), handleChange = useCallback(() => onChange(checked, value), [onChange, checked, value]);
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "flex-start", children: [
+    /* @__PURE__ */ jsx(Checkbox, { checked, onChange: handleChange }),
+    /* @__PURE__ */ jsx(Card, { marginTop: 1, onClick: handleChange, children: /* @__PURE__ */ jsx(Text, { style: { cursor: "default" }, size: 1, children: title }) })
   ] });
 }
-const PteMods = styledComponents.styled(ui.Box)`
+const PteMods = styled(Box)`
   & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {
     display: none;
   }
@@ -3609,12 +3561,12 @@ const PteMods = styledComponents.styled(ui.Box)`
   }
 `;
 function PromptInput(props) {
-  return useOnlyInlineBlocks(props), /* @__PURE__ */ jsxRuntime.jsx(PteMods, { children: props.renderDefault(props) });
+  return useOnlyInlineBlocks(props), /* @__PURE__ */ jsx(PteMods, { children: props.renderDefault(props) });
 }
 function useOnlyInlineBlocks(props) {
-  react.useEffect(() => {
+  useEffect(() => {
     let needsFix = !1;
-    const val = (props.value ?? []).map((block) => block._type === "block" ? block : (needsFix = !0, sanity.typed({
+    const val = (props.value ?? []).map((block) => block._type === "block" ? block : (needsFix = !0, typed({
       _key: randomKey(12),
       _type: "block",
       level: 0,
@@ -3622,7 +3574,7 @@ function useOnlyInlineBlocks(props) {
       style: "normal",
       children: [block]
     })));
-    needsFix && props.onChange(sanity.set(val));
+    needsFix && props.onChange(set(val));
   }, []);
 }
 function InstructionsArrayField(props) {
@@ -3632,10 +3584,10 @@ function InstructionsArrayField(props) {
   });
 }
 function InstructionsArrayInput(props) {
-  const user = sanity.useCurrentUser(), originalValue = props.value, originalMembers = props.members, value = react.useMemo(
+  const user = useCurrentUser(), originalValue = props.value, originalMembers = props.members, value = useMemo(
     () => (originalValue ?? []).filter((v) => !v.userId || v.userId === user?.id),
     [originalValue, user]
-  ), members = react.useMemo(
+  ), members = useMemo(
     () => (originalMembers ?? []).filter((v) => {
       if (v.kind === "error")
         return !0;
@@ -3647,8 +3599,8 @@ function InstructionsArrayInput(props) {
   return props.renderDefault({ ...props, value, members });
 }
 function HideReferenceChangedBannerInput(props) {
-  const ref = react.useRef(null);
-  return react.useEffect(() => {
+  const ref = useRef(null);
+  return useEffect(() => {
     const parent = ref.current?.closest('[data-testid="pane-content"]');
     if (!parent)
       return;
@@ -3656,29 +3608,29 @@ function HideReferenceChangedBannerInput(props) {
     parent.id = parentId, style.innerText = `
       #${parentId} [data-testid="reference-changed-banner"] { display: none; }
     `, parent.prepend(style);
-  }, [ref]), /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, children: props.renderDefault(props) });
+  }, [ref]), /* @__PURE__ */ jsx(Box, { ref, children: props.renderDefault(props) });
 }
-const contextDocumentSchema = sanity.defineType({
+const contextDocumentSchema = defineType({
   type: "document",
   name: contextDocumentTypeName,
   title: "AI context",
   liveEdit: !0,
-  icon: icons.TokenIcon,
+  icon: TokenIcon,
   components: {
     input: HideReferenceChangedBannerInput
   },
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "title",
       title: "Title"
     }),
-    sanity.defineField({
+    defineField({
       name: "context",
       type: "array",
       title: "Context",
       of: [
-        sanity.defineArrayMember({
+        defineArrayMember({
           type: "block",
           styles: [{ title: "Normal", value: "normal" }],
           lists: [],
@@ -3700,17 +3652,17 @@ const contextDocumentSchema = sanity.defineType({
       return {
         title,
         subtitle: `Words: ${words}`,
-        media: icons.DocumentTextIcon
+        media: DocumentTextIcon
       };
     }
   }
-}), fieldReference = sanity.defineType({
+}), fieldReference = defineType({
   type: "object",
   name: fieldReferenceTypeName,
   title: "Field",
-  icon: icons.ThListIcon,
+  icon: ThListIcon,
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "path",
       title: "Field",
@@ -3746,7 +3698,7 @@ const contextDocumentSchema = sanity.defineType({
       return {
         title: path,
         path,
-        icon: icons.CodeIcon
+        icon: CodeIcon
       };
     }
   },
@@ -3758,13 +3710,13 @@ const contextDocumentSchema = sanity.defineType({
       type: "popover"
     }
   }
-}), userInput = sanity.defineType({
+}), userInput = defineType({
   type: "object",
   name: userInputTypeName,
   title: "User input",
-  icon: icons.ComposeIcon,
+  icon: ComposeIcon,
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "message",
       title: "User input title",
@@ -3772,7 +3724,7 @@ const contextDocumentSchema = sanity.defineType({
       description: "The header above the user input text field",
       validation: (rule) => rule.required()
     }),
-    sanity.defineField({
+    defineField({
       type: "text",
       rows: 3,
       name: "description",
@@ -3791,13 +3743,13 @@ const contextDocumentSchema = sanity.defineType({
       width: 1
     }
   }
-}), promptContext = sanity.defineType({
+}), promptContext = defineType({
   type: "object",
   name: instructionContextTypeName,
   title: contextDocumentSchema.title,
   icon: contextDocumentSchema.icon,
   fields: [
-    sanity.defineField({
+    defineField({
       type: "reference",
       name: "reference",
       to: [{ type: contextDocumentSchema.name }],
@@ -3806,14 +3758,14 @@ const contextDocumentSchema = sanity.defineType({
       validation: (rule) => rule.required(),
       components: {
         input: function(props) {
-          return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { maxWidth: 300 }, children: props.renderDefault(props) });
+          return /* @__PURE__ */ jsx(Box, { style: { maxWidth: 300 }, children: props.renderDefault(props) });
         }
       }
     })
   ],
   preview: {
     select: {
-      ref: "reference._ref",
+      ref: "reference._id",
       title: "reference.title",
       context: "reference.context"
     },
@@ -3827,12 +3779,12 @@ const contextDocumentSchema = sanity.defineType({
       width: "auto"
     }
   }
-}), prompt = sanity.defineType({
+}), prompt = defineType({
   type: "array",
   name: promptTypeName,
   title: "Prompt",
   of: [
-    sanity.defineArrayMember({
+    defineArrayMember({
       type: "block",
       styles: [{ title: "Normal", value: "normal" }],
       lists: [],
@@ -3841,13 +3793,13 @@ const contextDocumentSchema = sanity.defineType({
         annotations: []
       },
       of: [
-        sanity.defineArrayMember({
+        defineArrayMember({
           type: fieldReference.name
         }),
-        sanity.defineArrayMember({
+        defineArrayMember({
           type: promptContext.name
         }),
-        sanity.defineArrayMember({
+        defineArrayMember({
           type: userInput.name
         })
       ]
@@ -3862,29 +3814,29 @@ const contextDocumentSchema = sanity.defineType({
       type: userInput.name,
     }),*/
   ]
-}), outputFieldType = sanity.defineType({
+}), outputFieldType = defineType({
   type: "object",
   name: outputFieldTypeName,
   title: "Output field",
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "path",
       title: "Path"
     })
   ]
-}), outputTypeType = sanity.defineType({
+}), outputTypeType = defineType({
   type: "object",
   name: outputTypeTypeName,
   title: "Output type",
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "type",
       title: "Type"
     })
   ]
-}), instruction = sanity.defineType({
+}), instruction = defineType({
   type: "object",
   name: instructionTypeName,
   title: "Instruction",
@@ -3899,45 +3851,45 @@ const contextDocumentSchema = sanity.defineType({
     },
     prepare: ({ icon, title, userId }) => ({
       title,
-      icon: icon ? icons.icons[icon] : icons.SparklesIcon,
+      icon: icon ? icons[icon] : SparklesIcon,
       userId
     })
   },
   components: {
     input: InstructionInput,
-    preview: (props) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", padding: 2, children: [
-      props.icon && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: "none", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: react.createElement(props.icon) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { flex: 1, space: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", weight: "medium", children: getInstructionTitle(props) }) }),
-      props.userId && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Tooltip,
+    preview: (props) => /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", padding: 2, children: [
+      props.icon && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsx(Text, { size: 1, children: createElement(props.icon) }) }),
+      /* @__PURE__ */ jsx(Stack, { flex: 1, space: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", weight: "medium", children: getInstructionTitle(props) }) }),
+      props.userId && /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(
+        Tooltip,
         {
-          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Only visible to you" }),
+          content: /* @__PURE__ */ jsx(Text, { size: 1, children: "Only visible to you" }),
           padding: 2,
           placement: "top",
           portal: !0,
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.LockIcon, {})
+          children: /* @__PURE__ */ jsx(LockIcon, {})
         }
       ) })
     ] })
   },
   fields: [
-    sanity.defineField({
+    defineField({
       type: prompt.name,
       name: "prompt",
       title: "Instruction",
-      description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      description: /* @__PURE__ */ jsxs(Fragment, { children: [
         "Learn from",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: instructionGuideUrl, target: "_blank", rel: "noreferrer", children: [
+        /* @__PURE__ */ jsxs("a", { href: instructionGuideUrl, target: "_blank", rel: "noreferrer", children: [
           "our instruction guide ",
-          /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightIcon, {})
+          /* @__PURE__ */ jsx(ArrowRightIcon, {})
         ] })
       ] }),
       components: {
         input: PromptInput
       }
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "icon",
       title: "Icon",
@@ -3947,7 +3899,7 @@ const contextDocumentSchema = sanity.defineType({
         input: IconInput
       }
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "title",
       title: "Title",
@@ -3956,7 +3908,7 @@ const contextDocumentSchema = sanity.defineType({
         field: HiddenFieldTitle
       }
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "userId",
       title: "Visibility",
@@ -3968,7 +3920,7 @@ const contextDocumentSchema = sanity.defineType({
       initialValue: (params, context) => context.currentUser?.id ?? "",
       readOnly: (context) => !!(context.parent?.createdById && context.parent?.createdById !== context.currentUser?.id)
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "createdById",
       title: "Created by",
@@ -3976,7 +3928,7 @@ const contextDocumentSchema = sanity.defineType({
       fieldset: "appearance",
       initialValue: (params, context) => context.currentUser?.id ?? ""
     }),
-    sanity.defineField({
+    defineField({
       type: "array",
       name: "output",
       title: "Output filter",
@@ -3985,12 +3937,12 @@ const contextDocumentSchema = sanity.defineType({
         field: InstructionOutputField
       },
       of: [
-        sanity.defineArrayMember({ type: outputFieldType.name }),
-        sanity.defineArrayMember({ type: outputTypeType.name })
+        defineArrayMember({ type: outputFieldType.name }),
+        defineArrayMember({ type: outputTypeType.name })
       ]
     })
   ]
-}), fieldInstructions = sanity.defineType({
+}), fieldInstructions = defineType({
   type: "object",
   name: assistFieldTypeName,
   title: "Field prompt",
@@ -3998,14 +3950,14 @@ const contextDocumentSchema = sanity.defineType({
     input: FieldPromptInput,
   },*/
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "path",
       title: "Path",
       readOnly: !0,
       hidden: !0
     }),
-    sanity.defineField({
+    defineField({
       type: "array",
       name: "instructions",
       title: "Instructions",
@@ -4021,7 +3973,7 @@ const contextDocumentSchema = sanity.defineType({
       title: "path"
     }
   }
-}), assistDocumentSchema = sanity.defineType({
+}), assistDocumentSchema = defineType({
   //NOTE: this is a document type. Using object here ensures it does not appear in structure menus
   type: "object",
   liveEdit: !0,
@@ -4032,12 +3984,12 @@ const contextDocumentSchema = sanity.defineType({
     field: (props) => props.renderDefault({ ...props, title: "" })
   },
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "title",
       title: "Title"
     }),
-    sanity.defineField({
+    defineField({
       type: "array",
       name: "fields",
       title: "Fields",
@@ -4049,45 +4001,45 @@ const contextDocumentSchema = sanity.defineType({
       title: "title"
     }
   }
-}), instructionTask = sanity.defineType({
+}), instructionTask = defineType({
   type: "object",
   name: instructionTaskTypeName,
   title: "Instruction task",
   fields: [
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "path",
       title: "Path"
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "instructionKey",
       title: "Instruction key"
     }),
-    sanity.defineField({
+    defineField({
       type: "datetime",
       name: "started",
       title: "Started"
     }),
-    sanity.defineField({
+    defineField({
       type: "datetime",
       name: "updated",
       title: "Updated"
     }),
-    sanity.defineField({
+    defineField({
       type: "string",
       name: "info",
       title: "Info"
     })
   ]
-}), documentInstructionStatus = sanity.defineType({
+}), documentInstructionStatus = defineType({
   //NOTE: this is a document type. Using object here ensures it does not appear in structure menus
   type: "object",
   liveEdit: !0,
   name: assistTasksStatusTypeName,
   title: "Document instruction status",
   fields: [
-    sanity.defineField({
+    defineField({
       type: "array",
       name: "tasks",
       title: "Tasks",
@@ -4133,7 +4085,7 @@ const instructionForm = [
   documentInstructionStatus,
   instructionTask,
   contextDocumentSchema
-], assist = sanity.definePlugin((config) => {
+], assist = definePlugin((config) => {
   const configWithDefaults = config ?? {}, styleguide = configWithDefaults.translate?.styleguide || "", maxPathDepth = configWithDefaults.assist?.maxPathDepth, temperature = configWithDefaults.assist?.temperature;
   if (typeof styleguide == "string" && validateStyleguide(styleguide), maxPathDepth !== void 0 && (maxPathDepth < 1 || maxPathDepth > 12))
     throw new Error(
@@ -4167,7 +4119,7 @@ const instructionForm = [
         if (schemaType === assistDocumentTypeName)
           return [];
         const docSchema = schema.get(schemaType);
-        return docSchema && sanity.isObjectSchemaType(docSchema) && isSchemaAssistEnabled(docSchema) ? [...prev, createAssistDocumentPresence(documentId)] : prev;
+        return docSchema && isObjectSchemaType(docSchema) && isSchemaAssistEnabled(docSchema) ? [...prev, createAssistDocumentPresence(documentId)] : prev;
       },
       components: {
         unstable_layout: AssistDocumentLayout
@@ -4176,7 +4128,7 @@ const instructionForm = [
     studio: {
       components: {
         layout: function(props) {
-          return /* @__PURE__ */ jsxRuntime.jsx(AssistLayout, { ...props, config: configWithDefaults });
+          return /* @__PURE__ */ jsx(AssistLayout, { ...props, config: configWithDefaults });
         }
       }
     },
@@ -4190,24 +4142,24 @@ const instructionForm = [
       }
     },
     plugins: [
-      sanity.definePlugin({
+      definePlugin({
         name: `${packageName}/safe-value-input`,
         form: { components: { input: SafeValueInput } }
       })(),
-      sanity.definePlugin({
+      definePlugin({
         name: `${packageName}/generate-caption`,
         form: {
           components: {
             input: (props) => {
               const { schemaType } = props;
-              return isImage(schemaType) ? /* @__PURE__ */ jsxRuntime.jsx(ImageContextProvider, { ...props }) : props.renderDefault(props);
+              return isImage(schemaType) ? /* @__PURE__ */ jsx(ImageContextProvider, { ...props }) : props.renderDefault(props);
             }
           }
         }
       })()
     ]
   };
-}), fetch = (client, query, params, options2) => rxjs.defer(
+}), fetch = (client, query, params, options2) => defer(
   () => (
     // getVersionedClient(options.apiVersion)
     client.observable.fetch(query, params, {
@@ -4215,7 +4167,7 @@ const instructionForm = [
       filterResponse: !0
     })
   )
-), listen = (client, query, params, options2) => rxjs.defer(
+), listen = (client, query, params, options2) => defer(
   () => (
     // getVersionedClient(options.apiVersion)
     client.listen(query, params, {
@@ -4231,35 +4183,35 @@ function isWelcomeEvent(event) {
 }
 const listenQuery = (client, query, params = {}, options2 = {}) => {
   const fetchQuery = query, listenerQuery = query, fetchOnce$ = fetch(client, fetchQuery, params, options2), events$ = listen(client, listenerQuery, params, options2).pipe(
-    operators.mergeMap((ev, i) => i === 0 && !isWelcomeEvent(ev) ? rxjs.throwError(
+    mergeMap((ev, i) => i === 0 && !isWelcomeEvent(ev) ? throwError(
       new Error(
         ev.type === "reconnect" ? "Could not establish EventSource connection" : `Received unexpected type of first event "${ev.type}"`
       )
-    ) : rxjs.of(ev)),
-    operators.share()
-  ), [welcome$, mutationAndReconnect$] = rxjs.partition(events$, isWelcomeEvent), isRelevantEvent = (event) => !options2.transitions || event.type !== "mutation" ? !0 : options2.transitions.includes(event.transition);
-  return rxjs.merge(
-    welcome$.pipe(operators.take(1)),
+    ) : of(ev)),
+    share()
+  ), [welcome$, mutationAndReconnect$] = partition(events$, isWelcomeEvent), isRelevantEvent = (event) => !options2.transitions || event.type !== "mutation" ? !0 : options2.transitions.includes(event.transition);
+  return merge(
+    welcome$.pipe(take(1)),
     mutationAndReconnect$.pipe(
-      operators.filter(isRelevantEvent),
-      rxjs.switchMap((event) => rxjs.merge(rxjs.of(event), rxjs.of(event).pipe(rxjs.delay(options2.throttleTime || 1e3))))
+      filter(isRelevantEvent),
+      switchMap((event) => merge(of(event), of(event).pipe(delay(options2.throttleTime || 1e3))))
     )
-  ).pipe(rxjsExhaustmapWithTrailing.exhaustMapToWithTrailing(fetchOnce$));
+  ).pipe(exhaustMapToWithTrailing(fetchOnce$));
 }, DEFAULT_PARAMS = {}, DEFAULT_OPTIONS = { apiVersion: "v2022-05-09" };
 function useListeningQuery(query, params = DEFAULT_PARAMS, options2 = DEFAULT_OPTIONS) {
-  const [loading, setLoading] = react.useState(!0), [error, setError] = react.useState(!1), [data, setData] = react.useState(null), subscription = react.useRef(null), client = sanity.useClient({ apiVersion: "v2022-05-09" });
-  return react.useEffect(() => (subscription.current = listenQuery(client, query, params, options2).pipe(
-    operators.distinctUntilChanged(isEqual__default.default),
-    operators.catchError((err) => (console.error(err), setError(err), setLoading(!1), setData(null), err))
+  const [loading, setLoading] = useState(!0), [error, setError] = useState(!1), [data, setData] = useState(null), subscription = useRef(null), client = useClient({ apiVersion: "v2022-05-09" });
+  return useEffect(() => (subscription.current = listenQuery(client, query, params, options2).pipe(
+    distinctUntilChanged(isEqual),
+    catchError((err) => (console.error(err), setError(err), setLoading(!1), setData(null), err))
   ).subscribe((documents) => {
-    setData((current) => isEqual__default.default(current, documents) ? current : documents), setLoading(!1), setError(!1);
+    setData((current) => isEqual(current, documents) ? current : documents), setLoading(!1), setError(!1);
   }), () => subscription.current ? subscription.current.unsubscribe() : void 0), [query, params, options2, client]), { loading, error, data };
 }
 const NO_DATA = [], defaultTitle = "Sync schema";
 function SchemaTypeTool() {
-  const schema = sanity.useSchema(), client = sanity.useClient({ apiVersion: "2023-01-01" }), [saving, setSaving] = react.useState(!1), [syncTitle, setSyncTitle] = react.useState(defaultTitle), { data } = useListeningQuery("*[_type==$type] | order(_type)", {
+  const schema = useSchema(), client = useClient({ apiVersion: "2023-01-01" }), [saving, setSaving] = useState(!1), [syncTitle, setSyncTitle] = useState(defaultTitle), { data } = useListeningQuery("*[_type==$type] | order(_type)", {
     type: assistSerializedTypeName
-  }), types = react.useMemo(() => serializeSchema(schema), [schema]), storeTypes = react.useCallback(() => {
+  }), types = useMemo(() => serializeSchema(schema), [schema]), storeTypes = useCallback(() => {
     setSaving(!0);
     let canSave = !0;
     async function store() {
@@ -4277,43 +4229,45 @@ function SchemaTypeTool() {
       canSave = !1, setSaving(!1), setSyncTitle(defaultTitle);
     };
   }, [types, client, setSaving, setSyncTitle]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, overflow: "auto", style: { height: "calc(100vh - 81px)" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
+  return /* @__PURE__ */ jsx(Card, { padding: 4, overflow: "auto", style: { height: "calc(100vh - 81px)" }, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      Button,
       {
-        icon: saving ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { style: { marginTop: 5 } }) : icons.SyncIcon,
+        icon: saving ? /* @__PURE__ */ jsx(Spinner, { style: { marginTop: 5 } }) : SyncIcon,
         text: syncTitle,
         disabled: saving,
         onClick: storeTypes
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Studio schema" }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { children: types.map((type) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(SchemaEntry, { schemaStub: type }) }, type.name)) })
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+        /* @__PURE__ */ jsx(Label, { children: "Studio schema" }),
+        /* @__PURE__ */ jsx("ul", { children: types.map((type) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SchemaEntry, { schemaStub: type }) }, type.name)) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Stored schema" }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { children: (data ?? NO_DATA).map((type) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(SchemaEntry, { schemaStub: type }) }, type.name)) })
+      /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+        /* @__PURE__ */ jsx(Label, { children: "Stored schema" }),
+        /* @__PURE__ */ jsx("ul", { children: (data ?? NO_DATA).map((type) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SchemaEntry, { schemaStub: type }) }, type.name)) })
       ] })
     ] })
   ] }) });
 }
 function SchemaEntry({ schemaStub }) {
-  const out = react.useMemo(() => JSON.stringify(schemaStub, null, 2), [schemaStub]);
-  return /* @__PURE__ */ jsxRuntime.jsx("pre", { children: out });
+  const out = useMemo(() => JSON.stringify(schemaStub, null, 2), [schemaStub]);
+  return /* @__PURE__ */ jsx("pre", { children: out });
 }
 function useUserInput() {
   const { getUserInput } = useRunInstruction();
   return getUserInput;
 }
-exports.SchemaTypeTool = SchemaTypeTool;
-exports.assist = assist;
-exports.contextDocumentTypeName = contextDocumentTypeName;
-exports.defaultLanguageOutputs = defaultLanguageOutputs;
-exports.defineAssistFieldAction = defineAssistFieldAction;
-exports.defineAssistFieldActionGroup = defineAssistFieldActionGroup;
-exports.defineFieldActionDivider = defineFieldActionDivider;
-exports.isType = isType;
-exports.useUserInput = useUserInput;
+export {
+  SchemaTypeTool,
+  assist,
+  contextDocumentTypeName,
+  defaultLanguageOutputs,
+  defineAssistFieldAction,
+  defineAssistFieldActionGroup,
+  defineFieldActionDivider,
+  isType,
+  useUserInput
+};
 //# sourceMappingURL=index.js.map