@sanity/embeddings-index-ui 3.0.0 → 4.0.0

package/dist/index.js

@@ -1,12 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var icons = require("@sanity/icons"), sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), React = require("react"), router = require("sanity/router"), desk = require("sanity/desk");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-var React__default = /* @__PURE__ */ _interopDefaultCompat(React);
+import { AddIcon, ErrorOutlineIcon, EllipsisVerticalIcon, TrashIcon, UndoIcon, EarthGlobeIcon, LinkIcon } from "@sanity/icons";
+import { useClient, useProjectId, useSchema, DefaultPreview, useDocumentPreviewStore, getPreviewStateObservable, getPreviewValueWithFallback, SanityDefaultPreview, typed, definePlugin, unset, setIfMissing, set, isObjectInputProps } from "sanity";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Card, Text, Stack, Label, Box, TextInput, TextArea, Dialog, Button, Spinner, Autocomplete, Flex, Heading, Menu, MenuItem, MenuButton } from "@sanity/ui";
+import { createContext, useState, useEffect, useContext, useId, useRef, forwardRef, useCallback, useMemo } from "react";
+import { useIntentLink, useRouter } from "sanity/router";
+import { useObservable } from "react-rx";
+import { useDocumentPane } from "sanity/structure";
 function queryIndex(queryConfig, client) {
-  const { query, indexName, maxResults, filter } = queryConfig, projectId = client.config().projectId, dataset = client.config().dataset, queryString = query?.trim();
+  const {
+    query,
+    indexName,
+    maxResults,
+    filter
+  } = queryConfig, projectId = client.config().projectId, dataset = client.config().dataset, queryString = query?.trim();
   return client.request({
     method: "POST",
     url: `/embeddings-index/query/${dataset}/${indexName}?projectId=${projectId}`,
@@ -32,20 +39,36 @@ function deleteIndex(indexName, client) {
   });
 }
 function useApiClient() {
-  const client = sanity.useClient({ apiVersion: "vX" });
-  return React.useMemo(() => {
-    const customHost = localStorage.getItem("embeddings-index-host");
-    return customHost ? client.withConfig({
-      apiHost: customHost,
-      useProjectHostname: !1,
-      withCredentials: !1
-    }) : client;
-  }, [client]);
+  const $ = c(3);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: "vX"
+  }, $[0] = t0) : t0 = $[0];
+  const client = useClient(t0);
+  let t1;
+  if ($[1] !== client) {
+    bb0: {
+      const customHost = localStorage.getItem("embeddings-index-host");
+      if (customHost) {
+        t1 = client.withConfig({
+          apiHost: customHost,
+          useProjectHostname: !1,
+          withCredentials: !1
+        });
+        break bb0;
+      }
+      t1 = client;
+    }
+    $[1] = client, $[2] = t1;
+  } else
+    t1 = $[2];
+  return t1;
 }
