@sanity/assist 5.0.1 → 5.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/assist",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "type": "module",
   "description": "You create the instructions; Sanity AI Assist does the rest.",
   "keywords": [
@@ -91,9 +91,9 @@
     "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/assistFormComponents/AssistField.tsx

@@ -1,13 +1,10 @@
 import {Box, Flex} from '@sanity/ui'
-import {useContext, useMemo} from 'react'
-import {FieldProps, isArraySchemaType, pathToString} from 'sanity'
+import {useMemo} from 'react'
+import {FieldProps, isArraySchemaType} from 'sanity'
 
 import {assistFormId} from '../_lib/form/constants'
 import {isAssistSupported} from '../helpers/assistSupported'
 import {isPortableTextArray, isType} from '../helpers/typeUtils'
-import {AssistOnboardingPopover} from '../onboarding/FieldActionsOnboarding'
-import {FirstAssistedPathContext} from '../onboarding/FirstAssistedPathProvider'
-import {fieldOnboardingKey, useOnboardingFeature} from '../onboarding/onboardingStore'
 import {AiFieldPresence} from '../presence/AiFieldPresence'
 import {useAssistPresence} from '../presence/useAssistPresence'
 import {contextDocumentTypeName} from '../types'
@@ -36,22 +33,12 @@ export function AssistFieldWrapper(props: FieldProps) {
 }
 
 export function AssistField(props: FieldProps) {
-  const {path} = props
-
   const isPortableText = useMemo(
     () => !!(isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType)),
     [props.schemaType],
   )
 
   const presence = useAssistPresence(props.path, isPortableText)
-
-  const firstAssistedPath = useContext(FirstAssistedPathContext)
-  const isFirstAssisted = useMemo(
-    () => pathToString(path) === firstAssistedPath,
-    [path, firstAssistedPath],
-  )
-
-  const {showOnboarding, dismissOnboarding} = useOnboardingFeature(fieldOnboardingKey)
   const singlePresence = presence[0]
 
   const actions = (
@@ -61,18 +48,15 @@ export function AssistField(props: FieldProps) {
           <AiFieldPresence presence={singlePresence} />
         </Box>
       )}
-
-      {isFirstAssisted && showOnboarding && <AssistOnboardingPopover dismiss={dismissOnboarding} />}
     </Flex>
   )
 
   return props.renderDefault({
     ...props,
 
-    // When showing the onboarding, prevent default field actions from being rendered
-    actions: isFirstAssisted && showOnboarding ? [] : props.actions,
+    actions: props.actions,
 
-    // Render presence (and possibly onboarding) in the internal slot (between presence and the field actions)
+    // Render presence in the internal slot (between presence and the field actions)
     // eslint-disable-next-line camelcase
     __internal_slot: actions,
   })

package/src/assistInspector/AssistInspector.tsx

@@ -24,7 +24,6 @@ import {giveFeedbackUrl, pluginTitle, releaseAnnouncementUrl, salesUrl} from '..
 import {getConditionalMembers} from '../helpers/conditionalMembers'
 import {assistDocumentId} from '../helpers/ids'
 import {InspectorOnboarding} from '../onboarding/InspectorOnboarding'
-import {inspectorOnboardingKey, useOnboardingFeature} from '../onboarding/onboardingStore'
 import {assistDocumentTypeName, fieldPathParam, instructionParam} from '../types'
 import {FieldTitle} from './FieldAutocomplete'
 import {
@@ -35,6 +34,7 @@ import {
   useTypePath,
 } from './helpers'
 import {InstructionTaskHistoryButton} from './InstructionTaskHistoryButton'
+import {inspectorOnboardingKey, useOnboardingFeature} from '../onboarding/onboardingStore'
 
 const CardWithShadowBelow = styled(Card)`
   position: relative;

package/src/onboarding/onboardingStore.ts

@@ -1,7 +1,6 @@
 import {useCallback, useState} from 'react'
 
 export const inspectorOnboardingKey = 'sanityStudio:assist:inspector:onboarding:dismissed'
-export const fieldOnboardingKey = 'sanityStudio:assist:field:onboarding:dismissed'
 
 export function isFeatureOnboardingDismissed(featureKey: string): boolean {
   if (typeof localStorage === 'undefined') {

package/src/onboarding/FieldActionsOnboarding.tsx

@@ -1,68 +0,0 @@
-import {ArrowRightIcon, CheckmarkIcon, SparklesIcon} from '@sanity/icons'
-import {Button, Card, Flex, Popover, Stack, Text} from '@sanity/ui'
-import {useRef} from 'react'
-
-import {AssistFeatureBadge} from '../components/AssistFeatureBadge'
-import {pluginTitle, releaseAnnouncementUrl} from '../constants'
-
-export interface FieldActionsOnboardingProps {
-  dismiss: () => void
-}
-
-export function AssistOnboardingPopover(props: FieldActionsOnboardingProps) {
-  const {dismiss} = props
-
-  return (
-    <Popover
-      content={<AssistIntroCard dismiss={dismiss} />}
-      open
-      portal
-      placeholder="bottom"
-      tone="default"
-      width={0}
-    >
-      <Card radius={2} shadow={2} style={{padding: 2, lineHeight: 0}}>
-        <Button disabled fontSize={1} icon={SparklesIcon} mode="bleed" padding={2} />
-      </Card>
-    </Popover>
-  )
-}
-
-function AssistIntroCard(props: {dismiss: () => void}) {
-  const buttonRef = useRef<HTMLButtonElement>(null)
-
-  return (
-    <Stack as="section" padding={3} space={3}>
-      <Stack padding={2} space={4}>
-        <Flex gap={2} align="center">
-          <Text as="h1" size={1} weight="semibold">
-            {pluginTitle}
-          </Text>
-          <div aria-hidden style={{margin: '-3px 0', lineHeight: 0}}>
-            <AssistFeatureBadge />
-          </div>
-        </Flex>
-
-        <Stack space={3}>
-          <Text as="p" muted size={1}>
-            Manage reusable AI instructions to boost your content creation and reduce amount of
-            repetitive chores.{' '}
-            <a href={releaseAnnouncementUrl} target="_blank" rel="noreferrer">
-              Learn more <ArrowRightIcon />
-            </a>
-          </Text>
-        </Stack>
-      </Stack>
-
-      <Button
-        fontSize={1}
-        icon={CheckmarkIcon}
-        onClick={props.dismiss}
-        padding={3}
-        ref={buttonRef}
-        text="Ok, good to know!"
-        tone="primary"
-      />
-    </Stack>
-  )
-}