@sanity/assist 1.2.16 → 2.0.1

package/dist/index.esm.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useClient, typed, useSchema, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, pathToString, isObjectSchemaType, stringToPath, isKeySegment, useEditState, useCurrentUser, useValidationStatus, StatusButton, FormFieldHeaderText, PatchEvent, unset, set, useFormCallbacks, FormCallbacksProvider, FormInput, setIfMissing, insert, PresenceOverlay, VirtualizerScrollInstanceProvider, useColorSchemeValue, isArraySchemaType, ObjectInputMember, defineType, defineField, defineArrayMember, getPublishedId, useSyncState, definePlugin } from 'sanity';
-import { Card, Stack, Box, Button, Spinner, Flex, Label, focusFirstDescendant, Text, useClickOutside, Popover, useLayer, useGlobalKeyDown, useToast, Dialog, Tooltip, TextArea, Container, Autocomplete, Breadcrumbs, Badge, useTheme, rgba, ThemeProvider, ErrorBoundary, Switch, MenuButton, Menu, MenuItem } from '@sanity/ui';
+import { useClient, isArraySchemaType, typed, useSchema, isKeySegment, isDocumentSchemaType, pathToString, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, isObjectSchemaType, stringToPath as stringToPath$2, useEditState, useCurrentUser, StatusButton, FormFieldHeaderText, PatchEvent, unset, set, useFormCallbacks, FormCallbacksProvider, FormInput, setIfMissing, insert, PresenceOverlay, VirtualizerScrollInstanceProvider, useColorSchemeValue, ObjectInputMember, defineType, defineField, defineArrayMember, isArrayOfObjectsSchemaType, getPublishedId, useSyncState, definePlugin } from 'sanity';
+import { Card, Stack, Box, Button, Spinner, Flex, Label, focusFirstDescendant, Text, useClickOutside, Popover, useLayer, useGlobalKeyDown, useToast, Dialog, Tooltip, TextArea, Container, Autocomplete, Breadcrumbs, Badge, useTheme, rgba, Checkbox, Radio, ThemeProvider, ErrorBoundary, Switch, MenuButton, Menu, MenuItem } from '@sanity/ui';
 import { useState, useRef, useEffect, useMemo, useCallback, createContext, useReducer, forwardRef, createElement, useContext, useId } from 'react';
-import { SyncIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, ErrorOutlineIcon, CheckmarkCircleIcon, CloseCircleIcon, ClockIcon, PlayIcon, SparklesIcon, ArrowLeftIcon, SearchIcon, RetryIcon, ArrowRightIcon, CloseIcon, CheckmarkIcon, icons, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon, LockIcon, ControlsIcon } from '@sanity/icons';
+import { SyncIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, ErrorOutlineIcon, CheckmarkCircleIcon, CloseCircleIcon, ClockIcon, PlayIcon, SparklesIcon, ArrowLeftIcon, SearchIcon, RetryIcon, ArrowRightIcon, CloseIcon, CheckmarkIcon, icons, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon, LockIcon, TranslateIcon, ControlsIcon } from '@sanity/icons';
 import { mergeMap, share, take, filter, distinctUntilChanged, catchError, tap } from 'rxjs/operators';
 import isEqual from 'react-fast-compare';
 import { throwError, of, partition, merge, switchMap, delay, defer } from 'rxjs';
 import { exhaustMapToWithTrailing } from 'rxjs-exhaustmap-with-trailing';
-import { useDocumentPane, usePaneRouter, DocumentInspectorHeader, DocumentPaneProvider } from 'sanity/desk';
 import { extractWithPath } from '@sanity/mutator';
+import { useDocumentPane, usePaneRouter, DocumentInspectorHeader, DocumentPaneProvider } from 'sanity/desk';
 import styled, { keyframes } from 'styled-components';
 import { minutesToMilliseconds, isAfter, addSeconds } from 'date-fns';
 import formatDistanceToNow from 'date-fns/formatDistanceToNow';
@@ -28,6 +28,8 @@ const instructionTaskTypeName = "sanity.assist.instructionTask";
 const fieldPresenceTypeName = "sanity.assist.instructionTask.presence";
 const assistSerializedTypeName = "sanity.assist.serialized.type";
 const assistSerializedFieldTypeName = "sanity.assist.serialized.field";
+const outputFieldTypeName = "sanity.assist.output.field";
+const outputTypeTypeName = "sanity.assist.output.type";
 const fieldPathParam = "pathKey";
 const instructionParam = "instruction";
 const documentRootKey = "<document>";