-const FeatureEnabledContext = React.createContext("loading");
+const FeatureEnabledContext = createContext("loading");
 function useIsFeatureEnabled() {
-  const client = useApiClient(), [status, setStatus] = React.useState("loading");
-  return React.useEffect(() => {
+  const $ = c(3), client = useApiClient(), [status, setStatus] = useState("loading");
+  let t0, t1;
+  return $[0] !== client ? (t0 = () => {
     client.request({
       method: "GET",
       url: "/embeddings-index/status"
@@ -54,1848 +77,309 @@ function useIsFeatureEnabled() {
     }).catch((err) => {
       console.error(err), setStatus("error");
     });
-  }, [client]), status;
+  }, t1 = [client], $[0] = client, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), status;
 }
 function FeatureEnabledProvider(props) {
-  const status = useIsFeatureEnabled();
-  return /* @__PURE__ */ jsxRuntime.jsx(FeatureEnabledContext.Provider, { value: status, children: props.children });
+  const $ = c(3), status = useIsFeatureEnabled();
+  let t0;
+  return $[0] !== props.children || $[1] !== status ? (t0 = /* @__PURE__ */ jsx(FeatureEnabledContext.Provider, { value: status, children: props.children }), $[0] = props.children, $[1] = status, $[2] = t0) : t0 = $[2], t0;
 }
 function useIsFeatureEnabledContext() {
-  return React.useContext(FeatureEnabledContext);
+  return useContext(FeatureEnabledContext);
 }
 function FeatureDisabledNotice(props) {
-  const projectId = sanity.useProjectId();
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "primary", border: !0, padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, children: [
+  const $ = c(2), t0 = `https://www.sanity.io/manage/project/${useProjectId()}/plan${props.urlSuffix ?? ""}`;
+  let t1;
+  return $[0] !== t0 ? (t1 = /* @__PURE__ */ jsx(Card, { tone: "primary", border: !0, padding: 4, children: /* @__PURE__ */ jsxs(Text, { size: 1, children: [
     "\u{1F48E} Unlock semantic search with the Embeddings Index API \u2014 available on Team, Business, and Enterprise plans.",
     " ",
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: `https://www.sanity.io/manage/project/${projectId}/plan${props.urlSuffix ?? ""}`, children: "Upgrade now \u2192" })
-  ] }) });
+    /* @__PURE__ */ jsx("a", { href: t0, children: "Upgrade now \u2192" })
+  ] }) }), $[0] = t0, $[1] = t1) : t1 = $[1], t1;
 }
 function FeatureError() {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, border: !0, tone: "critical", children: "An error occurred. See console for details." });
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Card, { padding: 4, border: !0, tone: "critical", children: "An error occurred. See console for details." }), $[0] = t0) : t0 = $[0], t0;
 }
 function isType(schemaType, typeName) {
   return schemaType.name === typeName ? !0 : schemaType.type ? isType(schemaType.type, typeName) : !1;
 }
 const defaultProjection = "{...}";
 function useDefaultIndex(schema, dataset) {
-  const defaultFilter = React.useMemo(
-    () => `_type in [${schema.getTypeNames().map((n) => schema.get(n)).filter(
-      (schemaType) => !!(schemaType && isType(schemaType, "document"))
-    ).filter(
-      (documentType) => !documentType.name.startsWith("sanity.") && !documentType.name.startsWith("assist.") && documentType.name !== "document"
-    ).map((documentType) => `"${documentType.name}"`).join(`,
-`)}]`,
-    [schema]
-  );
-  return React.useMemo(
-    () => ({
-      dataset,
-      projection: defaultProjection,
-      filter: defaultFilter
-    }),
-    [defaultFilter, dataset]
-  );
+  const $ = c(5);
+  let t0;
+  $[0] !== schema ? (t0 = schema.getTypeNames().map((n) => schema.get(n)).filter(_temp$5).filter(_temp2$1).map(_temp3).join(`,
+`), $[0] = schema, $[1] = t0) : t0 = $[1];
+  const defaultFilter = `_type in [${t0}]`;
+  let t1;
+  return $[2] !== dataset || $[3] !== defaultFilter ? (t1 = {
+    dataset,
+    projection: defaultProjection,
+    filter: defaultFilter
+  }, $[2] = dataset, $[3] = defaultFilter, $[4] = t1) : t1 = $[4], t1;
+}
+function _temp3(documentType_0) {
+  return `"${documentType_0.name}"`;
+}
+function _temp2$1(documentType) {
+  return !documentType.name.startsWith("sanity.") && !documentType.name.startsWith("assist.") && documentType.name !== "document";
+}
+function _temp$5(schemaType) {
+  return !!(schemaType && isType(schemaType, "document"));
 }
 function IndexFormInput(props) {
-  const { label, description, index, prop, onChange, readOnly, placeholder, type } = props, handleChange = React.useCallback(
-    (propValue) => onChange((current) => ({ ...current, [prop]: propValue })),
-    [onChange, prop]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FormInput,
-    {
-      label,
-      description,
-      onChange: handleChange,
-      value: index[prop] ?? "",
-      readOnly,
-      placeholder,
-      type
-    }
-  );
+  const $ = c(11), {
+    label,
+    description,
+    index,
+    prop,
+    onChange,
+    readOnly,
+    placeholder,
+    type
+  } = props;
+  let t0;
+  $[0] !== onChange || $[1] !== prop ? (t0 = (propValue) => onChange((current) => ({
+    ...current,
+    [prop]: propValue
+  })), $[0] = onChange, $[1] = prop, $[2] = t0) : t0 = $[2];
+  const handleChange = t0, t1 = index[prop] ?? "";
+  let t2;
+  return $[3] !== description || $[4] !== handleChange || $[5] !== label || $[6] !== placeholder || $[7] !== readOnly || $[8] !== t1 || $[9] !== type ? (t2 = /* @__PURE__ */ jsx(FormInput, { label, description, onChange: handleChange, value: t1, readOnly, placeholder, type }), $[3] = description, $[4] = handleChange, $[5] = label, $[6] = placeholder, $[7] = readOnly, $[8] = t1, $[9] = type, $[10] = t2) : t2 = $[10], t2;
 }
 function FormInput(props) {
-  const { label, description, onChange, value, readOnly, placeholder, type = "text" } = props, id = React.useId(), handleChange = React.useCallback(
-    (e) => onChange(e.currentTarget.value),
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, htmlFor: id, children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, children: label }) }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: description }) }),
-    type === "text" ? /* @__PURE__ */ jsxRuntime.jsx(
-      ui.TextInput,
-      {
-        id,
-        value,
-        onChange: handleChange,
-        readOnly,
-        placeholder
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      ui.TextArea,
-      {
-        id,
-        value,
-        rows: 3,
-        onChange: handleChange,
-        readOnly,
-        placeholder,
-        style: { resize: "vertical" }
-      }
-    )
-  ] });
+  const $ = c(18), {
+    label,
+    description,
+    onChange,
+    value,
+    readOnly,
+    placeholder,
+    type: t0
+  } = props, type = t0 === void 0 ? "text" : t0, id = useId();
+  let t1;
+  $[0] !== onChange ? (t1 = (e) => onChange(e.currentTarget.value), $[0] = onChange, $[1] = t1) : t1 = $[1];
+  const handleChange = t1;
+  let t2;
+  $[2] !== id || $[3] !== label ? (t2 = /* @__PURE__ */ jsx(Label, { muted: !0, htmlFor: id, children: label }), $[2] = id, $[3] = label, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== description ? (t3 = description && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: description }) }), $[5] = description, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== handleChange || $[8] !== id || $[9] !== placeholder || $[10] !== readOnly || $[11] !== type || $[12] !== value ? (t4 = type === "text" ? /* @__PURE__ */ jsx(TextInput, { id, value, onChange: handleChange, readOnly, placeholder }) : /* @__PURE__ */ jsx(TextArea, { id, value, rows: 3, onChange: handleChange, readOnly, placeholder, style: {
+    resize: "vertical"
+  } }), $[7] = handleChange, $[8] = id, $[9] = placeholder, $[10] = readOnly, $[11] = type, $[12] = value, $[13] = t4) : t4 = $[13];
+  let t5;
+  return $[14] !== t2 || $[15] !== t3 || $[16] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t2,
+    t3,
+    t4
+  ] }), $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5) : t5 = $[17], t5;
 }
 function EditIndexDialog(props) {
-  const { open, onClose, onSubmit } = props, id = React.useId(), ref = React.useRef(null);
-  React.useEffect(() => {
+  const $ = c(11), {
+    open,
+    onClose,
+    onSubmit
+  } = props, id = useId(), ref = useRef(null);
+  let t0, t1;
+  $[0] !== open ? (t0 = () => {
     open && setTimeout(() => ref.current?.querySelector("input")?.focus());
-  }, [ref, open]);
-  const handleSubmit = React.useCallback(
-    (index) => {
-      onSubmit(index), onClose();
-    },
-    [onSubmit, onClose]
-  );
-  return open ? /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { id, width: 1, ref, onClose, header: "Create embeddings index", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { padding: 4, space: 5, children: /* @__PURE__ */ jsxRuntime.jsx(IndexEditor, { readOnly: !1, onSubmit: handleSubmit }) }) }) : null;
+  }, t1 = [ref, open], $[0] = open, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
+  let t2;
+  $[3] !== onClose || $[4] !== onSubmit ? (t2 = (index) => {
+    onSubmit(index), onClose();
+  }, $[3] = onClose, $[4] = onSubmit, $[5] = t2) : t2 = $[5];
+  const handleSubmit = t2;
+  let t3;
+  return $[6] !== handleSubmit || $[7] !== id || $[8] !== onClose || $[9] !== open ? (t3 = open ? /* @__PURE__ */ jsx(Dialog, { id, width: 1, ref, onClose, header: "Create embeddings index", children: /* @__PURE__ */ jsx(Stack, { padding: 4, space: 5, children: /* @__PURE__ */ jsx(IndexEditor, { readOnly: !1, onSubmit: handleSubmit }) }) }) : null, $[6] = handleSubmit, $[7] = id, $[8] = onClose, $[9] = open, $[10] = t3) : t3 = $[10], t3;
 }
 function IndexEditor(props) {
-  const { readOnly, index: selectedIndex, onSubmit } = props, client = useApiClient(), schema = sanity.useSchema(), defaultIndex = useDefaultIndex(schema, client.config().dataset ?? ""), [errors, setErrors] = React.useState(), [loading, setLoading] = React.useState(), [index, setIndex] = React.useState(() => ({
+  const $ = c(43), {
+    readOnly,
+    index: selectedIndex,
+    onSubmit
+  } = props, client = useApiClient(), schema = useSchema();
+  let t0;
+  $[0] !== client ? (t0 = client.config().dataset ?? "", $[0] = client, $[1] = t0) : t0 = $[1];
+  const defaultIndex = useDefaultIndex(schema, t0), [errors, setErrors] = useState(), [loading, setLoading] = useState();
+  let t1;
+  $[2] !== defaultIndex || $[3] !== selectedIndex ? (t1 = () => ({
     ...defaultIndex,
     ...selectedIndex
-  }));
-  React.useEffect(() => setIndex(selectedIndex ?? { ...defaultIndex }), [selectedIndex, defaultIndex]);
-  const handleSubmit = React.useCallback(
-    (e) => {
-      if (e.preventDefault(), readOnly)
-        return;
-      const validationErrors = [];
-      if (index.indexName ? index.indexName.match(/^[a-zA-Z0-9-_]+$/g) || validationErrors.push("Index name can only contain the letters a-z, numbers - and _") : validationErrors.push("Index name is required"), index.dataset || validationErrors.push("Dataset is required"), index.filter || validationErrors.push("Filter is required"), index.projection || validationErrors.push("Projection is required"), validationErrors.length) {
-        setErrors(validationErrors);
-        return;
-      }
-      const { projectId } = client.config();
-      setLoading(!0), client.request({
-        method: "POST",
-        url: `/embeddings-index/${index.dataset}?projectId=${projectId}`,
-        body: {
-          indexName: index.indexName,
-          projection: index.projection,
-          filter: index.filter
-        }
-      }).then((response) => {
-        onSubmit && onSubmit(response.index);
-      }).catch((err) => {
-        console.error(err), setErrors([err.message]);
-      }).finally(() => {
-        setLoading(!1);
-      });
-    },
-    [index, readOnly, onSubmit, client]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-    errors?.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "critical", border: !0, padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { marginLeft: -10 }, children: errors?.map((error, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }, `${error}-${i}`)) }) }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      IndexFormInput,
-      {
-        label: "Index name",
-        placeholder: "Name of index without spaces...",
-        index,
-        prop: "indexName",
-        onChange: setIndex,
-        readOnly
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(IndexFormInput, { label: "Dataset", index, prop: "dataset", onChange: setIndex, readOnly: !0 }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      IndexFormInput,
-      {
-        label: "Filter",
-        description: "Must be a valid GROQ filter",
-        placeholder: defaultIndex.filter,
-        index,
-        prop: "filter",
-        onChange: setIndex,
-        readOnly,
-        type: "textarea"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      IndexFormInput,
-      {
-        label: "Projection",
-        description: "Must be a valid GROQ projection, starting { and ending with }",
-        placeholder: defaultIndex.projection,
-        index,
-        prop: "projection",
-        onChange: setIndex,
-        readOnly,
-        type: "textarea"
-      }
-    ),
-    onSubmit && /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        type: "submit",
-        text: "Create index",
-        icon: loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { marginTop: 5 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : icons.AddIcon,
-        disabled: readOnly || loading,
-        tone: "primary"
-      }
-    )
-  ] }) });
-}
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @lightSyntaxTransform
- * @noflow
- * @nolint
- * @preventMunge
- * @preserve-invariant-messages
- */
-var dist, hasRequiredDist;
-function requireDist() {
-  if (hasRequiredDist) return dist;
-  hasRequiredDist = 1;
-  var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: !0 });
-  }, __copyProps = (to, from2, except, desc) => {
-    if (from2 && typeof from2 == "object" || typeof from2 == "function")
-      for (let key of __getOwnPropNames(from2))
-        !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
-    return to;
-  }, __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-    // If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-    mod
-  )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod), index_exports = {};
-  __export(index_exports, {
-    $dispatcherGuard: () => $dispatcherGuard,
-    $makeReadOnly: () => $makeReadOnly,
-    $reset: () => $reset,
-    $structuralCheck: () => $structuralCheck,
-    c: () => c,
-    clearRenderCounterRegistry: () => clearRenderCounterRegistry,
-    renderCounterRegistry: () => renderCounterRegistry,
-    useRenderCounter: () => useRenderCounter
-  }), dist = __toCommonJS(index_exports);
-  var React2 = __toESM(React__default.default), { useRef, useEffect, isValidElement } = React2, _a, ReactSecretInternals = (
-    //@ts-ignore
-    (_a = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE) != null ? _a : React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-  ), $empty = Symbol.for("react.memo_cache_sentinel"), _a2, c = (
-    // @ts-expect-error
-    typeof ((_a2 = React2.__COMPILER_RUNTIME) == null ? void 0 : _a2.c) == "function" ? (
-      // @ts-expect-error
-      React2.__COMPILER_RUNTIME.c
-    ) : function(size) {
-      return React2.useMemo(() => {
-        const $ = new Array(size);
-        for (let ii = 0; ii < size; ii++)
-          $[ii] = $empty;
-        return $[$empty] = !0, $;
-      }, []);
-    }
-  ), LazyGuardDispatcher = {};
-  [
-    "readContext",
-    "useCallback",
-    "useContext",
-    "useEffect",
-    "useImperativeHandle",
-    "useInsertionEffect",
-    "useLayoutEffect",
-    "useMemo",
-    "useReducer",
-    "useRef",
-    "useState",
-    "useDebugValue",
-    "useDeferredValue",
-    "useTransition",
-    "useMutableSource",
-    "useSyncExternalStore",
-    "useId",
-    "unstable_isNewReconciler",
-    "getCacheSignal",
-    "getCacheForType",
-    "useCacheRefresh"
-  ].forEach((name) => {
-    LazyGuardDispatcher[name] = () => {
-      throw new Error(
-        `[React] Unexpected React hook call (${name}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `
-      );
-    };
-  });
-  var originalDispatcher = null;
-  LazyGuardDispatcher.useMemoCache = (count) => {
-    if (originalDispatcher == null)
-      throw new Error(
-        "React Compiler internal invariant violation: unexpected null dispatcher"
-      );
-    return originalDispatcher.useMemoCache(count);
-  };
-  function setCurrent(newDispatcher) {
-    return ReactSecretInternals.ReactCurrentDispatcher.current = newDispatcher, ReactSecretInternals.ReactCurrentDispatcher.current;
-  }
-  var guardFrames = [];
-  function $dispatcherGuard(kind) {
-    const curr = ReactSecretInternals.ReactCurrentDispatcher.current;
-    if (kind === 0) {
-      if (guardFrames.push(curr), guardFrames.length === 1 && (originalDispatcher = curr), curr === LazyGuardDispatcher)
-        throw new Error(
-          "[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked."
-        );
-      setCurrent(LazyGuardDispatcher);
-    } else if (kind === 1) {
-      const lastFrame = guardFrames.pop();
-      if (lastFrame == null)
-        throw new Error(
-          "React Compiler internal error: unexpected null in guard stack"
-        );
-      guardFrames.length === 0 && (originalDispatcher = null), setCurrent(lastFrame);
-    } else if (kind === 2)
-      guardFrames.push(curr), setCurrent(originalDispatcher);
-    else if (kind === 3) {
-      const lastFrame = guardFrames.pop();
-      if (lastFrame == null)
-        throw new Error(
-          "React Compiler internal error: unexpected null in guard stack"
-        );
-      setCurrent(lastFrame);
-    } else
-      throw new Error("React Compiler internal error: unreachable block" + kind);
-  }
-  function $reset($) {
-    for (let ii = 0; ii < $.length; ii++)
-      $[ii] = $empty;
-  }
-  function $makeReadOnly() {
-    throw new Error("TODO: implement $makeReadOnly in react-compiler-runtime");
-  }
-  var renderCounterRegistry = /* @__PURE__ */ new Map();
-  function clearRenderCounterRegistry() {
-    for (const counters of renderCounterRegistry.values())
-      counters.forEach((counter) => {
-        counter.count = 0;
-      });
-  }
-  function registerRenderCounter(name, val) {
-    let counters = renderCounterRegistry.get(name);
-    counters == null && (counters = /* @__PURE__ */ new Set(), renderCounterRegistry.set(name, counters)), counters.add(val);
-  }
-  function removeRenderCounter(name, val) {
-    const counters = renderCounterRegistry.get(name);
-    counters?.delete(val);
-  }
-  function useRenderCounter(name) {
-    const val = useRef(null);
-    val.current != null && (val.current.count += 1), useEffect(() => {
-      if (val.current == null) {
-        const counter = { count: 0 };
-        registerRenderCounter(name, counter), val.current = counter;
-      }
-      return () => {
-        val.current !== null && removeRenderCounter(name, val.current);
-      };
-    });
-  }
-  var seenErrors = /* @__PURE__ */ new Set();
-  function $structuralCheck(oldValue, newValue, variableName, fnName, kind, loc) {
-    function error(l, r, path, depth) {
-      const str = `${fnName}:${loc} [${kind}] ${variableName}${path} changed from ${l} to ${r} at depth ${depth}`;
-      seenErrors.has(str) || (seenErrors.add(str), console.error(str));
-    }
-    const depthLimit = 2;
-    function recur(oldValue2, newValue2, path, depth) {
-      if (!(depth > depthLimit)) {
-        if (oldValue2 === newValue2)
-          return;
-        if (typeof oldValue2 != typeof newValue2)
-          error(`type ${typeof oldValue2}`, `type ${typeof newValue2}`, path, depth);
-        else if (typeof oldValue2 == "object") {
-          const oldArray = Array.isArray(oldValue2), newArray = Array.isArray(newValue2);
-          if (oldValue2 === null && newValue2 !== null)
-            error("null", `type ${typeof newValue2}`, path, depth);
-          else if (newValue2 === null)
-            error(`type ${typeof oldValue2}`, "null", path, depth);
-          else if (oldValue2 instanceof Map)
-            if (!(newValue2 instanceof Map))
-              error("Map instance", "other value", path, depth);
-            else if (oldValue2.size !== newValue2.size)
-              error(
-                `Map instance with size ${oldValue2.size}`,
-                `Map instance with size ${newValue2.size}`,
-                path,
-                depth
-              );
-            else
-              for (const [k, v] of oldValue2)
-                newValue2.has(k) ? recur(v, newValue2.get(k), `${path}.get(${k})`, depth + 1) : error(
-                  `Map instance with key ${k}`,
-                  `Map instance without key ${k}`,
-                  path,
-                  depth
-                );
-          else if (newValue2 instanceof Map)
-            error("other value", "Map instance", path, depth);
-          else if (oldValue2 instanceof Set)
-            if (!(newValue2 instanceof Set))
-              error("Set instance", "other value", path, depth);
-            else if (oldValue2.size !== newValue2.size)
-              error(
-                `Set instance with size ${oldValue2.size}`,
-                `Set instance with size ${newValue2.size}`,
-                path,
-                depth
-              );
-            else
-              for (const v of newValue2)
-                oldValue2.has(v) || error(
-                  `Set instance without element ${v}`,
-                  `Set instance with element ${v}`,
-                  path,
-                  depth
-                );
-          else if (newValue2 instanceof Set)
-            error("other value", "Set instance", path, depth);
-          else if (oldArray || newArray)
-            if (oldArray !== newArray)
-              error(
-                `type ${oldArray ? "array" : "object"}`,
-                `type ${newArray ? "array" : "object"}`,
-                path,
-                depth
-              );
-            else if (oldValue2.length !== newValue2.length)
-              error(
-                `array with length ${oldValue2.length}`,
-                `array with length ${newValue2.length}`,
-                path,
-                depth
-              );
-            else
-              for (let ii = 0; ii < oldValue2.length; ii++)
-                recur(oldValue2[ii], newValue2[ii], `${path}[${ii}]`, depth + 1);
-          else if (isValidElement(oldValue2) || isValidElement(newValue2))
-            isValidElement(oldValue2) !== isValidElement(newValue2) ? error(
-              `type ${isValidElement(oldValue2) ? "React element" : "object"}`,
-              `type ${isValidElement(newValue2) ? "React element" : "object"}`,
-              path,
-              depth
-            ) : oldValue2.type !== newValue2.type ? error(
-              `React element of type ${oldValue2.type}`,
-              `React element of type ${newValue2.type}`,
-              path,
-              depth
-            ) : recur(
-              oldValue2.props,
-              newValue2.props,
-              `[props of ${path}]`,
-              depth + 1
-            );
-          else {
-            for (const key in newValue2)
-              key in oldValue2 || error(
-                `object without key ${key}`,
-                `object with key ${key}`,
-                path,
-                depth
-              );
-            for (const key in oldValue2)
-              key in newValue2 ? recur(oldValue2[key], newValue2[key], `${path}.${key}`, depth + 1) : error(
-                `object with key ${key}`,
-                `object without key ${key}`,
-                path,
-                depth
-              );
-          }
-        } else {
-          if (typeof oldValue2 == "function")
-            return;
-          isNaN(oldValue2) || isNaN(newValue2) ? isNaN(oldValue2) !== isNaN(newValue2) && error(
-            `${isNaN(oldValue2) ? "NaN" : "non-NaN value"}`,
-            `${isNaN(newValue2) ? "NaN" : "non-NaN value"}`,
-            path,
-            depth
-          ) : oldValue2 !== newValue2 && error(oldValue2, newValue2, path, depth);
-        }
-      }
-    }
-    recur(oldValue, newValue, "", 0);
-  }
-  return dist;
-}
-var distExports = requireDist(), extendStatics = function(d, b) {
-  return extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-    d2.__proto__ = b2;
-  } || function(d2, b2) {
-    for (var p in b2) Object.prototype.hasOwnProperty.call(b2, p) && (d2[p] = b2[p]);
-  }, extendStatics(d, b);
-};
-function __extends(d, b) {
-  if (typeof b != "function" && b !== null)
-    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-  extendStatics(d, b);
-  function __() {
-    this.constructor = d;
-  }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-function __awaiter(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-}
-function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() {
-    if (t[0] & 1) throw t[1];
-    return t[1];
-  }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), throw: verb(1), return: verb(2) }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([n, v]);
-    };
-  }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    for (; g && (g = 0, op[0] && (_ = 0)), _; ) try {
-      if (f = 1, y && (t = op[0] & 2 ? y.return : op[0] ? y.throw || ((t = y.return) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-      switch (y = 0, t && (op = [op[0] & 2, t.value]), op[0]) {
-        case 0:
-        case 1:
-          t = op;
-          break;
-        case 4:
-          return _.label++, { value: op[1], done: !1 };
-        case 5:
-          _.label++, y = op[1], op = [0];
-          continue;
-        case 7:
-          op = _.ops.pop(), _.trys.pop();
-          continue;
-        default:
-          if (t = _.trys, !(t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-            _ = 0;
-            continue;
-          }
-          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-            _.label = op[1];
-            break;
-          }
-          if (op[0] === 6 && _.label < t[1]) {
-            _.label = t[1], t = op;
-            break;
-          }
-          if (t && _.label < t[2]) {
-            _.label = t[2], _.ops.push(op);
-            break;
-          }
-          t[2] && _.ops.pop(), _.trys.pop();
-          continue;
-      }
-      op = body.call(thisArg, _);
-    } catch (e) {
-      op = [6, e], y = 0;
-    } finally {
-      f = t = 0;
-    }
-    if (op[0] & 5) throw op[1];
-    return { value: op[0] ? op[1] : void 0, done: !0 };
-  }
-}
-function __values(o) {
-  var s = typeof Symbol == "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m) return m.call(o);
-  if (o && typeof o.length == "number") return {
-    next: function() {
-      return o && i >= o.length && (o = void 0), { value: o && o[i++], done: !o };
-    }
-  };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-function __read(o, n) {
-  var m = typeof Symbol == "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-    for (; (n === void 0 || n-- > 0) && !(r = i.next()).done; ) ar.push(r.value);
-  } catch (error) {
-    e = { error };
-  } finally {
-    try {
-      r && !r.done && (m = i.return) && m.call(i);
-    } finally {
-      if (e) throw e.error;
-    }
-  }
-  return ar;
-}
-function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from2.length, ar; i < l; i++)
-    (ar || !(i in from2)) && (ar || (ar = Array.prototype.slice.call(from2, 0, i)), ar[i] = from2[i]);
-  return to.concat(ar || Array.prototype.slice.call(from2));
-}
-function __await(v) {
-  return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
-function __asyncGenerator(thisArg, _arguments, generator) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
-    return this;
-  }, i;
-  function verb(n) {
-    g[n] && (i[n] = function(v) {
-      return new Promise(function(a, b) {
-        q.push([n, v, a, b]) > 1 || resume(n, v);
-      });
-    });
-  }
-  function resume(n, v) {
-    try {
-      step(g[n](v));
-    } catch (e) {
-      settle(q[0][3], e);
-    }
-  }
-  function step(r) {
-    r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r);
-  }
-  function fulfill(value) {
-    resume("next", value);
-  }
-  function reject(value) {
-    resume("throw", value);
-  }
-  function settle(f, v) {
-    f(v), q.shift(), q.length && resume(q[0][0], q[0][1]);
-  }
-}
-function __asyncValues(o) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values == "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function() {
-    return this;
-  }, i);
-  function verb(n) {
-    i[n] = o[n] && function(v) {
-      return new Promise(function(resolve, reject) {
-        v = o[n](v), settle(resolve, reject, v.done, v.value);
-      });
-    };
-  }
-  function settle(resolve, reject, d, v) {
-    Promise.resolve(v).then(function(v2) {
-      resolve({ value: v2, done: d });
-    }, reject);
-  }
-}
-function isFunction(value) {
-  return typeof value == "function";
-}
-function createErrorClass(createImpl) {
-  var _super = function(instance) {
-    Error.call(instance), instance.stack = new Error().stack;
-  }, ctorFunc = createImpl(_super);
-  return ctorFunc.prototype = Object.create(Error.prototype), ctorFunc.prototype.constructor = ctorFunc, ctorFunc;
-}
-var UnsubscriptionError = createErrorClass(function(_super) {
-  return function(errors) {
-    _super(this), this.message = errors ? errors.length + ` errors occurred during unsubscription:
-` + errors.map(function(err, i) {
-      return i + 1 + ") " + err.toString();
-    }).join(`
-  `) : "", this.name = "UnsubscriptionError", this.errors = errors;
-  };
-});
-function arrRemove(arr, item) {
-  if (arr) {
-    var index = arr.indexOf(item);
-    0 <= index && arr.splice(index, 1);
-  }
-}
-var Subscription = function() {
-  function Subscription2(initialTeardown) {
-    this.initialTeardown = initialTeardown, this.closed = !1, this._parentage = null, this._finalizers = null;
-  }
-  return Subscription2.prototype.unsubscribe = function() {
-    var e_1, _a, e_2, _b, errors;
-    if (!this.closed) {
-      this.closed = !0;
-      var _parentage = this._parentage;
-      if (_parentage)
-        if (this._parentage = null, Array.isArray(_parentage))
-          try {
-            for (var _parentage_1 = __values(_parentage), _parentage_1_1 = _parentage_1.next(); !_parentage_1_1.done; _parentage_1_1 = _parentage_1.next()) {
-              var parent_1 = _parentage_1_1.value;
-              parent_1.remove(this);
-            }
-          } catch (e_1_1) {
-            e_1 = { error: e_1_1 };
-          } finally {
-            try {
-              _parentage_1_1 && !_parentage_1_1.done && (_a = _parentage_1.return) && _a.call(_parentage_1);
-            } finally {
-              if (e_1) throw e_1.error;
-            }
-          }
-        else
-          _parentage.remove(this);
-      var initialFinalizer = this.initialTeardown;
-      if (isFunction(initialFinalizer))
-        try {
-          initialFinalizer();
-        } catch (e) {
-          errors = e instanceof UnsubscriptionError ? e.errors : [e];
-        }
-      var _finalizers = this._finalizers;
-      if (_finalizers) {
-        this._finalizers = null;
-        try {
-          for (var _finalizers_1 = __values(_finalizers), _finalizers_1_1 = _finalizers_1.next(); !_finalizers_1_1.done; _finalizers_1_1 = _finalizers_1.next()) {
-            var finalizer = _finalizers_1_1.value;
-            try {
-              execFinalizer(finalizer);
-            } catch (err) {
-              errors = errors ?? [], err instanceof UnsubscriptionError ? errors = __spreadArray(__spreadArray([], __read(errors)), __read(err.errors)) : errors.push(err);
-            }
-          }
-        } catch (e_2_1) {
-          e_2 = { error: e_2_1 };
-        } finally {
-          try {
-            _finalizers_1_1 && !_finalizers_1_1.done && (_b = _finalizers_1.return) && _b.call(_finalizers_1);
-          } finally {
-            if (e_2) throw e_2.error;
-          }
-        }
-      }
-      if (errors)
-        throw new UnsubscriptionError(errors);
-    }
-  }, Subscription2.prototype.add = function(teardown) {
-    var _a;
-    if (teardown && teardown !== this)
-      if (this.closed)
-        execFinalizer(teardown);
-      else {
-        if (teardown instanceof Subscription2) {
-          if (teardown.closed || teardown._hasParent(this))
-            return;
-          teardown._addParent(this);
-        }
-        (this._finalizers = (_a = this._finalizers) !== null && _a !== void 0 ? _a : []).push(teardown);
-      }
-  }, Subscription2.prototype._hasParent = function(parent) {
-    var _parentage = this._parentage;
-    return _parentage === parent || Array.isArray(_parentage) && _parentage.includes(parent);
-  }, Subscription2.prototype._addParent = function(parent) {
-    var _parentage = this._parentage;
-    this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;
-  }, Subscription2.prototype._removeParent = function(parent) {
-    var _parentage = this._parentage;
-    _parentage === parent ? this._parentage = null : Array.isArray(_parentage) && arrRemove(_parentage, parent);
-  }, Subscription2.prototype.remove = function(teardown) {
-    var _finalizers = this._finalizers;
-    _finalizers && arrRemove(_finalizers, teardown), teardown instanceof Subscription2 && teardown._removeParent(this);
-  }, Subscription2.EMPTY = function() {
-    var empty = new Subscription2();
-    return empty.closed = !0, empty;
-  }(), Subscription2;
-}(), EMPTY_SUBSCRIPTION = Subscription.EMPTY;
-function isSubscription(value) {
-  return value instanceof Subscription || value && "closed" in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe);
-}
-function execFinalizer(finalizer) {
-  isFunction(finalizer) ? finalizer() : finalizer.unsubscribe();
-}
-var config = {
-  Promise: void 0
-}, timeoutProvider = {
-  setTimeout: function(handler, timeout) {
-    for (var args = [], _i = 2; _i < arguments.length; _i++)
-      args[_i - 2] = arguments[_i];
-    return setTimeout.apply(void 0, __spreadArray([handler, timeout], __read(args)));
-  },
-  clearTimeout: function(handle) {
-    return clearTimeout(handle);
-  },
-  delegate: void 0
-};
-function reportUnhandledError(err) {
-  timeoutProvider.setTimeout(function() {
-    throw err;
-  });
-}
-function noop() {
-}
-function errorContext(cb) {
-  cb();
-}
-var Subscriber = function(_super) {
-  __extends(Subscriber2, _super);
-  function Subscriber2(destination) {
-    var _this = _super.call(this) || this;
-    return _this.isStopped = !1, destination ? (_this.destination = destination, isSubscription(destination) && destination.add(_this)) : _this.destination = EMPTY_OBSERVER, _this;
-  }
-  return Subscriber2.create = function(next, error, complete) {
-    return new SafeSubscriber(next, error, complete);
-  }, Subscriber2.prototype.next = function(value) {
-    this.isStopped || this._next(value);
-  }, Subscriber2.prototype.error = function(err) {
-    this.isStopped || (this.isStopped = !0, this._error(err));
-  }, Subscriber2.prototype.complete = function() {
-    this.isStopped || (this.isStopped = !0, this._complete());
-  }, Subscriber2.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, _super.prototype.unsubscribe.call(this), this.destination = null);
-  }, Subscriber2.prototype._next = function(value) {
-    this.destination.next(value);
-  }, Subscriber2.prototype._error = function(err) {
-    try {
-      this.destination.error(err);
-    } finally {
-      this.unsubscribe();
-    }
-  }, Subscriber2.prototype._complete = function() {
-    try {
-      this.destination.complete();
-    } finally {
-      this.unsubscribe();
-    }
-  }, Subscriber2;
-}(Subscription), ConsumerObserver = function() {
-  function ConsumerObserver2(partialObserver) {
-    this.partialObserver = partialObserver;
-  }
-  return ConsumerObserver2.prototype.next = function(value) {
-    var partialObserver = this.partialObserver;
-    if (partialObserver.next)
-      try {
-        partialObserver.next(value);
-      } catch (error) {
-        handleUnhandledError(error);
-      }
-  }, ConsumerObserver2.prototype.error = function(err) {
-    var partialObserver = this.partialObserver;
-    if (partialObserver.error)
-      try {
-        partialObserver.error(err);
-      } catch (error) {
-        handleUnhandledError(error);
-      }
-    else
-      handleUnhandledError(err);
-  }, ConsumerObserver2.prototype.complete = function() {
-    var partialObserver = this.partialObserver;
-    if (partialObserver.complete)
-      try {
-        partialObserver.complete();
-      } catch (error) {
-        handleUnhandledError(error);
-      }
-  }, ConsumerObserver2;
-}(), SafeSubscriber = function(_super) {
-  __extends(SafeSubscriber2, _super);
-  function SafeSubscriber2(observerOrNext, error, complete) {
-    var _this = _super.call(this) || this, partialObserver;
-    return isFunction(observerOrNext) || !observerOrNext ? partialObserver = {
-      next: observerOrNext ?? void 0,
-      error: error ?? void 0,
-      complete: complete ?? void 0
-    } : partialObserver = observerOrNext, _this.destination = new ConsumerObserver(partialObserver), _this;
-  }
-  return SafeSubscriber2;
-}(Subscriber);
-function handleUnhandledError(error) {
-  reportUnhandledError(error);
-}
-function defaultErrorHandler(err) {
-  throw err;
-}
-var EMPTY_OBSERVER = {
-  closed: !0,
-  next: noop,
-  error: defaultErrorHandler,
-  complete: noop
-}, observable = function() {
-  return typeof Symbol == "function" && Symbol.observable || "@@observable";
-}();
-function identity(x) {
-  return x;
-}
-function pipeFromArray(fns) {
-  return fns.length === 0 ? identity : fns.length === 1 ? fns[0] : function(input) {
-    return fns.reduce(function(prev, fn) {
-      return fn(prev);
-    }, input);
-  };
-}
-var Observable = function() {
-  function Observable2(subscribe) {
-    subscribe && (this._subscribe = subscribe);
-  }
-  return Observable2.prototype.lift = function(operator) {
-    var observable2 = new Observable2();
-    return observable2.source = this, observable2.operator = operator, observable2;
-  }, Observable2.prototype.subscribe = function(observerOrNext, error, complete) {
-    var _this = this, subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);
-    return errorContext(function() {
-      var _a = _this, operator = _a.operator, source = _a.source;
-      subscriber.add(operator ? operator.call(subscriber, source) : source ? _this._subscribe(subscriber) : _this._trySubscribe(subscriber));
-    }), subscriber;
-  }, Observable2.prototype._trySubscribe = function(sink) {
-    try {
-      return this._subscribe(sink);
-    } catch (err) {
-      sink.error(err);
-    }
-  }, Observable2.prototype.forEach = function(next, promiseCtor) {
-    var _this = this;
-    return promiseCtor = getPromiseCtor(promiseCtor), new promiseCtor(function(resolve, reject) {
-      var subscriber = new SafeSubscriber({
-        next: function(value) {
-          try {
-            next(value);
-          } catch (err) {
-            reject(err), subscriber.unsubscribe();
-          }
-        },
-        error: reject,
-        complete: resolve
-      });
-      _this.subscribe(subscriber);
-    });
-  }, Observable2.prototype._subscribe = function(subscriber) {
-    var _a;
-    return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber);
-  }, Observable2.prototype[observable] = function() {
-    return this;
-  }, Observable2.prototype.pipe = function() {
-    for (var operations = [], _i = 0; _i < arguments.length; _i++)
-      operations[_i] = arguments[_i];
-    return pipeFromArray(operations)(this);
-  }, Observable2.prototype.toPromise = function(promiseCtor) {
-    var _this = this;
-    return promiseCtor = getPromiseCtor(promiseCtor), new promiseCtor(function(resolve, reject) {
-      var value;
-      _this.subscribe(function(x) {
-        return value = x;
-      }, function(err) {
-        return reject(err);
-      }, function() {
-        return resolve(value);
-      });
-    });
-  }, Observable2.create = function(subscribe) {
-    return new Observable2(subscribe);
-  }, Observable2;
-}();
-function getPromiseCtor(promiseCtor) {
-  var _a;
-  return (_a = promiseCtor ?? config.Promise) !== null && _a !== void 0 ? _a : Promise;
-}
-function isObserver(value) {
-  return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);
-}
-function isSubscriber(value) {
-  return value && value instanceof Subscriber || isObserver(value) && isSubscription(value);
-}
-function hasLift(source) {
-  return isFunction(source?.lift);
-}
-function operate(init) {
-  return function(source) {
-    if (hasLift(source))
-      return source.lift(function(liftedSource) {
-        try {
-          return init(liftedSource, this);
-        } catch (err) {
-          this.error(err);
-        }
-      });
-    throw new TypeError("Unable to lift unknown Observable type");
-  };
-}
-function createOperatorSubscriber(destination, onNext, onComplete, onError, onFinalize) {
-  return new OperatorSubscriber(destination, onNext, onComplete, onError, onFinalize);
-}
-var OperatorSubscriber = function(_super) {
-  __extends(OperatorSubscriber2, _super);
-  function OperatorSubscriber2(destination, onNext, onComplete, onError, onFinalize, shouldUnsubscribe) {
-    var _this = _super.call(this, destination) || this;
-    return _this.onFinalize = onFinalize, _this.shouldUnsubscribe = shouldUnsubscribe, _this._next = onNext ? function(value) {
-      try {
-        onNext(value);
-      } catch (err) {
-        destination.error(err);
-      }
-    } : _super.prototype._next, _this._error = onError ? function(err) {
-      try {
-        onError(err);
-      } catch (err2) {
-        destination.error(err2);
-      } finally {
-        this.unsubscribe();
-      }
-    } : _super.prototype._error, _this._complete = onComplete ? function() {
-      try {
-        onComplete();
-      } catch (err) {
-        destination.error(err);
-      } finally {
-        this.unsubscribe();
-      }
-    } : _super.prototype._complete, _this;
-  }
-  return OperatorSubscriber2.prototype.unsubscribe = function() {
-    var _a;
-    if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
-      var closed_1 = this.closed;
-      _super.prototype.unsubscribe.call(this), !closed_1 && ((_a = this.onFinalize) === null || _a === void 0 || _a.call(this));
-    }
-  }, OperatorSubscriber2;
-}(Subscriber), ObjectUnsubscribedError = createErrorClass(function(_super) {
-  return function() {
-    _super(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
-  };
-}), Subject = function(_super) {
-  __extends(Subject2, _super);
-  function Subject2() {
-    var _this = _super.call(this) || this;
-    return _this.closed = !1, _this.currentObservers = null, _this.observers = [], _this.isStopped = !1, _this.hasError = !1, _this.thrownError = null, _this;
-  }
-  return Subject2.prototype.lift = function(operator) {
-    var subject = new AnonymousSubject(this, this);
-    return subject.operator = operator, subject;
-  }, Subject2.prototype._throwIfClosed = function() {
-    if (this.closed)
-      throw new ObjectUnsubscribedError();
-  }, Subject2.prototype.next = function(value) {
-    var _this = this;
-    errorContext(function() {
-      var e_1, _a;
-      if (_this._throwIfClosed(), !_this.isStopped) {
-        _this.currentObservers || (_this.currentObservers = Array.from(_this.observers));
-        try {
-          for (var _b = __values(_this.currentObservers), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var observer = _c.value;
-            observer.next(value);
-          }
-        } catch (e_1_1) {
-          e_1 = { error: e_1_1 };
-        } finally {
-          try {
-            _c && !_c.done && (_a = _b.return) && _a.call(_b);
-          } finally {
-            if (e_1) throw e_1.error;
-          }
-        }
-      }
-    });
-  }, Subject2.prototype.error = function(err) {
-    var _this = this;
-    errorContext(function() {
-      if (_this._throwIfClosed(), !_this.isStopped) {
-        _this.hasError = _this.isStopped = !0, _this.thrownError = err;
-        for (var observers = _this.observers; observers.length; )
-          observers.shift().error(err);
-      }
-    });
-  }, Subject2.prototype.complete = function() {
-    var _this = this;
-    errorContext(function() {
-      if (_this._throwIfClosed(), !_this.isStopped) {
-        _this.isStopped = !0;
-        for (var observers = _this.observers; observers.length; )
-          observers.shift().complete();
-      }
-    });
-  }, Subject2.prototype.unsubscribe = function() {
-    this.isStopped = this.closed = !0, this.observers = this.currentObservers = null;
-  }, Object.defineProperty(Subject2.prototype, "observed", {
-    get: function() {
-      var _a;
-      return ((_a = this.observers) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    },
-    enumerable: !1,
-    configurable: !0
-  }), Subject2.prototype._trySubscribe = function(subscriber) {
-    return this._throwIfClosed(), _super.prototype._trySubscribe.call(this, subscriber);
-  }, Subject2.prototype._subscribe = function(subscriber) {
-    return this._throwIfClosed(), this._checkFinalizedStatuses(subscriber), this._innerSubscribe(subscriber);
-  }, Subject2.prototype._innerSubscribe = function(subscriber) {
-    var _this = this, _a = this, hasError = _a.hasError, isStopped = _a.isStopped, observers = _a.observers;
-    return hasError || isStopped ? EMPTY_SUBSCRIPTION : (this.currentObservers = null, observers.push(subscriber), new Subscription(function() {
-      _this.currentObservers = null, arrRemove(observers, subscriber);
-    }));
-  }, Subject2.prototype._checkFinalizedStatuses = function(subscriber) {
-    var _a = this, hasError = _a.hasError, thrownError = _a.thrownError, isStopped = _a.isStopped;
-    hasError ? subscriber.error(thrownError) : isStopped && subscriber.complete();
-  }, Subject2.prototype.asObservable = function() {
-    var observable2 = new Observable();
-    return observable2.source = this, observable2;
-  }, Subject2.create = function(destination, source) {
-    return new AnonymousSubject(destination, source);
-  }, Subject2;
-}(Observable), AnonymousSubject = function(_super) {
-  __extends(AnonymousSubject2, _super);
-  function AnonymousSubject2(destination, source) {
-    var _this = _super.call(this) || this;
-    return _this.destination = destination, _this.source = source, _this;
-  }
-  return AnonymousSubject2.prototype.next = function(value) {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.next) === null || _b === void 0 || _b.call(_a, value);
-  }, AnonymousSubject2.prototype.error = function(err) {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 || _b.call(_a, err);
-  }, AnonymousSubject2.prototype.complete = function() {
-    var _a, _b;
-    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.complete) === null || _b === void 0 || _b.call(_a);
-  }, AnonymousSubject2.prototype._subscribe = function(subscriber) {
-    var _a, _b;
-    return (_b = (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
-  }, AnonymousSubject2;
-}(Subject), dateTimestampProvider = {
-  now: function() {
-    return Date.now();
-  }
-}, Action = function(_super) {
-  __extends(Action2, _super);
-  function Action2(scheduler, work) {
-    return _super.call(this) || this;
-  }
-  return Action2.prototype.schedule = function(state, delay) {
-    return this;
-  }, Action2;
-}(Subscription), intervalProvider = {
-  setInterval: function(handler, timeout) {
-    for (var args = [], _i = 2; _i < arguments.length; _i++)
-      args[_i - 2] = arguments[_i];
-    return setInterval.apply(void 0, __spreadArray([handler, timeout], __read(args)));
-  },
-  clearInterval: function(handle) {
-    return clearInterval(handle);
-  },
-  delegate: void 0
-}, AsyncAction = function(_super) {
-  __extends(AsyncAction2, _super);
-  function AsyncAction2(scheduler, work) {
-    var _this = _super.call(this, scheduler, work) || this;
-    return _this.scheduler = scheduler, _this.work = work, _this.pending = !1, _this;
-  }
-  return AsyncAction2.prototype.schedule = function(state, delay) {
-    var _a;
-    if (delay === void 0 && (delay = 0), this.closed)
-      return this;
-    this.state = state;
-    var id = this.id, scheduler = this.scheduler;
-    return id != null && (this.id = this.recycleAsyncId(scheduler, id, delay)), this.pending = !0, this.delay = delay, this.id = (_a = this.id) !== null && _a !== void 0 ? _a : this.requestAsyncId(scheduler, this.id, delay), this;
-  }, AsyncAction2.prototype.requestAsyncId = function(scheduler, _id, delay) {
-    return delay === void 0 && (delay = 0), intervalProvider.setInterval(scheduler.flush.bind(scheduler, this), delay);
-  }, AsyncAction2.prototype.recycleAsyncId = function(_scheduler, id, delay) {
-    if (delay === void 0 && (delay = 0), delay != null && this.delay === delay && this.pending === !1)
-      return id;
-    id != null && intervalProvider.clearInterval(id);
-  }, AsyncAction2.prototype.execute = function(state, delay) {
-    if (this.closed)
-      return new Error("executing a cancelled action");
-    this.pending = !1;
-    var error = this._execute(state, delay);
-    if (error)
-      return error;
-    this.pending === !1 && this.id != null && (this.id = this.recycleAsyncId(this.scheduler, this.id, null));
-  }, AsyncAction2.prototype._execute = function(state, _delay) {
-    var errored = !1, errorValue;
-    try {
-      this.work(state);
-    } catch (e) {
-      errored = !0, errorValue = e || new Error("Scheduled action threw falsy error");
-    }
-    if (errored)
-      return this.unsubscribe(), errorValue;
-  }, AsyncAction2.prototype.unsubscribe = function() {
-    if (!this.closed) {
-      var _a = this, id = _a.id, scheduler = _a.scheduler, actions = scheduler.actions;
-      this.work = this.state = this.scheduler = null, this.pending = !1, arrRemove(actions, this), id != null && (this.id = this.recycleAsyncId(scheduler, id, null)), this.delay = null, _super.prototype.unsubscribe.call(this);
-    }
-  }, AsyncAction2;
-}(Action), nextHandle = 1, resolved, activeHandles = {};
-function findAndClearHandle(handle) {
-  return handle in activeHandles ? (delete activeHandles[handle], !0) : !1;
-}
-var Immediate = {
-  setImmediate: function(cb) {
-    var handle = nextHandle++;
-    return activeHandles[handle] = !0, resolved || (resolved = Promise.resolve()), resolved.then(function() {
-      return findAndClearHandle(handle) && cb();
-    }), handle;
-  },
-  clearImmediate: function(handle) {
-    findAndClearHandle(handle);
-  }
-}, setImmediate = Immediate.setImmediate, clearImmediate = Immediate.clearImmediate, immediateProvider = {
-  setImmediate: function() {
-    for (var args = [], _i = 0; _i < arguments.length; _i++)
-      args[_i] = arguments[_i];
-    var delegate = immediateProvider.delegate;
-    return (delegate?.setImmediate || setImmediate).apply(void 0, __spreadArray([], __read(args)));
-  },
-  clearImmediate: function(handle) {
-    return clearImmediate(handle);
-  },
-  delegate: void 0
-}, AsapAction = function(_super) {
-  __extends(AsapAction2, _super);
-  function AsapAction2(scheduler, work) {
-    var _this = _super.call(this, scheduler, work) || this;
-    return _this.scheduler = scheduler, _this.work = work, _this;
-  }
-  return AsapAction2.prototype.requestAsyncId = function(scheduler, id, delay) {
-    return delay === void 0 && (delay = 0), delay !== null && delay > 0 ? _super.prototype.requestAsyncId.call(this, scheduler, id, delay) : (scheduler.actions.push(this), scheduler._scheduled || (scheduler._scheduled = immediateProvider.setImmediate(scheduler.flush.bind(scheduler, void 0))));
-  }, AsapAction2.prototype.recycleAsyncId = function(scheduler, id, delay) {
-    var _a;
-    if (delay === void 0 && (delay = 0), delay != null ? delay > 0 : this.delay > 0)
-      return _super.prototype.recycleAsyncId.call(this, scheduler, id, delay);
-    var actions = scheduler.actions;
-    id != null && ((_a = actions[actions.length - 1]) === null || _a === void 0 ? void 0 : _a.id) !== id && (immediateProvider.clearImmediate(id), scheduler._scheduled === id && (scheduler._scheduled = void 0));
-  }, AsapAction2;
-}(AsyncAction), Scheduler = function() {
-  function Scheduler2(schedulerActionCtor, now) {
-    now === void 0 && (now = Scheduler2.now), this.schedulerActionCtor = schedulerActionCtor, this.now = now;
-  }
-  return Scheduler2.prototype.schedule = function(work, delay, state) {
-    return delay === void 0 && (delay = 0), new this.schedulerActionCtor(this, work).schedule(state, delay);
-  }, Scheduler2.now = dateTimestampProvider.now, Scheduler2;
-}(), AsyncScheduler = function(_super) {
-  __extends(AsyncScheduler2, _super);
-  function AsyncScheduler2(SchedulerAction, now) {
-    now === void 0 && (now = Scheduler.now);
-    var _this = _super.call(this, SchedulerAction, now) || this;
-    return _this.actions = [], _this._active = !1, _this;
-  }
-  return AsyncScheduler2.prototype.flush = function(action) {
-    var actions = this.actions;
-    if (this._active) {
-      actions.push(action);
+  }), $[2] = defaultIndex, $[3] = selectedIndex, $[4] = t1) : t1 = $[4];
+  const [index, setIndex] = useState(t1);
+  let t2, t3;
+  $[5] !== defaultIndex || $[6] !== selectedIndex ? (t2 = () => setIndex(selectedIndex ?? {
+    ...defaultIndex
+  }), t3 = [selectedIndex, defaultIndex], $[5] = defaultIndex, $[6] = selectedIndex, $[7] = t2, $[8] = t3) : (t2 = $[7], t3 = $[8]), useEffect(t2, t3);
+  let t4;
+  $[9] !== client || $[10] !== index || $[11] !== onSubmit || $[12] !== readOnly ? (t4 = (e) => {
+    if (e.preventDefault(), readOnly)
+      return;
+    const validationErrors = [];
+    if (index.indexName ? index.indexName.match(/^[a-zA-Z0-9-_]+$/g) || validationErrors.push("Index name can only contain the letters a-z, numbers - and _") : validationErrors.push("Index name is required"), index.dataset || validationErrors.push("Dataset is required"), index.filter || validationErrors.push("Filter is required"), index.projection || validationErrors.push("Projection is required"), validationErrors.length) {
+      setErrors(validationErrors);
       return;
     }
-    var error;
-    this._active = !0;
-    do
-      if (error = action.execute(action.state, action.delay))
-        break;
-    while (action = actions.shift());
-    if (this._active = !1, error) {
-      for (; action = actions.shift(); )
-        action.unsubscribe();
-      throw error;
-    }
-  }, AsyncScheduler2;
-}(Scheduler), AsapScheduler = function(_super) {
-  __extends(AsapScheduler2, _super);
-  function AsapScheduler2() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-  return AsapScheduler2.prototype.flush = function(action) {
-    this._active = !0;
-    var flushId = this._scheduled;
-    this._scheduled = void 0;
-    var actions = this.actions, error;
-    action = action || actions.shift();
-    do
-      if (error = action.execute(action.state, action.delay))
-        break;
-    while ((action = actions[0]) && action.id === flushId && actions.shift());
-    if (this._active = !1, error) {
-      for (; (action = actions[0]) && action.id === flushId && actions.shift(); )
-        action.unsubscribe();
-      throw error;
-    }
-  }, AsapScheduler2;
-}(AsyncScheduler), asapScheduler = new AsapScheduler(AsapAction), asyncScheduler = new AsyncScheduler(AsyncAction), async = asyncScheduler;
-function isScheduler(value) {
-  return value && isFunction(value.schedule);
-}
-function last(arr) {
-  return arr[arr.length - 1];
-}
-function popScheduler(args) {
-  return isScheduler(last(args)) ? args.pop() : void 0;
-}
-var isArrayLike = function(x) {
-  return x && typeof x.length == "number" && typeof x != "function";
-};
-function isPromise(value) {
-  return isFunction(value?.then);
-}
-function isInteropObservable(input) {
-  return isFunction(input[observable]);
-}
-function isAsyncIterable(obj) {
-  return Symbol.asyncIterator && isFunction(obj?.[Symbol.asyncIterator]);
-}
-function createInvalidObservableTypeError(input) {
-  return new TypeError("You provided " + (input !== null && typeof input == "object" ? "an invalid object" : "'" + input + "'") + " where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.");
-}
-function getSymbolIterator() {
-  return typeof Symbol != "function" || !Symbol.iterator ? "@@iterator" : Symbol.iterator;
-}
-var iterator = getSymbolIterator();
-function isIterable(input) {
-  return isFunction(input?.[iterator]);
-}
-function readableStreamLikeToAsyncGenerator(readableStream) {
-  return __asyncGenerator(this, arguments, function() {
-    var reader, _a, value, done;
-    return __generator(this, function(_b) {
-      switch (_b.label) {
-        case 0:
-          reader = readableStream.getReader(), _b.label = 1;
-        case 1:
-          _b.trys.push([1, , 9, 10]), _b.label = 2;
-        case 2:
-          return [4, __await(reader.read())];
-        case 3:
-          return _a = _b.sent(), value = _a.value, done = _a.done, done ? [4, __await(void 0)] : [3, 5];
-        case 4:
-          return [2, _b.sent()];
-        case 5:
-          return [4, __await(value)];
-        case 6:
-          return [4, _b.sent()];
-        case 7:
-          return _b.sent(), [3, 2];
-        case 8:
-          return [3, 10];
-        case 9:
-          return reader.releaseLock(), [7];
-        case 10:
-          return [2];
-      }
-    });
-  });
-}
-function isReadableStreamLike(obj) {
-  return isFunction(obj?.getReader);
-}
-function innerFrom(input) {
-  if (input instanceof Observable)
-    return input;
-  if (input != null) {
-    if (isInteropObservable(input))
-      return fromInteropObservable(input);
-    if (isArrayLike(input))
-      return fromArrayLike(input);
-    if (isPromise(input))
-      return fromPromise(input);
-    if (isAsyncIterable(input))
-      return fromAsyncIterable(input);
-    if (isIterable(input))
-      return fromIterable(input);
-    if (isReadableStreamLike(input))
-      return fromReadableStreamLike(input);
-  }
-  throw createInvalidObservableTypeError(input);
-}
-function fromInteropObservable(obj) {
-  return new Observable(function(subscriber) {
-    var obs = obj[observable]();
-    if (isFunction(obs.subscribe))
-      return obs.subscribe(subscriber);
-    throw new TypeError("Provided object does not correctly implement Symbol.observable");
-  });
-}
-function fromArrayLike(array) {
-  return new Observable(function(subscriber) {
-    for (var i = 0; i < array.length && !subscriber.closed; i++)
-      subscriber.next(array[i]);
-    subscriber.complete();
-  });
-}
-function fromPromise(promise) {
-  return new Observable(function(subscriber) {
-    promise.then(function(value) {
-      subscriber.closed || (subscriber.next(value), subscriber.complete());
-    }, function(err) {
-      return subscriber.error(err);
-    }).then(null, reportUnhandledError);
-  });
-}
-function fromIterable(iterable) {
-  return new Observable(function(subscriber) {
-    var e_1, _a;
-    try {
-      for (var iterable_1 = __values(iterable), iterable_1_1 = iterable_1.next(); !iterable_1_1.done; iterable_1_1 = iterable_1.next()) {
-        var value = iterable_1_1.value;
-        if (subscriber.next(value), subscriber.closed)
-          return;
-      }
-    } catch (e_1_1) {
-      e_1 = { error: e_1_1 };
-    } finally {
-      try {
-        iterable_1_1 && !iterable_1_1.done && (_a = iterable_1.return) && _a.call(iterable_1);
-      } finally {
-        if (e_1) throw e_1.error;
-      }
-    }
-    subscriber.complete();
-  });
-}
-function fromAsyncIterable(asyncIterable) {
-  return new Observable(function(subscriber) {
-    process(asyncIterable, subscriber).catch(function(err) {
-      return subscriber.error(err);
-    });
-  });
-}
-function fromReadableStreamLike(readableStream) {
-  return fromAsyncIterable(readableStreamLikeToAsyncGenerator(readableStream));
-}
-function process(asyncIterable, subscriber) {
-  var asyncIterable_1, asyncIterable_1_1, e_2, _a;
-  return __awaiter(this, void 0, void 0, function() {
-    var value, e_2_1;
-    return __generator(this, function(_b) {
-      switch (_b.label) {
-        case 0:
-          _b.trys.push([0, 5, 6, 11]), asyncIterable_1 = __asyncValues(asyncIterable), _b.label = 1;
-        case 1:
-          return [4, asyncIterable_1.next()];
-        case 2:
-          if (asyncIterable_1_1 = _b.sent(), !!asyncIterable_1_1.done) return [3, 4];
-          if (value = asyncIterable_1_1.value, subscriber.next(value), subscriber.closed)
-            return [2];
-          _b.label = 3;
-        case 3:
-          return [3, 1];
-        case 4:
-          return [3, 11];
-        case 5:
-          return e_2_1 = _b.sent(), e_2 = { error: e_2_1 }, [3, 11];
-        case 6:
-          return _b.trys.push([6, , 9, 10]), asyncIterable_1_1 && !asyncIterable_1_1.done && (_a = asyncIterable_1.return) ? [4, _a.call(asyncIterable_1)] : [3, 8];
-        case 7:
-          _b.sent(), _b.label = 8;
-        case 8:
-          return [3, 10];
-        case 9:
-          if (e_2) throw e_2.error;
-          return [7];
-        case 10:
-          return [7];
-        case 11:
-          return subscriber.complete(), [2];
-      }
-    });
-  });
-}
-function executeSchedule(parentSubscription, scheduler, work, delay, repeat) {
-  delay === void 0 && (delay = 0), repeat === void 0 && (repeat = !1);
-  var scheduleSubscription = scheduler.schedule(function() {
-    work(), repeat ? parentSubscription.add(this.schedule(null, delay)) : this.unsubscribe();
-  }, delay);
-  if (parentSubscription.add(scheduleSubscription), !repeat)
-    return scheduleSubscription;
-}
-function observeOn(scheduler, delay) {
-  return delay === void 0 && (delay = 0), operate(function(source, subscriber) {
-    source.subscribe(createOperatorSubscriber(subscriber, function(value) {
-      return executeSchedule(subscriber, scheduler, function() {
-        return subscriber.next(value);
-      }, delay);
-    }, function() {
-      return executeSchedule(subscriber, scheduler, function() {
-        return subscriber.complete();
-      }, delay);
-    }, function(err) {
-      return executeSchedule(subscriber, scheduler, function() {
-        return subscriber.error(err);
-      }, delay);
-    }));
-  });
-}
-function subscribeOn(scheduler, delay) {
-  return delay === void 0 && (delay = 0), operate(function(source, subscriber) {
-    subscriber.add(scheduler.schedule(function() {
-      return source.subscribe(subscriber);
-    }, delay));
-  });
-}
-function scheduleObservable(input, scheduler) {
-  return innerFrom(input).pipe(subscribeOn(scheduler), observeOn(scheduler));
-}
-function schedulePromise(input, scheduler) {
-  return innerFrom(input).pipe(subscribeOn(scheduler), observeOn(scheduler));
-}
-function scheduleArray(input, scheduler) {
-  return new Observable(function(subscriber) {
-    var i = 0;
-    return scheduler.schedule(function() {
-      i === input.length ? subscriber.complete() : (subscriber.next(input[i++]), subscriber.closed || this.schedule());
-    });
-  });
-}
-function scheduleIterable(input, scheduler) {
-  return new Observable(function(subscriber) {
-    var iterator$1;
-    return executeSchedule(subscriber, scheduler, function() {
-      iterator$1 = input[iterator](), executeSchedule(subscriber, scheduler, function() {
-        var _a, value, done;
-        try {
-          _a = iterator$1.next(), value = _a.value, done = _a.done;
-        } catch (err) {
-          subscriber.error(err);
-          return;
-        }
-        done ? subscriber.complete() : subscriber.next(value);
-      }, 0, !0);
-    }), function() {
-      return isFunction(iterator$1?.return) && iterator$1.return();
-    };
-  });
-}
-function scheduleAsyncIterable(input, scheduler) {
-  if (!input)
-    throw new Error("Iterable cannot be null");
-  return new Observable(function(subscriber) {
-    executeSchedule(subscriber, scheduler, function() {
-      var iterator2 = input[Symbol.asyncIterator]();
-      executeSchedule(subscriber, scheduler, function() {
-        iterator2.next().then(function(result) {
-          result.done ? subscriber.complete() : subscriber.next(result.value);
-        });
-      }, 0, !0);
-    });
-  });
-}
-function scheduleReadableStreamLike(input, scheduler) {
-  return scheduleAsyncIterable(readableStreamLikeToAsyncGenerator(input), scheduler);
-}
-function scheduled(input, scheduler) {
-  if (input != null) {
-    if (isInteropObservable(input))
-      return scheduleObservable(input, scheduler);
-    if (isArrayLike(input))
-      return scheduleArray(input, scheduler);
-    if (isPromise(input))
-      return schedulePromise(input, scheduler);
-    if (isAsyncIterable(input))
-      return scheduleAsyncIterable(input, scheduler);
-    if (isIterable(input))
-      return scheduleIterable(input, scheduler);
-    if (isReadableStreamLike(input))
-      return scheduleReadableStreamLike(input, scheduler);
-  }
-  throw createInvalidObservableTypeError(input);
-}
-function from(input, scheduler) {
-  return scheduler ? scheduled(input, scheduler) : innerFrom(input);
-}
-function of() {
-  for (var args = [], _i = 0; _i < arguments.length; _i++)
-    args[_i] = arguments[_i];
-  var scheduler = popScheduler(args);
-  return from(args, scheduler);
-}
-function isValidDate(value) {
-  return value instanceof Date && !isNaN(value);
-}
-function map(project, thisArg) {
-  return operate(function(source, subscriber) {
-    var index = 0;
-    source.subscribe(createOperatorSubscriber(subscriber, function(value) {
-      subscriber.next(project.call(thisArg, value, index++));
-    }));
-  });
-}
-function timer(dueTime, intervalOrScheduler, scheduler) {
-  scheduler === void 0 && (scheduler = async);
-  var intervalDuration = -1;
-  return intervalOrScheduler != null && (isScheduler(intervalOrScheduler) ? scheduler = intervalOrScheduler : intervalDuration = intervalOrScheduler), new Observable(function(subscriber) {
-    var due = isValidDate(dueTime) ? +dueTime - scheduler.now() : dueTime;
-    due < 0 && (due = 0);
-    var n = 0;
-    return scheduler.schedule(function() {
-      subscriber.closed || (subscriber.next(n++), 0 <= intervalDuration ? this.schedule(void 0, intervalDuration) : subscriber.complete());
-    }, due);
-  });
-}
-function catchError(selector) {
-  return operate(function(source, subscriber) {
-    var innerSub = null, syncUnsub = !1, handledResult;
-    innerSub = source.subscribe(createOperatorSubscriber(subscriber, void 0, void 0, function(err) {
-      handledResult = innerFrom(selector(err, catchError(selector)(source))), innerSub ? (innerSub.unsubscribe(), innerSub = null, handledResult.subscribe(subscriber)) : syncUnsub = !0;
-    })), syncUnsub && (innerSub.unsubscribe(), innerSub = null, handledResult.subscribe(subscriber));
-  });
-}
-function finalize(callback) {
-  return operate(function(source, subscriber) {
-    try {
-      source.subscribe(subscriber);
-    } finally {
-      subscriber.add(callback);
-    }
-  });
-}
-function share(options) {
-  options === void 0 && (options = {});
-  var _a = options.connector, connector = _a === void 0 ? function() {
-    return new Subject();
-  } : _a, _b = options.resetOnError, resetOnError = _b === void 0 ? !0 : _b, _c = options.resetOnComplete, resetOnComplete = _c === void 0 ? !0 : _c, _d = options.resetOnRefCountZero, resetOnRefCountZero = _d === void 0 ? !0 : _d;
-  return function(wrapperSource) {
-    var connection, resetConnection, subject, refCount = 0, hasCompleted = !1, hasErrored = !1, cancelReset = function() {
-      resetConnection?.unsubscribe(), resetConnection = void 0;
-    }, reset = function() {
-      cancelReset(), connection = subject = void 0, hasCompleted = hasErrored = !1;
-    }, resetAndUnsubscribe = function() {
-      var conn = connection;
-      reset(), conn?.unsubscribe();
-    };
-    return operate(function(source, subscriber) {
-      refCount++, !hasErrored && !hasCompleted && cancelReset();
-      var dest = subject = subject ?? connector();
-      subscriber.add(function() {
-        refCount--, refCount === 0 && !hasErrored && !hasCompleted && (resetConnection = handleReset(resetAndUnsubscribe, resetOnRefCountZero));
-      }), dest.subscribe(subscriber), !connection && refCount > 0 && (connection = new SafeSubscriber({
-        next: function(value) {
-          return dest.next(value);
-        },
-        error: function(err) {
-          hasErrored = !0, cancelReset(), resetConnection = handleReset(reset, resetOnError, err), dest.error(err);
-        },
-        complete: function() {
-          hasCompleted = !0, cancelReset(), resetConnection = handleReset(reset, resetOnComplete), dest.complete();
-        }
-      }), innerFrom(source).subscribe(connection));
-    })(wrapperSource);
-  };
-}
-function handleReset(reset, on) {
-  for (var args = [], _i = 2; _i < arguments.length; _i++)
-    args[_i - 2] = arguments[_i];
-  if (on === !0) {
-    reset();
-    return;
-  }
-  if (on !== !1) {
-    var onSubscriber = new SafeSubscriber({
-      next: function() {
-        onSubscriber.unsubscribe(), reset();
+    const {
+      projectId
+    } = client.config();
+    setLoading(!0), client.request({
+      method: "POST",
+      url: `/embeddings-index/${index.dataset}?projectId=${projectId}`,
+      body: {
+        indexName: index.indexName,
+        projection: index.projection,
+        filter: index.filter
       }
+    }).then((response) => {
+      onSubmit && onSubmit(response.index);
+    }).catch((err) => {
+      console.error(err), setErrors([err.message]);
+    }).finally(() => {
+      setLoading(!1);
     });
-    return innerFrom(on.apply(void 0, __spreadArray([], __read(args)))).subscribe(onSubscriber);
-  }
-}
-function tap(observerOrNext, error, complete) {
-  var tapObserver = isFunction(observerOrNext) || error || complete ? { next: observerOrNext, error, complete } : observerOrNext;
-  return tapObserver ? operate(function(source, subscriber) {
-    var _a;
-    (_a = tapObserver.subscribe) === null || _a === void 0 || _a.call(tapObserver);
-    var isUnsub = !0;
-    source.subscribe(createOperatorSubscriber(subscriber, function(value) {
-      var _a2;
-      (_a2 = tapObserver.next) === null || _a2 === void 0 || _a2.call(tapObserver, value), subscriber.next(value);
-    }, function() {
-      var _a2;
-      isUnsub = !1, (_a2 = tapObserver.complete) === null || _a2 === void 0 || _a2.call(tapObserver), subscriber.complete();
-    }, function(err) {
-      var _a2;
-      isUnsub = !1, (_a2 = tapObserver.error) === null || _a2 === void 0 || _a2.call(tapObserver, err), subscriber.error(err);
-    }, function() {
-      var _a2, _b;
-      isUnsub && ((_a2 = tapObserver.unsubscribe) === null || _a2 === void 0 || _a2.call(tapObserver)), (_b = tapObserver.finalize) === null || _b === void 0 || _b.call(tapObserver);
-    }));
-  }) : identity;
-}
-function getValue(value) {
-  return typeof value == "function" ? value() : value;
-}
-const cache = /* @__PURE__ */ new WeakMap();
-function useObservable(observable2, initialValue) {
-  const $ = distExports.c(9);
-  let t0;
-  if (!cache.has(observable2)) {
-    const state = {
-      didEmit: !1
-    }, entry = {
-      state,
-      observable: observable2.pipe(map(_temp$1), catchError(_temp2), tap((t12) => {
-        const {
-          snapshot,
-          error: error_0
-        } = t12;
-        state.didEmit = !0, state.snapshot = snapshot, state.error = error_0;
-      }), map(_temp3), finalize(() => cache.delete(observable2)), share({
-        resetOnRefCountZero: _temp4
-      })),
-      getSnapshot: (initialValue_0) => {
-        if (state.error)
-          throw state.error;
-        return state.didEmit ? state.snapshot : getValue(initialValue_0);
-      }
-    };
-    entry.observable.subscribe().unsubscribe(), cache.set(observable2, entry);
+  }, $[9] = client, $[10] = index, $[11] = onSubmit, $[12] = readOnly, $[13] = t4) : t4 = $[13];
+  const handleSubmit = t4;
+  let t5;
+  $[14] !== errors ? (t5 = errors?.length ? /* @__PURE__ */ jsx(Card, { tone: "critical", border: !0, padding: 2, children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("ul", { style: {
+    marginLeft: -10
+  }, children: errors?.map(_temp$4) }) }) }) : null, $[14] = errors, $[15] = t5) : t5 = $[15];
+  let t6;
+  $[16] !== index || $[17] !== readOnly ? (t6 = /* @__PURE__ */ jsx(IndexFormInput, { label: "Index name", placeholder: "Name of index without spaces...", index, prop: "indexName", onChange: setIndex, readOnly }), $[16] = index, $[17] = readOnly, $[18] = t6) : t6 = $[18];
+  let t7;
+  $[19] !== index ? (t7 = /* @__PURE__ */ jsx(IndexFormInput, { label: "Dataset", index, prop: "dataset", onChange: setIndex, readOnly: !0 }), $[19] = index, $[20] = t7) : t7 = $[20];
+  let t8;
+  $[21] !== defaultIndex.filter || $[22] !== index || $[23] !== readOnly ? (t8 = /* @__PURE__ */ jsx(IndexFormInput, { label: "Filter", description: "Must be a valid GROQ filter", placeholder: defaultIndex.filter, index, prop: "filter", onChange: setIndex, readOnly, type: "textarea" }), $[21] = defaultIndex.filter, $[22] = index, $[23] = readOnly, $[24] = t8) : t8 = $[24];
+  let t9;
+  $[25] !== defaultIndex.projection || $[26] !== index || $[27] !== readOnly ? (t9 = /* @__PURE__ */ jsx(IndexFormInput, { label: "Projection", description: "Must be a valid GROQ projection, starting { and ending with }", placeholder: defaultIndex.projection, index, prop: "projection", onChange: setIndex, readOnly, type: "textarea" }), $[25] = defaultIndex.projection, $[26] = index, $[27] = readOnly, $[28] = t9) : t9 = $[28];
+  let t10;
+  $[29] !== loading || $[30] !== onSubmit || $[31] !== readOnly ? (t10 = onSubmit && /* @__PURE__ */ jsx(Button, { type: "submit", text: "Create index", icon: loading ? /* @__PURE__ */ jsx(Box, { style: {
+    marginTop: 5
+  }, children: /* @__PURE__ */ jsx(Spinner, {}) }) : AddIcon, disabled: readOnly || loading, tone: "primary" }), $[29] = loading, $[30] = onSubmit, $[31] = readOnly, $[32] = t10) : t10 = $[32];
+  let t11;
+  $[33] !== t10 || $[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8 || $[38] !== t9 ? (t11 = /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    t5,
+    t6,
+    t7,
+    t8,
+    t9,
+    t10
+  ] }), $[33] = t10, $[34] = t5, $[35] = t6, $[36] = t7, $[37] = t8, $[38] = t9, $[39] = t11) : t11 = $[39];
+  let t12;
+  return $[40] !== handleSubmit || $[41] !== t11 ? (t12 = /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: t11 }), $[40] = handleSubmit, $[41] = t11, $[42] = t12) : t12 = $[42], t12;
+}
+function _temp$4(error, i) {
+  return /* @__PURE__ */ jsx("li", { children: error }, `${error}-${i}`);
+}
+function DocumentPreview(t0) {
+  const $ = c(22);
+  let buttonProps, documentId, schemaTypeName, style;
+  $[0] !== t0 ? ({
+    documentId,
+    style,
+    schemaTypeName,
+    ...buttonProps
+  } = t0, $[0] = t0, $[1] = buttonProps, $[2] = documentId, $[3] = schemaTypeName, $[4] = style) : (buttonProps = $[1], documentId = $[2], schemaTypeName = $[3], style = $[4]);
+  const schema = useSchema();
+  let t1;
+  $[5] !== schema || $[6] !== schemaTypeName ? (t1 = schemaTypeName ? schema.get(schemaTypeName) : void 0, $[5] = schema, $[6] = schemaTypeName, $[7] = t1) : t1 = $[7];
+  const schemaType = t1;
+  if (!schemaTypeName) {
+    let t22;
+    $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = {
+      minHeight: "36px"
+    }, $[8] = t22) : t22 = $[8];
+    let t3;
+    return $[9] !== schemaType ? (t3 = /* @__PURE__ */ jsx(Card, { style: t22, children: /* @__PURE__ */ jsx(DefaultPreview, { withShadow: !1, withBorder: !1, title: "Loading...", schemaType, isPlaceholder: !0 }) }), $[9] = schemaType, $[10] = t3) : t3 = $[10], t3;
+  }
+  if (!schemaType) {
+    const t22 = schemaTypeName ?? "N/A";
+    let t3;
+    $[11] !== t22 ? (t3 = /* @__PURE__ */ jsx("code", { children: t22 }), $[11] = t22, $[12] = t3) : t3 = $[12];
+    let t4;
+    return $[13] !== documentId || $[14] !== t3 ? (t4 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(DefaultPreview, { withShadow: !1, withBorder: !1, media: _temp$3, title: /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Unknown type ",
+      t3,
+      " for ",
+      documentId
+    ] }) }) }), $[13] = documentId, $[14] = t3, $[15] = t4) : t4 = $[15], t4;
   }
