@sanity/embeddings-index-ui 1.1.5 → 1.1.7

package/README.md

@@ -1,6 +1,6 @@
 # Sanity Embeddings Index UI
 
-> Using this feature requires Sanity to send data to OpenAI[.]com, and Pinecone[.]io for storing vector interpretations of documents.
+> Using this feature requires Sanity to send data to OpenAI.com, and Pinecone.io for storing vector interpretations of documents.
 
 Sanity Studio v3 plugins that interact with the `/embeddings-index` HTTP API.
 

package/dist/index.esm.js

@@ -2,28 +2,41 @@ import { useClient, useProjectId, useSchema, DefaultPreview, useDocumentPreviewS
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Card, Text, Button, Box, Autocomplete, Flex, Spinner, Stack, Label, TextInput, TextArea, Dialog, Heading, MenuButton, Menu, MenuItem } from '@sanity/ui';
 import { ErrorOutlineIcon, EarthGlobeIcon, LinkIcon, AddIcon, EllipsisVerticalIcon, TrashIcon, UndoIcon } from '@sanity/icons';
-import require$$0, { createContext, useState, useEffect, useContext, useMemo, useRef, forwardRef, useId, useCallback } from 'react';
+import require$$0, { useMemo, createContext, useState, useEffect, useContext, useRef, forwardRef, useId, useCallback } from 'react';
 import { useDocumentPane } from 'sanity/desk';
 import { useIntentLink, useRouter } from 'sanity/router';
 function publicId(id) {
   return id.replace("drafts.", "");
 }
-const featureName = "embeddingsIndexApi";
-const FeatureEnabledContext = createContext("loading");
-function useIsFeatureEnabled() {
+function useApiClient() {
   const client = useClient({
-    apiVersion: "2023-09-01"
+    apiVersion: "vX"
   });
+  return useMemo(() => {
+    const customHost = localStorage.getItem("embeddings-index-host");
+    if (customHost) {
+      return client.withConfig({
+        apiHost: customHost,
+        useProjectHostname: false,
+        withCredentials: false
+      });
+    }
+    return client;
+  }, [client]);
+}
+const FeatureEnabledContext = createContext("loading");
+function useIsFeatureEnabled() {
+  const client = useApiClient();
   const [status, setStatus] = useState("loading");
   useEffect(() => {
     client.request({
       method: "GET",
-      url: "/projects/".concat(client.config().projectId, "/features/").concat(featureName)
-    }).then(isEnabled => {
-      setStatus(isEnabled === "true" || isEnabled === true ? "enabled" : "disabled");
+      url: "/embeddings-index/status"
+    }).then(response => {
+      setStatus(response.enabled ? "enabled" : "disabled");
     }).catch(err => {
       console.error(err);
-      setStatus("disabled");
+      setStatus("error");
     });
   }, [client]);
   return status;
@@ -54,6 +67,14 @@ function FeatureDisabledNotice(props) {
     })
   });
 }
+function FeatureError() {
+  return /* @__PURE__ */jsx(Card, {
+    padding: 4,
+    border: true,
+    tone: "critical",
+    children: "An error occurred. See console for details."
+  });
+}
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -1925,22 +1946,6 @@ function deleteIndex(indexName, client) {
     url: "/embeddings-index/".concat(dataset, "/").concat(indexName, "?projectId=").concat(projectId)
   });
 }
-function useApiClient() {
-  const client = useClient({
-    apiVersion: "vX"
-  });
-  return useMemo(() => {
-    const customHost = localStorage.getItem("embeddings-index-host");
-    if (customHost) {
-      return client.withConfig({
-        apiHost: customHost,
-        useProjectHostname: false,
-        withCredentials: false
-      });
-    }
-    return client;
-  }, [client]);
-}
 const NO_RESULTS_VALUE = "";
 const NO_OPTIONS = [];
 const NO_FILTER = () => true;
@@ -2133,6 +2138,9 @@ function SemanticSearchReferenceInput(props) {
       children: /* @__PURE__ */jsx(Spinner, {})
     }) : null, semantic && featureState == "disabled" ? /* @__PURE__ */jsx(FeatureDisabledNotice, {
       urlSuffix: "?ref=embeddings-ref"
+    }) : null, semantic && featureState === "error" ? /* @__PURE__ */jsx(Box, {
+      padding: 4,
+      children: /* @__PURE__ */jsx(FeatureError, {})
     }) : null, /* @__PURE__ */jsx(Box, {
       flex: 1,
       style: {
@@ -2741,25 +2749,31 @@ function IndexStatus(_ref4) {
 function EmbeddingsIndexTool() {
   const featureState = useIsFeatureEnabled();
   return /* @__PURE__ */jsx(Card, {
+    flex: 1,
     children: /* @__PURE__ */jsxs(Flex, {
       justify: "center",
       flex: 1,
-      children: [featureState == "disabled" ? /* @__PURE__ */jsx(Box, {
+      children: [featureState === "error" ? /* @__PURE__ */jsx(Box, {
+        padding: 4,
+        children: /* @__PURE__ */jsx(FeatureError, {})
+      }) : null, featureState === "disabled" ? /* @__PURE__ */jsx(Box, {
         padding: 4,
         children: /* @__PURE__ */jsx(FeatureDisabledNotice, {
           urlSuffix: "?ref=embeddings-tab"
         })
-      }) : null, /* @__PURE__ */jsxs(Card, {
+      }) : null, featureState === "loading" ? /* @__PURE__ */jsx(Box, {
+        padding: 6,
+        children: /* @__PURE__ */jsx(Spinner, {
+          size: 4
+        })
+      }) : null, featureState === "enabled" ? /* @__PURE__ */jsx(Card, {
         flex: 1,
         style: {
           maxWidth: 1200
         },
         padding: 5,
-        children: [featureState == "loading" ? /* @__PURE__ */jsx(Box, {
-          padding: 2,
-          children: /* @__PURE__ */jsx(Spinner, {})
-        }) : null, featureState == "enabled" ? /* @__PURE__ */jsx(Indexes, {}) : null]
-      })]
+        children: /* @__PURE__ */jsx(Indexes, {})
+      }) : null]
     })
   });
 }