@sanity/assist 2.0.4-canary.0 → 2.0.5

package/dist/index.esm.js

@@ -1,38 +1,17 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-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, TranslateIcon, ControlsIcon } from '@sanity/icons';
-import { mergeMap, share, take, filter, distinctUntilChanged, catchError, tap } from 'rxjs/operators';
+import { SyncIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, ArrowLeftIcon, PlayIcon, SparklesIcon, SearchIcon, ErrorOutlineIcon, CheckmarkCircleIcon, CloseCircleIcon, ClockIcon, RetryIcon, ArrowRightIcon, CloseIcon, CheckmarkIcon, icons, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon, LockIcon, TranslateIcon, ControlsIcon } from '@sanity/icons';
+import { Card, Stack, Box, Button, Spinner, Flex, Label, focusFirstDescendant, Text, useToast, Dialog, Tooltip, TextArea, Container, Autocomplete, Breadcrumbs, useClickOutside, Popover, useLayer, useGlobalKeyDown, Badge, useTheme, rgba, Checkbox, Radio, ThemeProvider, ErrorBoundary, MenuButton, Menu, MenuItem, Switch } from '@sanity/ui';
+import { useState, useRef, useEffect, useMemo, useCallback, createContext, useContext, useId, createElement, useReducer, forwardRef } from 'react';
+import { useClient, isArraySchemaType, typed, useSchema, isKeySegment, isDocumentSchemaType, pathToString, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, isObjectSchemaType, stringToPath as stringToPath$2, useCurrentUser, set, useFormCallbacks, FormCallbacksProvider, FormInput, PatchEvent, setIfMissing, insert, useEditState, FormFieldHeaderText, unset, StatusButton, PresenceOverlay, VirtualizerScrollInstanceProvider, useColorSchemeValue, ObjectInputMember, isArrayOfObjectsSchemaType, defineType, defineField, defineArrayMember, getPublishedId, useSyncState, definePlugin } from 'sanity';
 import isEqual from 'react-fast-compare';
+import { mergeMap, share, take, filter, distinctUntilChanged, catchError, tap } from 'rxjs/operators';
 import { throwError, of, partition, merge, switchMap, delay, defer } from 'rxjs';
 import { exhaustMapToWithTrailing } from 'rxjs-exhaustmap-with-trailing';
 import { extractWithPath } from '@sanity/mutator';
+import { minutesToMilliseconds, isAfter, addSeconds } from 'date-fns';
 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';
-const assistDocumentIdPrefix = "sanity.assist.schemaType.";
-const assistDocumentStatusIdPrefix = "sanity.assist.status.";
-const assistSchemaIdPrefix = "sanity.assist.schema.";
-const assistDocumentTypeName = "sanity.assist.schemaType.annotations";
-const assistFieldTypeName = "sanity.assist.schemaType.field";
-const instructionTypeName = "sanity.assist.instruction";
-const promptTypeName = "sanity.assist.instruction.prompt";
-const userInputTypeName = "sanity.assist.instruction.userInput";
-const instructionContextTypeName = "sanity.assist.instruction.context";
-const fieldReferenceTypeName = "sanity.assist.instruction.fieldRef";
-const contextDocumentTypeName = "assist.instruction.context";
-const assistTasksStatusTypeName = "sanity.assist.task.status";
-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>";
 const fetch = (client, query, params, options) => defer(() =>
 // getVersionedClient(options.apiVersion)
 client.observable.fetch(query, params, {
@@ -110,7 +89,27 @@ function useListeningQuery(query) {
     data
   };
 }
-const hiddenTypes = ["any", "array", "block", "boolean", "crossDatasetReference", "date", "datetime", "document", "email", "file", "image", "number", "object", "reference", "span", "string", "text", "url", "slug", "geopoint", "sanity.assetSourceData", "sanity.imageAsset", "sanity.fileAsset", "sanity.imageCrop", "sanity.imageHotspot", "sanity.imageMetadata", "sanity.imageDimensions", "sanity.imagePalette", "sanity.imagePaletteSwatch", assistSerializedTypeName, assistSerializedFieldTypeName, "sanity-agent.job.document"];
+const assistDocumentIdPrefix = "sanity.assist.schemaType.";
+const assistDocumentStatusIdPrefix = "sanity.assist.status.";
+const assistSchemaIdPrefix = "sanity.assist.schema.";
+const assistDocumentTypeName = "sanity.assist.schemaType.annotations";
+const assistFieldTypeName = "sanity.assist.schemaType.field";
+const instructionTypeName = "sanity.assist.instruction";
+const promptTypeName = "sanity.assist.instruction.prompt";
+const userInputTypeName = "sanity.assist.instruction.userInput";
+const instructionContextTypeName = "sanity.assist.instruction.context";
+const fieldReferenceTypeName = "sanity.assist.instruction.fieldRef";
+const contextDocumentTypeName = "assist.instruction.context";
+const assistTasksStatusTypeName = "sanity.assist.task.status";
+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>";
 function isPortableTextArray(type) {
   return type.of.find(t => isType(t, "block"));
 }
@@ -176,6 +175,7 @@ function isUnsupportedType(type) {
   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 hiddenTypes = ["any", "array", "block", "boolean", "crossDatasetReference", "date", "datetime", "document", "email", "file", "image", "number", "object", "reference", "span", "string", "text", "url", "slug", "geopoint", "sanity.assetSourceData", "sanity.imageAsset", "sanity.fileAsset", "sanity.imageCrop", "sanity.imageHotspot", "sanity.imageMetadata", "sanity.imageDimensions", "sanity.imagePalette", "sanity.imagePaletteSwatch", assistSerializedTypeName, assistSerializedFieldTypeName, "sanity-agent.job.document"];
 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).map(t => getSchemaStub(t, schema, options)).filter(t => {
@@ -506,7 +506,14 @@ function getFieldLanguageMap(documentSchema, documentMembers, translateFromLangu
   }
   return translationMaps;
 }
-const aiInspectorId = "ai-assistance";
+const releaseAnnouncementUrl = "https://www.sanity.io/blog/sanity-ai-assist-announcement?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
+const instructionGuideUrl = "https://sanity.io/guides/getting-started-with-ai-assist-instructions?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
+const giveFeedbackUrl = "https://forms.gle/Kwz7CThxGeA2GiEU8";
+const salesUrl = "https://www.sanity.io/contact/sales?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
+const packageName = "@sanity/assist";
+const pluginTitle = "Sanity AI Assist";
+const pluginTitleShort = "AI Assist";
+const maxHistoryVisibilityMs = minutesToMilliseconds(30);
 const assistFormId = "assist";
 const preventDefault = ev => ev.preventDefault();
 function DocumentForm(props) {
@@ -784,334 +791,107 @@ function useAiPaneRouter() {
     };
   }, [paneRouter]);
 }
-function useDocumentState(id, docType) {
-  const state = useEditState(id, docType);
-  return state.draft || state.published;
-}
-const aiDocPrefixPattern = new RegExp("^".concat(assistDocumentIdPrefix));
-function publicId(id) {
-  return id.replace("drafts.", "");
-}
-function assistDocumentId(documentType) {
-  return "".concat(assistDocumentIdPrefix).concat(documentType);
-}
-function documentTypeFromAiDocumentId(id) {
-  return id.replace(aiDocPrefixPattern, "");
-}
-function assistTasksStatusId(documentId) {
-  return "".concat(assistDocumentStatusIdPrefix).concat(publicId(documentId));
+const basePath = "/assist/tasks/instruction";
+function canUseAssist(status) {
+  return (status == null ? void 0 : status.enabled) && status.initialized && status.validToken;
 }
-const releaseAnnouncementUrl = "https://www.sanity.io/blog/sanity-ai-assist-announcement?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
-const instructionGuideUrl = "https://sanity.io/guides/getting-started-with-ai-assist-instructions?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
-const giveFeedbackUrl = "https://forms.gle/Kwz7CThxGeA2GiEU8";
-const salesUrl = "https://www.sanity.io/contact/sales?utm_source=sanity-assist-plugin&utm_medium=organic_social&utm_campaign=ai-assist&utm_content=";
-const packageName = "@sanity/assist";
-const pluginTitle = "Sanity AI Assist";
-const pluginTitleShort = "AI Assist";
-const maxHistoryVisibilityMs = minutesToMilliseconds(30);
-function useStudioAssistDocument(_ref2) {
-  let {
-    documentId,
-    schemaType,
-    initDoc
-  } = _ref2;
-  const documentTypeName = schemaType.name;
-  const currentUser = useCurrentUser();
-  const assistDocument = useDocumentState(assistDocumentId(documentTypeName), assistDocumentTypeName);
-  const assistTasksStatus = useDocumentState(assistTasksStatusId(documentId != null ? documentId : ""), assistTasksStatusTypeName);
+function useApiClient(customApiClient) {
   const client = useClient({
-    apiVersion: "2023-01-01"
-  });
-  useEffect(() => {
-    if (!assistDocument && initDoc) {
-      client.createIfNotExists({
-        _id: assistDocumentId(documentTypeName),
-        _type: assistDocumentTypeName
-      }).catch(e => {});
-    }
-  }, [client, assistDocument, documentTypeName, initDoc]);
-  return useMemo(() => {
-    var _a, _b;
-    if (!assistDocument) {
-      return void 0;
-    }
-    const tasks = (_a = assistTasksStatus == null ? void 0 : assistTasksStatus.tasks) != null ? _a : [];
-    const fields = ((_b = assistDocument == null ? void 0 : assistDocument.fields) != null ? _b : []).map(assistField => {
-      var _a2;
-      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))
-      };
-    });
-    return typed({
-      ...assistDocument,
-      tasks: tasks == null ? void 0 : tasks.map(task => {
-        var _a2, _b2;
-        const instruction = (_b2 = (_a2 = fields.find(f => f.path === task.path)) == null ? void 0 : _a2.instructions) == null ? void 0 : _b2.find(i => i._key === task.instructionKey);
-        return {
-          ...task,
-          instruction
-        };
-      }),
-      fields
-    });
-  }, [assistDocument, assistTasksStatus, currentUser]);
-}
-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)
-  };
-}
-function useInterval(ms) {
-  const [tick, update] = useReducer(n => n + 1, 0);
-  useEffect(() => {
-    const i = setInterval(update, ms);
-    return () => clearInterval(i);
-  }, [ms]);
-  return tick;
-}
-function TimeAgo(_ref3) {
-  let {
-    date
-  } = _ref3;
-  useInterval(1e3);
-  const timeSince = formatDistanceToNow(date ? new Date(date) : /* @__PURE__ */new Date());
-  return /* @__PURE__ */jsxs("span", {
-    title: timeSince,
-    children: [timeSince, " ago"]
+    apiVersion: "2023-06-05"
   });
+  return useMemo(() => customApiClient ? customApiClient(client) : client, [client, customApiClient]);
 }
-function usePathKey(path) {
-  return useMemo(() => {
-    return getPathKey(path);
-  }, [path]);
-}
-function getPathKey(path) {
-  if (path.length) {
-    return Array.isArray(path) ? pathToString(path) : path;
-  }
-  return documentRootKey;
+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(_ref2 => {
+    let {
+      documentId,
+      languagePath,
+      translatePath,
+      fieldLanguageMap,
+      conditionalMembers
+    } = _ref2;
+    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 getInstructionTitle(instruction) {
-  var _a;
-  return (_a = instruction == null ? void 0 : instruction.title) != null ? _a : "Untitled";
+function useGenerateCaption(apiClient) {
+  const [loading, setLoading] = useState(false);
+  const user = useCurrentUser();
+  const schema = useSchema();
+  const types = useMemo(() => serializeSchema(schema, {
+    leanFormat: true
+  }), [schema]);
+  const toast = useToast();
+  const generateCaption = useCallback(_ref3 => {
+    let {
+      path,
+      documentId
+    } = _ref3;
+    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 image description failed",
+        description: e.message
+      });
+      setLoading(false);
+      throw e;
+    }).finally(() => {
+      setTimeout(() => {
+        setLoading(false);
+      }, 2e3);
+    });
+  }, [setLoading, apiClient, toast, user, types]);
+  return useMemo(() => ({
+    generateCaption,
+    loading
+  }), [generateCaption, loading]);
 }
