@sanity/assist 1.0.11 → 1.1.0

package/dist/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
@@ -71,7 +69,7 @@ const listenQuery = function (client, query) {
   const events$ = listen(client, listenerQuery, params, options).pipe(operators.mergeMap((ev, i) => {
     const isFirst = i === 0;
     if (isFirst && !isWelcomeEvent(ev)) {
-      return rxjs.throwError(new Error(ev.type === "reconnect" ? "Could not establish EventSource connection" : "Received unexpected type of first event \"".concat(ev.type, "\"")));
+      return rxjs.throwError(new Error(ev.type === "reconnect" ? "Could not establish EventSource connection" : 'Received unexpected type of first event "'.concat(ev.type, '"')));
     }
     return rxjs.of(ev);
   }), operators.share());
@@ -135,6 +133,20 @@ function isType(schemaType, typeName) {
   }
   return isType(schemaType.type, typeName);
 }
+function isImage(schemaType) {
+  return isType(schemaType, "image");
+}
+function getCaptionFieldOption(schemaType) {
+  var _a;
+  if (!schemaType) {
+    return void 0;
+  }
+  const captionField = (_a = schemaType.options) == null ? void 0 : _a.captionField;
+  if (captionField) {
+    return captionField;
+  }
+  return getCaptionFieldOption(schemaType.type);
+}
 function isSchemaAssistEnabled(type) {
   var _a, _b;
   return !((_b = (_a = type.options) == null ? void 0 : _a.aiWritingAssistance) == null ? void 0 : _b.exclude);
@@ -697,8 +709,14 @@ function getInstructionTitle(instruction) {
   var _a;
   return (_a = instruction == null ? void 0 : instruction.title) != null ? _a : "Untitled";
 }
-const rotate = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-const SyncSpinningIcon = styled__default.default(icons.SyncIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
+var __freeze$5 = Object.freeze;
+var __defProp$5 = Object.defineProperty;
+var __template$5 = (cooked, raw) => __freeze$5(__defProp$5(cooked, "raw", {
+  value: __freeze$5(raw || cooked.slice())
+}));
+var _a$5, _b$3;
+const rotate = styled.keyframes(_a$5 || (_a$5 = __template$5(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+const SyncSpinningIcon = styled__default.default(icons.SyncIcon)(_b$3 || (_b$3 = __template$5(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
 const TASK_CONFIG = {
   aborted: {
     title: "Canceled",
@@ -736,25 +754,26 @@ function InstructionTaskHistoryButton(props) {
       return;
     }
     const statusDocId = assistTasksStatusId(documentId);
-    const basePath = "".concat(sanity.typed("tasks"), "[_key==\"").concat(taskKey, "\"]");
+    const basePath = "".concat(sanity.typed("tasks"), '[_key=="').concat(taskKey, '"]');
     client.patch(statusDocId).set({
       ["".concat(basePath, ".").concat(sanity.typed("ended"))]: /* @__PURE__ */new Date().toISOString(),
       ["".concat(basePath, ".").concat(sanity.typed("reason"))]: sanity.typed("aborted")
     }).commit().catch(console.error);
   }, [client, documentId]);
   const titledTasks = react.useMemo(() => {
-    var _a;
-    const t = (_a = tasks == null ? void 0 : tasks.filter(task => task.started && /* @__PURE__ */new Date().getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs).map(task => {
+    var _a2;
+    const t = (_a2 = tasks == null ? void 0 : tasks.filter(task => task.started && /* @__PURE__ */new Date().getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs).map(task => {
+      var _a3;
       const instruction = instructions == null ? void 0 : instructions.find(i => i._key === task.instructionKey);
       return {
         ...task,
-        title: showTitles ? getInstructionTitle(instruction) : void 0,
+        title: showTitles ? (_a3 = task.title) != null ? _a3 : getInstructionTitle(instruction) : void 0,
         cancel: () => cancelRun(task._key)
       };
-    })) != null ? _a : [];
+    })) != null ? _a2 : [];
     t.sort((a, b) => {
-      var _a2, _b;
-      return new Date((_a2 = b.started) != null ? _a2 : "").getTime() - new Date((_b = a.started) != null ? _b : "").getTime();
+      var _a3, _b2;
+      return new Date((_a3 = b.started) != null ? _a3 : "").getTime() - new Date((_b2 = a.started) != null ? _b2 : "").getTime();
     });
     return t;
   }, [tasks, instructions, cancelRun, showTitles]);
@@ -839,7 +858,7 @@ function TaskList(props) {
   });
 }
 function TaskItem(props) {
-  var _a;
+  var _a2;
   const {
     task
   } = props;
@@ -877,7 +896,7 @@ function TaskItem(props) {
             muted: true,
             size: 1,
             children: /* @__PURE__ */jsxRuntime.jsx(TimeAgo, {
-              date: (_a = task.ended) != null ? _a : task.started
+              date: (_a2 = task.ended) != null ? _a2 : task.started
             })
           })]
         })]
@@ -902,6 +921,48 @@ function useApiClient(customApiClient) {
   });
   return react.useMemo(() => customApiClient ? customApiClient(client) : client, [client, customApiClient]);
 }