@@ -124,49 +126,59 @@ function isType(schemaType, typeName) {
 function isImage(schemaType) {
   return isType(schemaType, "image");
 }
-function getCaptionFieldOption(schemaType) {
-  var _a;
+function getDescriptionFieldOption(schemaType) {
+  var _a, _b;
+  if (!schemaType) {
+    return void 0;
+  }
+  const descriptionField = (_b = (_a = schemaType.options) == null ? void 0 : _a.aiAssist) == null ? void 0 : _b.imageDescriptionField;
+  if (descriptionField) {
+    return descriptionField;
+  }
+  return getDescriptionFieldOption(schemaType.type);
+}
+function getImageInstructionFieldOption(schemaType) {
+  var _a, _b;
   if (!schemaType) {
     return void 0;
   }
-  const captionField = (_a = schemaType.options) == null ? void 0 : _a.captionField;
-  if (captionField) {
-    return captionField;
+  const imageInstructionField = (_b = (_a = schemaType.options) == null ? void 0 : _a.aiAssist) == null ? void 0 : _b.imageInstructionField;
+  if (imageInstructionField) {
+    return imageInstructionField;
   }
-  return getCaptionFieldOption(schemaType.type);
+  return getImageInstructionFieldOption(schemaType.type);
 }
 function isSchemaAssistEnabled(type) {
   var _a, _b;
-  return !((_b = (_a = type.options) == null ? void 0 : _a.aiWritingAssistance) == null ? void 0 : _b.exclude);
+  return !((_b = (_a = type.options) == null ? void 0 : _a.aiAssist) == null ? void 0 : _b.exclude);
 }
 function isAssistSupported(type) {
-  let allowReadonlyHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (!isSchemaAssistEnabled(type)) {
     return false;
   }
-  if (isDisabled(type, allowReadonlyHidden)) {
+  if (isDisabled(type)) {
     return false;
   }
   if (type.jsonType === "array") {
-    const unsupportedArray = type.of.every(t => isDisabled(t, allowReadonlyHidden));
+    const unsupportedArray = type.of.every(t => isDisabled(t));
     return !unsupportedArray;
   }
   if (type.jsonType === "object") {
-    const unsupportedObject = type.fields.every(field => isDisabled(field.type, allowReadonlyHidden));
+    const unsupportedObject = type.fields.every(field => isDisabled(field.type));
     return !unsupportedObject;
   }
   return true;
 }
-function isDisabled(type, allowReadonlyHidden) {
-  const readonlyHidden = !!type.readOnly || !!type.hidden;
-  return !isSchemaAssistEnabled(type) || isUnsupportedType(type) || !allowReadonlyHidden && readonlyHidden;
+function isDisabled(type) {
+  return !isSchemaAssistEnabled(type) || isUnsupportedType(type);
 }
 function isUnsupportedType(type) {
-  return type.jsonType === "number" || type.name === "sanity.imageCrop" || type.name === "sanity.imageHotspot" || isType(type, "reference") || isType(type, "crossDatasetReference") || isType(type, "slug") || isType(type, "url") || isType(type, "date") || isType(type, "datetime") || isType(type, "file");
+  var _a, _b;
+  return type.jsonType === "number" || type.name === "sanity.imageCrop" || type.name === "sanity.imageHotspot" || isType(type, "reference") && !((_b = (_a = type == null ? void 0 : type.options) == null ? void 0 : _a.aiAssist) == null ? void 0 : _b.embeddingsIndex) || isType(type, "crossDatasetReference") || isType(type, "slug") || isType(type, "url") || isType(type, "date") || isType(type, "datetime") || isType(type, "file");
 }
 const inlineTypes = ["document", "object", "image", "file"];
 function serializeSchema(schema, options) {
-  const list = schema.getTypeNames().filter(t => !(hiddenTypes.includes(t) || t.startsWith("sanity."))).map(t => schema.get(t)).filter(t => !!t).filter(t => !t.hidden && !t.readOnly).map(t => getSchemaStub(t, schema, options)).filter(t => {
+  const list = schema.getTypeNames().filter(t => !(hiddenTypes.includes(t) || t.startsWith("sanity."))).map(t => schema.get(t)).filter(t => !!t).map(t => getSchemaStub(t, schema, options)).filter(t => {
     if ("to" in t && t.to && !t.to.length) {
       return false;
     }
@@ -204,26 +216,41 @@ function getSchemaStub(schemaType, schema, options) {
   return removeUndef(baseSchema);
 }
 function getBaseFields(schema, type, typeName, options) {
-  var _a, _b, _c;
-  const imagePromptField = (_a = type.options) == null ? void 0 : _a.imagePromptField;
+  var _a, _b, _c, _d, _e, _f;
+  const schemaOptions = removeUndef({
+    imagePromptField: (_b = (_a = type.options) == null ? void 0 : _a.aiAssist) == null ? void 0 : _b.imageInstructionField,
+    embeddingsIndex: (_d = (_c = type.options) == null ? void 0 : _c.aiAssist) == null ? void 0 : _d.embeddingsIndex
+  });
   return removeUndef({
-    options: imagePromptField ? {
-      imagePromptField
-    } : void 0,
-    values: Array.isArray((_b = type == null ? void 0 : type.options) == null ? void 0 : _b.list) ? (_c = type == null ? void 0 : type.options) == null ? void 0 : _c.list.map(v => {
+    options: Object.keys(schemaOptions).length ? schemaOptions : void 0,
+    values: Array.isArray((_e = type == null ? void 0 : type.options) == null ? void 0 : _e.list) ? (_f = type == null ? void 0 : type.options) == null ? void 0 : _f.list.map(v => {
       var _a2;
       return typeof v === "string" ? v : (_a2 = v.value) != null ? _a2 : "".concat(v.title);
     }) : void 0,
     of: "of" in type && typeName === "array" ? arrayOf(type, schema, options) : void 0,
     to: "to" in type && typeName === "reference" ? refToTypeNames(type) : void 0,
-    fields: "fields" in type && inlineTypes.includes(typeName) ? serializeFields(schema, type, options) : void 0
+    fields: "fields" in type && inlineTypes.includes(typeName) ? serializeFields(schema, type, options) : void 0,
+    annotations: typeName === "block" && "fields" in type ? serializeAnnotations(type, schema, options) : void 0,
+    inlineOf: typeName === "block" && "fields" in type ? serializeInlineOf(type, schema, options) : void 0,
+    hidden: typeof type.hidden === "function" ? "function" : type.hidden ? true : void 0,
+    readOnly: typeof type.readOnly === "function" ? "function" : type.readOnly ? true : void 0
   });
 }
 function serializeFields(schema, schemaType, options) {
-  return schemaType.fields.filter(f => {
+  const fields = schemaType.fieldsets ? schemaType.fieldsets.flatMap(fs => fs.single ? fs.field : fs.fields.map(f => ({
+    ...f,
+    type: {
+      ...f.type,
+      // if fieldset is (conditionally) hidden, the field must be considered the same way
+      // ie, if the field does not show up in conditionalMembers, it is hidden
+      // regardless of weather or not it is the field function or the fieldset function that hides it
+      hidden: typeof fs.hidden === "function" ? fs.hidden : fs.hidden ? true : f.type.hidden
+    }
+  }))) : schemaType.fields;
+  return fields.filter(f => {
     var _a, _b;
     return !["sanity.imageHotspot", "sanity.imageCrop"].includes((_b = (_a = f.type) == null ? void 0 : _a.name) != null ? _b : "");
-  }).filter(f => isAssistSupported(f.type)).filter(f => !f.type.hidden && !f.type.readOnly).map(field => serializeMember(schema, field.type, field.name, options));
+  }).filter(f => isAssistSupported(f.type)).map(field => serializeMember(schema, field.type, field.name, options));
 }
 function serializeMember(schema, type, name, options) {
   var _a, _b;
@@ -239,6 +266,25 @@ function serializeMember(schema, type, name, options) {
     ...getBaseFields(schema, type, typeName, options)
   });
 }
+function serializeInlineOf(blockSchemaType, schema, options) {
+  const childrenField = blockSchemaType.fields.find(f => f.name === "children");
+  const childrenType = childrenField == null ? void 0 : childrenField.type;
+  if (!childrenType || !isArraySchemaType(childrenType)) {
+    return void 0;
+  }
+  return arrayOf({
+    ...childrenType,
+    of: childrenType.of.filter(t => !isType(t, "span"))
+  }, schema, options);
+}
+function serializeAnnotations(blockSchemaType, schema, options) {
+  const markDefs = blockSchemaType.fields.find(f => f.name === "markDefs");
+  const marksType = markDefs == null ? void 0 : markDefs.type;
+  if (!marksType || !isArraySchemaType(marksType)) {
+    return void 0;
+  }
+  return arrayOf(marksType, schema, options);
+}
 function arrayOf(arrayType, schema, options) {
   return arrayType.of.filter(type => isAssistSupported(type)).map(t => {
     return serializeMember(schema, t, t.name, options);
@@ -357,7 +403,111 @@ function SchemaEntry(_ref) {
     children: out
   });
 }
+const MAX_DEPTH$1 = 6;
+function getDocumentMembersFlat(doc, schemaType) {
+  if (!isDocumentSchemaType(schemaType)) {
+    console.error("Schema type is not a document");
+    return [];
+  }
+  return extractPaths(doc, schemaType, [], MAX_DEPTH$1);
+}
+function extractPaths(doc, schemaType, path, maxDepth) {
+  if (path.length >= maxDepth) {
+    return [];
+  }
+  return schemaType.fields.reduce((acc, field) => {
+    var _a, _b;
+    const fieldPath = [...path, field.name];
+    const fieldSchema = field.type;
+    const {
+      value
+    } = (_a = extractWithPath(pathToString(fieldPath), doc)[0]) != null ? _a : {};
+    if (!value) {
+      return acc;
+    }
+    const thisFieldWithPath = {
+      path: fieldPath,
+      name: field.name,
+      schemaType: fieldSchema,
+      value
+    };
+    if (fieldSchema.jsonType === "object") {
+      const innerFields = extractPaths(doc, fieldSchema, fieldPath, maxDepth);
+      return [...acc, thisFieldWithPath, ...innerFields];
+    } else if (fieldSchema.jsonType === "array" && fieldSchema.of.length && fieldSchema.of.some(item => "fields" in item)) {
+      const {
+        value: arrayValue
+      } = (_b = extractWithPath(pathToString(fieldPath), doc)[0]) != null ? _b : {};
+      let arrayPaths = [];
+      if (arrayValue == null ? void 0 : arrayValue.length) {
+        for (const item of arrayValue) {
+          const itemPath = [...fieldPath, {
+            _key: item._key
+          }];
+          let itemSchema = fieldSchema.of.find(t => t.name === item._type);
+          if (!item._type) {
+            itemSchema = fieldSchema.of[0];
+            console.warn("Array item is missing _type - using the first defined type in the array.of schema", {
+              itemPath,
+              item,
+              itemSchema
+            });
+          }
+          if (item._key && itemSchema) {
+            const innerFields = extractPaths(doc, itemSchema, itemPath, maxDepth);
+            const arrayMember = {
+              path: itemPath,
+              name: item._key,
+              schemaType: itemSchema,
+              value: item
+            };
+            arrayPaths = [...arrayPaths, arrayMember, ...innerFields];
+          }
+        }
+      }
+      return [...acc, thisFieldWithPath, ...arrayPaths];
+    }
+    return [...acc, thisFieldWithPath];
+  }, []);
+}
+const defaultLanguageOutputs = function (member, enclosingType, translateFromLanguageId, translateToLanguageIds) {
+  if (member.schemaType.jsonType === "object" && member.schemaType.name.startsWith("internationalizedArray")) {
+    const pathEnd = member.path.slice(-1);
+    const language = isKeySegment(pathEnd[0]) ? pathEnd[0]._key : null;
+    return language === translateFromLanguageId ? translateToLanguageIds.map(translateToId => ({
+      id: translateToId,
+      outputPath: [...member.path.slice(0, -1), {
+        _key: translateToId
+      }]
+    })) : void 0;
+  }
+  if (enclosingType.jsonType === "object" && enclosingType.name.startsWith("locale")) {
+    return translateFromLanguageId === member.name ? translateToLanguageIds.map(translateToId => ({
+      id: translateToId,
+      outputPath: [...member.path.slice(0, -1), translateToId]
+    })) : void 0;
+  }
+  return void 0;
+};
+function getFieldLanguageMap(documentSchema, documentMembers, translateFromLanguageId, outputLanguageIds, langFn) {
+  var _a, _b, _c;
+  const translationMaps = [];
+  for (const member of documentMembers) {
+    const parentPath = member.path.slice(0, -1);
+    const enclosingType = (_b = (_a = documentMembers.find(m => pathToString(m.path) === pathToString(parentPath))) == null ? void 0 : _a.schemaType) != null ? _b : documentSchema;
+    const translations = (_c = langFn(member, enclosingType, translateFromLanguageId, outputLanguageIds)) == null ? void 0 : _c.filter(translation => translation.id !== translateFromLanguageId);
+    if (translations) {
+      translationMaps.push({
+        inputLanguageId: translateFromLanguageId,
+        inputPath: member.path,
+        outputs: translations
+      });
+    }
+  }
+  return translationMaps;
+}
 const aiInspectorId = "ai-assistance";
+const assistFormId = "assist";
 const preventDefault = ev => ev.preventDefault();
 function DocumentForm(props) {
   var _a;
@@ -453,7 +603,7 @@ function DocumentForm(props) {
       changed: formState.changed,
       focused: formState.focused,
       groups: formState.groups,
-      id: "root",
+      id: assistFormId,
       members: formState.members,
       onChange,
       onFieldGroupSelect: onSetActiveFieldGroup,
@@ -551,7 +701,7 @@ function getFieldRefs(schemaType, parent) {
     };
     const fields = field.type.jsonType === "object" ? getFieldRefs(field.type, fieldRef, depth + 1) : [];
     const syntheticFields = field.type.jsonType === "array" ? getSyntheticFields(field.type, fieldRef, depth + 1) : [];
-    if (!isAssistSupported(field.type, true)) {
+    if (!isAssistSupported(field.type)) {
       return [...fields, ...syntheticFields];
     }
     return [fieldRef, ...fields, ...syntheticFields];
@@ -578,7 +728,7 @@ function getSyntheticFields(schemaType, parent) {
       synthetic: true
     };
     const fields = itemType.jsonType === "object" ? getFieldRefs(itemType, fieldRef, depth + 1) : [];
-    if (!isAssistSupported(itemType, true)) {
+    if (!isAssistSupported(itemType)) {
       return fields;
     }
     return [fieldRef, ...fields];
@@ -588,7 +738,7 @@ function getTypePath(doc, pathString) {
   if (!pathString) {
     return void 0;
   }
-  const path = stringToPath(pathString);
+  const path = stringToPath$2(pathString);
   const currentPath = [];
   let valid = true;
   const syntheticPath = path.map(segment => {
@@ -667,7 +817,6 @@ function useStudioAssistDocument(_ref2) {
   } = _ref2;
   const documentTypeName = schemaType.name;
   const currentUser = useCurrentUser();
-  const validation = useValidationStatus(publicId(documentId), schemaType.name).validation;
   const assistDocument = useDocumentState(assistDocumentId(documentTypeName), assistDocumentTypeName);
   const assistTasksStatus = useDocumentState(assistTasksStatusId(documentId != null ? documentId : ""), assistTasksStatusTypeName);
   const client = useClient({
@@ -692,7 +841,7 @@ function useStudioAssistDocument(_ref2) {
       return {
         ...assistField,
         tasks: tasks.filter(task => task.path === assistField.path),
-        instructions: (_a2 = assistField.instructions) == null ? void 0 : _a2.filter(p => !p.userId || p.userId === (currentUser == null ? void 0 : currentUser.id)).map(instruction => asStudioInstruction(instruction, tasks, validation))
+        instructions: (_a2 = assistField.instructions) == null ? void 0 : _a2.filter(p => !p.userId || p.userId === (currentUser == null ? void 0 : currentUser.id)).map(instruction => asStudioInstruction(instruction, tasks))
       };
     });
     return typed({
@@ -707,21 +856,12 @@ function useStudioAssistDocument(_ref2) {
       }),
       fields
     });
-  }, [assistDocument, assistTasksStatus, currentUser, validation]);
+  }, [assistDocument, assistTasksStatus, currentUser]);
 }
-function asStudioInstruction(instruction, run, validation) {
-  var _a;
-  const errors = validation.filter(marker => marker.level === "error");
-  const fieldRefs = ((_a = instruction == null ? void 0 : instruction.prompt) != null ? _a : []).flatMap(block => {
-    if (block._type === "block") {
-      return block.children.filter(c => c._type === fieldReferenceTypeName);
-    }
-    return [];
-  });
+function asStudioInstruction(instruction, run) {
   return {
     ...instruction,
-    tasks: run.filter(task => task.instructionKey === instruction._key).filter(task => task.started && ( /* @__PURE__ */new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs),
-    validation: errors.filter(marker => fieldRefs.map(r => r.path).filter(p => !!p).find(path => pathToString(marker.path) === path))
+    tasks: run.filter(task => task.instructionKey === instruction._key).filter(task => task.started && ( /* @__PURE__ */new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs)
   };
 }
 function useInterval(ms) {
@@ -745,12 +885,15 @@ function TimeAgo(_ref3) {
 }
 function usePathKey(path) {
   return useMemo(() => {
-    if (path.length) {
-      return Array.isArray(path) ? pathToString(path) : path;
-    }
-    return documentRootKey;
+    return getPathKey(path);
   }, [path]);
 }
+function getPathKey(path) {
+  if (path.length) {
+    return Array.isArray(path) ? pathToString(path) : path;
+  }
+  return documentRootKey;
+}
 function getInstructionTitle(instruction) {
   var _a;
   return (_a = instruction == null ? void 0 : instruction.title) != null ? _a : "Untitled";
@@ -959,12 +1102,63 @@ function TaskItem(props) {
   });
 }
 const basePath = "/assist/tasks/instruction";
+function canUseAssist(status) {
+  return (status == null ? void 0 : status.enabled) && status.initialized && status.validToken;
+}
 function useApiClient(customApiClient) {
   const client = useClient({
     apiVersion: "2023-06-05"
   });
   return useMemo(() => customApiClient ? customApiClient(client) : client, [client, customApiClient]);
 }
+function useTranslate(apiClient) {
+  const [loading, setLoading] = useState(false);
+  const user = useCurrentUser();
+  const schema = useSchema();
+  const types = useMemo(() => serializeSchema(schema, {
+    leanFormat: true
+  }), [schema]);
+  const toast = useToast();
+  const translate = useCallback(_ref4 => {
+    let {
+      documentId,
+      languagePath,
+      translatePath,
+      fieldLanguageMap,
+      conditionalMembers
+    } = _ref4;
+    setLoading(true);
+    return apiClient.request({
+      method: "POST",
+      url: "/assist/tasks/translate/".concat(apiClient.config().dataset, "?projectId=").concat(apiClient.config().projectId),
+      body: {
+        documentId,
+        types,
+        languagePath,
+        fieldLanguageMap,
+        conditionalMembers,
+        translatePath: translatePath.length === 0 ? documentRootKey : pathToString(translatePath),
+        userId: user == null ? void 0 : user.id
+      }
+    }).catch(e => {
+      toast.push({
+        status: "error",
+        title: "Translate failed",
+        description: e.message
+      });
+      setLoading(false);
+      throw e;
+    }).finally(() => {
+      setTimeout(() => {
+        setLoading(false);
+      }, 2e3);
+    });
+  }, [setLoading, apiClient, toast, user, types]);
+  return useMemo(() => ({
+    translate,
+    loading
+  }), [translate, loading]);
+}
 function useGenerateCaption(apiClient) {
   const [loading, setLoading] = useState(false);
   const user = useCurrentUser();
@@ -973,11 +1167,11 @@ function useGenerateCaption(apiClient) {
     leanFormat: true
   }), [schema]);
   const toast = useToast();
-  const generateCaption = useCallback(_ref4 => {
+  const generateCaption = useCallback(_ref5 => {
     let {
       path,
       documentId
-    } = _ref4;
+    } = _ref5;
     setLoading(true);
     return apiClient.request({
       method: "POST",
@@ -991,7 +1185,7 @@ function useGenerateCaption(apiClient) {
     }).catch(e => {
       toast.push({
         status: "error",
-        title: "Generate caption failed",
+        title: "Generate image description failed",
         description: e.message
       });
       setLoading(false);
@@ -1007,6 +1201,48 @@ function useGenerateCaption(apiClient) {
     loading
   }), [generateCaption, loading]);
 }
+function useGenerateImage(apiClient) {
+  const [loading, setLoading] = useState(false);
+  const user = useCurrentUser();
+  const schema = useSchema();
+  const types = useMemo(() => serializeSchema(schema, {
+    leanFormat: true
+  }), [schema]);
+  const toast = useToast();
+  const generateImage = useCallback(_ref6 => {
+    let {
+      path,
+      documentId
+    } = _ref6;
+    setLoading(true);
+    return apiClient.request({
+      method: "POST",
+      url: "/assist/tasks/generate-image/".concat(apiClient.config().dataset, "?projectId=").concat(apiClient.config().projectId),
+      body: {
+        path,
+        documentId,
+        types,
+        userId: user == null ? void 0 : user.id
+      }
+    }).catch(e => {
+      toast.push({
+        status: "error",
+        title: "Generate image from prompt failed",
+        description: e.message
+      });
+      setLoading(false);
+      throw e;
+    }).finally(() => {
+      setTimeout(() => {
+        setLoading(false);
+      }, 2e3);
+    });
+  }, [setLoading, apiClient, toast, user, types]);
+  return useMemo(() => ({
+    generateImage,
+    loading
+  }), [generateImage, loading]);
+}
 function useGetInstructStatus(apiClient) {
   const [loading, setLoading] = useState(true);
   const getInstructStatus = useCallback(async () => {
@@ -1196,8 +1432,8 @@ function RunInstructionProvider(props) {
       runInstructionRequest({
         ...request,
         instructionKey: instruction._key,
-        userTexts: Object.entries(inputs).map(_ref5 => {
-          let [key, value] = _ref5;
+        userTexts: Object.entries(inputs).map(_ref7 => {
+          let [key, value] = _ref7;
           return {
             blockKey: key,
             userInput: value
@@ -1210,8 +1446,8 @@ function RunInstructionProvider(props) {
   const open = !!runRequest;
   const runDisabled = useMemo(() => {
     var _a2, _b;
-    return ((_b = (_a2 = runRequest == null ? void 0 : runRequest.userInputBlocks) == null ? void 0 : _a2.length) != null ? _b : 0) > Object.entries(inputs).filter(_ref6 => {
-      let [, value] = _ref6;
+    return ((_b = (_a2 = runRequest == null ? void 0 : runRequest.userInputBlocks) == null ? void 0 : _a2.length) != null ? _b : 0) > Object.entries(inputs).filter(_ref8 => {
+      let [, value] = _ref8;
       return !!value;
     }).length;
   }, [runRequest == null ? void 0 : runRequest.userInputBlocks, inputs]);
@@ -1322,29 +1558,37 @@ function getAssistableDocId(documentSchemaType, documentId) {
   return documentSchemaType.liveEdit ? baseId : "drafts.".concat(baseId);
 }
 function useRequestRunInstruction(args) {
-  const {
-    documentOnChange,
-    isDocAssistable: isDocAssistable2
-  } = args;
   const {
     runInstruction,
     instructionLoading
   } = useRunInstruction();
-  const [queuedTask, setQueuedTask] = useState(void 0);
-  useEffect(() => {
-    if (queuedTask && isDocAssistable2) {
-      runInstruction(queuedTask);
-      setQueuedTask(void 0);
-    }
-  }, [queuedTask, isDocAssistable2, runInstruction]);
+  const requestRunInstruction = useDraftDelayedTask({
+    ...args,
+    task: runInstruction
+  });
   return {
     instructionLoading,
-    requestRunInstruction: useCallback(task => {
-      documentOnChange(PatchEvent.from([unset(["_force_document_creation"])]));
-      setQueuedTask(task);
-    }, [setQueuedTask, documentOnChange])
+    requestRunInstruction
   };
 }
+function useDraftDelayedTask(args) {
+  const {
+    documentOnChange,
+    isDocAssistable: isDocAssistable2,
+    task
+  } = args;
+  const [queuedArgs, setQueuedArgs] = useState(void 0);
+  useEffect(() => {
+    if (queuedArgs && isDocAssistable2) {
+      task(queuedArgs);
+      setQueuedArgs(void 0);
+    }
+  }, [queuedArgs, isDocAssistable2, task]);
+  return useCallback(taskArgs => {
+    documentOnChange(PatchEvent.from([unset(["_force_document_creation"])]));
+    setQueuedArgs(taskArgs);
+  }, [setQueuedArgs, documentOnChange]);
+}
 const SparklesIllustration = styled(SparklesIcon)({
   fontSize: "3.125em",
   "& path": {
@@ -1519,7 +1763,6 @@ function AssistDocumentFormEditable(props) {
       onChange(set((_a = documentSchema.title) != null ? _a : documentSchema.name, ["title"]));
     }
   }, [title, documentSchema, onChange, id]);
-  const fieldExists = !!(fields == null ? void 0 : fields.some(f => f._key === typePath));
   const {
     onPathOpen,
     ...formCallbacks
@@ -1551,7 +1794,8 @@ function AssistDocumentFormEditable(props) {
       children: [/* @__PURE__ */jsx(FieldsInitializer, {
         pathKey: typePath,
         activePath,
-        fieldExists,
+        fields,
+        documentSchema,
         onChange
       }, typePath), instruction && /* @__PURE__ */jsx(BackToInstructionListLink, {}), activePath && /* @__PURE__ */jsx(FormCallbacksProvider, {
         ...newCallbacks,
@@ -1576,7 +1820,7 @@ function useSelectedSchema(fieldPath, documentSchema) {
     if (fieldPath === documentRootKey) {
       return documentSchema;
     }
-    const path = stringToPath(fieldPath);
+    const path = stringToPath$2(fieldPath);
     let currentSchema = documentSchema;
     for (let i = 0; i < path.length; i++) {
       const segment = path[i];
@@ -1595,25 +1839,64 @@ function useSelectedSchema(fieldPath, documentSchema) {
     return currentSchema;
   }, [documentSchema, fieldPath]);
 }
-function FieldsInitializer(_ref7) {
+function FieldsInitializer(_ref9) {
   let {
     pathKey,
     activePath,
-    fieldExists,
+    fields,
+    documentSchema,
     onChange
-  } = _ref7;
+  } = _ref9;
+  const {
+    config: {
+      __presets: presets
+    }
+  } = useAiAssistanceConfig();
+  const existingField = fields == null ? void 0 : fields.find(f => f._key === pathKey);
+  const documentPresets = !!(documentSchema == null ? void 0 : documentSchema.name) && (presets == null ? void 0 : presets[documentSchema == null ? void 0 : documentSchema.name]);
+  const missingPresetInstructions = useMemo(() => {
+    var _a, _b;
+    if (!documentPresets || !pathKey) {
+      return void 0;
+    }
+    const existingInstructions = existingField == null ? void 0 : existingField.instructions;
+    const presetField = (_a = documentPresets.fields) == null ? void 0 : _a.find(f => f.path === pathKey);
+    return (_b = presetField == null ? void 0 : presetField.instructions) == null ? void 0 : _b.filter(i => !(existingInstructions == null ? void 0 : existingInstructions.some(ei => ei._key === i._key)));
+  }, [documentPresets, pathKey, existingField]);
   const initialized = useRef(false);
   useEffect(() => {
-    if (initialized.current || fieldExists || activePath || !pathKey) {
+    if (initialized.current || !pathKey) {
+      return;
+    }
+    if (existingField && !(missingPresetInstructions == null ? void 0 : missingPresetInstructions.length)) {
       return;
     }
-    onChange([setIfMissing([], ["fields"]), insert([typed({
-      _key: pathKey,
-      _type: assistFieldTypeName,
-      path: pathKey
-    })], "after", ["fields", -1])]);
+    let event = PatchEvent.from([setIfMissing([], ["fields"])]);
+    if (!existingField) {
+      event = event.append(insert([typed({
+        _key: pathKey,
+        _type: assistFieldTypeName,
+        path: pathKey
+      })], "after", ["fields", -1]));
+    }
+    if (missingPresetInstructions == null ? void 0 : missingPresetInstructions.length) {
+      event = event.append(insert(missingPresetInstructions.map(preset => {
+        var _a;
+        return {
+          ...preset,
+          _type: "sanity.assist.instruction",
+          prompt: (_a = preset.prompt) == null ? void 0 : _a.map(p => ({
+            markDefs: [],
+            ...p
+          }))
+        };
+      }), "after", ["fields", {
+        _key: pathKey
+      }, "instructions", -1]));
+    }
+    onChange(event);
     initialized.current = true;
-  }, [activePath, onChange, pathKey, fieldExists]);
+  }, [activePath, onChange, pathKey, existingField, missingPresetInstructions]);
   return null;
 }
 function FieldAutocomplete(props) {
@@ -1632,7 +1915,7 @@ function FieldAutocomplete(props) {
     return getFieldRefs(schemaType);
   }, [schemaType, includeDocument]);
   const currentField = useMemo(() => fieldRefs.find(f => f.key === fieldPath), [fieldPath, fieldRefs]);
-  const autocompleteOptions = useMemo(() => fieldRefs.filter(field => filter ? filter(field) : true).map(field => ({
+  const autocompleteOptions = useMemo(() => fieldRefs.filter(field => filter ? filter(field) : true).filter(f => !isType(f.schemaType, "reference")).map(field => ({
     value: field.key,
     field
   })), [fieldRefs, filter]);
@@ -1745,6 +2028,78 @@ function FieldTitle(props) {
     })
   });
 }
+const MAX_DEPTH = 8;
+function getConditionalMembers(docState) {
+  const doc = {
+    path: "",
+    hidden: false,
+    readOnly: !!docState.readOnly,
+    conditional: typeof docState.schemaType.hidden === "function"
+  };
+  return [doc, ...extractConditionalPaths(docState, MAX_DEPTH)].filter(v => v.conditional).map(_ref10 => {
+    let {
+      conditional,
+      ...state
+    } = _ref10;
+    return {
+      ...state
+    };
+  });
+}
+function isConditional(schemaType) {
+  return typeof schemaType.hidden === "function" || typeof schemaType.readOnly === "function";
+}
+function conditionalState(memberState) {
+  return {
+    path: pathToString(memberState.path),
+    readOnly: !!memberState.readOnly,
+    hidden: false,
+    // if its in members, its not hidden
+    conditional: isConditional(memberState.schemaType)
+  };
+}
+function extractConditionalPaths(node, maxDepth) {
+  if (node.path.length >= maxDepth) {
+    return [];
+  }
+  return node.members.reduce((acc, member) => {
+    var _a, _b;
+    if (member.kind === "error") {
+      return acc;
+    }
+    if (member.kind === "field") {
+      const schemaType = member.field.schemaType;
+      if (schemaType.jsonType === "object") {
+        const innerFields = member.field.readOnly ? [] : extractConditionalPaths(member.field, maxDepth);
+        return [...acc, conditionalState(member.field), ...innerFields];
+      } else if (schemaType.jsonType === "array") {
+        const array = member.field;
+        let arrayPaths = [];
+        const isObjectsArray = array.members.some(m => m.kind === "item" && isObjectSchemaType(m.item.schemaType));
+        if (!array.readOnly) {
+          for (const arrayMember of array.members) {
+            if (arrayMember.kind === "error") {
+              continue;
+            }
+            const innerFields = isObjectsArray && !arrayMember.item.readOnly ? extractConditionalPaths(arrayMember.item, maxDepth) : [];
+            arrayPaths = [...arrayPaths, conditionalState(arrayMember.item), ...innerFields];
+          }
+        }
+        return [...acc, conditionalState(array), ...arrayPaths];
+      }
+      return [...acc, conditionalState(member.field)];
+    } else if (member.kind === "fieldSet") {
+      const conditionalFieldset = !!((_b = (_a = node.schemaType) == null ? void 0 : _a.fieldsets) == null ? void 0 : _b.some(f => !f.single && f.name === member.fieldSet.name && typeof f.hidden === "function"));
+      const innerFields = extractConditionalPaths(member.fieldSet, maxDepth).map(f => ({
+        ...f,
+        // if fieldset is conditional, visible fields must also be considered conditional
+        conditional: conditionalFieldset != null ? conditionalFieldset : f.conditional
+      }));
+      return [...acc, ...innerFields];
+    }
+    return acc;
+  }, []);
+}
 var __freeze$4 = Object.freeze;
 var __defProp$4 = Object.defineProperty;
 var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", {
@@ -1884,12 +2239,15 @@ function AssistInspector(props) {
     documentType,
     value: docValue,
     schemaType,
-    onChange: documentOnChange
+    onChange: documentOnChange,
+    formState
   } = documentPane;
   const {
     published,
     draft
   } = useEditState(documentId, documentType, "low");
+  const formStateRef = useRef(formState);
+  formStateRef.current = formState;
   const assistableDocId = getAssistableDocId(schemaType, documentId);
   const {
     instructionLoading,
@@ -1943,7 +2301,8 @@ function AssistInspector(props) {
     path: pathKey,
     typePath,
     assistDocumentId: assistDocumentId(documentType),
-    instruction
+    instruction,
+    conditionalMembers: formStateRef.current ? getConditionalMembers(formStateRef.current) : []
   }), [pathKey, instruction, typePath, documentType, assistableDocId, requestRunInstruction]);
   const Region = useCallback(_props => {
     return /* @__PURE__ */jsx("div", {
@@ -2129,10 +2488,10 @@ const assistInspector = {
     showAsAction: false
   }),
   component: AssistInspectorWrapper,
-  onClose(_ref8) {
+  onClose(_ref11) {
     let {
       params
-    } = _ref8;
+    } = _ref11;
     return {
       params: typed({
         ...params,
@@ -2164,7 +2523,7 @@ function useAssistPresence(path, showFocusWithin) {
       if (!presence.path || !path.length) {
         return false;
       }
-      const statusPath = stringToPath(presence.path);
+      const statusPath = stringToPath$2(presence.path);
       if (!showFocusWithin && statusPath.length !== path.length) {
         return false;
       }
@@ -2205,11 +2564,11 @@ var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", {
 var _a$3, _b$1;
 const fadeIn = keyframes(_a$3 || (_a$3 = __template$3(["\n  0% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  40% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n"])));
 const FadeInDiv = styled.div(_b$1 || (_b$1 = __template$3(["\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n"])), fadeIn);
-const FadeInContent = forwardRef(function FadeInContent2(_ref9, ref) {
+const FadeInContent = forwardRef(function FadeInContent2(_ref12, ref) {
   let {
     children,
     durationMs = 250
-  } = _ref9;
+  } = _ref12;
   return /* @__PURE__ */jsx(FadeInDiv, {
     ref,
     style: {
@@ -2462,7 +2821,7 @@ function AssistFieldWrapper(props) {
   if (!isSupported || schemaType.name.startsWith("sanity.") || schemaType.name === contextDocumentTypeName) {
     return props.renderDefault(props);
   }
-  if (!isType(props.schemaType, "document") && props.inputId !== "root") {
+  if (!isType(props.schemaType, "document") && props.inputId !== "root" && props.inputId !== assistFormId) {
     return /* @__PURE__ */jsx(AssistField, {
       ...props,
       children: props.children
@@ -2482,15 +2841,16 @@ function AssistField(props) {
     showOnboarding,
     dismissOnboarding
   } = useOnboardingFeature(fieldOnboardingKey);
+  const singlePresence = presence[0];
   const actions = /* @__PURE__ */jsxs(Flex, {
     gap: 2,
     align: "center",
     justify: "space-between",
-    children: [presence.map(pre => /* @__PURE__ */jsx(Box, {
+    children: [singlePresence && /* @__PURE__ */jsx(Box, {
       children: /* @__PURE__ */jsx(AiFieldPresence, {
-        presence: pre
-      }, pre.lastActiveAt)
-    }, pre.user.id)), isFirstAssisted && showOnboarding && /* @__PURE__ */jsx(AssistOnboardingPopover, {
+        presence: singlePresence
+      })
+    }), isFirstAssisted && showOnboarding && /* @__PURE__ */jsx(AssistOnboardingPopover, {
       dismiss: dismissOnboarding
     })]
   });
@@ -2970,253 +3330,1500 @@ function AssistConnectorsOverlay(props) {
     }), DEBUG]
   });
 }
-const legacyAssistDocumentIdPrefix = "sanity.ai.";
-const legacyAssistDocumentTypeName = "sanity.ai.docType";
-const legacyContextDocumentTypeName = "ai.instruction.context";
-const legacyAssistStatusDocumentTypeName = "sanity.ai.instructionStatus";
-const NO_ASSIST_DOCS = [];
-const NO_CONTEXT_DOCS = [];
-const NO_IDS = [];
-function AlphaMigration() {
-  const [alphaAssistDocs, setAlphaAssistDocs] = useState(NO_ASSIST_DOCS);
-  const [contextDocs, setContextDocs] = useState(NO_CONTEXT_DOCS);
-  const [staleStatusDocIds, setStaleStatusDocs] = useState(NO_IDS);
-  const [error, setError] = useState(void 0);
-  const [progress, setProgress] = useState(void 0);
-  const toast = useToast();
-  const client = useClient({
-    apiVersion: "2023-06-01"
-  });
-  useEffect(() => {
-    let canUpdate = true;
-    client.fetch('\n    {\n      "assistDocs": *[_type=="'.concat(legacyAssistDocumentTypeName, '"],\n      "staleStatusDocIds": *[_type=="').concat(legacyAssistStatusDocumentTypeName, '"]._id,\n      "contextDocs": *[_type=="').concat(legacyContextDocumentTypeName, '"],\n     }\n    ')).then(result => {
-      var _a, _b, _c;
-      if (!canUpdate || !result) {
-        return;
-      }
-      setAlphaAssistDocs((_a = result == null ? void 0 : result.assistDocs) != null ? _a : NO_ASSIST_DOCS);
-      setStaleStatusDocs((_b = result == null ? void 0 : result.staleStatusDocIds) != null ? _b : NO_IDS);
-      setContextDocs((_c = result == null ? void 0 : result.contextDocs) != null ? _c : NO_CONTEXT_DOCS);
-    });
-    return () => {
-      canUpdate = false;
-    };
-  }, [client, setAlphaAssistDocs, setStaleStatusDocs, setContextDocs]);
-  const convert = useCallback(async () => {
-    try {
-      setProgress(1e-4);
-      const tasks = [() => convertContextDocs(client, contextDocs), subtaskProgress => deleteDocs(client, staleStatusDocIds, subtaskProgress), subtaskProgress => convertDocs(client, alphaAssistDocs, subtaskProgress), subtaskProgress => deleteDocs(client, contextDocs.map(d => d._id), subtaskProgress)];
-      const taskSize = 1 / tasks.length;
-      for (let i = 0; i < tasks.length; i++) {
-        const startProgress = i / tasks.length;
-        await tasks[i](subProgress => setProgress(startProgress + subProgress * taskSize));
-        setProgress((i + 1) / tasks.length);
-      }
-      setProgress(1);
-      setAlphaAssistDocs(NO_ASSIST_DOCS);
-      setContextDocs(NO_CONTEXT_DOCS);
-      setStaleStatusDocs(NO_IDS);
-      toast.push({
-        title: "Converted instructions to new format.",
-        status: "success",
-        closable: true
-      });
-    } catch (e) {
-      console.error(e);
-      toast.push({
-        title: "An error occurred",
-        status: "error",
-        closable: true
-      });
-      setError(e);
-      setProgress(void 0);
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+
+var isArray$3 = Array.isArray;
+var isArray_1 = isArray$3;
+
+/** Detect free variable `global` from Node.js. */
+
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$1;
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$3 = freeGlobal || freeSelf || Function('return this')();
+var _root = root$3;
+var root$2 = _root;
+
+/** Built-in value references. */
+var Symbol$3 = root$2.Symbol;
+var _Symbol = Symbol$3;
+var Symbol$2 = _Symbol;
+
+/** Used for built-in method references. */
+var objectProto$4 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$4.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty$3.call(value, symToStringTag$1),
+    tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
     }
-  }, [contextDocs, client, alphaAssistDocs, staleStatusDocIds, setProgress, toast]);
-  if ((alphaAssistDocs.length || staleStatusDocIds.length || contextDocs.length) && (!progress || progress < 1)) {
-    return /* @__PURE__ */jsx(Dialog, {
-      id: "outdated-assist-docs",
-      header: pluginTitle,
-      children: /* @__PURE__ */jsx(Card, {
-        padding: 3,
-        children: /* @__PURE__ */jsxs(Stack, {
-          space: 4,
-          style: {
-            maxWidth: 500
-          },
-          children: [/* @__PURE__ */jsxs(Text, {
-            size: 1,
-            children: ["It seems like this workspace contains documents from an", " ", /* @__PURE__ */jsxs("strong", {
-              children: ["older version of ", pluginTitle]
-            }), "."]
-          }), /* @__PURE__ */jsx(Text, {
-            size: 1,
-            children: "Cleanup is required."
-          }), error ? /* @__PURE__ */jsxs(Card, {
-            padding: 2,
-            tone: "critical",
-            border: true,
-            children: [/* @__PURE__ */jsx(Text, {
-              size: 1,
-              children: "An error occurred. See console for details."
-            }), " "]
-          }) : null, /* @__PURE__ */jsx(Button, {
-            icon: progress ? /* @__PURE__ */jsx(Box, {
-              style: {
-                marginTop: 5
-              },
-              children: /* @__PURE__ */jsx(Spinner, {})
-            }) : CheckmarkIcon,
-            disabled: !!progress,
-            text: progress ? "".concat(Math.floor(progress * 100), "%") : "Ok, convert to new format!",
-            tone: "primary",
-            onClick: convert
-          })]
-        })
-      })
-    });
   }
-  return null;
+  return result;
 }
-async function deleteDocs(client, ids, updateProgress) {
-  const chunkSize = 50;
-  for (let i = 0; i < ids.length; i += chunkSize) {
-    const progressCount = Math.min(ids.length, i + chunkSize);
-    const chunk = ids.slice(i, progressCount);
-    const trans = client.transaction();
-    chunk.forEach(id => trans.delete(id));
-    await trans.commit();
-    updateProgress(progressCount / ids.length);
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+
+var objectProto$3 = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto$3.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+var _objectToString = objectToString$1;
+var Symbol$1 = _Symbol,
+  getRawTag = _getRawTag,
+  objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+  undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag$2(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
   }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
 }
-async function convertContextDocs(client, docs) {
-  const trans = client.transaction();
-  for (const doc of docs) {
-    const {
-      _id,
-      _type,
-      ...rest
-    } = doc;
-    trans.createOrReplace({
-      ...rest,
-      _id: "port.".concat(_id),
-      _alphaId: _id,
-      _type: contextDocumentTypeName
-    });
-  }
-  await trans.commit();
-}
-async function convertDocs(client, docs, updateProgress) {
-  const chunkSize = 10;
-  for (let i = 0; i < docs.length; i += chunkSize) {
-    const progressCount = Math.min(docs.length, i + chunkSize);
-    const chunk = docs.slice(i, progressCount);
-    const trans = client.transaction();
-    const contextDocs = await client.fetch('*[_type=="'.concat(contextDocumentTypeName, '" && _alphaId != null]{_id, _alphaId}'));
-    chunk.forEach(oldDoc => {
-      var _a;
-      const documentType = oldDoc._id.replace(new RegExp("^(".concat(legacyAssistDocumentIdPrefix, "|").concat(assistDocumentIdPrefix, ")")), "");
-      const id = assistDocumentId(documentType);
-      const fields = ((_a = oldDoc.fields) != null ? _a : []).filter(field => {
-        var _a2;
-        return (_a2 = field.instructions) == null ? void 0 : _a2.length;
-      }).map(oldField => {
-        var _a2;
-        const instructions = ((_a2 = oldField.instructions) != null ? _a2 : []).map(inst => {
-          var _a3;
-          const prompt = ((_a3 = inst.prompt) != null ? _a3 : []).map(block => {
-            return mapBlock(block, contextDocs);
-          });
-          return {
-            ...inst,
-            _type: instructionTypeName,
-            prompt
-          };
-        });
-        return {
-          ...oldField,
-          _type: assistFieldTypeName,
-          instructions
-        };
-      });
-      if (fields.length) {
-        trans.createOrReplace({
-          _id: id,
-          _type: assistDocumentTypeName,
-          fields
-        });
-      }
-      trans.delete(oldDoc._id);
-    });
-    await trans.commit();
-    updateProgress(progressCount / docs.length);
-  }
+var _baseGetTag = baseGetTag$2;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+function isObjectLike$1(value) {
+  return value != null && typeof value == 'object';
 }
-function isFieldRef(block) {
-  return block._type === "sanity.ai.prompt.fieldRef";
+var isObjectLike_1 = isObjectLike$1;
+var baseGetTag$1 = _baseGetTag,
+  isObjectLike = isObjectLike_1;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol$3(value) {
+  return typeof value == 'symbol' || isObjectLike(value) && baseGetTag$1(value) == symbolTag;
+}
+var isSymbol_1 = isSymbol$3;
+var isArray$2 = isArray_1,
+  isSymbol$2 = isSymbol_1;
+
+/** Used to match property names within property paths. */
+var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
+  reIsPlainProp = /^\w*$/;
+
+/**
+ * Checks if `value` is a property name and not a property path.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
+ */
+function isKey$1(value, object) {
+  if (isArray$2(value)) {
+    return false;
+  }
+  var type = typeof value;
+  if (type == 'number' || type == 'symbol' || type == 'boolean' || value == null || isSymbol$2(value)) {
+    return true;
+  }
+  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
 }
-function isContext(block) {
-  return block._type === "sanity.ai.prompt.context";
+var _isKey = isKey$1;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+function isObject$2(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
 }
-function isUserInput(block) {
-  return block._type === "sanity.ai.prompt.userInput";
+var isObject_1 = isObject$2;
+var baseGetTag = _baseGetTag,
+  isObject$1 = isObject_1;
+
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+  funcTag = '[object Function]',
+  genTag = '[object GeneratorFunction]',
+  proxyTag = '[object Proxy]';
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction$1(value) {
+  if (!isObject$1(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = baseGetTag(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
-function isSpan(block) {
-  return block._type === "span";
+var isFunction_1 = isFunction$1;
+var root$1 = _root;
+
+/** Used to detect overreaching core-js shims. */
+var coreJsData$1 = root$1['__core-js_shared__'];
+var _coreJsData = coreJsData$1;
+var coreJsData = _coreJsData;
+
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = function () {
+  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
+  return uid ? 'Symbol(src)_1.' + uid : '';
+}();
+
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked$1(func) {
+  return !!maskSrcKey && maskSrcKey in func;
+}
+var _isMasked = isMasked$1;
+
+/** Used for built-in method references. */
+
+var funcProto$1 = Function.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$1 = funcProto$1.toString;
+
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource$1(func) {
+  if (func != null) {
+    try {
+      return funcToString$1.call(func);
+    } catch (e) {}
+    try {
+      return func + '';
+    } catch (e) {}
+  }
+  return '';
 }
-function mapBlock(block, migratedContexts) {
-  var _a, _b, _c, _d;
-  if (isFieldRef(block)) {
-    return {
-      ...block,
-      _type: fieldReferenceTypeName
-    };
+var _toSource = toSource$1;
+var isFunction = isFunction_1,
+  isMasked = _isMasked,
+  isObject = isObject_1,
+  toSource = _toSource;
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+/** Used for built-in method references. */
+var funcProto = Function.prototype,
+  objectProto$2 = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty$2).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
+
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative$1(value) {
+  if (!isObject(value) || isMasked(value)) {
+    return false;
   }
-  if (isUserInput(block)) {
-    return {
-      ...block,
-      _type: userInputTypeName
-    };
+  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+var _baseIsNative = baseIsNative$1;
+
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+
+function getValue$1(object, key) {
+  return object == null ? undefined : object[key];
+}
+var _getValue = getValue$1;
+var baseIsNative = _baseIsNative,
+  getValue = _getValue;
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative$2(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : undefined;
+}
+var _getNative = getNative$2;
+var getNative$1 = _getNative;
+
+/* Built-in method references that are verified to be native. */
+var nativeCreate$4 = getNative$1(Object, 'create');
+var _nativeCreate = nativeCreate$4;
+var nativeCreate$3 = _nativeCreate;
+
+/**
+ * Removes all key-value entries from the hash.
+ *
+ * @private
+ * @name clear
+ * @memberOf Hash
+ */
+function hashClear$1() {
+  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {};
+  this.size = 0;
+}
+var _hashClear = hashClear$1;
+
+/**
+ * Removes `key` and its value from the hash.
+ *
+ * @private
+ * @name delete
+ * @memberOf Hash
+ * @param {Object} hash The hash to modify.
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+
+function hashDelete$1(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+var _hashDelete = hashDelete$1;
+var nativeCreate$2 = _nativeCreate;
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+
+/**
+ * Gets the hash value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf Hash
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function hashGet$1(key) {
+  var data = this.__data__;
+  if (nativeCreate$2) {
+    var result = data[key];
+    return result === HASH_UNDEFINED$1 ? undefined : result;
   }
-  if (isContext(block)) {
-    const newBlock = {
-      ...block,
-      _type: instructionContextTypeName,
-      reference: {
-        _type: "reference",
-        _ref: (_c = (_a = migratedContexts.find(c => {
-          var _a2;
-          return c._alphaId === ((_a2 = block.reference) == null ? void 0 : _a2._ref);
-        })) == null ? void 0 : _a._id) != null ? _c : (_b = block.reference) == null ? void 0 : _b._ref
-      }
-    };
-    return newBlock;
+  return hasOwnProperty$1.call(data, key) ? data[key] : undefined;
+}
+var _hashGet = hashGet$1;
+var nativeCreate$1 = _nativeCreate;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Checks if a hash value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf Hash
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function hashHas$1(key) {
+  var data = this.__data__;
+  return nativeCreate$1 ? data[key] !== undefined : hasOwnProperty.call(data, key);
+}
+var _hashHas = hashHas$1;
+var nativeCreate = _nativeCreate;
+
+/** Used to stand-in for `undefined` hash values. */
+var HASH_UNDEFINED = '__lodash_hash_undefined__';
+
+/**
+ * Sets the hash `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf Hash
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the hash instance.
+ */
+function hashSet$1(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = nativeCreate && value === undefined ? HASH_UNDEFINED : value;
+  return this;
+}
+var _hashSet = hashSet$1;
+var hashClear = _hashClear,
+  hashDelete = _hashDelete,
+  hashGet = _hashGet,
+  hashHas = _hashHas,
+  hashSet = _hashSet;
+
+/**
+ * Creates a hash object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function Hash$1(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
   }
-  if (isSpan(block)) {
-    return block;
+}
+
+// Add methods to `Hash`.
+Hash$1.prototype.clear = hashClear;
+Hash$1.prototype['delete'] = hashDelete;
+Hash$1.prototype.get = hashGet;
+Hash$1.prototype.has = hashHas;
+Hash$1.prototype.set = hashSet;
+var _Hash = Hash$1;
+
+/**
+ * Removes all key-value entries from the list cache.
+ *
+ * @private
+ * @name clear
+ * @memberOf ListCache
+ */
+
+function listCacheClear$1() {
+  this.__data__ = [];
+  this.size = 0;
+}
+var _listCacheClear = listCacheClear$1;
+
+/**
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+
+function eq$1(value, other) {
+  return value === other || value !== value && other !== other;
+}
+var eq_1 = eq$1;
+var eq = eq_1;
+
+/**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function assocIndexOf$4(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (eq(array[length][0], key)) {
+      return length;
+    }
   }
-  const textBlock = block;
-  return {
-    ...textBlock,
-    children: ((_d = textBlock.children) != null ? _d : []).map(child => mapBlock(child, migratedContexts))
+  return -1;
+}
+var _assocIndexOf = assocIndexOf$4;
+var assocIndexOf$3 = _assocIndexOf;
+
+/** Used for built-in method references. */
+var arrayProto = Array.prototype;
+
+/** Built-in value references. */
+var splice = arrayProto.splice;
+
+/**
+ * Removes `key` and its value from the list cache.
+ *
+ * @private
+ * @name delete
+ * @memberOf ListCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function listCacheDelete$1(key) {
+  var data = this.__data__,
+    index = assocIndexOf$3(data, key);
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+var _listCacheDelete = listCacheDelete$1;
+var assocIndexOf$2 = _assocIndexOf;
+
+/**
+ * Gets the list cache value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf ListCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function listCacheGet$1(key) {
+  var data = this.__data__,
+    index = assocIndexOf$2(data, key);
+  return index < 0 ? undefined : data[index][1];
+}
+var _listCacheGet = listCacheGet$1;
+var assocIndexOf$1 = _assocIndexOf;
+
+/**
+ * Checks if a list cache value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf ListCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function listCacheHas$1(key) {
+  return assocIndexOf$1(this.__data__, key) > -1;
+}
+var _listCacheHas = listCacheHas$1;
+var assocIndexOf = _assocIndexOf;
+
+/**
+ * Sets the list cache `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf ListCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the list cache instance.
+ */
+function listCacheSet$1(key, value) {
+  var data = this.__data__,
+    index = assocIndexOf(data, key);
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+var _listCacheSet = listCacheSet$1;
+var listCacheClear = _listCacheClear,
+  listCacheDelete = _listCacheDelete,
+  listCacheGet = _listCacheGet,
+  listCacheHas = _listCacheHas,
+  listCacheSet = _listCacheSet;
+
+/**
+ * Creates an list cache object.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function ListCache$1(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `ListCache`.
+ListCache$1.prototype.clear = listCacheClear;
+ListCache$1.prototype['delete'] = listCacheDelete;
+ListCache$1.prototype.get = listCacheGet;
+ListCache$1.prototype.has = listCacheHas;
+ListCache$1.prototype.set = listCacheSet;
+var _ListCache = ListCache$1;
+var getNative = _getNative,
+  root = _root;
+
+/* Built-in method references that are verified to be native. */
+var Map$2 = getNative(root, 'Map');
+var _Map = Map$2;
+var Hash = _Hash,
+  ListCache = _ListCache,
+  Map$1 = _Map;
+
+/**
+ * Removes all key-value entries from the map.
+ *
+ * @private
+ * @name clear
+ * @memberOf MapCache
+ */
+function mapCacheClear$1() {
+  this.size = 0;
+  this.__data__ = {
+    'hash': new Hash(),
+    'map': new (Map$1 || ListCache)(),
+    'string': new Hash()
   };
 }
-function AssistLayout(props) {
-  var _a;
-  const [connectors, setConnectors] = useState([]);
-  const migrate = (_a = props.config.alphaMigration) != null ? _a : true;
-  return /* @__PURE__ */jsxs(AiAssistanceConfigProvider, {
-    config: props.config,
-    children: [migrate ? /* @__PURE__ */jsx(AlphaMigration, {}) : null, /* @__PURE__ */jsx(RunInstructionProvider, {
-      children: /* @__PURE__ */jsxs(ConnectorsProvider, {
-        onConnectorsChange: setConnectors,
-        children: [props.renderDefault(props), /* @__PURE__ */jsx(ThemeProvider, {
-          tone: "default",
-          children: /* @__PURE__ */jsx(AssistConnectorsOverlay, {
-            connectors
+var _mapCacheClear = mapCacheClear$1;
+
+/**
+ * Checks if `value` is suitable for use as unique object key.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
+ */
+
+function isKeyable$1(value) {
+  var type = typeof value;
+  return type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean' ? value !== '__proto__' : value === null;
+}
+var _isKeyable = isKeyable$1;
+var isKeyable = _isKeyable;
+
+/**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+function getMapData$4(map, key) {
+  var data = map.__data__;
+  return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;
+}
+var _getMapData = getMapData$4;
+var getMapData$3 = _getMapData;
+
+/**
+ * Removes `key` and its value from the map.
+ *
+ * @private
+ * @name delete
+ * @memberOf MapCache
+ * @param {string} key The key of the value to remove.
+ * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+ */
+function mapCacheDelete$1(key) {
+  var result = getMapData$3(this, key)['delete'](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+var _mapCacheDelete = mapCacheDelete$1;
+var getMapData$2 = _getMapData;
+
+/**
+ * Gets the map value for `key`.
+ *
+ * @private
+ * @name get
+ * @memberOf MapCache
+ * @param {string} key The key of the value to get.
+ * @returns {*} Returns the entry value.
+ */
+function mapCacheGet$1(key) {
+  return getMapData$2(this, key).get(key);
+}
+var _mapCacheGet = mapCacheGet$1;
+var getMapData$1 = _getMapData;
+
+/**
+ * Checks if a map value for `key` exists.
+ *
+ * @private
+ * @name has
+ * @memberOf MapCache
+ * @param {string} key The key of the entry to check.
+ * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+ */
+function mapCacheHas$1(key) {
+  return getMapData$1(this, key).has(key);
+}
+var _mapCacheHas = mapCacheHas$1;
+var getMapData = _getMapData;
+
+/**
+ * Sets the map `key` to `value`.
+ *
+ * @private
+ * @name set
+ * @memberOf MapCache
+ * @param {string} key The key of the value to set.
+ * @param {*} value The value to set.
+ * @returns {Object} Returns the map cache instance.
+ */
+function mapCacheSet$1(key, value) {
+  var data = getMapData(this, key),
+    size = data.size;
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+var _mapCacheSet = mapCacheSet$1;
+var mapCacheClear = _mapCacheClear,
+  mapCacheDelete = _mapCacheDelete,
+  mapCacheGet = _mapCacheGet,
+  mapCacheHas = _mapCacheHas,
+  mapCacheSet = _mapCacheSet;
+
+/**
+ * Creates a map cache object to store key-value pairs.
+ *
+ * @private
+ * @constructor
+ * @param {Array} [entries] The key-value pairs to cache.
+ */
+function MapCache$1(entries) {
+  var index = -1,
+    length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+
+// Add methods to `MapCache`.
+MapCache$1.prototype.clear = mapCacheClear;
+MapCache$1.prototype['delete'] = mapCacheDelete;
+MapCache$1.prototype.get = mapCacheGet;
+MapCache$1.prototype.has = mapCacheHas;
+MapCache$1.prototype.set = mapCacheSet;
+var _MapCache = MapCache$1;
+var MapCache = _MapCache;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a function that memoizes the result of `func`. If `resolver` is
+ * provided, it determines the cache key for storing the result based on the
+ * arguments provided to the memoized function. By default, the first argument
+ * provided to the memoized function is used as the map cache key. The `func`
+ * is invoked with the `this` binding of the memoized function.
+ *
+ * **Note:** The cache is exposed as the `cache` property on the memoized
+ * function. Its creation may be customized by replacing the `_.memoize.Cache`
+ * constructor with one whose instances implement the
+ * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+ * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to have its output memoized.
+ * @param {Function} [resolver] The function to resolve the cache key.
+ * @returns {Function} Returns the new memoized function.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': 2 };
+ * var other = { 'c': 3, 'd': 4 };
+ *
+ * var values = _.memoize(_.values);
+ * values(object);
+ * // => [1, 2]
+ *
+ * values(other);
+ * // => [3, 4]
+ *
+ * object.a = 2;
+ * values(object);
+ * // => [1, 2]
+ *
+ * // Modify the result cache.
+ * values.cache.set(object, ['a', 'b']);
+ * values(object);
+ * // => ['a', 'b']
+ *
+ * // Replace `_.memoize.Cache`.
+ * _.memoize.Cache = WeakMap;
+ */
+function memoize$1(func, resolver) {
+  if (typeof func != 'function' || resolver != null && typeof resolver != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  var memoized = function () {
+    var args = arguments,
+      key = resolver ? resolver.apply(this, args) : args[0],
+      cache = memoized.cache;
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    var result = func.apply(this, args);
+    memoized.cache = cache.set(key, result) || cache;
+    return result;
+  };
+  memoized.cache = new (memoize$1.Cache || MapCache)();
+  return memoized;
+}
+
+// Expose `MapCache`.
+memoize$1.Cache = MapCache;
+var memoize_1 = memoize$1;
+var memoize = memoize_1;
+
+/** Used as the maximum memoize cache size. */
+var MAX_MEMOIZE_SIZE = 500;
+
+/**
+ * A specialized version of `_.memoize` which clears the memoized function's
+ * cache when it exceeds `MAX_MEMOIZE_SIZE`.
+ *
+ * @private
+ * @param {Function} func The function to have its output memoized.
+ * @returns {Function} Returns the new memoized function.
+ */
+function memoizeCapped$1(func) {
+  var result = memoize(func, function (key) {
+    if (cache.size === MAX_MEMOIZE_SIZE) {
+      cache.clear();
+    }
+    return key;
+  });
+  var cache = result.cache;
+  return result;
+}
+var _memoizeCapped = memoizeCapped$1;
+var memoizeCapped = _memoizeCapped;
+
+/** Used to match property names within property paths. */
+var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+
+/** Used to match backslashes in property paths. */
+var reEscapeChar = /\\(\\)?/g;
+
+/**
+ * Converts `string` to a property path array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the property path array.
+ */
+var stringToPath$1 = memoizeCapped(function (string) {
+  var result = [];
+  if (string.charCodeAt(0) === 46 /* . */) {
+    result.push('');
+  }
+  string.replace(rePropName, function (match, number, quote, subString) {
+    result.push(quote ? subString.replace(reEscapeChar, '$1') : number || match);
+  });
+  return result;
+});
+var _stringToPath = stringToPath$1;
+
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+
+function arrayMap$1(array, iteratee) {
+  var index = -1,
+    length = array == null ? 0 : array.length,
+    result = Array(length);
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+var _arrayMap = arrayMap$1;
+var Symbol = _Symbol,
+  arrayMap = _arrayMap,
+  isArray$1 = isArray_1,
+  isSymbol$1 = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY$1 = 1 / 0;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined,
+  symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString$1(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isArray$1(value)) {
+    // Recursively convert values (susceptible to call stack limits).
+    return arrayMap(value, baseToString$1) + '';
+  }
+  if (isSymbol$1(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = value + '';
+  return result == '0' && 1 / value == -INFINITY$1 ? '-0' : result;
+}
+var _baseToString = baseToString$1;
+var baseToString = _baseToString;
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString$1(value) {
+  return value == null ? '' : baseToString(value);
+}
+var toString_1 = toString$1;
+var isArray = isArray_1,
+  isKey = _isKey,
+  stringToPath = _stringToPath,
+  toString = toString_1;
+
+/**
+ * Casts `value` to a path array if it's not one.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {Array} Returns the cast property path array.
+ */
+function castPath$1(value, object) {
+  if (isArray(value)) {
+    return value;
+  }
+  return isKey(value, object) ? [value] : stringToPath(toString(value));
+}
+var _castPath = castPath$1;
+var isSymbol = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
+/**
+ * Converts `value` to a string key if it's not a string or symbol.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {string|symbol} Returns the key.
+ */
+function toKey$1(value) {
+  if (typeof value == 'string' || isSymbol(value)) {
+    return value;
+  }
+  var result = value + '';
+  return result == '0' && 1 / value == -INFINITY ? '-0' : result;
+}
+var _toKey = toKey$1;
+var castPath = _castPath,
+  toKey = _toKey;
+
+/**
+ * The base implementation of `_.get` without support for default values.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @returns {*} Returns the resolved value.
+ */
+function baseGet$1(object, path) {
+  path = castPath(path, object);
+  var index = 0,
+    length = path.length;
+  while (object != null && index < length) {
+    object = object[toKey(path[index++])];
+  }
+  return index && index == length ? object : undefined;
+}
+var _baseGet = baseGet$1;
+var baseGet = _baseGet;
+
+/**
+ * Gets the value at `path` of `object`. If the resolved value is
+ * `undefined`, the `defaultValue` is returned in its place.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.7.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+ * @returns {*} Returns the resolved value.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.get(object, 'a[0].b.c');
+ * // => 3
+ *
+ * _.get(object, ['a', '0', 'b', 'c']);
+ * // => 3
+ *
+ * _.get(object, 'a.b.c', 'default');
+ * // => 'default'
+ */
+function get(object, path, defaultValue) {
+  var result = object == null ? undefined : baseGet(object, path);
+  return result === undefined ? defaultValue : result;
+}
+var get_1 = get;
+var get$1 = /*@__PURE__*/getDefaultExportFromCjs(get_1);
+const getLanguageParams = (select, document) => {
+  if (!select || !document) {
+    return {};
+  }
+  const selection = select || {};
+  const selectedValue = {};
+  for (const [key, path] of Object.entries(selection)) {
+    let value = get$1(document, path);
+    if (Array.isArray(value)) {
+      value = value.filter(item => typeof item === "object" ? (item == null ? void 0 : item._type) !== "reference" || "_ref" in item : true);
+    }
+    selectedValue[key] = value;
+  }
+  return selectedValue;
+};
+const toFieldLanguagesKeyPrefix = "sanityStudio:assist:field-languages:from:";
+function getPreferredToFieldLanguages(fromLanguageId) {
+  if (typeof localStorage === "undefined") {
+    return [];
+  }
+  const value = localStorage.getItem("".concat(toFieldLanguagesKeyPrefix).concat(fromLanguageId));
+  return value ? JSON.parse(value) : [];
+}
+function setPreferredToFieldLanguages(fromLanguageId, languageIds) {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+  localStorage.setItem("".concat(toFieldLanguagesKeyPrefix).concat(fromLanguageId), JSON.stringify(languageIds));
+}
+const FieldTranslationContext = createContext({
+  openFieldTranslation: () => {},
+  translationLoading: false
+});
+function useFieldTranslation() {
+  return useContext(FieldTranslationContext);
+}
+function hasValuesToTranslate(fieldLanguageMaps, fromLanguage, basePath) {
+  return fieldLanguageMaps == null ? void 0 : fieldLanguageMaps.some(map => map.inputLanguageId === (fromLanguage == null ? void 0 : fromLanguage.id) && map.inputPath && pathToString(map.inputPath).startsWith(pathToString(basePath)));
+}
+function FieldTranslationProvider(props) {
+  var _a, _b, _c;
+  const {
+    config: assistConfig
+  } = useAiAssistanceConfig();
+  const apiClient = useApiClient(assistConfig.__customApiClient);
+  const config = (_a = assistConfig.translate) == null ? void 0 : _a.field;
+  const {
+    translate: runTranslate
+  } = useTranslate(apiClient);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [fieldTranslationParams, setFieldTranslationParams] = useState();
+  const [languages, setLanguages] = useState();
+  const [fromLanguage, setFromLanguage] = useState(void 0);
+  const [toLanguages, setToLanguages] = useState(void 0);
+  const [fieldLanguageMaps, setFieldLanguageMaps] = useState();
+  const close = useCallback(() => {
+    setDialogOpen(false);
+    setLanguages(void 0);
+    setFieldTranslationParams(void 0);
+  }, []);
+  const languageClient = useClient({
+    apiVersion: (_b = config == null ? void 0 : config.apiVersion) != null ? _b : "2022-11-27"
+  });
+  const documentId = (_c = fieldTranslationParams == null ? void 0 : fieldTranslationParams.document) == null ? void 0 : _c._id;
+  const id = useId();
+  const selectFromLanguage = useCallback((from, languages2, params) => {
+    var _a2, _b2;
+    const {
+      document,
+      documentSchema
+    } = params != null ? params : {};
+    setFromLanguage(from);
+    if (!document || !documentSchema || !params || !languages2) {
+      setFieldLanguageMaps(void 0);
+      return;
+    }
+    const preferred = getPreferredToFieldLanguages(from.id);
+    const allToLanguages = languages2.filter(l => l.id !== (from == null ? void 0 : from.id));
+    const filteredToLanguages = allToLanguages.filter(l => !preferred.length || preferred.includes(l.id));
+    setToLanguages(filteredToLanguages);
+    const fromId = from == null ? void 0 : from.id;
+    const allToIds = (_a2 = allToLanguages == null ? void 0 : allToLanguages.map(l => l.id)) != null ? _a2 : [];
+    const docMembers = getDocumentMembersFlat(document, documentSchema);
+    if (fromId && (allToIds == null ? void 0 : allToIds.length)) {
+      const transMap = getFieldLanguageMap(documentSchema, docMembers, fromId, allToIds.filter(toId => fromId !== toId), (_b2 = config == null ? void 0 : config.translationOutputs) != null ? _b2 : defaultLanguageOutputs);
+      setFieldLanguageMaps(transMap);
+    } else {
+      setFieldLanguageMaps(void 0);
+    }
+  }, [config]);
+  const toggleToLanguage = useCallback((toggledLang, toLanguages2, languages2) => {
+    if (!languages2 || !fromLanguage) {
+      return;
+    }
+    const wasSelected = !!(toLanguages2 == null ? void 0 : toLanguages2.find(l => l.id === toggledLang.id));
+    const newToLangs = languages2.filter(anyLang => !!(toLanguages2 == null ? void 0 : toLanguages2.find(selectedLang => toggledLang.id !== selectedLang.id && selectedLang.id === anyLang.id)) || toggledLang.id === anyLang.id && !wasSelected);
+    setToLanguages(newToLangs);
+    setPreferredToFieldLanguages(fromLanguage.id, newToLangs.map(l => l.id));
+  }, [fromLanguage]);
+  const openFieldTranslation = useCallback(async params => {
+    setDialogOpen(true);
+    const languageParams = getLanguageParams(config == null ? void 0 : config.selectLanguageParams, params.document);
+    const languages2 = await (typeof (config == null ? void 0 : config.languages) === "function" ? config == null ? void 0 : config.languages(languageClient, languageParams) : Promise.resolve(config == null ? void 0 : config.languages));
+    setLanguages(languages2);
+    setFieldTranslationParams(params);
+    const fromLanguage2 = languages2 == null ? void 0 : languages2[0];
+    if (fromLanguage2) {
+      selectFromLanguage(fromLanguage2, languages2, params);
+    } else {
+      console.error("No languages available for selected language params", languageParams);
+    }
+  }, [selectFromLanguage, config, languageClient]);
+  const contextValue = useMemo(() => {
+    return {
+      openFieldTranslation,
+      translationLoading: false
+    };
+  }, [openFieldTranslation]);
+  const runDisabled = !fromLanguage || !(toLanguages == null ? void 0 : toLanguages.length) || !(fieldLanguageMaps == null ? void 0 : fieldLanguageMaps.length) || !documentId || !hasValuesToTranslate(fieldLanguageMaps, fromLanguage, fieldTranslationParams.translatePath);
+  const onRunTranslation = useCallback(() => {
+    const translatePath = fieldTranslationParams == null ? void 0 : fieldTranslationParams.translatePath;
+    if (fieldLanguageMaps && documentId && translatePath) {
+      runTranslate({
+        documentId,
+        translatePath,
+        fieldLanguageMap: fieldLanguageMaps.map(map => ({
+          ...map,
+          // eslint-disable-next-line max-nested-callbacks
+          outputs: map.outputs.filter(out => !!(toLanguages == null ? void 0 : toLanguages.find(l => l.id === out.id)))
+        })),
+        conditionalMembers: fieldTranslationParams == null ? void 0 : fieldTranslationParams.conditionalMembers
+      });
+    }
+    close();
+  }, [fieldLanguageMaps, documentId, runTranslate, close, toLanguages, fieldTranslationParams == null ? void 0 : fieldTranslationParams.translatePath, fieldTranslationParams == null ? void 0 : fieldTranslationParams.conditionalMembers]);
+  const runButton = /* @__PURE__ */jsx(Button, {
+    text: "Translate",
+    tone: "primary",
+    icon: PlayIcon,
+    style: {
+      width: "100%"
+    },
+    disabled: runDisabled,
+    onClick: onRunTranslation
+  });
+  return /* @__PURE__ */jsxs(FieldTranslationContext.Provider, {
+    value: contextValue,
+    children: [dialogOpen ? /* @__PURE__ */jsx(Dialog, {
+      id,
+      width: 1,
+      open: dialogOpen,
+      onClose: close,
+      header: "Translate fields",
+      footer: /* @__PURE__ */jsx(Flex, {
+        justify: "space-between",
+        padding: 2,
+        flex: 1,
+        children: runDisabled ? /* @__PURE__ */jsx(Tooltip, {
+          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__ */jsx(Flex, {
+            flex: 1,
+            children: runButton
           })
+        }) : runButton
+      }),
+      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 == null ? void 0 : languages.map(radioLanguage => /* @__PURE__ */jsx(FromLanguageRadio, {
+            ...{
+              radioLanguage,
+              fromLanguage,
+              selectFromLanguage,
+              languages,
+              fieldTranslationParams
+            }
+          }, radioLanguage.id))]
+        }), /* @__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,
+              fromLanguage,
+              toLanguages,
+              toggleToLanguage,
+              languages
+            }
+          }, checkboxLanguage.id))]
+        })]
+      }) : /* @__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, props.children]
+  });
+}
+function ToLanguageCheckbox(props) {
+  var _a;
+  const {
+    checkboxLanguage,
+    fromLanguage,
+    toLanguages,
+    toggleToLanguage,
+    languages
+  } = props;
+  const langId = checkboxLanguage.id;
+  const onChange = useCallback(() => toggleToLanguage(checkboxLanguage, toLanguages, languages), [toggleToLanguage, checkboxLanguage, toLanguages, languages]);
+  return /* @__PURE__ */jsxs(Flex, {
+    gap: 3,
+    align: "center",
+    as: "label",
+    style: langId === (fromLanguage == null ? void 0 : fromLanguage.id) ? {
+      opacity: 0.5
+    } : void 0,
+    children: [/* @__PURE__ */jsx(Checkbox, {
+      name: "toLang",
+      value: langId,
+      checked: langId !== (fromLanguage == null ? void 0 : fromLanguage.id) && !!(toLanguages == null ? void 0 : toLanguages.find(tl => tl.id === langId)),
+      onChange,
+      disabled: langId === (fromLanguage == null ? void 0 : fromLanguage.id)
+    }), /* @__PURE__ */jsx(Text, {
+      muted: langId === (fromLanguage == null ? void 0 : fromLanguage.id),
+      children: (_a = checkboxLanguage.title) != null ? _a : langId
     })]
+  }, langId);
+}
+function FromLanguageRadio(props) {
+  var _a;
+  const {
+    languages,
+    radioLanguage,
+    selectFromLanguage,
+    fromLanguage,
+    fieldTranslationParams
+  } = props;
+  const langId = radioLanguage.id;
+  const onChange = useCallback(() => selectFromLanguage(radioLanguage, languages, fieldTranslationParams), [selectFromLanguage, radioLanguage, languages, fieldTranslationParams]);
+  return /* @__PURE__ */jsxs(Flex, {
+    gap: 3,
+    align: "center",
+    as: "label",
+    children: [/* @__PURE__ */jsx(Radio, {
+      name: "fromLang",
+      value: langId,
+      checked: langId === (fromLanguage == null ? void 0 : fromLanguage.id),
+      onChange
+    }), /* @__PURE__ */jsx(Text, {
+      children: (_a = radioLanguage.title) != null ? _a : radioLanguage.id
+    })]
+  }, langId);
+}
+function AssistLayout(props) {
+  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__ */jsx(ThemeProvider, {
+            tone: "default",
+            children: /* @__PURE__ */jsx(AssistConnectorsOverlay, {
+              connectors
+            })
+          })]
+        })
+      })
+    })
   });
 }
 var __freeze$1 = Object.freeze;
@@ -3242,7 +4849,10 @@ function ErrorWrapper(props) {
   const catchError = useCallback(params => {
     setError(params.error);
   }, [setError]);
-  const unsetValue = useCallback(() => onChange(PatchEvent.from(unset())), [onChange]);
+  const unsetValue = useCallback(() => {
+    onChange(PatchEvent.from(unset()));
+    setError(void 0);
+  }, [onChange]);
   const dismiss = useCallback(() => setError(void 0), []);
   const catcher = /* @__PURE__ */jsx(ErrorBoundary, {
     onCatch: catchError,
@@ -3310,6 +4920,7 @@ function AssistFormBlock(props) {
       _key: key
     }));
   }, [onChange, key]);
+  const singlePresence = presence[0];
   return /* @__PURE__ */jsx(ErrorWrapper, {
     onChange: localOnChange,
     children: /* @__PURE__ */jsxs(Flex, {
@@ -3318,9 +4929,9 @@ function AssistFormBlock(props) {
       children: [/* @__PURE__ */jsx(Box, {
         flex: 1,
         children: props.renderDefault(props)
-      }), presence.map(pre => /* @__PURE__ */jsx(AiFieldPresence, {
-        presence: pre
-      }, pre.lastActiveAt))]
+      }), singlePresence && /* @__PURE__ */jsx(AiFieldPresence, {
+        presence: singlePresence
+      })]
     })
   });
 }
@@ -3364,16 +4975,24 @@ function InstructionInput(props) {
       ...props
     }), /* @__PURE__ */jsx(ShareField, {
       ...props
-    }), /* @__PURE__ */jsx(PromptField, {
+    }), /* @__PURE__ */jsx(ObjectMember, {
+      fieldName: "prompt",
+      ...props
+    }), /* @__PURE__ */jsx(ObjectMember, {
+      fieldName: "output",
       ...props
     })]
   });
 }
-function PromptField(props) {
-  const promptMember = findFieldMember(props.members, "prompt");
-  return promptMember ? /* @__PURE__ */jsx(ObjectInputMember, {
+function ObjectMember(_ref13) {
+  let {
+    fieldName,
+    ...props
+  } = _ref13;
+  const member = findFieldMember(props.members, fieldName);
+  return member ? /* @__PURE__ */jsx(ObjectInputMember, {
     ...props,
-    member: promptMember
+    member
   }) : null;
 }
 const NONE = [];
@@ -3508,8 +5127,8 @@ function IconInput(props) {
     onChange
   } = props;
   const id = useId();
-  const items = useMemo(() => Object.entries(icons).map(_ref10 => {
-    let [key, icon] = _ref10;
+  const items = useMemo(() => Object.entries(icons).map(_ref14 => {
+    let [key, icon] = _ref14;
     return /* @__PURE__ */jsx(IconItem, {
       iconKey: key,
       icon,
@@ -3537,12 +5156,12 @@ function IconInput(props) {
     }
   });
 }
-function IconItem(_ref11) {
+function IconItem(_ref15) {
   let {
     icon,
     iconKey: key,
     onChange
-  } = _ref11;
+  } = _ref15;
   const onClick = useCallback(() => onChange(set(key)), [onChange, key]);
   return /* @__PURE__ */jsx(MenuItem, {
     icon,
@@ -3553,8 +5172,8 @@ function IconItem(_ref11) {
 }
 function getIcon(iconName) {
   var _a, _b;
-  return (_b = (_a = Object.entries(icons).find(_ref12 => {
-    let [key] = _ref12;
+  return (_b = (_a = Object.entries(icons).find(_ref16 => {
+    let [key] = _ref16;
     return key === iconName;
   })) == null ? void 0 : _a[1]) != null ? _b : icons.sparkles;
 }
@@ -3713,11 +5332,11 @@ const contextDocumentSchema = defineType({
       title: "title",
       context: "context"
     },
-    prepare(_ref13) {
+    prepare(_ref17) {
       let {
         title,
         context
-      } = _ref13;
+      } = _ref17;
       var _a;
       const text = context == null ? void 0 : context.flatMap(block => block == null ? void 0 : block.children).flatMap(child => {
         var _a2;
@@ -3736,7 +5355,11 @@ const contextDocumentSchema = defineType({
 // Strict ESM env, designed to run outside Node.js in envs that provide WebCrypto (deno, browsers, etc)
 
 function getRandomValues(typedArray) {
-  return window.crypto.getRandomValues(typedArray);
+  const crypto = typeof window !== 'undefined' && 'crypto' in window ? window.crypto : globalThis.crypto;
+  if (!crypto || !crypto.getRandomValues) {
+    throw new Error('WebCrypto not available in this environment');
+  }
+  return crypto.getRandomValues(typedArray);
 }
 function whatwgRNG() {
   let length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 16;
@@ -3803,10 +5426,204 @@ function InstructionsArrayField(props) {
     title: " "
   });
 }
+function InstructionOutputField(props) {
+  var _a;
+  const {
+    fieldSchema
+  } = (_a = useContext(SelectedFieldContext)) != null ? _a : {};
+  if (!fieldSchema || !(isObjectSchemaType(fieldSchema) || isArrayOfObjectsSchemaType(fieldSchema))) {
+    return null;
+  }
+  return /* @__PURE__ */jsx(EnabledOutputField, {
+    ...props,
+    fieldSchema,
+    children: props.children
+  });
+}
+function EnabledOutputField(_ref18) {
+  let {
+    fieldSchema,
+    ...props
+  } = _ref18;
+  var _a;
+  const [open, setOpen] = useState(!!((_a = props.value) == null ? void 0 : _a.length));
+  const onExpand = useCallback(() => setOpen(true), []);
+  const onCollapse = useCallback(() => setOpen(false), []);
+  return props.renderDefault({
+    ...props,
+    collapsible: true,
+    onExpand,
+    onCollapse,
+    collapsed: !open,
+    level: 1,
+    title: isObjectSchemaType(fieldSchema) ? "Allowed fields" : "Allowed types"
+  });
+}
+function InstructionOutputInput(props) {
+  var _a;
+  const {
+    fieldSchema
+  } = (_a = useContext(SelectedFieldContext)) != null ? _a : {};
+  if (!fieldSchema) {
+    return null;
+  }
+  if (isObjectSchemaType(fieldSchema)) {
+    return /* @__PURE__ */jsx(ObjectOutputInput, {
+      ...props,
+      fieldSchema
+    });
+  }
+  if (isArrayOfObjectsSchemaType(fieldSchema)) {
+    return /* @__PURE__ */jsx(ArrayOutputInput, {
+      ...props,
+      fieldSchema
+    });
+  }
+  return null;
+}
+function useEmptySelectAllValue(value, allowedValues, onChange) {
+  useEffect(() => {
+    var _a, _b;
+    const validValues = value == null ? void 0 : value.filter(v => allowedValues.find(f => f.name === (v._type === outputFieldTypeName ? v.relativePath : v.type)));
+    const valueLength = (_a = value == null ? void 0 : value.length) != null ? _a : 0;
+    const validLength = (_b = validValues == null ? void 0 : validValues.length) != null ? _b : 0;
+    if (!validLength && valueLength || validLength >= allowedValues.length) {
+      onChange(PatchEvent.from([unset()]));
+    }
+  }, [allowedValues, value, onChange]);
+}
+function ObjectOutputInput(_ref19) {
+  let {
+    fieldSchema,
+    ...props
+  } = _ref19;
+  const {
+    value,
+    onChange
+  } = props;
+  const fields = useMemo(() => fieldSchema.fields.filter(field => isAssistSupported(field.type)), [fieldSchema.fields]);
+  useEmptySelectAllValue(value, fields, onChange);
+  const onSelectChange = useCallback((checked, selectedValue) => {
+    if (checked) {
+      if (value == null ? void 0 : value.length) {
+        onChange(PatchEvent.from(unset([{
+          _key: selectedValue
+        }])));
+      } else {
+        const items = fields.filter(f => f.name !== selectedValue).map(field => typed({
+          _key: field.name,
+          _type: "sanity.assist.output.field",
+          relativePath: field.name
+        }));
+        onChange(PatchEvent.from([setIfMissing([]), insert(items, "after", [-1])]));
+      }
+    } else {
+      const patchValue = {
+        _key: selectedValue,
+        _type: "sanity.assist.output.field",
+        relativePath: selectedValue
+      };
+      onChange(PatchEvent.from([setIfMissing([]), insert([patchValue], "after", [-1])]));
+    }
+  }, [onChange, value, fields]);
+  return /* @__PURE__ */jsx(Stack, {
+    space: 2,
+    children: fields.map(field => {
+      var _a;
+      return /* @__PURE__ */jsx(Flex, {
+        align: "center",
+        gap: 2,
+        children: /* @__PURE__ */jsx(Selectable, {
+          value: field.name,
+          title: (_a = field.type.title) != null ? _a : field.name,
+          arrayValue: value,
+          onChange: onSelectChange
+        })
+      }, field.name);
+    })
+  });
+}
+function ArrayOutputInput(_ref20) {
+  let {
+    fieldSchema,
+    ...props
+  } = _ref20;
+  const {
+    value,
+    onChange
+  } = props;
+  const ofItems = useMemo(() => fieldSchema.of.filter(itemType => isAssistSupported(itemType)), [fieldSchema.of]);
+  useEmptySelectAllValue(value, ofItems, onChange);
+  const onSelectChange = useCallback((checked, selectedValue) => {
+    if (checked) {
+      if (value == null ? void 0 : value.length) {
+        onChange(PatchEvent.from(unset([{
+          _key: selectedValue
+        }])));
+      } else {
+        const items = ofItems.filter(f => f.name !== selectedValue).map(field => typed({
+          _key: field.name,
+          _type: "sanity.assist.output.type",
+          type: field.name
+        }));
+        onChange(PatchEvent.from([setIfMissing([]), insert(items, "after", [-1])]));
+      }
+    } else {
+      const patchValue = {
+        _key: selectedValue,
+        _type: "sanity.assist.output.type",
+        type: selectedValue
+      };
+      onChange(PatchEvent.from([setIfMissing([]), insert([patchValue], "after", [-1])]));
+    }
+  }, [onChange, value, ofItems]);
+  return /* @__PURE__ */jsx(Stack, {
+    space: 2,
+    children: ofItems.map(itemType => {
+      var _a;
+      return /* @__PURE__ */jsx(Flex, {
+        children: /* @__PURE__ */jsx(Selectable, {
+          value: itemType.name,
+          title: isType(itemType, "block") ? "Text" : (_a = itemType.title) != null ? _a : itemType.name,
+          arrayValue: value,
+          onChange: onSelectChange
+        })
+      }, itemType.name);
+    })
+  });
+}
+function Selectable(_ref21) {
+  let {
+    title,
+    arrayValue,
+    value,
+    onChange
+  } = _ref21;
+  const checked = !(arrayValue == null ? void 0 : arrayValue.length) || !!(arrayValue == null ? void 0 : arrayValue.find(v => v._key === value));
+  const 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 fieldReference = defineType({
   type: "object",
   name: fieldReferenceTypeName,
-  title: "Document field",
+  title: "Field",
   icon: ThListIcon,
   fields: [defineField({
     type: "string",
@@ -3846,10 +5663,10 @@ const fieldReference = defineType({
     select: {
       path: "path"
     },
-    prepare(_ref14) {
+    prepare(_ref22) {
       let {
         path
-      } = _ref14;
+      } = _ref22;
       return {
         title: path,
         path,
@@ -3994,12 +5811,12 @@ const instruction = defineType({
       title: "title",
       userId: "userId"
     },
-    prepare: _ref15 => {
+    prepare: _ref23 => {
       let {
         icon,
         title,
         userId
-      } = _ref15;
+      } = _ref23;
       return {
         title,
         icon: icon ? icons[icon] : SparklesIcon,
@@ -4104,6 +5921,33 @@ const instruction = defineType({
       var _a, _b;
       return (_b = (_a = context.currentUser) == null ? void 0 : _a.id) != null ? _b : "";
     }
+  }), defineField({
+    type: "array",
+    name: "output",
+    title: "Output filter",
+    components: {
+      input: InstructionOutputInput,
+      field: InstructionOutputField
+    },
+    of: [defineArrayMember({
+      type: "object",
+      name: outputFieldTypeName,
+      title: "Output field",
+      fields: [{
+        type: "string",
+        name: "path",
+        title: "Path"
+      }]
+    }), defineArrayMember({
+      type: "object",
+      name: outputTypeTypeName,
+      title: "Output type",
+      fields: [{
+        type: "string",
+        name: "type",
+        title: "Type"
+      }]
+    })]
   })]
 });
 const fieldInstructions = defineType({
@@ -4320,7 +6164,7 @@ function PrivateIcon() {
     children: /* @__PURE__ */jsx(LockIcon, {})
   });
 }
-const ImageContext = createContext(void 0);
+const ImageContext = createContext({});
 function ImageContextProvider(props) {
   var _a;
   const {
@@ -4335,7 +6179,8 @@ function ImageContextProvider(props) {
     documentSchemaType
   } = useAssistDocumentContext();
   const {
-    config
+    config,
+    status
   } = useAiAssistanceConfig();
   const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
   const {
@@ -4345,28 +6190,30 @@ function ImageContextProvider(props) {
     isSyncing
   } = useSyncState(publicId(documentId), documentSchemaType.name);
   useEffect(() => {
-    const captionField = getCaptionFieldOption(schemaType);
-    if (assetRef && documentId && captionField && assetRef !== assetRefState && !isSyncing) {
+    const descriptionField = getDescriptionFieldOption(schemaType);
+    if (assetRef && documentId && descriptionField && assetRef !== assetRefState && !isSyncing && canUseAssist(status)) {
       setAssetRefState(assetRef);
       generateCaption({
-        path: pathToString([...path, captionField]),
+        path: pathToString([...path, descriptionField]),
         documentId
       });
     }
-  }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption, isSyncing]);
+  }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption, isSyncing, status]);
   const context = useMemo(() => {
-    const captionField = getCaptionFieldOption(schemaType);
-    return captionField ? {
-      captionPath: pathToString([...path, captionField]),
+    const descriptionField = getDescriptionFieldOption(schemaType);
+    const imageInstructionField = getImageInstructionFieldOption(schemaType);
+    return {
+      imageDescriptionPath: descriptionField ? pathToString([...path, descriptionField]) : void 0,
+      imageInstructionPath: imageInstructionField ? pathToString([...path, imageInstructionField]) : void 0,
       assetRef
-    } : void 0;
+    };
   }, [schemaType, path, assetRef]);
   return /* @__PURE__ */jsx(ImageContext.Provider, {
     value: context,
     children: props.renderDefault(props)
   });
 }
-function node$1(node2) {
+function node$3(node2) {
   return node2;
 }
 const generateCaptionsActions = {
@@ -4374,7 +6221,11 @@ const generateCaptionsActions = {
   useAction(props) {
     const pathKey = usePathKey(props.path);
     const {
-      config
+      openInspector
+    } = useDocumentPane();
+    const {
+      config,
+      status
     } = useAiAssistanceConfig();
     const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
     const {
@@ -4382,12 +6233,12 @@ const generateCaptionsActions = {
       loading
     } = useGenerateCaption(apiClient);
     const imageContext = useContext(ImageContext);
-    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.captionPath)) {
+    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.imageDescriptionPath)) {
       const {
         documentId
       } = useAssistDocumentContext();
       return useMemo(() => {
-        return node$1({
+        return node$3({
           type: "action",
           icon: loading ? () => /* @__PURE__ */jsx(Box, {
             style: {
@@ -4399,11 +6250,18 @@ const generateCaptionsActions = {
               }
             })
           }) : ImageIcon,
-          title: "Generate caption",
+          title: "Generate image description",
           onAction: () => {
             if (loading) {
               return;
             }
+            if (!canUseAssist(status)) {
+              openInspector(aiInspectorId, {
+                [fieldPathParam]: pathKey,
+                [instructionParam]: void 0
+              });
+              return;
+            }
             generateCaption({
               path: pathKey,
               documentId: documentId != null ? documentId : ""
@@ -4413,7 +6271,186 @@ const generateCaptionsActions = {
           disabled: loading,
           hidden: !imageContext.assetRef
         });
-      }, [generateCaption, pathKey, documentId, loading, imageContext]);
+      }, [generateCaption, pathKey, documentId, loading, imageContext, status, openInspector]);
+    }
+    return void 0;
+  }
+};
+function node$2(node2) {
+  return node2;
+}
+const translateActions = {
+  name: "sanity-assist-translate",
+  useAction(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const {
+      config,
+      status
+    } = useAiAssistanceConfig();
+    const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+    const {
+      schemaType: fieldSchemaType,
+      path,
+      documentId,
+      documentSchemaType,
+      documentIsAssistable
+    } = props;
+    const isDocumentLevel = path.length === 0;
+    const readOnly = fieldSchemaType.readOnly === true;
+    const docTransTypes = (_b = (_a = config.translate) == null ? void 0 : _a.document) == null ? void 0 : _b.documentTypes;
+    const options = fieldSchemaType == null ? void 0 : fieldSchemaType.options;
+    const addFieldAction = isDocumentLevel || ((_c = options == null ? void 0 : options.aiAssist) == null ? void 0 : _c.translateAction);
+    const fieldTransEnabled = addFieldAction && documentSchemaType && ((_f = (_e = (_d = config.translate) == null ? void 0 : _d.field) == null ? void 0 : _e.documentTypes) == null ? void 0 : _f.includes(documentSchemaType.name));
+    const documentTranslationEnabled = addFieldAction && documentSchemaType && (!docTransTypes && isAssistSupported(fieldSchemaType) || (docTransTypes == null ? void 0 : docTransTypes.includes(documentSchemaType.name)));
+    if (documentSchemaType && (documentTranslationEnabled || fieldTransEnabled)) {
+      const {
+        value: documentValue,
+        onChange: documentOnChange,
+        formState
+      } = useDocumentPane();
+      const docRef = useRef(documentValue);
+      docRef.current = documentValue;
+      const formStateRef = useRef(formState);
+      formStateRef.current = formState;
+      const translationApi = useTranslate(apiClient);
+      const translate = useDraftDelayedTask({
+        documentOnChange,
+        isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
+        task: translationApi.translate
+      });
+      const languagePath = (_h = (_g = config.translate) == null ? void 0 : _g.document) == null ? void 0 : _h.languageField;
+      const translateDocumentAction = useMemo(() => {
+        if (!languagePath || !documentTranslationEnabled) {
+          return void 0;
+        }
+        const title = path.length ? "Translate" : "Translate document";
+        return node$2({
+          type: "action",
+          icon: translationApi.loading ? () => /* @__PURE__ */jsx(Box, {
+            style: {
+              height: 17
+            },
+            children: /* @__PURE__ */jsx(Spinner, {
+              style: {
+                transform: "translateY(6px)"
+              }
+            })
+          }) : TranslateIcon,
+          title,
+          onAction: () => {
+            if (translationApi.loading || !languagePath || !documentId) {
+              return;
+            }
+            translate({
+              languagePath,
+              translatePath: path,
+              documentId: documentId != null ? documentId : "",
+              conditionalMembers: formStateRef.current ? getConditionalMembers(formStateRef.current) : []
+            });
+          },
+          renderAsButton: true,
+          disabled: translationApi.loading || readOnly
+        });
+      }, [languagePath, translate, documentId, translationApi.loading, documentTranslationEnabled, path, readOnly]);
+      const fieldTranslate = useFieldTranslation();
+      const openFieldTranslation = useDraftDelayedTask({
+        documentOnChange,
+        isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
+        task: fieldTranslate.openFieldTranslation
+      });
+      const translateFieldsAction = useMemo(() => fieldTransEnabled ? node$2({
+        type: "action",
+        icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */jsx(Box, {
+          style: {
+            height: 17
+          },
+          children: /* @__PURE__ */jsx(Spinner, {
+            style: {
+              transform: "translateY(6px)"
+            }
+          })
+        }) : TranslateIcon,
+        title: "Translate fields...",
+        onAction: () => {
+          if (fieldTranslate.translationLoading || !documentId) {
+            return;
+          }
+          if (formStateRef.current) {
+            getConditionalMembers(formStateRef.current);
+          }
+          openFieldTranslation({
+            document: docRef.current,
+            documentSchema: documentSchemaType,
+            translatePath: path,
+            conditionalMembers: formStateRef.current ? getConditionalMembers(formStateRef.current) : []
+          });
+        },
+        renderAsButton: true,
+        disabled: fieldTranslate.translationLoading || readOnly
+      }) : void 0, [openFieldTranslation, documentSchemaType, documentId, fieldTranslate.translationLoading, fieldTransEnabled, path, readOnly]);
+      return useMemo(() => {
+        if (!(status == null ? void 0 : status.initialized)) {
+          return void 0;
+        }
+        return node$2({
+          type: "group",
+          icon: () => null,
+          title: "Translation",
+          children: [translateDocumentAction, translateFieldsAction].filter(c => !!c),
+          expanded: true
+        });
+      }, [translateDocumentAction, translateFieldsAction, status]);
+    }
+    return void 0;
+  }
+};
+function node$1(node2) {
+  return node2;
+}
+const generateImagActions = {
+  name: "sanity-assist-generate-image",
+  useAction(props) {
+    const pathKey = usePathKey(props.path);
+    const {
+      config
+    } = useAiAssistanceConfig();
+    const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+    const {
+      generateImage,
+      loading
+    } = useGenerateImage(apiClient);
+    const imageContext = useContext(ImageContext);
+    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.imageInstructionPath)) {
+      const {
+        documentId
+      } = useAssistDocumentContext();
+      return useMemo(() => {
+        return node$1({
+          type: "action",
+          icon: loading ? () => /* @__PURE__ */jsx(Box, {
+            style: {
+              height: 17
+            },
+            children: /* @__PURE__ */jsx(Spinner, {
+              style: {
+                transform: "translateY(6px)"
+              }
+            })
+          }) : ImageIcon,
+          title: "Generate image from prompt",
+          onAction: () => {
+            if (loading) {
+              return;
+            }
+            generateImage({
+              path: pathKey,
+              documentId: documentId != null ? documentId : ""
+            });
+          },
+          renderAsButton: true,
+          disabled: loading
+        });
+      }, [generateImage, pathKey, documentId, loading]);
     }
     return void 0;
   }
@@ -4438,7 +6475,8 @@ const assistFieldActions = {
       documentOnChange,
       documentSchemaType,
       documentId,
-      selectedPath
+      selectedPath,
+      assistableDocumentId
     } =
     // document field actions do not have access to the document context
     // conditional hook _should_ be safe here since the logical path will be stable
@@ -4448,8 +6486,11 @@ const assistFieldActions = {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useAssistDocumentContext();
     const {
-      value: docValue
+      value: docValue,
+      formState
     } = useDocumentPane();
+    const formStateRef = useRef(formState);
+    formStateRef.current = formState;
     const currentUser = useCurrentUser();
     const isHidden = !assistDocument;
     const pathKey = usePathKey(props.path);
@@ -4463,7 +6504,7 @@ const assistFieldActions = {
       isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false
     });
     const isSelectable = !!useSelectedField(documentSchemaType, typePath);
-    const assistSupported = useAssistSupported(props.path, schemaType) && isSelectable && isSchemaAssistEnabled(documentSchemaType);
+    const assistSupported = useAssistSupported(props.path, schemaType) && isSelectable && isSchemaAssistEnabled(documentSchemaType) && schemaType.readOnly !== true;
     const fieldAssist = useMemo(() => {
       var _a;
       return ((_a = assistDocument == null ? void 0 : assistDocument.fields) != null ? _a : []).find(f => f.path === typePath || pathKey === documentRootKey && f.path === pathKey);
@@ -4473,6 +6514,13 @@ const assistFieldActions = {
     const isPathSelected = pathKey === selectedPath;
     const isSelected = isInspectorOpen && isPathSelected;
     const imageCaptionAction = generateCaptionsActions.useAction(props);
+    const imageGenAction = generateImagActions.useAction(props);
+    const translateAction = translateActions.useAction(typed({
+      ...props,
+      documentId: assistableDocumentId,
+      documentIsAssistable,
+      documentSchemaType
+    }));
     const manageInstructions = useCallback(() => isSelected ? closeInspector(aiInspectorId) : openInspector(aiInspectorId, {
       [fieldPathParam]: pathKey,
       [instructionParam]: void 0
@@ -4486,7 +6534,8 @@ const assistFieldActions = {
         assistDocumentId,
         path: pathKey,
         typePath,
-        instruction
+        instruction,
+        conditionalMembers: formStateRef.current ? getConditionalMembers(formStateRef.current) : []
       });
     }, [requestRunInstruction, assistableDocId, pathKey, typePath, assistDocumentId, fieldAssistKey]);
     const privateInstructions = useMemo(() => {
@@ -4499,7 +6548,7 @@ const assistFieldActions = {
     }, [fieldAssist == null ? void 0 : fieldAssist.instructions]);
     const instructions = useMemo(() => [...privateInstructions, ...sharedInstructions], [privateInstructions, sharedInstructions]);
     const runInstructionsGroup = useMemo(() => {
-      return (instructions == null ? void 0 : instructions.length) || imageCaptionAction ? node({
+      return (instructions == null ? void 0 : instructions.length) || imageCaptionAction || translateAction || imageGenAction ? node({
         type: "group",
         icon: () => null,
         title: "Run instructions",
@@ -4510,10 +6559,10 @@ const assistFieldActions = {
           hidden: isHidden,
           documentIsNew: !!documentIsNew,
           assistSupported
-        }))), imageCaptionAction].filter(Boolean),
+        }))), imageCaptionAction, imageGenAction].filter(a => !!a),
         expanded: true
       }) : void 0;
-    }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported, imageCaptionAction]);
+    }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported, imageCaptionAction, translateAction, imageGenAction]);
     const instructionsLength = (instructions == null ? void 0 : instructions.length) || 0;
     const manageInstructionsItem = useMemo(() => node({
       type: "action",
@@ -4526,13 +6575,13 @@ const assistFieldActions = {
       type: "group",
       icon: SparklesIcon,
       title: pluginTitleShort,
-      children: [runInstructionsGroup, assistSupported && manageInstructionsItem].filter(c => !!c),
+      children: [runInstructionsGroup, translateAction, assistSupported && manageInstructionsItem].filter(c => !!c).filter(c => c.type === "group" ? c.children.length : true),
       expanded: false,
       renderAsButton: true,
-      hidden: !assistSupported && !imageCaptionAction
+      hidden: !assistSupported && !imageCaptionAction && !translateAction && !imageGenAction
     }), [
     //documentIsNew,
-    runInstructionsGroup, manageInstructionsItem, assistSupported, imageCaptionAction]);
+    runInstructionsGroup, manageInstructionsItem, assistSupported, imageCaptionAction, translateAction, imageGenAction]);
     const emptyAction = useMemo(() => node({
       type: "action",
       hidden: !assistSupported,
@@ -4542,7 +6591,7 @@ const assistFieldActions = {
       title: pluginTitleShort,
       selected: isSelected
     }), [assistSupported, manageInstructions, isSelected]);
-    if (instructionsLength === 0 && !imageCaptionAction) {
+    if (instructionsLength === 0 && !imageCaptionAction && !translateAction && !imageGenAction) {
       return emptyAction;
     }
     return group;
@@ -4562,9 +6611,7 @@ function instructionItem(props) {
     iconRight: isPrivate ? PrivateIcon : void 0,
     title: getInstructionTitle(instruction),
     onAction: () => onInstructionAction(instruction),
-    disabled: assistSupported ? false : {
-      reason: "".concat(pluginTitle, " is not supported for this field")
-    },
+    disabled: !assistSupported,
     hidden
   });
 }
@@ -4641,7 +6688,7 @@ function useInstructionToaster(documentId, documentSchemaType) {
 }
 function AssistDocumentInputWrapper(props) {
   var _a;
-  if (!isType(props.schemaType, "document") && props.id !== "root") {
+  if (!isType(props.schemaType, "document") && props.id !== "root" && props.id !== assistFormId) {
     return /* @__PURE__ */jsx(AssistInput, {
       ...props
     });
@@ -4655,18 +6702,34 @@ function AssistDocumentInputWrapper(props) {
     documentId
   });
 }
-function AssistDocumentInput(_ref16) {
+function AssistDocumentInput(_ref24) {
   let {
     documentId,
     ...props
-  } = _ref16;
+  } = _ref24;
   useInstructionToaster(documentId, props.schemaType);
+  const schemaType = useMemo(() => {
+    if (props.schemaType.name !== assistDocumentTypeName) {
+      return props.schemaType;
+    }
+    return {
+      ...props.schemaType,
+      type: {
+        ...props.schemaType.type,
+        // compatability with i18nArrays plugin that requires this to be document
+        name: "document"
+      }
+    };
+  }, [props.schemaType]);
   return /* @__PURE__ */jsx(FirstAssistedPathProvider, {
     members: props.members,
     children: /* @__PURE__ */jsx(AssistDocumentContextProvider, {
-      schemaType: props.schemaType,
+      schemaType,
       documentId,
-      children: props.renderDefault(props)
+      children: props.renderDefault({
+        ...props,
+        schemaType
+      })
     })
   });
 }
@@ -4737,31 +6800,41 @@ const assist = definePlugin(config => {
     schema: {
       types: schemaTypes
     },
+    i18n: {
+      bundles: [{}]
+    },
     document: {
       inspectors: (prev, context) => {
-        const docSchema = context.schema.get(context.documentType);
+        const documentType = context.documentType;
+        const docSchema = context.schema.get(documentType);
         if (docSchema && isSchemaAssistEnabled(docSchema)) {
           return [...prev, assistInspector];
         }
         return prev;
       },
-      unstable_fieldActions: (prev, _ref17) => {
+      unstable_fieldActions: (prev, _ref25) => {
         let {
           documentType,
           schema
-        } = _ref17;
+        } = _ref25;
+        if (documentType === assistDocumentTypeName) {
+          return [];
+        }
         const docSchema = schema.get(documentType);
         if (docSchema && isSchemaAssistEnabled(docSchema)) {
           return [...prev, assistFieldActions];
         }
         return prev;
       },
-      unstable_languageFilter: (prev, _ref18) => {
+      unstable_languageFilter: (prev, _ref26) => {
         let {
           documentId,
           schema,
           schemaType
-        } = _ref18;
+        } = _ref26;
+        if (schemaType === assistDocumentTypeName) {
+          return [];
+        }
         const docSchema = schema.get(schemaType);
         if (docSchema && isObjectSchemaType(docSchema) && isSchemaAssistEnabled(docSchema)) {
           return [...prev, createAssistDocumentPresence(documentId, docSchema)];
@@ -4815,5 +6888,5 @@ const assist = definePlugin(config => {
     })()]
   };
 });
-export { SchemaTypeTool, assist, contextDocumentTypeName };
+export { SchemaTypeTool, assist, contextDocumentTypeName, defaultLanguageOutputs };
 //# sourceMappingURL=index.esm.js.map