-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 = 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(SyncIcon)(_b$3 || (_b$3 = __template$5(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
-const TASK_CONFIG = {
-  aborted: {
-    title: "Canceled",
-    icon: CloseCircleIcon,
-    tone: "transparent"
-  },
-  error: {
-    title: "Error",
-    icon: ErrorOutlineIcon,
-    tone: "critical"
-  },
-  success: {
-    title: "Completed",
-    icon: CheckmarkCircleIcon,
-    tone: "positive"
-  },
-  timeout: {
-    title: "Timeout",
-    icon: ClockIcon,
-    tone: "caution"
-  }
-};
-function InstructionTaskHistoryButton(props) {
-  const {
-    tasks,
-    instructions,
-    documentId,
-    showTitles
-  } = props;
-  const client = useClient({
-    apiVersion: "2023-01-01"
-  });
-  const cancelRun = useCallback(taskKey => {
-    if (!documentId) {
-      return;
-    }
-    const statusDocId = assistTasksStatusId(documentId);
-    const basePath = "".concat(typed("tasks"), '[_key=="').concat(taskKey, '"]');
-    client.patch(statusDocId).set({
-      ["".concat(basePath, ".").concat(typed("ended"))]: ( /* @__PURE__ */new Date()).toISOString(),
-      ["".concat(basePath, ".").concat(typed("reason"))]: typed("aborted")
-    }).commit().catch(console.error);
-  }, [client, documentId]);
-  const titledTasks = useMemo(() => {
-    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 ? (_a3 = task.title) != null ? _a3 : getInstructionTitle(instruction) : void 0,
-        cancel: () => cancelRun(task._key)
-      };
-    })) != null ? _a2 : [];
-    t.sort((a, b) => {
-      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]);
-  const isRunning = useMemo(() => titledTasks.some(r => !r.ended), [titledTasks]);
-  const hasErrors = useMemo(() => titledTasks.some(r => r.reason === "error" || r.reason === "timeout"), [titledTasks]);
-  const [open, setOpen] = useState(false);
-  const toggleOpen = useCallback(() => setOpen(v => !v), []);
-  const [button, setButton] = useState(null);
-  const [popover, setPopover] = useState(null);
-  const handleClickOutside = useCallback(() => {
-    setOpen(false);
-  }, []);
-  useClickOutside(handleClickOutside, [button, popover]);
-  const handleEscape = useCallback(() => {
-    setOpen(false);
-    button == null ? void 0 : button.focus();
-  }, [button]);
-  return /* @__PURE__ */jsx(Popover, {
-    constrainSize: true,
-    content: /* @__PURE__ */jsx(TaskList, {
-      onEscape: handleEscape,
-      tasks: titledTasks
-    }),
-    open: open && !!(titledTasks == null ? void 0 : titledTasks.length),
-    placement: "top",
-    portal: true,
-    ref: setPopover,
-    width: 0,
-    children: /* @__PURE__ */jsx(TaskStatusButton, {
-      disabled: !(titledTasks == null ? void 0 : titledTasks.length),
-      hasErrors,
-      isRunning,
-      onClick: toggleOpen,
-      ref: setButton,
-      selected: open
-    })
-  });
-}
-const TASK_STATUS_BUTTON_TOOLTIP_PROPS = {
-  placement: "top"
-};
-const TaskStatusButton = forwardRef(function TaskStatusButton2(props, ref) {
-  const {
-    disabled,
-    hasErrors,
-    isRunning,
-    onClick,
-    selected
-  } = props;
-  return /* @__PURE__ */jsx(StatusButton, {
-    label: "".concat(pluginTitle, " status"),
-    icon: isRunning ? SyncSpinningIcon : hasErrors ? ErrorOutlineIcon : CheckmarkCircleIcon,
-    mode: "bleed",
-    onClick,
-    tone: hasErrors ? "critical" : void 0,
-    disabled,
-    ref,
-    selected,
-    tooltipProps: TASK_STATUS_BUTTON_TOOLTIP_PROPS
-  });
-});
-function TaskList(props) {
-  const {
-    onEscape,
-    tasks
-  } = props;
-  const {
-    isTopLayer
-  } = useLayer();
-  useGlobalKeyDown(useCallback(event => {
-    if (isTopLayer && event.key === "Escape") {
-      onEscape();
-    }
-  }, [isTopLayer, onEscape]));
-  return /* @__PURE__ */jsx(Stack, {
-    padding: 1,
-    space: 1,
-    children: tasks.map(task => /* @__PURE__ */jsx(TaskItem, {
-      task
-    }, task._key))
-  });
-}
-function TaskItem(props) {
-  var _a2;
-  const {
-    task
-  } = props;
-  const taskType = task.reason && TASK_CONFIG[task.reason];
-  return /* @__PURE__ */jsx(Card, {
-    radius: 2,
-    tone: taskType && (taskType == null ? void 0 : taskType.tone),
-    children: /* @__PURE__ */jsxs(Flex, {
-      align: "center",
-      gap: 1,
-      children: [/* @__PURE__ */jsxs(Flex, {
-        align: "flex-start",
-        flex: 1,
-        gap: 3,
-        padding: 3,
-        children: [/* @__PURE__ */jsx(Box, {
-          flex: "none",
-          children: /* @__PURE__ */jsxs(Text, {
-            size: 1,
-            children: [taskType && createElement(taskType.icon), !task.reason && /* @__PURE__ */jsx(Spinner, {})]
-          })
-        }), /* @__PURE__ */jsxs(Stack, {
-          flex: 1,
-          space: 2,
-          children: [/* @__PURE__ */jsxs(Text, {
-            size: 1,
-            weight: "medium",
-            children: [taskType ? taskType.title : "Running", task.title && /* @__PURE__ */jsxs(Fragment, {
-              children: [": ", task.title]
-            })]
-          }), task.message ? /* @__PURE__ */jsx(Text, {
-            size: 1,
-            children: task.message
-          }) : null, /* @__PURE__ */jsx(Text, {
-            muted: true,
-            size: 1,
-            children: /* @__PURE__ */jsx(TimeAgo, {
-              date: (_a2 = task.ended) != null ? _a2 : task.started
-            })
-          })]
-        })]
-      }), !task.ended && /* @__PURE__ */jsx(Box, {
-        flex: "none",
-        padding: 1,
-        children: /* @__PURE__ */jsx(Button, {
-          fontSize: 1,
-          mode: "bleed",
-          onClick: task.cancel,
-          text: "Cancel"
-        })
-      })]
-    })
-  });
-}
-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) {
+function useGenerateImage(apiClient) {
   const [loading, setLoading] = useState(false);
   const user = useCurrentUser();
   const schema = useSchema();
@@ -1119,31 +899,25 @@ function useTranslate(apiClient) {
     leanFormat: true
   }), [schema]);
   const toast = useToast();
-  const translate = useCallback(_ref4 => {
+  const generateImage = useCallback(_ref4 => {
     let {
-      documentId,
-      languagePath,
-      translatePath,
-      fieldLanguageMap,
-      conditionalMembers
+      path,
+      documentId
     } = _ref4;
     setLoading(true);
     return apiClient.request({
       method: "POST",
-      url: "/assist/tasks/translate/".concat(apiClient.config().dataset, "?projectId=").concat(apiClient.config().projectId),
+      url: "/assist/tasks/generate-image/".concat(apiClient.config().dataset, "?projectId=").concat(apiClient.config().projectId),
       body: {
+        path,
         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",
+        title: "Generate image from prompt failed",
         description: e.message
       });
       setLoading(false);
@@ -1155,97 +929,13 @@ function useTranslate(apiClient) {
     });
   }, [setLoading, apiClient, toast, user, types]);
   return useMemo(() => ({
-    translate,
+    generateImage,
     loading
-  }), [translate, loading]);
+  }), [generateImage, loading]);
 }
