@sanity/assist 5.0.2 → 5.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/assist",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "type": "module",
   "description": "You create the instructions; Sanity AI Assist does the rest.",
   "keywords": [
@@ -50,10 +50,14 @@
     "release": "semantic-release"
   },
   "dependencies": {
+    "@portabletext/types": "^4.0.1",
+    "@sanity/client": "^7.14.0",
+    "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.7.4",
     "@sanity/incompatible-plugin": "^1.0.4",
     "@sanity/ui": "^3.1.11",
     "date-fns": "^3.6.0",
+    "get-random-values-esm": "^1.0.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "react-fast-compare": "^3.2.2",
@@ -64,36 +68,36 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@rollup/plugin-image": "^3.0.3",
-    "@sanity/pkg-utils": "^8.1.25",
+    "@sanity/pkg-utils": "^10.3.2",
     "@sanity/plugin-kit": "^4.0.20",
-    "@sanity/schema": "^4.11.0",
+    "@sanity/schema": "^5.4.0",
     "@sanity/semantic-release-preset": "^4.1.7",
     "@types/lodash": "^4.17.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.2.75",
+    "@types/react": "^19.2.8",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-sanity": "^7.1.2",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "npm-run-all2": "^5.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "rimraf": "^5.0.5",
-    "sanity": "^4.0.0",
+    "sanity": "^5.4.0",
     "semantic-release": "^23.0.8",
     "styled-components": "^6.1.16",
-    "typescript": "^5.7.2",
+    "typescript": "^5.9.3",
     "vitest": "^3.1.4"
   },
   "peerDependencies": {
-    "@sanity/mutator": "^3.36.4 || ^4.0.0-0",
+    "@sanity/mutator": "^3.36.4 || ^4.0.0-0 || ^5.0.0",
     "react": "^18 || ^19",
-    "sanity": "^3.36.4 || ^4.0.0-0",
+    "sanity": "^3.36.4 || ^4.0.0-0 || ^5.0.0",
     "styled-components": "^6.1"
   },
   "engines": {

package/src/_lib/usePrevious.ts

@@ -1,7 +1,7 @@
 import {useEffect, useRef} from 'react'
 
 export function usePrevious<T>(value: T) {
-  const ref = useRef<T>()
+  const ref = useRef<T>(undefined)
   useEffect(() => {
     ref.current = value
   }, [value])

package/src/assistDocument/components/AssistDocumentForm.tsx

@@ -114,7 +114,6 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
               [instructionParam]: (path[3] as KeyedSegment)?._key,
             }) as Record<keyof AssistInspectorRouteParams, string | undefined>,
           )
-          onPathOpen([])
         } else {
           setTimeout(() => onPathOpen(path), 0)
         }
@@ -123,9 +122,11 @@ function AssistDocumentFormEditable(props: ObjectInputProps) {
     [formCallbacks, onPathOpen, params, setParams, instruction],
   )
 
+  // When showing the instruction list (no specific instruction selected),
+  // tell the form to focus on the field path to close any open modals
   useEffect(() => {
     if (activePath && !instruction) {
-      onPathOpen([])
+      onPathOpen(activePath)
     }
   }, [activePath, instruction, onPathOpen])
 

package/src/assistDocument/hooks/useAssistDocumentContextValue.tsx

@@ -1,5 +1,5 @@
 import {useCallback, useEffect, useMemo, useState} from 'react'
-import {getDraftId, getVersionId, type ObjectSchemaType, useSchema} from 'sanity'
+import {getDraftId, getVersionId, type ObjectSchemaType, usePerspective, useSchema} from 'sanity'
 import {useDocumentPane} from 'sanity/structure'
 import {fieldPathParam, InstructionTask} from '../../types'
 import {AssistDocumentContextValue} from '../AssistDocumentContext'