+  let t2;
+  return $[16] !== buttonProps || $[17] !== documentId || $[18] !== schemaType || $[19] !== schemaTypeName || $[20] !== style ? (t2 = /* @__PURE__ */ jsx(DocumentPreviewInner, { documentId, schemaTypeName, schemaType, style, ...buttonProps }), $[16] = buttonProps, $[17] = documentId, $[18] = schemaType, $[19] = schemaTypeName, $[20] = style, $[21] = t2) : t2 = $[21], t2;
+}
+function _temp$3() {
+  return /* @__PURE__ */ jsx(ErrorOutlineIcon, {});
+}
+function DocumentPreviewInner(t0) {
+  const $ = c(31), {
+    documentId,
+    schemaType,
+    style,
+    button
+  } = t0, documentPreviewStore = useDocumentPreviewStore();
   let t1;
-  $[0] !== observable2 ? (t1 = cache.get(observable2), $[0] = observable2, $[1] = t1) : t1 = $[1], t0 = t1;
-  const instance = t0;
+  $[0] !== documentId || $[1] !== documentPreviewStore || $[2] !== schemaType ? (t1 = getPreviewStateObservable(documentPreviewStore, schemaType, documentId), $[0] = documentId, $[1] = documentPreviewStore, $[2] = schemaType, $[3] = t1) : t1 = $[3];
+  const previewStateObservable = t1;
   let t2;
-  $[2] !== instance.observable ? (t2 = (onStoreChange) => {
-    const subscription_0 = instance.observable.subscribe(onStoreChange);
-    return () => {
-      subscription_0.unsubscribe();
-    };
-  }, $[2] = instance.observable, $[3] = t2) : t2 = $[3];
-  const subscribe = t2;
-  let t3;
-  $[4] !== initialValue || $[5] !== instance ? (t3 = () => instance.getSnapshot(initialValue), $[4] = initialValue, $[5] = instance, $[6] = t3) : t3 = $[6];
-  let t4;
-  return $[7] !== initialValue ? (t4 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[7] = initialValue, $[8] = t4) : t4 = $[8], React.useSyncExternalStore(subscribe, t3, t4);
-}
-function _temp4() {
-  return timer(0, asapScheduler);
-}
-function _temp3(value_0) {
-}
-function _temp2(error) {
-  return of({
-    snapshot: void 0,
-    error
-  });
-}
-function _temp$1(value) {
-  return {
-    snapshot: value,
-    error: void 0
-  };
-}
-function DocumentPreview({
-  documentId,
-  style,
-  schemaTypeName,
-  ...buttonProps
-}) {
-  const schema = sanity.useSchema(), schemaType = schemaTypeName ? schema.get(schemaTypeName) : void 0;
-  return schemaTypeName ? schemaType ? /* @__PURE__ */ jsxRuntime.jsx(
-    DocumentPreviewInner,
-    {
-      documentId,
-      schemaTypeName,
-      schemaType,
-      style,
-      ...buttonProps
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.DefaultPreview,
-    {
-      withShadow: !1,
-      withBorder: !1,
-      media: () => /* @__PURE__ */ jsxRuntime.jsx(icons.ErrorOutlineIcon, {}),
-      title: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        "Unknown type ",
-        /* @__PURE__ */ jsxRuntime.jsx("code", { children: schemaTypeName ?? "N/A" }),
-        " for ",
-        documentId
-      ] })
-    }
-  ) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { style: { minHeight: "36px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.DefaultPreview,
-    {
-      withShadow: !1,
-      withBorder: !1,
-      title: "Loading...",
-      schemaType,
-      isPlaceholder: !0
-    }
-  ) });
-}
-function DocumentPreviewInner({
-  documentId,
-  schemaType,
-  style,
-  button
-}) {
-  const documentPreviewStore = sanity.useDocumentPreviewStore(), previewStateObservable = React.useMemo(
-    () => sanity.getPreviewStateObservable(documentPreviewStore, schemaType, documentId),
-    [documentId, documentPreviewStore, schemaType]
-  ), {
-    snapshot,
-    original,
-    isLoading: previewIsLoading
-  } = useObservable(previewStateObservable, {
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
     snapshot: null,
     isLoading: !0,
     original: null
-  }), sanityDocument = React.useMemo(() => ({
+  }, $[4] = t2) : t2 = $[4];
+  const {
+    snapshot,
+    original,
+    isLoading: previewIsLoading
+  } = useObservable(previewStateObservable, t2);
+  let t3;
+  $[5] !== documentId || $[6] !== schemaType?.name ? (t3 = () => ({
     _id: documentId,
     _type: schemaType?.name
-  }), [documentId, schemaType?.name]), { onClick: onIntentClick, href } = router.useIntentLink({
+  }), $[5] = documentId, $[6] = schemaType?.name, $[7] = t3) : t3 = $[7];
+  let t4;
+  $[8] !== t3 ? (t4 = t3(), $[8] = t3, $[9] = t4) : t4 = $[9];
+  const sanityDocument = t4, t5 = schemaType?.name;
+  let t6;
+  $[10] !== documentId || $[11] !== t5 ? (t6 = {
     intent: "edit",
     params: {
       id: documentId,
-      type: schemaType?.name
-    }
-  }), preview = /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.SanityDefaultPreview,
-    {
-      ...sanity.getPreviewValueWithFallback({
-        snapshot,
-        original,
-        fallback: sanityDocument
-      }),
-      isPlaceholder: previewIsLoading ?? !0,
-      layout: "default",
-      icon: schemaType?.icon
+      type: t5
     }
-  );
-  return button ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
-    {
-      as: "a",
-      href,
-      onClick: onIntentClick,
-      mode: "ghost",
-      style: { width: "100%", ...style },
-      children: preview
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { width: "100%" }, children: preview });
-}
-const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSearchAutocomplete = React.forwardRef(function(props, ref) {
+  }, $[10] = documentId, $[11] = t5, $[12] = t6) : t6 = $[12];
   const {
+    onClick: onIntentClick,
+    href
+  } = useIntentLink(t6);
+  let t7;
+  $[13] !== original || $[14] !== sanityDocument || $[15] !== snapshot ? (t7 = getPreviewValueWithFallback({
+    snapshot,
+    original,
+    fallback: sanityDocument
+  }), $[13] = original, $[14] = sanityDocument, $[15] = snapshot, $[16] = t7) : t7 = $[16];
+  const t8 = previewIsLoading ?? !0, t9 = schemaType?.icon;
+  let t10;
+  $[17] !== t7 || $[18] !== t8 || $[19] !== t9 ? (t10 = /* @__PURE__ */ jsx(SanityDefaultPreview, { ...t7, isPlaceholder: t8, layout: "default", icon: t9 }), $[17] = t7, $[18] = t8, $[19] = t9, $[20] = t10) : t10 = $[20];
+  const preview = t10;
+  if (button) {
+    let t112;
+    $[21] !== style ? (t112 = {
+      width: "100%",
+      ...style
+    }, $[21] = style, $[22] = t112) : t112 = $[22];
+    let t122;
+    return $[23] !== href || $[24] !== onIntentClick || $[25] !== preview || $[26] !== t112 ? (t122 = /* @__PURE__ */ jsx(Button, { as: "a", href, onClick: onIntentClick, mode: "ghost", style: t112, children: preview }), $[23] = href, $[24] = onIntentClick, $[25] = preview, $[26] = t112, $[27] = t122) : t122 = $[27], t122;
+  }
+  let t11;
+  $[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = {
+    width: "100%"
+  }, $[28] = t11) : t11 = $[28];
+  let t12;
+  return $[29] !== preview ? (t12 = /* @__PURE__ */ jsx(Box, { style: t11, children: preview }), $[29] = preview, $[30] = t12) : t12 = $[30], t12;
+}
+const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSearchAutocomplete = forwardRef(function(props, ref) {
+  const $ = c(27), {
     indexConfig,
     filterResult,
     getEmptySearchValue,
@@ -1904,250 +388,334 @@ const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSear
     onBlur,
     onSelect,
     typeFilter
-  } = props, id = React.useId(), [query, setQuery] = React.useState(""), queryRef = React.useRef(query), debouncedQuery = useDebouncedValue(query, 300), prevDebouncedQuery = React.useRef(debouncedQuery), [searching, setSearching] = React.useState(!1), [options, setOptions] = React.useState(NO_OPTIONS), client = useApiClient(), runIndexQuery = React.useCallback(
-    (queryString) => {
-      setSearching(!0);
-      const indexName = indexConfig?.indexName, maxResults = indexConfig?.maxResults;
-      if (!indexName)
-        throw new Error("Reference option embeddingsIndex.indexName is required, but was missing");
-      queryIndex(
-        {
-          query: queryString.trim().length ? queryString : getEmptySearchValue() ?? "",
-          indexName,
-          maxResults,
-          filter: {
-            type: typeFilter
-          }
-        },
-        client
-      ).then((result) => {
-        if (queryRef.current === queryString) {
-          setSearching(!1), setOptions([]), setOptions([]);
-          const resultOptions = result.filter((hit) => filterResult ? filterResult(hit) : !0).map((r) => sanity.typed({ result: r, value: r.value.documentId }));
-          resultOptions.length ? setOptions(resultOptions) : setOptions([{ value: NO_RESULTS_VALUE }]);
-        }
-      }).catch((e) => {
-        throw queryRef.current === queryString && setSearching(!1), e;
-      });
-    },
-    [client, indexConfig, getEmptySearchValue, filterResult, typeFilter]
-  );
-  React.useEffect(() => {
-    prevDebouncedQuery.current !== debouncedQuery && runIndexQuery(debouncedQuery), prevDebouncedQuery.current = debouncedQuery;
-  }, [debouncedQuery, runIndexQuery]);
-  const openButtonConfig = React.useMemo(
-    () => ({ onClick: () => runIndexQuery(queryRef.current) }),
-    [runIndexQuery, queryRef]
-  ), handleQueryChange = React.useCallback(
-    (newValue) => {
-      const newQuery = newValue ?? "";
-      queryRef.current = newQuery, setQuery(newQuery);
-    },
-    [setQuery]
-  ), handleChange = React.useCallback(
-    (value) => {
-      if (value === NO_RESULTS_VALUE) {
-        setOptions(NO_OPTIONS);
-        return;
+  } = props, id = useId(), [query, setQuery] = useState(""), queryRef = useRef(query), debouncedQuery = useDebouncedValue(query, 300), prevDebouncedQuery = useRef(debouncedQuery), [searching, setSearching] = useState(!1), [options, setOptions] = useState(NO_OPTIONS), client = useApiClient();
+  let t0;
+  $[0] !== client || $[1] !== filterResult || $[2] !== getEmptySearchValue || $[3] !== indexConfig?.indexName || $[4] !== indexConfig?.maxResults || $[5] !== typeFilter ? (t0 = (queryString) => {
+    setSearching(!0);
+    const indexName = indexConfig?.indexName, maxResults = indexConfig?.maxResults;
+    if (!indexName)
+      throw new Error("Reference option embeddingsIndex.indexName is required, but was missing");
+    queryIndex({
+      query: queryString.trim().length ? queryString : getEmptySearchValue() ?? "",
+      indexName,
+      maxResults,
+      filter: {
+        type: typeFilter
       }
-      const option = options.filter((r) => "result" in r).find((r) => r.result.value.documentId === value);
-      option && onSelect && onSelect(option.result);
-    },
-    [onSelect, options]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Autocomplete,
-    {
-      id,
-      ref,
-      "data-testid": "semantic-autocomplete",
-      placeholder: "Type to search...",
-      openButton: openButtonConfig,
-      onFocus,
-      onChange: handleChange,
-      loading: searching,
-      onBlur,
-      readOnly,
-      filterOption: NO_FILTER,
-      onQueryChange: handleQueryChange,
-      options,
-      renderOption: AutocompleteOption
+    }, client).then((result) => {
+      if (queryRef.current === queryString) {
+        setSearching(!1), setOptions([]);
+        const resultOptions = result.filter((hit) => filterResult ? filterResult(hit) : !0).map(_temp$2);
+        resultOptions.length ? setOptions(resultOptions) : setOptions([{
+          value: NO_RESULTS_VALUE
+        }]);
+      }
+    }).catch((e) => {
+      console.error(e), queryRef.current === queryString && (setSearching(!1), setOptions([{
+        value: NO_RESULTS_VALUE
+      }]));
+    });
+  }, $[0] = client, $[1] = filterResult, $[2] = getEmptySearchValue, $[3] = indexConfig?.indexName, $[4] = indexConfig?.maxResults, $[5] = typeFilter, $[6] = t0) : t0 = $[6];
+  const runIndexQuery = t0;
+  let t1, t2;
+  $[7] !== debouncedQuery || $[8] !== runIndexQuery ? (t1 = () => {
+    prevDebouncedQuery.current !== debouncedQuery && runIndexQuery(debouncedQuery), prevDebouncedQuery.current = debouncedQuery;
+  }, t2 = [debouncedQuery, runIndexQuery], $[7] = debouncedQuery, $[8] = runIndexQuery, $[9] = t1, $[10] = t2) : (t1 = $[9], t2 = $[10]), useEffect(t1, t2);
+  let t3;
+  $[11] !== runIndexQuery ? (t3 = {
+    onClick: () => runIndexQuery(queryRef.current)
+  }, $[11] = runIndexQuery, $[12] = t3) : t3 = $[12];
+  const openButtonConfig = t3;
+  let t4;
+  $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = (newValue) => {
+    const newQuery = newValue ?? "";
+    queryRef.current = newQuery, setQuery(newQuery);
+  }, $[13] = t4) : t4 = $[13];
+  const handleQueryChange = t4;
+  let t5;
+  $[14] !== onSelect || $[15] !== options ? (t5 = (value) => {
+    if (value === NO_RESULTS_VALUE) {
+      setOptions(NO_OPTIONS);
+      return;
     }
-  );
+    const option = options.filter(_temp2).find((r_1) => r_1.result.value.documentId === value);
+    option && onSelect && onSelect(option.result);
+  }, $[14] = onSelect, $[15] = options, $[16] = t5) : t5 = $[16];
+  const handleChange = t5;
+  let t6;
+  return $[17] !== handleChange || $[18] !== id || $[19] !== onBlur || $[20] !== onFocus || $[21] !== openButtonConfig || $[22] !== options || $[23] !== readOnly || $[24] !== ref || $[25] !== searching ? (t6 = /* @__PURE__ */ jsx(Autocomplete, { id, ref, "data-testid": "semantic-autocomplete", placeholder: "Type to search...", openButton: openButtonConfig, onFocus, onChange: handleChange, loading: searching, onBlur, readOnly, filterOption: NO_FILTER, onQueryChange: handleQueryChange, options, renderOption: AutocompleteOption }), $[17] = handleChange, $[18] = id, $[19] = onBlur, $[20] = onFocus, $[21] = openButtonConfig, $[22] = options, $[23] = readOnly, $[24] = ref, $[25] = searching, $[26] = t6) : t6 = $[26], t6;
 });
 function AutocompleteOption(props) {
+  const $ = c(11);
   if ("result" in props) {
     const value = props.result.value;
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "bleed", padding: 1, style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(DocumentPreview, { documentId: value.documentId, schemaTypeName: value.type }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, title: "Relevance", children: [
-        Math.floor(props.result.score * 100),
-        "%"
-      ] }) })
-    ] }) });
+    let t02;
+    $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = {
+      width: "100%"
+    }, $[0] = t02) : t02 = $[0];
+    let t12;
+    $[1] !== value.documentId || $[2] !== value.type ? (t12 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(DocumentPreview, { documentId: value.documentId, schemaTypeName: value.type }) }), $[1] = value.documentId, $[2] = value.type, $[3] = t12) : t12 = $[3];
+    const t2 = Math.floor(props.result.score * 100);
+    let t3;
+    $[4] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, title: "Relevance", children: [
+      t2,
+      "%"
+    ] }) }), $[4] = t2, $[5] = t3) : t3 = $[5];
+    let t4;
+    return $[6] !== t12 || $[7] !== t3 ? (t4 = /* @__PURE__ */ jsx(Button, { mode: "bleed", padding: 1, style: t02, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+      t12,
+      t3
+    ] }) }), $[6] = t12, $[7] = t3, $[8] = t4) : t4 = $[8], t4;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "bleed", padding: 1, style: { width: "100%" }, disabled: !0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, align: "center", children: "No results." }) });
+  let t0;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    width: "100%"
+  }, $[9] = t0) : t0 = $[9];
+  let t1;
+  return $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Button, { mode: "bleed", padding: 1, style: t0, disabled: !0, children: /* @__PURE__ */ jsx(Flex, { gap: 2, align: "center", children: "No results." }) }), $[10] = t1) : t1 = $[10], t1;
 }
 function useDebouncedValue(value, ms) {
-  const [debouncedValue, setDebouncedValue] = React.useState(value);
-  return React.useEffect(() => {
+  const $ = c(4), [debouncedValue, setDebouncedValue] = useState(value);
+  let t0, t1;
+  return $[0] !== ms || $[1] !== value ? (t0 = () => {
     const timeoutId = setTimeout(() => {
       setDebouncedValue(value);
     }, ms);
     return () => clearTimeout(timeoutId);
-  }, [value, ms]), debouncedValue;
+  }, t1 = [value, ms], $[0] = ms, $[1] = value, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), debouncedValue;
+}
+function _temp$2(r) {
+  return typed({
+    result: r,
+    value: r.value.documentId
+  });
+}
+function _temp2(r_0) {
+  return "result" in r_0;
 }
 function QueryIndex(props) {
-  const { indexName } = props, getEmpty = React.useCallback(() => "anything", []), indexConfig = React.useMemo(
-    () => ({ indexName, maxResults: 8 }),
-    [indexName]
-  ), { resolveIntentLink, navigateUrl } = router.useRouter(), onSelect = React.useCallback(
-    (hit) => {
-      navigateUrl({
-        path: resolveIntentLink("edit", { id: hit.value.documentId, type: hit.value.type })
-      });
-    },
-    [resolveIntentLink, navigateUrl]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SemanticSearchAutocomplete,
-    {
-      getEmptySearchValue: getEmpty,
-      indexConfig,
-      onSelect
-    }
-  );
+  const $ = c(8), {
+    indexName
+  } = props, getEmpty = _temp$1;
+  let t0;
+  $[0] !== indexName ? (t0 = {
+    indexName,
+    maxResults: 8
+  }, $[0] = indexName, $[1] = t0) : t0 = $[1];
+  const indexConfig = t0, {
+    resolveIntentLink,
+    navigateUrl
+  } = useRouter();
+  let t1;
+  $[2] !== navigateUrl || $[3] !== resolveIntentLink ? (t1 = (hit) => {
+    navigateUrl({
+      path: resolveIntentLink("edit", {
+        id: hit.value.documentId,
+        type: hit.value.type
+      })
+    });
+  }, $[2] = navigateUrl, $[3] = resolveIntentLink, $[4] = t1) : t1 = $[4];
+  const onSelect = t1;
+  let t2;
+  return $[5] !== indexConfig || $[6] !== onSelect ? (t2 = /* @__PURE__ */ jsx(SemanticSearchAutocomplete, { getEmptySearchValue: getEmpty, indexConfig, onSelect }), $[5] = indexConfig, $[6] = onSelect, $[7] = t2) : t2 = $[7], t2;
 }