-function useGenerateCaption(apiClient) {
-  const [loading, setLoading] = useState(false);
-  const user = useCurrentUser();
-  const schema = useSchema();
-  const types = useMemo(() => serializeSchema(schema, {
-    leanFormat: true
-  }), [schema]);
-  const toast = useToast();
-  const generateCaption = useCallback(_ref5 => {
-    let {
-      path,
-      documentId
-    } = _ref5;
-    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 image description failed",
-        description: e.message
-      });
-      setLoading(false);
-      throw e;
-    }).finally(() => {
-      setTimeout(() => {
-        setLoading(false);
-      }, 2e3);
-    });
-  }, [setLoading, apiClient, toast, user, types]);
-  return useMemo(() => ({
-    generateCaption,
-    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 () => {
+function useGetInstructStatus(apiClient) {
+  const [loading, setLoading] = useState(true);
+  const getInstructStatus = useCallback(async () => {
     setLoading(true);
     const projectId = apiClient.config().projectId;
     try {
@@ -1370,345 +1060,62 @@ function AiAssistanceConfigProvider(props) {
     children
   });
 }
-const NO_INPUT = {};
-const RunInstructionContext = createContext({
-  runInstruction: () => {},
-  instructionLoading: false
-});
-function useRunInstruction() {
-  return useContext(RunInstructionContext);
+const aiDocPrefixPattern = new RegExp("^".concat(assistDocumentIdPrefix));
+function publicId(id) {
+  return id.replace("drafts.", "");
 }
-function isUserInputBlock(block) {
-  return block._type === userInputTypeName;
+function assistDocumentId(documentType) {
+  return "".concat(assistDocumentIdPrefix).concat(documentType);
 }
-function RunInstructionProvider(props) {
-  var _a;
-  const {
-    config
-  } = useAiAssistanceConfig();
-  const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+function documentTypeFromAiDocumentId(id) {
+  return id.replace(aiDocPrefixPattern, "");
+}
+function assistTasksStatusId(documentId) {
+  return "".concat(assistDocumentStatusIdPrefix).concat(publicId(documentId));
+}
+const aiInspectorId = "ai-assistance";
+function BackToInstructionListLink() {
   const {
-    runInstruction: runInstructionRequest,
-    loading
-  } = useRunInstructionApi(apiClient);
-  const id = useId();
-  const [inputs, setInputs] = useState(NO_INPUT);
-  const [runRequest, setRunRequest] = useState();
-  const runInstruction = useCallback(req => {
-    var _a2;
-    if (loading) {
-      return;
-    }
-    const {
-      instruction,
-      ...request
-    } = req;
-    const instructionKey = instruction._key;
-    const userInputBlocks = (_a2 = instruction == null ? void 0 : instruction.prompt) == null ? void 0 : _a2.flatMap(block => block._type === "block" ? block.children.filter(isUserInputBlock) : [block]).filter(isUserInputBlock);
-    if (!(userInputBlocks == null ? void 0 : userInputBlocks.length)) {
-      runInstructionRequest({
-        ...request,
-        instructionKey,
-        userTexts: void 0
-      });
-      return;
-    }
-    setRunRequest({
-      ...req,
-      userInputBlocks
-    });
-  }, [setRunRequest, runInstructionRequest, loading]);
-  const close = useCallback(() => {
-    setRunRequest(void 0);
-    setInputs(NO_INPUT);
-  }, [setRunRequest, setInputs]);
-  const runWithInput = useCallback(() => {
-    if (runRequest) {
-      const {
-        instruction,
-        userTexts,
-        ...request
-      } = runRequest;
-      runInstructionRequest({
-        ...request,
-        instructionKey: instruction._key,
-        userTexts: Object.entries(inputs).map(_ref7 => {
-          let [key, value] = _ref7;
-          return {
-            blockKey: key,
-            userInput: value
-          };
-        })
-      });
-    }
-    close();
-  }, [close, runInstructionRequest, runRequest, inputs]);
-  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(_ref8 => {
-      let [, value] = _ref8;
-      return !!value;
-    }).length;
-  }, [runRequest == null ? void 0 : runRequest.userInputBlocks, inputs]);
-  const runButton = /* @__PURE__ */jsx(Button, {
-    text: "Run instruction",
-    onClick: runWithInput,
-    tone: "primary",
-    icon: PlayIcon,
-    style: {
-      width: "100%"
-    },
-    disabled: runDisabled
+    openInspector
+  } = useDocumentPane();
+  const goBack = useCallback(() => openInspector(aiInspectorId, {
+    [instructionParam]: void 0
+  }), [openInspector]);
+  return /* @__PURE__ */jsx("div", {
+    children: /* @__PURE__ */jsx(Button, {
+      as: "a",
+      fontSize: 1,
+      icon: ArrowLeftIcon,
+      mode: "bleed",
+      padding: 1,
+      space: 2,
+      onClick: goBack,
+      text: "  Instructions",
+      textAlign: "left"
+    })
   });
-  const contextValue = useMemo(() => ({
-    runInstruction,
-    instructionLoading: loading
-  }), [runInstruction, loading]);
-  return /* @__PURE__ */jsxs(RunInstructionContext.Provider, {
-    value: contextValue,
-    children: [open ? /* @__PURE__ */jsx(Dialog, {
-      id,
-      open,
-      onClose: close,
-      width: 1,
-      header: getInstructionTitle(runRequest == null ? void 0 : runRequest.instruction),
-      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: "Unable to run instruction. All fields must have a value."
-            })
-          }),
-          placement: "top",
-          children: /* @__PURE__ */jsx(Flex, {
-            flex: 1,
-            children: runButton
-          })
-        }) : runButton
-      }),
-      children: /* @__PURE__ */jsx(Stack, {
-        padding: 4,
-        space: 2,
-        children: (_a = runRequest == null ? void 0 : runRequest.userInputBlocks) == null ? void 0 : _a.map((block, i) => /* @__PURE__ */jsx(UserInput, {
-          block,
-          autoFocus: i === 0,
-          inputs,
-          setInputs
-        }, block._key))
+}
+const EMPTY_FIELDS = [];
+const TypePathContext = createContext(void 0);
+function AssistDocumentForm(props) {
+  if (props.readOnly) {
+    return /* @__PURE__ */jsx(Card, {
+      border: true,
+      tone: "caution",
+      padding: 2,
+      children: /* @__PURE__ */jsx(Text, {
+        size: 1,
+        children: " You do not have sufficient permissions to manage instructions."
       })
-    }) : null, props.children]
+    });
+  }
+  return /* @__PURE__ */jsx(AssistDocumentFormEditable, {
+    ...props
   });
 }
-function UserInput(props) {
-  var _a;
+function AssistDocumentFormEditable(props) {
   const {
-    block,
-    autoFocus,
-    setInputs,
-    inputs
-  } = props;
-  const key = block._key;
-  const textAreaRef = useRef(null);
-  const onChange = useCallback(e => {
-    setInputs(current => {
-      var _a2;
-      return {
-        ...current,
-        [key]: ((_a2 = e.currentTarget) != null ? _a2 : e.target).value
-      };
-    });
-  }, [key, setInputs]);
-  const value = useMemo(() => inputs[key], [inputs, key]);
-  useEffect(() => {
-    if (!autoFocus) {
-      return;
-    }
-    setTimeout(() => {
-      var _a2;
-      return (_a2 = textAreaRef.current) == null ? void 0 : _a2.focus();
-    }, 0);
-  }, [autoFocus]);
-  return /* @__PURE__ */jsxs(Stack, {
-    padding: 2,
-    space: 3,
-    children: [/* @__PURE__ */jsx(FormFieldHeaderText, {
-      title: (_a = block == null ? void 0 : block.message) != null ? _a : "Provide more context",
-      description: block.description
-    }), /* @__PURE__ */jsx(TextArea, {
-      ref: textAreaRef,
-      rows: 4,
-      value,
-      onChange,
-      style: {
-        resize: "vertical"
-      }
-    })]
-  });
-}
-function isDocAssistable(documentSchemaType, published, draft) {
-  return !!(documentSchemaType.liveEdit ? published : draft);
-}
-function getAssistableDocId(documentSchemaType, documentId) {
-  const baseId = publicId(documentId);
-  return documentSchemaType.liveEdit ? baseId : "drafts.".concat(baseId);
-}
-function useRequestRunInstruction(args) {
-  const {
-    runInstruction,
-    instructionLoading
-  } = useRunInstruction();
-  const requestRunInstruction = useDraftDelayedTask({
-    ...args,
-    task: runInstruction
-  });
-  return {
-    instructionLoading,
-    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": {
-    strokeWidth: "0.6px !important"
-  }
-});
-function InspectorOnboarding(props) {
-  const {
-    onDismiss
-  } = props;
-  return /* @__PURE__ */jsx(Box, {
-    padding: 4,
-    children: /* @__PURE__ */jsx(Container, {
-      width: 0,
-      children: /* @__PURE__ */jsxs(Stack, {
-        space: 4,
-        children: [/* @__PURE__ */jsx("div", {
-          style: {
-            textAlign: "center"
-          },
-          children: /* @__PURE__ */jsx(SparklesIllustration, {})
-        }), /* @__PURE__ */jsx(Text, {
-          align: "center",
-          size: 1,
-          children: "Create reusable AI instructions that can be applied across all documents of a certain type."
-        }), /* @__PURE__ */jsxs(Flex, {
-          align: "center",
-          gap: 2,
-          justify: "center",
-          children: [/* @__PURE__ */jsx(Button, {
-            as: "a",
-            href: releaseAnnouncementUrl,
-            rel: "noreferrer",
-            target: "_blank",
-            fontSize: 1,
-            mode: "default",
-            onClick: onDismiss,
-            padding: 2,
-            text: "Learn more",
-            tone: "primary"
-          }), /* @__PURE__ */jsx(Button, {
-            fontSize: 1,
-            mode: "bleed",
-            onClick: onDismiss,
-            padding: 2,
-            text: "Dismiss"
-          })]
-        })]
-      })
-    })
-  });
-}
-const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed";
-const fieldOnboardingKey = "sanityStudio:assist:field:onboarding:dismissed";
-function isFeatureOnboardingDismissed(featureKey) {
-  if (typeof localStorage === "undefined") {
-    return false;
-  }
-  const value = localStorage.getItem(featureKey);
-  return value === "true";
-}
-function dismissFeatureOnboarding(featureKey) {
-  if (typeof localStorage === "undefined") {
-    return;
-  }
-  localStorage.setItem(featureKey, "true");
-}
-function useOnboardingFeature(featureKey) {
-  const [showOnboarding, setShowOnboarding] = useState(() => !isFeatureOnboardingDismissed(featureKey));
-  const dismissOnboarding = useCallback(() => {
-    setShowOnboarding(false);
-    dismissFeatureOnboarding(featureKey);
-  }, [setShowOnboarding, featureKey]);
-  return {
-    showOnboarding,
-    dismissOnboarding
-  };
-}
-function BackToInstructionListLink() {
-  const {
-    openInspector
-  } = useDocumentPane();
-  const goBack = useCallback(() => openInspector(aiInspectorId, {
-    [instructionParam]: void 0
-  }), [openInspector]);
-  return /* @__PURE__ */jsx("div", {
-    children: /* @__PURE__ */jsx(Button, {
-      as: "a",
-      fontSize: 1,
-      icon: ArrowLeftIcon,
-      mode: "bleed",
-      padding: 1,
-      space: 2,
-      onClick: goBack,
-      text: "  Instructions",
-      textAlign: "left"
-    })
-  });
-}
-const EMPTY_FIELDS = [];
-const TypePathContext = createContext(void 0);
-function AssistDocumentForm(props) {
-  if (props.readOnly) {
-    return /* @__PURE__ */jsx(Card, {
-      border: true,
-      tone: "caution",
-      padding: 2,
-      children: /* @__PURE__ */jsx(Text, {
-        size: 1,
-        children: " You do not have sufficient permissions to manage instructions."
-      })
-    });
-  }
-  return /* @__PURE__ */jsx(AssistDocumentFormEditable, {
-    ...props
-  });
-}
-function AssistDocumentFormEditable(props) {
-  const {
-    onChange
+    onChange
   } = props;
   const value = props.value;
   const id = value == null ? void 0 : value._id;
@@ -1839,14 +1246,14 @@ function useSelectedSchema(fieldPath, documentSchema) {
     return currentSchema;
   }, [documentSchema, fieldPath]);
 }
-function FieldsInitializer(_ref9) {
+function FieldsInitializer(_ref5) {
   let {
     pathKey,
     activePath,
     fields,
     documentSchema,
     onChange
-  } = _ref9;
+  } = _ref5;
   const {
     config: {
       __presets: presets
@@ -1906,206 +1313,799 @@ function FieldsInitializer(_ref9) {
   }, [activePath, onChange, pathKey, existingField, missingPresetInstructions]);
   return null;
 }
-function FieldAutocomplete(props) {
-  const {
-    id,
+function useDocumentState(id, docType) {
+  const state = useEditState(id, docType);
+  return state.draft || state.published;
+}
+function useStudioAssistDocument(_ref6) {
+  let {
+    documentId,
     schemaType,
-    fieldPath,
-    onSelect,
-    includeDocument,
-    filter
-  } = props;
-  const fieldRefs = useMemo(() => {
-    if (includeDocument) {
-      return getFieldRefsWithDocument(schemaType);
-    }
-    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).filter(f => !isType(f.schemaType, "reference")).map(field => ({
-    value: field.key,
-    field
-  })), [fieldRefs, filter]);
-  const renderOption = useCallback(option => {
-    const {
-      value,
-      field
-    } = option;
-    if (!value) {
-      return /* @__PURE__ */jsx(Card, {
-        as: "button",
-        padding: 3,
-        radius: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          accent: true,
-          size: 1,
-          children: option.value
-        })
-      });
+    initDoc
+  } = _ref6;
+  const documentTypeName = schemaType.name;
+  const currentUser = useCurrentUser();
+  const assistDocument = useDocumentState(assistDocumentId(documentTypeName), assistDocumentTypeName);
+  const assistTasksStatus = useDocumentState(assistTasksStatusId(documentId != null ? documentId : ""), assistTasksStatusTypeName);
+  const client = useClient({
+    apiVersion: "2023-01-01"
+  });
+  useEffect(() => {
+    if (!assistDocument && initDoc) {
+      client.createIfNotExists({
+        _id: assistDocumentId(documentTypeName),
+        _type: assistDocumentTypeName
+      }).catch(() => {});
     }
-    if (isType(field.schemaType, "document")) {
-      return /* @__PURE__ */jsx(Card, {
-        as: "button",
-        padding: 3,
-        radius: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          size: 1,
-          weight: "semibold",
-          children: "The entire document"
-        })
-      });
+  }, [client, assistDocument, documentTypeName, initDoc]);
+  return useMemo(() => {
+    var _a, _b;
+    if (!assistDocument) {
+      return void 0;
     }
-    return /* @__PURE__ */jsx(Card, {
-      as: "button",
-      padding: 3,
-      radius: 1,
-      children: /* @__PURE__ */jsxs(Flex, {
-        gap: 3,
-        children: [/* @__PURE__ */jsx(Text, {
-          size: 1,
-          children: createElement(field.icon)
-        }), /* @__PURE__ */jsx(FieldTitle, {
-          field
-        })]
-      })
+    const tasks = (_a = assistTasksStatus == null ? void 0 : assistTasksStatus.tasks) != null ? _a : [];
+    const fields = ((_b = assistDocument == null ? void 0 : assistDocument.fields) != null ? _b : []).map(assistField => {
+      var _a2;
+      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))
+      };
     });
-  }, []);
-  const renderValue = useCallback((value, option) => {
-    var _a;
-    return (_a = option == null ? void 0 : option.field.title) != null ? _a : value;
-  }, []);
-  const filterOption = useCallback((query, option) => {
-    var _a, _b, _c;
-    const lQuery = query.toLowerCase();
-    return ((_a = option == null ? void 0 : option.value) == null ? void 0 : _a.toLowerCase().includes(lQuery)) || ((_c = (_b = option == null ? void 0 : option.field) == null ? void 0 : _b.title) == null ? void 0 : _c.toLowerCase().includes(lQuery));
-  }, []);
-  return /* @__PURE__ */jsx(Autocomplete, {
-    fontSize: 1,
-    icon: currentField ? currentField.icon : SearchIcon,
-    onChange: onSelect,
-    openButton: true,
-    id,
-    options: autocompleteOptions,
-    placeholder: "Search for a field",
-    radius: 2,
-    renderOption,
-    renderValue,
-    value: currentField == null ? void 0 : currentField.key,
-    filterOption
-  });
-}
-function FieldTitle(props) {
-  const splitTitle = props.field.title.split("/");
-  return /* @__PURE__ */jsx(Box, {
-    flex: "none",
-    children: /* @__PURE__ */jsxs(Breadcrumbs, {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        alignItems: "center",
-        marginTop: "-4px"
-      },
-      separator: /* @__PURE__ */jsx(Box, {
-        marginTop: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          muted: true,
-          size: 1,
-          children: "/"
-        })
+    return typed({
+      ...assistDocument,
+      tasks: tasks == null ? void 0 : tasks.map(task => {
+        var _a2, _b2;
+        const instruction = (_b2 = (_a2 = fields.find(f => f.path === task.path)) == null ? void 0 : _a2.instructions) == null ? void 0 : _b2.find(i => i._key === task.instructionKey);
+        return {
+          ...task,
+          instruction
+        };
       }),
-      space: 1,
-      children: [splitTitle.slice(0, splitTitle.length - 1).map((pt, i) =>
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */
-      jsx(Box, {
-        marginTop: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          muted: true,
-          size: 1,
-          children: pt.trim()
-        })
-      }, i)), /* @__PURE__ */jsx(Box, {
-        marginTop: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          size: 1,
-          weight: "medium",
-          children: splitTitle[splitTitle.length - 1]
-        })
-      })]
-    })
-  });
-}
-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";
+      fields
+    });
+  }, [assistDocument, assistTasksStatus, currentUser]);
 }
