@upstash/react-redis-browser 0.2.14-rc.8 → 0.2.14-rc.9

package/dist/index.css

@@ -1185,6 +1185,9 @@
 .ups-db .max-w-32 {
   max-width: 8rem;
 }
+.ups-db .max-w-4xl {
+  max-width: 56rem;
+}
 .ups-db .max-w-\[370px\] {
   max-width: 370px;
 }
@@ -1639,6 +1642,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-500) / var(--tw-bg-opacity));
 }
+.ups-db .bg-emerald-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
+}
 .ups-db .bg-emerald-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-800) / var(--tw-bg-opacity));
@@ -1847,6 +1854,9 @@
   padding-top: 5px;
   padding-bottom: 5px;
 }
+.ups-db .pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
 .ups-db .pb-5 {
   padding-bottom: 1.25rem;
 }
@@ -2452,6 +2462,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-emerald-600) / var(--tw-bg-opacity));
 }
+.ups-db .hover\:bg-emerald-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-emerald-700) / var(--tw-bg-opacity));
+}
 .ups-db .hover\:bg-red-500\/90:hover {
   background-color: rgb(var(--color-red-500) / 0.9);
 }
@@ -2476,10 +2490,6 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-50) / var(--tw-bg-opacity));
 }
-.ups-db .hover\:bg-zinc-800:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--color-zinc-800) / var(--tw-bg-opacity));
-}
 .ups-db .hover\:text-red-500:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--color-red-500) / var(--tw-text-opacity));
@@ -2809,6 +2819,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-zinc-200) / var(--tw-bg-opacity));
 }
+.ups-db .dark\:bg-zinc-300:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-zinc-300) / var(--tw-bg-opacity));
+}
 .ups-db .dark\:text-red-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(var(--color-red-400) / var(--tw-text-opacity));

package/dist/index.js

@@ -6973,7 +6973,7 @@ var EditorDisplay = ({ dataKey, type }) => {
   const { data } = useFetchSimpleKey(dataKey, type);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-col gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DisplayHeader, { dataKey, type, content: _nullishCoalesce(data, () => ( void 0)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full grow flex-col gap-2 rounded-md bg-zinc-100", children: data === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { isLoadingText: "", isLoading: true }) : data === null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditorDisplayForm, { dataKey, type, data }, dataKey) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full grow flex-col gap-2 rounded-md", children: data === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { isLoadingText: "", isLoading: true }) : data === null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditorDisplayForm, { dataKey, type, data }, dataKey) })
   ] });
 };
 var EditorDisplayForm = ({
@@ -7020,7 +7020,7 @@ var DataDisplay = () => {
   const { selectedKey } = useTab();
   const { query } = useKeys();
   const type = useKeyType(selectedKey);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full rounded-xl bg-zinc-100 p-5", children: !selectedKey ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : !type ? query.isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-zinc-500", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full rounded-xl bg-zinc-100 p-5 dark:bg-zinc-200", children: !selectedKey ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : !type ? query.isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-zinc-500", children: [
     "Unrecognized key type: ",
     type
   ] }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: SIMPLE_DATA_TYPES.includes(type) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EditorDisplay, { dataKey: selectedKey, type }) : type === "search" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchDisplay, { indexName: selectedKey }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ListDisplay, { dataKey: selectedKey, type }) }) });
@@ -7191,7 +7191,7 @@ var EditIndexModal = ({
   ] }) });
 };
 
-// src/components/databrowser/components/sidebar/search-input.tsx
+// src/components/databrowser/components/header/search-input.tsx
 
 
 
@@ -7316,7 +7316,7 @@ var SearchInput = () => {
   ] });
 };
 
-// src/components/databrowser/components/sidebar/type-selector.tsx
+// src/components/databrowser/components/header/type-selector.tsx
 
 var ALL_TYPES_KEY = "all";
 function DataTypeSelector({ allowSearch }) {
@@ -7391,8 +7391,14 @@ var IndexSelector = () => {
     valuesSearch: { index },
     setValuesSearchIndex
   } = useTab();
-  const { data: indexes } = useFetchSearchIndexes();
+  const { data: indexes, isLoading } = useFetchSearchIndexes();
   const [open, setOpen] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!indexes || isLoading) return;
+    if (index && !indexes.includes(index)) {
+      setValuesSearchIndex("");
+    }
+  }, [indexes, index, isLoading, setValuesSearchIndex]);
   const [search, setSearch] = _react.useState.call(void 0, "");
   const [editingIndex, setEditingIndex] = _react.useState.call(void 0, null);
   const filteredIndexes = _optionalChain([indexes, 'optionalAccess', _84 => _84.filter, 'call', _85 => _85((idx) => idx.toLowerCase().includes(search.toLowerCase()))]);
@@ -7562,6 +7568,9 @@ var HeaderError = () => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-red-600 dark:text-red-400", children: formatUpstashErrorMessage(query.error) });
 };
 
+// src/components/databrowser/components/query-builder.tsx
+
+
 // src/components/databrowser/components/search/query-editor.tsx
 
 
