@sanity/embeddings-index-ui 1.1.3 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/embeddings-index-ui",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Various Sanity Studio plugins for integrating with the embeddings index API",
   "keywords": [
     "sanity",

package/src/api/isEnabled.tsx

@@ -1,4 +1,4 @@
-import {useClient} from 'sanity'
+import {useClient, useProjectId} from 'sanity'
 import {createContext, PropsWithChildren, useContext, useEffect, useState} from 'react'
 import {Card, Text} from '@sanity/ui'
 
@@ -40,13 +40,17 @@ export function useIsFeatureEnabledContext(): FeatureStatus {
   return useContext(FeatureEnabledContext)
 }
 
-export function FeatureDisabledNotice() {
+export function FeatureDisabledNotice(props: {urlSuffix?: string}) {
+  const projectId = useProjectId()
+
   return (
-    <Card tone="primary" border padding={2}>
+    <Card tone="primary" border padding={4}>
       <Text size={1}>
-        Embeddings index APIs are only available on the{' '}
-        <a href="https://sanity.io/pricing">Team tier and above</a>. Please upgrade to enable
-        access.
+        💎 Unlock semantic search with Embeddings Index APIs — available on Team, Business, and
+        Enterprise plans.{' '}
+        <a href={`https://www.sanity.io/manage/project/${projectId}/plan${props.urlSuffix ?? ''}`}>
+          Upgrade now →
+        </a>
       </Text>
     </Card>
   )

package/src/embeddingsIndexDashboard/EmbeddingsIndexTool.tsx

@@ -13,15 +13,18 @@ export function EmbeddingsIndexTool() {
   return (
     <Card>
       <Flex justify="center" flex={1}>
+        {featureState == 'disabled' ? (
+          <Box padding={4}>
+            <FeatureDisabledNotice urlSuffix="?ref=embeddings-tab" />
+          </Box>
+        ) : null}
+
         <Card flex={1} style={{maxWidth: 1200}} padding={5}>
           {featureState == 'loading' ? (
             <Box padding={2}>
               <Spinner />
             </Box>
           ) : null}
-
-          {featureState == 'disabled' ? <FeatureDisabledNotice /> : null}
-
           {featureState == 'enabled' ? <Indexes /> : null}
         </Card>
       </Flex>

package/src/referenceInput/SemanticSearchReferenceInput.tsx

@@ -67,7 +67,9 @@ export function SemanticSearchReferenceInput(
         </Box>
       ) : null}
 
-      {semantic && featureState == 'disabled' ? <FeatureDisabledNotice /> : null}
+      {semantic && featureState == 'disabled' ? (
+        <FeatureDisabledNotice urlSuffix="?ref=embeddings-ref" />
+      ) : null}
 
       <Box flex={1} style={{maxHeight: 36, overflow: 'hidden'}}>
         {semantic && featureState == 'enabled' ? (