-function conditionalState(memberState) {
+function asStudioInstruction(instruction, run) {
   return {
-    path: pathToString(memberState.path),
-    readOnly: !!memberState.readOnly,
-    hidden: false,
-    // if its in members, its not hidden
-    conditional: isConditional(memberState.schemaType)
+    ...instruction,
+    tasks: run.filter(task => task.instructionKey === instruction._key).filter(task => task.started && ( /* @__PURE__ */new Date()).getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs)
   };
 }
-function extractConditionalPaths(node, maxDepth) {
-  if (node.path.length >= maxDepth) {
-    return [];
+function usePathKey(path) {
+  return useMemo(() => {
+    return getPathKey(path);
+  }, [path]);
+}
+function getPathKey(path) {
+  if (path.length) {
+    return Array.isArray(path) ? pathToString(path) : path;
   }
-  return node.members.reduce((acc, member) => {
-    var _a, _b;
-    if (member.kind === "error") {
-      return acc;
+  return documentRootKey;
+}
+function getInstructionTitle(instruction) {
+  var _a;
+  return (_a = instruction == null ? void 0 : instruction.title) != null ? _a : "Untitled";
+}
+const NO_INPUT = {};
+const RunInstructionContext = createContext({
+  runInstruction: () => {},
+  instructionLoading: false
+});
+function useRunInstruction() {
+  return useContext(RunInstructionContext);
+}
+function isUserInputBlock(block) {
+  return block._type === userInputTypeName;
+}
+function RunInstructionProvider(props) {
+  var _a;
+  const {
+    config
+  } = useAiAssistanceConfig();
+  const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+  const {
+    runInstruction: runInstructionRequest,
+    loading
+  } = useRunInstructionApi(apiClient);
+  const id = useId();
+  const [inputs, setInputs] = useState(NO_INPUT);
+  const [runRequest, setRunRequest] = useState();
+  const runInstruction = useCallback(req => {
+    var _a2;
+    if (loading) {
+      return;
     }
-    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];
+    const {
+      instruction,
+      ...request
+    } = req;
+    const instructionKey = instruction._key;
+    const userInputBlocks = (_a2 = instruction == null ? void 0 : instruction.prompt) == null ? void 0 : _a2.flatMap(block => block._type === "block" ? block.children.filter(isUserInputBlock) : [block]).filter(isUserInputBlock);
+    if (!(userInputBlocks == null ? void 0 : userInputBlocks.length)) {
+      runInstructionRequest({
+        ...request,
+        instructionKey,
+        userTexts: void 0
+      });
+      return;
     }
-    return acc;
+    setRunRequest({
+      ...req,
+      userInputBlocks
+    });
+  }, [runInstructionRequest, loading]);
+  const close = useCallback(() => {
+    setRunRequest(void 0);
+    setInputs(NO_INPUT);
   }, []);
+  const runWithInput = useCallback(() => {
+    if (runRequest) {
+      const {
+        instruction,
+        userTexts,
+        ...request
+      } = runRequest;
+      runInstructionRequest({
+        ...request,
+        instructionKey: instruction._key,
+        userTexts: Object.entries(inputs).map(_ref7 => {
+          let [key, value] = _ref7;
+          return {
+            blockKey: key,
+            userInput: value
+          };
+        })
+      });
+    }
+    close();
+  }, [close, runInstructionRequest, runRequest, inputs]);
+  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(_ref8 => {
+      let [, value] = _ref8;
+      return !!value;
+    }).length;
+  }, [runRequest == null ? void 0 : runRequest.userInputBlocks, inputs]);
+  const runButton = /* @__PURE__ */jsx(Button, {
+    text: "Run instruction",
+    onClick: runWithInput,
+    tone: "primary",
+    icon: PlayIcon,
+    style: {
+      width: "100%"
+    },
+    disabled: runDisabled
+  });
+  const contextValue = useMemo(() => ({
+    runInstruction,
+    instructionLoading: loading
+  }), [runInstruction, loading]);
+  return /* @__PURE__ */jsxs(RunInstructionContext.Provider, {
+    value: contextValue,
+    children: [open ? /* @__PURE__ */jsx(Dialog, {
+      id,
+      open,
+      onClose: close,
+      width: 1,
+      header: getInstructionTitle(runRequest == null ? void 0 : runRequest.instruction),
+      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: "Unable to run instruction. All fields must have a value."
+            })
+          }),
+          placement: "top",
+          children: /* @__PURE__ */jsx(Flex, {
+            flex: 1,
+            children: runButton
+          })
+        }) : runButton
+      }),
+      children: /* @__PURE__ */jsx(Stack, {
+        padding: 4,
+        space: 2,
+        children: (_a = runRequest == null ? void 0 : runRequest.userInputBlocks) == null ? void 0 : _a.map((block, i) => /* @__PURE__ */jsx(UserInput, {
+          block,
+          autoFocus: i === 0,
+          inputs,
+          setInputs
+        }, block._key))
+      })
+    }) : null, props.children]
+  });
+}
+function UserInput(props) {
+  var _a;
+  const {
+    block,
+    autoFocus,
+    setInputs,
+    inputs
+  } = props;
+  const key = block._key;
+  const textAreaRef = useRef(null);
+  const onChange = useCallback(e => {
+    setInputs(current => {
+      var _a2;
+      return {
+        ...current,
+        [key]: ((_a2 = e.currentTarget) != null ? _a2 : e.target).value
+      };
+    });
+  }, [key, setInputs]);
+  const value = useMemo(() => inputs[key], [inputs, key]);
+  useEffect(() => {
+    if (!autoFocus) {
+      return;
+    }
+    setTimeout(() => {
+      var _a2;
+      return (_a2 = textAreaRef.current) == null ? void 0 : _a2.focus();
+    }, 0);
+  }, [autoFocus]);
+  return /* @__PURE__ */jsxs(Stack, {
+    padding: 2,
+    space: 3,
+    children: [/* @__PURE__ */jsx(FormFieldHeaderText, {
+      title: (_a = block == null ? void 0 : block.message) != null ? _a : "Provide more context",
+      description: block.description
+    }), /* @__PURE__ */jsx(TextArea, {
+      ref: textAreaRef,
+      rows: 4,
+      value,
+      onChange,
+      style: {
+        resize: "vertical"
+      }
+    })]
+  });
+}
+function isDocAssistable(documentSchemaType, published, draft) {
+  return !!(documentSchemaType.liveEdit ? published : draft);
+}
+function getAssistableDocId(documentSchemaType, documentId) {
+  const baseId = publicId(documentId);
+  return documentSchemaType.liveEdit ? baseId : "drafts.".concat(baseId);
+}
+function useRequestRunInstruction(args) {
+  const {
+    runInstruction,
+    instructionLoading
+  } = useRunInstruction();
+  const requestRunInstruction = useDraftDelayedTask({
+    ...args,
+    task: runInstruction
+  });
+  return {
+    instructionLoading,
+    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 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(_ref9 => {
+    let {
+      conditional,
+      ...state
+    } = _ref9;
+    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;
+  }, []);
+}
+const SparklesIllustration = styled(SparklesIcon)({
+  fontSize: "3.125em",
+  "& path": {
+    strokeWidth: "0.6px !important"
+  }
+});
+function InspectorOnboarding(props) {
+  const {
+    onDismiss
+  } = props;
+  return /* @__PURE__ */jsx(Box, {
+    padding: 4,
+    children: /* @__PURE__ */jsx(Container, {
+      width: 0,
+      children: /* @__PURE__ */jsxs(Stack, {
+        space: 4,
+        children: [/* @__PURE__ */jsx("div", {
+          style: {
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */jsx(SparklesIllustration, {})
+        }), /* @__PURE__ */jsx(Text, {
+          align: "center",
+          size: 1,
+          children: "Create reusable AI instructions that can be applied across all documents of a certain type."
+        }), /* @__PURE__ */jsxs(Flex, {
+          align: "center",
+          gap: 2,
+          justify: "center",
+          children: [/* @__PURE__ */jsx(Button, {
+            as: "a",
+            href: releaseAnnouncementUrl,
+            rel: "noreferrer",
+            target: "_blank",
+            fontSize: 1,
+            mode: "default",
+            onClick: onDismiss,
+            padding: 2,
+            text: "Learn more",
+            tone: "primary"
+          }), /* @__PURE__ */jsx(Button, {
+            fontSize: 1,
+            mode: "bleed",
+            onClick: onDismiss,
+            padding: 2,
+            text: "Dismiss"
+          })]
+        })]
+      })
+    })
+  });
+}
+const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed";
+const fieldOnboardingKey = "sanityStudio:assist:field:onboarding:dismissed";
+function isFeatureOnboardingDismissed(featureKey) {
+  if (typeof localStorage === "undefined") {
+    return false;
+  }
+  const value = localStorage.getItem(featureKey);
+  return value === "true";
+}
+function dismissFeatureOnboarding(featureKey) {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+  localStorage.setItem(featureKey, "true");
+}
+function useOnboardingFeature(featureKey) {
+  const [showOnboarding, setShowOnboarding] = useState(() => !isFeatureOnboardingDismissed(featureKey));
+  const dismissOnboarding = useCallback(() => {
+    setShowOnboarding(false);
+    dismissFeatureOnboarding(featureKey);
+  }, [setShowOnboarding, featureKey]);
+  return {
+    showOnboarding,
+    dismissOnboarding
+  };
+}
+function FieldAutocomplete(props) {
+  const {
+    id,
+    schemaType,
+    fieldPath,
+    onSelect,
+    includeDocument,
+    filter
+  } = props;
+  const fieldRefs = useMemo(() => {
+    if (includeDocument) {
+      return getFieldRefsWithDocument(schemaType);
+    }
+    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).filter(f => !isType(f.schemaType, "reference")).map(field => ({
+    value: field.key,
+    field
+  })), [fieldRefs, filter]);
+  const renderOption = useCallback(option => {
+    const {
+      value,
+      field
+    } = option;
+    if (!value) {
+      return /* @__PURE__ */jsx(Card, {
+        as: "button",
+        padding: 3,
+        radius: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          accent: true,
+          size: 1,
+          children: option.value
+        })
+      });
+    }
+    if (isType(field.schemaType, "document")) {
+      return /* @__PURE__ */jsx(Card, {
+        as: "button",
+        padding: 3,
+        radius: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          size: 1,
+          weight: "semibold",
+          children: "The entire document"
+        })
+      });
+    }
+    return /* @__PURE__ */jsx(Card, {
+      as: "button",
+      padding: 3,
+      radius: 1,
+      children: /* @__PURE__ */jsxs(Flex, {
+        gap: 3,
+        children: [/* @__PURE__ */jsx(Text, {
+          size: 1,
+          children: createElement(field.icon)
+        }), /* @__PURE__ */jsx(FieldTitle, {
+          field
+        })]
+      })
+    });
+  }, []);
+  const renderValue = useCallback((value, option) => {
+    var _a;
+    return (_a = option == null ? void 0 : option.field.title) != null ? _a : value;
+  }, []);
+  const filterOption = useCallback((query, option) => {
+    var _a, _b, _c;
+    const lQuery = query.toLowerCase();
+    return ((_a = option == null ? void 0 : option.value) == null ? void 0 : _a.toLowerCase().includes(lQuery)) || ((_c = (_b = option == null ? void 0 : option.field) == null ? void 0 : _b.title) == null ? void 0 : _c.toLowerCase().includes(lQuery));
+  }, []);
+  return /* @__PURE__ */jsx(Autocomplete, {
+    fontSize: 1,
+    icon: currentField ? currentField.icon : SearchIcon,
+    onChange: onSelect,
+    openButton: true,
+    id,
+    options: autocompleteOptions,
+    placeholder: "Search for a field",
+    radius: 2,
+    renderOption,
+    renderValue,
+    value: currentField == null ? void 0 : currentField.key,
+    filterOption
+  });
+}
+function FieldTitle(props) {
+  const splitTitle = props.field.title.split("/");
+  return /* @__PURE__ */jsx(Box, {
+    flex: "none",
+    children: /* @__PURE__ */jsxs(Breadcrumbs, {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        marginTop: "-4px"
+      },
+      separator: /* @__PURE__ */jsx(Box, {
+        marginTop: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          muted: true,
+          size: 1,
+          children: "/"
+        })
+      }),
+      space: 1,
+      children: [splitTitle.slice(0, splitTitle.length - 1).map((pt, i) =>
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */
+      jsx(Box, {
+        marginTop: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          muted: true,
+          size: 1,
+          children: pt.trim()
+        })
+      }, i)), /* @__PURE__ */jsx(Box, {
+        marginTop: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          size: 1,
+          weight: "medium",
+          children: splitTitle[splitTitle.length - 1]
+        })
+      })]
+    })
+  });
+}
+function useInterval(ms) {
+  const [tick, update] = useReducer(n => n + 1, 0);
+  useEffect(() => {
+    const i = setInterval(update, ms);
+    return () => clearInterval(i);
+  }, [ms]);
+  return tick;
+}
+function TimeAgo(_ref10) {
+  let {
+    date
+  } = _ref10;
+  useInterval(1e3);
+  const timeSince = formatDistanceToNow(date ? new Date(date) : /* @__PURE__ */new Date());
+  return /* @__PURE__ */jsxs("span", {
+    title: timeSince,
+    children: [timeSince, " ago"]
+  });
+}
+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 = 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(SyncIcon)(_b$3 || (_b$3 = __template$5(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
+const TASK_CONFIG = {
+  aborted: {
+    title: "Canceled",
+    icon: CloseCircleIcon,
+    tone: "transparent"
+  },
+  error: {
+    title: "Error",
+    icon: ErrorOutlineIcon,
+    tone: "critical"
+  },
+  success: {
+    title: "Completed",
+    icon: CheckmarkCircleIcon,
+    tone: "positive"
+  },
+  timeout: {
+    title: "Timeout",
+    icon: ClockIcon,
+    tone: "caution"
+  }
+};
+function InstructionTaskHistoryButton(props) {
+  const {
+    tasks,
+    instructions,
+    documentId,
+    showTitles
+  } = props;
+  const client = useClient({
+    apiVersion: "2023-01-01"
+  });
+  const cancelRun = useCallback(taskKey => {
+    if (!documentId) {
+      return;
+    }
+    const statusDocId = assistTasksStatusId(documentId);
+    const basePath = "".concat(typed("tasks"), '[_key=="').concat(taskKey, '"]');
+    client.patch(statusDocId).set({
+      ["".concat(basePath, ".").concat(typed("ended"))]: ( /* @__PURE__ */new Date()).toISOString(),
+      ["".concat(basePath, ".").concat(typed("reason"))]: typed("aborted")
+    }).commit().catch(console.error);
+  }, [client, documentId]);
+  const titledTasks = useMemo(() => {
+    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 ? (_a3 = task.title) != null ? _a3 : getInstructionTitle(instruction) : void 0,
+        cancel: () => cancelRun(task._key)
+      };
+    })) != null ? _a2 : [];
+    t.sort((a, b) => {
+      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]);
+  const isRunning = useMemo(() => titledTasks.some(r => !r.ended), [titledTasks]);
+  const hasErrors = useMemo(() => titledTasks.some(r => r.reason === "error" || r.reason === "timeout"), [titledTasks]);
+  const [open, setOpen] = useState(false);
+  const toggleOpen = useCallback(() => setOpen(v => !v), []);
+  const [button, setButton] = useState(null);
+  const [popover, setPopover] = useState(null);
+  const handleClickOutside = useCallback(() => {
+    setOpen(false);
+  }, []);
+  useClickOutside(handleClickOutside, [button, popover]);
+  const handleEscape = useCallback(() => {
+    setOpen(false);
+    button == null ? void 0 : button.focus();
+  }, [button]);
+  return /* @__PURE__ */jsx(Popover, {
+    constrainSize: true,
+    content: /* @__PURE__ */jsx(TaskList, {
+      onEscape: handleEscape,
+      tasks: titledTasks
+    }),
+    open: open && !!(titledTasks == null ? void 0 : titledTasks.length),
+    placement: "top",
+    portal: true,
+    ref: setPopover,
+    width: 0,
+    children: /* @__PURE__ */jsx(TaskStatusButton, {
+      disabled: !(titledTasks == null ? void 0 : titledTasks.length),
+      hasErrors,
+      isRunning,
+      onClick: toggleOpen,
+      ref: setButton,
+      selected: open
+    })
+  });
+}
+const TASK_STATUS_BUTTON_TOOLTIP_PROPS = {
+  placement: "top"
+};
+const TaskStatusButton = forwardRef(function TaskStatusButton2(props, ref) {
+  const {
+    disabled,
+    hasErrors,
+    isRunning,
+    onClick,
+    selected
+  } = props;
+  return /* @__PURE__ */jsx(StatusButton, {
+    label: "".concat(pluginTitle, " status"),
+    icon: isRunning ? SyncSpinningIcon : hasErrors ? ErrorOutlineIcon : CheckmarkCircleIcon,
+    mode: "bleed",
+    onClick,
+    tone: hasErrors ? "critical" : void 0,
+    disabled,
+    ref,
+    selected,
+    tooltipProps: TASK_STATUS_BUTTON_TOOLTIP_PROPS
+  });
+});
+function TaskList(props) {
+  const {
+    onEscape,
+    tasks
+  } = props;
+  const {
+    isTopLayer
+  } = useLayer();
+  useGlobalKeyDown(useCallback(event => {
+    if (isTopLayer && event.key === "Escape") {
+      onEscape();
+    }
+  }, [isTopLayer, onEscape]));
+  return /* @__PURE__ */jsx(Stack, {
+    padding: 1,
+    space: 1,
+    children: tasks.map(task => /* @__PURE__ */jsx(TaskItem, {
+      task
+    }, task._key))
+  });
+}
+function TaskItem(props) {
+  var _a2;
+  const {
+    task
+  } = props;
+  const taskType = task.reason && TASK_CONFIG[task.reason];
+  return /* @__PURE__ */jsx(Card, {
+    radius: 2,
+    tone: taskType && (taskType == null ? void 0 : taskType.tone),
+    children: /* @__PURE__ */jsxs(Flex, {
+      align: "center",
+      gap: 1,
+      children: [/* @__PURE__ */jsxs(Flex, {
+        align: "flex-start",
+        flex: 1,
+        gap: 3,
+        padding: 3,
+        children: [/* @__PURE__ */jsx(Box, {
+          flex: "none",
+          children: /* @__PURE__ */jsxs(Text, {
+            size: 1,
+            children: [taskType && createElement(taskType.icon), !task.reason && /* @__PURE__ */jsx(Spinner, {})]
+          })
+        }), /* @__PURE__ */jsxs(Stack, {
+          flex: 1,
+          space: 2,
+          children: [/* @__PURE__ */jsxs(Text, {
+            size: 1,
+            weight: "medium",
+            children: [taskType ? taskType.title : "Running", task.title && /* @__PURE__ */jsxs(Fragment, {
+              children: [": ", task.title]
+            })]
+          }), task.message ? /* @__PURE__ */jsx(Text, {
+            size: 1,
+            children: task.message
+          }) : null, /* @__PURE__ */jsx(Text, {
+            muted: true,
+            size: 1,
+            children: /* @__PURE__ */jsx(TimeAgo, {
+              date: (_a2 = task.ended) != null ? _a2 : task.started
+            })
+          })]
+        })]
+      }), !task.ended && /* @__PURE__ */jsx(Box, {
+        flex: "none",
+        padding: 1,
+        children: /* @__PURE__ */jsx(Button, {
+          fontSize: 1,
+          mode: "bleed",
+          onClick: task.cancel,
+          text: "Cancel"
+        })
+      })]
+    })
+  });
 }
 var __freeze$4 = Object.freeze;
 var __defProp$4 = Object.defineProperty;
@@ -2508,60 +2508,109 @@ const assistInspector = {
     };
   }
 };
