@sanity/assist 2.0.4-canary.0 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/assist",
-  "version": "2.0.4-canary.0",
+  "version": "2.0.5",
   "description": "You create the instructions; Sanity AI Assist does the rest.",
   "keywords": [
     "sanity",
@@ -65,32 +65,31 @@
     "rxjs-exhaustmap-with-trailing": "^2.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^18.4.3",
-    "@commitlint/config-conventional": "^18.4.3",
+    "@commitlint/cli": "^19.2.1",
+    "@commitlint/config-conventional": "^19.1.0",
     "@rollup/plugin-image": "^3.0.3",
     "@sanity/pkg-utils": "^2.4.10",
     "@sanity/plugin-kit": "^3.1.10",
     "@sanity/semantic-release-preset": "^4.1.7",
-    "@types/react": "^18.2.37",
-    "@types/styled-components": "^5.1.30",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@types/react": "^18.2.75",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "date-fns": "^2.30.0",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-config-sanity": "^6.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-sanity": "^7.1.2",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "npm-run-all": "^4.1.5",
+    "npm-run-all2": "^5.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.5",
-    "sanity": "^3.28.0",
-    "semantic-release": "^23.0.2",
-    "styled-components": "^6.1.1",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.1"
+    "sanity": "^3.36.4",
+    "semantic-release": "^23.0.7",
+    "styled-components": "^6.1.8",
+    "typescript": "5.4.2",
+    "vitest": "^1.4.0"
   },
   "peerDependencies": {
     "react": "^18",

package/src/_lib/connector/ConnectFromRegion.tsx

@@ -1,10 +1,11 @@
 import {HTMLProps, useEffect, useState} from 'react'
-import {useConnectorsStore} from './useConnectorsStore'
-import {ConnectorRegionRects} from './types'
+
 import {ConnectorRegion} from './ConnectorRegion'
+import {ConnectorRegionRects} from './types'
+import {useConnectorsStore} from './useConnectorsStore'
 
 export function ConnectFromRegion(
-  props: {_key: string; zIndex: number} & HTMLProps<HTMLDivElement>
+  props: {_key: string; zIndex: number} & HTMLProps<HTMLDivElement>,
 ) {
   const {children, _key: key, zIndex, ...restProps} = props
   const store = useConnectorsStore()

package/src/_lib/connector/ConnectToRegion.tsx

@@ -1,4 +1,5 @@
 import {HTMLProps, useEffect, useState} from 'react'
+
 import {ConnectorRegion} from './ConnectorRegion'
 import {ConnectorRegionRects} from './types'
 import {useConnectorsStore} from './useConnectorsStore'

package/src/_lib/connector/ConnectorRegion.tsx

@@ -1,11 +1,12 @@
 import {HTMLProps, useEffect} from 'react'
+
 import {ConnectorRegionRects} from './types'
 import {useRegionRects} from './useRegionRects'
 
 export function ConnectorRegion(
   props: {
     onRectsChange?: (rects: ConnectorRegionRects | null) => void
-  } & HTMLProps<HTMLDivElement>
+  } & HTMLProps<HTMLDivElement>,
 ) {
   const {children, onRectsChange, ...restProps} = props
 

package/src/_lib/connector/ConnectorsProvider.tsx

@@ -1,4 +1,5 @@
 import {ReactNode, useEffect, useMemo} from 'react'
+
 import {ConnectorsStore, createConnectorsStore} from './ConnectorsStore'
 import {ConnectorsStoreContext} from './ConnectorsStoreContext'
 import {Connector} from './types'
@@ -12,7 +13,7 @@ export function ConnectorsProvider(props: {
 
   useEffect(
     () => onConnectorsChange && store.connectors.subscribe(onConnectorsChange),
-    [onConnectorsChange, store]
+    [onConnectorsChange, store],
   )
 
   return <ConnectorsStoreContext.Provider value={store}>{children}</ConnectorsStoreContext.Provider>

package/src/_lib/connector/ConnectorsStoreContext.ts

@@ -1,4 +1,5 @@
 import {createContext} from 'react'
+
 import {ConnectorsStore} from './ConnectorsStore'
 
 export const ConnectorsStoreContext = createContext<ConnectorsStore | null>(null)

package/src/_lib/connector/index.ts

@@ -1,9 +1,9 @@
 export * from './ConnectFromRegion'
-export * from './ConnectToRegion'
 export * from './ConnectorRegion'
 export * from './ConnectorsProvider'
 export * from './ConnectorsStore'
 export * from './ConnectorsStoreContext'
+export * from './ConnectToRegion'
 export * from './mapConnectorToLine'
 export * from './types'
 export * from './useConnectorsStore'

package/src/_lib/connector/mapConnectorToLine.ts

@@ -9,7 +9,7 @@ import {
 function getConnectorLinePoint(
   options: ConnectorOptions,
   rect: Rect,
-  bounds: Rect
+  bounds: Rect,
 ): ConnectorLinePoint {
   const centerY = rect.y + rect.h / 2
   const isAbove = rect.y + rect.h < bounds.y + options.arrow.marginY
@@ -30,7 +30,7 @@ function getConnectorLinePoint(
 
 export function mapConnectorToLine(
   options: ConnectorOptions,
-  connector: {from: ConnectorRegionRects; to: ConnectorRegionRects}
+  connector: {from: ConnectorRegionRects; to: ConnectorRegionRects},
 ): ConnectorLine {
   const fromBounds: Rect = {
     y: connector.from.bounds.y + options.arrow.threshold,

package/src/_lib/connector/useConnectorsStore.ts

@@ -1,6 +1,7 @@
 import {useContext} from 'react'
-import {ConnectorsStoreContext} from './ConnectorsStoreContext'
+
 import {ConnectorsStore} from './ConnectorsStore'
+import {ConnectorsStoreContext} from './ConnectorsStoreContext'
 
 export function useConnectorsStore(): ConnectorsStore {
   const store = useContext(ConnectorsStoreContext)

package/src/_lib/connector/useRegionRects.ts

@@ -1,6 +1,7 @@
 import {useEffect, useMemo, useRef, useState} from 'react'
-import {Rect, Scroll} from './types'
+
 import {hasOverflowScroll} from './helpers'
+import {Rect, Scroll} from './types'
 
 export function useRegionRects() {
   const ref = useRef<HTMLDivElement>(null)
@@ -123,7 +124,7 @@ export function useRegionRects() {
         w: relativeBoundsRect.w,
         h: relativeBoundsRect.h,
       },
-    [relativeBoundsRect, boundsScroll]
+    [relativeBoundsRect, boundsScroll],
   )
 
   const element: Rect | null = useMemo(
@@ -134,7 +135,7 @@ export function useRegionRects() {
         w: relativeElementRect.w,
         h: relativeElementRect.h,
       },
-    [relativeElementRect, scroll]
+    [relativeElementRect, scroll],
   )
 
   return {bounds, element, ref}

package/src/_lib/fixedListenQuery.ts

@@ -19,21 +19,21 @@ const fetch = (
   client: SanityClient,
   query: string,
   params: ListenQueryParams,
-  options: ListenQueryOptions
+  options: ListenQueryOptions,
 ) =>
   defer(() =>
     // getVersionedClient(options.apiVersion)
     client.observable.fetch(query, params, {
       tag: options.tag,
       filterResponse: true,
-    })
+    }),
   )
 
 const listen = (
   client: SanityClient,
   query: string,
   params: ListenQueryParams,
-  options: ListenQueryOptions
+  options: ListenQueryOptions,
 ) =>
   defer(() =>
     // getVersionedClient(options.apiVersion)
@@ -42,11 +42,11 @@ const listen = (
       includeResult: false,
       visibility: 'query',
       tag: options.tag,
-    })
+    }),
   ) as Observable<ReconnectEvent | WelcomeEvent | MutationEvent>
 
 function isWelcomeEvent(
-  event: MutationEvent | ReconnectEvent | WelcomeEvent
+  event: MutationEvent | ReconnectEvent | WelcomeEvent,
 ): event is WelcomeEvent {
   return event.type === 'welcome'
 }
@@ -56,7 +56,7 @@ export const listenQuery = (
   client: SanityClient,
   query: string | {fetch: string; listen: string},
   params: ListenQueryParams = {},
-  options: ListenQueryOptions = {}
+  options: ListenQueryOptions = {},
 ) => {
   const fetchQuery = typeof query === 'string' ? query : query.fetch
   const listenerQuery = typeof query === 'string' ? query : query.listen
@@ -73,13 +73,13 @@ export const listenQuery = (
           new Error(
             ev.type === 'reconnect'
               ? 'Could not establish EventSource connection'
-              : `Received unexpected type of first event "${ev.type}"`
-          )
+              : `Received unexpected type of first event "${ev.type}"`,
+          ),
         )
       }
       return of(ev)
     }),
-    share()
+    share(),
   )
 
   const [welcome$, mutationAndReconnect$] = partition(events$, isWelcomeEvent)
@@ -95,7 +95,7 @@ export const listenQuery = (
     welcome$.pipe(take(1)),
     mutationAndReconnect$.pipe(
       filter(isRelevantEvent),
-      switchMap((event) => merge(of(event), of(event).pipe(delay(options.throttleTime || 1000))))
-    )
+      switchMap((event) => merge(of(event), of(event).pipe(delay(options.throttleTime || 1000)))),
+    ),
   ).pipe(exhaustMapToWithTrailing(fetchOnce$))
 }

