@sanity/assist 1.2.15-lang.2 → 1.2.15-lang.4

package/dist/index.js

@@ -150,6 +150,17 @@ function getCaptionFieldOption(schemaType) {
   }
   return getCaptionFieldOption(schemaType.type);
 }
+function getImagePromptFieldOption(schemaType) {
+  var _a;
+  if (!schemaType) {
+    return void 0;
+  }
+  const imagePromptField = (_a = schemaType.options) == null ? void 0 : _a.imagePromptField;
+  if (imagePromptField) {
+    return imagePromptField;
+  }
+  return getImagePromptFieldOption(schemaType.type);
+}
 function isSchemaAssistEnabled(type) {
   var _a, _b;
   return !((_b = (_a = type.options) == null ? void 0 : _a.aiWritingAssistance) == null ? void 0 : _b.exclude);
@@ -984,6 +995,7 @@ function useTranslate(apiClient) {
     let {
       documentId,
       languagePath,
+      translatePath,
       fieldLanguageMap
     } = _ref4;
     setLoading(true);
@@ -995,6 +1007,7 @@ function useTranslate(apiClient) {
         types,
         languagePath,
         fieldLanguageMap,
+        translatePath: translatePath.length === 0 ? documentRootKey : sanity.pathToString(translatePath),
         userId: user == null ? void 0 : user.id
       }
     }).catch(e => {
@@ -1058,6 +1071,48 @@ function useGenerateCaption(apiClient) {
     loading
   }), [generateCaption, loading]);
 }