-function IndexInfo({ selectedIndex, onDeleteIndex }) {
-  const handleDelete = React.useCallback(
-    () => onDeleteIndex(selectedIndex),
-    [selectedIndex, onDeleteIndex]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, flex: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", flex: 1, gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { children: [
-        "Index: ",
-        selectedIndex?.indexName ?? "Untitled"
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.MenuButton,
-        {
-          button: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              title: "Open index actions",
-              icon: icons.EllipsisVerticalIcon,
-              padding: 2,
-              mode: "ghost"
-            }
-          ),
-          id: `button-${selectedIndex.indexName}`,
-          menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.MenuItem,
-            {
-              text: "Delete index",
-              icon: icons.TrashIcon,
-              tone: "critical",
-              onClick: handleDelete
-            }
-          ) }),
-          popover: { placement: "right" }
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 6, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, flex: 1, style: { maxWidth: 600 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(IndexEditor, { index: selectedIndex, readOnly: !0 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(IndexStatus, { selectedIndex })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, flex: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, children: "Query index" }),
-        /* @__PURE__ */ jsxRuntime.jsx(QueryIndex, { indexName: selectedIndex.indexName }, selectedIndex.indexName)
-      ] })
-    ] })
-  ] });
+function _temp$1() {
+  return "anything";
 }