package/src/_lib/form/DocumentForm.tsx

@@ -12,12 +12,13 @@ import {
   useDocumentStore,
 } from 'sanity'
 import {useDocumentPane} from 'sanity/desk'
+
 import {assistFormId} from './constants'
 
 const preventDefault = (ev: React.FormEvent) => ev.preventDefault()
 
 export function DocumentForm(
-  props: Omit<BoxProps, 'as'> & Omit<HTMLProps<HTMLDivElement>, 'as' | 'onSubmit' | 'ref'>
+  props: Omit<BoxProps, 'as'> & Omit<HTMLProps<HTMLDivElement>, 'as' | 'onSubmit' | 'ref'>,
 ) {
   const {
     collapsedFieldSets,
@@ -61,7 +62,7 @@ export function DocumentForm(
           if (event.type === 'rebase') {
             patchChannel.publish(prepareRebaseEvent(event))
           }
-        })
+        }),
       )
       .subscribe()
 
@@ -192,7 +193,7 @@ function prepareRebaseEvent(event: DocumentRebaseEvent): PatchMsg {
     type: 'rebase',
     snapshot: event.document,
     patches: fromMutationPatches('remote', remotePatches).concat(
-      fromMutationPatches('local', localPatches)
+      fromMutationPatches('local', localPatches),
     ),
   }
 }