-const AssistDocumentContext = createContext(void 0);
-function useAssistDocumentContext() {
-  const context = useContext(AssistDocumentContext);
-  if (!context) {
-    throw new Error("AssistDocumentContext value is missing");
-  }
-  return context;
+function AssistFeatureBadge() {
+  return /* @__PURE__ */jsx(Badge, {
+    fontSize: 0,
+    style: {
+      margin: "-2px 0"
+    },
+    tone: "primary",
+    children: "Beta"
+  });
 }
-const NO_PRESENCE = [];
-function useAssistPresence(path, showFocusWithin) {
-  const context = useAssistDocumentContext();
-  const assistDocument = context && "assistDocument" in context ? context.assistDocument : void 0;
-  const tasks = assistDocument == null ? void 0 : assistDocument.tasks;
-  return useMemo(() => {
-    var _a, _b;
-    const activePresence = (_b = (_a = tasks == null ? void 0 : tasks.filter(task => !task.ended)) == null ? void 0 : _a.flatMap(task => {
-      var _a2;
-      return (_a2 = task.presence) != null ? _a2 : [];
-    })) == null ? void 0 : _b.filter(p => p.started && ( /* @__PURE__ */new Date()).getTime() - new Date(p.started).getTime() < maxHistoryVisibilityMs).filter(presence => {
-      if (!presence.path || !path.length) {
-        return false;
-      }
-      const statusPath = stringToPath$2(presence.path);
-      if (!showFocusWithin && statusPath.length !== path.length) {
-        return false;
-      }
-      return path.every((pathSegment, i) => {
-        const statusSegment = statusPath[i];
-        if (typeof pathSegment === "string") {
-          return pathSegment === statusSegment;
-        }
-        if (isKeySegment(pathSegment) && isKeySegment(statusSegment)) {
-          return pathSegment._key === statusSegment._key;
-        }
-        return false;
-      });
-    });
-    if (!(activePresence == null ? void 0 : activePresence.length)) {
-      return NO_PRESENCE;
-    }
-    return activePresence.map(status => aiPresence(status, path));
-  }, [showFocusWithin, tasks, path]);
+function AssistOnboardingPopover(props) {
+  const {
+    dismiss
+  } = props;
+  return /* @__PURE__ */jsx(Popover, {
+    content: /* @__PURE__ */jsx(AssistIntroCard, {
+      dismiss
+    }),
+    open: true,
+    portal: true,
+    placeholder: "bottom",
+    tone: "default",
+    width: 0,
+    children: /* @__PURE__ */jsx(Card, {
+      radius: 2,
+      shadow: 2,
+      style: {
+        padding: 2,
+        lineHeight: 0
+      },
+      children: /* @__PURE__ */jsx(Button, {
+        disabled: true,
+        fontSize: 1,
+        icon: SparklesIcon,
+        mode: "bleed",
+        padding: 2
+      })
+    })
+  });
 }
-function aiPresence(presence, path, title) {
-  var _a;
-  return {
-    user: {
-      id: "sanity-assistant_".concat(presence._key),
-      displayName: pluginTitle
-    },
-    path,
-    sessionId: "not-available",
-    lastActiveAt: (_a = presence == null ? void 0 : presence.started) != null ? _a : ( /* @__PURE__ */new Date()).toISOString()
-  };
+function AssistIntroCard(props) {
+  const buttonRef = useRef(null);
+  return /* @__PURE__ */jsxs(Stack, {
+    as: "section",
+    padding: 3,
+    space: 3,
+    children: [/* @__PURE__ */jsxs(Stack, {
+      padding: 2,
+      space: 4,
+      children: [/* @__PURE__ */jsxs(Flex, {
+        gap: 2,
+        align: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          as: "h1",
+          size: 1,
+          weight: "semibold",
+          children: pluginTitle
+        }), /* @__PURE__ */jsx("div", {
+          "aria-hidden": true,
+          style: {
+            margin: "-3px 0",
+            lineHeight: 0
+          },
+          children: /* @__PURE__ */jsx(AssistFeatureBadge, {})
+        })]
+      }), /* @__PURE__ */jsx(Stack, {
+        space: 3,
+        children: /* @__PURE__ */jsxs(Text, {
+          as: "p",
+          muted: true,
+          size: 1,
+          children: ["Manage reusable AI instructions to boost your content creation and reduce amount of repetitive chores.", " ", /* @__PURE__ */jsxs("a", {
+            href: releaseAnnouncementUrl,
+            target: "_blank",
+            rel: "noreferrer",
+            children: ["Learn more ", /* @__PURE__ */jsx(ArrowRightIcon, {})]
+          })]
+        })
+      })]
+    }), /* @__PURE__ */jsx(Button, {
+      fontSize: 1,
+      icon: CheckmarkIcon,
+      onClick: props.dismiss,
+      padding: 3,
+      ref: buttonRef,
+      text: "Ok, good to know!",
+      tone: "primary"
+    })]
+  });
+}
+const FirstAssistedPathContext = createContext(void 0);
+function FirstAssistedPathProvider(props) {
+  const {
+    members
+  } = props;
+  const firstAssistedPath = useMemo(() => {
+    const firstAssisted = members.find(member => member.kind === "field" && isAssistSupported(member.field.schemaType));
+    return (firstAssisted == null ? void 0 : firstAssisted.field.path) ? pathToString(firstAssisted == null ? void 0 : firstAssisted.field.path) : void 0;
+  }, [members]);
+  return /* @__PURE__ */jsx(FirstAssistedPathContext.Provider, {
+    value: firstAssistedPath,
+    children: props.children
+  });
 }
 var __freeze$3 = Object.freeze;
 var __defProp$3 = Object.defineProperty;