-function IndexStatus({ selectedIndex }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, flex: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: 1, muted: !0, children: "Status" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: selectedIndex.status }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 5, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: 1, muted: !0, children: "Indexing progress" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
-        selectedIndex.startDocumentCount - selectedIndex.remainingDocumentCount,
-        " /",
-        " ",
-        selectedIndex.startDocumentCount
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 5, align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: 1, muted: !0, children: "Failed documents" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: selectedIndex.failedDocumentCount }) })
-    ] })
-  ] });
+function IndexInfo(t0) {
+  const $ = c(27), {
+    selectedIndex,
+    onDeleteIndex
+  } = t0;
+  let t1;
+  $[0] !== onDeleteIndex || $[1] !== selectedIndex ? (t1 = () => onDeleteIndex(selectedIndex), $[0] = onDeleteIndex, $[1] = selectedIndex, $[2] = t1) : t1 = $[2];
+  const handleDelete = t1, t2 = selectedIndex?.indexName ?? "Untitled";
+  let t3;
+  $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Heading, { children: [
+    "Index: ",
+    t2
+  ] }) }), $[3] = t2, $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(Button, { title: "Open index actions", icon: EllipsisVerticalIcon, padding: 2, mode: "ghost" }), $[5] = t4) : t4 = $[5];
+  const t5 = `button-${selectedIndex.indexName}`;
+  let t6;
+  $[6] !== handleDelete ? (t6 = /* @__PURE__ */ jsx(Menu, { children: /* @__PURE__ */ jsx(MenuItem, { text: "Delete index", icon: TrashIcon, tone: "critical", onClick: handleDelete }) }), $[6] = handleDelete, $[7] = t6) : t6 = $[7];
+  let t7;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
+    placement: "right"
+  }, $[8] = t7) : t7 = $[8];
+  let t8;
+  $[9] !== t5 || $[10] !== t6 ? (t8 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(MenuButton, { button: t4, id: t5, menu: t6, popover: t7 }) }), $[9] = t5, $[10] = t6, $[11] = t8) : t8 = $[11];
+  let t9;
+  $[12] !== t3 || $[13] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, gap: 2, children: [
+    t3,
+    t8
+  ] }), $[12] = t3, $[13] = t8, $[14] = t9) : t9 = $[14];
+  let t10;
+  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = {
+    maxWidth: 600
+  }, $[15] = t10) : t10 = $[15];
+  let t11;
+  $[16] !== selectedIndex ? (t11 = /* @__PURE__ */ jsxs(Stack, { space: 4, flex: 1, style: t10, children: [
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(IndexEditor, { index: selectedIndex, readOnly: !0 }) }),
+    /* @__PURE__ */ jsx(IndexStatus, { selectedIndex })
+  ] }), $[16] = selectedIndex, $[17] = t11) : t11 = $[17];
+  let t12;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(Label, { muted: !0, children: "Query index" }), $[18] = t12) : t12 = $[18];
+  let t13;
+  $[19] !== selectedIndex.indexName ? (t13 = /* @__PURE__ */ jsxs(Stack, { space: 3, flex: 1, children: [
+    t12,
+    /* @__PURE__ */ jsx(QueryIndex, { indexName: selectedIndex.indexName }, selectedIndex.indexName)
+  ] }), $[19] = selectedIndex.indexName, $[20] = t13) : t13 = $[20];
+  let t14;
+  $[21] !== t11 || $[22] !== t13 ? (t14 = /* @__PURE__ */ jsxs(Flex, { gap: 6, children: [
+    t11,
+    t13
+  ] }), $[21] = t11, $[22] = t13, $[23] = t14) : t14 = $[23];
+  let t15;
+  return $[24] !== t14 || $[25] !== t9 ? (t15 = /* @__PURE__ */ jsxs(Stack, { space: 4, flex: 1, children: [
+    t9,
+    t14
+  ] }), $[24] = t14, $[25] = t9, $[26] = t15) : t15 = $[26], t15;
+}
+function IndexStatus(t0) {
+  const $ = c(14), {
+    selectedIndex
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { size: 1, muted: !0, children: "Status" }) }), $[0] = t1) : t1 = $[0];
+  let t2;
+  $[1] !== selectedIndex.status ? (t2 = /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+    t1,
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsx(Text, { children: selectedIndex.status }) })
+  ] }), $[1] = selectedIndex.status, $[2] = t2) : t2 = $[2];
+  let t3;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { size: 1, muted: !0, children: "Indexing progress" }) }), $[3] = t3) : t3 = $[3];
+  const t4 = selectedIndex.startDocumentCount - selectedIndex.remainingDocumentCount;
+  let t5;
+  $[4] !== selectedIndex.startDocumentCount || $[5] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, { gap: 5, align: "center", children: [
+    t3,
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsxs(Text, { children: [
+      t4,
+      " /",
+      " ",
+      selectedIndex.startDocumentCount
+    ] }) })
+  ] }), $[4] = selectedIndex.startDocumentCount, $[5] = t4, $[6] = t5) : t5 = $[6];
+  let t6;
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { size: 1, muted: !0, children: "Failed documents" }) }), $[7] = t6) : t6 = $[7];
+  let t7;
+  $[8] !== selectedIndex.failedDocumentCount ? (t7 = /* @__PURE__ */ jsxs(Flex, { gap: 5, align: "center", children: [
+    t6,
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsx(Text, { children: selectedIndex.failedDocumentCount }) })
+  ] }), $[8] = selectedIndex.failedDocumentCount, $[9] = t7) : t7 = $[9];
+  let t8;
+  return $[10] !== t2 || $[11] !== t5 || $[12] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Stack, { space: 4, flex: 1, children: [
+    t2,
+    t5,
+    t7
+  ] }), $[10] = t2, $[11] = t5, $[12] = t7, $[13] = t8) : t8 = $[13], t8;
 }
 function IndexList(props) {
-  const { loading, selectedIndex, indexes, onIndexSelected } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "default", style: { opacity: loading ? 0.5 : 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { borderBottom: !0, flex: 1, paddingBottom: 2, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, children: "Index name" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, children: "Dataset" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, children: "Status" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, children: "Progress" }) })
-    ] }) }),
-    indexes.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, style: { maxHeight: 200, overflow: "auto" }, children: indexes.map((index) => /* @__PURE__ */ jsxRuntime.jsx(
-      IndexRow,
-      {
-        selectedIndex,
-        index,
-        onIndexSelected
-      },
-      index.indexName
-    )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, children: "No indexes found." })
-  ] }) });
+  const $ = c(13), {
+    loading,
+    selectedIndex,
+    indexes,
+    onIndexSelected
+  } = props, t0 = loading ? 0.5 : 1;
+  let t1;
+  $[0] !== t0 ? (t1 = {
+    opacity: t0
+  }, $[0] = t0, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { muted: !0, children: "Index name" }) }), $[2] = t2) : t2 = $[2];
+  let t3;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { muted: !0, children: "Dataset" }) }), $[3] = t3) : t3 = $[3];
+  let t4;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { muted: !0, children: "Status" }) }), $[4] = t4) : t4 = $[4];
+  let t5;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, flex: 1, paddingBottom: 2, padding: 3, children: /* @__PURE__ */ jsxs(Flex, { children: [
+    t2,
+    t3,
+    t4,
+    /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Label, { muted: !0, children: "Progress" }) })
+  ] }) }), $[5] = t5) : t5 = $[5];
+  let t6;
+  $[6] !== indexes || $[7] !== onIndexSelected || $[8] !== selectedIndex ? (t6 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t5,
+    indexes.length ? /* @__PURE__ */ jsx(Stack, { space: 2, style: {
+      maxHeight: 200,
+      overflow: "auto"
+    }, children: indexes.map((index) => /* @__PURE__ */ jsx(IndexRow, { selectedIndex, index, onIndexSelected }, index.indexName)) }) : /* @__PURE__ */ jsx(Text, { muted: !0, children: "No indexes found." })
+  ] }), $[6] = indexes, $[7] = onIndexSelected, $[8] = selectedIndex, $[9] = t6) : t6 = $[9];
+  let t7;
+  return $[10] !== t1 || $[11] !== t6 ? (t7 = /* @__PURE__ */ jsx(Card, { tone: "default", style: t1, children: t6 }), $[10] = t1, $[11] = t6, $[12] = t7) : t7 = $[12], t7;
 }
 function IndexRow(props) {
-  const { selectedIndex, index, onIndexSelected } = props, onSelect = React.useCallback(() => onIndexSelected(index), [onIndexSelected, index]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
-    {
-      tone: selectedIndex?.indexName === index.indexName ? "primary" : "default",
-      mode: selectedIndex?.indexName === index.indexName ? "default" : "ghost",
-      onClick: onSelect,
-      padding: 3,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: index.indexName }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: index.dataset }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: index.status }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { flex: 1, children: [
-          index.startDocumentCount ? Math.floor(
-            (index.startDocumentCount - index.remainingDocumentCount) / index.startDocumentCount * 100
-          ) : "?",
-          "%"
-        ] })
-      ] })
-    },
-    index.indexName
-  );
+  const $ = c(22), {
+    selectedIndex,
+    index,
+    onIndexSelected
+  } = props;
+  let t0;
+  $[0] !== index || $[1] !== onIndexSelected ? (t0 = () => onIndexSelected(index), $[0] = index, $[1] = onIndexSelected, $[2] = t0) : t0 = $[2];
+  const onSelect = t0, t1 = selectedIndex?.indexName === index.indexName ? "primary" : "default", t2 = selectedIndex?.indexName === index.indexName ? "default" : "ghost";
+  let t3;
+  $[3] !== index.indexName ? (t3 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx("strong", { children: index.indexName }) }), $[3] = index.indexName, $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] !== index.dataset ? (t4 = /* @__PURE__ */ jsx(Box, { flex: 1, children: index.dataset }), $[5] = index.dataset, $[6] = t4) : t4 = $[6];
+  let t5;
+  $[7] !== index.status ? (t5 = /* @__PURE__ */ jsx(Box, { flex: 1, children: index.status }), $[7] = index.status, $[8] = t5) : t5 = $[8];
+  const t6 = index.startDocumentCount ? Math.floor((index.startDocumentCount - index.remainingDocumentCount) / index.startDocumentCount * 100) : "?";
+  let t7;
+  $[9] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
+    t6,
+    "%"
+  ] }), $[9] = t6, $[10] = t7) : t7 = $[10];
+  let t8;
+  $[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Flex, { children: [
+    t3,
+    t4,
+    t5,
+    t7
+  ] }), $[11] = t3, $[12] = t4, $[13] = t5, $[14] = t7, $[15] = t8) : t8 = $[15];
+  let t9;
+  return $[16] !== index.indexName || $[17] !== onSelect || $[18] !== t1 || $[19] !== t2 || $[20] !== t8 ? (t9 = /* @__PURE__ */ jsx(Button, { tone: t1, mode: t2, onClick: onSelect, padding: 3, children: t8 }, index.indexName), $[16] = index.indexName, $[17] = onSelect, $[18] = t1, $[19] = t2, $[20] = t8, $[21] = t9) : t9 = $[21], t9;
 }
 function EmbeddingsIndexTool() {
-  const featureState = useIsFeatureEnabled();
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "center", flex: 1, children: [
-    featureState === "error" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(FeatureError, {}) }) : null,
-    featureState === "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(FeatureDisabledNotice, { urlSuffix: "?ref=embeddings-tab" }) }) : null,
-    featureState === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { size: 4 }) }) : null,
-    featureState === "enabled" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { flex: 1, style: { maxWidth: 1200 }, padding: 5, children: /* @__PURE__ */ jsxRuntime.jsx(Indexes, {}) }) : null
-  ] }) });
+  const $ = c(13), featureState = useIsFeatureEnabled();
+  let t0;
+  $[0] !== featureState ? (t0 = featureState === "error" ? /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(FeatureError, {}) }) : null, $[0] = featureState, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== featureState ? (t1 = featureState === "disabled" ? /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(FeatureDisabledNotice, { urlSuffix: "?ref=embeddings-tab" }) }) : null, $[2] = featureState, $[3] = t1) : t1 = $[3];
+  let t2;
+  $[4] !== featureState ? (t2 = featureState === "loading" ? /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsx(Spinner, { size: 4 }) }) : null, $[4] = featureState, $[5] = t2) : t2 = $[5];
+  let t3;
+  $[6] !== featureState ? (t3 = featureState === "enabled" ? /* @__PURE__ */ jsx(Card, { flex: 1, style: {
+    maxWidth: 1200
+  }, padding: 5, children: /* @__PURE__ */ jsx(Indexes, {}) }) : null, $[6] = featureState, $[7] = t3) : t3 = $[7];
+  let t4;
+  return $[8] !== t0 || $[9] !== t1 || $[10] !== t2 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsx(Card, { flex: 1, children: /* @__PURE__ */ jsxs(Flex, { justify: "center", flex: 1, children: [
+    t0,
+    t1,
+    t2,
+    t3
+  ] }) }), $[8] = t0, $[9] = t1, $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
 }
 const NO_INDEXES = [];
 function Indexes() {
-  const client = useApiClient(), [indexes, setIndexes] = React.useState(NO_INDEXES), [loading, setLoading] = React.useState(!1), [error, setError] = React.useState(!1), [createIndexOpen, setCreateIndexOpen] = React.useState(!1), [selectedIndex, setSelectedIndex] = React.useState(void 0), onCreateIndexClose = React.useCallback(() => setCreateIndexOpen(!1), []);
-  React.useEffect(() => {
+  const $ = c(48), client = useApiClient(), [indexes, setIndexes] = useState(NO_INDEXES), [loading, setLoading] = useState(!1), [error, setError] = useState(!1), [createIndexOpen, setCreateIndexOpen] = useState(!1), [selectedIndex, setSelectedIndex] = useState(void 0);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setCreateIndexOpen(!1), $[0] = t0) : t0 = $[0];
+  const onCreateIndexClose = t0;
+  let t1;
+  $[1] !== indexes || $[2] !== selectedIndex?.indexName ? (t1 = () => {
     setSelectedIndex(indexes.find((i) => i.indexName === selectedIndex?.indexName));
-  }, [indexes, selectedIndex]);
-  const updateIndexes = React.useCallback(() => {
+  }, $[1] = indexes, $[2] = selectedIndex?.indexName, $[3] = t1) : t1 = $[3];
+  let t2;
+  $[4] !== indexes || $[5] !== selectedIndex ? (t2 = [indexes, selectedIndex], $[4] = indexes, $[5] = selectedIndex, $[6] = t2) : t2 = $[6], useEffect(t1, t2);
+  let t3;
+  $[7] !== client ? (t3 = () => {
     setLoading(!0), setError(!1), getIndexes(client).then((response) => {
       setLoading(!1), setIndexes(response);
     }).catch((e) => {
@@ -2155,78 +723,77 @@ function Indexes() {
     }).finally(() => {
       setLoading(!1);
     });
-  }, [client]), deleteNamedIndex = React.useCallback(
-    (index) => {
-      confirm(`Are you sure you want to delete ${index.indexName} for dataset ${index.dataset}?`) && (setLoading(!0), setError(!1), deleteIndex(index.indexName, client).then(() => {
-        setTimeout(() => updateIndexes());
-      }).catch((e) => {
-        console.error(e), setError(!0);
-      }).finally(() => {
-        setLoading(!1);
-      }));
-    },
-    [client, updateIndexes]
-  ), onSelectIndex = React.useCallback(
-    (index) => {
-      setSelectedIndex(index), updateIndexes();
-    },
-    [setSelectedIndex, updateIndexes]
-  );
-  React.useEffect(() => {
+  }, $[7] = client, $[8] = t3) : t3 = $[8];
+  const updateIndexes = t3;
+  let t4;
+  $[9] !== client || $[10] !== updateIndexes ? (t4 = (index) => {
+    confirm(`Are you sure you want to delete ${index.indexName} for dataset ${index.dataset}?`) && (setLoading(!0), setError(!1), deleteIndex(index.indexName, client).then(() => {
+      setTimeout(() => updateIndexes());
+    }).catch((e_0) => {
+      console.error(e_0), setError(!0);
+    }).finally(() => {
+      setLoading(!1);
+    }));
+  }, $[9] = client, $[10] = updateIndexes, $[11] = t4) : t4 = $[11];
+  const deleteNamedIndex = t4;
+  let t5;
+  $[12] !== updateIndexes ? (t5 = (index_0) => {
+    setSelectedIndex(index_0), updateIndexes();
+  }, $[12] = updateIndexes, $[13] = t5) : t5 = $[13];
+  const onSelectIndex = t5;
+  let t6, t7;
+  $[14] !== updateIndexes ? (t6 = () => {
     updateIndexes();
-  }, [updateIndexes]);
-  const openCreate = React.useCallback(() => setCreateIndexOpen(!0), []), onSubmit = React.useCallback(
-    (index) => {
-      setIndexes((current) => [...current, index]), setSelectedIndex(index), updateIndexes();
-    },
-    [updateIndexes]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", style: { height: 30 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { size: 1, children: "Embeddings indexes" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { justifySelf: "flex-end" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          icon: icons.AddIcon,
-          text: "New index",
-          tone: "default",
-          mode: "ghost",
-          onClick: openCreate
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          size: 1,
-          icon: loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) : icons.UndoIcon,
-          title: "Refresh index list",
-          tone: "default",
-          mode: "bleed",
-          onClick: updateIndexes,
-          disabled: loading
-        }
-      )
-    ] }),
-    error ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "critical", padding: 2, border: !0, children: "An error occurred. See console for details." }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      IndexList,
-      {
-        loading,
-        indexes,
-        selectedIndex,
-        onIndexSelected: onSelectIndex
-      }
-    ),
-    selectedIndex && /* @__PURE__ */ jsxRuntime.jsx(IndexInfo, { selectedIndex, onDeleteIndex: deleteNamedIndex }),
-    /* @__PURE__ */ jsxRuntime.jsx(EditIndexDialog, { open: createIndexOpen, onClose: onCreateIndexClose, onSubmit })
-  ] });
+  }, t7 = [updateIndexes], $[14] = updateIndexes, $[15] = t6, $[16] = t7) : (t6 = $[15], t7 = $[16]), useEffect(t6, t7);
+  let t8;
+  $[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => setCreateIndexOpen(!0), $[17] = t8) : t8 = $[17];
+  const openCreate = t8;
+  let t9;
+  $[18] !== updateIndexes ? (t9 = (index_1) => {
+    setIndexes((current) => [...current, index_1]), setSelectedIndex(index_1), updateIndexes();
+  }, $[18] = updateIndexes, $[19] = t9) : t9 = $[19];
+  const onSubmit = t9;
+  let t10;
+  $[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = {
+    height: 30
+  }, $[20] = t10) : t10 = $[20];
+  let t11;
+  $[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Heading, { size: 1, children: "Embeddings indexes" }) }), $[21] = t11) : t11 = $[21];
+  let t12;
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(Box, { style: {
+    justifySelf: "flex-end"
+  }, children: /* @__PURE__ */ jsx(Button, { icon: AddIcon, text: "New index", tone: "default", mode: "ghost", onClick: openCreate }) }), $[22] = t12) : t12 = $[22];
+  let t13;
+  $[23] !== loading ? (t13 = loading ? /* @__PURE__ */ jsx(Spinner, {}) : UndoIcon, $[23] = loading, $[24] = t13) : t13 = $[24];
+  let t14;
+  $[25] !== loading || $[26] !== t13 || $[27] !== updateIndexes ? (t14 = /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", style: t10, children: [
+    t11,
+    t12,
+    /* @__PURE__ */ jsx(Button, { size: 1, icon: t13, title: "Refresh index list", tone: "default", mode: "bleed", onClick: updateIndexes, disabled: loading })
+  ] }), $[25] = loading, $[26] = t13, $[27] = updateIndexes, $[28] = t14) : t14 = $[28];
+  let t15;
+  $[29] !== error ? (t15 = error ? /* @__PURE__ */ jsx(Card, { tone: "critical", padding: 2, border: !0, children: "An error occurred. See console for details." }) : null, $[29] = error, $[30] = t15) : t15 = $[30];
+  let t16;
+  $[31] !== indexes || $[32] !== loading || $[33] !== onSelectIndex || $[34] !== selectedIndex ? (t16 = /* @__PURE__ */ jsx(IndexList, { loading, indexes, selectedIndex, onIndexSelected: onSelectIndex }), $[31] = indexes, $[32] = loading, $[33] = onSelectIndex, $[34] = selectedIndex, $[35] = t16) : t16 = $[35];
+  let t17;
+  $[36] !== deleteNamedIndex || $[37] !== selectedIndex ? (t17 = selectedIndex && /* @__PURE__ */ jsx(IndexInfo, { selectedIndex, onDeleteIndex: deleteNamedIndex }), $[36] = deleteNamedIndex, $[37] = selectedIndex, $[38] = t17) : t17 = $[38];
+  let t18;
+  $[39] !== createIndexOpen || $[40] !== onSubmit ? (t18 = /* @__PURE__ */ jsx(EditIndexDialog, { open: createIndexOpen, onClose: onCreateIndexClose, onSubmit }), $[39] = createIndexOpen, $[40] = onSubmit, $[41] = t18) : t18 = $[41];
+  let t19;
+  return $[42] !== t14 || $[43] !== t15 || $[44] !== t16 || $[45] !== t17 || $[46] !== t18 ? (t19 = /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    t14,
+    t15,
+    t16,
+    t17,
+    t18
+  ] }), $[42] = t14, $[43] = t15, $[44] = t16, $[45] = t17, $[46] = t18, $[47] = t19) : t19 = $[47], t19;
 }
 const embeddingsIndexTool = {
   name: "embeddings-index",
   title: "Embeddings",
-  icon: icons.EarthGlobeIcon,
+  icon: EarthGlobeIcon,
   component: EmbeddingsIndexTool
-}, embeddingsIndexDashboard = sanity.definePlugin({
+}, embeddingsIndexDashboard = definePlugin({
   name: "@sanity/embeddings-index-dashboard",
   tools: [embeddingsIndexTool]
 });
@@ -2234,118 +801,119 @@ function publicId(id) {
   return id.replace("drafts.", "");
 }
 function useEmeddingsConfig(embeddingsIndexConfig, defaultConfig) {
-  return React.useMemo(() => {
+  const $ = c(3);
+  let t0;
+  bb0: {
     if (embeddingsIndexConfig === !0 || !embeddingsIndexConfig) {
       if (!defaultConfig?.indexName)
-        throw new Error(
-          "Default embeddingsIndex config is missing. When options.embeddingsIndex: true, embeddingsIndexReferenceInput plugin config is required."
-        );
-      return defaultConfig;
+        throw new Error("Default embeddingsIndex config is missing. When options.embeddingsIndex: true, embeddingsIndexReferenceInput plugin config is required.");
+      t0 = defaultConfig;
+      break bb0;
     }
-    const finalConfig = {
+    let t1;
+    $[0] !== defaultConfig || $[1] !== embeddingsIndexConfig ? (t1 = {
       ...defaultConfig,
       ...embeddingsIndexConfig
-    };
+    }, $[0] = defaultConfig, $[1] = embeddingsIndexConfig, $[2] = t1) : t1 = $[2];
+    const finalConfig = t1;
     if (!finalConfig?.indexName)
-      throw new Error(
-        "indexName is missing. Either set it in options.embeddingsIndex or configure defaults using plugin config."
-      );
-    return finalConfig;
-  }, [defaultConfig, embeddingsIndexConfig]);
+      throw new Error("indexName is missing. Either set it in options.embeddingsIndex or configure defaults using plugin config.");
+    t0 = finalConfig;
+  }
+  return t0;
 }
 function SemanticSearchReferenceInput(props) {
-  const embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex, config2 = useEmeddingsConfig(embeddingsIndexConfig, props.defaultConfig), defaultEnabled = config2.searchMode === "embeddings", featureState = useIsFeatureEnabledContext(), [semantic, setSemantic] = React.useState(defaultEnabled), toggleSemantic = React.useCallback(() => setSemantic((current) => !current), []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, flex: 1, style: { width: "100%" }, children: [
-    semantic && featureState == "loading" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : null,
-    semantic && featureState == "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(FeatureDisabledNotice, { urlSuffix: "?ref=embeddings-ref" }) : null,
-    semantic && featureState === "error" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(FeatureError, {}) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, style: { maxHeight: 36, overflow: "hidden" }, children: semantic && featureState == "enabled" ? /* @__PURE__ */ jsxRuntime.jsx(SemanticSearchInput, { ...props, indexConfig: config2 }) : props.renderDefault(props) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        icon: semantic ? icons.EarthGlobeIcon : icons.LinkIcon,
-        onClick: toggleSemantic,
-        mode: "bleed",
-        title: semantic ? "Switch to standard reference search" : "Switch to semantic reference search"
-      }
-    )
-  ] });
+  const $ = c(28), embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex, config = useEmeddingsConfig(embeddingsIndexConfig, props.defaultConfig), defaultEnabled = config.searchMode === "embeddings", featureState = useIsFeatureEnabledContext(), [semantic, setSemantic] = useState(defaultEnabled);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setSemantic(_temp), $[0] = t0) : t0 = $[0];
+  const toggleSemantic = t0;
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    width: "100%"
+  }, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] !== featureState || $[3] !== semantic ? (t2 = semantic && featureState == "loading" ? /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Spinner, {}) }) : null, $[2] = featureState, $[3] = semantic, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== featureState || $[6] !== semantic ? (t3 = semantic && featureState == "disabled" ? /* @__PURE__ */ jsx(FeatureDisabledNotice, { urlSuffix: "?ref=embeddings-ref" }) : null, $[5] = featureState, $[6] = semantic, $[7] = t3) : t3 = $[7];
+  let t4;
+  $[8] !== featureState || $[9] !== semantic ? (t4 = semantic && featureState === "error" ? /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(FeatureError, {}) }) : null, $[8] = featureState, $[9] = semantic, $[10] = t4) : t4 = $[10];
+  let t5;
+  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+    maxHeight: 36,
+    overflow: "hidden"
+  }, $[11] = t5) : t5 = $[11];
+  let t6;
+  $[12] !== config || $[13] !== featureState || $[14] !== props || $[15] !== semantic ? (t6 = semantic && featureState == "enabled" ? /* @__PURE__ */ jsx(SemanticSearchInput, { ...props, indexConfig: config }) : props.renderDefault(props), $[12] = config, $[13] = featureState, $[14] = props, $[15] = semantic, $[16] = t6) : t6 = $[16];
+  let t7;
+  $[17] !== t6 ? (t7 = /* @__PURE__ */ jsx(Box, { flex: 1, style: t5, children: t6 }), $[17] = t6, $[18] = t7) : t7 = $[18];
+  const t8 = semantic ? EarthGlobeIcon : LinkIcon, t9 = semantic ? "Switch to standard reference search" : "Switch to semantic reference search";
+  let t10;
+  $[19] !== t8 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsx(Button, { icon: t8, onClick: toggleSemantic, mode: "bleed", title: t9 }), $[19] = t8, $[20] = t9, $[21] = t10) : t10 = $[21];
+  let t11;
+  return $[22] !== t10 || $[23] !== t2 || $[24] !== t3 || $[25] !== t4 || $[26] !== t7 ? (t11 = /* @__PURE__ */ jsxs(Flex, { gap: 2, flex: 1, style: t1, children: [
+    t2,
+    t3,
+    t4,
+    t7,
+    t10
+  ] }), $[22] = t10, $[23] = t2, $[24] = t3, $[25] = t4, $[26] = t7, $[27] = t11) : t11 = $[27], t11;
+}
+function _temp(current) {
+  return !current;
 }
 function SemanticSearchInput(props) {
-  const { indexConfig, onPathFocus, onChange, readOnly, schemaType, value } = props, { value: currentDocument } = desk.useDocumentPane(), docRef = React.useRef(currentDocument), autocompleteRef = React.useRef(null);
-  React.useEffect(() => {
+  const {
+    indexConfig,
+    onPathFocus,
+    onChange,
+    readOnly,
+    schemaType,
+    value
+  } = props, {
+    value: currentDocument
+  } = useDocumentPane(), docRef = useRef(currentDocument), autocompleteRef = useRef(null);
+  useEffect(() => {
     docRef.current = currentDocument;
-  }, [currentDocument]), React.useEffect(() => {
+  }, [currentDocument]), useEffect(() => {
     value?._ref && autocompleteRef.current?.focus();
   }, []);
-  const handleFocus = React.useCallback(() => onPathFocus(["_ref"]), [onPathFocus]), handleBlur = React.useCallback(() => onPathFocus([]), [onPathFocus]), handleChange = React.useCallback(
-    (result) => {
-      if (!result) {
-        onChange(sanity.unset()), onPathFocus([]);
-        return;
-      }
-      const patches = [
-        sanity.setIfMissing({}),
-        sanity.set(schemaType.name, ["_type"]),
-        sanity.set(publicId(result.value.documentId), ["_ref"]),
-        sanity.unset(["_weak"]),
-        sanity.unset(["_strengthenOnPublish"])
-      ];
-      onChange(patches), onPathFocus([]);
-    },
-    [onChange, onPathFocus, schemaType.name]
-  ), filterResult = React.useCallback(
-    (r) => r.value.documentId !== publicId(docRef.current._id),
-    [docRef]
-  ), getEmptySearchValue = React.useCallback(() => JSON.stringify(docRef.current), [docRef]), typeFilter = React.useMemo(
-    () => schemaType.to.map((refType) => refType.name),
-    [schemaType]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SemanticSearchAutocomplete,
-    {
-      ref: autocompleteRef,
-      typeFilter,
-      indexConfig,
-      onSelect: handleChange,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      getEmptySearchValue,
-      filterResult,
-      readOnly
+  const handleFocus = useCallback(() => onPathFocus(["_ref"]), [onPathFocus]), handleBlur = useCallback(() => onPathFocus([]), [onPathFocus]), handleChange = useCallback((result) => {
+    if (!result) {
+      onChange(unset()), onPathFocus([]);
+      return;
     }
-  );
+    const patches = [setIfMissing({}), set(schemaType.name, ["_type"]), set(publicId(result.value.documentId), ["_ref"]), unset(["_weak"]), unset(["_strengthenOnPublish"])];
+    onChange(patches), onPathFocus([]);
+  }, [onChange, onPathFocus, schemaType.name]), filterResult = useCallback((r) => {
+    const currentId = docRef.current?._id;
+    return !currentId || r.value.documentId !== publicId(currentId);
+  }, [docRef]), getEmptySearchValue = useCallback(() => JSON.stringify(docRef.current), [docRef]), typeFilter = useMemo(() => schemaType.to.map((refType) => refType.name), [schemaType]);
+  return /* @__PURE__ */ jsx(SemanticSearchAutocomplete, { ref: autocompleteRef, typeFilter, indexConfig, onSelect: handleChange, onFocus: handleFocus, onBlur: handleBlur, getEmptySearchValue, filterResult, readOnly });
 }
-const embeddingsIndexReferenceInput = sanity.definePlugin(
-  (defaultConfig) => {
-    const config2 = typeof defaultConfig == "object" ? defaultConfig : void 0;
-    return {
-      name: "@sanity/embeddings-index-reference-input",
-      studio: {
-        components: {
-          layout: (props) => /* @__PURE__ */ jsxRuntime.jsx(FeatureEnabledProvider, { children: props.renderDefault(props) })
-        }
-      },
-      form: {
-        components: {
-          input: (props) => {
-            const embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex;
-            return sanity.isObjectInputProps(props) && isType(props.schemaType, "reference") && (embeddingsIndexConfig === !0 || embeddingsIndexConfig?.indexName) ? /* @__PURE__ */ jsxRuntime.jsx(
-              SemanticSearchReferenceInput,
-              {
-                ...props,
-                defaultConfig: config2
-              }
-            ) : props.renderDefault(props);
-          }
+const embeddingsIndexReferenceInput = definePlugin((defaultConfig) => {
+  const config = typeof defaultConfig == "object" ? defaultConfig : void 0;
+  return {
+    name: "@sanity/embeddings-index-reference-input",
+    studio: {
+      components: {
+        layout: (props) => /* @__PURE__ */ jsx(FeatureEnabledProvider, { children: props.renderDefault(props) })
+      }
+    },
+    form: {
+      components: {
+        input: (props) => {
+          const embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex;
+          return isObjectInputProps(props) && isType(props.schemaType, "reference") && (embeddingsIndexConfig === !0 || embeddingsIndexConfig?.indexName) ? /* @__PURE__ */ jsx(SemanticSearchReferenceInput, { ...props, defaultConfig: config }) : props.renderDefault(props);
         }
       }
-    };
-  }
-);
-exports.deleteIndex = deleteIndex;
-exports.embeddingsIndexDashboard = embeddingsIndexDashboard;
-exports.embeddingsIndexReferenceInput = embeddingsIndexReferenceInput;
-exports.getIndexes = getIndexes;
-exports.queryIndex = queryIndex;
+    }
+  };
+});
+export {
+  deleteIndex,
+  embeddingsIndexDashboard,
+  embeddingsIndexReferenceInput,
+  getIndexes,
+  queryIndex
+};
 //# sourceMappingURL=index.js.map