package/src/_lib/form/helpers.ts

@@ -1,4 +1,5 @@
 import {isArraySchemaType, isObjectSchemaType, ObjectItem, SchemaType} from 'sanity'
+
 import {randomKey} from '../randomKey'
 
 export function createProtoValue(type: SchemaType): any {
@@ -23,7 +24,7 @@ export function createProtoValue(type: SchemaType): any {
 export function createProtoArrayValue<Item extends ObjectItem>(type: SchemaType): Item {
   if (!isObjectSchemaType(type)) {
     throw new Error(
-      `Invalid item type: "${type.type}". Default array input can only contain objects (for now)`
+      `Invalid item type: "${type.type}". Default array input can only contain objects (for now)`,
     )
   }
 

package/src/_lib/useListeningQuery.ts

@@ -1,7 +1,8 @@
 import {useEffect, useRef, useState} from 'react'
-import {catchError, distinctUntilChanged} from 'rxjs/operators'
 import isEqual from 'react-fast-compare'
+import {catchError, distinctUntilChanged} from 'rxjs/operators'
 import {ListenQueryOptions, useClient} from 'sanity'
+
 import {listenQuery} from './fixedListenQuery'
 
 type Params = Record<string, string | number | boolean | string[]>
@@ -22,7 +23,7 @@ const DEFAULT_OPTIONS: ListenQueryOptions = {apiVersion: `v2022-05-09`}
 export function useListeningQuery<T>(
   query: string,
   params: Params = DEFAULT_PARAMS,
-  options: ListenQueryOptions = DEFAULT_OPTIONS
+  options: ListenQueryOptions = DEFAULT_OPTIONS,
 ): ReturnShape<T> {
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState(false)
@@ -43,7 +44,7 @@ export function useListeningQuery<T>(
             setData(null)
 
             return err
-          })
+          }),
         )
         .subscribe((documents) => {
           setData((current) => (isEqual(current, documents) ? current : documents))

package/src/assistConnectors/AssistConnectorsOverlay.tsx

@@ -1,4 +1,5 @@
 import {Fragment, useEffect, useState} from 'react'
+
 import {Connector, ConnectorOptions} from '../_lib/connector'
 import {ConnectorPath} from './ConnectorPath'
 

package/src/assistConnectors/ConnectorPath.tsx

@@ -1,5 +1,6 @@
 import {rgba, useTheme} from '@sanity/ui'
 import {useMemo} from 'react'
+
 import {ConnectorOptions, mapConnectorToLine, Rect} from '../_lib/connector'
 import {arrowPath} from './draw/arrowPath'
 import {drawConnectorPath} from './draw/connectorPath'
@@ -35,7 +36,7 @@ export function ConnectorPath(props: {
             options,
             line.from.x + options.arrow.marginX,
             line.from.bounds.y - options.arrow.threshold + options.arrow.marginY,
-            -1
+            -1,
           )}
           stroke={theme.sanity.color.base.border}
           strokeWidth={strokeWidth}
@@ -51,7 +52,7 @@ export function ConnectorPath(props: {
               line.from.bounds.h +
               options.arrow.threshold -
               options.arrow.marginY,
-            1
+            1,
           )}
           stroke={theme.sanity.color.base.border}
           strokeWidth={strokeWidth}

package/src/assistConnectors/draw/connectorPath.ts

@@ -4,7 +4,7 @@ export function drawArrowPath(
   options: ConnectorOptions,
   x: number,
   y: number,
-  dir: number
+  dir: number,
 ): string {
   return [
     `M ${x - options.arrow.size} ${y - options.arrow.size * dir} `,
@@ -54,19 +54,19 @@ export function drawConnectorPath(options: ConnectorOptions, line: ConnectorLine
     cmds.push(
       moveTo(
         fromX + options.arrow.marginX,
-        fromY - options.arrow.threshold + options.arrow.marginY
+        fromY - options.arrow.threshold + options.arrow.marginY,
       ),
       lineTo(fromX + options.arrow.marginX, fromY - r0),
-      quadCurve(fromX + options.arrow.marginX, fromY, fromX + options.arrow.marginX + r0, fromY)
+      quadCurve(fromX + options.arrow.marginX, fromY, fromX + options.arrow.marginX + r0, fromY),
     )
   } else if (from.isBelow) {
     cmds.push(
       moveTo(
         fromX + options.arrow.marginX,
-        fromY + options.arrow.threshold - options.arrow.marginY
+        fromY + options.arrow.threshold - options.arrow.marginY,
       ),
       lineTo(fromX + options.arrow.marginX, fromY + r0),
-      quadCurve(fromX + options.arrow.marginX, fromY, fromX + options.arrow.marginX + r0, fromY)
+      quadCurve(fromX + options.arrow.marginX, fromY, fromX + options.arrow.marginX + r0, fromY),
     )
   } else {
     cmds.push(moveTo(fromX, fromY))
@@ -82,13 +82,13 @@ export function drawConnectorPath(options: ConnectorOptions, line: ConnectorLine
         quadCurve(dividerX, toY, dividerX + r1, toY),
         lineTo(dividerX - cornerRadius, toY),
         quadCurve(dividerX, toY, dividerX, toY - cornerRadius),
-        lineTo(dividerX, toY - options.arrow.threshold + options.arrow.marginY)
+        lineTo(dividerX, toY - options.arrow.threshold + options.arrow.marginY),
       )
     } else {
       cmds.push(
         lineTo(dividerX - cornerRadius, fromY),
         quadCurve(dividerX, fromY, dividerX, fromY - cornerRadius),
-        lineTo(dividerX, toY - options.arrow.threshold + options.arrow.marginY)
+        lineTo(dividerX, toY - options.arrow.threshold + options.arrow.marginY),
       )
     }
   } else if (to.isBelow) {
@@ -100,24 +100,24 @@ export function drawConnectorPath(options: ConnectorOptions, line: ConnectorLine
           dividerX - options.arrow.marginX,
           fromY,
           dividerX - options.arrow.marginX,
-          fromY - r1
+          fromY - r1,
         ),
         lineTo(dividerX - options.arrow.marginX, toY + r1),
         quadCurve(
           dividerX - options.arrow.marginX,
           toY,
           dividerX - options.arrow.marginX + r1,
-          toY
+          toY,
         ),
         lineTo(dividerX - cornerRadius, toY),
         quadCurve(dividerX, toY, dividerX, toY + cornerRadius),
-        lineTo(dividerX, toY + options.arrow.threshold - options.arrow.marginY)
+        lineTo(dividerX, toY + options.arrow.threshold - options.arrow.marginY),
       )
     } else {
       cmds.push(
         lineTo(dividerX - cornerRadius, fromY),
         quadCurve(dividerX, fromY, dividerX, fromY + cornerRadius),
-        lineTo(dividerX, toY + options.arrow.threshold - options.arrow.marginY)
+        lineTo(dividerX, toY + options.arrow.threshold - options.arrow.marginY),
       )
     }
   } else if (fromY < toY) {
@@ -126,7 +126,7 @@ export function drawConnectorPath(options: ConnectorOptions, line: ConnectorLine
       quadCurve(dividerX, fromY, dividerX, fromY + r1),
       lineTo(dividerX, toY - r1),
       quadCurve(dividerX, toY, dividerX + r1, toY),
-      lineTo(toX, toY)
+      lineTo(toX, toY),
     )
   } else {
     cmds.push(
@@ -134,7 +134,7 @@ export function drawConnectorPath(options: ConnectorOptions, line: ConnectorLine
       quadCurve(dividerX, fromY, dividerX, fromY - Math.min(r0, r1)),
       lineTo(dividerX, toY + r1),
       quadCurve(dividerX, toY, dividerX + r1, toY),
-      lineTo(toX, toY)
+      lineTo(toX, toY),
     )
   }
 

package/src/assistDocument/AssistDocumentContext.tsx

@@ -1,5 +1,6 @@
-import {DocumentInspector, ObjectSchemaType, PatchEvent} from 'sanity'
 import {createContext, useContext} from 'react'
+import {DocumentInspector, ObjectSchemaType, PatchEvent} from 'sanity'
+
 import {StudioAssistDocument} from '../types'
 
 export type AssistDocumentContextValue = (
@@ -19,7 +20,7 @@ export type AssistDocumentContextValue = (
 }
 
 export const AssistDocumentContext = createContext<AssistDocumentContextValue | undefined>(
-  undefined
+  undefined,
 )
 
 export function useAssistDocumentContext(): AssistDocumentContextValue {

package/src/assistDocument/AssistDocumentContextProvider.tsx

@@ -1,7 +1,8 @@
+import {PropsWithChildren} from 'react'
 import {ObjectSchemaType} from 'sanity'
+
 import {AssistDocumentContext} from './AssistDocumentContext'
 import {useAssistDocumentContextValue} from './hooks/useAssistDocumentContextValue'
-import {PropsWithChildren} from 'react'
 
 export interface AIDocumentInputProps {
   documentId: string

package/src/assistDocument/AssistDocumentInput.tsx

@@ -1,15 +1,16 @@
-import {InputProps, ObjectInputProps, ObjectSchemaType} from 'sanity'
-import {AssistDocumentContextProvider} from './AssistDocumentContextProvider'
-import {FirstAssistedPathProvider} from '../onboarding/FirstAssistedPathProvider'
-import {useInstructionToaster} from './hooks/useInstructionToaster'
-import {isType} from '../helpers/typeUtils'
 import {useLayer} from '@sanity/ui'
+import {useMemo} from 'react'
+import {InputProps, ObjectInputProps, ObjectSchemaType} from 'sanity'
 import {useDocumentPane} from 'sanity/desk'
-import {usePathKey} from '../helpers/misc'
+
 import {ConnectFromRegion} from '../_lib/connector'
-import {assistDocumentTypeName} from '../types'
-import {useMemo} from 'react'
 import {assistFormId} from '../_lib/form/constants'
+import {usePathKey} from '../helpers/misc'
+import {isType} from '../helpers/typeUtils'
+import {FirstAssistedPathProvider} from '../onboarding/FirstAssistedPathProvider'
+import {assistDocumentTypeName} from '../types'
+import {AssistDocumentContextProvider} from './AssistDocumentContextProvider'
+import {useInstructionToaster} from './hooks/useInstructionToaster'
 
 export function AssistDocumentInputWrapper(props: InputProps) {
   if (!isType(props.schemaType, 'document') && props.id !== 'root' && props.id !== assistFormId) {

package/src/assistDocument/RequestRunInstructionProvider.tsx

@@ -1,6 +1,7 @@
-import {useRunInstruction} from '../assistLayout/RunInstructionProvider'
 import {useCallback, useEffect, useState} from 'react'
 import {ObjectSchemaType, PatchEvent, SanityDocument, unset} from 'sanity'
+
+import {useRunInstruction} from '../assistLayout/RunInstructionProvider'
 import {publicId} from '../helpers/ids'
 
 export interface DraftDelayedTaskArgs<T> {
@@ -13,7 +14,7 @@ export interface DraftDelayedTaskArgs<T> {
 export function isDocAssistable(
   documentSchemaType: ObjectSchemaType,
   published?: SanityDocument | null,
-  draft?: SanityDocument | null
+  draft?: SanityDocument | null,
 ) {
   return !!(documentSchemaType.liveEdit ? published : draft)
 }
@@ -61,6 +62,6 @@ export function useDraftDelayedTask<T>(args: DraftDelayedTaskArgs<T>) {
       documentOnChange(PatchEvent.from([unset(['_force_document_creation'])]))
       setQueuedArgs(taskArgs)
     },
-    [setQueuedArgs, documentOnChange]
+    [setQueuedArgs, documentOnChange],
   )
 }

package/src/assistDocument/components/AssistDocumentForm.tsx

@@ -1,13 +1,4 @@
-import {
-  AssistDocument,
-  AssistField,
-  assistFieldTypeName,
-  AssistInspectorRouteParams,
-  documentRootKey,
-  fieldPathParam,
-  instructionParam,
-  StudioInstruction,
-} from '../../types'
+import {Card, Stack, Text} from '@sanity/ui'
 import {createContext, useContext, useEffect, useMemo, useRef} from 'react'
 import {
   FormCallbacksProvider,
@@ -27,12 +18,22 @@ import {
   useFormCallbacks,
   useSchema,
 } from 'sanity'
-import {BackToInstructionListLink} from './instruction/BackToInstructionsLink'
+
 import {useAiPaneRouter} from '../../assistInspector/helpers'
-import {SelectedFieldContextProvider, SelectedFieldContextValue} from './SelectedFieldContext'
-import {Card, Stack, Text} from '@sanity/ui'
-import {documentTypeFromAiDocumentId} from '../../helpers/ids'
 import {useAiAssistanceConfig} from '../../assistLayout/AiAssistanceConfigContext'
+import {documentTypeFromAiDocumentId} from '../../helpers/ids'
+import {
+  AssistDocument,
+  AssistField,
+  assistFieldTypeName,
+  AssistInspectorRouteParams,
+  documentRootKey,
+  fieldPathParam,
+  instructionParam,
+  StudioInstruction,
+} from '../../types'
+import {BackToInstructionListLink} from './instruction/BackToInstructionsLink'
+import {SelectedFieldContextProvider, SelectedFieldContextValue} from './SelectedFieldContext'
 
 const EMPTY_FIELDS: AssistField[] = []
 
@@ -96,7 +97,7 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
       documentSchema,
       fieldSchema: fieldSchema ?? documentSchema,
     }),
-    [fieldSchema, documentSchema]
+    [fieldSchema, documentSchema],
   )
 
   const title = value?.title
@@ -118,7 +119,7 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
             typed<AssistInspectorRouteParams>({
               ...params,
               [instructionParam]: (path[3] as KeyedSegment)?._key,
-            }) as Record<keyof AssistInspectorRouteParams, string | undefined>
+            }) as Record<keyof AssistInspectorRouteParams, string | undefined>,
           )
           onPathOpen([])
         } else {
@@ -126,7 +127,7 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
         }
       },
     }),