@@ -32,11 +32,9 @@ export function useAssistDocumentContextValue(documentId: string, documentType:
     closeInspector,
     inspector,
     onChange: documentOnChange,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore this is a valid option available in `corel` - Remove after corel is merged to next
-    selectedReleaseId,
     editState,
   } = useDocumentPane()
+  const {selectedReleaseId} = usePerspective()
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore this is a valid option available in `corel` - Remove after corel is merged to next
   const {draft, published, version} = editState || {}

package/src/assistInspector/AssistInspector.tsx

@@ -3,6 +3,7 @@ import {Box, Button, Card, Flex, Spinner, Stack, Text} from '@sanity/ui'
 import {useCallback, useMemo, useRef} from 'react'
 import {
   type DocumentInspectorProps,
+  PerspectiveProvider,
   PresenceOverlay,
   VirtualizerScrollInstanceProvider,
 } from 'sanity'
@@ -322,21 +323,16 @@ export function AssistInspector(props: DocumentInspectorProps) {
                       scrollElement={boundary.current}
                       containerElement={boundary}
                     >
-                      <DocumentPaneProvider
-                        paneKey={documentPane.paneKey}
-                        index={documentPane.index}
-                        itemId="ai"
-                        pane={paneNode}
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                        //@ts-ignore this is a valid option available in `corel` - Remove after corel is merged to next
-                        forcedVersion={{
-                          isReleaseLocked: false,
-                          selectedPerspectiveName: 'published',
-                          selectedReleaseId: undefined,
-                        }}
-                      >
-                        <DocumentForm />
-                      </DocumentPaneProvider>
+                      <PerspectiveProvider selectedPerspectiveName={undefined}>
+                        <DocumentPaneProvider
+                          paneKey={documentPane.paneKey}
+                          index={documentPane.index}
+                          itemId="ai"
+                          pane={paneNode}
+                        >
+                          <DocumentForm />
+                        </DocumentPaneProvider>
+                      </PerspectiveProvider>
                     </VirtualizerScrollInstanceProvider>
                   </AssistTypeContext.Provider>
                 )}

package/src/assistInspector/helpers.ts

@@ -37,7 +37,7 @@ export interface FieldRef {
 
 const maxDepth = 6
 
-export function getTypeIcon(schemaType: SchemaType) {
+export function getTypeIcon(schemaType: SchemaType): ComponentType {
   let t: SchemaType | undefined = schemaType
 
   while (t) {
@@ -64,7 +64,7 @@ export function asFieldRefsByTypePath(fieldRefs: FieldRef[]): Record<string, Fie
   return lookup
 }
 
-export function getDocumentFieldRef(schemaType: ObjectSchemaType) {
+export function getDocumentFieldRef(schemaType: ObjectSchemaType): FieldRef {
   return {
     key: documentRootKey,
     icon: schemaType.icon ?? DocumentIcon,

package/src/components/ImageContext.tsx

@@ -1,6 +1,6 @@
 import {createContext, useEffect, useMemo, useState} from 'react'
-import {getPublishedId, type InputProps, pathToString, useSyncState} from 'sanity'
-import {useDocumentPane, usePaneRouter} from 'sanity/structure'
+import {getPublishedId, type InputProps, pathToString, usePerspective, useSyncState} from 'sanity'
+import {usePaneRouter} from 'sanity/structure'
 
 import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
 import {useAiAssistanceConfig} from '../assistLayout/AiAssistanceConfigContext'
@@ -18,7 +18,7 @@ export const ImageContext = createContext<ImageContextValue>({})
 export function ImageContextProvider(props: InputProps) {
   const {schemaType, path, value, readOnly} = props
   const assetRef = (value as any)?.asset?._ref
-  const {selectedReleaseId} = useDocumentPane()
+  const {selectedReleaseId} = usePerspective()
   const [assetRefState, setAssetRefState] = useState<string | undefined>(assetRef)
 
   const {assistableDocumentId, documentSchemaType} = useAssistDocumentContext()