@@ -8194,17 +8203,32 @@ var QueryBuilder = () => {
   const { valuesSearch, setValuesSearchQuery } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const editorValue = PREFIX + (valuesSearch.query || "{}");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    QueryEditor,
-    {
-      value: editorValue,
-      onChange: (value) => {
-        const queryPart = value.slice(PREFIX.length);
-        setValuesSearchQuery(queryPart);
-      },
-      schema: indexDetails
-    }
-  ) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col rounded-lg border border-zinc-300 bg-white px-[6px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      QueryEditor,
+      {
+        value: editorValue,
+        onChange: (value) => {
+          const queryPart = value.slice(PREFIX.length);
+          setValuesSearchQuery(queryPart);
+        },
+        schema: indexDetails
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-end px-2 pb-1.5", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "a",
+      {
+        href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/overview",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "flex items-center gap-1 text-xs text-zinc-400 transition-colors hover:text-zinc-600",
+        children: [
+          "Docs",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconExternalLink, { size: 12 })
+        ]
+      }
+    ) })
+  ] });
 };
 
 // src/components/databrowser/components/search-empty-state.tsx
@@ -8459,63 +8483,61 @@ var ImportSampleDatasetModal = ({
 
 var SearchEmptyState = () => {
   const [importModalOpen, setImportModalOpen] = _react.useState.call(void 0, false);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 justify-center", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-6 max-w-md text-sm leading-relaxed text-zinc-600", children: "Redis Search allows you to create indexes on your existing keys and perform fast, full-text searches across your data." }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2.5", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconDatabase, { size: 16 }) }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
-              ] })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconCode, { size: 16 }) }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
-              ] })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconSearch, { size: 16 }) }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
-              ] })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto flex h-full max-w-4xl gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImportSampleDatasetModal, { open: importModalOpen, onOpenChange: setImportModalOpen }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-6 max-w-md text-sm leading-relaxed text-zinc-600", children: "Redis Search allows you to create indexes on your existing keys and perform fast, full-text searches across your data." }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconDatabase, { size: 16 }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconCode, { size: 16 }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconSearch, { size: 16 }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
             ] })
           ] })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "a",
-          {
-            href: "https://upstash-search.mintlify.app/redis/search/introduction",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "mt-5 inline-block text-sm text-emerald-600 underline-offset-2 hover:underline",
-            children: "Learn more \u2192"
-          }
-        )
+        ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-72 flex-col items-center justify-center rounded-lg border border-dashed border-zinc-300 bg-white p-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconDownload, { size: 24 }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Get started quickly" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Import a sample dataset to try out Redis Search" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            onClick: () => setImportModalOpen(true),
-            className: "rounded-lg bg-zinc-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-zinc-800",
-            children: "Import a sample dataset"
-          }
-        )
-      ] })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "a",
+        {
+          href: "https://upstash-search.mintlify.app/redis/search/introduction",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "mt-5 inline-block text-sm text-emerald-600 underline-offset-2 hover:underline",
+          children: "Learn more \u2192"
+        }
+      )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImportSampleDatasetModal, { open: importModalOpen, onOpenChange: setImportModalOpen })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-72 flex-col items-center justify-center rounded-lg border bg-gradient-to-b from-zinc-50 to-white p-6 shadow-sm", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconSparkles, { size: 24 }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Try it out" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Load a sample dataset to explore Redis Search" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          onClick: () => setImportModalOpen(true),
+          className: "rounded-lg bg-emerald-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-emerald-700",
+          children: "Load sample data"
+        }
+      )
+    ] })
   ] });
 };
 
@@ -8648,7 +8670,7 @@ var KeysList = () => {
           lastClickedIndexRef
         }
       ),
-      i !== keys.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-200" })
+      i !== keys.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-300" })
     ] }, data[0]))
   ] }) });
 };
@@ -8730,7 +8752,7 @@ function Sidebar() {
       {
         query,
         disableRoundedInherit: true,
-        className: "min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4",
+        className: "min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4 dark:bg-zinc-200",
         scrollBarClassName: "py-5",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysList, {})
       }
@@ -10102,7 +10124,8 @@ var InnerGroup = ({
           "button",
           {
             type: "button",
-            className: "flex h-[26px] w-[26px] items-center justify-center rounded-md border border-zinc-300 text-zinc-500 transition-colors hover:text-zinc-700",
+            disabled: fieldInfos.length === 0,
+            className: "flex h-[26px] w-[26px] items-center justify-center rounded-md border border-zinc-300 text-zinc-500 transition-colors hover:text-zinc-700 disabled:cursor-not-allowed disabled:opacity-50",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconPlus, { size: 16 })
           }
         ) }),
@@ -10554,12 +10577,7 @@ var QueryBuilderContent = () => {
   ] });
 };
 var SearchContent = () => {
-  const { valuesSearch, setValuesSearchIndex } = useTab();
   const { data: indexes, isLoading } = useFetchSearchIndexes();
-  _react.useEffect.call(void 0, () => {
-    if (!indexes || isLoading) return;
-    if (valuesSearch.index && !indexes.includes(valuesSearch.index)) setValuesSearchIndex("");
-  }, [indexes, valuesSearch.index, isLoading, setValuesSearchIndex]);
   if (isLoading) {
     return null;
   }