-    [formCallbacks, onPathOpen, params, setParams, instruction]
+    [formCallbacks, onPathOpen, params, setParams, instruction],
   )
 
   useEffect(() => {
@@ -164,7 +165,7 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
 
 function useSelectedSchema(
   fieldPath: string | undefined,
-  documentSchema: ObjectSchemaType | undefined
+  documentSchema: ObjectSchemaType | undefined,
 ): SchemaType | undefined {
   return useMemo(() => {
     if (!fieldPath) {
@@ -221,7 +222,7 @@ function FieldsInitializer({
     const existingInstructions = existingField?.instructions
     const presetField = documentPresets.fields?.find((f) => f.path === pathKey)
     return presetField?.instructions?.filter(
-      (i) => !existingInstructions?.some((ei) => ei._key === i._key)
+      (i) => !existingInstructions?.some((ei) => ei._key === i._key),
     )
   }, [documentPresets, pathKey, existingField])
 
@@ -248,8 +249,8 @@ function FieldsInitializer({
             }),
           ],
           'after',
-          ['fields', -1]
-        )
+          ['fields', -1],
+        ),
       )
     }
 
@@ -265,11 +266,11 @@ function FieldsInitializer({
               ...preset,
               _type: 'sanity.assist.instruction',
               prompt: preset.prompt?.map((p) => ({markDefs: [], ...p})),
-            })
+            }),
           ),
           'after',
-          ['fields', {_key: pathKey}, 'instructions', -1]
-        )
+          ['fields', {_key: pathKey}, 'instructions', -1],
+        ),
       )
     }
     onChange(event)