@upstash/react-redis-browser 0.2.14 → 0.2.16

package/dist/index.mjs

@@ -3466,57 +3466,65 @@ function Toaster() {
 }
 
 // src/components/databrowser/hooks/use-fetch-search-indexes.tsx
-import { useQuery } from "@tanstack/react-query";
+import { useInfiniteQuery } from "@tanstack/react-query";
 
-// src/lib/scan-keys.ts
-async function scanKeys(redis, {
+// src/lib/list-search-indexes.ts
+async function listSearchIndexes(redis, {
   match,
-  type,
-  count: count2 = 100,
-  limit
-} = {}) {
-  let cursor = "0";
-  const result = [];
-  while (true) {
-    const [newCursor, keys] = await redis.scan(cursor, {
-      count: count2,
-      type,
-      match
-    });
-    result.push(...keys);
-    if (limit && result.length >= limit) {
-      return result.slice(0, limit);
-    }
-    if (newCursor === "0") break;
-    cursor = newCursor;
-  }
-  return result;
+  limit,
+  offset = 0
+}) {
+  const args = ["search.listindexes"];
+  if (match) args.push("MATCH", match);
+  args.push("LIMIT", String(limit), "OFFSET", String(offset));
+  const result = await redis.exec(args);
+  return parseListIndexesResponse(result);
+}
+function parseListIndexesResponse(result) {
+  return result.map((entry) => entry[1]);
 }
 
 // src/components/databrowser/hooks/use-fetch-search-indexes.tsx
 var FETCH_SEARCH_INDEXES_QUERY_KEY = "fetch-search-indexes";
+var PAGE_SIZE = 30;
 var useFetchSearchIndexes = ({
   match,
   enabled
 } = {}) => {
   const { redisNoPipeline: redis } = useRedis();
-  return useQuery({
-    queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY],
+  const query = useInfiniteQuery({
+    queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY, match],
     enabled: enabled ?? true,
-    queryFn: () => scanKeys(redis, { match, type: "search" })
+    initialPageParam: 0,
+    queryFn: async ({ pageParam: offset }) => {
+      const names = await listSearchIndexes(redis, { match, limit: PAGE_SIZE, offset });
+      return {
+        names,
+        nextOffset: names.length >= PAGE_SIZE ? offset + names.length : void 0
+      };
+    },
+    getNextPageParam: (lastPage) => lastPage.nextOffset
   });
+  const indexes = query.data?.pages.flatMap((page) => page.names);
+  return {
+    data: indexes,
+    isLoading: query.isLoading || query.isFetching && !query.isFetchingNextPage,
+    hasNextPage: query.hasNextPage,
+    fetchNextPage: query.fetchNextPage,
+    isFetchingNextPage: query.isFetchingNextPage
+  };
 };
 
 // src/components/databrowser/hooks/use-keys.tsx
 import { createContext as createContext5, useContext as useContext5, useMemo as useMemo4 } from "react";
-import { useInfiniteQuery } from "@tanstack/react-query";
+import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
 
 // src/components/databrowser/hooks/use-fetch-key-type.ts
-import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 var FETCH_KEY_TYPE_QUERY_KEY = "fetch-key-type";
 var useFetchKeyType = (key) => {
   const { redis } = useRedis();
-  return useQuery2({
+  return useQuery({
     queryKey: [FETCH_KEY_TYPE_QUERY_KEY, key],
     queryFn: async () => {
       if (!key) return "none";
@@ -3526,11 +3534,11 @@ var useFetchKeyType = (key) => {
 };
 
 // src/components/databrowser/hooks/use-fetch-search-index.tsx
-import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
 var FETCH_SEARCH_INDEX_QUERY_KEY = "fetch-search-index";
 var useFetchSearchIndex = (indexName, { enabled = true } = {}) => {
   const { redisNoPipeline: redis } = useRedis();
-  return useQuery3({
+  return useQuery2({
     queryKey: [FETCH_SEARCH_INDEX_QUERY_KEY, indexName],
     queryFn: async () => {
       if (!indexName) return;
@@ -3586,6 +3594,21 @@ var KeysProvider = ({ children }) => {
     }
     return { cursor: newCursor, keys: keys2 };
   };
+  const redisSearchIndexScan = async ({
+    count: count2,
+    cursor
+  }) => {
+    const offset = Number.parseInt(cursor, 10) || 0;
+    const names = await listSearchIndexes(redis, {
+      match: search.key || void 0,
+      limit: count2,
+      offset
+    });
+    const keys2 = names.map((name) => ({ key: name, type: "search" }));
+    const hasMore = keys2.length >= count2;
+    const nextCursor = hasMore ? String(offset + keys2.length) : "0";
+    return { cursor: nextCursor, keys: keys2 };
+  };
   const redisValueScan = async ({
     count: count2,
     cursor
@@ -3611,7 +3634,7 @@ var KeysProvider = ({ children }) => {
     return { cursor: nextCursor, keys: keys2 };
   };
   const performScan = async (count2, cursor) => {
-    const scanFunction = isValuesSearchSelected ? redisValueScan : redisKeyScan;
+    const scanFunction = isValuesSearchSelected ? redisValueScan : search.type === "search" ? redisSearchIndexScan : redisKeyScan;
     const result = await scanFunction({ count: count2, cursor });
     return [result.cursor, result.keys];
   };
@@ -3626,7 +3649,7 @@ var KeysProvider = ({ children }) => {
       }
     }
   };
-  const query = useInfiniteQuery({
+  const query = useInfiniteQuery2({
     queryKey: [FETCH_KEYS_QUERY_KEY, search, valuesSearch, isValuesSearchSelected],
     enabled: isQueryEnabled,
     initialPageParam: "0",
@@ -4184,10 +4207,14 @@ function parseFieldBuilder(str, fieldName) {
     };
   }
   if (str.startsWith("s.keyword()")) {
-    return "KEYWORD";
+    const fromValue = extractFromValue(str);
+    if (fromValue === void 0) return "KEYWORD";
+    return { type: "KEYWORD", from: fromValue };
   }
   if (str.startsWith("s.facet()")) {
-    return "FACET";
+    const fromValue = extractFromValue(str);
+    if (fromValue === void 0) return "FACET";
+    return { type: "FACET", from: fromValue };
   }
   if (str.startsWith("s.")) {
     const typeMatch = str.match(/^s\.(\w+)\(/);
@@ -4480,6 +4507,18 @@ var useAddKey = () => {
 
 // src/components/databrowser/hooks/use-debounce.ts
 import { useEffect as useEffect3, useState as useState3 } from "react";
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState3(value);
+  useEffect3(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
 
 // src/components/databrowser/hooks/use-delete-key.ts
 import { useMutation as useMutation3 } from "@tanstack/react-query";
@@ -4488,12 +4527,12 @@ import { useMutation as useMutation3 } from "@tanstack/react-query";
 import { useCallback } from "react";
 
 // src/components/databrowser/hooks/use-fetch-list-items.tsx
-import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
+import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 var LIST_DISPLAY_PAGE_SIZE = 50;
 var FETCH_LIST_ITEMS_QUERY_KEY = "use-fetch-list-items";
 var useFetchListItems = ({ dataKey, type }) => {
   const { redisNoPipeline: redis } = useRedis();
-  const setQuery = useInfiniteQuery2({
+  const setQuery = useInfiniteQuery3({
     enabled: type === "set",
     queryKey: [FETCH_LIST_ITEMS_QUERY_KEY, dataKey, "set"],
     initialPageParam: "0",
@@ -4508,7 +4547,7 @@ var useFetchListItems = ({ dataKey, type }) => {
     },
     getNextPageParam: ({ cursor }) => cursor
   });
-  const zsetQuery = useInfiniteQuery2({
+  const zsetQuery = useInfiniteQuery3({
     enabled: type === "zset",
     queryKey: [FETCH_LIST_ITEMS_QUERY_KEY, dataKey, "zset"],
     initialPageParam: 0,
@@ -4526,7 +4565,7 @@ var useFetchListItems = ({ dataKey, type }) => {
     },
     getNextPageParam: ({ cursor }) => cursor
   });
-  const hashQuery = useInfiniteQuery2({
+  const hashQuery = useInfiniteQuery3({
     enabled: type === "hash",
     queryKey: [FETCH_LIST_ITEMS_QUERY_KEY, dataKey, "hash"],
     initialPageParam: "0",
@@ -4541,7 +4580,7 @@ var useFetchListItems = ({ dataKey, type }) => {
     },
     getNextPageParam: ({ cursor }) => cursor
   });
-  const listQuery = useInfiniteQuery2({
+  const listQuery = useInfiniteQuery3({
     enabled: type === "list",
     queryKey: [FETCH_LIST_ITEMS_QUERY_KEY, dataKey, "list"],
     initialPageParam: 0,
@@ -4559,7 +4598,7 @@ var useFetchListItems = ({ dataKey, type }) => {
     },
     getNextPageParam: ({ cursor }) => cursor
   });
-  const streamQuery = useInfiniteQuery2({
+  const streamQuery = useInfiniteQuery3({
     enabled: type === "stream",
     queryKey: [FETCH_LIST_ITEMS_QUERY_KEY, dataKey, "stream"],
     initialPageParam: "-",
@@ -4604,11 +4643,11 @@ function transformArray(inputArray) {
 }
 
 // src/components/databrowser/hooks/use-fetch-simple-key.tsx
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 var FETCH_SIMPLE_KEY_QUERY_KEY = "fetch-simple-key";
 var useFetchSimpleKey = (dataKey, type) => {
   const { redisNoPipeline: redis } = useRedis();
-  return useQuery4({
+  return useQuery3({
     queryKey: [FETCH_SIMPLE_KEY_QUERY_KEY, dataKey],
     queryFn: async () => {
       let result;
@@ -4746,7 +4785,7 @@ var useEditListItem = () => {
         }
         case "stream": {
           if (!isNew || !newKey) throw new Error("Stream data type is not mutable");
-          const opts = transformArray(newValue?.split("\n") ?? []).map(
+          const opts = transformArray((newValue?.split("\n") ?? []).filter(Boolean)).map(
             ({ key, value }) => [key, value]
           );
           pipe.xadd(dataKey, newKey, Object.fromEntries(opts));
@@ -4768,7 +4807,7 @@ var useEditListItem = () => {
 
 // src/components/databrowser/hooks/use-fetch-ttl.ts
 import { useEffect as useEffect6 } from "react";
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
 
 // src/components/databrowser/components/display/ttl-badge.tsx
 import { useEffect as useEffect5, useState as useState5 } from "react";
@@ -4939,7 +4978,7 @@ var TTLBadge = ({
 var FETCH_TTL_QUERY_KEY = "fetch-ttl";
 var useFetchTTL = (dataKey) => {
   const { redis } = useRedis();
-  const { isLoading, error, data } = useQuery5({
+  const { isLoading, error, data } = useQuery4({
     queryKey: [FETCH_TTL_QUERY_KEY, dataKey],
     queryFn: async () => {
       const ttl = await redis.ttl(dataKey);
@@ -5000,11 +5039,11 @@ var useSetTTL = () => {
 };
 
 // src/components/databrowser/hooks/use-fetch-key-length.ts
-import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
 var FETCH_KEY_LENGTH_QUERY_KEY = "fetch-key-length";
 var useFetchKeyLength = ({ dataKey, type }) => {
   const { redis } = useRedis();
-  return useQuery6({
+  return useQuery5({
     queryKey: [FETCH_KEY_LENGTH_QUERY_KEY, dataKey],
     queryFn: async () => {
       switch (type) {
@@ -5033,11 +5072,11 @@ var useFetchKeyLength = ({ dataKey, type }) => {
 };
 
 // src/components/databrowser/hooks/use-fetch-key-size.ts
-import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 var FETCH_KEY_SIZE_QUERY_KEY = "fetch-key-size";
 var useFetchKeySize = (dataKey) => {
   const { redis } = useRedis();
-  return useQuery7({
+  return useQuery6({
     queryKey: [FETCH_KEY_SIZE_QUERY_KEY, dataKey],
     queryFn: async () => {
       return await redis.exec(["MEMORY", "USAGE", dataKey]);
@@ -5079,7 +5118,7 @@ var Badge = ({ children, label }) => /* @__PURE__ */ jsxs9("div", { className: "
   /* @__PURE__ */ jsx22("span", { className: "font-medium", children })
 ] });
 
-// src/components/databrowser/components/display/key-actions.tsx
+// src/components/databrowser/components/display/item-actions.tsx
 import { IconDotsVertical } from "@tabler/icons-react";
 
 // src/components/ui/dropdown-menu.tsx
@@ -5331,7 +5370,7 @@ var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/databrowser/components/delete-key-modal.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 function DeleteKeyModal({
   children,
   onDeleteConfirm,
@@ -5339,7 +5378,9 @@ function DeleteKeyModal({
   onOpenChange,
   deletionType,
   count: count2 = 1,
-  showReindex
+  showReindex,
+  name,
+  nameLabel
 }) {
   const isPlural = count2 > 1;
   const itemLabel = deletionType === "item" ? "Item" : "Key";
@@ -5358,7 +5399,10 @@ function DeleteKeyModal({
         /* @__PURE__ */ jsxs12(DialogDescription, { className: "mt-5", children: [
           "Are you sure you want to delete",
           " ",
-          isPlural ? `these ${count2} ${deletionType}s` : `this ${deletionType}`,
+          name ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+            `${nameLabel ?? deletionType} `,
+            /* @__PURE__ */ jsx26("span", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: nameLabel ? name : `"${name}"` })
+          ] }) : isPlural ? `these ${count2} ${deletionType}s` : `this ${deletionType}`,
           "?",
           /* @__PURE__ */ jsx26("br", {}),
           "This action cannot be undone."
@@ -5409,8 +5453,51 @@ function DeleteKeyModal({
   ] });
 }
 
-// src/components/databrowser/components/display/key-actions.tsx
+// src/components/databrowser/components/display/item-actions.tsx
 import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+function ItemActions({ dataKey, type }) {
+  const { selectedListItem, setSelectedListItem } = useTab();
+  const { mutateAsync: editItem } = useEditListItem();
+  if (!selectedListItem) return;
+  return /* @__PURE__ */ jsxs13(DropdownMenu, { modal: false, children: [
+    /* @__PURE__ */ jsx27(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(Button, { size: "icon-sm", "aria-label": "Item actions", children: /* @__PURE__ */ jsx27(
+      IconDotsVertical,
+      {
+        className: "size-4 text-zinc-500 dark:text-zinc-600",
+        fill: "rgb(var(--color-zinc-500))"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx27(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsx27(
+      DeleteKeyModal,
+      {
+        deletionType: "item",
+        name: selectedListItem.key,
+        nameLabel: type === "list" ? "item at index" : void 0,
+        onDeleteConfirm: async () => {
+          await editItem({
+            type,
+            dataKey,
+            itemKey: selectedListItem.key,
+            newKey: void 0
+          });
+          setSelectedListItem(void 0);
+        },
+        children: /* @__PURE__ */ jsx27(
+          DropdownMenuItem,
+          {
+            className: "text-red-500 focus:bg-red-500 focus:text-white",
+            onSelect: (e) => e.preventDefault(),
+            children: "Delete item"
+          }
+        )
+      }
+    ) })
+  ] });
+}
+
+// src/components/databrowser/components/display/key-actions.tsx
+import { IconDotsVertical as IconDotsVertical2 } from "@tabler/icons-react";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function KeyActions({
   dataKey,
   content,
@@ -5418,16 +5505,16 @@ function KeyActions({
 }) {
   const { mutateAsync: deleteKey } = useDeleteKey();
   const { isValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsxs13(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsx27(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(Button, { size: "icon-sm", "aria-label": "Key actions", children: /* @__PURE__ */ jsx27(
-      IconDotsVertical,
+  return /* @__PURE__ */ jsxs14(DropdownMenu, { modal: false, children: [
+    /* @__PURE__ */ jsx28(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(Button, { size: "icon-sm", "aria-label": "Key actions", children: /* @__PURE__ */ jsx28(
+      IconDotsVertical2,
       {
         className: "size-4 text-zinc-500 dark:text-zinc-600",
         fill: "rgb(var(--color-zinc-500))"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs13(DropdownMenuContent, { className: "", align: "end", children: [
-      content && /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs14(DropdownMenuContent, { className: "", align: "end", children: [
+      content && /* @__PURE__ */ jsx28(
         DropdownMenuItem,
         {
           onClick: () => {
@@ -5439,7 +5526,7 @@ function KeyActions({
           children: "Copy content"
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         DropdownMenuItem,
         {
           onClick: () => {
@@ -5448,15 +5535,16 @@ function KeyActions({
           children: "Copy key"
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         DeleteKeyModal,
         {
           deletionType: "key",
+          name: dataKey,
           showReindex: isValuesSearchSelected && type !== "search",
           onDeleteConfirm: async (_e, options) => {
             await deleteKey({ keys: [dataKey], reindex: options?.reindex });
           },
-          children: /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsx28(
             DropdownMenuItem,
             {
               className: "text-red-500 focus:bg-red-500 focus:text-white",
@@ -5471,45 +5559,47 @@ function KeyActions({
 }
 
 // src/components/databrowser/components/display/display-header.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var DisplayHeader = ({
   dataKey,
   type,
   content,
   hideTypeTag
 }) => {
-  const { setSelectedListItem } = useTab();
+  const { setSelectedListItem, selectedListItem } = useTab();
+  const isListType = type !== "string" && type !== "json" && type !== "search" && type !== "stream";
+  const showItemActions = isListType && Boolean(selectedListItem);
   const handleAddItem = () => {
     setSelectedListItem({ key: type === "stream" ? "*" : "", isNew: true });
   };
-  return /* @__PURE__ */ jsxs14("div", { className: "rounded-lg", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex h-[26px] items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx28("h2", { className: "grow truncate text-sm", children: dataKey.trim() === "" ? /* @__PURE__ */ jsx28("span", { className: "ml-1 text-zinc-500", children: "(Empty Key)" }) : /* @__PURE__ */ jsx28("span", { className: "font-medium text-zinc-950", children: dataKey }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
-        type !== "string" && type !== "json" && type !== "search" && /* @__PURE__ */ jsx28(SimpleTooltip, { content: "Add item", children: /* @__PURE__ */ jsx28(Button, { onClick: handleAddItem, size: "icon-sm", "aria-label": "Add item", children: /* @__PURE__ */ jsx28(IconPlus, { className: "size-4 text-zinc-500 dark:text-zinc-600" }) }) }),
-        /* @__PURE__ */ jsx28(KeyActions, { dataKey, content, type })
+  return /* @__PURE__ */ jsxs15("div", { className: "rounded-lg", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex h-[26px] items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx29("h2", { className: "grow truncate text-sm", children: dataKey.trim() === "" ? /* @__PURE__ */ jsx29("span", { className: "ml-1 text-zinc-500", children: "(Empty Key)" }) : /* @__PURE__ */ jsx29("span", { className: "font-medium text-zinc-950", children: dataKey }) }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
+        type !== "string" && type !== "json" && type !== "search" && !showItemActions && /* @__PURE__ */ jsx29(SimpleTooltip, { content: "Add item", children: /* @__PURE__ */ jsx29(Button, { onClick: handleAddItem, size: "icon-sm", "aria-label": "Add item", children: /* @__PURE__ */ jsx29(IconPlus, { className: "size-4 text-zinc-500 dark:text-zinc-600" }) }) }),
+        showItemActions ? /* @__PURE__ */ jsx29(ItemActions, { dataKey, type }) : selectedListItem ? void 0 : /* @__PURE__ */ jsx29(KeyActions, { dataKey, content, type })
       ] })
     ] }),
-    type === "search" && hideTypeTag ? void 0 : /* @__PURE__ */ jsx28(ScrollArea, { orientation: "horizontal", className: "w-full whitespace-nowrap", children: /* @__PURE__ */ jsxs14("div", { className: "flex w-max items-center gap-1.5 pb-2 pt-1", children: [
-      !hideTypeTag && /* @__PURE__ */ jsx28(TypeTag, { variant: type, type: "badge" }),
-      type !== "search" && /* @__PURE__ */ jsx28(SizeBadge, { dataKey }),
-      type !== "search" && /* @__PURE__ */ jsx28(LengthBadge, { dataKey, type, content }),
-      type !== "search" && /* @__PURE__ */ jsx28(HeaderTTLBadge, { dataKey })
+    type === "search" && hideTypeTag ? void 0 : /* @__PURE__ */ jsx29(ScrollArea, { orientation: "horizontal", className: "w-full whitespace-nowrap", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-max items-center gap-1.5 pb-2 pt-1", children: [
+      !hideTypeTag && /* @__PURE__ */ jsx29(TypeTag, { variant: type, type: "badge" }),
+      type !== "search" && /* @__PURE__ */ jsx29(SizeBadge, { dataKey }),
+      type !== "search" && /* @__PURE__ */ jsx29(LengthBadge, { dataKey, type, content }),
+      type !== "search" && /* @__PURE__ */ jsx29(HeaderTTLBadge, { dataKey })
     ] }) })
   ] });
 };
 
 // src/components/databrowser/components/display/key-deleted.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var KeyDeleted = () => {
-  return /* @__PURE__ */ jsx29("div", { className: "flex h-full items-center justify-center rounded-md border border-dashed border-zinc-300", children: /* @__PURE__ */ jsx29("span", { className: "text-zinc-500", children: "This key has been deleted" }) });
+  return /* @__PURE__ */ jsx30("div", { className: "flex h-full items-center justify-center rounded-md border border-dashed border-zinc-300", children: /* @__PURE__ */ jsx30("span", { className: "text-zinc-500", children: "This key has been deleted" }) });
 };
 
 // src/components/databrowser/components/docs-link.tsx
 import { IconExternalLink } from "@tabler/icons-react";
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 var DocsLink = ({ href, className }) => {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "a",
     {
       href,
@@ -5521,7 +5611,7 @@ var DocsLink = ({ href, className }) => {
       ),
       children: [
         "Docs",
-        /* @__PURE__ */ jsx30(IconExternalLink, { size: 12 })
+        /* @__PURE__ */ jsx31(IconExternalLink, { size: 12 })
       ]
     }
   );
@@ -5533,8 +5623,8 @@ import { useEffect as useEffect7, useState as useState7 } from "react";
 // src/components/ui/progress.tsx
 import * as React13 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var Progress = React13.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx31(
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Progress = React13.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx32(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5543,7 +5633,7 @@ var Progress = React13.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx31(
+    children: /* @__PURE__ */ jsx32(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50",
@@ -5555,7 +5645,7 @@ var Progress = React13.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/databrowser/components/search/save-schema-modal.tsx
-import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 var SaveSchemaModal = ({
   values,
   onClose
@@ -5611,14 +5701,14 @@ var SaveSchemaModal = ({
     }
   };
   const isRunning = status !== void 0;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Dialog,
     {
       open: values !== void 0,
       onOpenChange: (open) => {
         if (!open && !isRunning) onClose();
       },
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs17(
         DialogContent,
         {
           onInteractOutside: (e) => {
@@ -5628,26 +5718,26 @@ var SaveSchemaModal = ({
             if (isRunning) e.preventDefault();
           },
           children: [
-            /* @__PURE__ */ jsxs16(DialogHeader, { children: [
-              /* @__PURE__ */ jsx32(DialogTitle, { children: "Save Schema Changes" }),
-              !isRunning && !error && /* @__PURE__ */ jsxs16(DialogDescription, { children: [
+            /* @__PURE__ */ jsxs17(DialogHeader, { children: [
+              /* @__PURE__ */ jsx33(DialogTitle, { children: "Save Schema Changes" }),
+              !isRunning && !error && /* @__PURE__ */ jsxs17(DialogDescription, { children: [
                 "Saving will drop and recreate the index. This will temporarily make the index unavailable.",
-                /* @__PURE__ */ jsx32("br", {}),
-                /* @__PURE__ */ jsx32("br", {}),
+                /* @__PURE__ */ jsx33("br", {}),
+                /* @__PURE__ */ jsx33("br", {}),
                 "Are you sure you want to continue?"
               ] })
             ] }),
-            isRunning && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2 py-4", children: [
-              /* @__PURE__ */ jsx32("p", { className: "text-sm text-zinc-500", children: status }),
-              /* @__PURE__ */ jsx32(Progress, { value: progress })
+            isRunning && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 py-4", children: [
+              /* @__PURE__ */ jsx33("p", { className: "text-sm text-zinc-500", children: status }),
+              /* @__PURE__ */ jsx33(Progress, { value: progress })
             ] }),
-            error && /* @__PURE__ */ jsx32("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
-            /* @__PURE__ */ jsxs16(DialogFooter, { children: [
-              !isRunning && !error && /* @__PURE__ */ jsxs16(Fragment3, { children: [
-                /* @__PURE__ */ jsx32(Button, { onClick: onClose, children: "Cancel" }),
-                /* @__PURE__ */ jsx32(Button, { variant: "primary", onClick: handleConfirm, children: "Confirm" })
+            error && /* @__PURE__ */ jsx33("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
+            /* @__PURE__ */ jsxs17(DialogFooter, { children: [
+              !isRunning && !error && /* @__PURE__ */ jsxs17(Fragment4, { children: [
+                /* @__PURE__ */ jsx33(Button, { onClick: onClose, children: "Cancel" }),
+                /* @__PURE__ */ jsx33(Button, { variant: "primary", onClick: handleConfirm, children: "Confirm" })
               ] }),
-              error && /* @__PURE__ */ jsx32(Button, { onClick: onClose, children: "Close" })
+              error && /* @__PURE__ */ jsx33(Button, { onClick: onClose, children: "Close" })
             ] })
           ]
         }
@@ -5662,11 +5752,11 @@ import { useMemo as useMemo6 } from "react";
 // src/components/common/editor-with-types.tsx
 import { useEffect as useEffect8, useRef as useRef2 } from "react";
 import { Editor, useMonaco } from "@monaco-editor/react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var EditorWithTypes = (props) => {
-  return isTest ? /* @__PURE__ */ jsx33(TestEditor, { ...props }) : /* @__PURE__ */ jsx33(MonacoEditorWithTypes, { ...props });
+  return isTest ? /* @__PURE__ */ jsx34(TestEditor, { ...props }) : /* @__PURE__ */ jsx34(MonacoEditorWithTypes, { ...props });
 };
-var LoadingSpinner = () => /* @__PURE__ */ jsx33("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600" }) });
+var LoadingSpinner = () => /* @__PURE__ */ jsx34("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx34("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600" }) });
 var MonacoEditorWithTypes = ({
   value,
   onChange,
@@ -5719,16 +5809,16 @@ var MonacoEditorWithTypes = ({
   useEffect8(() => {
     if (!validateValue(value)) onChange(defaultValue);
   }, [value, onChange, validateValue, defaultValue]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         Editor,
         {
           theme: theme === "dark" ? "vs-dark" : "light",
-          loading: /* @__PURE__ */ jsx33(LoadingSpinner, {}),
+          loading: /* @__PURE__ */ jsx34(LoadingSpinner, {}),
           beforeMount: handleBeforeMount,
           onMount: (editor) => {
             editorRef.current = editor;
@@ -5819,12 +5909,12 @@ var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
 };
 var TestEditor = ({ value, onChange, height, testLabel }) => {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         "textarea",
         {
           "aria-label": testLabel,
@@ -5953,11 +6043,31 @@ declare class DateFieldBuilder<Fast extends Record<"fast", boolean> = {
         from: TFrom["from"];
     } : { type: "DATE" };
 }
-declare class KeywordFieldBuilder {
-    [BUILD](): { type: "KEYWORD" };
+declare class KeywordFieldBuilder<TFrom extends Record<"from", string | null> = {
+    from: null;
+}> {
+    private _from;
+    constructor(from?: TFrom);
+    from(field: string): KeywordFieldBuilder<{
+        from: string;
+    }>;
+    [BUILD](): TFrom["from"] extends string ? {
+        type: "KEYWORD";
+        from: TFrom["from"];
+    } : { type: "KEYWORD" };
 }
-declare class FacetFieldBuilder {
-    [BUILD](): { type: "FACET" };
+declare class FacetFieldBuilder<TFrom extends Record<"from", string | null> = {
+    from: null;
+}> {
+    private _from;
+    constructor(from?: TFrom);
+    from(field: string): FacetFieldBuilder<{
+        from: string;
+    }>;
+    [BUILD](): TFrom["from"] extends string ? {
+        type: "FACET";
+        from: TFrom["from"];
+    } : { type: "FACET" };
 }
 type FieldBuilder = TextFieldBuilder<{
     noTokenize: boolean;
@@ -5975,7 +6085,11 @@ type FieldBuilder = TextFieldBuilder<{
     fast: boolean;
 }, {
     from: string | null;
-}> | KeywordFieldBuilder | FacetFieldBuilder;
+}> | KeywordFieldBuilder<{
+    from: string | null;
+}> | FacetFieldBuilder<{
+    from: string | null;
+}>;
 declare const s: {
     string(): TextFieldBuilder;
     number<T extends NumericField["type"] = "F64">(type?: T): NumericFieldBuilder<T>;
@@ -6000,7 +6114,7 @@ type Schema = NestedIndexSchema | FlatIndexSchema;
 };
 
 // src/components/databrowser/components/search/schema-editor.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var SCHEMA_PREFIX = "const schema: Schema = s.object({";
 var SCHEMA_SUFFIX = "})";
 var SCHEMA_DEFAULT = "const schema: Schema = s.object({\n  name: s.string(),\n})";
@@ -6009,7 +6123,7 @@ var isSchemaStringValid = (value) => {
 };
 var SchemaEditor = ({ value, onChange, height }) => {
   const typeDefinitions = useMemo6(() => generateSchemaTypeDefinitions(), []);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     EditorWithTypes,
     {
       value,
@@ -6143,7 +6257,7 @@ function fieldToBuilder(value) {
 }
 
 // src/components/databrowser/components/search/display-search.tsx
-import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 var SearchDisplay = ({
   indexName,
   isCreateModal,
@@ -6213,14 +6327,14 @@ var SearchDisplay = ({
     reset();
   };
   if (!isCreateModal && !isLoading && (data === null || data === void 0)) {
-    return /* @__PURE__ */ jsx35(KeyDeleted, {});
-  }
-  return /* @__PURE__ */ jsxs17("div", { className: "flex h-full min-h-0 w-full min-w-0 flex-col gap-2", children: [
-    !isCreateModal && /* @__PURE__ */ jsx35(DisplayHeader, { dataKey: effectiveIndexName, type: "search", hideTypeTag: isEditModal }),
-    /* @__PURE__ */ jsx35("div", { className: "flex min-h-0 min-w-0 grow flex-col gap-2 rounded-md", children: !isCreateModal && isLoading ? /* @__PURE__ */ jsx35(Spinner, { isLoadingText: "", isLoading: true }) : /* @__PURE__ */ jsxs17("div", { className: "flex min-h-0 w-full flex-1 flex-col gap-3", children: [
-      isCreateModal && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx35(Label, { htmlFor: "index-name", children: "Index Key" }),
-        /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(KeyDeleted, {});
+  }
+  return /* @__PURE__ */ jsxs18("div", { className: "flex h-full min-h-0 w-full min-w-0 flex-col gap-2", children: [
+    !isCreateModal && /* @__PURE__ */ jsx36(DisplayHeader, { dataKey: effectiveIndexName, type: "search", hideTypeTag: isEditModal }),
+    /* @__PURE__ */ jsx36("div", { className: "flex min-h-0 min-w-0 grow flex-col gap-2 rounded-md", children: !isCreateModal && isLoading ? /* @__PURE__ */ jsx36(Spinner, { isLoadingText: "", isLoading: true }) : /* @__PURE__ */ jsxs18("div", { className: "flex min-h-0 w-full flex-1 flex-col gap-3", children: [
+      isCreateModal && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx36(Label, { htmlFor: "index-name", children: "Index Key" }),
+        /* @__PURE__ */ jsx36(
           Input,
           {
             id: "index-name",
@@ -6228,42 +6342,42 @@ var SearchDisplay = ({
             placeholder: "idx_users"
           }
         ),
-        errors.indexName && /* @__PURE__ */ jsx35("p", { className: "text-xs text-red-500", children: errors.indexName.message })
+        errors.indexName && /* @__PURE__ */ jsx36("p", { className: "text-xs text-red-500", children: errors.indexName.message })
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "shrink-0 rounded-md border border-zinc-300 bg-white p-3", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx35("h3", { className: "text-sm font-medium text-zinc-700", children: "Config" }) }),
-        /* @__PURE__ */ jsxs17("div", { className: "mt-2 grid grid-cols-2 gap-4 text-sm lg:grid-cols-4", children: [
-          /* @__PURE__ */ jsxs17("div", { children: [
-            /* @__PURE__ */ jsx35("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Data Type" }),
-            /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsxs18("div", { className: "shrink-0 rounded-md border border-zinc-300 bg-white p-3", children: [
+        /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium text-zinc-700", children: "Config" }) }),
+        /* @__PURE__ */ jsxs18("div", { className: "mt-2 grid grid-cols-2 gap-4 text-sm lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx36("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Data Type" }),
+            /* @__PURE__ */ jsx36(
               Controller2,
               {
                 name: "dataType",
                 control,
-                render: ({ field }) => /* @__PURE__ */ jsxs17(Select, { value: field.value, onValueChange: field.onChange, children: [
-                  /* @__PURE__ */ jsx35(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx35(SelectValue, { placeholder: "Select type" }) }),
-                  /* @__PURE__ */ jsx35(SelectContent, { children: ["string", "hash", "json"].map((type) => /* @__PURE__ */ jsx35(SelectItem, { value: type, children: /* @__PURE__ */ jsx35(TypeTag, { variant: type, type: "badge" }) }, type)) })
+                render: ({ field }) => /* @__PURE__ */ jsxs18(Select, { value: field.value, onValueChange: field.onChange, children: [
+                  /* @__PURE__ */ jsx36(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx36(SelectValue, { placeholder: "Select type" }) }),
+                  /* @__PURE__ */ jsx36(SelectContent, { children: ["string", "hash", "json"].map((type) => /* @__PURE__ */ jsx36(SelectItem, { value: type, children: /* @__PURE__ */ jsx36(TypeTag, { variant: type, type: "badge" }) }, type)) })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs17("div", { children: [
-            /* @__PURE__ */ jsx35("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Language" }),
-            /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx36("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Language" }),
+            /* @__PURE__ */ jsx36(
               Controller2,
               {
                 name: "language",
                 control,
-                render: ({ field }) => /* @__PURE__ */ jsxs17(Select, { value: field.value, onValueChange: field.onChange, children: [
-                  /* @__PURE__ */ jsx35(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx35(SelectValue, { placeholder: "Select language" }) }),
-                  /* @__PURE__ */ jsx35(SelectContent, { children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx35(SelectItem, { value: lang, children: lang.charAt(0).toUpperCase() + lang.slice(1) }, lang)) })
+                render: ({ field }) => /* @__PURE__ */ jsxs18(Select, { value: field.value, onValueChange: field.onChange, children: [
+                  /* @__PURE__ */ jsx36(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx36(SelectValue, { placeholder: "Select language" }) }),
+                  /* @__PURE__ */ jsx36(SelectContent, { children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx36(SelectItem, { value: lang, children: lang.charAt(0).toUpperCase() + lang.slice(1) }, lang)) })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ jsx35("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Prefixes" }),
-            /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsxs18("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx36("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Prefixes" }),
+            /* @__PURE__ */ jsx36(
               Input,
               {
                 ...register("prefixes", { required: "Please enter at least one prefix" }),
@@ -6271,18 +6385,18 @@ var SearchDisplay = ({
                 placeholder: "user:, post:"
               }
             ),
-            errors.prefixes && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: errors.prefixes.message })
+            errors.prefixes && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-red-500", children: errors.prefixes.message })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "relative flex min-h-0 flex-1 flex-col rounded-md border border-zinc-300 bg-white", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2", children: /* @__PURE__ */ jsx35("h3", { className: "text-sm font-medium text-zinc-700", children: "Schema" }) }),
-        /* @__PURE__ */ jsx35("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx35("div", { className: "h-full px-1", children: /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsxs18("div", { className: "relative flex min-h-0 flex-1 flex-col rounded-md border border-zinc-300 bg-white", children: [
+        /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2", children: /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium text-zinc-700", children: "Schema" }) }),
+        /* @__PURE__ */ jsx36("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx36("div", { className: "h-full px-1", children: /* @__PURE__ */ jsx36(
           Controller2,
           {
             name: "editorValue",
             control,
-            render: ({ field }) => /* @__PURE__ */ jsx35(
+            render: ({ field }) => /* @__PURE__ */ jsx36(
               SchemaEditor,
               {
                 value: field.value,
@@ -6292,18 +6406,18 @@ var SearchDisplay = ({
             )
           }
         ) }) }),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           DocsLink,
           {
             className: "absolute bottom-2 right-2 text-sm",
-            href: "https://upstash-search.mintlify.app/redis/search/schema-definition"
+            href: "https://upstash.com/docs/redis/search/schema-definition"
           }
         )
       ] }),
-      isCreateModal && createSchema.error && /* @__PURE__ */ jsx35("div", { className: "w-full break-words text-xs text-red-500", children: createSchema.error.message.startsWith("ERR syntax error") ? "Invalid schema" : formatUpstashErrorMessage(createSchema.error) }),
-      parseError && /* @__PURE__ */ jsx35("div", { className: "w-full break-words text-xs text-red-500", children: parseError }),
-      /* @__PURE__ */ jsx35("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs17("div", { className: "ml-auto flex gap-2", children: [
-        (isDirty || isCreateModal || isEditModal) && /* @__PURE__ */ jsx35(
+      isCreateModal && createSchema.error && /* @__PURE__ */ jsx36("div", { className: "w-full break-words text-xs text-red-500", children: createSchema.error.message.startsWith("ERR syntax error") ? "Invalid schema" : formatUpstashErrorMessage(createSchema.error) }),
+      parseError && /* @__PURE__ */ jsx36("div", { className: "w-full break-words text-xs text-red-500", children: parseError }),
+      /* @__PURE__ */ jsx36("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs18("div", { className: "ml-auto flex gap-2", children: [
+        (isDirty || isCreateModal || isEditModal) && /* @__PURE__ */ jsx36(
           Button,
           {
             onClick: () => {
@@ -6316,9 +6430,9 @@ var SearchDisplay = ({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx35(Button, { variant: "primary", onClick: handleSubmit(onSubmit), disabled: !isDirty, children: /* @__PURE__ */ jsx35(Spinner, { isLoading: createSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save..." }) })
+        /* @__PURE__ */ jsx36(Button, { variant: "primary", onClick: handleSubmit(onSubmit), disabled: !isDirty, children: /* @__PURE__ */ jsx36(Spinner, { isLoading: createSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save..." }) })
       ] }) }),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         SaveSchemaModal,
         {
           values: pendingFormValues,
@@ -6359,7 +6473,7 @@ import { IconTrash as IconTrash2 } from "@tabler/icons-react";
 // src/components/common/infinite-scroll.tsx
 import { useEffect as useEffect10, useRef as useRef3 } from "react";
 import { IconLoader2 } from "@tabler/icons-react";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 var InfiniteScroll = ({
   query,
   children,
@@ -6391,7 +6505,7 @@ var InfiniteScroll = ({
     const timer = setTimeout(checkAndFetchMore, 100);
     return () => clearTimeout(timer);
   }, [active, query.data]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ScrollArea,
     {
       type: "always",
@@ -6399,9 +6513,9 @@ var InfiniteScroll = ({
       ...props,
       className: cn("block h-full min-h-0 w-full overflow-hidden transition-all", props.className),
       ref: scrollRef,
-      children: /* @__PURE__ */ jsxs18("div", { ref: contentRef, children: [
+      children: /* @__PURE__ */ jsxs19("div", { ref: contentRef, children: [
         children,
-        /* @__PURE__ */ jsx36("div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ jsx36(IconLoader2, { className: "animate-spin", size: 16 }) })
+        /* @__PURE__ */ jsx37("div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ jsx37(IconLoader2, { className: "animate-spin", size: 16 }) })
       ] })
     }
   );
@@ -6416,10 +6530,10 @@ import { IconCopy, IconExternalLink as IconExternalLink2, IconTrash } from "@tab
 import * as React14 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { IconCheck as IconCheck2, IconChevronRight as IconChevronRight2, IconCircleFilled as IconCircleFilled2 } from "@tabler/icons-react";
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -6431,12 +6545,12 @@ var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx37(IconChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx38(IconChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -6448,7 +6562,7 @@ var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ jsx37(
+var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ jsx38(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -6460,7 +6574,7 @@ var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx37(
+var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx38(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -6473,7 +6587,7 @@ var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs20(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6484,13 +6598,13 @@ var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(IconCheck2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(IconCheck2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -6500,13 +6614,13 @@ var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(IconCircleFilled2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx38("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(IconCircleFilled2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx37(
+var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx38(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -6515,7 +6629,7 @@ var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -6525,12 +6639,12 @@ var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) =>
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx37("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
+  return /* @__PURE__ */ jsx38("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/databrowser/components/item-context-menu.tsx
-import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 var ItemContextMenu = ({
   children,
   dataKey,
@@ -6540,8 +6654,8 @@ var ItemContextMenu = ({
   const [isAlertOpen, setAlertOpen] = useState9(false);
   const [data, setData] = useState9();
   const { addTab, setSelectedKey, selectTab, setSelectedListItem } = useDatabrowserStore();
-  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+    /* @__PURE__ */ jsx39(
       DeleteKeyModal,
       {
         deletionType: "item",
@@ -6562,8 +6676,8 @@ var ItemContextMenu = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxs20(ContextMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsxs21(ContextMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx39(
         ContextMenuTrigger,
         {
           asChild: true,
@@ -6582,8 +6696,8 @@ var ItemContextMenu = ({
           children
         }
       ),
-      /* @__PURE__ */ jsxs20(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsxs21(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxs21(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6595,12 +6709,12 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx38(IconCopy, { size: 16 }),
+              /* @__PURE__ */ jsx39(IconCopy, { size: 16 }),
               "Copy key"
             ]
           }
         ),
-        data?.value && /* @__PURE__ */ jsxs20(
+        data?.value && /* @__PURE__ */ jsxs21(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6611,12 +6725,12 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx38(IconCopy, { size: 16 }),
+              /* @__PURE__ */ jsx39(IconCopy, { size: 16 }),
               "Copy value"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6630,20 +6744,20 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx38(IconExternalLink2, { size: 16 }),
+              /* @__PURE__ */ jsx39(IconExternalLink2, { size: 16 }),
               "Open in new tab"
             ]
           }
         ),
-        /* @__PURE__ */ jsx38(ContextMenuSeparator2, {}),
-        /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsx39(ContextMenuSeparator2, {}),
+        /* @__PURE__ */ jsxs21(
           ContextMenuItem,
           {
             disabled: type === "stream",
             onClick: () => setAlertOpen(true),
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx38(IconTrash, { size: 16 }),
+              /* @__PURE__ */ jsx39(IconTrash, { size: 16 }),
               "Delete item"
             ]
           }
@@ -6657,14 +6771,14 @@ var ItemContextMenu = ({
 import { Controller as Controller3, FormProvider, useForm as useForm3, useFormContext } from "react-hook-form";
 
 // src/components/databrowser/hooks/use-fetch-hash-ttl.ts
-import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 var FETCH_HASH_FIELD_TTLS_QUERY_KEY = "fetch-hash-field-ttls";
 var useFetchHashFieldExpires = ({
   dataKey,
   fields
 }) => {
   const { redis } = useRedis();
-  return useQuery8({
+  return useQuery7({
     queryKey: [FETCH_HASH_FIELD_TTLS_QUERY_KEY, dataKey, fields],
     queryFn: async () => {
       const cachedExpires = /* @__PURE__ */ new Map();
@@ -6712,12 +6826,12 @@ var useSetHashTTL = () => {
 };
 
 // src/components/databrowser/components/display/hash/hash-field-ttl-badge.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var HashFieldTTLBadge = ({ dataKey, field }) => {
   const { data } = useFetchHashFieldExpires({ dataKey, fields: [field] });
   const { mutate: setTTL, isPending } = useSetHashTTL();
   const expireAt = data?.[field];
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     TTLBadge,
     {
       label: "Field TTL:",
@@ -6734,18 +6848,18 @@ import { useController } from "react-hook-form";
 
 // src/components/databrowser/components/display/input/content-type-select.tsx
 import { useMemo as useMemo7 } from "react";
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 var ContentTypeSelect = ({
   value,
   onChange,
   data
 }) => {
   const isValidJSON = useMemo7(() => checkIsValidJSON(data), [data]);
-  return /* @__PURE__ */ jsxs21(Select, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ jsx40(SelectTrigger, { className: "h-6 w-auto border-none bg-transparent pl-0 pr-6 text-xs text-zinc-500", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Text" }) }),
-    /* @__PURE__ */ jsx40(SelectContent, { children: /* @__PURE__ */ jsxs21(SelectGroup, { children: [
-      /* @__PURE__ */ jsx40(SelectItem, { value: "Text", children: "Text" }),
-      /* @__PURE__ */ jsx40(SelectItem, { disabled: !isValidJSON, value: "JSON", children: "JSON" })
+  return /* @__PURE__ */ jsxs22(Select, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx41(SelectTrigger, { className: "h-6 w-auto border-none bg-transparent pl-0 pr-6 text-xs text-zinc-500", children: /* @__PURE__ */ jsx41(SelectValue, { placeholder: "Text" }) }),
+    /* @__PURE__ */ jsx41(SelectContent, { children: /* @__PURE__ */ jsxs22(SelectGroup, { children: [
+      /* @__PURE__ */ jsx41(SelectItem, { value: "Text", children: "Text" }),
+      /* @__PURE__ */ jsx41(SelectItem, { disabled: !isValidJSON, value: "JSON", children: "JSON" })
     ] }) })
   ] });
 };
@@ -6757,10 +6871,10 @@ import { Editor as Editor2, useMonaco as useMonaco2 } from "@monaco-editor/react
 // src/components/common/copy-button.tsx
 import { useState as useState10 } from "react";
 import { IconCheck as IconCheck3, IconCopy as IconCopy2 } from "@tabler/icons-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function CopyButton({ value, ...props }) {
   const [copied, setCopied] = useState10(false);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Button,
     {
       onClick: (e) => {
@@ -6777,7 +6891,7 @@ function CopyButton({ value, ...props }) {
       variant: "secondary",
       size: "icon-sm",
       ...props,
-      children: copied ? /* @__PURE__ */ jsx41(IconCheck3, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsx41(IconCopy2, { className: "size-4 text-zinc-500" })
+      children: copied ? /* @__PURE__ */ jsx42(IconCheck3, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsx42(IconCopy2, { className: "size-4 text-zinc-500" })
     }
   );
 }
@@ -6790,12 +6904,12 @@ var handleCopyClick = async (textToCopy) => {
 };
 
 // src/components/databrowser/components/display/input/custom-editor.tsx
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var CustomEditor = (props) => {
   if (isTest) {
-    return /* @__PURE__ */ jsx42(TestEditor2, { ...props });
+    return /* @__PURE__ */ jsx43(TestEditor2, { ...props });
   }
-  return /* @__PURE__ */ jsx42(MonacoEditor, { ...props });
+  return /* @__PURE__ */ jsx43(MonacoEditor, { ...props });
 };
 var MonacoEditor = ({
   language,
@@ -6815,7 +6929,7 @@ var MonacoEditor = ({
     }
     monaco?.editor.setModelLanguage(editorRef.current.getModel(), language);
   }, [monaco, language, active]);
-  const editor = /* @__PURE__ */ jsx42(
+  const editor = /* @__PURE__ */ jsx43(
     Editor2,
     {
       theme: theme === "dark" ? "vs-dark" : "light",
@@ -6860,14 +6974,14 @@ var MonacoEditor = ({
       className: "[&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent"
     }
   );
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
       children: [
         editor,
-        showCopyButton && /* @__PURE__ */ jsx42(
+        showCopyButton && /* @__PURE__ */ jsx43(
           CopyButton,
           {
             value,
@@ -6879,14 +6993,14 @@ var MonacoEditor = ({
   );
 };
 var TestEditor2 = ({ value, onChange, height, showCopyButton }) => {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
       children: [
-        /* @__PURE__ */ jsx42("input", { "aria-label": "editor", value, onChange: (e) => onChange(e.target.value) }),
-        showCopyButton && /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43("input", { "aria-label": "editor", value, onChange: (e) => onChange(e.target.value) }),
+        showCopyButton && /* @__PURE__ */ jsx43(
           CopyButton,
           {
             value,
@@ -6899,7 +7013,7 @@ var TestEditor2 = ({ value, onChange, height, showCopyButton }) => {
 };
 
 // src/components/databrowser/components/display/input/use-field.tsx
-import { Fragment as Fragment5, jsx as jsx43 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx44 } from "react/jsx-runtime";
 var useField = ({
   name,
   form,
@@ -6946,8 +7060,8 @@ var useField = ({
     }
   }, [data, fieldState.isDirty]);
   return {
-    selector: /* @__PURE__ */ jsx43(ContentTypeSelect, { value: contentType, onChange: handleTypeChange, data: field.value }),
-    editor: /* @__PURE__ */ jsx43(Fragment5, { children: /* @__PURE__ */ jsx43(
+    selector: /* @__PURE__ */ jsx44(ContentTypeSelect, { value: contentType, onChange: handleTypeChange, data: field.value }),
+    editor: /* @__PURE__ */ jsx44(Fragment6, { children: /* @__PURE__ */ jsx44(
       CustomEditor,
       {
         language: contentType === "JSON" ? "json" : "plaintext",
@@ -6971,13 +7085,13 @@ var checkIsValidJSON = (value) => {
 };
 
 // src/components/databrowser/components/display/display-list-edit.tsx
-import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 var ListEditDisplay = ({
   dataKey,
   type,
   item
 }) => {
-  return /* @__PURE__ */ jsx44("div", { className: "min-h-0 grow rounded-md", children: /* @__PURE__ */ jsx44(ListEditForm, { item, type, dataKey }, item.key) });
+  return /* @__PURE__ */ jsx45("div", { className: "min-h-0 grow rounded-md", children: /* @__PURE__ */ jsx45(ListEditForm, { item, type, dataKey }, item.key) });
 };
 var ListEditForm = ({
   type,
@@ -7016,21 +7130,29 @@ var ListEditForm = ({
     });
     setSelectedListItem(void 0);
   });
-  return /* @__PURE__ */ jsx44(FormProvider, { ...form, children: /* @__PURE__ */ jsxs23("form", { onSubmit, className: "flex h-full min-h-0 flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex min-h-0 grow flex-col gap-2", children: [
-      type === "zset" && /* @__PURE__ */ jsx44(NumberFormItem, { name: "value", label: valueLabel }),
-      type !== "list" && /* @__PURE__ */ jsx44(FormItem, { readOnly: type === "stream", name: "key", label: keyLabel, data: itemKey }),
-      type !== "set" && type !== "zset" && /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(FormProvider, { ...form, children: /* @__PURE__ */ jsxs24("form", { onSubmit, className: "flex h-full min-h-0 flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex min-h-0 grow flex-col gap-2", children: [
+      type === "zset" && /* @__PURE__ */ jsx45(NumberFormItem, { name: "value", label: valueLabel }),
+      type !== "list" && /* @__PURE__ */ jsx45(
+        FormItem,
+        {
+          readOnly: type === "stream" && !isNew,
+          name: "key",
+          label: keyLabel,
+          data: itemKey
+        }
+      ),
+      type !== "set" && type !== "zset" && /* @__PURE__ */ jsx45(
         FormItem,
         {
-          readOnly: type === "stream",
+          readOnly: type === "stream" && !isNew,
           name: "value",
           label: valueLabel,
           data: itemValue ?? ""
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs24(
       "div",
       {
         className: cn(
@@ -7038,9 +7160,9 @@ var ListEditForm = ({
           type === "hash" && itemKey !== "" ? "justify-between" : "justify-end"
         ),
         children: [
-          type === "hash" && itemKey !== "" && /* @__PURE__ */ jsx44(HashFieldTTLBadge, { dataKey, field: itemKey }),
-          /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx44(
+          type === "hash" && itemKey !== "" && /* @__PURE__ */ jsx45(HashFieldTTLBadge, { dataKey, field: itemKey }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx45(
               Button,
               {
                 type: "button",
@@ -7050,17 +7172,17 @@ var ListEditForm = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx44(
+            /* @__PURE__ */ jsx45(
               SimpleTooltip,
               {
                 content: type === "stream" && !isNew ? "Streams are not mutable" : void 0,
-                children: /* @__PURE__ */ jsx44(
+                children: /* @__PURE__ */ jsx45(
                   Button,
                   {
                     variant: "primary",
                     type: "submit",
                     disabled: !form.formState.isValid || !form.formState.isDirty || type === "stream" && !isNew,
-                    children: /* @__PURE__ */ jsx44(Spinner, { isLoading: isPending, isLoadingText: "Saving", children: "Save" })
+                    children: /* @__PURE__ */ jsx45(Spinner, { isLoading: isPending, isLoadingText: isNew ? "Adding" : "Saving", children: isNew ? "Add Item" : "Save" })
                   }
                 )
               }
@@ -7072,13 +7194,13 @@ var ListEditForm = ({
   ] }) });
 };
 var NumberFormItem = ({ name, label }) => {
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx44("div", { className: "flex", children: /* @__PURE__ */ jsx44("span", { className: "text-xs font-medium text-zinc-700", children: label }) }),
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex", children: /* @__PURE__ */ jsx45("span", { className: "text-xs font-medium text-zinc-700", children: label }) }),
+    /* @__PURE__ */ jsx45(
       Controller3,
       {
         name,
-        render: ({ field }) => /* @__PURE__ */ jsx44(
+        render: ({ field }) => /* @__PURE__ */ jsx45(
           "input",
           {
             className: "plain-input rounded-md border border-zinc-300 bg-white px-3 py-1 shadow-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
@@ -7106,14 +7228,14 @@ var FormItem = ({
     readOnly,
     data
   });
-  return /* @__PURE__ */ jsxs23("div", { className: cn("flex flex-col gap-1", !height && "h-full min-h-0"), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1 text-xs", children: [
-      /* @__PURE__ */ jsx44("span", { className: "font-medium text-zinc-700", children: label }),
+  return /* @__PURE__ */ jsxs24("div", { className: cn("flex flex-col gap-1", !height && "h-full min-h-0"), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1 text-xs", children: [
+      /* @__PURE__ */ jsx45("span", { className: "font-medium text-zinc-700", children: label }),
       " ",
-      /* @__PURE__ */ jsx44("span", { className: "text-zinc-300", children: "/" }),
+      /* @__PURE__ */ jsx45("span", { className: "text-zinc-300", children: "/" }),
       selector
     ] }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(
       "div",
       {
         className: cn(
@@ -7128,7 +7250,7 @@ var FormItem = ({
 
 // src/components/databrowser/components/display/hash/hash-field-ttl-info.tsx
 import { useEffect as useEffect13, useState as useState12 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var HashFieldTTLInfo = ({
   dataKey,
   field,
@@ -7145,11 +7267,11 @@ var HashFieldTTLInfo = ({
     return () => clearInterval(interval);
   }, [expireAt]);
   if (!expireAt || expireAt === TTL_NOT_FOUND || expireAt === TTL_INFINITE) return;
-  return /* @__PURE__ */ jsx45("span", { className: "block min-w-[30px] whitespace-nowrap text-right text-red-600", children: formatTime(ttl ?? 0) });
+  return /* @__PURE__ */ jsx46("span", { className: "block min-w-[30px] whitespace-nowrap text-right text-red-600", children: formatTime(ttl ?? 0) });
 };
 
 // src/components/databrowser/components/display/display-list.tsx
-import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 var headerLabels = {
   list: ["Index", "Content"],
   hash: ["Field", "Value"],
@@ -7162,12 +7284,12 @@ var ListDisplay = ({ dataKey, type }) => {
   const query = useFetchListItems({ dataKey, type });
   const isEmpty = query.isFetched && query.data?.pages.every((page) => page.keys.length === 0);
   if (isEmpty) {
-    return /* @__PURE__ */ jsx46(KeyDeleted, {});
+    return /* @__PURE__ */ jsx47(KeyDeleted, {});
   }
-  return /* @__PURE__ */ jsxs24("div", { className: "flex h-full min-h-0 flex-col gap-2 overflow-hidden", children: [
-    /* @__PURE__ */ jsx46(DisplayHeader, { dataKey, type }),
-    selectedListItem && /* @__PURE__ */ jsx46(ListEditDisplay, { dataKey, type, item: selectedListItem }),
-    /* @__PURE__ */ jsx46("div", { className: cn("min-h-0 grow", selectedListItem && "hidden"), children: /* @__PURE__ */ jsx46(InfiniteScroll, { query, className: "rounded-lg border border-zinc-200 bg-white", children: /* @__PURE__ */ jsx46("table", { className: "w-full", children: /* @__PURE__ */ jsx46(ItemContextMenu, { dataKey, type, children: /* @__PURE__ */ jsx46("tbody", { children: /* @__PURE__ */ jsx46(ListItems, { dataKey, type, query }) }) }) }) }) })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex h-full min-h-0 flex-col gap-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx47(DisplayHeader, { dataKey, type }),
+    selectedListItem && /* @__PURE__ */ jsx47(ListEditDisplay, { dataKey, type, item: selectedListItem }),
+    /* @__PURE__ */ jsx47("div", { className: cn("min-h-0 grow", selectedListItem && "hidden"), children: /* @__PURE__ */ jsx47(InfiniteScroll, { query, className: "rounded-lg border border-zinc-200 bg-white", children: /* @__PURE__ */ jsx47("table", { className: "w-full", children: /* @__PURE__ */ jsx47(ItemContextMenu, { dataKey, type, children: /* @__PURE__ */ jsx47("tbody", { children: /* @__PURE__ */ jsx47(ListItems, { dataKey, type, query }) }) }) }) }) })
   ] });
 };
 var ListItems = ({
@@ -7179,7 +7301,7 @@ var ListItems = ({
   const keys = useMemo8(() => query.data?.pages.flatMap((page) => page.keys) ?? [], [query.data]);
   const fields = useMemo8(() => keys.map((key) => key.key), [keys]);
   const { mutate: editItem } = useEditListItem();
-  return /* @__PURE__ */ jsx46(Fragment6, { children: keys.map(({ key, value }, i) => /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx47(Fragment7, { children: keys.map(({ key, value }, i) => /* @__PURE__ */ jsxs25(
     "tr",
     {
       "data-item-key": key,
@@ -7191,7 +7313,7 @@ var ListItems = ({
         "h-9 border-b border-b-zinc-100 transition-colors hover:bg-zinc-100 dark:border-b-zinc-200 dark:hover:bg-zinc-200"
       ),
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "td",
           {
             className: cn(
@@ -7201,23 +7323,23 @@ var ListItems = ({
             children: key
           }
         ),
-        value !== void 0 && /* @__PURE__ */ jsx46(
+        value !== void 0 && /* @__PURE__ */ jsx47(
           "td",
           {
             className: cn("cursor-pointer truncate px-3", type === "zset" ? "w-24" : "max-w-0"),
             children: value
           }
         ),
-        type !== "stream" && /* @__PURE__ */ jsx46(
+        type !== "stream" && /* @__PURE__ */ jsx47(
           "td",
           {
             className: "w-0 min-w-0 p-0 pr-2",
             onClick: (e) => {
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-end gap-2 pr-2", children: [
-              type === "hash" && /* @__PURE__ */ jsx46(HashFieldTTLInfo, { dataKey, field: key, fields }),
-              /* @__PURE__ */ jsx46(
+            children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-end gap-2 pr-2", children: [
+              type === "hash" && /* @__PURE__ */ jsx47(HashFieldTTLInfo, { dataKey, field: key, fields }),
+              /* @__PURE__ */ jsx47(
                 DeleteKeyModal,
                 {
                   deletionType: "item",
@@ -7231,14 +7353,14 @@ var ListItems = ({
                       newKey: void 0
                     });
                   },
-                  children: /* @__PURE__ */ jsx46(
+                  children: /* @__PURE__ */ jsx47(
                     Button,
                     {
                       className: "",
                       size: "icon-sm",
                       variant: "secondary",
                       onClick: (e) => e.stopPropagation(),
-                      children: /* @__PURE__ */ jsx46(IconTrash2, { className: "size-4 text-zinc-500" })
+                      children: /* @__PURE__ */ jsx47(IconTrash2, { className: "size-4 text-zinc-500" })
                     }
                   )
                 }
@@ -7255,15 +7377,15 @@ var ListItems = ({
 // src/components/databrowser/components/display/display-simple.tsx
 import { useEffect as useEffect14 } from "react";
 import { useForm as useForm4 } from "react-hook-form";
-import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var EditorDisplay = ({ dataKey, type }) => {
   const { data } = useFetchSimpleKey(dataKey, type);
   if (data === null) {
-    return /* @__PURE__ */ jsx47(KeyDeleted, {});
+    return /* @__PURE__ */ jsx48(KeyDeleted, {});
   }
-  return /* @__PURE__ */ jsxs25("div", { className: "flex h-full min-h-0 w-full flex-col gap-2 overflow-hidden", children: [
-    /* @__PURE__ */ jsx47(DisplayHeader, { dataKey, type, content: data ?? void 0 }),
-    /* @__PURE__ */ jsx47("div", { className: "flex min-h-0 grow flex-col gap-2 rounded-md", children: data === void 0 ? /* @__PURE__ */ jsx47(Spinner, { isLoadingText: "", isLoading: true }) : /* @__PURE__ */ jsx47(EditorDisplayForm, { dataKey, type, data }, dataKey) })
+  return /* @__PURE__ */ jsxs26("div", { className: "flex h-full min-h-0 w-full flex-col gap-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx48(DisplayHeader, { dataKey, type, content: data ?? void 0 }),
+    /* @__PURE__ */ jsx48("div", { className: "flex min-h-0 grow flex-col gap-2 rounded-md", children: data === void 0 ? /* @__PURE__ */ jsx48(Spinner, { isLoadingText: "", isLoading: true }) : /* @__PURE__ */ jsx48(EditorDisplayForm, { dataKey, type, data }, dataKey) })
   ] });
 };
 var EditorDisplayForm = ({
@@ -7282,14 +7404,14 @@ var EditorDisplayForm = ({
   const handleCancel = () => {
     form.reset();
   };
-  return /* @__PURE__ */ jsxs25(Fragment7, { children: [
-    /* @__PURE__ */ jsxs25("div", { className: "flex min-h-0 grow flex-col gap-1", children: [
-      /* @__PURE__ */ jsx47("div", { className: "flex shrink-0 items-center gap-2", children: type === "json" ? /* @__PURE__ */ jsx47("div", {}) : selector }),
-      /* @__PURE__ */ jsx47("div", { className: "min-h-0 grow rounded-md border border-zinc-300 bg-white p-2", children: editor })
+  return /* @__PURE__ */ jsxs26(Fragment8, { children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex min-h-0 grow flex-col gap-1", children: [
+      /* @__PURE__ */ jsx48("div", { className: "flex shrink-0 items-center gap-2", children: type === "json" ? /* @__PURE__ */ jsx48("div", {}) : selector }),
+      /* @__PURE__ */ jsx48("div", { className: "min-h-0 grow rounded-md border border-zinc-300 bg-white p-2", children: editor })
     ] }),
-    /* @__PURE__ */ jsx47("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs25("div", { className: "ml-auto flex gap-2", children: [
-      form.formState.isDirty && /* @__PURE__ */ jsx47(Button, { onClick: handleCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs26("div", { className: "ml-auto flex gap-2", children: [
+      form.formState.isDirty && /* @__PURE__ */ jsx48(Button, { onClick: handleCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx48(
         Button,
         {
           variant: "primary",
@@ -7297,7 +7419,7 @@ var EditorDisplayForm = ({
             await setKey(value);
           }),
           disabled: !form.formState.isValid || !form.formState.isDirty,
-          children: /* @__PURE__ */ jsx47(Spinner, { isLoading: isSettingKey, isLoadingText: "Saving", children: "Save" })
+          children: /* @__PURE__ */ jsx48(Spinner, { isLoading: isSettingKey, isLoadingText: "Saving", children: "Save" })
         }
       )
     ] }) })
@@ -7305,15 +7427,15 @@ var EditorDisplayForm = ({
 };
 
 // src/components/databrowser/components/display/index.tsx
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 var DataDisplay = () => {
   const { selectedKey } = useTab();
   const { query } = useKeys();
   const type = useKeyType(selectedKey);
-  return /* @__PURE__ */ jsx48("div", { className: "h-full rounded-xl bg-zinc-100 p-5 dark:bg-zinc-200", children: !selectedKey ? /* @__PURE__ */ jsx48("div", {}) : !type ? query.isLoading ? /* @__PURE__ */ jsx48("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx48("span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ jsx48("div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx48("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs26("span", { className: "text-zinc-500", children: [
+  return /* @__PURE__ */ jsx49("div", { className: "h-full rounded-xl bg-zinc-100 p-5 dark:bg-zinc-200", children: !selectedKey ? /* @__PURE__ */ jsx49("div", {}) : !type ? query.isLoading ? /* @__PURE__ */ jsx49("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx49("span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ jsx49("div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx49("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs27("span", { className: "text-zinc-500", children: [
     "Unrecognized key type: ",
     type
-  ] }) }) : /* @__PURE__ */ jsx48(Fragment8, { children: SIMPLE_DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx48(EditorDisplay, { dataKey: selectedKey, type }) : type === "search" ? /* @__PURE__ */ jsx48(SearchDisplay, { indexName: selectedKey }) : /* @__PURE__ */ jsx48(ListDisplay, { dataKey: selectedKey, type }) }) });
+  ] }) }) : /* @__PURE__ */ jsx49(Fragment9, { children: SIMPLE_DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx49(EditorDisplay, { dataKey: selectedKey, type }) : type === "search" ? /* @__PURE__ */ jsx49(SearchDisplay, { indexName: selectedKey }) : /* @__PURE__ */ jsx49(ListDisplay, { dataKey: selectedKey, type }) }) });
 };
 
 // src/components/databrowser/components/header/index.tsx
@@ -7322,6 +7444,7 @@ import {
   IconChevronDown as IconChevronDown2,
   IconCircleCheck,
   IconCirclePlus,
+  IconLoader2 as IconLoader23,
   IconPlus as IconPlus3,
   IconSearch as IconSearch2,
   IconSparkles
@@ -7332,7 +7455,7 @@ import { useState as useState13 } from "react";
 import { DialogDescription as DialogDescription2 } from "@radix-ui/react-dialog";
 import { IconPlus as IconPlus2 } from "@tabler/icons-react";
 import { Controller as Controller4, useForm as useForm5 } from "react-hook-form";
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function AddKeyModal() {
   const { setSelectedKey } = useTab();
   const [open, setOpen] = useState13(false);
@@ -7355,7 +7478,7 @@ function AddKeyModal() {
       });
     }, 100);
   });
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     Dialog,
     {
       open,
@@ -7364,35 +7487,35 @@ function AddKeyModal() {
         setOpen(open2);
       },
       children: [
-        /* @__PURE__ */ jsx49(SimpleTooltip, { content: "Add key", children: /* @__PURE__ */ jsx49(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsx50(SimpleTooltip, { content: "Add key", children: /* @__PURE__ */ jsx50(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
           Button,
           {
             variant: "primary",
             "data-testid": "add-key-button",
             className: "flex h-8 select-none items-center gap-1 rounded-lg pl-2 pr-3 text-sm font-medium",
             children: [
-              /* @__PURE__ */ jsx49(IconPlus2, { className: "size-5" }),
+              /* @__PURE__ */ jsx50(IconPlus2, { className: "size-5" }),
               "Key"
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsxs27(DialogContent, { className: "max-w-[400px]", children: [
-          /* @__PURE__ */ jsx49(DialogHeader, { children: /* @__PURE__ */ jsx49(DialogTitle, { children: "Create new key" }) }),
-          /* @__PURE__ */ jsx49("div", { className: "sr-only", children: /* @__PURE__ */ jsx49(DialogDescription2, { children: "Create new key" }) }),
-          /* @__PURE__ */ jsxs27("form", { className: "mt-4", onSubmit, children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-[400px]", children: [
+          /* @__PURE__ */ jsx50(DialogHeader, { children: /* @__PURE__ */ jsx50(DialogTitle, { children: "Create new key" }) }),
+          /* @__PURE__ */ jsx50("div", { className: "sr-only", children: /* @__PURE__ */ jsx50(DialogDescription2, { children: "Create new key" }) }),
+          /* @__PURE__ */ jsxs28("form", { className: "mt-4", onSubmit, children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx50(
                 Controller4,
                 {
                   control,
                   name: "type",
-                  render: ({ field }) => /* @__PURE__ */ jsxs27(Select, { value: field.value, onValueChange: field.onChange, children: [
-                    /* @__PURE__ */ jsx49(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx49(SelectValue, {}) }),
-                    /* @__PURE__ */ jsx49(SelectContent, { children: /* @__PURE__ */ jsx49(SelectGroup, { children: DATA_TYPES.filter((t) => t !== "search").map((type) => /* @__PURE__ */ jsx49(SelectItem, { value: type, children: /* @__PURE__ */ jsx49(TypeTag, { variant: type, type: "badge" }) }, type)) }) })
+                  render: ({ field }) => /* @__PURE__ */ jsxs28(Select, { value: field.value, onValueChange: field.onChange, children: [
+                    /* @__PURE__ */ jsx50(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx50(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx50(SelectContent, { children: /* @__PURE__ */ jsx50(SelectGroup, { children: DATA_TYPES.filter((t) => t !== "search").map((type) => /* @__PURE__ */ jsx50(SelectItem, { value: type, children: /* @__PURE__ */ jsx50(TypeTag, { variant: type, type: "badge" }) }, type)) }) })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx50(
                 Controller4,
                 {
                   rules: {
@@ -7400,14 +7523,14 @@ function AddKeyModal() {
                   },
                   control,
                   name: "key",
-                  render: ({ field }) => /* @__PURE__ */ jsx49(Input, { placeholder: "mykey", ...field, className: "h-8 grow" })
+                  render: ({ field }) => /* @__PURE__ */ jsx50(Input, { placeholder: "mykey", ...field, className: "h-8 grow" })
                 }
               )
             ] }),
-            formState.errors.key && /* @__PURE__ */ jsx49("p", { className: "mb-3 mt-2 text-xs text-red-500", children: formState.errors.key?.message }),
-            /* @__PURE__ */ jsx49("p", { className: "mt-2 text-xs text-zinc-500", children: "After creating the key, you can edit the value" }),
-            /* @__PURE__ */ jsxs27("div", { className: "mt-6 flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx49(
+            formState.errors.key && /* @__PURE__ */ jsx50("p", { className: "mb-3 mt-2 text-xs text-red-500", children: formState.errors.key?.message }),
+            /* @__PURE__ */ jsx50("p", { className: "mt-2 text-xs text-zinc-500", children: "After creating the key, you can edit the value" }),
+            /* @__PURE__ */ jsxs28("div", { className: "mt-6 flex justify-end gap-2", children: [
+              /* @__PURE__ */ jsx50(
                 Button,
                 {
                   type: "button",
@@ -7418,7 +7541,7 @@ function AddKeyModal() {
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx49(Button, { variant: "primary", type: "submit", children: /* @__PURE__ */ jsx49(Spinner, { isLoading: isPending, isLoadingText: "Creating", children: "Create" }) })
+              /* @__PURE__ */ jsx50(Button, { variant: "primary", type: "submit", children: /* @__PURE__ */ jsx50(Spinner, { isLoading: isPending, isLoadingText: "Creating", children: "Create" }) })
             ] })
           ] })
         ] })
@@ -7432,37 +7555,62 @@ import { useState as useState14 } from "react";
 import { IconChevronRight as IconChevronRight3 } from "@tabler/icons-react";
 import { useMutation as useMutation9 } from "@tanstack/react-query";
 
+// src/lib/scan-keys.ts
+async function scanKeys(redis, {
+  match,
+  type,
+  count: count2 = 100,
+  limit
+} = {}) {
+  let cursor = "0";
+  const result = [];
+  while (true) {
+    const [newCursor, keys] = await redis.scan(cursor, {
+      count: count2,
+      type,
+      match
+    });
+    result.push(...keys);
+    if (limit && result.length >= limit) {
+      return result.slice(0, limit);
+    }
+    if (newCursor === "0") break;
+    cursor = newCursor;
+  }
+  return result;
+}
+
 // src/components/databrowser/components/query-wizard/consent-prompt.tsx
 import { IconAlertCircleFilled } from "@tabler/icons-react";
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var ConsentPrompt = ({ onClose }) => {
   const store = useDatabrowserStore();
   const handleContinue = () => {
     store.setAiDataSharingConsent(true);
   };
-  return /* @__PURE__ */ jsxs28("div", { className: "flex max-w-[500px] flex-col gap-6 rounded-2xl p-6 shadow-lg", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx50("h3", { className: "text-base font-semibold text-zinc-950", children: "AI Query Builder" }),
-      /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center rounded-md bg-purple-100 px-1.5 py-0.5", children: /* @__PURE__ */ jsx50("span", { className: "text-sm font-medium text-purple-700", children: "BETA" }) })
+  return /* @__PURE__ */ jsxs29("div", { className: "flex max-w-[500px] flex-col gap-6 rounded-2xl p-6 shadow-lg", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx51("h3", { className: "text-base font-semibold text-zinc-950", children: "AI Query Builder" }),
+      /* @__PURE__ */ jsx51("div", { className: "flex items-center justify-center rounded-md bg-purple-100 px-1.5 py-0.5", children: /* @__PURE__ */ jsx51("span", { className: "text-sm font-medium text-purple-700", children: "BETA" }) })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "flex gap-3 rounded-xl border border-yellow-300 bg-yellow-50 p-5", children: [
-      /* @__PURE__ */ jsx50(IconAlertCircleFilled, { className: "size-5 shrink-0 text-yellow-800" }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx50("p", { className: "text-sm font-semibold text-yellow-800", children: "AI Query Builder requires data sharing" }),
-        /* @__PURE__ */ jsxs28("p", { className: "text-sm text-yellow-800", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex gap-3 rounded-xl border border-yellow-300 bg-yellow-50 p-5", children: [
+      /* @__PURE__ */ jsx51(IconAlertCircleFilled, { className: "size-5 shrink-0 text-yellow-800" }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx51("p", { className: "text-sm font-semibold text-yellow-800", children: "AI Query Builder requires data sharing" }),
+        /* @__PURE__ */ jsxs29("p", { className: "text-sm text-yellow-800", children: [
           "To generate accurate queries, we'll send your",
           " ",
-          /* @__PURE__ */ jsx50("span", { className: "font-semibold", children: "index schema" }),
+          /* @__PURE__ */ jsx51("span", { className: "font-semibold", children: "index schema" }),
           " and a",
           " ",
-          /* @__PURE__ */ jsx50("span", { className: "font-semibold", children: "small sample of your data" }),
+          /* @__PURE__ */ jsx51("span", { className: "font-semibold", children: "small sample of your data" }),
           " to AI models. This may include field names and example values."
         ] }),
-        /* @__PURE__ */ jsx50("p", { className: "text-sm text-yellow-800", children: "Only used to generate the query you request." })
+        /* @__PURE__ */ jsx51("p", { className: "text-sm text-yellow-800", children: "Only used to generate the query you request." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx51(
         "button",
         {
           onClick: onClose,
@@ -7470,7 +7618,7 @@ var ConsentPrompt = ({ onClose }) => {
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsx51(
         "button",
         {
           onClick: handleContinue,
@@ -7527,10 +7675,12 @@ export type DateField = {
 
 export type KeywordField = {
   type: "KEYWORD";
+  from?: string;
 };
 
 export type FacetField = {
   type: "FACET";
+  from?: string;
 };
 
 export type DetailedField =
@@ -8404,7 +8554,7 @@ var useGenerateQuery = () => {
 };
 
 // src/components/databrowser/components/query-wizard/query-wizard-popover.tsx
-import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var QueryWizardPopover = ({ onClose }) => {
   const { valuesSearch, setValuesSearchQuery, setQueryBuilderMode } = useTab();
   const { redisNoPipeline: redis } = useRedis();
@@ -8464,47 +8614,47 @@ var QueryWizardPopover = ({ onClose }) => {
     }
   };
   if (isLoadingIndex) {
-    return /* @__PURE__ */ jsx51("div", { className: "flex h-[100px] w-[340px] items-center justify-center rounded-2xl bg-white", children: /* @__PURE__ */ jsx51(Spinner, { isLoading: true, isLoadingText: "Loading index..." }) });
+    return /* @__PURE__ */ jsx52("div", { className: "flex h-[100px] w-[340px] items-center justify-center rounded-2xl bg-white", children: /* @__PURE__ */ jsx52(Spinner, { isLoading: true, isLoadingText: "Loading index..." }) });
   }
   if (!valuesSearch.index) {
-    return /* @__PURE__ */ jsxs29("div", { className: "flex w-[340px] flex-col items-center gap-2 rounded-2xl bg-white p-8", children: [
-      /* @__PURE__ */ jsx51("p", { className: "text-sm font-medium text-zinc-700", children: "No index selected" }),
-      /* @__PURE__ */ jsx51("p", { className: "text-center text-xs text-zinc-500", children: "Create a new index to use the Query Wizard." })
+    return /* @__PURE__ */ jsxs30("div", { className: "flex w-[340px] flex-col items-center gap-2 rounded-2xl bg-white p-8", children: [
+      /* @__PURE__ */ jsx52("p", { className: "text-sm font-medium text-zinc-700", children: "No index selected" }),
+      /* @__PURE__ */ jsx52("p", { className: "text-center text-xs text-zinc-500", children: "Create a new index to use the Query Wizard." })
     ] });
   }
   if (aiDataSharingConsent === false) {
-    return /* @__PURE__ */ jsx51(ConsentPrompt, { onClose });
+    return /* @__PURE__ */ jsx52(ConsentPrompt, { onClose });
   }
-  return /* @__PURE__ */ jsxs29("div", { className: "flex w-[500px] flex-col gap-6 rounded-2xl bg-white p-6", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx51("h3", { className: "text-base font-semibold text-zinc-950", children: "AI Query Builder" }),
-      /* @__PURE__ */ jsx51("div", { className: "flex items-center justify-center rounded-md bg-purple-100 px-1.5 py-0.5", children: /* @__PURE__ */ jsx51("span", { className: "!text-sm font-medium text-purple-700", children: "BETA" }) })
+  return /* @__PURE__ */ jsxs30("div", { className: "flex w-[500px] flex-col gap-6 rounded-2xl bg-white p-6", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx52("h3", { className: "text-base font-semibold text-zinc-950", children: "AI Query Builder" }),
+      /* @__PURE__ */ jsx52("div", { className: "flex items-center justify-center rounded-md bg-purple-100 px-1.5 py-0.5", children: /* @__PURE__ */ jsx52("span", { className: "!text-sm font-medium text-purple-700", children: "BETA" }) })
     ] }),
-    generateQuery.error && /* @__PURE__ */ jsxs29("div", { className: "mt-2 rounded-md border border-yellow-300 bg-yellow-50 p-4", children: [
-      /* @__PURE__ */ jsx51("p", { className: "!text-sm font-medium !text-yellow-800", children: generateQuery.error.name }),
-      /* @__PURE__ */ jsx51("p", { className: "mt-0.5 !text-sm !text-yellow-800 opacity-90", children: generateQuery.error.message })
+    generateQuery.error && /* @__PURE__ */ jsxs30("div", { className: "mt-2 rounded-md border border-yellow-300 bg-yellow-50 p-4", children: [
+      /* @__PURE__ */ jsx52("p", { className: "!text-sm font-medium !text-yellow-800", children: generateQuery.error.name }),
+      /* @__PURE__ */ jsx52("p", { className: "mt-0.5 !text-sm !text-yellow-800 opacity-90", children: generateQuery.error.message })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs29(
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs30(
         "button",
         {
           onClick: () => setShowIndexFields(!showIndexFields),
           className: "flex h-8 items-center gap-1.5 rounded-md border border-zinc-300 bg-zinc-50 px-3 hover:bg-zinc-100",
           children: [
-            /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsx52(
               IconChevronRight3,
               {
                 className: `size-5 text-zinc-700 transition-transform ${showIndexFields ? "rotate-90" : ""}`
               }
             ),
-            /* @__PURE__ */ jsx51("span", { className: "text-sm font-medium text-zinc-700", children: "Show Index fields" })
+            /* @__PURE__ */ jsx52("span", { className: "text-sm font-medium text-zinc-700", children: "Show Index fields" })
           ]
         }
       ),
-      showIndexFields && indexData && /* @__PURE__ */ jsx51("div", { className: "rounded-md border border-zinc-200 bg-zinc-50 p-3", children: /* @__PURE__ */ jsx51("pre", { className: "max-h-40 overflow-auto text-xs text-zinc-700", children: JSON.stringify(indexData.schema, null, 2) }) }),
-      /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx51(Label, { htmlFor: "query-input", className: "text-sm font-medium text-zinc-950", children: "Describe" }),
-        /* @__PURE__ */ jsx51(
+      showIndexFields && indexData && /* @__PURE__ */ jsx52("div", { className: "rounded-md border border-zinc-200 bg-zinc-50 p-3", children: /* @__PURE__ */ jsx52("pre", { className: "max-h-40 overflow-auto text-xs text-zinc-700", children: JSON.stringify(indexData.schema, null, 2) }) }),
+      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx52(Label, { htmlFor: "query-input", className: "text-sm font-medium text-zinc-950", children: "Describe" }),
+        /* @__PURE__ */ jsx52(
           "textarea",
           {
             id: "query-input",
@@ -8516,14 +8666,14 @@ var QueryWizardPopover = ({ onClose }) => {
             autoFocus: true
           }
         ),
-        /* @__PURE__ */ jsxs29("div", { children: [
-          /* @__PURE__ */ jsx51("span", { className: "text-xs text-zinc-500", children: 'Example: Find people named "John", boost if older than 20.' }),
-          /* @__PURE__ */ jsx51(DocsLink, { href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/overview" })
+        /* @__PURE__ */ jsxs30("div", { children: [
+          /* @__PURE__ */ jsx52("span", { className: "text-xs text-zinc-500", children: 'Example: Find people named "John", boost if older than 20.' }),
+          /* @__PURE__ */ jsx52(DocsLink, { href: "https://upstash.com/docs/redis/search/query-operators/boolean-operators/overview" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx52(
         "button",
         {
           onClick: onClose,
@@ -8532,17 +8682,17 @@ var QueryWizardPopover = ({ onClose }) => {
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(
         "button",
         {
           onClick: handleGenerate,
           disabled: !input.trim() || generateQuery.isPending || fetchSampleKeys.isPending,
           className: "flex h-8 items-center justify-center gap-2 rounded-md bg-purple-500 px-4 text-sm text-white shadow-[0_1px_1px_rgba(0,0,0,0.05)] hover:bg-purple-600 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-purple-500",
-          children: fetchSampleKeys.isPending ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
-            /* @__PURE__ */ jsx51(Spinner, { isLoading: true }),
+          children: fetchSampleKeys.isPending ? /* @__PURE__ */ jsxs30(Fragment10, { children: [
+            /* @__PURE__ */ jsx52(Spinner, { isLoading: true }),
             "Sampling keys..."
-          ] }) : generateQuery.isPending ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
-            /* @__PURE__ */ jsx51(Spinner, { isLoading: true }),
+          ] }) : generateQuery.isPending ? /* @__PURE__ */ jsxs30(Fragment10, { children: [
+            /* @__PURE__ */ jsx52(Spinner, { isLoading: true }),
             "Generating..."
           ] }) : "Generate Query"
         }
@@ -8552,12 +8702,12 @@ var QueryWizardPopover = ({ onClose }) => {
 };
 
 // src/components/databrowser/components/search/create-index-modal.tsx
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 var CreateIndexModal = ({
   open,
   onOpenChange
 }) => {
-  return /* @__PURE__ */ jsx52(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsx53(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs31(
     DialogContent,
     {
       className: "max-w-2xl",
@@ -8568,9 +8718,9 @@ var CreateIndexModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx52(DialogHeader, { children: /* @__PURE__ */ jsx52(DialogTitle, { children: "Create new Index" }) }),
-        /* @__PURE__ */ jsx52("div", { className: "sr-only", children: /* @__PURE__ */ jsx52(DialogDescription, { children: "Create new search index" }) }),
-        /* @__PURE__ */ jsx52(SearchDisplay, { isCreateModal: true, onClose: () => onOpenChange(false) })
+        /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsx53(DialogTitle, { children: "Create new Index" }) }),
+        /* @__PURE__ */ jsx53("div", { className: "sr-only", children: /* @__PURE__ */ jsx53(DialogDescription, { children: "Create new search index" }) }),
+        /* @__PURE__ */ jsx53(SearchDisplay, { isCreateModal: true, onClose: () => onOpenChange(false) })
       ]
     }
   ) });
@@ -8578,7 +8728,7 @@ var CreateIndexModal = ({
 
 // src/components/databrowser/components/search/edit-index-modal.tsx
 import { useEffect as useEffect15 } from "react";
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
 var EditIndexModal = ({
   open,
   onOpenChange,
@@ -8592,7 +8742,7 @@ var EditIndexModal = ({
       onOpenChange(false);
     }
   }, [indexData, onOpenChange, isIndexLoading, open]);
-  return /* @__PURE__ */ jsx53(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx54(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs32(
     DialogContent,
     {
       className: "min-h-[500px] max-w-2xl",
@@ -8603,9 +8753,9 @@ var EditIndexModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx53(DialogHeader, { children: /* @__PURE__ */ jsx53(DialogTitle, { children: "Edit Index" }) }),
-        /* @__PURE__ */ jsx53("div", { className: "sr-only", children: /* @__PURE__ */ jsx53(DialogDescription, { children: "Edit search index schema" }) }),
-        indexName && /* @__PURE__ */ jsx53(SearchDisplay, { indexName, isEditModal: true, onClose: () => onOpenChange(false) })
+        /* @__PURE__ */ jsx54(DialogHeader, { children: /* @__PURE__ */ jsx54(DialogTitle, { children: "Edit Index" }) }),
+        /* @__PURE__ */ jsx54("div", { className: "sr-only", children: /* @__PURE__ */ jsx54(DialogDescription, { children: "Edit search index schema" }) }),
+        indexName && /* @__PURE__ */ jsx54(SearchDisplay, { indexName, isEditModal: true, onClose: () => onOpenChange(false) })
       ]
     }
   ) });
@@ -8617,7 +8767,7 @@ import { useMutation as useMutation10 } from "@tanstack/react-query";
 // src/components/common/reload-button.tsx
 import { useState as useState15 } from "react";
 import { IconLoader2 as IconLoader22, IconRefresh } from "@tabler/icons-react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var ReloadButton = ({
   onClick,
   isLoading: isLoadingProp,
@@ -8631,20 +8781,20 @@ var ReloadButton = ({
       setIsLoading(false);
     }, 350);
   };
-  return /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54(SimpleTooltip, { content: tooltip, children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55(SimpleTooltip, { content: tooltip, children: /* @__PURE__ */ jsx55(
     Button,
     {
       variant: "outline",
       size: "icon",
       onClick: handleClick,
       disabled: isLoading || isLoadingProp,
-      children: isLoading ? /* @__PURE__ */ jsx54(IconLoader22, { className: "size-5 animate-spin text-zinc-500" }) : /* @__PURE__ */ jsx54(IconRefresh, { className: "size-5 text-zinc-500 dark:text-zinc-600" })
+      children: isLoading ? /* @__PURE__ */ jsx55(IconLoader22, { className: "size-5 animate-spin text-zinc-500" }) : /* @__PURE__ */ jsx55(IconRefresh, { className: "size-5 text-zinc-500 dark:text-zinc-600" })
     }
   ) }) });
 };
 
 // src/components/databrowser/components/header/refresh-button.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var invalidateAll = () => {
   queryClient.invalidateQueries({ queryKey: [FETCH_KEYS_QUERY_KEY] });
   queryClient.invalidateQueries({ queryKey: [FETCH_LIST_ITEMS_QUERY_KEY] });
@@ -8663,7 +8813,7 @@ var RefreshButton = () => {
     },
     onSettled: invalidateAll
   });
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     ReloadButton,
     {
       onClick: () => reindex.mutate(),
@@ -8676,7 +8826,7 @@ var RefreshButton = () => {
 // src/components/databrowser/components/header/search-input.tsx
 import { useEffect as useEffect16, useRef as useRef5, useState as useState16 } from "react";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var dedupeSearchHistory = (history) => {
   const seen = /* @__PURE__ */ new Set();
   return history.filter((item) => {
@@ -8732,9 +8882,9 @@ var SearchInput = () => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs32("div", { className: "relative grow", children: [
-    /* @__PURE__ */ jsxs32(Popover, { open: isFocus && filteredHistory.length > 0, children: [
-      /* @__PURE__ */ jsx56(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx56("div", { className: "h-8 rounded-md border border-zinc-300 font-normal", children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs33("div", { className: "relative grow", children: [
+    /* @__PURE__ */ jsxs33(Popover, { open: isFocus && filteredHistory.length > 0, children: [
+      /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx57("div", { className: "h-8 rounded-md border border-zinc-300 font-normal", children: /* @__PURE__ */ jsx57(
         Input,
         {
           ref: inputRef,
@@ -8753,7 +8903,7 @@ var SearchInput = () => {
           onBlur: () => setIsFocus(false)
         }
       ) }) }),
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx57(
         PopoverContent,
         {
           className: "w-[--radix-popover-trigger-width] divide-y px-3 py-2 text-[13px] text-zinc-900",
@@ -8762,7 +8912,7 @@ var SearchInput = () => {
             e.preventDefault();
             e.stopPropagation();
           },
-          children: filteredHistory.map((item, index) => /* @__PURE__ */ jsx56("div", { className: "w-full py-[3px]", children: /* @__PURE__ */ jsx56(
+          children: filteredHistory.map((item, index) => /* @__PURE__ */ jsx57("div", { className: "w-full py-[3px]", children: /* @__PURE__ */ jsx57(
             "button",
             {
               ref: (el) => {
@@ -8777,7 +8927,7 @@ var SearchInput = () => {
         }
       )
     ] }),
-    state && /* @__PURE__ */ jsxs32(
+    state && /* @__PURE__ */ jsxs33(
       Button,
       {
         type: "button",
@@ -8789,8 +8939,8 @@ var SearchInput = () => {
           setState("");
         },
         children: [
-          /* @__PURE__ */ jsx56(IconX2, { size: 16 }),
-          /* @__PURE__ */ jsx56("span", { className: "sr-only", children: "Clear" })
+          /* @__PURE__ */ jsx57(IconX2, { size: 16 }),
+          /* @__PURE__ */ jsx57("span", { className: "sr-only", children: "Clear" })
         ]
       }
     ),
@@ -8799,7 +8949,7 @@ var SearchInput = () => {
 };
 
 // src/components/databrowser/components/header/type-selector.tsx
-import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 var ALL_TYPES_KEY = "all";
 function DataTypeSelector({ allowSearch }) {
   const { search, setSearchType } = useTab();
@@ -8807,7 +8957,7 @@ function DataTypeSelector({ allowSearch }) {
     [ALL_TYPES_KEY, "All Types"],
     ...Object.entries(DATA_TYPE_NAMES).filter(([key]) => allowSearch || key !== "search")
   ];
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     Select,
     {
       onValueChange: (type) => {
@@ -8819,20 +8969,20 @@ function DataTypeSelector({ allowSearch }) {
       },
       value: search.type === void 0 ? ALL_TYPES_KEY : search.type,
       children: [
-        /* @__PURE__ */ jsx57(SelectTrigger, { className: "!w-auto shrink-0 select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx57(SelectValue, {}) }),
-        /* @__PURE__ */ jsx57(SelectContent, { children: /* @__PURE__ */ jsx57(SelectGroup, { children: entries.map(([key, value]) => /* @__PURE__ */ jsx57(SelectItem, { value: key, children: value }, key)) }) })
+        /* @__PURE__ */ jsx58(SelectTrigger, { className: "!w-auto shrink-0 select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx58(SelectValue, {}) }),
+        /* @__PURE__ */ jsx58(SelectContent, { children: /* @__PURE__ */ jsx58(SelectGroup, { children: entries.map(([key, value]) => /* @__PURE__ */ jsx58(SelectItem, { value: key, children: value }, key)) }) })
       ]
     }
   );
 }
 
 // src/components/databrowser/components/header/index.tsx
-import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 var Header = ({ tabType, allowSearch }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-1.5", children: [
-    /* @__PURE__ */ jsxs34("div", { className: "flex grow items-center gap-1.5", children: [
-      tabType === "all" && /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-1.5", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex grow items-center gap-1.5", children: [
+      tabType === "all" && /* @__PURE__ */ jsx59(
         Segmented,
         {
           options: [
@@ -8842,9 +8992,9 @@ var Header = ({ tabType, allowSearch }) => {
             },
             {
               key: "values",
-              label: /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1", children: [
+              label: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1", children: [
                 "Search",
-                /* @__PURE__ */ jsx58("div", { className: "flex h-[18px] items-center rounded-md bg-emerald-100 px-[5px] text-[11px] text-emerald-700", children: "NEW" })
+                /* @__PURE__ */ jsx59("div", { className: "flex h-[18px] items-center rounded-md bg-emerald-100 px-[5px] text-[11px] text-emerald-700", children: "NEW" })
               ] })
             }
           ],
@@ -8857,15 +9007,15 @@ var Header = ({ tabType, allowSearch }) => {
           selectedClassName: "bg-emerald-50 text-emerald-800"
         }
       ),
-      isValuesSearchSelected ? /* @__PURE__ */ jsx58(IndexSelector, {}) : /* @__PURE__ */ jsxs34(Fragment10, { children: [
-        /* @__PURE__ */ jsx58(DataTypeSelector, { allowSearch }),
-        /* @__PURE__ */ jsx58(SearchInput, {})
+      isValuesSearchSelected ? /* @__PURE__ */ jsx59(IndexSelector, {}) : /* @__PURE__ */ jsxs35(Fragment11, { children: [
+        /* @__PURE__ */ jsx59(DataTypeSelector, { allowSearch }),
+        /* @__PURE__ */ jsx59(SearchInput, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1.5", children: [
-      isValuesSearchSelected && /* @__PURE__ */ jsx58(WizardButton, {}),
-      /* @__PURE__ */ jsx58(RefreshButton, {}),
-      isValuesSearchSelected ? /* @__PURE__ */ jsx58(AddIndexButton, {}) : /* @__PURE__ */ jsx58(AddKeyModal, {})
+    /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1.5", children: [
+      isValuesSearchSelected && /* @__PURE__ */ jsx59(WizardButton, {}),
+      /* @__PURE__ */ jsx59(RefreshButton, {}),
+      isValuesSearchSelected ? /* @__PURE__ */ jsx59(AddIndexButton, {}) : /* @__PURE__ */ jsx59(AddKeyModal, {})
     ] })
   ] });
 };
@@ -8874,26 +9024,33 @@ var IndexSelector = () => {
     valuesSearch: { index },
     setValuesSearchIndex
   } = useTab();
-  const { data: indexes, isLoading } = useFetchSearchIndexes();
   const [open, setOpen] = useState17(false);
+  const [search, setSearch] = useState17("");
+  const debouncedSearch = useDebounce(search, 150);
+  const match = debouncedSearch ? `${debouncedSearch}*` : void 0;
+  const {
+    data: indexes,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    isFetchingNextPage
+  } = useFetchSearchIndexes({ match });
+  const [editingIndex, setEditingIndex] = useState17();
   useEffect17(() => {
-    if (!indexes || isLoading) return;
+    if (!indexes || isLoading || debouncedSearch) return;
     if (index && !indexes.includes(index)) {
       setValuesSearchIndex("");
     } else if (!index && indexes.length > 0) {
       setValuesSearchIndex(indexes[0]);
     }
-  }, [indexes, index, isLoading, setValuesSearchIndex]);
-  const [search, setSearch] = useState17("");
-  const [editingIndex, setEditingIndex] = useState17();
-  const filteredIndexes = indexes?.filter((idx) => idx.toLowerCase().includes(search.toLowerCase()));
+  }, [indexes, index, isLoading, setValuesSearchIndex, debouncedSearch]);
   const handleEditIndex = (indexName) => {
     setOpen(false);
     setEditingIndex(indexName);
   };
-  return /* @__PURE__ */ jsxs34("div", { className: "flex", children: [
-    /* @__PURE__ */ jsx58("div", { className: "flex items-center rounded-l-lg border border-r-0 border-zinc-300 bg-white px-3 text-sm text-zinc-700", children: "Index" }),
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35("div", { className: "flex", children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex items-center rounded-l-lg border border-r-0 border-zinc-300 bg-white px-3 text-sm text-zinc-700", children: "Index" }),
+    /* @__PURE__ */ jsxs35(
       Popover,
       {
         open,
@@ -8903,16 +9060,16 @@ var IndexSelector = () => {
         },
         modal: false,
         children: [
-          /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs34("button", { className: "flex min-w-[140px] items-center justify-between gap-2 rounded-r-lg border border-zinc-300 bg-emerald-50 px-3 py-[5px] text-sm font-medium text-emerald-800 transition-colors hover:bg-emerald-100", children: [
-            /* @__PURE__ */ jsx58("span", { className: "truncate", children: index || "Select an index" }),
-            /* @__PURE__ */ jsx58(IconChevronDown2, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs35("button", { className: "flex min-w-[140px] items-center justify-between gap-2 rounded-r-lg border border-zinc-300 bg-emerald-50 px-3 py-[5px] text-sm font-medium text-emerald-800 transition-colors hover:bg-emerald-100", children: [
+            /* @__PURE__ */ jsx59("span", { className: "truncate", children: index || "Select an index" }),
+            /* @__PURE__ */ jsx59(IconChevronDown2, { className: "size-4 shrink-0 opacity-50" })
           ] }) }),
-          /* @__PURE__ */ jsx58(PopoverContent, { className: "p-2", align: "center", children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx58(CreateIndexButton, {}),
-            /* @__PURE__ */ jsx58("div", { className: "h-px bg-zinc-100" }),
-            /* @__PURE__ */ jsxs34("div", { className: "flex h-9 items-center rounded-md border border-zinc-300 px-2", children: [
-              /* @__PURE__ */ jsx58(IconSearch2, { className: "size-5 text-zinc-400" }),
-              /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59(PopoverContent, { className: "p-2", align: "center", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx59(CreateIndexButton, {}),
+            /* @__PURE__ */ jsx59("div", { className: "h-px bg-zinc-100" }),
+            /* @__PURE__ */ jsxs35("div", { className: "flex h-9 items-center rounded-md border border-zinc-300 px-2", children: [
+              /* @__PURE__ */ jsx59(IconSearch2, { className: "size-5 text-zinc-400" }),
+              /* @__PURE__ */ jsx59(
                 "input",
                 {
                   value: search,
@@ -8922,14 +9079,15 @@ var IndexSelector = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs34("div", { className: "max-h-[200px] overflow-y-auto", children: [
-              filteredIndexes?.length === 0 && /* @__PURE__ */ jsx58("div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
-              filteredIndexes?.map((idx) => /* @__PURE__ */ jsxs34(
+            /* @__PURE__ */ jsxs35("div", { className: "max-h-[200px] overflow-y-auto", children: [
+              isLoading && !indexes && /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx59(IconLoader23, { className: "size-4 animate-spin text-zinc-400" }) }),
+              !isLoading && indexes?.length === 0 && /* @__PURE__ */ jsx59("div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
+              indexes?.map((idx) => /* @__PURE__ */ jsxs35(
                 "div",
                 {
                   className: "flex h-9 items-center rounded-md px-2 transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-200",
                   children: [
-                    /* @__PURE__ */ jsxs34(
+                    /* @__PURE__ */ jsxs35(
                       "button",
                       {
                         onClick: () => {
@@ -8938,21 +9096,21 @@ var IndexSelector = () => {
                         },
                         className: "flex flex-1 items-center gap-2 text-left text-sm",
                         children: [
-                          /* @__PURE__ */ jsx58(
+                          /* @__PURE__ */ jsx59(
                             "span",
                             {
                               className: cn(
                                 "flex size-5 items-center justify-center",
                                 idx === index ? "text-emerald-600" : "text-transparent"
                               ),
-                              children: /* @__PURE__ */ jsx58(IconCircleCheck, { className: "size-5" })
+                              children: /* @__PURE__ */ jsx59(IconCircleCheck, { className: "size-5" })
                             }
                           ),
-                          /* @__PURE__ */ jsx58("span", { className: "truncate", children: idx })
+                          /* @__PURE__ */ jsx59("span", { className: "truncate", children: idx })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       "button",
                       {
                         onClick: (event) => {
@@ -8967,13 +9125,22 @@ var IndexSelector = () => {
                   ]
                 },
                 idx
-              ))
+              )),
+              hasNextPage && /* @__PURE__ */ jsx59(
+                "button",
+                {
+                  onClick: () => fetchNextPage(),
+                  disabled: isFetchingNextPage,
+                  className: "flex h-9 w-full items-center justify-center rounded-md text-sm text-emerald-600 transition-colors hover:bg-zinc-100 disabled:opacity-50",
+                  children: isFetchingNextPage ? "Loading..." : "Load more"
+                }
+              )
             ] })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       EditIndexModal,
       {
         open: Boolean(editingIndex),
@@ -8985,8 +9152,8 @@ var IndexSelector = () => {
 };
 var CreateIndexButton = () => {
   const [open, setOpen] = useState17(false);
-  return /* @__PURE__ */ jsxs34(Fragment10, { children: [
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(Fragment11, { children: [
+    /* @__PURE__ */ jsxs35(
       "button",
       {
         onClick: (e) => {
@@ -8995,39 +9162,39 @@ var CreateIndexButton = () => {
         },
         className: "flex h-9 w-full items-center gap-2 rounded-md px-2 text-sm text-emerald-600 transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-200",
         children: [
-          /* @__PURE__ */ jsx58(IconCirclePlus, { className: "size-5" }),
-          /* @__PURE__ */ jsx58("span", { className: "underline", children: "Create a new Index" })
+          /* @__PURE__ */ jsx59(IconCirclePlus, { className: "size-5" }),
+          /* @__PURE__ */ jsx59("span", { className: "underline", children: "Create a new Index" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx58(CreateIndexModal, { open, onOpenChange: setOpen })
+    /* @__PURE__ */ jsx59(CreateIndexModal, { open, onOpenChange: setOpen })
   ] });
 };
 var AddIndexButton = () => {
   const [open, setOpen] = useState17(false);
-  return /* @__PURE__ */ jsxs34(Fragment10, { children: [
-    /* @__PURE__ */ jsx58(SimpleTooltip, { content: "Create new Index", children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(Fragment11, { children: [
+    /* @__PURE__ */ jsx59(SimpleTooltip, { content: "Create new Index", children: /* @__PURE__ */ jsxs35(
       Button,
       {
         variant: "primary",
         onClick: () => setOpen(true),
         className: "flex h-8 select-none items-center gap-1 rounded-lg pl-2 pr-3 text-sm font-medium",
         children: [
-          /* @__PURE__ */ jsx58(IconPlus3, { className: "size-5" }),
+          /* @__PURE__ */ jsx59(IconPlus3, { className: "size-5" }),
           "Index"
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx58(CreateIndexModal, { open, onOpenChange: setOpen })
+    /* @__PURE__ */ jsx59(CreateIndexModal, { open, onOpenChange: setOpen })
   ] });
 };
 var WizardButton = () => {
   const queryWizard = useQueryWizardFn();
   const [open, setOpen] = useState17(false);
   if (!queryWizard) return null;
-  return /* @__PURE__ */ jsxs34(Popover, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ jsx58(SimpleTooltip, { content: "Query Wizard", children: /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(Button, { size: "icon", "aria-label": "Query Wizard", children: /* @__PURE__ */ jsx58(IconSparkles, { className: "size-4 text-zinc-500" }) }) }) }),
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs35(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx59(SimpleTooltip, { content: "Query Wizard", children: /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(Button, { size: "icon", "aria-label": "Query Wizard", children: /* @__PURE__ */ jsx59(IconSparkles, { className: "size-4 text-zinc-500" }) }) }) }),
+    /* @__PURE__ */ jsx59(
       PopoverContent,
       {
         side: "bottom",
@@ -9035,18 +9202,18 @@ var WizardButton = () => {
         alignOffset: -124,
         avoidCollisions: false,
         className: "w-auto p-0",
-        children: /* @__PURE__ */ jsx58(QueryWizardPopover, { onClose: () => setOpen(false) })
+        children: /* @__PURE__ */ jsx59(QueryWizardPopover, { onClose: () => setOpen(false) })
       }
     )
   ] });
 };
 
 // src/components/databrowser/components/header-error.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var HeaderError = () => {
   const { query } = useKeys();
   if (!query.error) return null;
-  return /* @__PURE__ */ jsx59("p", { className: "text-sm text-red-600 dark:text-red-400", children: formatUpstashErrorMessage(query.error) });
+  return /* @__PURE__ */ jsx60("p", { className: "text-sm text-red-600 dark:text-red-400", children: formatUpstashErrorMessage(query.error) });
 };
 
 // src/components/databrowser/components/search/query-editor.tsx
@@ -9109,7 +9276,7 @@ type Query = RootQueryFilter<SchemaFields>;
 };
 
 // src/components/databrowser/components/search/query-editor.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var QUERY_PREFIX = "const query: Query = {";
 var QUERY_DEFAULT = "const query: Query = {}";
 var isQueryStringValid = (value) => {
@@ -9117,7 +9284,7 @@ var isQueryStringValid = (value) => {
 };
 var QueryEditor = ({ value, onChange, height, schema }) => {
   const typeDefinitions = useMemo9(() => generateTypeDefinitions(schema), [schema]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     EditorWithTypes,
     {
       value,
@@ -9133,13 +9300,13 @@ var QueryEditor = ({ value, onChange, height, schema }) => {
 };
 
 // src/components/databrowser/components/query-builder.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var QueryBuilder = () => {
   const { valuesSearch, setValuesSearchQuery } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const editorValue = PREFIX + (valuesSearch.query || "{}");
   if (!indexDetails) return;
-  return /* @__PURE__ */ jsx61("div", { className: "flex h-full flex-col rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ jsx61("div", { className: "relative min-h-0 flex-1", children: /* @__PURE__ */ jsx61("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62("div", { className: "flex h-full flex-col rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ jsx62("div", { className: "relative min-h-0 flex-1", children: /* @__PURE__ */ jsx62("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx62(
     QueryEditor,
     {
       value: editorValue,
@@ -9154,7 +9321,7 @@ var QueryBuilder = () => {
 
 // src/components/databrowser/components/query-builder-error.tsx
 import { useEffect as useEffect18, useState as useState18 } from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var ERROR_TIMEOUT = 5e3;
 var QueryBuilderError = ({
   error,
@@ -9176,7 +9343,7 @@ var QueryBuilderError = ({
     return () => clearTimeout(timeout);
   }, [error, autoHide]);
   if (!displayedError) return;
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "p",
     {
       className: cn(
@@ -9197,7 +9364,7 @@ import { IconCode, IconDatabase, IconSearch as IconSearch3, IconSparkles as Icon
 
 // src/components/databrowser/components/import-sample-dataset-modal.tsx
 import { useEffect as useEffect19, useState as useState19 } from "react";
-import { Fragment as Fragment11, jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
 var INDEX_NAME = "users-index";
 var USER_COUNT = 100;
 var firstNames = [
@@ -9392,14 +9559,14 @@ var ImportSampleDatasetModal = ({
     }
   };
   const isRunning = status !== void 0;
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     Dialog,
     {
       open,
       onOpenChange: (isOpen) => {
         if (!isRunning) onOpenChange(isOpen);
       },
-      children: /* @__PURE__ */ jsxs35(
+      children: /* @__PURE__ */ jsxs36(
         DialogContent,
         {
           onInteractOutside: (e) => {
@@ -9409,28 +9576,28 @@ var ImportSampleDatasetModal = ({
             if (isRunning) e.preventDefault();
           },
           children: [
-            /* @__PURE__ */ jsxs35(DialogHeader, { children: [
-              /* @__PURE__ */ jsx63(DialogTitle, { children: "Import Sample Dataset" }),
-              !isRunning && !error && /* @__PURE__ */ jsxs35(DialogDescription, { children: [
+            /* @__PURE__ */ jsxs36(DialogHeader, { children: [
+              /* @__PURE__ */ jsx64(DialogTitle, { children: "Import Sample Dataset" }),
+              !isRunning && !error && /* @__PURE__ */ jsxs36(DialogDescription, { children: [
                 "This will create a ",
-                /* @__PURE__ */ jsx63("strong", { children: "users-index" }),
+                /* @__PURE__ */ jsx64("strong", { children: "users-index" }),
                 " with 100 sample user records.",
-                /* @__PURE__ */ jsx63("br", {}),
-                /* @__PURE__ */ jsx63("br", {}),
+                /* @__PURE__ */ jsx64("br", {}),
+                /* @__PURE__ */ jsx64("br", {}),
                 "Each user has name, age, gender, student/employment status, and contact information."
               ] })
             ] }),
-            isRunning && /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 py-4", children: [
-              /* @__PURE__ */ jsx63("p", { className: "text-sm text-zinc-500", children: status }),
-              /* @__PURE__ */ jsx63(Progress, { value: progress })
+            isRunning && /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-2 py-4", children: [
+              /* @__PURE__ */ jsx64("p", { className: "text-sm text-zinc-500", children: status }),
+              /* @__PURE__ */ jsx64(Progress, { value: progress })
             ] }),
-            error && /* @__PURE__ */ jsx63("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
-            /* @__PURE__ */ jsxs35(DialogFooter, { children: [
-              !isRunning && !error && /* @__PURE__ */ jsxs35(Fragment11, { children: [
-                /* @__PURE__ */ jsx63(Button, { onClick: () => onOpenChange(false), children: "Cancel" }),
-                /* @__PURE__ */ jsx63(Button, { variant: "primary", onClick: handleImport, children: "Import" })
+            error && /* @__PURE__ */ jsx64("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
+            /* @__PURE__ */ jsxs36(DialogFooter, { children: [
+              !isRunning && !error && /* @__PURE__ */ jsxs36(Fragment12, { children: [
+                /* @__PURE__ */ jsx64(Button, { onClick: () => onOpenChange(false), children: "Cancel" }),
+                /* @__PURE__ */ jsx64(Button, { variant: "primary", onClick: handleImport, children: "Import" })
               ] }),
-              error && /* @__PURE__ */ jsx63(Button, { onClick: () => onOpenChange(false), children: "Close" })
+              error && /* @__PURE__ */ jsx64(Button, { onClick: () => onOpenChange(false), children: "Close" })
             ] })
           ]
         }
@@ -9440,44 +9607,44 @@ var ImportSampleDatasetModal = ({
 };
 
 // src/components/databrowser/components/search-empty-state.tsx
-import { jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
 var SearchEmptyState = () => {
   const [importModalOpen, setImportModalOpen] = useState20(false);
-  return /* @__PURE__ */ jsxs36("div", { className: "mx-auto flex h-full w-full gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
-    /* @__PURE__ */ jsx64(ImportSampleDatasetModal, { open: importModalOpen, onOpenChange: setImportModalOpen }),
-    /* @__PURE__ */ jsxs36("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx64("h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
-      /* @__PURE__ */ jsx64("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__ */ jsxs36("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx64("h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
-        /* @__PURE__ */ jsxs36("div", { className: "space-y-2.5", children: [
-          /* @__PURE__ */ jsxs36("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx64("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx64(IconDatabase, { size: 16 }) }),
-            /* @__PURE__ */ jsxs36("div", { children: [
-              /* @__PURE__ */ jsx64("h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
-              /* @__PURE__ */ jsx64("p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
+  return /* @__PURE__ */ jsxs37("div", { className: "mx-auto flex h-full w-full gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
+    /* @__PURE__ */ jsx65(ImportSampleDatasetModal, { open: importModalOpen, onOpenChange: setImportModalOpen }),
+    /* @__PURE__ */ jsxs37("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx65("h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
+      /* @__PURE__ */ jsx65("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__ */ jsxs37("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx65("h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
+        /* @__PURE__ */ jsxs37("div", { className: "space-y-2.5", children: [
+          /* @__PURE__ */ jsxs37("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx65("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx65(IconDatabase, { size: 16 }) }),
+            /* @__PURE__ */ jsxs37("div", { children: [
+              /* @__PURE__ */ jsx65("h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
+              /* @__PURE__ */ jsx65("p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs36("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx64("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx64(IconCode, { size: 16 }) }),
-            /* @__PURE__ */ jsxs36("div", { children: [
-              /* @__PURE__ */ jsx64("h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
-              /* @__PURE__ */ jsx64("p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
+          /* @__PURE__ */ jsxs37("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx65("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx65(IconCode, { size: 16 }) }),
+            /* @__PURE__ */ jsxs37("div", { children: [
+              /* @__PURE__ */ jsx65("h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
+              /* @__PURE__ */ jsx65("p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs36("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx64("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx64(IconSearch3, { size: 16 }) }),
-            /* @__PURE__ */ jsxs36("div", { children: [
-              /* @__PURE__ */ jsx64("h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
-              /* @__PURE__ */ jsx64("p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
+          /* @__PURE__ */ jsxs37("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx65("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx65(IconSearch3, { size: 16 }) }),
+            /* @__PURE__ */ jsxs37("div", { children: [
+              /* @__PURE__ */ jsx65("h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
+              /* @__PURE__ */ jsx65("p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx65(
         "a",
         {
-          href: "https://upstash-search.mintlify.app/redis/search/introduction",
+          href: "https://upstash.com/docs/redis/search/introduction",
           target: "_blank",
           rel: "noopener noreferrer",
           className: "mt-5 inline-block text-sm text-emerald-600 underline-offset-2 hover:underline",
@@ -9485,11 +9652,11 @@ var SearchEmptyState = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs36("div", { className: "flex w-[350px] flex-col items-center justify-center rounded-lg border bg-gradient-to-b from-zinc-50 to-white p-6 shadow-sm", children: [
-      /* @__PURE__ */ jsx64("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx64(IconSparkles2, { size: 24 }) }),
-      /* @__PURE__ */ jsx64("h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Try it out" }),
-      /* @__PURE__ */ jsx64("p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Load a sample dataset to explore Redis Search" }),
-      /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsxs37("div", { className: "flex w-[350px] flex-col items-center justify-center rounded-lg border bg-gradient-to-b from-zinc-50 to-white p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsx65("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx65(IconSparkles2, { size: 24 }) }),
+      /* @__PURE__ */ jsx65("h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Try it out" }),
+      /* @__PURE__ */ jsx65("p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Load a sample dataset to explore Redis Search" }),
+      /* @__PURE__ */ jsx65(
         "button",
         {
           onClick: () => setImportModalOpen(true),
@@ -9502,23 +9669,23 @@ var SearchEmptyState = () => {
 };
 
 // src/components/databrowser/components/sidebar/empty.tsx
-import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
 var Empty = () => {
-  return /* @__PURE__ */ jsx65("div", { className: "flex h-full w-full items-center justify-center rounded-md border bg-white px-4 py-6 text-center", children: /* @__PURE__ */ jsxs37("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsx65("p", { className: "text-md font-medium", children: "Data on a break" }),
-    /* @__PURE__ */ jsx65("p", { className: "text-balance text-center", children: '"Quick, lure it back with some CLI magic!"' })
+  return /* @__PURE__ */ jsx66("div", { className: "flex h-full w-full items-center justify-center rounded-md border bg-white px-4 py-6 text-center", children: /* @__PURE__ */ jsxs38("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx66("p", { className: "text-md font-medium", children: "Data on a break" }),
+    /* @__PURE__ */ jsx66("p", { className: "text-balance text-center", children: '"Quick, lure it back with some CLI magic!"' })
   ] }) });
 };
 
 // src/components/databrowser/components/sidebar/keys-list.tsx
-import { Fragment as Fragment13, useRef as useRef6 } from "react";
+import { Fragment as Fragment14, useRef as useRef6 } from "react";
 import { IconChevronRight as IconChevronRight4 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/sidebar-context-menu.tsx
 import { useState as useState21 } from "react";
 import { ContextMenuSeparator as ContextMenuSeparator3 } from "@radix-ui/react-context-menu";
 import { IconCopy as IconCopy3, IconExternalLink as IconExternalLink3, IconTrash as IconTrash3 } from "@tabler/icons-react";
-import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
 var SidebarContextMenu = ({ children }) => {
   const { mutateAsync: deleteKey } = useDeleteKey();
   const [isAlertOpen, setAlertOpen] = useState21(false);
@@ -9530,8 +9697,8 @@ var SidebarContextMenu = ({ children }) => {
     setSearch
   } = useDatabrowserStore();
   const { search: currentSearch, selectedKeys, isValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsxs38(Fragment12, { children: [
-    /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsxs39(Fragment13, { children: [
+    /* @__PURE__ */ jsx67(
       DeleteKeyModal,
       {
         deletionType: "key",
@@ -9546,8 +9713,8 @@ var SidebarContextMenu = ({ children }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsxs38(ContextMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsxs39(ContextMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx67(
         ContextMenuTrigger,
         {
           onContextMenu: (e) => {
@@ -9567,8 +9734,8 @@ var SidebarContextMenu = ({ children }) => {
           children
         }
       ),
-      /* @__PURE__ */ jsxs38(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxs38(
+      /* @__PURE__ */ jsxs39(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxs39(
           ContextMenuItem,
           {
             onClick: () => {
@@ -9580,12 +9747,12 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx66(IconCopy3, { size: 16 }),
+              /* @__PURE__ */ jsx67(IconCopy3, { size: 16 }),
               "Copy key"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsxs39(
           ContextMenuItem,
           {
             onClick: () => {
@@ -9597,14 +9764,14 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx66(IconExternalLink3, { size: 16 }),
+              /* @__PURE__ */ jsx67(IconExternalLink3, { size: 16 }),
               "Open in new tab"
             ]
           }
         ),
-        /* @__PURE__ */ jsx66(ContextMenuSeparator3, {}),
-        /* @__PURE__ */ jsxs38(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
-          /* @__PURE__ */ jsx66(IconTrash3, { size: 16 }),
+        /* @__PURE__ */ jsx67(ContextMenuSeparator3, {}),
+        /* @__PURE__ */ jsxs39(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
+          /* @__PURE__ */ jsx67(IconTrash3, { size: 16 }),
           contextKeys.length > 1 ? `Delete ${contextKeys.length} keys` : "Delete key"
         ] })
       ] })
@@ -9613,14 +9780,14 @@ var SidebarContextMenu = ({ children }) => {
 };
 
 // src/components/databrowser/components/sidebar/keys-list.tsx
-import { Fragment as Fragment14, jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
 var KeysList = () => {
   const { keys } = useKeys();
   const lastClickedIndexRef = useRef6(null);
-  return /* @__PURE__ */ jsx67(SidebarContextMenu, { children: /* @__PURE__ */ jsxs39(Fragment14, { children: [
-    /* @__PURE__ */ jsx67("div", { className: "h-px" }),
-    keys.map((data, i) => /* @__PURE__ */ jsxs39(Fragment13, { children: [
-      /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(SidebarContextMenu, { children: /* @__PURE__ */ jsxs40(Fragment15, { children: [
+    /* @__PURE__ */ jsx68("div", { className: "h-px" }),
+    keys.map((data, i) => /* @__PURE__ */ jsxs40(Fragment14, { children: [
+      /* @__PURE__ */ jsx68(
         KeyItem,
         {
           index: i,
@@ -9629,7 +9796,7 @@ var KeysList = () => {
           lastClickedIndexRef
         }
       ),
-      i !== keys.length - 1 && /* @__PURE__ */ jsx67("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-300" })
+      i !== keys.length - 1 && /* @__PURE__ */ jsx68("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-300" })
     ] }, data[0]))
   ] }) });
 };
@@ -9671,7 +9838,7 @@ var KeyItem = ({
       lastClickedIndexRef.current = index;
     }
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "button",
     {
       "data-key": dataKey,
@@ -9683,40 +9850,40 @@ var KeyItem = ({
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx67(TypeTag, { variant: dataType, type: "icon" }),
-        /* @__PURE__ */ jsx67("p", { className: "grow truncate whitespace-nowrap", children: dataKey }),
-        score !== void 0 && /* @__PURE__ */ jsx67("span", { className: "shrink-0 text-xs text-zinc-400", children: score.toFixed(2) }),
-        isKeySelected && /* @__PURE__ */ jsx67(IconChevronRight4, { className: "shrink-0 text-zinc-500", size: 20 })
+        /* @__PURE__ */ jsx68(TypeTag, { variant: dataType, type: "icon" }),
+        /* @__PURE__ */ jsx68("p", { className: "grow truncate whitespace-nowrap", children: dataKey }),
+        score !== void 0 && /* @__PURE__ */ jsx68("span", { className: "shrink-0 text-xs text-zinc-400", children: score.toFixed(2) }),
+        isKeySelected && /* @__PURE__ */ jsx68(IconChevronRight4, { className: "shrink-0 text-zinc-500", size: 20 })
       ]
     }
   );
 };
 
 // src/components/databrowser/components/sidebar/skeleton-buttons.tsx
-import { jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_SKELETON_COUNT = 6;
-var LoadingSkeleton = () => /* @__PURE__ */ jsx68("div", { className: "block h-full w-full rounded-lg bg-zinc-100 p-1 pr-3 transition-all", children: Array.from({ length: DEFAULT_SKELETON_COUNT }).fill(0).map((_, idx) => /* @__PURE__ */ jsxs40("div", { className: "flex h-10 items-center gap-2 px-3", children: [
-  /* @__PURE__ */ jsx68(Skeleton, { className: "size-5 shrink-0 rounded" }),
-  /* @__PURE__ */ jsx68(Skeleton, { className: "h-4 grow rounded" })
+var LoadingSkeleton = () => /* @__PURE__ */ jsx69("div", { className: "block h-full w-full rounded-lg bg-zinc-100 p-1 pr-3 transition-all", children: Array.from({ length: DEFAULT_SKELETON_COUNT }).fill(0).map((_, idx) => /* @__PURE__ */ jsxs41("div", { className: "flex h-10 items-center gap-2 px-3", children: [
+  /* @__PURE__ */ jsx69(Skeleton, { className: "size-5 shrink-0 rounded" }),
+  /* @__PURE__ */ jsx69(Skeleton, { className: "h-4 grow rounded" })
 ] }, idx)) });
 
 // src/components/databrowser/components/sidebar/index.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function Sidebar() {
   const { keys, query } = useKeys();
-  return /* @__PURE__ */ jsx69("div", { className: "relative flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx69(LoadingSkeleton, {}) : keys.length > 0 ? (
+  return /* @__PURE__ */ jsx70("div", { className: "relative flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx70(LoadingSkeleton, {}) : keys.length > 0 ? (
     // Infinite scroll already has a loader at the bottom
-    /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx70(
       InfiniteScroll,
       {
         query,
         disableRoundedInherit: true,
         className: "h-full min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4 dark:bg-zinc-200",
         scrollBarClassName: "py-5",
-        children: /* @__PURE__ */ jsx69(KeysList, {})
+        children: /* @__PURE__ */ jsx70(KeysList, {})
       }
     )
-  ) : /* @__PURE__ */ jsx69(Empty, {}) });
+  ) : /* @__PURE__ */ jsx70(Empty, {}) });
 }
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
@@ -10090,7 +10257,7 @@ var createInitialQueryState = () => ({
 });
 
 // src/components/databrowser/components/ui-query-builder/query-builder-context.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var QueryBuilderUIContext = createContext7(null);
 var QueryBuilderUIProvider = ({
   children,
@@ -10146,7 +10313,7 @@ var QueryBuilderUIProvider = ({
     }),
     [fieldInfos, updateNode, deleteNode, addChildToGroup, moveNode]
   );
-  return /* @__PURE__ */ jsx70(QueryBuilderUIContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx71(QueryBuilderUIContext.Provider, { value, children });
 };
 var useQueryBuilderUI = () => {
   const context = useContext7(QueryBuilderUIContext);
@@ -10232,7 +10399,7 @@ import { useState as useState23 } from "react";
 
 // src/components/databrowser/components/ui-query-builder/dynamic-width-input.tsx
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef7, useState as useState22 } from "react";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var measureContext = null;
 var getTextWidth = (text, font) => {
   if (!measureContext) {
@@ -10264,7 +10431,7 @@ var DynamicWidthInput = ({
       setWidth(Math.max(Math.ceil(textWidth), minWidth));
     }
   }, [value, minWidth, placeholder]);
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     "input",
     {
       ref: inputRef,
@@ -10281,7 +10448,7 @@ var DynamicWidthInput = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/boost-badge.tsx
-import { jsx as jsx72, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs42 } from "react/jsx-runtime";
 var BoostBadge = ({
   node,
   static: isStatic
@@ -10310,15 +10477,15 @@ var BoostBadge = ({
   const isNegative = (node.boost ?? 0) < 0;
   const labelBg = isNegative ? "bg-red-50" : "bg-purple-50";
   const textColor = isNegative ? "text-red-800" : "text-purple-800";
-  return /* @__PURE__ */ jsxs41("span", { className: "relative flex h-[26px] items-center overflow-hidden rounded-md border border-zinc-300 text-sm font-medium", children: [
-    /* @__PURE__ */ jsxs41(Tooltip, { delayDuration: 200, children: [
-      /* @__PURE__ */ jsx72(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx72("span", { className: `flex h-full cursor-default items-center px-2 ${labelBg} ${textColor}`, children: isNegative ? "Demote" : "Boost" }) }),
-      /* @__PURE__ */ jsxs41(TooltipContent, { side: "bottom", className: "max-w-xs", children: [
-        /* @__PURE__ */ jsx72("span", { children: isNegative ? `Multiplies this condition's score by ${node.boost ?? 0}, subtracting from the total.` : `Multiplies this condition's score by ${node.boost ?? 0}.` }),
-        /* @__PURE__ */ jsx72(DocsLink, { href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/boost" })
+  return /* @__PURE__ */ jsxs42("span", { className: "relative flex h-[26px] items-center overflow-hidden rounded-md border border-zinc-300 text-sm font-medium", children: [
+    /* @__PURE__ */ jsxs42(Tooltip, { delayDuration: 200, children: [
+      /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73("span", { className: `flex h-full cursor-default items-center px-2 ${labelBg} ${textColor}`, children: isNegative ? "Demote" : "Boost" }) }),
+      /* @__PURE__ */ jsxs42(TooltipContent, { side: "bottom", className: "max-w-xs", children: [
+        /* @__PURE__ */ jsx73("span", { children: isNegative ? `Multiplies this condition's score by ${node.boost ?? 0}, subtracting from the total.` : `Multiplies this condition's score by ${node.boost ?? 0}.` }),
+        /* @__PURE__ */ jsx73(DocsLink, { href: "https://upstash.com/docs/redis/search/query-operators/boolean-operators/boost" })
       ] })
     ] }),
-    isStatic ? /* @__PURE__ */ jsx72("span", { className: `px-2 ${textColor}`, children: node.boost }) : /* @__PURE__ */ jsx72("span", { className: "flex h-full items-center bg-white px-2", children: /* @__PURE__ */ jsx72(
+    isStatic ? /* @__PURE__ */ jsx73("span", { className: `px-2 ${textColor}`, children: node.boost }) : /* @__PURE__ */ jsx73("span", { className: "flex h-full items-center bg-white px-2", children: /* @__PURE__ */ jsx73(
       DynamicWidthInput,
       {
         value: localValue,
@@ -10347,8 +10514,8 @@ import { DragOverlay as DndKitDragOverlay } from "@dnd-kit/core";
 import { IconGripVertical as IconGripVertical2 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/ui-query-builder/not-badge.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
-var NotBadge = () => /* @__PURE__ */ jsx73("span", { className: "flex h-[26px] items-center rounded-md border border-zinc-300 bg-amber-50 px-2 text-sm font-medium text-amber-800", children: "Not" });
+import { jsx as jsx74 } from "react/jsx-runtime";
+var NotBadge = () => /* @__PURE__ */ jsx74("span", { className: "flex h-[26px] items-center rounded-md border border-zinc-300 bg-amber-50 px-2 text-sm font-medium text-amber-800", children: "Not" });
 
 // src/components/databrowser/components/ui-query-builder/query-condition.tsx
 import { useEffect as useEffect20, useState as useState25 } from "react";
@@ -10357,7 +10524,7 @@ import { IconGripVertical, IconX as IconX3 } from "@tabler/icons-react";
 // src/components/databrowser/components/ui-query-builder/node-actions-menu.tsx
 import { useState as useState24 } from "react";
 import { IconDots } from "@tabler/icons-react";
-import { jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
 var NodeActionsMenu = ({ node }) => {
   const { updateNode } = useQueryBuilderUI();
   const [open, setOpen] = useState24(false);
@@ -10367,22 +10534,22 @@ var NodeActionsMenu = ({ node }) => {
   const handleToggleNot = () => {
     updateNode(node.id, { not: !node.not });
   };
-  return /* @__PURE__ */ jsxs42(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx74(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs43(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx75(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx75(
       "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",
-        children: /* @__PURE__ */ jsx74(IconDots, { size: 16 })
+        children: /* @__PURE__ */ jsx75(IconDots, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ jsxs42(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx74(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsxs43(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx75(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx75(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.boost === void 0 ? "bg-zinc-200" : "bg-emerald-500"}`,
-            children: /* @__PURE__ */ jsx74(
+            children: /* @__PURE__ */ jsx75(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.boost === void 0 ? "translate-x-0" : "translate-x-4"}`
@@ -10390,14 +10557,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx74("span", { children: "Boost" })
+        /* @__PURE__ */ jsx75("span", { children: "Boost" })
       ] }) }),
-      /* @__PURE__ */ jsx74(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx75(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx75(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.not ? "bg-emerald-500" : "bg-zinc-200"}`,
-            children: /* @__PURE__ */ jsx74(
+            children: /* @__PURE__ */ jsx75(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.not ? "translate-x-4" : "translate-x-0"}`
@@ -10405,14 +10572,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx74("span", { children: "Not" })
+        /* @__PURE__ */ jsx75("span", { children: "Not" })
       ] }) })
     ] })
   ] });
 };
 
 // src/components/databrowser/components/ui-query-builder/query-condition.tsx
-import { Fragment as Fragment15, jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
 var formatValueForDisplay = (value) => {
   if (Array.isArray(value)) {
     return value.join(", ");
@@ -10633,48 +10800,48 @@ var QueryCondition = ({
   const filteredOperators = OPERATOR_OPTIONS.filter((op) => allowedOperators.includes(op.value));
   const isInvalidOperator = !isUnknownField && currentFieldType !== "unknown" && !allowedOperators.includes(condition.operator);
   const operatorError = isInvalidOperator ? `"${condition.operator}" is not valid for ${currentFieldType} fields` : void 0;
-  return /* @__PURE__ */ jsxs43("div", { className: "group/condition flex items-center gap-1 px-1", children: [
-    /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsxs44("div", { className: "group/condition flex items-center gap-1 px-1", children: [
+    /* @__PURE__ */ jsx76(
       "div",
       {
         ref: dragHandleProps?.ref,
         className: "flex cursor-grab items-center px-1 text-zinc-400 hover:text-zinc-600",
         ...dragHandleProps?.attributes,
         ...dragHandleProps?.listeners,
-        children: /* @__PURE__ */ jsx75(IconGripVertical, { size: 16 })
+        children: /* @__PURE__ */ jsx76(IconGripVertical, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsxs43("div", { className: "flex", children: [
-      /* @__PURE__ */ jsxs43(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
-        /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsxs44("div", { className: "flex", children: [
+      /* @__PURE__ */ jsxs44(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
+        /* @__PURE__ */ jsx76(
           SimpleTooltip,
           {
             content: isUnknownField ? "This field is not defined in the schema" : void 0,
             variant: "error",
-            children: /* @__PURE__ */ jsx75(
+            children: /* @__PURE__ */ jsx76(
               SelectTrigger,
               {
                 className: `h-[26px] w-32 gap-3 rounded-none rounded-l-md border-r-0 border-zinc-200 bg-white px-2 text-sm font-normal ${isUnknownField ? "text-red-500" : ""}`,
-                children: /* @__PURE__ */ jsx75(SelectValue, { placeholder: "Select field" })
+                children: /* @__PURE__ */ jsx76(SelectValue, { placeholder: "Select field" })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs43(SelectContent, { children: [
-          isUnknownField && /* @__PURE__ */ jsx75(SelectItem, { value: condition.field, className: "text-red-500", children: condition.field }, condition.field),
-          fieldNames.length > 0 ? fieldNames.map((field) => /* @__PURE__ */ jsx75(SelectItem, { value: field, children: field }, field)) : !isUnknownField && /* @__PURE__ */ jsx75("div", { className: "px-2 py-1.5 text-sm text-zinc-500", children: "No fields available" })
+        /* @__PURE__ */ jsxs44(SelectContent, { children: [
+          isUnknownField && /* @__PURE__ */ jsx76(SelectItem, { value: condition.field, className: "text-red-500", children: condition.field }, condition.field),
+          fieldNames.length > 0 ? fieldNames.map((field) => /* @__PURE__ */ jsx76(SelectItem, { value: field, children: field }, field)) : !isUnknownField && /* @__PURE__ */ jsx76("div", { className: "px-2 py-1.5 text-sm text-zinc-500", children: "No fields available" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs43(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx75(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsxs44(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
+        /* @__PURE__ */ jsx76(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx76(
           SelectTrigger,
           {
             className: `h-[26px] w-24 gap-3 rounded-none border-r-0 border-zinc-200 px-2 text-sm font-normal ${operatorError || valueTypeError ? "text-red-500" : ""}`,
-            children: /* @__PURE__ */ jsx75(SelectValue, {})
+            children: /* @__PURE__ */ jsx76(SelectValue, {})
           }
         ) }),
-        /* @__PURE__ */ jsxs43(SelectContent, { children: [
-          isInvalidOperator && /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsxs44(SelectContent, { children: [
+          isInvalidOperator && /* @__PURE__ */ jsx76(
             SelectItem,
             {
               value: condition.operator,
@@ -10683,7 +10850,7 @@ var QueryCondition = ({
             },
             condition.operator
           ),
-          filteredOperators.map((op) => /* @__PURE__ */ jsx75(
+          filteredOperators.map((op) => /* @__PURE__ */ jsx76(
             SelectItem,
             {
               value: op.value,
@@ -10694,9 +10861,9 @@ var QueryCondition = ({
           ))
         ] })
       ] }),
-      currentFieldType === "boolean" && condition.operator === "in" ? /* @__PURE__ */ jsxs43("div", { className: "flex h-[26px] items-center gap-2 rounded-none rounded-r-md border border-zinc-200 bg-white px-2 text-sm", children: [
-        /* @__PURE__ */ jsxs43("label", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx75(
+      currentFieldType === "boolean" && condition.operator === "in" ? /* @__PURE__ */ jsxs44("div", { className: "flex h-[26px] items-center gap-2 rounded-none rounded-r-md border border-zinc-200 bg-white px-2 text-sm", children: [
+        /* @__PURE__ */ jsxs44("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx76(
             "input",
             {
               type: "checkbox",
@@ -10712,10 +10879,10 @@ var QueryCondition = ({
               className: "h-3 w-3"
             }
           ),
-          /* @__PURE__ */ jsx75("span", { children: "true" })
+          /* @__PURE__ */ jsx76("span", { children: "true" })
         ] }),
-        /* @__PURE__ */ jsxs43("label", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsxs44("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx76(
             "input",
             {
               type: "checkbox",
@@ -10731,9 +10898,9 @@ var QueryCondition = ({
               className: "h-3 w-3"
             }
           ),
-          /* @__PURE__ */ jsx75("span", { children: "false" })
+          /* @__PURE__ */ jsx76("span", { children: "false" })
         ] })
-      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ jsxs43(
+      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ jsxs44(
         Select,
         {
           value: condition.value === true || condition.value === "true" ? "true" : condition.value === false || condition.value === "false" ? "false" : "true",
@@ -10745,14 +10912,14 @@ var QueryCondition = ({
             });
           },
           children: [
-            /* @__PURE__ */ jsx75(SelectTrigger, { className: "h-[26px] w-20 gap-3 rounded-none rounded-r-md border border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx75(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs43(SelectContent, { children: [
-              /* @__PURE__ */ jsx75(SelectItem, { value: "true", children: "true" }),
-              /* @__PURE__ */ jsx75(SelectItem, { value: "false", children: "false" })
+            /* @__PURE__ */ jsx76(SelectTrigger, { className: "h-[26px] w-20 gap-3 rounded-none rounded-r-md border border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx76(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs44(SelectContent, { children: [
+              /* @__PURE__ */ jsx76(SelectItem, { value: "true", children: "true" }),
+              /* @__PURE__ */ jsx76(SelectItem, { value: "false", children: "false" })
             ] })
           ]
         }
-      ) : /* @__PURE__ */ jsx75(
+      ) : /* @__PURE__ */ jsx76(
         "input",
         {
           type: "text",
@@ -10765,15 +10932,15 @@ var QueryCondition = ({
         }
       )
     ] }),
-    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs43(
+    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs44(
       Select,
       {
         value: String(condition.fuzzyDistance || 1),
         onValueChange: handleFuzzyDistanceChange,
         children: [
-          /* @__PURE__ */ jsx75(SelectTrigger, { className: "h-[26px] w-16 gap-3 border-zinc-200 bg-white px-2 text-sm", children: /* @__PURE__ */ jsx75(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs43(SelectContent, { children: [
-            /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(SelectTrigger, { className: "h-[26px] w-16 gap-3 border-zinc-200 bg-white px-2 text-sm", children: /* @__PURE__ */ jsx76(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs44(SelectContent, { children: [
+            /* @__PURE__ */ jsx76(
               SelectItem,
               {
                 value: "1",
@@ -10781,17 +10948,17 @@ var QueryCondition = ({
                 children: "1"
               }
             ),
-            /* @__PURE__ */ jsx75(SelectItem, { value: "2", description: "Matches words with up to 2 character edits", children: "2" })
+            /* @__PURE__ */ jsx76(SelectItem, { value: "2", description: "Matches words with up to 2 character edits", children: "2" })
           ] })
         ]
       }
     ),
-    condition.operator === "phrase" && /* @__PURE__ */ jsxs43(Fragment15, { children: [
-      /* @__PURE__ */ jsxs43(Select, { value: phraseMode, onValueChange: handlePhraseModeChange, children: [
-        /* @__PURE__ */ jsx75(SelectTrigger, { className: "h-[26px] w-20 gap-3 border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx75(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs43(SelectContent, { children: [
-          /* @__PURE__ */ jsx75(SelectItem, { value: "exact", description: "Terms must appear adjacent to each other", children: "exact" }),
-          /* @__PURE__ */ jsx75(
+    condition.operator === "phrase" && /* @__PURE__ */ jsxs44(Fragment16, { children: [
+      /* @__PURE__ */ jsxs44(Select, { value: phraseMode, onValueChange: handlePhraseModeChange, children: [
+        /* @__PURE__ */ jsx76(SelectTrigger, { className: "h-[26px] w-20 gap-3 border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx76(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs44(SelectContent, { children: [
+          /* @__PURE__ */ jsx76(SelectItem, { value: "exact", description: "Terms must appear adjacent to each other", children: "exact" }),
+          /* @__PURE__ */ jsx76(
             SelectItem,
             {
               value: "slop",
@@ -10799,7 +10966,7 @@ var QueryCondition = ({
               children: "slop"
             }
           ),
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(
             SelectItem,
             {
               value: "prefix",
@@ -10809,7 +10976,7 @@ var QueryCondition = ({
           )
         ] })
       ] }),
-      phraseMode === "slop" && /* @__PURE__ */ jsx75(
+      phraseMode === "slop" && /* @__PURE__ */ jsx76(
         "input",
         {
           type: "number",
@@ -10822,21 +10989,21 @@ var QueryCondition = ({
         }
       )
     ] }),
-    node.not && /* @__PURE__ */ jsx75(NotBadge, {}),
-    node.boost !== void 0 && /* @__PURE__ */ jsx75(BoostBadge, { node }),
-    /* @__PURE__ */ jsxs43(
+    node.not && /* @__PURE__ */ jsx76(NotBadge, {}),
+    node.boost !== void 0 && /* @__PURE__ */ jsx76(BoostBadge, { node }),
+    /* @__PURE__ */ jsxs44(
       "div",
       {
         className: `flex items-center gap-1 transition-all duration-100 ${isDragging ? "opacity-0" : "-translate-x-[2px] opacity-0 group-hover/condition:translate-x-0 group-hover/condition:opacity-100 has-[[data-state=open]]:translate-x-0 has-[[data-state=open]]:opacity-100"}`,
         children: [
-          /* @__PURE__ */ jsx75(NodeActionsMenu, { node }),
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(NodeActionsMenu, { node }),
+          /* @__PURE__ */ jsx76(
             "button",
             {
               type: "button",
               onClick: handleDelete,
               className: "flex h-[26px] w-[26px] items-center justify-center rounded-md border border-zinc-300 text-zinc-500 transition-colors hover:text-red-500",
-              children: /* @__PURE__ */ jsx75(IconX3, { size: 16 })
+              children: /* @__PURE__ */ jsx76(IconX3, { size: 16 })
             }
           )
         ]
@@ -10846,12 +11013,12 @@ var QueryCondition = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/drag-overlay.tsx
-import { jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
 var QueryDragOverlay = ({
   activeNode,
   onDropAnimationComplete
 }) => {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     DndKitDragOverlay,
     {
       dropAnimation: {
@@ -10864,16 +11031,16 @@ var QueryDragOverlay = ({
           };
         }
       },
-      children: activeNode && activeNode.type === "condition" ? /* @__PURE__ */ jsxs44("div", { className: "relative -mt-1", children: [
-        /* @__PURE__ */ jsx76("div", { className: "drag-overlay-bg absolute -bottom-1 -top-1 left-0 right-0 rounded-md border border-zinc-300 bg-zinc-100/90 shadow-md" }),
-        /* @__PURE__ */ jsx76("div", { className: "relative", children: /* @__PURE__ */ jsx76(QueryCondition, { node: activeNode, isDragging: true }) })
-      ] }) : activeNode && activeNode.type === "group" ? /* @__PURE__ */ jsxs44("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx76("div", { className: "drag-overlay-bg absolute -bottom-1 -top-1 left-0 right-0 rounded-md border border-zinc-300 bg-zinc-100/90 shadow-md" }),
-        /* @__PURE__ */ jsxs44("div", { className: "relative flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx76("div", { className: "flex cursor-grab items-center text-zinc-400", children: /* @__PURE__ */ jsx76(IconGripVertical2, { size: 16 }) }),
-          /* @__PURE__ */ jsxs44("div", { className: "flex h-[26px] w-16 items-center justify-between rounded-md border border-zinc-300 bg-blue-50 px-2 text-sm font-medium capitalize text-zinc-700", children: [
-            /* @__PURE__ */ jsx76("span", { children: activeNode.groupOperator === "and" ? "And" : "Or" }),
-            /* @__PURE__ */ jsx76(
+      children: activeNode && activeNode.type === "condition" ? /* @__PURE__ */ jsxs45("div", { className: "relative -mt-1", children: [
+        /* @__PURE__ */ jsx77("div", { className: "drag-overlay-bg absolute -bottom-1 -top-1 left-0 right-0 rounded-md border border-zinc-300 bg-zinc-100/90 shadow-md" }),
+        /* @__PURE__ */ jsx77("div", { className: "relative", children: /* @__PURE__ */ jsx77(QueryCondition, { node: activeNode, isDragging: true }) })
+      ] }) : activeNode && activeNode.type === "group" ? /* @__PURE__ */ jsxs45("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx77("div", { className: "drag-overlay-bg absolute -bottom-1 -top-1 left-0 right-0 rounded-md border border-zinc-300 bg-zinc-100/90 shadow-md" }),
+        /* @__PURE__ */ jsxs45("div", { className: "relative flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx77("div", { className: "flex cursor-grab items-center text-zinc-400", children: /* @__PURE__ */ jsx77(IconGripVertical2, { size: 16 }) }),
+          /* @__PURE__ */ jsxs45("div", { className: "flex h-[26px] w-16 items-center justify-between rounded-md border border-zinc-300 bg-blue-50 px-2 text-sm font-medium capitalize text-zinc-700", children: [
+            /* @__PURE__ */ jsx77("span", { children: activeNode.groupOperator === "and" ? "And" : "Or" }),
+            /* @__PURE__ */ jsx77(
               "svg",
               {
                 className: "text-zinc-400",
@@ -10882,7 +11049,7 @@ var QueryDragOverlay = ({
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx76(
+                children: /* @__PURE__ */ jsx77(
                   "path",
                   {
                     d: "M4 6L8 10L12 6",
@@ -10896,8 +11063,8 @@ var QueryDragOverlay = ({
               }
             )
           ] }),
-          activeNode.boost !== void 0 && /* @__PURE__ */ jsx76(BoostBadge, { node: activeNode, static: true }),
-          activeNode.not && /* @__PURE__ */ jsx76(NotBadge, {})
+          activeNode.boost !== void 0 && /* @__PURE__ */ jsx77(BoostBadge, { node: activeNode, static: true }),
+          activeNode.not && /* @__PURE__ */ jsx77(NotBadge, {})
         ] })
       ] }) : null
     }
@@ -10905,7 +11072,7 @@ var QueryDragOverlay = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/dnd-context.tsx
-import { jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs46 } from "react/jsx-runtime";
 var QueryDndProvider = ({
   children,
   rootNode,
@@ -10977,7 +11144,7 @@ var QueryDndProvider = ({
     moveNode(activeIdStr, targetGroupId, adjustedIndex);
   };
   const activeNode = activeId ? findNodeById(rootNode, String(activeId)) : null;
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     DndContext,
     {
       sensors,
@@ -10987,7 +11154,7 @@ var QueryDndProvider = ({
       onDragEnd: handleDragEnd,
       children: [
         children,
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           QueryDragOverlay,
           {
             activeNode,
@@ -11024,7 +11191,7 @@ var findParentGroup = (root2, targetId) => {
 
 // src/components/databrowser/components/ui-query-builder/draggable-item.tsx
 import { useDraggable } from "@dnd-kit/core";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var DraggableItem = ({
   id,
   children,
@@ -11035,7 +11202,7 @@ var DraggableItem = ({
   });
   const isDropAnimating = droppingId === id;
   const childElement = children;
-  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx78(
+  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx79(
     childElement.type,
     {
       ...childElement.props,
@@ -11046,7 +11213,7 @@ var DraggableItem = ({
       }
     }
   ) : children;
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(
     "div",
     {
       ref: setNodeRef,
@@ -11059,10 +11226,10 @@ var DraggableItem = ({
 // src/components/databrowser/components/ui-query-builder/drop-zone.tsx
 import { useDroppable } from "@dnd-kit/core";
 import { IconPlus as IconPlus4 } from "@tabler/icons-react";
-import { jsx as jsx79, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs47 } from "react/jsx-runtime";
 var DropIndicator = ({ id, isOver }) => {
   const { setNodeRef } = useDroppable({ id });
-  return /* @__PURE__ */ jsx79("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx80(
     "div",
     {
       className: cn(
@@ -11078,7 +11245,7 @@ var EmptyGroupDropZone = ({
   onAddCondition
 }) => {
   const { setNodeRef } = useDroppable({ id: `drop-${groupId}-end` });
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(
     "button",
     {
       type: "button",
@@ -11089,7 +11256,7 @@ var EmptyGroupDropZone = ({
         isOver ? "border-blue-500 bg-blue-50 text-blue-600" : "border-zinc-300 text-zinc-400 hover:border-zinc-400 hover:bg-zinc-50 hover:text-zinc-500"
       ),
       children: [
-        /* @__PURE__ */ jsx79(IconPlus4, { size: 14 }),
+        /* @__PURE__ */ jsx80(IconPlus4, { size: 14 }),
         "Add a condition"
       ]
     }
@@ -11097,22 +11264,22 @@ var EmptyGroupDropZone = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
-import { Fragment as Fragment16, jsx as jsx80, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
 var ChildRow = ({
   groupId,
   child,
   depth,
   activeOverId,
   droppingId
-}) => /* @__PURE__ */ jsxs47("div", { children: [
-  /* @__PURE__ */ jsx80(
+}) => /* @__PURE__ */ jsxs48("div", { children: [
+  /* @__PURE__ */ jsx81(
     DropIndicator,
     {
       id: `drop-${groupId}-${child.id}`,
       isOver: activeOverId === `drop-${groupId}-${child.id}`
     }
   ),
-  /* @__PURE__ */ jsx80(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx80(QueryCondition, { node: child }) : /* @__PURE__ */ jsx80(
+  /* @__PURE__ */ jsx81(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx81(QueryCondition, { node: child }) : /* @__PURE__ */ jsx81(
     InnerGroup,
     {
       node: child,
@@ -11143,71 +11310,71 @@ var InnerGroup = ({
   const handleDeleteGroup = () => {
     deleteNode(node.id);
   };
-  return /* @__PURE__ */ jsxs47("div", { children: [
-    /* @__PURE__ */ jsxs47("div", { className: "group/group flex items-center gap-1 px-1", children: [
-      !isRoot && /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs48("div", { children: [
+    /* @__PURE__ */ jsxs48("div", { className: "group/group flex items-center gap-1 px-1", children: [
+      !isRoot && /* @__PURE__ */ jsx81(
         "div",
         {
           ref: dragHandleProps?.ref,
           className: "flex cursor-grab items-center px-1 text-zinc-400",
           ...dragHandleProps?.attributes,
           ...dragHandleProps?.listeners,
-          children: /* @__PURE__ */ jsx80(IconGripVertical3, { size: 16 })
+          children: /* @__PURE__ */ jsx81(IconGripVertical3, { size: 16 })
         }
       ),
-      /* @__PURE__ */ jsxs47(Select, { value: node.groupOperator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx80(SelectTrigger, { className: "h-[26px] w-16 gap-3 rounded-md border-zinc-300 bg-blue-50 px-2 text-sm font-medium capitalize text-zinc-700 [&>svg]:text-zinc-400", children: /* @__PURE__ */ jsx80(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs47(SelectContent, { children: [
-          /* @__PURE__ */ jsx80(SelectItem, { value: "and", children: "And" }),
-          /* @__PURE__ */ jsx80(SelectItem, { value: "or", children: "Or" })
+      /* @__PURE__ */ jsxs48(Select, { value: node.groupOperator, onValueChange: handleOperatorChange, children: [
+        /* @__PURE__ */ jsx81(SelectTrigger, { className: "h-[26px] w-16 gap-3 rounded-md border-zinc-300 bg-blue-50 px-2 text-sm font-medium capitalize text-zinc-700 [&>svg]:text-zinc-400", children: /* @__PURE__ */ jsx81(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs48(SelectContent, { children: [
+          /* @__PURE__ */ jsx81(SelectItem, { value: "and", children: "And" }),
+          /* @__PURE__ */ jsx81(SelectItem, { value: "or", children: "Or" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs47(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx80(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsxs48(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx81(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx81(
           "button",
           {
             type: "button",
             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__ */ jsx80(IconPlus5, { size: 16 })
+            children: /* @__PURE__ */ jsx81(IconPlus5, { size: 16 })
           }
         ) }),
-        /* @__PURE__ */ jsxs47(DropdownMenuContent, { align: "start", children: [
-          /* @__PURE__ */ jsx80(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
-          /* @__PURE__ */ jsx80(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
+        /* @__PURE__ */ jsxs48(DropdownMenuContent, { align: "start", children: [
+          /* @__PURE__ */ jsx81(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
+          /* @__PURE__ */ jsx81(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
         ] })
       ] }),
-      node.not && /* @__PURE__ */ jsx80(NotBadge, {}),
-      node.boost !== void 0 && /* @__PURE__ */ jsx80(BoostBadge, { node }),
-      !isRoot && /* @__PURE__ */ jsxs47(
+      node.not && /* @__PURE__ */ jsx81(NotBadge, {}),
+      node.boost !== void 0 && /* @__PURE__ */ jsx81(BoostBadge, { node }),
+      !isRoot && /* @__PURE__ */ jsxs48(
         "div",
         {
           className: `flex -translate-x-[2px] items-center gap-1 opacity-0 transition-all duration-100 group-hover/group:translate-x-0 group-hover/group:opacity-100 has-[[data-state=open]]:translate-x-0 has-[[data-state=open]]:opacity-100`,
           children: [
-            /* @__PURE__ */ jsx80(NodeActionsMenu, { node }),
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(NodeActionsMenu, { node }),
+            /* @__PURE__ */ jsx81(
               "button",
               {
                 type: "button",
                 onClick: handleDeleteGroup,
                 className: `flex h-[26px] w-[26px] items-center justify-center rounded-md border border-zinc-300 text-zinc-500 transition-colors hover:text-red-500`,
-                children: /* @__PURE__ */ jsx80(IconX4, { size: 16 })
+                children: /* @__PURE__ */ jsx81(IconX4, { size: 16 })
               }
             )
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx80("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-[15px] border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx81("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-[15px] border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx81(
       EmptyGroupDropZone,
       {
         groupId: node.id,
         isOver: activeOverId === `drop-${node.id}-end`,
         onAddCondition: fieldInfos.length > 0 ? handleAddCondition : void 0
       }
-    ) : /* @__PURE__ */ jsxs47(Fragment16, { children: [
+    ) : /* @__PURE__ */ jsxs48(Fragment17, { children: [
       node.children.map(
-        (child) => !child.not && /* @__PURE__ */ jsx80(
+        (child) => !child.not && /* @__PURE__ */ jsx81(
           ChildRow,
           {
             groupId: node.id,
@@ -11219,15 +11386,15 @@ var InnerGroup = ({
           child.id
         )
       ),
-      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs47(Tooltip, { delayDuration: 200, children: [
-        /* @__PURE__ */ jsx80(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx80("div", { className: "ml-2 mt-2 flex h-[26px] w-fit cursor-default select-none items-center rounded-md border border-zinc-300 bg-amber-50 px-2 text-sm font-medium capitalize text-amber-800", children: "Must Not" }) }),
-        /* @__PURE__ */ jsxs47(TooltipContent, { side: "right", className: "max-w-xs", children: [
-          /* @__PURE__ */ jsx80("span", { children: "Keys matching any of the conditions below are excluded from the results." }),
-          /* @__PURE__ */ jsx80(DocsLink, { href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/must-not" })
+      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs48(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsx81(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx81("div", { className: "ml-2 mt-2 flex h-[26px] w-fit cursor-default select-none items-center rounded-md border border-zinc-300 bg-amber-50 px-2 text-sm font-medium capitalize text-amber-800", children: "Must Not" }) }),
+        /* @__PURE__ */ jsxs48(TooltipContent, { side: "right", className: "max-w-xs", children: [
+          /* @__PURE__ */ jsx81("span", { children: "Keys matching any of the conditions below are excluded from the results." }),
+          /* @__PURE__ */ jsx81(DocsLink, { href: "https://upstash.com/docs/redis/search/query-operators/boolean-operators/must-not" })
         ] })
       ] }),
       node.children.map(
-        (child) => child.not && /* @__PURE__ */ jsx80(
+        (child) => child.not && /* @__PURE__ */ jsx81(
           ChildRow,
           {
             groupId: node.id,
@@ -11239,7 +11406,7 @@ var InnerGroup = ({
           child.id
         )
       ),
-      /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsx81(
         DropIndicator,
         {
           id: `drop-${node.id}-end`,
@@ -11254,7 +11421,7 @@ var QueryGroup = ({ node, isRoot = false, depth }) => {
   const [droppingId, setDroppingId] = useState27(null);
   if (node.type !== "group") return;
   if (!isRoot) {
-    return /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx81(
       InnerGroup,
       {
         node,
@@ -11265,13 +11432,13 @@ var QueryGroup = ({ node, isRoot = false, depth }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     QueryDndProvider,
     {
       rootNode: node,
       setActiveOverId,
       setDroppingId,
-      children: /* @__PURE__ */ jsx80(
+      children: /* @__PURE__ */ jsx81(
         InnerGroup,
         {
           node,
@@ -11495,7 +11662,7 @@ var useQueryStateSync = () => {
 };
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
-import { jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
 var UIQueryBuilder = () => {
   const { valuesSearch } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
@@ -11529,27 +11696,27 @@ var UIQueryBuilder = () => {
     obs.observe(el);
     return () => obs.disconnect();
   }, [recomputeShadows]);
-  return /* @__PURE__ */ jsx81(QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ jsxs48("div", { className: "relative h-full min-h-0 rounded-lg bg-zinc-50 dark:bg-zinc-50/40", children: [
-    /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ jsxs49("div", { className: "relative h-full min-h-0 rounded-lg bg-zinc-50 dark:bg-zinc-50/40", children: [
+    /* @__PURE__ */ jsx82(
       "div",
       {
         className: `scroll-shadow-top pointer-events-none absolute left-0 top-0 z-10 h-6 w-full rounded-t-lg transition-opacity duration-200 ${hasTopShadow ? "opacity-100" : "opacity-0"}`
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       "div",
       {
         className: `scroll-shadow-bottom pointer-events-none absolute bottom-0 left-0 z-10 h-6 w-full rounded-b-lg transition-opacity duration-200 ${hasBottomShadow ? "opacity-100" : "opacity-0"}`
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       ScrollArea,
       {
         ref: scrollAreaRef,
         onScroll: recomputeShadows,
         className: "h-full",
         scrollBarClassName: "py-1",
-        children: /* @__PURE__ */ jsx81("div", { className: "p-4", children: /* @__PURE__ */ jsx81(QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) })
+        children: /* @__PURE__ */ jsx82("div", { className: "p-4", children: /* @__PURE__ */ jsx82(QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) })
       }
     )
   ] }) });
@@ -11622,7 +11789,7 @@ var extractFieldInfo = (schema) => {
 };
 
 // src/components/databrowser/components/databrowser-instance.tsx
-import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
 var PREFIX = "const query: Query = ";
 var QueryBuilderContent = () => {
   const { valuesSearch, queryBuilderMode, setQueryBuilderMode } = useTab();
@@ -11644,8 +11811,8 @@ var QueryBuilderContent = () => {
     setQueryBuilderMode(newMode);
   };
   const errorMessage = switchError ?? (query.error ? formatUpstashErrorMessage(query.error) : void 0);
-  return /* @__PURE__ */ jsxs49("div", { className: "relative flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsx82("div", { className: "absolute right-4 top-4 z-[2]", children: /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs50("div", { className: "relative flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx83("div", { className: "absolute right-4 top-4 z-[2]", children: /* @__PURE__ */ jsx83(
       Segmented,
       {
         options: [
@@ -11657,13 +11824,13 @@ var QueryBuilderContent = () => {
         buttonClassName: "h-6"
       }
     ) }),
-    queryBuilderMode === "ui" ? /* @__PURE__ */ jsx82(UIQueryBuilder, {}) : /* @__PURE__ */ jsx82(QueryBuilder, {}),
-    /* @__PURE__ */ jsx82(QueryBuilderError, { error: errorMessage, autoHide: Boolean(switchError) }),
-    /* @__PURE__ */ jsx82(
+    queryBuilderMode === "ui" ? /* @__PURE__ */ jsx83(UIQueryBuilder, {}) : /* @__PURE__ */ jsx83(QueryBuilder, {}),
+    /* @__PURE__ */ jsx83(QueryBuilderError, { error: errorMessage, autoHide: Boolean(switchError) }),
+    /* @__PURE__ */ jsx83(
       DocsLink,
       {
         className: "absolute bottom-2 right-2 text-sm",
-        href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/overview"
+        href: "https://upstash.com/docs/redis/search/query-operators/boolean-operators/overview"
       }
     )
   ] });
@@ -11674,8 +11841,8 @@ var SearchContent = () => {
     return null;
   }
   const hasIndexes = indexes && indexes.length > 0;
-  if (!hasIndexes) return /* @__PURE__ */ jsx82(SearchEmptyState, {});
-  return /* @__PURE__ */ jsx82(QueryBuilderContent, {});
+  if (!hasIndexes) return /* @__PURE__ */ jsx83(SearchEmptyState, {});
+  return /* @__PURE__ */ jsx83(QueryBuilderContent, {});
 };
 var DatabrowserInstance = ({
   hidden,
@@ -11694,7 +11861,7 @@ var DatabrowserInstance = ({
     }
   }, [tabType, isValuesSearchSelected, setIsValuesSearchSelected]);
   const showEmptyState = isValuesSearchSelected && !isLoading && (!indexes || indexes.length === 0);
-  return /* @__PURE__ */ jsx82(KeysProvider, { children: /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsx83(KeysProvider, { children: /* @__PURE__ */ jsxs50(
     "div",
     {
       className: cn(
@@ -11702,49 +11869,49 @@ var DatabrowserInstance = ({
         hidden && "hidden"
       ),
       children: [
-        /* @__PURE__ */ jsxs49("div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ jsx82(Header, { tabType, allowSearch }),
-          !isValuesSearchSelected && /* @__PURE__ */ jsx82(HeaderError, {})
+        /* @__PURE__ */ jsxs50("div", { className: "space-y-3 py-5", children: [
+          /* @__PURE__ */ jsx83(Header, { tabType, allowSearch }),
+          !isValuesSearchSelected && /* @__PURE__ */ jsx83(HeaderError, {})
         ] }),
-        showEmptyState ? /* @__PURE__ */ jsx82(SearchEmptyState, {}) : isValuesSearchSelected ? /* @__PURE__ */ jsxs49(
+        showEmptyState ? /* @__PURE__ */ jsx83(SearchEmptyState, {}) : isValuesSearchSelected ? /* @__PURE__ */ jsxs50(
           PanelGroup,
           {
             autoSaveId: "search-layout",
             direction: "vertical",
             className: "h-full w-full !overflow-visible text-sm antialiased",
             children: [
-              /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx83(
                 Panel,
                 {
                   defaultSize: 30,
                   minSize: 15,
                   maxSize: 60,
                   className: queryBuilderMode === "code" ? "!overflow-visible" : "",
-                  children: /* @__PURE__ */ jsx82(SearchContent, {})
+                  children: /* @__PURE__ */ jsx83(SearchContent, {})
                 }
               ),
-              /* @__PURE__ */ jsx82(ResizeHandle, { direction: "vertical" }),
-              /* @__PURE__ */ jsx82(Panel, { minSize: 30, children: /* @__PURE__ */ jsxs49(PanelGroup, { autoSaveId: "persistence", direction: "horizontal", className: "h-full w-full", children: [
-                /* @__PURE__ */ jsx82(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx82(Sidebar, {}) }),
-                /* @__PURE__ */ jsx82(ResizeHandle, {}),
-                /* @__PURE__ */ jsx82(Panel, { minSize: 40, children: /* @__PURE__ */ jsx82(DataDisplay, {}) })
+              /* @__PURE__ */ jsx83(ResizeHandle, { direction: "vertical" }),
+              /* @__PURE__ */ jsx83(Panel, { minSize: 30, children: /* @__PURE__ */ jsxs50(PanelGroup, { autoSaveId: "persistence", direction: "horizontal", className: "h-full w-full", children: [
+                /* @__PURE__ */ jsx83(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx83(Sidebar, {}) }),
+                /* @__PURE__ */ jsx83(ResizeHandle, {}),
+                /* @__PURE__ */ jsx83(Panel, { minSize: 40, children: /* @__PURE__ */ jsx83(DataDisplay, {}) })
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ jsxs49(
+        ) : /* @__PURE__ */ jsxs50(
           PanelGroup,
           {
             autoSaveId: "persistence",
             direction: "horizontal",
             className: "h-full w-full text-sm antialiased",
             children: [
-              /* @__PURE__ */ jsx82(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx82(Sidebar, {}) }),
-              /* @__PURE__ */ jsx82(ResizeHandle, {}),
-              /* @__PURE__ */ jsx82(Panel, { minSize: 40, children: /* @__PURE__ */ jsx82(DataDisplay, {}) })
+              /* @__PURE__ */ jsx83(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx83(Sidebar, {}) }),
+              /* @__PURE__ */ jsx83(ResizeHandle, {}),
+              /* @__PURE__ */ jsx83(Panel, { minSize: 40, children: /* @__PURE__ */ jsx83(DataDisplay, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx82(Toaster, {})
+        /* @__PURE__ */ jsx83(Toaster, {})
       ]
     }
   ) });
@@ -11769,8 +11936,8 @@ import { IconChevronDown as IconChevronDown3, IconPlus as IconPlus6, IconWindowM
 import * as React15 from "react";
 import { IconSearch as IconSearch4 } from "@tabler/icons-react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
-var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+import { jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
+var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   CommandPrimitive,
   {
     ref,
@@ -11782,9 +11949,9 @@ var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs50("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx83(IconSearch4, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx83(
+var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs51("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx84(IconSearch4, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx84(
     CommandPrimitive.Input,
     {
       ref,
@@ -11797,7 +11964,7 @@ var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   CommandPrimitive.List,
   {
     ref,
@@ -11806,9 +11973,9 @@ var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx83(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx84(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   CommandPrimitive.Group,
   {
     ref,
@@ -11820,7 +11987,7 @@ var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   CommandPrimitive.Separator,
   {
     ref,
@@ -11829,7 +11996,7 @@ var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   CommandPrimitive.Item,
   {
     ref,
@@ -11842,7 +12009,7 @@ var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx83("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
+  return /* @__PURE__ */ jsx84("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
@@ -11883,16 +12050,16 @@ var useOverflow = () => {
 };
 
 // src/components/databrowser/components/tab-type-icon.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 function TabTypeIcon({ selectedKey }) {
   const { data: keyType, isLoading } = useFetchKeyType(selectedKey);
-  if (isLoading) return /* @__PURE__ */ jsx84(Skeleton, { className: "h-5 w-5 rounded" });
+  if (isLoading) return /* @__PURE__ */ jsx85(Skeleton, { className: "h-5 w-5 rounded" });
   if (!keyType || keyType === "none") return;
-  return /* @__PURE__ */ jsx84(TypeTag, { variant: keyType, type: "icon" });
+  return /* @__PURE__ */ jsx85(TypeTag, { variant: keyType, type: "icon" });
 }
 
 // src/components/databrowser/components/tab.tsx
-import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
 var Tab = ({ id, isList }) => {
   const { active, search, selectedKey, valuesSearch, pinned, isValuesSearchSelected } = useTab();
   const {
@@ -11908,8 +12075,8 @@ var Tab = ({ id, isList }) => {
   const hasPinnedTabs = tabs.some(([, data]) => data.pinned);
   const { ref, isOverflow } = useOverflow();
   const label = isValuesSearchSelected ? valuesSearch.index : search.key || selectedKey;
-  const iconNode = isValuesSearchSelected ? /* @__PURE__ */ jsx85("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800", children: /* @__PURE__ */ jsx85(IconSearch5, { size: 14 }) }) : search.key ? /* @__PURE__ */ jsx85("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-zinc-100 text-zinc-600", children: /* @__PURE__ */ jsx85(IconSearch5, { size: 14 }) }) : selectedKey ? /* @__PURE__ */ jsx85(TabTypeIcon, { selectedKey }) : void 0;
-  const tabNode = /* @__PURE__ */ jsxs51(
+  const iconNode = isValuesSearchSelected ? /* @__PURE__ */ jsx86("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800", children: /* @__PURE__ */ jsx86(IconSearch5, { size: 14 }) }) : search.key ? /* @__PURE__ */ jsx86("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-zinc-100 text-zinc-600", children: /* @__PURE__ */ jsx86(IconSearch5, { size: 14 }) }) : selectedKey ? /* @__PURE__ */ jsx86(TabTypeIcon, { selectedKey }) : void 0;
+  const tabNode = /* @__PURE__ */ jsxs52(
     "div",
     {
       id: isList ? `list-tab-${id}` : `tab-${id}`,
@@ -11920,8 +12087,8 @@ var Tab = ({ id, isList }) => {
         !isList && (active ? "bg-white text-zinc-950" : "bg-zinc-200 text-zinc-600 hover:bg-zinc-100")
       ),
       children: [
-        /* @__PURE__ */ jsx85("div", { className: cn(!active && "transition-colors"), children: iconNode }),
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86("div", { className: cn(!active && "transition-colors"), children: iconNode }),
+        /* @__PURE__ */ jsx86(
           "span",
           {
             ref,
@@ -11929,8 +12096,8 @@ var Tab = ({ id, isList }) => {
             children: label || "New Tab"
           }
         ),
-        pinned && /* @__PURE__ */ jsx85(IconPin, { size: 14, className: "text-zinc-500" }),
-        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx85(
+        pinned && /* @__PURE__ */ jsx86(IconPin, { size: 14, className: "text-zinc-500" }),
+        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx86(
           "button",
           {
             onClick: (e) => {
@@ -11938,46 +12105,46 @@ var Tab = ({ id, isList }) => {
               removeTab(id);
             },
             className: "p-[2px] text-zinc-400 transition-colors hover:text-zinc-500",
-            children: /* @__PURE__ */ jsx85(IconX5, { size: 16 })
+            children: /* @__PURE__ */ jsx86(IconX5, { size: 16 })
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ jsxs51(ContextMenu, { children: [
-    /* @__PURE__ */ jsx85(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx85(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
-    /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(ContextMenu, { children: [
+    /* @__PURE__ */ jsx86(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx86(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
+    /* @__PURE__ */ jsxs52(
       ContextMenuContent,
       {
         onClick: (e) => {
           e.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsxs51(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx85(IconPin, { size: 16 }),
+          /* @__PURE__ */ jsxs52(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx86(IconPin, { size: 16 }),
             pinned ? "Unpin Tab" : "Pin Tab"
           ] }),
-          /* @__PURE__ */ jsxs51(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx85(IconCopyPlus, { size: 16 }),
+          /* @__PURE__ */ jsxs52(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx86(IconCopyPlus, { size: 16 }),
             "Duplicate Tab"
           ] }),
-          /* @__PURE__ */ jsx85(ContextMenuSeparator, {}),
-          /* @__PURE__ */ jsxs51(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx85(IconX5, { size: 16 }),
+          /* @__PURE__ */ jsx86(ContextMenuSeparator, {}),
+          /* @__PURE__ */ jsxs52(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx86(IconX5, { size: 16 }),
             "Close Tab"
           ] }),
-          /* @__PURE__ */ jsxs51(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx85(IconSquareX, { size: 16 }),
+          /* @__PURE__ */ jsxs52(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx86(IconSquareX, { size: 16 }),
             "Close Other Tabs"
           ] }),
-          /* @__PURE__ */ jsxs51(
+          /* @__PURE__ */ jsxs52(
             ContextMenuItem,
             {
               onSelect: () => closeAllButPinned(),
               className: "gap-2",
               disabled: !hasPinnedTabs,
               children: [
-                /* @__PURE__ */ jsx85(IconArrowsMinimize, { size: 16 }),
+                /* @__PURE__ */ jsx86(IconArrowsMinimize, { size: 16 }),
                 "Close All But Pinned"
               ]
             }
@@ -11989,7 +12156,7 @@ var Tab = ({ id, isList }) => {
 };
 
 // src/components/databrowser/components/databrowser-tabs.tsx
-import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
 var SortableTab = ({ id }) => {
   const [originalWidth, setOriginalWidth] = useState32(null);
   const textRef = useRef11(null);
@@ -12057,7 +12224,7 @@ var SortableTab = ({ id }) => {
       minWidth: originalWidth ? `${originalWidth}px` : void 0
     } : {}
   };
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       ref: measureRef,
@@ -12065,7 +12232,7 @@ var SortableTab = ({ id }) => {
       className: isDragging ? "cursor-grabbing" : isPinned ? "cursor-default" : "cursor-grab",
       ...attributes,
       ...isPinned ? {} : listeners2,
-      children: /* @__PURE__ */ jsx86(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx86(Tab, { id }) })
+      children: /* @__PURE__ */ jsx87(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx87(Tab, { id }) })
     }
   );
 };
@@ -12140,28 +12307,28 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
       reorderTabs(oldIndex, newIndex);
     }
   };
-  return /* @__PURE__ */ jsx86("div", { className: "relative shrink-0 overflow-hidden rounded-t-[10px] bg-zinc-300", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxs52("div", { className: "relative min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87("div", { className: "relative shrink-0 overflow-hidden rounded-t-[10px] bg-zinc-300", children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "relative min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx87(
         "div",
         {
           className: `tabs-shadow-left pointer-events-none absolute left-0 top-0 z-10 h-full w-6 transition-opacity duration-200 ${hasLeftShadow ? "opacity-100" : "opacity-0"}`
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(
         "div",
         {
           className: `tabs-shadow-right pointer-events-none absolute right-0 top-0 z-10 h-full w-6 transition-opacity duration-200 ${hasRightShadow ? "opacity-100" : "opacity-0"}`
         }
       ),
-      /* @__PURE__ */ jsxs52(
+      /* @__PURE__ */ jsxs53(
         "div",
         {
           ref: scrollRef,
           onScroll: recomputeShadows,
           className: "scrollbar-hide flex min-w-0 flex-1 items-center gap-1 overflow-x-auto [&::-webkit-scrollbar]:hidden",
           children: [
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(
               DndContext2,
               {
                 sensors,
@@ -12173,32 +12340,32 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
                     strategy: MeasuringStrategy.Always
                   }
                 },
-                children: /* @__PURE__ */ jsx86(
+                children: /* @__PURE__ */ jsx87(
                   SortableContext,
                   {
                     items: sortedTabs.map(([id]) => id),
                     strategy: horizontalListSortingStrategy,
-                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx86(SortableTab, { id }, id))
+                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx87(SortableTab, { id }, id))
                   }
                 )
               }
             ),
-            !isOverflow && /* @__PURE__ */ jsx86("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx86(AddTabButton, {}) })
+            !isOverflow && /* @__PURE__ */ jsx87("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx87(AddTabButton, {}) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-1 px-1", children: [
-      isOverflow && /* @__PURE__ */ jsx86(AddTabButton, {}),
-      tabs.length > 1 && /* @__PURE__ */ jsx86(TabsListButton, { tabs, onSelectTab: selectTab }),
-      onFullScreenClick && /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1 px-1", children: [
+      isOverflow && /* @__PURE__ */ jsx87(AddTabButton, {}),
+      tabs.length > 1 && /* @__PURE__ */ jsx87(TabsListButton, { tabs, onSelectTab: selectTab }),
+      onFullScreenClick && /* @__PURE__ */ jsx87(
         Button,
         {
           "aria-label": "Toggle fullscreen",
           variant: "secondary",
           onClick: onFullScreenClick,
           className: "h-[34px] w-[34px] flex-shrink-0 rounded-lg bg-white text-zinc-500 dark:bg-zinc-100",
-          children: /* @__PURE__ */ jsx86(IconWindowMaximize, { size: 16 })
+          children: /* @__PURE__ */ jsx87(IconWindowMaximize, { size: 16 })
         }
       )
     ] })
@@ -12216,7 +12383,7 @@ function AddTabButton() {
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     Button,
     {
       "aria-label": "Add new tab",
@@ -12224,7 +12391,7 @@ function AddTabButton() {
       size: "icon-sm",
       onClick: handleAddTab,
       className: "flex-shrink-0 bg-zinc-200 ",
-      children: /* @__PURE__ */ jsx86(IconPlus6, { className: "text-zinc-600", size: 16 })
+      children: /* @__PURE__ */ jsx87(IconPlus6, { className: "text-zinc-600", size: 16 })
     }
   );
 }
@@ -12250,22 +12417,22 @@ function TabsListButton({
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsxs52(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx86(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx87(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs53(
       Button,
       {
         variant: "secondary",
         className: "h-[34px] gap-1 rounded-lg bg-white px-2",
         "aria-label": "Search in tabs",
         children: [
-          /* @__PURE__ */ jsx86("span", { className: "text-xs text-zinc-600", children: tabs.length }),
-          /* @__PURE__ */ jsx86(IconChevronDown3, { className: "text-zinc-500", size: 16 })
+          /* @__PURE__ */ jsx87("span", { className: "text-xs text-zinc-600", children: tabs.length }),
+          /* @__PURE__ */ jsx87(IconChevronDown3, { className: "text-zinc-500", size: 16 })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx86(PopoverContent, { className: "w-96 p-0", align: "end", children: /* @__PURE__ */ jsx86(Command, { children: /* @__PURE__ */ jsxs52(CommandList, { children: [
-      /* @__PURE__ */ jsx86(CommandEmpty, { children: "No tabs" }),
-      /* @__PURE__ */ jsx86(CommandGroup, { children: sorted.map(([_id, item]) => /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx87(PopoverContent, { className: "w-96 p-0", align: "end", children: /* @__PURE__ */ jsx87(Command, { children: /* @__PURE__ */ jsxs53(CommandList, { children: [
+      /* @__PURE__ */ jsx87(CommandEmpty, { children: "No tabs" }),
+      /* @__PURE__ */ jsx87(CommandGroup, { children: sorted.map(([_id, item]) => /* @__PURE__ */ jsx87(
         CommandItem,
         {
           style: {
@@ -12275,7 +12442,7 @@ function TabsListButton({
           onSelect: () => {
             handleSelectTab(item.id);
           },
-          children: /* @__PURE__ */ jsx86(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx86(Tab, { id: _id, isList: true }) })
+          children: /* @__PURE__ */ jsx87(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx87(Tab, { id: _id, isList: true }) })
         },
         item.id
       )) })
@@ -12284,7 +12451,7 @@ function TabsListButton({
 }
 
 // src/components/databrowser/index.tsx
-import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs54 } from "react/jsx-runtime";
 var RedisBrowser = ({
   url,
   token,
@@ -12302,7 +12469,7 @@ var RedisBrowser = ({
   useEffect26(() => {
     queryClient.resetQueries();
   }, [credentials.url]);
-  return /* @__PURE__ */ jsx87(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx87(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx87(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx87(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx87(QueryWizardProvider, { value: useQueryWizard, children: /* @__PURE__ */ jsx87(TooltipProvider, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx88(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx88(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx88(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx88(QueryWizardProvider, { value: useQueryWizard, children: /* @__PURE__ */ jsx88(TooltipProvider, { children: /* @__PURE__ */ jsx88(
     RedisBrowserRoot,
     {
       allowSearch,
@@ -12327,15 +12494,15 @@ var RedisBrowserRoot = ({
   }, [theme]);
   return (
     /* ups-db is the custom class used to prefix every style in the css bundle */
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       "div",
       {
         className: `ups-db ${theme === "dark" ? "dark" : ""}`,
         style: { height: "100%" },
         ref: rootRef,
-        children: /* @__PURE__ */ jsxs53("div", { className: "flex h-full flex-col rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
-          !hideTabs && /* @__PURE__ */ jsx87(DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ jsx87(DatabrowserInstances, { tabType, allowSearch })
+        children: /* @__PURE__ */ jsxs54("div", { className: "flex h-full flex-col rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
+          !hideTabs && /* @__PURE__ */ jsx88(DatabrowserTabs, { onFullScreenClick }),
+          /* @__PURE__ */ jsx88(DatabrowserInstances, { tabType, allowSearch })
         ] })
       }
     )
@@ -12351,7 +12518,7 @@ var DatabrowserInstances = ({
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ jsx87(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx87(
+  return tabs.map(([id]) => /* @__PURE__ */ jsx88(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx88(
     DatabrowserInstance,
     {
       hidden: id !== selectedTab,