@@ -2585,47 +2634,47 @@ const FadeInContent = forwardRef(function FadeInContent2(_ref12, ref) {
   });
 });
 const purple = {
-  "50": {
+  50: {
     title: "Purple 50",
     hex: "#f8f5ff"
   },
-  "100": {
+  100: {
     title: "Purple 100",
     hex: "#f1ebff"
   },
-  "200": {
+  200: {
     title: "Purple 200",
     hex: "#ece1fe"
   },
-  "300": {
+  300: {
     title: "Purple 300",
     hex: "#ccb1fc"
   },
-  "400": {
+  400: {
     title: "Purple 400",
     hex: "#b087f7"
   },
-  "500": {
+  500: {
     title: "Purple 500",
     hex: "#8f57ef"
   },
-  "600": {
+  600: {
     title: "Purple 600",
     hex: "#721fe5"
   },
-  "700": {
+  700: {
     title: "Purple 700",
     hex: "#4c1a9e"
   },
-  "800": {
+  800: {
     title: "Purple 800",
     hex: "#2f1862"
   },
-  "900": {
+  900: {
     title: "Purple 900",
     hex: "#23173f"
   },
-  "950": {
+  950: {
     title: "Purple 950",
     hex: "#181128"
   }
@@ -2672,154 +2721,105 @@ function AssistAvatar(props) {
         r: "11.75"
       })
     }), /* @__PURE__ */jsx(IconDisc, {
-      children: /* @__PURE__ */jsx(Text, {
-        as: "span",
-        size: 0,
-        style: {
-          color: "inherit"
-        },
-        children: /* @__PURE__ */jsx(SparklesIcon, {
-          style: {
-            color: "inherit"
-          }
-        })
-      })
-    })]
-  });
-}
-function AiFieldPresence(props) {
-  return /* @__PURE__ */jsx(Card, {
-    style: {
-      position: "relative",
-      background: "transparent"
-    },
-    contentEditable: false,
-    children: /* @__PURE__ */jsx(Tooltip, {
-      placement: "left",
-      content: /* @__PURE__ */jsx(Card, {
-        padding: 3,
-        border: true,
-        children: /* @__PURE__ */jsx(Flex, {
-          align: "center",
-          children: /* @__PURE__ */jsx(Text, {
-            size: 1,
-            children: "Running instruction..."
-          })
-        })
-      }),
-      children: /* @__PURE__ */jsx(FadeInContent, {
-        durationMs: 300,
-        children: /* @__PURE__ */jsx(AssistAvatar, {
-          state: "active"
-        })
-      })
-    })
-  });
-}
-function AssistFeatureBadge() {
-  return /* @__PURE__ */jsx(Badge, {
-    fontSize: 0,
-    style: {
-      margin: "-2px 0"
-    },
-    tone: "primary",
-    children: "Beta"
-  });
-}
-function AssistOnboardingPopover(props) {
-  const {
-    dismiss
-  } = props;
-  return /* @__PURE__ */jsx(Popover, {
-    content: /* @__PURE__ */jsx(AssistIntroCard, {
-      dismiss
-    }),
-    open: true,
-    portal: true,
-    placeholder: "bottom",
-    tone: "default",
-    width: 0,
-    children: /* @__PURE__ */jsx(Card, {
-      radius: 2,
-      shadow: 2,
-      style: {
-        padding: 2,
-        lineHeight: 0
-      },
-      children: /* @__PURE__ */jsx(Button, {
-        disabled: true,
-        fontSize: 1,
-        icon: SparklesIcon,
-        mode: "bleed",
-        padding: 2
-      })
-    })
-  });
-}
-function AssistIntroCard(props) {
-  const buttonRef = useRef(null);
-  return /* @__PURE__ */jsxs(Stack, {
-    as: "section",
-    padding: 3,
-    space: 3,
-    children: [/* @__PURE__ */jsxs(Stack, {
-      padding: 2,
-      space: 4,
-      children: [/* @__PURE__ */jsxs(Flex, {
-        gap: 2,
-        align: "center",
-        children: [/* @__PURE__ */jsx(Text, {
-          as: "h1",
-          size: 1,
-          weight: "semibold",
-          children: pluginTitle
-        }), /* @__PURE__ */jsx("div", {
-          "aria-hidden": true,
+      children: /* @__PURE__ */jsx(Text, {
+        as: "span",
+        size: 0,
+        style: {
+          color: "inherit"
+        },
+        children: /* @__PURE__ */jsx(SparklesIcon, {
           style: {
-            margin: "-3px 0",
-            lineHeight: 0
-          },
-          children: /* @__PURE__ */jsx(AssistFeatureBadge, {})
-        })]
-      }), /* @__PURE__ */jsx(Stack, {
-        space: 3,
-        children: /* @__PURE__ */jsxs(Text, {
-          as: "p",
-          muted: true,
-          size: 1,
-          children: ["Manage reusable AI instructions to boost your content creation and reduce amount of repetitive chores.", " ", /* @__PURE__ */jsxs("a", {
-            href: releaseAnnouncementUrl,
-            target: "_blank",
-            rel: "noreferrer",
-            children: ["Learn more ", /* @__PURE__ */jsx(ArrowRightIcon, {})]
-          })]
+            color: "inherit"
+          }
         })
-      })]
-    }), /* @__PURE__ */jsx(Button, {
-      fontSize: 1,
-      icon: CheckmarkIcon,
-      onClick: props.dismiss,
-      padding: 3,
-      ref: buttonRef,
-      text: "Ok, good to know!",
-      tone: "primary"
+      })
     })]
   });
 }
-const FirstAssistedPathContext = createContext(void 0);
-function FirstAssistedPathProvider(props) {
-  const {
-    members
-  } = props;
-  const firstAssistedPath = useMemo(() => {
-    const firstAssisted = members.find(member => member.kind === "field" && isAssistSupported(member.field.schemaType));
-    return (firstAssisted == null ? void 0 : firstAssisted.field.path) ? pathToString(firstAssisted == null ? void 0 : firstAssisted.field.path) : void 0;
-  }, [members]);
-  return /* @__PURE__ */jsx(FirstAssistedPathContext.Provider, {
-    value: firstAssistedPath,
-    children: props.children
+function AiFieldPresence(props) {
+  return /* @__PURE__ */jsx(Card, {
+    style: {
+      position: "relative",
+      background: "transparent"
+    },
+    contentEditable: false,
+    children: /* @__PURE__ */jsx(Tooltip, {
+      placement: "left",
+      content: /* @__PURE__ */jsx(Card, {
+        padding: 3,
+        border: true,
+        children: /* @__PURE__ */jsx(Flex, {
+          align: "center",
+          children: /* @__PURE__ */jsx(Text, {
+            size: 1,
+            children: "Running instruction..."
+          })
+        })
+      }),
+      children: /* @__PURE__ */jsx(FadeInContent, {
+        durationMs: 300,
+        children: /* @__PURE__ */jsx(AssistAvatar, {
+          state: "active"
+        })
+      })
+    })
   });
 }
+const AssistDocumentContext = createContext(void 0);
+function useAssistDocumentContext() {
+  const context = useContext(AssistDocumentContext);
+  if (!context) {
+    throw new Error("AssistDocumentContext value is missing");
+  }
+  return context;
+}
+const NO_PRESENCE = [];
+function useAssistPresence(path, showFocusWithin) {
+  const context = useAssistDocumentContext();
+  const assistDocument = context && "assistDocument" in context ? context.assistDocument : void 0;
+  const tasks = assistDocument == null ? void 0 : assistDocument.tasks;
+  return useMemo(() => {
+    var _a, _b;
+    const activePresence = (_b = (_a = tasks == null ? void 0 : tasks.filter(task => !task.ended)) == null ? void 0 : _a.flatMap(task => {
+      var _a2;
+      return (_a2 = task.presence) != null ? _a2 : [];
+    })) == null ? void 0 : _b.filter(p => p.started && ( /* @__PURE__ */new Date()).getTime() - new Date(p.started).getTime() < maxHistoryVisibilityMs).filter(presence => {
+      if (!presence.path || !path.length) {
+        return false;
+      }
+      const statusPath = stringToPath$2(presence.path);
+      if (!showFocusWithin && statusPath.length !== path.length) {
+        return false;
+      }
+      return path.every((pathSegment, i) => {
+        const statusSegment = statusPath[i];
+        if (typeof pathSegment === "string") {
+          return pathSegment === statusSegment;
+        }
+        if (isKeySegment(pathSegment) && isKeySegment(statusSegment)) {
+          return pathSegment._key === statusSegment._key;
+        }
+        return false;
+      });
+    });
+    if (!(activePresence == null ? void 0 : activePresence.length)) {
+      return NO_PRESENCE;
+    }
+    return activePresence.map(status => aiPresence(status, path));
+  }, [showFocusWithin, tasks, path]);
+}
+function aiPresence(presence, path, title) {
+  var _a;
+  return {
+    user: {
+      id: "sanity-assistant_".concat(presence._key),
+      displayName: pluginTitle
+    },
+    path,
+    sessionId: "not-available",
+    lastActiveAt: (_a = presence == null ? void 0 : presence.started) != null ? _a : ( /* @__PURE__ */new Date()).toISOString()
+  };
+}
 function AssistFieldWrapper(props) {
   const {
     schemaType
@@ -2870,14 +2870,6 @@ function AssistField(props) {
     __internal_slot: actions
   });
 }
-const ConnectorsStoreContext = createContext(null);
-function useConnectorsStore() {
-  const store = useContext(ConnectorsStoreContext);
-  if (!store) {
-    throw new Error("Missing connectors store context");
-  }
-  return store;
-}
 function hasOverflowScroll(el) {
   const overflow = getComputedStyle(el).overflow;
   return overflow.includes("auto") || overflow.includes("hidden") || overflow.includes("scroll");
@@ -3015,6 +3007,14 @@ function ConnectorRegion(props) {
     children
   });
 }
+const ConnectorsStoreContext = createContext(null);
+function useConnectorsStore() {
+  const store = useContext(ConnectorsStoreContext);
+  if (!store) {
+    throw new Error("Missing connectors store context");
+  }
+  return store;
+}
 function ConnectFromRegion(props) {
   const {
     children,
@@ -4969,117 +4969,44 @@ function AssistItem(props) {
     }, pre.user.id))]
   });
 }
-function findFieldMember(members, fieldName) {
-  return members.find(m => m.kind === "field" && m.name === fieldName || m.kind === "error" && m.fieldName === fieldName);
-}
-function findFieldsetMember(members, fieldsetName) {
-  return members.find(m => m.kind === "fieldSet" && m.fieldSet.name === fieldsetName);
-}
-function InstructionInput(props) {
-  return /* @__PURE__ */jsxs(Stack, {
-    space: [4, 4, 4, 5],
-    children: [/* @__PURE__ */jsx(NameField, {
-      ...props
-    }), /* @__PURE__ */jsx(ShareField, {
-      ...props
-    }), /* @__PURE__ */jsx(ObjectMember, {
-      fieldName: "prompt",
-      ...props
-    }), /* @__PURE__ */jsx(ObjectMember, {
-      fieldName: "output",
-      ...props
-    })]
-  });
-}
-function ObjectMember(_ref13) {
-  let {
-    fieldName,
-    ...props
-  } = _ref13;
-  const member = findFieldMember(props.members, fieldName);
-  return member ? /* @__PURE__ */jsx(ObjectInputMember, {
-    ...props,
-    member
-  }) : null;
-}
-const NONE = [];
-function NameField(props) {
-  var _a;
-  const fieldsetMember = findFieldsetMember(props.members, "appearance");
-  const titleId = useId();
-  const members = (_a = fieldsetMember == null ? void 0 : fieldsetMember.fieldSet.members) != null ? _a : NONE;
-  const iconMember = findFieldMember(members, "icon");
-  const titleMember = findFieldMember(members, "title");
-  const titlePlaceholder = "Untitled";
-  const moddedTitleMember = useMemo(() => {
-    if (!titleMember) {
-      return void 0;
-    }
-    if (titleMember.kind === "error") {
-      return titleMember;
-    }
-    return {
-      ...titleMember,
-      field: {
-        ...(titleMember == null ? void 0 : titleMember.field),
-        schemaType: {
-          ...(titleMember == null ? void 0 : titleMember.field.schemaType),
-          placeholder: titlePlaceholder
-        }
-      }
-    };
-  }, [titleMember, titlePlaceholder]);
-  return /* @__PURE__ */jsx(Stack, {
-    space: 5,
-    children: /* @__PURE__ */jsxs(Stack, {
-      space: 2,
-      children: [/* @__PURE__ */jsx(Flex, {
-        gap: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          as: "label",
-          weight: "semibold",
-          size: 1,
-          htmlFor: titleId,
-          children: "Name"
-        })
-      }), /* @__PURE__ */jsx(Text, {
-        muted: true,
-        size: 1,
-        children: "How this instruction appears in menus"
-      }), /* @__PURE__ */jsxs(Flex, {
-        align: "center",
-        children: [iconMember && /* @__PURE__ */jsx(Box, {
-          flex: "none",
-          children: /* @__PURE__ */jsx(ObjectInputMember, {
-            ...props,
-            member: iconMember
-          })
-        }), moddedTitleMember && /* @__PURE__ */jsx(Box, {
-          flex: 1,
-          style: {
-            marginLeft: -1
-          },
-          children: /* @__PURE__ */jsx(ObjectInputMember, {
-            ...props,
-            member: moddedTitleMember
-          })
-        })]
-      })]
-    })
-  });
-}
-function ShareField(props) {
-  var _a;
-  const fieldsetMember = findFieldsetMember(props.members, "appearance");
-  const members = (_a = fieldsetMember == null ? void 0 : fieldsetMember.fieldSet.members) != null ? _a : NONE;
-  const visibilityMember = findFieldMember(members, "userId");
-  return /* @__PURE__ */jsx(Fragment, {
-    children: visibilityMember && /* @__PURE__ */jsx(ObjectInputMember, {
-      ...props,
-      member: visibilityMember
+const InlineBlockValueContext = createContext(void 0);
+function AssistInlineFormBlock(props) {
+  return /* @__PURE__ */jsx(InlineBlockValueContext.Provider, {
+    value: props.value,
+    children: /* @__PURE__ */jsx(Fragment, {
+      children: props.renderDefault(props)
     })
   });
 }
+function FieldRefPreview(props) {
+  var _a, _b, _c, _d;
+  const documentSchema = (_a = useContext(SelectedFieldContext)) == null ? void 0 : _a.documentSchema;
+  const path = (_c = (_b = useContext(InlineBlockValueContext)) == null ? void 0 : _b.path) != null ? _c : props.path;
+  const selectedField = useSelectedField(documentSchema, path);
+  return /* @__PURE__ */jsxs(Flex, {
+    gap: 2,
+    align: "center",
+    style: {
+      width: "100%"
+    },
+    children: [/* @__PURE__ */jsx(Flex, {
+      flex: 1,
+      gap: 2,
+      align: "center",
+      paddingY: 3,
+      paddingX: 1,
+      children: /* @__PURE__ */jsx(Box, {
+        children: /* @__PURE__ */jsx(Text, {
+          size: 1,
+          textOverflow: "ellipsis",
+          children: (_d = selectedField == null ? void 0 : selectedField.title) != null ? _d : "Select field"
+        })
+      })
+    }), /* @__PURE__ */jsx(Fragment, {
+      children: props.actions
+    })]
+  });
+}
 function HiddenFieldTitle(props) {
   return props.renderDefault({
     ...props,
@@ -5088,54 +5015,14 @@ function HiddenFieldTitle(props) {
     changed: false
   });
 }
-function InstructionVisibility(props) {
-  const {
-    value,
-    onChange
-  } = props;
-  const user = useCurrentUser();
-  const handleChange = useCallback(() => {
-    var _a;
-    const newValue = value ? "" : (_a = user == null ? void 0 : user.id) != null ? _a : "";
-    onChange(newValue ? set(newValue) : unset());
-  }, [onChange, user, value]);
-  const id = useId();
-  return /* @__PURE__ */jsx(Card, {
-    children: /* @__PURE__ */jsxs(Flex, {
-      gap: 2,
-      align: "flex-start",
-      children: [/* @__PURE__ */jsx("div", {
-        style: {
-          margin: "-3px 0"
-        },
-        children: /* @__PURE__ */jsx(Switch, {
-          ...props.elementProps,
-          id,
-          value: "".concat(!value),
-          checked: !value,
-          onChange: handleChange,
-          disabled: props.elementProps.readOnly
-        })
-      }), /* @__PURE__ */jsx(Text, {
-        muted: true,
-        size: 1,
-        weight: "medium",
-        children: /* @__PURE__ */jsx("label", {
-          htmlFor: id,
-          children: "Make visible to all Studio members"
-        })
-      })]
-    })
-  });
-}
 function IconInput(props) {
   const {
     value,
     onChange
   } = props;
   const id = useId();
-  const items = useMemo(() => Object.entries(icons).map(_ref14 => {
-    let [key, icon] = _ref14;
+  const items = useMemo(() => Object.entries(icons).map(_ref13 => {
+    let [key, icon] = _ref13;
     return /* @__PURE__ */jsx(IconItem, {
       iconKey: key,
       icon,
@@ -5163,12 +5050,12 @@ function IconInput(props) {
     }
   });
 }
-function IconItem(_ref15) {
+function IconItem(_ref14) {
   let {
     icon,
     iconKey: key,
     onChange
-  } = _ref15;
+  } = _ref14;
   const onClick = useCallback(() => onChange(set(key)), [onChange, key]);
   return /* @__PURE__ */jsx(MenuItem, {
     icon,
@@ -5179,11 +5066,51 @@ function IconItem(_ref15) {
 }
 function getIcon(iconName) {
   var _a, _b;
-  return (_b = (_a = Object.entries(icons).find(_ref16 => {
-    let [key] = _ref16;
+  return (_b = (_a = Object.entries(icons).find(_ref15 => {
+    let [key] = _ref15;
     return key === iconName;
   })) == null ? void 0 : _a[1]) != null ? _b : icons.sparkles;
 }
+function InstructionVisibility(props) {
+  const {
+    value,
+    onChange
+  } = props;
+  const user = useCurrentUser();
+  const handleChange = useCallback(() => {
+    var _a;
+    const newValue = value ? "" : (_a = user == null ? void 0 : user.id) != null ? _a : "";
+    onChange(newValue ? set(newValue) : unset());
+  }, [onChange, user, value]);
+  const id = useId();
+  return /* @__PURE__ */jsx(Card, {
+    children: /* @__PURE__ */jsxs(Flex, {
+      gap: 2,
+      align: "flex-start",
+      children: [/* @__PURE__ */jsx("div", {
+        style: {
+          margin: "-3px 0"
+        },
+        children: /* @__PURE__ */jsx(Switch, {
+          ...props.elementProps,
+          id,
+          value: "".concat(!value),
+          checked: !value,
+          onChange: handleChange,
+          disabled: props.elementProps.readOnly
+        })
+      }), /* @__PURE__ */jsx(Text, {
+        muted: true,
+        size: 1,
+        weight: "medium",
+        children: /* @__PURE__ */jsx("label", {
+          htmlFor: id,
+          children: "Make visible to all Studio members"
+        })
+      })]
+    })
+  });
+}
 function FieldRefPathInput(props) {
   var _a;
   const documentSchema = (_a = useContext(SelectedFieldContext)) == null ? void 0 : _a.documentSchema;
@@ -5228,209 +5155,115 @@ function FieldRefPathInput(props) {
     })
   });
 }
-function InstructionsArrayInput(props) {
-  const user = useCurrentUser();
-  const originalValue = props.value;
-  const originalMembers = props.members;
-  const value = useMemo(() => (originalValue != null ? originalValue : []).filter(v => !v.userId || v.userId === (user == null ? void 0 : user.id)), [originalValue, user]);
-  const members = useMemo(() => (originalMembers != null ? originalMembers : []).filter(v => {
-    var _a;
-    if (v.kind === "error") {
-      return true;
-    }
-    const value2 = (_a = v == null ? void 0 : v.item) == null ? void 0 : _a.value;
-    return !value2.userId || value2.userId === (user == null ? void 0 : user.id);
-  }), [originalMembers, user]);
-  return props.renderDefault({
-    ...props,
-    value,
-    members
-  });
-}
-const InlineBlockValueContext = createContext(void 0);
-function AssistInlineFormBlock(props) {
-  return /* @__PURE__ */jsx(InlineBlockValueContext.Provider, {
-    value: props.value,
-    children: /* @__PURE__ */jsx(Fragment, {
-      children: props.renderDefault(props)
-    })
-  });
-}
-function FieldRefPreview(props) {
-  var _a, _b, _c, _d;
-  const documentSchema = (_a = useContext(SelectedFieldContext)) == null ? void 0 : _a.documentSchema;
-  const path = (_c = (_b = useContext(InlineBlockValueContext)) == null ? void 0 : _b.path) != null ? _c : props.path;
-  const selectedField = useSelectedField(documentSchema, path);
-  return /* @__PURE__ */jsxs(Flex, {
-    gap: 2,
-    align: "center",
-    style: {
-      width: "100%"
-    },
-    children: [/* @__PURE__ */jsx(Flex, {
-      flex: 1,
-      gap: 2,
-      align: "center",
-      paddingY: 3,
-      paddingX: 1,
-      children: /* @__PURE__ */jsx(Box, {
-        children: /* @__PURE__ */jsx(Text, {
-          size: 1,
-          textOverflow: "ellipsis",
-          children: (_d = selectedField == null ? void 0 : selectedField.title) != null ? _d : "Select field"
-        })
-      })
-    }), /* @__PURE__ */jsx(Fragment, {
-      children: props.actions
-    })]
-  });
-}
-function HideReferenceChangedBannerInput(props) {
-  const ref = useRef(null);
-  useEffect(() => {
-    var _a;
-    const parent = (_a = ref.current) == null ? void 0 : _a.closest('[data-testid="pane-content"]');
-    if (!parent) {
-      return;
-    }
-    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    ');
-    parent.prepend(style);
-  }, [ref]);
-  return /* @__PURE__ */jsx(Box, {
-    ref,
-    children: props.renderDefault(props)
-  });
-}
-const contextDocumentSchema = defineType({
-  type: "document",
-  name: contextDocumentTypeName,
-  title: "AI context",
-  liveEdit: true,
-  icon: TokenIcon,
-  components: {
-    input: HideReferenceChangedBannerInput
-  },
-  fields: [defineField({
-    type: "string",
-    name: "title",
-    title: "Title"
-  }), defineField({
-    name: "context",
-    type: "array",
-    title: "Context",
-    of: [defineArrayMember({
-      type: "block",
-      styles: [{
-        title: "Normal",
-        value: "normal"
-      }],
-      lists: [],
-      marks: {
-        decorators: [],
-        annotations: []
-      }
-    })]
-  })],
-  preview: {
-    select: {
-      title: "title",
-      context: "context"
-    },
-    prepare(_ref17) {
-      let {
-        title,
-        context
-      } = _ref17;
-      var _a;
-      const text = context == null ? void 0 : context.flatMap(block => block == null ? void 0 : block.children).flatMap(child => {
-        var _a2;
-        return (_a2 = child == null ? void 0 : child.text) == null ? void 0 : _a2.split(" ");
-      }).filter(Boolean);
-      const words = (_a = text == null ? void 0 : text.length) != null ? _a : 0;
-      return {
-        title,
-        subtitle: "Words: ".concat(words),
-        media: DocumentTextIcon
-      };
-    }
-  }
-});
-
-// Strict ESM env, designed to run outside Node.js in envs that provide WebCrypto (deno, browsers, etc)
-
-function 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;
-  const rnds8 = new Uint8Array(length);
-  getRandomValues(rnds8);
-  return rnds8;
+function findFieldMember(members, fieldName) {
+  return members.find(m => m.kind === "field" && m.name === fieldName || m.kind === "error" && m.fieldName === fieldName);
 }
-const getByteHexTable = /* @__PURE__ */(() => {
-  let table;
-  return () => {
-    if (table) {
-      return table;
-    }
-    table = [];
-    for (let i = 0; i < 256; ++i) {
-      table[i] = (i + 256).toString(16).substring(1);
-    }
-    return table;
-  };
-})();
-function randomKey(length) {
-  const table = getByteHexTable();
-  return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
+function findFieldsetMember(members, fieldsetName) {
+  return members.find(m => m.kind === "fieldSet" && m.fieldSet.name === fieldsetName);
 }
-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(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__ */jsx(PteMods, {
-    children: props.renderDefault(props)
+function InstructionInput(props) {
+  return /* @__PURE__ */jsxs(Stack, {
+    space: [4, 4, 4, 5],
+    children: [/* @__PURE__ */jsx(NameField, {
+      ...props
+    }), /* @__PURE__ */jsx(ShareField, {
+      ...props
+    }), /* @__PURE__ */jsx(ObjectMember, {
+      fieldName: "prompt",
+      ...props
+    }), /* @__PURE__ */jsx(ObjectMember, {
+      fieldName: "output",
+      ...props
+    })]
   });
 }
-function useOnlyInlineBlocks(props) {
-  useEffect(() => {
-    var _a2;
-    let needsFix = false;
-    const val = ((_a2 = props.value) != null ? _a2 : []).map(block => {
-      if (block._type === "block") {
-        return block;
-      }
-      needsFix = true;
-      return typed({
-        _key: randomKey(12),
-        _type: "block",
-        level: 0,
-        markDefs: [],
-        style: "normal",
-        children: [block]
-      });
-    });
-    if (needsFix) {
-      props.onChange(set(val));
+function ObjectMember(_ref16) {
+  let {
+    fieldName,
+    ...props
+  } = _ref16;
+  const member = findFieldMember(props.members, fieldName);
+  return member ? /* @__PURE__ */jsx(ObjectInputMember, {
+    ...props,
+    member
+  }) : null;
+}
+const NONE = [];
+function NameField(props) {
+  var _a;
+  const fieldsetMember = findFieldsetMember(props.members, "appearance");
+  const titleId = useId();
+  const members = (_a = fieldsetMember == null ? void 0 : fieldsetMember.fieldSet.members) != null ? _a : NONE;
+  const iconMember = findFieldMember(members, "icon");
+  const titleMember = findFieldMember(members, "title");
+  const titlePlaceholder = "Untitled";
+  const moddedTitleMember = useMemo(() => {
+    if (!titleMember) {
+      return void 0;
     }
-  }, []);
+    if (titleMember.kind === "error") {
+      return titleMember;
+    }
+    return {
+      ...titleMember,
+      field: {
+        ...(titleMember == null ? void 0 : titleMember.field),
+        schemaType: {
+          ...(titleMember == null ? void 0 : titleMember.field.schemaType),
+          placeholder: titlePlaceholder
+        }
+      }
+    };
+  }, [titleMember, titlePlaceholder]);
+  return /* @__PURE__ */jsx(Stack, {
+    space: 5,
+    children: /* @__PURE__ */jsxs(Stack, {
+      space: 2,
+      children: [/* @__PURE__ */jsx(Flex, {
+        gap: 1,
+        children: /* @__PURE__ */jsx(Text, {
+          as: "label",
+          weight: "semibold",
+          size: 1,
+          htmlFor: titleId,
+          children: "Name"
+        })
+      }), /* @__PURE__ */jsx(Text, {
+        muted: true,
+        size: 1,
+        children: "How this instruction appears in menus"
+      }), /* @__PURE__ */jsxs(Flex, {
+        align: "center",
+        children: [iconMember && /* @__PURE__ */jsx(Box, {
+          flex: "none",
+          children: /* @__PURE__ */jsx(ObjectInputMember, {
+            ...props,
+            member: iconMember
+          })
+        }), moddedTitleMember && /* @__PURE__ */jsx(Box, {
+          flex: 1,
+          style: {
+            marginLeft: -1
+          },
+          children: /* @__PURE__ */jsx(ObjectInputMember, {
+            ...props,
+            member: moddedTitleMember
+          })
+        })]
+      })]
+    })
+  });
 }
-function InstructionsArrayField(props) {
-  return props.renderDefault({
-    ...props,
-    title: " "
+function ShareField(props) {
+  var _a;
+  const fieldsetMember = findFieldsetMember(props.members, "appearance");
+  const members = (_a = fieldsetMember == null ? void 0 : fieldsetMember.fieldSet.members) != null ? _a : NONE;
+  const visibilityMember = findFieldMember(members, "userId");
+  return /* @__PURE__ */jsx(Fragment, {
+    children: visibilityMember && /* @__PURE__ */jsx(ObjectInputMember, {
+      ...props,
+      member: visibilityMember
+    })
   });
 }
 function InstructionOutputField(props) {
@@ -5447,11 +5280,11 @@ function InstructionOutputField(props) {
     children: props.children
   });
 }
-function EnabledOutputField(_ref18) {
+function EnabledOutputField(_ref17) {
   let {
     fieldSchema,
     ...props
-  } = _ref18;
+  } = _ref17;
   var _a;
   const [open, setOpen] = useState(!!((_a = props.value) == null ? void 0 : _a.length));
   const onExpand = useCallback(() => setOpen(true), []);
@@ -5499,11 +5332,11 @@ function useEmptySelectAllValue(value, allowedValues, onChange) {
     }
   }, [allowedValues, value, onChange]);
 }
-function ObjectOutputInput(_ref19) {
+function ObjectOutputInput(_ref18) {
   let {
     fieldSchema,
     ...props
-  } = _ref19;
+  } = _ref18;
   const {
     value,
     onChange
@@ -5550,11 +5383,11 @@ function ObjectOutputInput(_ref19) {
     })
   });
 }
-function ArrayOutputInput(_ref20) {
+function ArrayOutputInput(_ref19) {
   let {
     fieldSchema,
     ...props
-  } = _ref20;
+  } = _ref19;
   const {
     value,
     onChange
@@ -5575,58 +5408,225 @@ function ArrayOutputInput(_ref20) {
         }));
         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])]));
+    } 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(_ref20) {
+  let {
+    title,
+    arrayValue,
+    value,
+    onChange
+  } = _ref20;
+  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
+      })
+    })]
+  });
+}
+
+// Strict ESM env, designed to run outside Node.js in envs that provide WebCrypto (deno, browsers, etc)
+
+function 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;
+  const rnds8 = new Uint8Array(length);
+  getRandomValues(rnds8);
+  return rnds8;
+}
+const getByteHexTable = /* @__PURE__ */(() => {
+  let table;
+  return () => {
+    if (table) {
+      return table;
+    }
+    table = [];
+    for (let i = 0; i < 256; ++i) {
+      table[i] = (i + 256).toString(16).substring(1);
+    }
+    return table;
+  };
+})();
+function randomKey(length) {
+  const table = getByteHexTable();
+  return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
+}
+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(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__ */jsx(PteMods, {
+    children: props.renderDefault(props)
+  });
+}
+function useOnlyInlineBlocks(props) {
+  useEffect(() => {
+    var _a2;
+    let needsFix = false;
+    const val = ((_a2 = props.value) != null ? _a2 : []).map(block => {
+      if (block._type === "block") {
+        return block;
+      }
+      needsFix = true;
+      return typed({
+        _key: randomKey(12),
+        _type: "block",
+        level: 0,
+        markDefs: [],
+        style: "normal",
+        children: [block]
+      });
+    });
+    if (needsFix) {
+      props.onChange(set(val));
     }
-  }, [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 InstructionsArrayField(props) {
+  return props.renderDefault({
+    ...props,
+    title: " "
   });
 }
-function Selectable(_ref21) {
-  let {
-    title,
-    arrayValue,
+function InstructionsArrayInput(props) {
+  const user = useCurrentUser();
+  const originalValue = props.value;
+  const originalMembers = props.members;
+  const value = useMemo(() => (originalValue != null ? originalValue : []).filter(v => !v.userId || v.userId === (user == null ? void 0 : user.id)), [originalValue, user]);
+  const members = useMemo(() => (originalMembers != null ? originalMembers : []).filter(v => {
+    var _a;
+    if (v.kind === "error") {
+      return true;
+    }
+    const value2 = (_a = v == null ? void 0 : v.item) == null ? void 0 : _a.value;
+    return !value2.userId || value2.userId === (user == null ? void 0 : user.id);
+  }), [originalMembers, user]);
+  return props.renderDefault({
+    ...props,
     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
-      })
-    })]
+    members
+  });
+}
+function HideReferenceChangedBannerInput(props) {
+  const ref = useRef(null);
+  useEffect(() => {
+    var _a;
+    const parent = (_a = ref.current) == null ? void 0 : _a.closest('[data-testid="pane-content"]');
+    if (!parent) {
+      return;
+    }
+    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    ');
+    parent.prepend(style);
+  }, [ref]);
+  return /* @__PURE__ */jsx(Box, {
+    ref,
+    children: props.renderDefault(props)
   });
 }
+const contextDocumentSchema = defineType({
+  type: "document",
+  name: contextDocumentTypeName,
+  title: "AI context",
+  liveEdit: true,
+  icon: TokenIcon,
+  components: {
+    input: HideReferenceChangedBannerInput
+  },
+  fields: [defineField({
+    type: "string",
+    name: "title",
+    title: "Title"
+  }), defineField({
+    name: "context",
+    type: "array",
+    title: "Context",
+    of: [defineArrayMember({
+      type: "block",
+      styles: [{
+        title: "Normal",
+        value: "normal"
+      }],
+      lists: [],
+      marks: {
+        decorators: [],
+        annotations: []
+      }
+    })]
+  })],
+  preview: {
+    select: {
+      title: "title",
+      context: "context"
+    },
+    prepare(_ref21) {
+      let {
+        title,
+        context
+      } = _ref21;
+      var _a;
+      const text = context == null ? void 0 : context.flatMap(block => block == null ? void 0 : block.children).flatMap(child => {
+        var _a2;
+        return (_a2 = child == null ? void 0 : child.text) == null ? void 0 : _a2.split(" ");
+      }).filter(Boolean);
+      const words = (_a = text == null ? void 0 : text.length) != null ? _a : 0;
+      return {
+        title,
+        subtitle: "Words: ".concat(words),
+        media: DocumentTextIcon
+      };
+    }
+  }
+});
 const fieldReference = defineType({
   type: "object",
   name: fieldReferenceTypeName,
@@ -6108,193 +6108,60 @@ function excludeComments(type) {
 }
 const instructionForm = [fieldInstructions, instruction, fieldReference, prompt, userInput, promptContext].map(excludeComments);
 const schemaTypes = [...instructionForm, outputFieldType, outputTypeType, assistDocumentSchema, documentInstructionStatus, instructionTask, contextDocumentSchema];
-function useAssistSupported(path, schemaType) {
-  return useMemo(() => isAssistSupported(schemaType), [schemaType]);
-}
 function useAssistDocumentContextValue(documentId, documentSchemaType) {
   const {
     published,
     draft
   } = useEditState(getPublishedId(documentId), documentSchemaType.name, "low");
-  const assistableDocumentId = (draft == null ? void 0 : draft._id) || (published == null ? void 0 : published._id) || documentId;
-  const documentIsNew = Boolean(!(draft == null ? void 0 : draft._id) && !(published == null ? void 0 : published._id));
-  const documentIsAssistable = isDocAssistable(documentSchemaType, published, draft);
-  const {
-    params
-  } = useAiPaneRouter();
-  const selectedPath = params[fieldPathParam];
-  const {
-    openInspector,
-    closeInspector,
-    inspector,
-    onChange: documentOnChange
-  } = useDocumentPane();
-  const assistDocument = useStudioAssistDocument({
-    documentId,
-    schemaType: documentSchemaType
-  });
-  const value = useMemo(() => {
-    const base = {
-      documentId,
-      assistableDocumentId,
-      documentSchemaType,
-      documentIsNew,
-      documentIsAssistable,
-      openInspector,
-      closeInspector,
-      inspector,
-      documentOnChange,
-      selectedPath
-    };
-    if (!assistDocument) {
-      return {
-        ...base,
-        loading: true,
-        assistDocument: void 0
-      };
-    }
-    return {
-      ...base,
-      loading: false,
-      assistDocument
-    };
-  }, [assistDocument, documentIsAssistable, documentId, assistableDocumentId, documentSchemaType, documentIsNew, openInspector, closeInspector, inspector, documentOnChange, selectedPath]);
-  return value;
-}
-function PrivateIcon() {
-  return /* @__PURE__ */jsx(Tooltip, {
-    content: /* @__PURE__ */jsx(Text, {
-      size: 1,
-      style: {
-        whiteSpace: "nowrap"
-      },
-      children: "Only visible to you"
-    }),
-    fallbackPlacements: ["bottom"],
-    padding: 2,
-    placement: "top",
-    portal: true,
-    children: /* @__PURE__ */jsx(LockIcon, {})
-  });
-}
-const ImageContext = createContext({});
-function ImageContextProvider(props) {
-  var _a, _b;
-  const {
-    schemaType,
-    path,
-    value,
-    readOnly
-  } = props;
-  const assetRef = (_a = value == null ? void 0 : value.asset) == null ? void 0 : _a._ref;
-  const [assetRefState, setAssetRefState] = useState(assetRef);
-  const {
-    documentId,
-    documentSchemaType
-  } = useAssistDocumentContext();
-  const {
-    config,
-    status
-  } = useAiAssistanceConfig();
-  const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
-  const {
-    generateCaption
-  } = useGenerateCaption(apiClient);
-  const {
-    isSyncing
-  } = useSyncState(publicId(documentId), documentSchemaType.name);
-  const router = usePaneRouter();
-  const isShowingOlderRevision = !!((_b = router.params) == null ? void 0 : _b.rev);
-  useEffect(() => {
-    const descriptionField = getDescriptionFieldOption(schemaType);
-    if (assetRef && documentId && descriptionField && assetRef !== assetRefState && !isSyncing && !isShowingOlderRevision && !readOnly) {
-      setAssetRefState(assetRef);
-      if (canUseAssist(status)) {
-        generateCaption({
-          path: pathToString([...path, descriptionField]),
-          documentId
-        });
-      }
+  const assistableDocumentId = (draft == null ? void 0 : draft._id) || (published == null ? void 0 : published._id) || documentId;
+  const documentIsNew = Boolean(!(draft == null ? void 0 : draft._id) && !(published == null ? void 0 : published._id));
+  const documentIsAssistable = isDocAssistable(documentSchemaType, published, draft);
+  const {
+    params
+  } = useAiPaneRouter();
+  const selectedPath = params[fieldPathParam];
+  const {
+    openInspector,
+    closeInspector,
+    inspector,
+    onChange: documentOnChange
+  } = useDocumentPane();
+  const assistDocument = useStudioAssistDocument({
+    documentId,
+    schemaType: documentSchemaType
+  });
+  const value = useMemo(() => {
+    const base = {
+      documentId,
+      assistableDocumentId,
+      documentSchemaType,
+      documentIsNew,
+      documentIsAssistable,
+      openInspector,
+      closeInspector,
+      inspector,
+      documentOnChange,
+      selectedPath
+    };
+    if (!assistDocument) {
+      return {
+        ...base,
+        loading: true,
+        assistDocument: void 0
+      };
     }
-  }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption, isSyncing, status, readOnly, isShowingOlderRevision]);
-  const context = useMemo(() => {
-    const descriptionField = getDescriptionFieldOption(schemaType);
-    const imageInstructionField = getImageInstructionFieldOption(schemaType);
     return {
-      imageDescriptionPath: descriptionField ? pathToString([...path, descriptionField]) : void 0,
-      imageInstructionPath: imageInstructionField ? pathToString([...path, imageInstructionField]) : void 0,
-      assetRef
+      ...base,
+      loading: false,
+      assistDocument
     };
-  }, [schemaType, path, assetRef]);
-  return /* @__PURE__ */jsx(ImageContext.Provider, {
-    value: context,
-    children: props.renderDefault(props)
-  });
+  }, [assistDocument, documentIsAssistable, documentId, assistableDocumentId, documentSchemaType, documentIsNew, openInspector, closeInspector, inspector, documentOnChange, selectedPath]);
+  return value;
 }
-function node$3(node2) {
-  return node2;
+function useAssistSupported(path, schemaType) {
+  return useMemo(() => isAssistSupported(schemaType), [schemaType]);
 }
-const generateCaptionsActions = {
-  name: "sanity-assist-generate-captions",
-  useAction(props) {
-    const pathKey = usePathKey(props.path);
-    const {
-      openInspector
-    } = useDocumentPane();
-    const {
-      config,
-      status
-    } = useAiAssistanceConfig();
-    const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
-    const {
-      generateCaption,
-      loading
-    } = useGenerateCaption(apiClient);
-    const imageContext = useContext(ImageContext);
-    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.imageDescriptionPath)) {
-      const {
-        documentId
-      } = useAssistDocumentContext();
-      return useMemo(() => {
-        return node$3({
-          type: "action",
-          icon: loading ? () => /* @__PURE__ */jsx(Box, {
-            style: {
-              height: 17
-            },
-            children: /* @__PURE__ */jsx(Spinner, {
-              style: {
-                transform: "translateY(6px)"
-              }
-            })
-          }) : ImageIcon,
-          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 : ""
-            });
-          },
-          renderAsButton: true,
-          disabled: loading,
-          hidden: !imageContext.assetRef
-        });
-      }, [generateCaption, pathKey, documentId, loading, imageContext, status, openInspector]);
-    }
-    return void 0;
-  }
-};
-function node$2(node2) {
+function node$3(node2) {
   return node2;
 }
 const translateActions = {
@@ -6342,7 +6209,7 @@ const translateActions = {
           return void 0;
         }
         const title = path.length ? "Translate" : "Translate document";
-        return node$2({
+        return node$3({
           type: "action",
           icon: translationApi.loading ? () => /* @__PURE__ */jsx(Box, {
             style: {
@@ -6376,7 +6243,7 @@ const translateActions = {
         isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
         task: fieldTranslate.openFieldTranslation
       });
-      const translateFieldsAction = useMemo(() => fieldTransEnabled ? node$2({
+      const translateFieldsAction = useMemo(() => fieldTransEnabled ? node$3({
         type: "action",
         icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */jsx(Box, {
           style: {
@@ -6410,7 +6277,7 @@ const translateActions = {
         if (!(status == null ? void 0 : status.initialized)) {
           return void 0;
         }
-        return node$2({
+        return node$3({
           type: "group",
           icon: () => null,
           title: "Translation",
@@ -6422,6 +6289,123 @@ const translateActions = {
     return void 0;
   }
 };
+const ImageContext = createContext({});
+function ImageContextProvider(props) {
+  var _a, _b;
+  const {
+    schemaType,
+    path,
+    value,
+    readOnly
+  } = props;
+  const assetRef = (_a = value == null ? void 0 : value.asset) == null ? void 0 : _a._ref;
+  const [assetRefState, setAssetRefState] = useState(assetRef);
+  const {
+    documentId,
+    documentSchemaType
+  } = useAssistDocumentContext();
+  const {
+    config,
+    status
+  } = useAiAssistanceConfig();
+  const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+  const {
+    generateCaption
+  } = useGenerateCaption(apiClient);
+  const {
+    isSyncing
+  } = useSyncState(publicId(documentId), documentSchemaType.name);
+  const router = usePaneRouter();
+  const isShowingOlderRevision = !!((_b = router.params) == null ? void 0 : _b.rev);
+  useEffect(() => {
+    const descriptionField = getDescriptionFieldOption(schemaType);
+    if (assetRef && documentId && descriptionField && assetRef !== assetRefState && !isSyncing && !isShowingOlderRevision && !readOnly) {
+      setAssetRefState(assetRef);
+      if (canUseAssist(status)) {
+        generateCaption({
+          path: pathToString([...path, descriptionField]),
+          documentId
+        });
+      }
+    }
+  }, [schemaType, path, assetRef, assetRefState, documentId, generateCaption, isSyncing, status, readOnly, isShowingOlderRevision]);
+  const context = useMemo(() => {
+    const descriptionField = getDescriptionFieldOption(schemaType);
+    const imageInstructionField = getImageInstructionFieldOption(schemaType);
+    return {
+      imageDescriptionPath: descriptionField ? pathToString([...path, descriptionField]) : void 0,
+      imageInstructionPath: imageInstructionField ? pathToString([...path, imageInstructionField]) : void 0,
+      assetRef
+    };
+  }, [schemaType, path, assetRef]);
+  return /* @__PURE__ */jsx(ImageContext.Provider, {
+    value: context,
+    children: props.renderDefault(props)
+  });
+}
+function node$2(node2) {
+  return node2;
+}
+const generateCaptionsActions = {
+  name: "sanity-assist-generate-captions",
+  useAction(props) {
+    const pathKey = usePathKey(props.path);
+    const {
+      openInspector
+    } = useDocumentPane();
+    const {
+      config,
+      status
+    } = useAiAssistanceConfig();
+    const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
+    const {
+      generateCaption,
+      loading
+    } = useGenerateCaption(apiClient);
+    const imageContext = useContext(ImageContext);
+    if (imageContext && pathKey === (imageContext == null ? void 0 : imageContext.imageDescriptionPath)) {
+      const {
+        documentId
+      } = useAssistDocumentContext();
+      return useMemo(() => {
+        return node$2({
+          type: "action",
+          icon: loading ? () => /* @__PURE__ */jsx(Box, {
+            style: {
+              height: 17
+            },
+            children: /* @__PURE__ */jsx(Spinner, {
+              style: {
+                transform: "translateY(6px)"
+              }
+            })
+          }) : ImageIcon,
+          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 : ""
+            });
+          },
+          renderAsButton: true,
+          disabled: loading,
+          hidden: !imageContext.assetRef
+        });
+      }, [generateCaption, pathKey, documentId, loading, imageContext, status, openInspector]);
+    }
+    return void 0;
+  }
+};
 function node$1(node2) {
   return node2;
 }
@@ -6473,6 +6457,22 @@ const generateImagActions = {
     return void 0;
   }
 };
+function PrivateIcon() {
+  return /* @__PURE__ */jsx(Tooltip, {
+    content: /* @__PURE__ */jsx(Text, {
+      size: 1,
+      style: {
+        whiteSpace: "nowrap"
+      },
+      children: "Only visible to you"
+    }),
+    fallbackPlacements: ["bottom"],
+    padding: 2,
+    placement: "top",
+    portal: true,
+    children: /* @__PURE__ */jsx(LockIcon, {})
+  });
+}
 function node(node2) {
   return node2;
 }
@@ -6570,14 +6570,14 @@ const assistFieldActions = {
         type: "group",
         icon: () => null,
         title: "Run instructions",
-        children: [...(instructions == null ? void 0 : instructions.map(instruction => instructionItem({
+        children: [...((instructions == null ? void 0 : instructions.map(instruction => instructionItem({
           instruction,
           isPrivate: Boolean(instruction.userId && instruction.userId === (currentUser == null ? void 0 : currentUser.id)),
           onInstructionAction,
           hidden: isHidden,
           documentIsNew: !!documentIsNew,
           assistSupported
-        }))), imageCaptionAction, imageGenAction].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, imageGenAction]);