+function useGenerateImage(apiClient) {
+  const [loading, setLoading] = react.useState(false);
+  const user = sanity.useCurrentUser();
+  const schema = sanity.useSchema();
+  const types = react.useMemo(() => serializeSchema(schema, {
+    leanFormat: true
+  }), [schema]);
+  const toast = ui.useToast();
+  const generateImage = react.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 react.useMemo(() => ({
+    generateImage,
+    loading
+  }), [generateImage, loading]);
+}
 function useGetInstructStatus(apiClient) {
   const [loading, setLoading] = react.useState(true);
   const getInstructStatus = react.useCallback(async () => {
@@ -1247,8 +1302,8 @@ function RunInstructionProvider(props) {
       runInstructionRequest({
         ...request,
         instructionKey: instruction._key,
-        userTexts: Object.entries(inputs).map(_ref6 => {
-          let [key, value] = _ref6;
+        userTexts: Object.entries(inputs).map(_ref7 => {
+          let [key, value] = _ref7;
           return {
             blockKey: key,
             userInput: value
@@ -1261,8 +1316,8 @@ function RunInstructionProvider(props) {
   const open = !!runRequest;
   const runDisabled = react.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(_ref7 => {
-      let [, value] = _ref7;
+    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]);
@@ -1654,13 +1709,13 @@ function useSelectedSchema(fieldPath, documentSchema) {
     return currentSchema;
   }, [documentSchema, fieldPath]);
 }
-function FieldsInitializer(_ref8) {
+function FieldsInitializer(_ref9) {
   let {
     pathKey,
     activePath,
     fieldExists,
     onChange
-  } = _ref8;
+  } = _ref9;
   const initialized = react.useRef(false);
   react.useEffect(() => {
     if (initialized.current || fieldExists || activePath || !pathKey) {
@@ -2188,10 +2243,10 @@ const assistInspector = {
     showAsAction: false
   }),
   component: AssistInspectorWrapper,
-  onClose(_ref9) {
+  onClose(_ref10) {
     let {
       params
-    } = _ref9;
+    } = _ref10;
     return {
       params: sanity.typed({
         ...params,
@@ -2264,11 +2319,11 @@ var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", {
 var _a$3, _b$1;
 const fadeIn = styled.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__default.default.div(_b$1 || (_b$1 = __template$3(["\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n"])), fadeIn);
-const FadeInContent = react.forwardRef(function FadeInContent2(_ref10, ref) {
+const FadeInContent = react.forwardRef(function FadeInContent2(_ref11, ref) {
   let {
     children,
     durationMs = 250
-  } = _ref10;
+  } = _ref11;
   return /* @__PURE__ */jsxRuntime.jsx(FadeInDiv, {
     ref,
     style: {
@@ -3329,7 +3384,7 @@ const defaultLanguageOutputs = function (member, enclosingType, translateFromLan
   }
   return void 0;
 };
-function getTranslationMap(documentSchema, documentMembers, translateFromLanguageId, outputLanguageIds, langFn) {
+function getFieldLanguageMap(documentSchema, documentMembers, translateFromLanguageId, outputLanguageIds, langFn) {
   var _a, _b, _c;
   const translationMaps = [];
   for (const member of documentMembers) {
@@ -4558,16 +4613,29 @@ const getLanguageParams = (select, document) => {
   }
   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 = react.createContext({
   openFieldTranslation: () => {},
   translationLoading: false
-  //loadLanguages: () => {},
 });
 function useFieldTranslation() {
   return react.useContext(FieldTranslationContext);
 }
 function FieldTranslationProvider(props) {
-  var _a, _b;
+  var _a, _b, _c;
   const {
     config: assistConfig
   } = useAiAssistanceConfig();
@@ -4577,64 +4645,63 @@ function FieldTranslationProvider(props) {
     translate: runTranslate
   } = useTranslate(apiClient);
   const [dialogOpen, setDialogOpen] = react.useState(false);
-  const [document, setDocument] = react.useState();
-  const [documentSchema, setDocumentSchema] = react.useState();
+  const [fieldTranslationParams, setFieldTranslationParams] = react.useState();
   const [languages, setLanguages] = react.useState();
   const [fromLanguage, setFromLanguage] = react.useState(void 0);
   const [toLanguages, setToLanguages] = react.useState(void 0);
-  const [translationMap, setTranslationMap] = react.useState();
+  const [fieldLanguageMaps, setFieldLanguageMaps] = react.useState();
   const close = react.useCallback(() => {
     setDialogOpen(false);
     setLanguages(void 0);
-    setDocument(void 0);
-    setDocument(void 0);
+    setFieldTranslationParams(void 0);
   }, []);
   const languageClient = sanity.useClient({
     apiVersion: (_b = config == null ? void 0 : config.apiVersion) != null ? _b : "2022-11-27"
   });
-  const documentId = document == null ? void 0 : document._id;
+  const documentId = (_c = fieldTranslationParams == null ? void 0 : fieldTranslationParams.document) == null ? void 0 : _c._id;
   const id = react.useId();
-  const selectFromLanguage = react.useCallback((from, languages2, document2, documentSchema2) => {
+  const selectFromLanguage = react.useCallback((from, languages2, params) => {
     var _a2, _b2;
+    const {
+      document,
+      documentSchema
+    } = params != null ? params : {};
     setFromLanguage(from);
-    if (!document2 || !documentSchema2 || !languages2) {
-      setTranslationMap(void 0);
+    if (!document || !documentSchema || !params || !languages2) {
+      setFieldLanguageMaps(void 0);
       return;
     }
-    const to = languages2.filter(l => l.id !== (from == null ? void 0 : from.id));
+    const preferred = getPreferredToFieldLanguages(from.id);
+    const to = languages2.filter(l => l.id !== (from == null ? void 0 : from.id)).filter(l => !preferred.length || preferred.includes(l.id));
     setToLanguages(to);
     const fromId = from == null ? void 0 : from.id;
     const toIds = (_a2 = to == null ? void 0 : to.map(l => l.id)) != null ? _a2 : [];
-    const docMembers = getDocumentMembersFlat(document2, documentSchema2);
+    const docMembers = getDocumentMembersFlat(document, documentSchema);
     if (fromId && (toIds == null ? void 0 : toIds.length)) {
-      const transMap = getTranslationMap(documentSchema2, docMembers, fromId, toIds, (_b2 = config == null ? void 0 : config.translationOutputs) != null ? _b2 : defaultLanguageOutputs);
-      setTranslationMap(transMap);
+      const transMap = getFieldLanguageMap(documentSchema, docMembers, fromId, toIds, (_b2 = config == null ? void 0 : config.translationOutputs) != null ? _b2 : defaultLanguageOutputs);
+      setFieldLanguageMaps(transMap);
     } else {
-      setTranslationMap(void 0);
+      setFieldLanguageMaps(void 0);
     }
   }, [config]);
   const toggleToLanguage = react.useCallback((toggledLang, toLanguages2, languages2) => {
-    if (!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);
-  }, []);
-  const openFieldTranslation = react.useCallback(async _ref11 => {
-    let {
-      document: document2,
-      documentSchema: documentSchema2
-    } = _ref11;
+    setPreferredToFieldLanguages(fromLanguage.id, newToLangs.map(l => l.id));
+  }, [fromLanguage]);
+  const openFieldTranslation = react.useCallback(async params => {
     setDialogOpen(true);
-    const languageParams = getLanguageParams(config == null ? void 0 : config.selectLanguageParams, document2);
+    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);
-    setDocument(document2);
-    setDocumentSchema(documentSchema2);
+    setFieldTranslationParams(params);
     const fromLanguage2 = languages2 == null ? void 0 : languages2[0];
     if (fromLanguage2) {
-      selectFromLanguage(fromLanguage2, languages2, document2, documentSchema2);
+      selectFromLanguage(fromLanguage2, languages2, params);
     } else {
       console.error("No languages available for selected language params", languageParams);
     }
@@ -4645,12 +4712,14 @@ function FieldTranslationProvider(props) {
       translationLoading: false
     };
   }, [openFieldTranslation]);
-  const runDisabled = !fromLanguage || !(toLanguages == null ? void 0 : toLanguages.length) || !(translationMap == null ? void 0 : translationMap.length) || !documentId;
+  const runDisabled = !fromLanguage || !(toLanguages == null ? void 0 : toLanguages.length) || !(fieldLanguageMaps == null ? void 0 : fieldLanguageMaps.length) || !documentId;
   const onRunTranslation = react.useCallback(() => {
-    if (translationMap && documentId) {
+    const translatePath = fieldTranslationParams == null ? void 0 : fieldTranslationParams.translatePath;
+    if (fieldLanguageMaps && documentId && translatePath) {
       runTranslate({
         documentId,
-        fieldLanguageMap: translationMap.map(map => ({
+        translatePath: fieldTranslationParams == null ? void 0 : fieldTranslationParams.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)))
@@ -4658,7 +4727,7 @@ function FieldTranslationProvider(props) {
       });
     }
     close();
-  }, [translationMap, documentId, runTranslate, close, toLanguages]);
+  }, [fieldLanguageMaps, documentId, runTranslate, close, toLanguages, fieldTranslationParams == null ? void 0 : fieldTranslationParams.translatePath]);
   const runButton = /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
     text: "Translate",
     tone: "primary",
@@ -4717,7 +4786,7 @@ function FieldTranslationProvider(props) {
                 name: "fromLang",
                 value: l.id,
                 checked: l.id === (fromLanguage == null ? void 0 : fromLanguage.id),
-                onClick: () => selectFromLanguage(l, languages, document, documentSchema)
+                onClick: () => selectFromLanguage(l, languages, fieldTranslationParams)
               }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
                 children: (_a2 = l.title) != null ? _a2 : l.id
               })]
@@ -4740,8 +4809,7 @@ function FieldTranslationProvider(props) {
                 name: "toLang",
                 value: l.id,
                 checked: !!(toLanguages == null ? void 0 : toLanguages.find(tl => tl.id === l.id)),
-                onClick: () => toggleToLanguage(l, toLanguages, languages),
-                disabled: !(translationMap == null ? void 0 : translationMap.find(tm => tm.outputs.find(o => o.id === l.id)))
+                onClick: () => toggleToLanguage(l, toLanguages, languages)
               }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
                 children: (_a2 = l.title) != null ? _a2 : l.id
               })]
@@ -4806,7 +4874,10 @@ function ErrorWrapper(props) {
   const catchError = react.useCallback(params => {
     setError(params.error);
   }, [setError]);
-  const unsetValue = react.useCallback(() => onChange(sanity.PatchEvent.from(sanity.unset())), [onChange]);
+  const unsetValue = react.useCallback(() => {
+    onChange(sanity.PatchEvent.from(sanity.unset()));
+    setError(void 0);
+  }, [onChange]);
   const dismiss = react.useCallback(() => setError(void 0), []);
   const catcher = /* @__PURE__ */jsxRuntime.jsx(ui.ErrorBoundary, {
     onCatch: catchError,
@@ -6114,7 +6185,7 @@ function PrivateIcon() {
     children: /* @__PURE__ */jsxRuntime.jsx(icons.LockIcon, {})
   });
 }
-const ImageContext = react.createContext(void 0);
+const ImageContext = react.createContext({});
 function ImageContextProvider(props) {
   var _a;
   const {
@@ -6150,17 +6221,19 @@ function ImageContextProvider(props) {
   }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption, isSyncing]);
   const context = react.useMemo(() => {
     const captionField = getCaptionFieldOption(schemaType);
-    return captionField ? {
-      captionPath: sanity.pathToString([...path, captionField]),
+    const imagePromptField = getImagePromptFieldOption(schemaType);
+    return {
+      captionPath: captionField ? sanity.pathToString([...path, captionField]) : void 0,
+      imagePromptPath: imagePromptField ? sanity.pathToString([...path, imagePromptField]) : void 0,
       assetRef
-    } : void 0;
+    };
   }, [schemaType, path, assetRef]);
   return /* @__PURE__ */jsxRuntime.jsx(ImageContext.Provider, {
     value: context,
     children: props.renderDefault(props)
   });
 }
-function node$2(node2) {
+function node$3(node2) {
   return node2;
 }
 const generateCaptionsActions = {
@@ -6181,7 +6254,7 @@ const generateCaptionsActions = {
         documentId
       } = useAssistDocumentContext();
       return react.useMemo(() => {
-        return node$2({
+        return node$3({
           type: "action",
           icon: loading ? () => /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
             style: {
@@ -6212,27 +6285,31 @@ const generateCaptionsActions = {
     return void 0;
   }
 };
-function node$1(node2) {
+function node$2(node2) {
   return node2;
 }
 const translateActions = {
   name: "sanity-assist-translate",
   useAction(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const {
       config
     } = useAiAssistanceConfig();
     const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
-    const isDocumentLevel = props.path.length === 0;
     const {
-      schemaType,
+      schemaType: fieldSchemaType,
+      path,
       documentId,
+      documentSchemaType,
       documentIsAssistable
     } = props;
-    const fieldTransEnabled = (_c = (_b = (_a = config.translate) == null ? void 0 : _a.field) == null ? void 0 : _b.documentTypes) == null ? void 0 : _c.includes(schemaType.name);
-    const docTransTypes = (_e = (_d = config.translate) == null ? void 0 : _d.document) == null ? void 0 : _e.documentTypes;
-    const documentTranslationEnabled = isDocumentLevel && (!docTransTypes && isAssistSupported(schemaType) || (docTransTypes == null ? void 0 : docTransTypes.includes(schemaType.name)));
-    if (documentTranslationEnabled || fieldTransEnabled) {
+    const isDocumentLevel = path.length === 0;
+    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.aiWritingAssistance) == 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
@@ -6245,39 +6322,52 @@ const translateActions = {
         task: translationApi.translate
       });
       docRef.current = documentValue;
-      const languagePath = (_g = (_f = config.translate) == null ? void 0 : _f.document) == null ? void 0 : _g.languageField;
-      const translateDocumentAction = react.useMemo(() => languagePath && documentTranslationEnabled ? node$1({
-        type: "action",
-        icon: translationApi.loading ? () => /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
-          style: {
-            height: 17
-          },
-          children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+      const languagePath = (_h = (_g = config.translate) == null ? void 0 : _g.document) == null ? void 0 : _h.languageField;
+      const translateDocumentAction = react.useMemo(() => {
+        var _a2;
+        if (!languagePath || !documentTranslationEnabled) {
+          return void 0;
+        }
+        const {
+          value: languageId
+        } = (_a2 = mutator.extractWithPath(languagePath, documentValue)[0]) != null ? _a2 : {};
+        const title = path.length ? "Translate" : "Translate document";
+        return node$2({
+          type: "action",
+          icon: translationApi.loading ? () => /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
             style: {
-              transform: "translateY(6px)"
+              height: 17
+            },
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+              style: {
+                transform: "translateY(6px)"
+              }
+            })
+          }) : icons.TranslateIcon,
+          title,
+          onAction: () => {
+            if (translationApi.loading || !languagePath || !documentId) {
+              return;
             }
-          })
-        }) : icons.TranslateIcon,
-        title: "Translate document",
-        onAction: () => {
-          if (translationApi.loading || !languagePath || !documentId) {
-            return;
-          }
-          translate({
-            languagePath,
-            documentId: documentId != null ? documentId : ""
-          });
-        },
-        renderAsButton: true,
-        disabled: translationApi.loading
-      }) : void 0, [languagePath, translate, documentId, translationApi.loading, documentTranslationEnabled]);
+            translate({
+              languagePath,
+              translatePath: path,
+              documentId: documentId != null ? documentId : ""
+            });
+          },
+          renderAsButton: true,
+          disabled: translationApi.loading || !languageId ? {
+            reason: "Language is not set for this document"
+          } : void 0
+        });
+      }, [languagePath, translate, documentId, translationApi.loading, documentTranslationEnabled, path]);
       const fieldTranslate = useFieldTranslation();
       const openFieldTranslation = useDraftDelayedTask({
         documentOnChange,
         isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
         task: fieldTranslate.openFieldTranslation
       });
-      const translateFieldsAction = react.useMemo(() => fieldTransEnabled ? node$1({
+      const translateFieldsAction = react.useMemo(() => fieldTransEnabled ? node$2({
         type: "action",
         icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
           style: {
@@ -6289,24 +6379,25 @@ const translateActions = {
             }
           })
         }) : icons.TranslateIcon,
-        title: "Translate fields",
+        title: "Translate fields...",
         onAction: () => {
           if (fieldTranslate.translationLoading || !documentId) {
             return;
           }
           openFieldTranslation({
             document: docRef.current,
-            documentSchema: schemaType
+            documentSchema: documentSchemaType,
+            translatePath: path
           });
         },
         renderAsButton: true,
         disabled: fieldTranslate.translationLoading
-      }) : void 0, [openFieldTranslation, schemaType, documentId, fieldTranslate.translationLoading, fieldTransEnabled]);
+      }) : void 0, [openFieldTranslation, documentSchemaType, documentId, fieldTranslate.translationLoading, fieldTransEnabled, path]);
       return react.useMemo(() => {
-        return node$1({
+        return node$2({
           type: "group",
           icon: () => null,
-          title: "Translate",
+          title: "Translation",
           children: [translateDocumentAction, translateFieldsAction].filter(c => !!c),
           expanded: true
         });
@@ -6315,6 +6406,58 @@ const translateActions = {
     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 = react.useContext(ImageContext);
+    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.imagePromptPath)) {
+      const {
+        documentId
+      } = useAssistDocumentContext();
+      return react.useMemo(() => {
+        return node$1({
+          type: "action",
+          icon: loading ? () => /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+            style: {
+              height: 17
+            },
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+              style: {
+                transform: "translateY(6px)"
+              }
+            })
+          }) : icons.ImageIcon,
+          title: "Generate image from prompt",
+          onAction: () => {
+            if (loading) {
+              return;
+            }
+            generateImage({
+              path: pathKey,
+              documentId: documentId != null ? documentId : ""
+            });
+          },
+          renderAsButton: true,
+          disabled: loading,
+          hidden: !imageContext.assetRef
+        });
+      }, [generateImage, pathKey, documentId, loading, imageContext]);
+    }
+    return void 0;
+  }
+};
 function node(node2) {
   return node2;
 }
@@ -6371,10 +6514,12 @@ const assistFieldActions = {
     const isPathSelected = pathKey === selectedPath;
     const isSelected = isInspectorOpen && isPathSelected;
     const imageCaptionAction = generateCaptionsActions.useAction(props);
+    const imageGenAction = generateImagActions.useAction(props);
     const translateAction = translateActions.useAction(sanity.typed({
       ...props,
       documentId: assistableDocumentId,
-      documentIsAssistable
+      documentIsAssistable,
+      documentSchemaType
     }));
     const manageInstructions = react.useCallback(() => isSelected ? closeInspector(aiInspectorId) : openInspector(aiInspectorId, {
       [fieldPathParam]: pathKey,
@@ -6402,7 +6547,7 @@ const assistFieldActions = {
     }, [fieldAssist == null ? void 0 : fieldAssist.instructions]);
     const instructions = react.useMemo(() => [...privateInstructions, ...sharedInstructions], [privateInstructions, sharedInstructions]);
     const runInstructionsGroup = react.useMemo(() => {
-      return (instructions == null ? void 0 : instructions.length) || imageCaptionAction || translateAction ? node({
+      return (instructions == null ? void 0 : instructions.length) || imageCaptionAction || translateAction || imageGenAction ? node({
         type: "group",
         icon: () => null,
         title: "Run instructions",
@@ -6413,10 +6558,10 @@ const assistFieldActions = {
           hidden: isHidden,
           documentIsNew: !!documentIsNew,
           assistSupported
-        }))), imageCaptionAction].filter(a => !!a),
+        }))), imageCaptionAction, imageGenAction].filter(a => !!a),
         expanded: true
       }) : void 0;
-    }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported, imageCaptionAction, translateAction]);
+    }, [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 = react.useMemo(() => node({
       type: "action",
@@ -6429,13 +6574,13 @@ const assistFieldActions = {
       type: "group",
       icon: icons.SparklesIcon,
       title: pluginTitleShort,
-      children: [runInstructionsGroup, translateAction, 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 && !translateAction
+      hidden: !assistSupported && !imageCaptionAction && !translateAction && !imageGenAction
     }), [
     //documentIsNew,
-    runInstructionsGroup, manageInstructionsItem, assistSupported, imageCaptionAction, translateAction]);
+    runInstructionsGroup, manageInstructionsItem, assistSupported, imageCaptionAction, translateAction, imageGenAction]);
     const emptyAction = react.useMemo(() => node({
       type: "action",
       hidden: !assistSupported,
@@ -6445,7 +6590,7 @@ const assistFieldActions = {
       title: pluginTitleShort,
       selected: isSelected
     }), [assistSupported, manageInstructions, isSelected]);
-    if (instructionsLength === 0 && !imageCaptionAction && !translateAction) {
+    if (instructionsLength === 0 && !imageCaptionAction && !translateAction && !imageGenAction) {
       return emptyAction;
     }
     return group;
@@ -6564,12 +6709,28 @@ function AssistDocumentInput(_ref23) {
     ...props
   } = _ref23;
   useInstructionToaster(documentId, props.schemaType);
+  const schemaType = react.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__ */jsxRuntime.jsx(FirstAssistedPathProvider, {
     members: props.members,
     children: /* @__PURE__ */jsxRuntime.jsx(AssistDocumentContextProvider, {
-      schemaType: props.schemaType,
+      schemaType,
       documentId,
-      children: props.renderDefault(props)
+      children: props.renderDefault({
+        ...props,
+        schemaType
+      })
     })
   });
 }
@@ -6645,7 +6806,8 @@ const assist = sanity.definePlugin(config => {
     },
     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];
         }
@@ -6656,6 +6818,9 @@ const assist = sanity.definePlugin(config => {
           documentType,
           schema
         } = _ref24;
+        if (documentType === assistDocumentTypeName) {
+          return [];
+        }
         const docSchema = schema.get(documentType);
         if (docSchema && isSchemaAssistEnabled(docSchema)) {
           return [...prev, assistFieldActions];
@@ -6668,6 +6833,9 @@ const assist = sanity.definePlugin(config => {
           schema,
           schemaType
         } = _ref25;
+        if (schemaType === assistDocumentTypeName) {
+          return [];
+        }
         const docSchema = schema.get(schemaType);
         if (docSchema && sanity.isObjectSchemaType(docSchema) && isSchemaAssistEnabled(docSchema)) {
           return [...prev, createAssistDocumentPresence(documentId, docSchema)];