+function useGenerateCaption(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 generateCaption = react.useCallback(_ref4 => {
+    let {
+      path,
+      documentId
+    } = _ref4;
+    setLoading(true);
+    return apiClient.request({
+      method: "POST",
+      url: "/assist/tasks/generate-caption/".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 caption failed",
+        description: e.message
+      });
+      setLoading(false);
+      throw e;
+    }).finally(() => {
+      setTimeout(() => {
+        setLoading(false);
+      }, 2e3);
+    });
+  }, [setLoading, apiClient, toast, user, types]);
+  return react.useMemo(() => ({
+    generateCaption,
+    loading
+  }), [generateCaption, loading]);
+}
 function useGetInstructStatus(apiClient) {
   const [loading, setLoading] = react.useState(true);
   const projectClient = sanity.useClient({
@@ -1102,8 +1163,8 @@ function RunInstructionProvider(props) {
       runInstructionRequest({
         ...request,
         instructionKey: instruction._key,
-        userTexts: Object.entries(inputs).map(_ref4 => {
-          let [key, value] = _ref4;
+        userTexts: Object.entries(inputs).map(_ref5 => {
+          let [key, value] = _ref5;
           return {
             blockKey: key,
             userInput: value
@@ -1116,8 +1177,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(_ref5 => {
-      let [, value] = _ref5;
+    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 !!value;
     }).length;
   }, [runRequest == null ? void 0 : runRequest.userInputBlocks, inputs]);
@@ -1329,8 +1390,14 @@ function useOnboardingFeature(featureKey) {
     dismissOnboarding
   };
 }
-const CardWithShadowBelow = styled__default.default(ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
-const CardWithShadowAbove = styled__default.default(ui.Card)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: -1px;\n    border-top: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
+var __freeze$4 = Object.freeze;
+var __defProp$4 = Object.defineProperty;
+var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", {
+  value: __freeze$4(raw || cooked.slice())
+}));
+var _a$4, _b$2;
+const CardWithShadowBelow = styled__default.default(ui.Card)(_a$4 || (_a$4 = __template$4(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
+const CardWithShadowAbove = styled__default.default(ui.Card)(_b$2 || (_b$2 = __template$4(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: -1px;\n    border-top: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
 function AssistInspectorWrapper(props) {
   const context = useAiAssistanceConfig();
   if (context.statusLoading) {
@@ -1449,11 +1516,11 @@ function AssistInspectorWrapper(props) {
   });
 }
 function AssistInspector(props) {
-  var _a, _b;
+  var _a2, _b2;
   const {
     params
   } = useAiPaneRouter();
-  const [boundary, setBoundary] = react.useState(null);
+  const boundary = react.useRef(null);
   const pathKey = params == null ? void 0 : params[fieldPathParam];
   const instructionKey = params == null ? void 0 : params[instructionParam];
   const documentPane = desk.useDocumentPane();
@@ -1481,28 +1548,28 @@ function AssistInspector(props) {
     documentId,
     schemaType
   });
-  const assistField = (_a = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a.find(f => f.path === pathKey);
-  const instruction = (_b = assistField == null ? void 0 : assistField.instructions) == null ? void 0 : _b.find(i => i._key === instructionKey);
+  const assistField = (_a2 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a2.find(f => f.path === pathKey);
+  const instruction = (_b2 = assistField == null ? void 0 : assistField.instructions) == null ? void 0 : _b2.find(i => i._key === instructionKey);
   const tasks = react.useMemo(() => {
-    var _a2;
-    return (_a2 = assistDocument == null ? void 0 : assistDocument.tasks) == null ? void 0 : _a2.filter(i => !instructionKey || i.instructionKey === instructionKey);
+    var _a3;
+    return (_a3 = assistDocument == null ? void 0 : assistDocument.tasks) == null ? void 0 : _a3.filter(i => !instructionKey || i.instructionKey === instructionKey);
   }, [assistDocument == null ? void 0 : assistDocument.tasks, instructionKey]);
   const instructions = react.useMemo(() => {
-    var _a2;
-    return (_a2 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a2.flatMap(f => {
-      var _a3;
-      return (_a3 = f.instructions) != null ? _a3 : [];
+    var _a3;
+    return (_a3 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a3.flatMap(f => {
+      var _a4;
+      return (_a4 = f.instructions) != null ? _a4 : [];
     });
   }, [assistDocument == null ? void 0 : assistDocument.fields]);
   const promptValue = instruction == null ? void 0 : instruction.prompt;
   const isEmptyPrompt = react.useMemo(() => {
-    var _a2, _b2;
+    var _a3, _b3;
     if (!(promptValue == null ? void 0 : promptValue.length)) {
       return true;
     }
     const firstBlock = promptValue[0];
     const children = firstBlock == null ? void 0 : firstBlock.children;
-    return promptValue.length == 1 && (children == null ? void 0 : children.length) === 1 && !((_b2 = (_a2 = children == null ? void 0 : children[0]) == null ? void 0 : _a2.text) == null ? void 0 : _b2.length);
+    return promptValue.length == 1 && (children == null ? void 0 : children.length) === 1 && !((_b3 = (_a3 = children == null ? void 0 : children[0]) == null ? void 0 : _a3.text) == null ? void 0 : _b3.length);
   }, [promptValue]);
   const paneNode = react.useMemo(() => ({
     type: "document",
@@ -1539,7 +1606,7 @@ function AssistInspector(props) {
     });
   }
   return /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
-    ref: setBoundary,
+    ref: boundary,
     direction: "column",
     height: "fill",
     overflow: "hidden",
@@ -1565,7 +1632,8 @@ function AssistInspector(props) {
             children: /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
               padding: 4,
               children: selectedField && /* @__PURE__ */jsxRuntime.jsx(sanity.VirtualizerScrollInstanceProvider, {
-                scrollElement: boundary,
+                scrollElement: boundary.current,
+                containerElement: boundary,
                 children: /* @__PURE__ */jsxRuntime.jsx(desk.DocumentPaneProvider, {
                   paneKey: documentPane.paneKey,
                   index: documentPane.index,
@@ -1690,10 +1758,10 @@ const assistInspector = {
     showAsAction: false
   }),
   component: AssistInspectorWrapper,
-  onClose(_ref6) {
+  onClose(_ref7) {
     let {
       params
-    } = _ref6;
+    } = _ref7;
     return {
       params: sanity.typed({
         ...params,
@@ -1758,20 +1826,27 @@ function aiPresence(presence, path, title) {
     lastActiveAt: (_a = presence == null ? void 0 : presence.started) != null ? _a : /* @__PURE__ */new Date().toISOString()
   };
 }
-const fadeIn = styled.keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n"])), fadeIn);
-function FadeInContent(_ref7) {
+var __freeze$3 = Object.freeze;
+var __defProp$3 = Object.defineProperty;
+var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", {
+  value: __freeze$3(raw || cooked.slice())
+}));
+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(_ref8, ref) {
   let {
     children,
     durationMs = 250
-  } = _ref7;
+  } = _ref8;
   return /* @__PURE__ */jsxRuntime.jsx(FadeInDiv, {
+    ref,
     style: {
       animationDuration: "".concat(durationMs, "ms")
     },
     children
   });
-}
+});
 const purple = {
   "50": {
     title: "Purple 50",
@@ -1818,10 +1893,16 @@ const purple = {
     hex: "#211229"
   }
 };
-const Root = styled__default.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  width: 25px;\n  height: 25px;\n  position: relative;\n"])));
-const dash = styled.keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(43deg);\n  }\n"])));
-const Outline = styled__default.default.svg(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  & > circle {\n    stroke: var(--ai-avatar-stroke-color);\n    stroke-width: 1.5px;\n    stroke-linecap: round;\n    transform-origin: center;\n    animation: ", " 500ms ease-in-out infinite;\n    transition: stroke-dasharray 200ms ease-in-out;\n\n    stroke-dasharray: 2.34px 0;\n\n    [data-state='active'] > & {\n      stroke-dasharray: 2px 2.34px;\n    }\n  }\n"])), dash);
-const IconDisc = styled__default.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background: var(--ai-avatar-disc-color);\n  color: white;\n  width: 21px;\n  height: 21px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10.5px;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n"])));
+var __freeze$2 = Object.freeze;
+var __defProp$2 = Object.defineProperty;
+var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", {
+  value: __freeze$2(raw || cooked.slice())
+}));
+var _a$2, _b, _c, _d;
+const Root = styled__default.default.span(_a$2 || (_a$2 = __template$2(["\n  display: block;\n  width: 25px;\n  height: 25px;\n  position: relative;\n"])));
+const dash = styled.keyframes(_b || (_b = __template$2(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(43deg);\n  }\n"])));
+const Outline = styled__default.default.svg(_c || (_c = __template$2(["\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  & > circle {\n    stroke: var(--ai-avatar-stroke-color);\n    stroke-width: 1.5px;\n    stroke-linecap: round;\n    transform-origin: center;\n    animation: ", " 500ms ease-in-out infinite;\n    transition: stroke-dasharray 200ms ease-in-out;\n\n    stroke-dasharray: 2.34px 0;\n\n    [data-state='active'] > & {\n      stroke-dasharray: 2px 2.34px;\n    }\n  }\n"])), dash);
+const IconDisc = styled__default.default.span(_d || (_d = __template$2(["\n  background: var(--ai-avatar-disc-color);\n  color: white;\n  width: 21px;\n  height: 21px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10.5px;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n"])));
 function AssistAvatar(props) {
   const {
     state = "present"
@@ -2539,7 +2620,7 @@ function AlphaMigration() {
   });
   react.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 => {
+    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;
@@ -2661,7 +2742,7 @@ async function convertDocs(client, docs, updateProgress) {
     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}"));
+    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, ")")), "");
@@ -2769,7 +2850,13 @@ function AssistLayout(props) {
     })]
   });
 }
-const WrapPreCard = styled__default.default(ui.Card)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  & pre {\n    white-space: pre-wrap !important;\n  }\n"])));
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", {
+  value: __freeze$1(raw || cooked.slice())
+}));
+var _a$1;
+const WrapPreCard = styled__default.default(ui.Card)(_a$1 || (_a$1 = __template$1(["\n  & pre {\n    white-space: pre-wrap !important;\n  }\n"])));
 function SafeValueInput(props) {
   return /* @__PURE__ */jsxRuntime.jsx(ErrorWrapper, {
     onChange: props.onChange,
@@ -3046,13 +3133,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) {
@@ -3224,8 +3311,8 @@ function IconInput(props) {
     onChange
   } = props;
   const id = react.useId();
-  const items = react.useMemo(() => Object.entries(icons.icons).map(_ref9 => {
-    let [key, icon] = _ref9;
+  const items = react.useMemo(() => Object.entries(icons.icons).map(_ref10 => {
+    let [key, icon] = _ref10;
     return /* @__PURE__ */jsxRuntime.jsx(IconItem, {
       iconKey: key,
       icon,
@@ -3253,12 +3340,12 @@ function IconInput(props) {
     }
   });
 }
-function IconItem(_ref10) {
+function IconItem(_ref11) {
   let {
     icon,
     iconKey: key,
     onChange
-  } = _ref10;
+  } = _ref11;
   const onClick = react.useCallback(() => onChange(sanity.set(key)), [onChange, key]);
   return /* @__PURE__ */jsxRuntime.jsx(ui.MenuItem, {
     icon,
@@ -3269,8 +3356,8 @@ function IconItem(_ref10) {
 }
 function getIcon(iconName) {
   var _a, _b;
-  return (_b = (_a = Object.entries(icons.icons).find(_ref11 => {
-    let [key] = _ref11;
+  return (_b = (_a = Object.entries(icons.icons).find(_ref12 => {
+    let [key] = _ref12;
     return key === iconName;
   })) == null ? void 0 : _a[1]) != null ? _b : icons.icons.sparkles;
 }
@@ -3481,7 +3568,7 @@ function HideReferenceChangedBannerInput(props) {
     const style = document.createElement("style");
     const parentId = "id-".concat(Math.random()).replace(".", "-");
     parent.id = parentId;
-    style.innerText = "\n      #".concat(parentId, " [data-testid=\"reference-changed-banner\"] { display: none; }\n    ");
+    style.innerText = "\n      #".concat(parentId, ' [data-testid="reference-changed-banner"] { display: none; }\n    ');
     parent.prepend(style);
   }, [ref]);
   return /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
@@ -3524,11 +3611,11 @@ const contextDocumentSchema = sanity.defineType({
       title: "title",
       context: "context"
     },
-    prepare(_ref12) {
+    prepare(_ref13) {
       let {
         title,
         context
-      } = _ref12;
+      } = _ref13;
       var _a;
       const text = context == null ? void 0 : context.flatMap(block => block == null ? void 0 : block.children).flatMap(child => {
         var _a2;
@@ -3572,7 +3659,13 @@ function randomKey(length) {
   const table = getByteHexTable();
   return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
 }
-const PteMods = styled__default.default(ui.Box)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {\n    display: none;\n  }\n  & [data-testid='pt-editor'] {\n    min-height: 300px;\n  }\n  & [data-testid='pt-editor'] .pt-inline-object * {\n    max-width: 400px;\n  }\n"])));
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
+  value: __freeze(raw || cooked.slice())
+}));
+var _a;
+const PteMods = styled__default.default(ui.Box)(_a || (_a = __template(["\n  & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {\n    display: none;\n  }\n  & [data-testid='pt-editor'] {\n    min-height: 300px;\n  }\n  & [data-testid='pt-editor'] .pt-inline-object * {\n    max-width: 400px;\n  }\n"])));
 function PromptInput(props) {
   useOnlyInlineBlocks(props);
   return /* @__PURE__ */jsxRuntime.jsx(PteMods, {
@@ -3581,9 +3674,9 @@ function PromptInput(props) {
 }
 function useOnlyInlineBlocks(props) {
   react.useEffect(() => {
-    var _a;
+    var _a2;
     let needsFix = false;
-    const val = ((_a = props.value) != null ? _a : []).map(block => {
+    const val = ((_a2 = props.value) != null ? _a2 : []).map(block => {
       if (block._type === "block") {
         return block;
       }
@@ -3638,7 +3731,7 @@ const fieldReference = sanity.defineType({
         const refs = getFieldRefsWithDocument(schema);
         const fieldRef = refs.find(r => r.key === value);
         if (!fieldRef) {
-          return "Field with path \"".concat(value, "\" does not exist in the schema.");
+          return 'Field with path "'.concat(value, '" does not exist in the schema.');
         }
         return true;
       } catch (e) {
@@ -3651,10 +3744,10 @@ const fieldReference = sanity.defineType({
     select: {
       path: "path"
     },
-    prepare(_ref13) {
+    prepare(_ref14) {
       let {
         path
-      } = _ref13;
+      } = _ref14;
       return {
         title: path,
         path,
@@ -3800,12 +3893,12 @@ const instruction = sanity.defineType({
       title: "title",
       userId: "userId"
     },
-    prepare: _ref14 => {
+    prepare: _ref15 => {
       let {
         icon,
         title,
         userId
-      } = _ref14;
+      } = _ref15;
       return {
         title,
         icon: icon ? icons.icons[icon] : icons.SparklesIcon,
@@ -4093,6 +4186,100 @@ function PrivateIcon() {
     children: /* @__PURE__ */jsxRuntime.jsx(icons.LockIcon, {})
   });
 }
+const ImageContext = react.createContext(void 0);
+function ImageContextProvider(props) {
+  var _a;
+  const {
+    schemaType,
+    path,
+    value
+  } = props;
+  const assetRef = (_a = value == null ? void 0 : value.asset) == null ? void 0 : _a._ref;
+  const [assetRefState, setAssetRefState] = react.useState(assetRef);
+  const {
+    documentId
+  } = useAssistDocumentContext();
+  const {
+    config
+  } = useAiAssistanceConfig();
+  const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+  const {
+    generateCaption
+  } = useGenerateCaption(apiClient);
+  react.useEffect(() => {
+    const captionField = getCaptionFieldOption(schemaType);
+    if (assetRef && documentId && captionField && assetRef !== assetRefState) {
+      setAssetRefState(assetRef);
+      generateCaption({
+        path: sanity.pathToString([...path, captionField]),
+        documentId
+      });
+    }
+  }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption]);
+  const context = react.useMemo(() => {
+    const captionField = getCaptionFieldOption(schemaType);
+    return captionField ? {
+      captionPath: sanity.pathToString([...path, captionField]),
+      assetRef
+    } : void 0;
+  }, [schemaType, path, assetRef]);
+  return /* @__PURE__ */jsxRuntime.jsx(ImageContext.Provider, {
+    value: context,
+    children: props.renderDefault(props)
+  });
+}
+function node$1(node2) {
+  return node2;
+}
+const generateCaptionsActions = {
+  name: "sanity-assist-generate-captions",
+  useAction(props) {
+    const pathKey = usePathKey(props.path);
+    const {
+      config
+    } = useAiAssistanceConfig();
+    const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+    const {
+      generateCaption,
+      loading
+    } = useGenerateCaption(apiClient);
+    const imageContext = react.useContext(ImageContext);
+    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.captionPath)) {
+      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 caption",
+          onAction: () => {
+            if (loading) {
+              return;
+            }
+            generateCaption({
+              path: pathKey,
+              documentId: documentId != null ? documentId : ""
+            });
+          },
+          renderAsButton: true,
+          disabled: loading,
+          hidden: !imageContext.assetRef
+        });
+      }, [generateCaption, pathKey, documentId, loading, imageContext]);
+    }
+    return void 0;
+  }
+};
 function node(node2) {
   return node2;
 }
@@ -4142,6 +4329,7 @@ const assistFieldActions = {
     const isInspectorOpen = (inspector == null ? void 0 : inspector.name) === aiInspectorId;
     const isPathSelected = pathKey === selectedPath;
     const isSelected = isInspectorOpen && isPathSelected;
+    const imageCaptionAction = generateCaptionsActions.useAction(props);
     const manageInstructions = react.useCallback(() => isSelected ? closeInspector(aiInspectorId) : openInspector(aiInspectorId, {
       [fieldPathParam]: pathKey,
       [instructionParam]: void 0
@@ -4171,17 +4359,17 @@ const assistFieldActions = {
         type: "group",
         icon: () => null,
         title: "Run instructions",
-        children: instructions.map(instruction => instructionItem({
+        children: [...instructions.map(instruction => instructionItem({
           instruction,
           isPrivate: Boolean(instruction.userId && instruction.userId === (currentUser == null ? void 0 : currentUser.id)),
           onInstructionAction,
           hidden: isHidden,
           documentIsNew: !!documentIsNew,
           assistSupported
-        })),
+        })), imageCaptionAction].filter(Boolean),
         expanded: true
       }) : void 0;
-    }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported]);
+    }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported, imageCaptionAction]);
     const instructionsLength = (instructions == null ? void 0 : instructions.length) || 0;
     const manageInstructionsItem = react.useMemo(() => node({
       type: "action",
@@ -4220,7 +4408,7 @@ const assistFieldActions = {
       title: pluginTitleShort,
       selected: isSelected
     }), [assistSupported, manageInstructions, isSelected]);
-    if (instructionsLength === 0) {
+    if (instructionsLength === 0 && !imageCaptionAction) {
       return emptyAction;
     }
     return group;
@@ -4280,13 +4468,13 @@ function useInstructionToaster(documentId, documentSchemaType) {
         return !prevTask && task.ended || !(prevTask == null ? void 0 : prevTask.ended) && task.ended;
       }).filter(task => task.ended && dateFns.isAfter(dateFns.addSeconds(new Date(task.ended), 30), /* @__PURE__ */new Date()));
       endedTasks == null ? void 0 : endedTasks.forEach(task => {
-        var _a2;
-        const title = getInstructionTitle(task.instruction);
+        var _a2, _b;
+        const title = (_a2 = task.title) != null ? _a2 : getInstructionTitle(task.instruction);
         if (task.reason === "error") {
           toast.push({
             title: "Failed: ".concat(title),
             status: "error",
-            description: "Instruction failed. ".concat((_a2 = task.message) != null ? _a2 : ""),
+            description: "Instruction failed. ".concat((_b = task.message) != null ? _b : ""),
             closable: true,
             duration: 1e4
           });
@@ -4333,11 +4521,11 @@ function AssistDocumentInputWrapper(props) {
     documentId
   });
 }
-function AssistDocumentInput(_ref15) {
+function AssistDocumentInput(_ref16) {
   let {
     documentId,
     ...props
-  } = _ref15;
+  } = _ref16;
   useInstructionToaster(documentId, props.schemaType);
   return /* @__PURE__ */jsxRuntime.jsx(FirstAssistedPathProvider, {
     members: props.members,
@@ -4426,12 +4614,12 @@ const assist = sanity.definePlugin(config => {
       unstable_fieldActions: prev => {
         return [...prev, assistFieldActions];
       },
-      unstable_languageFilter: (prev, _ref16) => {
+      unstable_languageFilter: (prev, _ref17) => {
         let {
           documentId,
           schema,
           schemaType
-        } = _ref16;
+        } = _ref17;
         const docSchema = schema.get(schemaType);
         return [...prev, createAssistDocumentPresence(documentId, docSchema)];
       }
@@ -4462,6 +4650,23 @@ const assist = sanity.definePlugin(config => {
           input: SafeValueInput
         }
       }
+    })(), sanity.definePlugin({
+      name: "".concat(packageName, "/generate-caption"),
+      form: {
+        components: {
+          input: props => {
+            const {
+              schemaType
+            } = props;
+            if (isImage(schemaType)) {
+              return /* @__PURE__ */jsxRuntime.jsx(ImageContextProvider, {
+                ...props
+              });
+            }
+            return props.renderDefault(props);
+          }
+        }
+      }
     })()]
   };
 });