@upstash/react-redis-browser 0.2.14-rc.4 → 0.2.14-rc.6

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/databrowser/index.tsx
-import { useEffect as useEffect20, useMemo as useMemo12, useRef as useRef11 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo12, useRef as useRef11 } from "react";
 
 // src/dark-mode-context.tsx
 import { createContext, useContext } from "react";
@@ -3167,7 +3167,7 @@ var portalRoot = root;
 var portalWrapper = wrapper;
 
 // src/components/databrowser/components/databrowser-instance.tsx
-import { useState as useState23 } from "react";
+import { useEffect as useEffect19, useState as useState25 } from "react";
 import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 
 // src/components/ui/segmented.tsx
@@ -3177,14 +3177,16 @@ var Segmented = ({
   value,
   onChange,
   className,
-  buttonClassName
+  buttonClassName,
+  selectedClassName,
+  unselectedClassName
 }) => {
   return /* @__PURE__ */ jsx5("div", { className: cn("flex w-fit gap-[2px] rounded-lg bg-zinc-200 p-[2px] text-sm", className), children: options.map((option) => /* @__PURE__ */ jsx5(
     "button",
     {
       className: cn(
         "h-7 rounded-md px-3 transition-all",
-        value === option.key ? "bg-white text-zinc-950" : "text-zinc-700",
+        value === option.key ? selectedClassName ?? "bg-white text-zinc-950" : unselectedClassName ?? "text-zinc-700",
         buttonClassName
       ),
       onClick: () => {
@@ -7021,7 +7023,13 @@ var DataDisplay = () => {
 
 // src/components/databrowser/components/header/index.tsx
 import { useState as useState14 } from "react";
-import { IconChevronDown as IconChevronDown2, IconCircleCheck, IconCirclePlus, IconSearch as IconSearch2 } from "@tabler/icons-react";
+import {
+  IconChevronDown as IconChevronDown2,
+  IconCircleCheck,
+  IconCirclePlus,
+  IconPlus as IconPlus3,
+  IconSearch as IconSearch2
+} from "@tabler/icons-react";
 
 // src/components/common/reload-button.tsx
 import { useState as useState11 } from "react";
@@ -7320,10 +7328,14 @@ function DataTypeSelector() {
       },
       value: search.type === void 0 ? ALL_TYPES_KEY : search.type,
       children: [
-        /* @__PURE__ */ jsx51(SelectTrigger, { className: "!w-auto select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx51(SelectValue, {}) }),
-        /* @__PURE__ */ jsx51(SelectContent, { children: /* @__PURE__ */ jsx51(SelectGroup, { children: [[ALL_TYPES_KEY, "All Types"], ...Object.entries(DATA_TYPE_NAMES)].map(
-          ([key, value]) => /* @__PURE__ */ jsx51(SelectItem, { value: key, children: value }, key)
-        ) }) })
+        /* @__PURE__ */ jsx51(SelectTrigger, { className: "!w-auto shrink-0 select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx51(SelectValue, {}) }),
+        /* @__PURE__ */ jsx51(SelectContent, { children: /* @__PURE__ */ jsx51(SelectGroup, { children: (() => {
+          const entries = [
+            [ALL_TYPES_KEY, "All Types"],
+            ...Object.entries(DATA_TYPE_NAMES)
+          ];
+          return entries.map(([key, value]) => /* @__PURE__ */ jsx51(SelectItem, { value: key, children: value }, key));
+        })() }) })
       ]
     }
   );
@@ -7331,11 +7343,11 @@ function DataTypeSelector() {
 
 // src/components/databrowser/components/header/index.tsx
 import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
-var Header = ({ hideSearchTab = false }) => {
+var Header = ({ tabType }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
   return /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-1.5", children: [
     /* @__PURE__ */ jsxs31("div", { className: "flex grow items-center gap-1.5", children: [
-      !hideSearchTab && /* @__PURE__ */ jsx52(
+      tabType === "all" && /* @__PURE__ */ jsx52(
         Segmented,
         {
           options: [
@@ -7354,7 +7366,10 @@ var Header = ({ hideSearchTab = false }) => {
           value: isValuesSearchSelected ? "values" : "keys",
           onChange: (value) => {
             setIsValuesSearchSelected(value === "values");
-          }
+          },
+          className: "bg-emerald-800",
+          unselectedClassName: "text-emerald-100",
+          selectedClassName: "bg-emerald-50 text-emerald-800"
         }
       ),
       isValuesSearchSelected ? /* @__PURE__ */ jsx52(IndexSelector, {}) : /* @__PURE__ */ jsxs31(Fragment9, { children: [
@@ -7364,7 +7379,7 @@ var Header = ({ hideSearchTab = false }) => {
     ] }),
     /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx52(RefreshButton, {}),
-      /* @__PURE__ */ jsx52(AddKeyModal, {})
+      isValuesSearchSelected ? /* @__PURE__ */ jsx52(AddIndexButton, {}) : /* @__PURE__ */ jsx52(AddKeyModal, {})
     ] })
   ] });
 };
@@ -7394,7 +7409,7 @@ var IndexSelector = () => {
         },
         modal: false,
         children: [
-          /* @__PURE__ */ jsx52(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31("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-1.5 text-sm font-medium text-emerald-800 transition-colors hover:bg-emerald-100", children: [
+          /* @__PURE__ */ jsx52(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31("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__ */ jsx52("span", { className: "truncate", children: index || "Select an index" }),
             /* @__PURE__ */ jsx52(IconChevronDown2, { className: "size-4 shrink-0 opacity-50" })
           ] }) }),
@@ -7494,6 +7509,24 @@ var CreateIndexButton = () => {
     /* @__PURE__ */ jsx52(CreateIndexModal, { open, onOpenChange: setOpen })
   ] });
 };
+var AddIndexButton = () => {
+  const [open, setOpen] = useState14(false);
+  return /* @__PURE__ */ jsxs31(Fragment9, { children: [
+    /* @__PURE__ */ jsx52(SimpleTooltip, { content: "Add index", children: /* @__PURE__ */ jsxs31(
+      Button,
+      {
+        variant: "primary",
+        onClick: () => setOpen(true),
+        className: "flex h-8 items-center gap-1 rounded-lg pl-2 pr-3 text-sm font-medium",
+        children: [
+          /* @__PURE__ */ jsx52(IconPlus3, { className: "size-5" }),
+          "Index"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx52(CreateIndexModal, { open, onOpenChange: setOpen })
+  ] });
+};
 var RefreshButton = () => {
   const { query } = useKeys();
   return /* @__PURE__ */ jsx52(
@@ -8172,89 +8205,339 @@ var QueryBuilder = () => {
 };
 
 // src/components/databrowser/components/search-empty-state.tsx
+import { useState as useState16 } from "react";
 import { IconCode, IconDatabase, IconDownload, IconSearch as IconSearch3 } from "@tabler/icons-react";
-import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
-var SearchEmptyState = () => {
-  return /* @__PURE__ */ jsxs32("div", { className: "flex gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx56("h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
-      /* @__PURE__ */ jsx56("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__ */ jsxs32("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx56("h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
-        /* @__PURE__ */ jsxs32("div", { className: "space-y-2.5", children: [
-          /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx56("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx56(IconDatabase, { size: 16 }) }),
-            /* @__PURE__ */ jsxs32("div", { children: [
-              /* @__PURE__ */ jsx56("h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
-              /* @__PURE__ */ jsx56("p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx56("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx56(IconCode, { size: 16 }) }),
-            /* @__PURE__ */ jsxs32("div", { children: [
-              /* @__PURE__ */ jsx56("h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
-              /* @__PURE__ */ jsx56("p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx56("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx56(IconSearch3, { size: 16 }) }),
-            /* @__PURE__ */ jsxs32("div", { children: [
-              /* @__PURE__ */ jsx56("h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
-              /* @__PURE__ */ jsx56("p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx56(
-        "a",
-        {
-          href: "https://upstash.com/docs/redis/sdks/ts/commands/search",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "mt-5 inline-block text-sm text-emerald-600 underline-offset-2 hover:underline",
-          children: "Learn more about Redis Search \u2192"
+
+// src/components/databrowser/components/import-sample-dataset-modal.tsx
+import { useEffect as useEffect15, useState as useState15 } from "react";
+import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
+var INDEX_NAME = "users-index";
+var USER_COUNT = 100;
+var firstNames = [
+  "Emma",
+  "Liam",
+  "Olivia",
+  "Noah",
+  "Ava",
+  "Ethan",
+  "Sophia",
+  "Mason",
+  "Isabella",
+  "William",
+  "Mia",
+  "James",
+  "Charlotte",
+  "Benjamin",
+  "Amelia",
+  "Lucas",
+  "Harper",
+  "Henry",
+  "Evelyn",
+  "Alexander",
+  "Abigail",
+  "Michael",
+  "Emily",
+  "Daniel",
+  "Elizabeth",
+  "Matthew",
+  "Sofia",
+  "Jackson",
+  "Avery",
+  "Sebastian",
+  "Ella",
+  "David",
+  "Scarlett",
+  "Joseph",
+  "Grace",
+  "Samuel",
+  "Chloe",
+  "Owen",
+  "Victoria",
+  "John",
+  "Riley",
+  "Luke",
+  "Aria",
+  "Gabriel",
+  "Lily",
+  "Anthony",
+  "Hannah",
+  "Dylan",
+  "Zoey",
+  "Andrew"
+];
+var lastNames = [
+  "Smith",
+  "Johnson",
+  "Williams",
+  "Brown",
+  "Jones",
+  "Garcia",
+  "Miller",
+  "Davis",
+  "Rodriguez",
+  "Martinez",
+  "Hernandez",
+  "Lopez",
+  "Gonzalez",
+  "Wilson",
+  "Anderson",
+  "Thomas",
+  "Taylor",
+  "Moore",
+  "Jackson",
+  "Martin",
+  "Lee",
+  "Perez",
+  "Thompson",
+  "White",
+  "Harris",
+  "Sanchez",
+  "Clark",
+  "Ramirez",
+  "Lewis",
+  "Robinson"
+];
+var emailDomains = [
+  "gmail.com",
+  "yahoo.com",
+  "outlook.com",
+  "hotmail.com",
+  "proton.me",
+  "icloud.com",
+  "mail.com"
+];
+var areaCodes = ["212", "310", "415", "305", "312", "206", "404", "617", "702", "503"];
+function randomElement(arr) {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+function randomInt(min, max) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+function randomPhone() {
+  return `${randomElement(areaCodes)}${randomInt(100, 999)}${randomInt(1e3, 9999)}`;
+}
+function generateUser(id) {
+  const firstName = randomElement(firstNames);
+  const lastName = randomElement(lastNames);
+  const name = `${firstName} ${lastName}`;
+  const age = randomInt(18, 65);
+  const isStudent = age < 25 ? Math.random() > 0.3 : Math.random() > 0.8;
+  const isEmployed = Math.random() > 0.3;
+  const gender = Math.random() > 0.5 ? "M" : "F";
+  const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}${id}@${randomElement(emailDomains)}`;
+  const phone = randomPhone();
+  return {
+    name,
+    age,
+    isStudent,
+    isEmployed,
+    gender,
+    contact: {
+      email,
+      phone
+    }
+  };
+}
+var ImportSampleDatasetModal = ({
+  open,
+  onOpenChange
+}) => {
+  const { redisNoPipeline: redis } = useRedis();
+  const { setValuesSearchIndex } = useTab();
+  const [status, setStatus] = useState15();
+  const [progress, setProgress] = useState15(0);
+  const [error, setError] = useState15();
+  useEffect15(() => {
+    if (!open) return;
+    setProgress(0);
+    setStatus(void 0);
+    setError(void 0);
+  }, [open]);
+  const handleImport = async () => {
+    try {
+      setStatus("Creating index...");
+      setProgress(10);
+      const index = redis.search.index({ name: INDEX_NAME });
+      try {
+        if (await index.describe()) {
+          await index.drop();
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs32("div", { className: "flex w-72 flex-col items-center justify-center rounded-lg border border-dashed border-zinc-300 bg-white p-6", children: [
-      /* @__PURE__ */ jsx56("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500", children: /* @__PURE__ */ jsx56(IconDownload, { size: 24 }) }),
-      /* @__PURE__ */ jsx56("h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Get started quickly" }),
-      /* @__PURE__ */ jsx56("p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Import a sample dataset to try out Redis Search" }),
-      /* @__PURE__ */ jsx56(
-        "button",
+      } catch {
+      }
+      await redis.search.createIndex({
+        dataType: "string",
+        prefix: "user:",
+        name: INDEX_NAME,
+        schema: {
+          name: { type: "TEXT" },
+          age: { type: "F64" },
+          isStudent: { type: "BOOL" },
+          isEmployed: { type: "BOOL" },
+          gender: { type: "TEXT" },
+          "contact.email": { type: "TEXT" },
+          "contact.phone": { type: "TEXT" }
+        }
+      });
+      setStatus("Creating user data...");
+      setProgress(30);
+      const userData = {};
+      for (let i = 1; i <= USER_COUNT; i++) {
+        const user = generateUser(i);
+        const key = `user:${user.name.toLowerCase().replace(" ", "-")}-${i}`;
+        userData[key] = JSON.stringify(user);
+      }
+      setProgress(50);
+      await redis.mset(userData);
+      setStatus("Waiting for indexing...");
+      setProgress(70);
+      await redis.search.index({ name: INDEX_NAME }).waitIndexing();
+      setStatus("Done!");
+      setProgress(100);
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      queryClient.invalidateQueries({
+        queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY]
+      });
+      setValuesSearchIndex(INDEX_NAME);
+      onOpenChange(false);
+    } catch (catchedError) {
+      setError(catchedError instanceof Error ? catchedError : new Error(String(catchedError)));
+      setStatus(void 0);
+    }
+  };
+  const isRunning = status !== void 0;
+  return /* @__PURE__ */ jsx56(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isRunning) onOpenChange(isOpen);
+      },
+      children: /* @__PURE__ */ jsxs32(
+        DialogContent,
         {
-          onClick: () => {
+          onInteractOutside: (e) => {
+            if (isRunning) e.preventDefault();
+          },
+          onEscapeKeyDown: (e) => {
+            if (isRunning) e.preventDefault();
           },
-          className: "rounded-lg bg-zinc-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-zinc-800",
-          children: "Import a sample dataset"
+          children: [
+            /* @__PURE__ */ jsxs32(DialogHeader, { children: [
+              /* @__PURE__ */ jsx56(DialogTitle, { children: "Import Sample Dataset" }),
+              !isRunning && !error && /* @__PURE__ */ jsxs32(DialogDescription, { children: [
+                "This will create a ",
+                /* @__PURE__ */ jsx56("strong", { children: "users-index" }),
+                " with 100 sample user records.",
+                /* @__PURE__ */ jsx56("br", {}),
+                /* @__PURE__ */ jsx56("br", {}),
+                "Each user has name, age, gender, student/employment status, and contact information."
+              ] })
+            ] }),
+            isRunning && /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 py-4", children: [
+              /* @__PURE__ */ jsx56("p", { className: "text-sm text-zinc-500", children: status }),
+              /* @__PURE__ */ jsx56(Progress, { value: progress })
+            ] }),
+            error && /* @__PURE__ */ jsx56("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
+            /* @__PURE__ */ jsxs32(DialogFooter, { children: [
+              !isRunning && !error && /* @__PURE__ */ jsxs32(Fragment10, { children: [
+                /* @__PURE__ */ jsx56(Button, { onClick: () => onOpenChange(false), children: "Cancel" }),
+                /* @__PURE__ */ jsx56(Button, { variant: "primary", onClick: handleImport, children: "Import" })
+              ] }),
+              error && /* @__PURE__ */ jsx56(Button, { onClick: () => onOpenChange(false), children: "Close" })
+            ] })
+          ]
         }
       )
-    ] })
+    }
+  );
+};
+
+// src/components/databrowser/components/search-empty-state.tsx
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+var SearchEmptyState = () => {
+  const [importModalOpen, setImportModalOpen] = useState16(false);
+  return /* @__PURE__ */ jsxs33("div", { className: "flex flex-1 justify-center", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx57("h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
+        /* @__PURE__ */ jsx57("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__ */ jsxs33("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx57("h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
+          /* @__PURE__ */ jsxs33("div", { className: "space-y-2.5", children: [
+            /* @__PURE__ */ jsxs33("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx57("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx57(IconDatabase, { size: 16 }) }),
+              /* @__PURE__ */ jsxs33("div", { children: [
+                /* @__PURE__ */ jsx57("h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
+                /* @__PURE__ */ jsx57("p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs33("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx57("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx57(IconCode, { size: 16 }) }),
+              /* @__PURE__ */ jsxs33("div", { children: [
+                /* @__PURE__ */ jsx57("h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
+                /* @__PURE__ */ jsx57("p", { className: "text-sm text-zinc-500", children: "Define a search index specifying which fields to search on." })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs33("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx57("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx57(IconSearch3, { size: 16 }) }),
+              /* @__PURE__ */ jsxs33("div", { children: [
+                /* @__PURE__ */ jsx57("h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
+                /* @__PURE__ */ jsx57("p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx57(
+          "a",
+          {
+            href: "https://upstash-search.mintlify.app/redis/search/introduction",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-5 inline-block text-sm text-emerald-600 underline-offset-2 hover:underline",
+            children: "Learn more \u2192"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs33("div", { className: "flex w-72 flex-col items-center justify-center rounded-lg border border-dashed border-zinc-300 bg-white p-6", children: [
+        /* @__PURE__ */ jsx57("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500", children: /* @__PURE__ */ jsx57(IconDownload, { size: 24 }) }),
+        /* @__PURE__ */ jsx57("h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Get started quickly" }),
+        /* @__PURE__ */ jsx57("p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Import a sample dataset to try out Redis Search" }),
+        /* @__PURE__ */ jsx57(
+          "button",
+          {
+            onClick: () => setImportModalOpen(true),
+            className: "rounded-lg bg-zinc-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-zinc-800",
+            children: "Import a sample dataset"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx57(ImportSampleDatasetModal, { open: importModalOpen, onOpenChange: setImportModalOpen })
   ] });
 };
 
 // src/components/databrowser/components/sidebar/empty.tsx
-import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 var Empty = () => {
-  return /* @__PURE__ */ jsx57("div", { className: "flex h-full w-full items-center justify-center rounded-md border bg-white px-4 py-6 text-center", children: /* @__PURE__ */ jsxs33("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsx57("p", { className: "text-md font-medium", children: "Data on a break" }),
-    /* @__PURE__ */ jsx57("p", { className: "text-balance text-center", children: '"Quick, lure it back with some CLI magic!"' })
+  return /* @__PURE__ */ jsx58("div", { className: "flex h-full w-full items-center justify-center rounded-md border bg-white px-4 py-6 text-center", children: /* @__PURE__ */ jsxs34("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx58("p", { className: "text-md font-medium", children: "Data on a break" }),
+    /* @__PURE__ */ jsx58("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 Fragment11, useRef as useRef5 } from "react";
+import { Fragment as Fragment12, useRef as useRef5 } from "react";
 import { IconChevronRight as IconChevronRight3 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/sidebar-context-menu.tsx
-import { useState as useState15 } from "react";
+import { useState as useState17 } from "react";
 import { ContextMenuSeparator as ContextMenuSeparator3 } from "@radix-ui/react-context-menu";
 import { IconCopy as IconCopy3, IconExternalLink as IconExternalLink2, IconTrash as IconTrash3 } from "@tabler/icons-react";
-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 SidebarContextMenu = ({ children }) => {
   const { mutate: deleteKey } = useDeleteKey();
-  const [isAlertOpen, setAlertOpen] = useState15(false);
-  const [contextKeys, setContextKeys] = useState15([]);
+  const [isAlertOpen, setAlertOpen] = useState17(false);
+  const [contextKeys, setContextKeys] = useState17([]);
   const {
     addTab,
     setSelectedKey: setSelectedKeyGlobal,
@@ -8262,8 +8545,8 @@ var SidebarContextMenu = ({ children }) => {
     setSearch
   } = useDatabrowserStore();
   const { search: currentSearch, selectedKeys } = useTab();
-  return /* @__PURE__ */ jsxs34(Fragment10, { children: [
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs35(Fragment11, { children: [
+    /* @__PURE__ */ jsx59(
       DeleteKeyModal,
       {
         deletionType: "key",
@@ -8279,8 +8562,8 @@ var SidebarContextMenu = ({ children }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsxs34(ContextMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsxs35(ContextMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx59(
         ContextMenuTrigger,
         {
           onContextMenu: (e) => {
@@ -8300,8 +8583,8 @@ var SidebarContextMenu = ({ children }) => {
           children
         }
       ),
-      /* @__PURE__ */ jsxs34(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxs34(
+      /* @__PURE__ */ jsxs35(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxs35(
           ContextMenuItem,
           {
             onClick: () => {
@@ -8313,12 +8596,12 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx58(IconCopy3, { size: 16 }),
+              /* @__PURE__ */ jsx59(IconCopy3, { size: 16 }),
               "Copy key"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs35(
           ContextMenuItem,
           {
             onClick: () => {
@@ -8330,14 +8613,14 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx58(IconExternalLink2, { size: 16 }),
+              /* @__PURE__ */ jsx59(IconExternalLink2, { size: 16 }),
               "Open in new tab"
             ]
           }
         ),
-        /* @__PURE__ */ jsx58(ContextMenuSeparator3, {}),
-        /* @__PURE__ */ jsxs34(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
-          /* @__PURE__ */ jsx58(IconTrash3, { size: 16 }),
+        /* @__PURE__ */ jsx59(ContextMenuSeparator3, {}),
+        /* @__PURE__ */ jsxs35(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
+          /* @__PURE__ */ jsx59(IconTrash3, { size: 16 }),
           contextKeys.length > 1 ? `Delete ${contextKeys.length} keys` : "Delete key"
         ] })
       ] })
@@ -8346,14 +8629,14 @@ var SidebarContextMenu = ({ children }) => {
 };
 
 // src/components/databrowser/components/sidebar/keys-list.tsx
-import { Fragment as Fragment12, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
 var KeysList = () => {
   const { keys } = useKeys();
   const lastClickedIndexRef = useRef5(null);
-  return /* @__PURE__ */ jsx59(SidebarContextMenu, { children: /* @__PURE__ */ jsxs35(Fragment12, { children: [
-    /* @__PURE__ */ jsx59("div", { className: "h-px" }),
-    keys.map((data, i) => /* @__PURE__ */ jsxs35(Fragment11, { children: [
-      /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(SidebarContextMenu, { children: /* @__PURE__ */ jsxs36(Fragment13, { children: [
+    /* @__PURE__ */ jsx60("div", { className: "h-px" }),
+    keys.map((data, i) => /* @__PURE__ */ jsxs36(Fragment12, { children: [
+      /* @__PURE__ */ jsx60(
         KeyItem,
         {
           index: i,
@@ -8362,7 +8645,7 @@ var KeysList = () => {
           lastClickedIndexRef
         }
       ),
-      i !== keys.length - 1 && /* @__PURE__ */ jsx59("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-200" })
+      i !== keys.length - 1 && /* @__PURE__ */ jsx60("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-200" })
     ] }, data[0]))
   ] }) });
 };
@@ -8404,7 +8687,7 @@ var KeyItem = ({
       lastClickedIndexRef.current = index;
     }
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "button",
     {
       "data-key": dataKey,
@@ -8416,44 +8699,44 @@ var KeyItem = ({
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx59(TypeTag, { variant: dataType, type: "icon" }),
-        /* @__PURE__ */ jsx59("p", { className: "grow truncate whitespace-nowrap", children: dataKey }),
-        score !== void 0 && /* @__PURE__ */ jsx59("span", { className: "shrink-0 text-xs text-zinc-400", children: score.toFixed(2) }),
-        isKeySelected && /* @__PURE__ */ jsx59(IconChevronRight3, { className: "shrink-0 text-zinc-500", size: 20 })
+        /* @__PURE__ */ jsx60(TypeTag, { variant: dataType, type: "icon" }),
+        /* @__PURE__ */ jsx60("p", { className: "grow truncate whitespace-nowrap", children: dataKey }),
+        score !== void 0 && /* @__PURE__ */ jsx60("span", { className: "shrink-0 text-xs text-zinc-400", children: score.toFixed(2) }),
+        isKeySelected && /* @__PURE__ */ jsx60(IconChevronRight3, { className: "shrink-0 text-zinc-500", size: 20 })
       ]
     }
   );
 };
 
 // src/components/databrowser/components/sidebar/skeleton-buttons.tsx
-import { jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs37 } from "react/jsx-runtime";
 var DEFAULT_SKELETON_COUNT = 6;
-var LoadingSkeleton = () => /* @__PURE__ */ jsx60("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__ */ jsxs36("div", { className: "flex h-10 items-center gap-2 px-3", children: [
-  /* @__PURE__ */ jsx60(Skeleton, { className: "size-5 shrink-0 rounded" }),
-  /* @__PURE__ */ jsx60(Skeleton, { className: "h-4 grow rounded" })
+var LoadingSkeleton = () => /* @__PURE__ */ jsx61("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__ */ jsxs37("div", { className: "flex h-10 items-center gap-2 px-3", children: [
+  /* @__PURE__ */ jsx61(Skeleton, { className: "size-5 shrink-0 rounded" }),
+  /* @__PURE__ */ jsx61(Skeleton, { className: "h-4 grow rounded" })
 ] }, idx)) });
 
 // src/components/databrowser/components/sidebar/index.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function Sidebar() {
   const { keys, query } = useKeys();
-  return /* @__PURE__ */ jsx61("div", { className: "flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx61(LoadingSkeleton, {}) : keys.length > 0 ? (
+  return /* @__PURE__ */ jsx62("div", { className: "flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx62(LoadingSkeleton, {}) : keys.length > 0 ? (
     // Infinite scroll already has a loader at the bottom
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(
       InfiniteScroll,
       {
         query,
         disableRoundedInherit: true,
         className: "min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4",
         scrollBarClassName: "py-5",
-        children: /* @__PURE__ */ jsx61(KeysList, {})
+        children: /* @__PURE__ */ jsx62(KeysList, {})
       }
     )
-  ) : /* @__PURE__ */ jsx61(Empty, {}) });
+  ) : /* @__PURE__ */ jsx62(Empty, {}) });
 }
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
-import { useCallback as useCallback4, useEffect as useEffect17, useRef as useRef8, useState as useState22 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect18, useRef as useRef8, useState as useState24 } from "react";
 
 // src/components/databrowser/components/ui-query-builder/query-builder-context.tsx
 import { createContext as createContext6, useCallback as useCallback2, useContext as useContext6, useMemo as useMemo10 } from "react";
@@ -8795,7 +9078,7 @@ var createInitialQueryState = () => ({
 });
 
 // src/components/databrowser/components/ui-query-builder/query-builder-context.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var QueryBuilderUIContext = createContext6(null);
 var QueryBuilderUIProvider = ({
   children,
@@ -8851,7 +9134,7 @@ var QueryBuilderUIProvider = ({
     }),
     [fieldInfos, updateNode, deleteNode, addChildToGroup, moveNode]
   );
-  return /* @__PURE__ */ jsx62(QueryBuilderUIContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx63(QueryBuilderUIContext.Provider, { value, children });
 };
 var useQueryBuilderUI = () => {
   const context = useContext6(QueryBuilderUIContext);
@@ -8929,16 +9212,16 @@ var moveNodeInTree = (root2, nodeId, newParentId, newIndex) => {
 };
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
-import { useState as useState20 } from "react";
-import { IconGripVertical as IconGripVertical3, IconPlus as IconPlus3, IconX as IconX4 } from "@tabler/icons-react";
+import { useState as useState22 } from "react";
+import { IconGripVertical as IconGripVertical3, IconPlus as IconPlus4, IconX as IconX4 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/ui-query-builder/condition-common.tsx
-import { useState as useState17 } from "react";
+import { useState as useState19 } from "react";
 import { IconDots } from "@tabler/icons-react";
 
 // src/components/databrowser/components/ui-query-builder/dynamic-width-input.tsx
-import { useLayoutEffect, useRef as useRef6, useState as useState16 } from "react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { useLayoutEffect, useRef as useRef6, useState as useState18 } from "react";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var measureContext = null;
 var getTextWidth = (text, font) => {
   if (!measureContext) {
@@ -8961,7 +9244,7 @@ var DynamicWidthInput = ({
   placeholder
 }) => {
   const inputRef = useRef6(null);
-  const [width, setWidth] = useState16(minWidth);
+  const [width, setWidth] = useState18(minWidth);
   useLayoutEffect(() => {
     if (inputRef.current) {
       const computedStyle = window.getComputedStyle(inputRef.current);
@@ -8970,7 +9253,7 @@ var DynamicWidthInput = ({
       setWidth(Math.max(Math.ceil(textWidth), minWidth));
     }
   }, [value, minWidth, placeholder]);
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "input",
     {
       ref: inputRef,
@@ -8987,14 +9270,14 @@ var DynamicWidthInput = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/condition-common.tsx
-import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
 var BoostBadge = ({
   node,
   static: isStatic
 }) => {
   const { updateNode } = useQueryBuilderUI();
-  const [localValue, setLocalValue] = useState17(String(node.boost ?? 0));
-  const [isFocused, setIsFocused] = useState17(false);
+  const [localValue, setLocalValue] = useState19(String(node.boost ?? 0));
+  const [isFocused, setIsFocused] = useState19(false);
   const boostStr = String(node.boost ?? 0);
   if (!isFocused && localValue !== boostStr) {
     setLocalValue(boostStr);
@@ -9016,9 +9299,9 @@ 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__ */ jsxs37("span", { className: "relative flex h-[26px] items-center overflow-hidden rounded-md border border-zinc-300 text-sm font-medium", children: [
-    /* @__PURE__ */ jsx64("span", { className: `flex h-full items-center px-2 ${labelBg} ${textColor}`, children: isNegative ? "Demote" : "Boost" }),
-    isStatic ? /* @__PURE__ */ jsx64("span", { className: `px-2 ${textColor}`, children: node.boost }) : /* @__PURE__ */ jsx64("span", { className: "flex h-full items-center bg-white px-2", children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs38("span", { className: "relative flex h-[26px] items-center overflow-hidden rounded-md border border-zinc-300 text-sm font-medium", children: [
+    /* @__PURE__ */ jsx65("span", { className: `flex h-full items-center px-2 ${labelBg} ${textColor}`, children: isNegative ? "Demote" : "Boost" }),
+    isStatic ? /* @__PURE__ */ jsx65("span", { className: `px-2 ${textColor}`, children: node.boost }) : /* @__PURE__ */ jsx65("span", { className: "flex h-full items-center bg-white px-2", children: /* @__PURE__ */ jsx65(
       DynamicWidthInput,
       {
         value: localValue,
@@ -9031,32 +9314,32 @@ var BoostBadge = ({
     ) })
   ] });
 };
-var NotBadge = () => /* @__PURE__ */ jsx64("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" });
+var NotBadge = () => /* @__PURE__ */ jsx65("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" });
 var NodeActionsMenu = ({ node }) => {
   const { updateNode } = useQueryBuilderUI();
-  const [open, setOpen] = useState17(false);
+  const [open, setOpen] = useState19(false);
   const handleToggleBoost = () => {
     updateNode(node.id, { boost: node.boost ? void 0 : 2 });
   };
   const handleToggleNot = () => {
     updateNode(node.id, { not: !node.not });
   };
-  return /* @__PURE__ */ jsxs37(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx64(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs38(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx65(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx65(
       "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__ */ jsx64(IconDots, { size: 16 })
+        children: /* @__PURE__ */ jsx65(IconDots, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ jsxs37(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx64(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsxs38(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx65(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx65(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.boost === void 0 ? "bg-zinc-200" : "bg-emerald-500"}`,
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx65(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.boost === void 0 ? "translate-x-0" : "translate-x-4"}`
@@ -9064,14 +9347,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx64("span", { children: "Boost" })
+        /* @__PURE__ */ jsx65("span", { children: "Boost" })
       ] }) }),
-      /* @__PURE__ */ jsx64(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx65(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx65(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.not ? "bg-emerald-500" : "bg-zinc-200"}`,
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx65(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.not ? "translate-x-4" : "translate-x-0"}`
@@ -9079,14 +9362,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx64("span", { children: "Not" })
+        /* @__PURE__ */ jsx65("span", { children: "Not" })
       ] }) })
     ] })
   ] });
 };
 
 // src/components/databrowser/components/ui-query-builder/dnd-context.tsx
-import { useState as useState19 } from "react";
+import { useState as useState21 } from "react";
 import {
   DndContext,
   PointerSensor,
@@ -9100,9 +9383,9 @@ import { DragOverlay as DndKitDragOverlay } from "@dnd-kit/core";
 import { IconGripVertical as IconGripVertical2 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/ui-query-builder/query-condition.tsx
-import { useEffect as useEffect15, useState as useState18 } from "react";
+import { useEffect as useEffect16, useState as useState20 } from "react";
 import { IconGripVertical, IconX as IconX3 } from "@tabler/icons-react";
-import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
 var formatValueForDisplay = (value) => {
   if (Array.isArray(value)) {
     return value.join(", ");
@@ -9120,8 +9403,8 @@ var QueryCondition = ({
   const { fieldInfos, updateNode, deleteNode } = useQueryBuilderUI();
   const { condition } = node;
   const fieldNames = fieldInfos.map((f) => f.name);
-  const [localValue, setLocalValue] = useState18(() => formatValueForDisplay(condition.value));
-  const [isValueFocused, setIsValueFocused] = useState18(false);
+  const [localValue, setLocalValue] = useState20(() => formatValueForDisplay(condition.value));
+  const [isValueFocused, setIsValueFocused] = useState20(false);
   const formattedConditionValue = formatValueForDisplay(condition.value);
   if (!isValueFocused && localValue !== formattedConditionValue) {
     setLocalValue(formattedConditionValue);
@@ -9153,7 +9436,7 @@ var QueryCondition = ({
     return void 0;
   };
   const valueTypeError = getValueTypeError();
-  useEffect15(() => {
+  useEffect16(() => {
     if (currentFieldType === "boolean") {
       if (condition.value === "true") {
         updateNode(node.id, {
@@ -9293,8 +9576,8 @@ var QueryCondition = ({
       condition: { ...condition, ...updates }
     });
   };
-  const [localSlop, setLocalSlop] = useState18(String(condition.phraseSlop ?? 1));
-  const [isSlopFocused, setIsSlopFocused] = useState18(false);
+  const [localSlop, setLocalSlop] = useState20(String(condition.phraseSlop ?? 1));
+  const [isSlopFocused, setIsSlopFocused] = useState20(false);
   const slopStr = String(condition.phraseSlop ?? 1);
   if (!isSlopFocused && localSlop !== slopStr) {
     setLocalSlop(slopStr);
@@ -9323,48 +9606,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__ */ jsxs38("div", { className: "group/condition flex items-center gap-1 px-1", children: [
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs39("div", { className: "group/condition flex items-center gap-1 px-1", children: [
+    /* @__PURE__ */ jsx66(
       "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__ */ jsx65(IconGripVertical, { size: 16 })
+        children: /* @__PURE__ */ jsx66(IconGripVertical, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsxs38("div", { className: "flex", children: [
-      /* @__PURE__ */ jsxs38(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
-        /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsxs39("div", { className: "flex", children: [
+      /* @__PURE__ */ jsxs39(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
+        /* @__PURE__ */ jsx66(
           SimpleTooltip,
           {
             content: isUnknownField ? "This field is not defined in the schema" : void 0,
             variant: "error",
-            children: /* @__PURE__ */ jsx65(
+            children: /* @__PURE__ */ jsx66(
               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__ */ jsx65(SelectValue, { placeholder: "Select field" })
+                children: /* @__PURE__ */ jsx66(SelectValue, { placeholder: "Select field" })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs38(SelectContent, { children: [
-          isUnknownField && /* @__PURE__ */ jsx65(SelectItem, { value: condition.field, className: "text-red-500", children: condition.field }, condition.field),
-          fieldNames.length > 0 ? fieldNames.map((field) => /* @__PURE__ */ jsx65(SelectItem, { value: field, children: field }, field)) : !isUnknownField && /* @__PURE__ */ jsx65("div", { className: "px-2 py-1.5 text-sm text-zinc-500", children: "No fields available" })
+        /* @__PURE__ */ jsxs39(SelectContent, { children: [
+          isUnknownField && /* @__PURE__ */ jsx66(SelectItem, { value: condition.field, className: "text-red-500", children: condition.field }, condition.field),
+          fieldNames.length > 0 ? fieldNames.map((field) => /* @__PURE__ */ jsx66(SelectItem, { value: field, children: field }, field)) : !isUnknownField && /* @__PURE__ */ jsx66("div", { className: "px-2 py-1.5 text-sm text-zinc-500", children: "No fields available" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs38(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx65(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsxs39(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
+        /* @__PURE__ */ jsx66(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx66(
           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__ */ jsx65(SelectValue, {})
+            children: /* @__PURE__ */ jsx66(SelectValue, {})
           }
         ) }),
-        /* @__PURE__ */ jsxs38(SelectContent, { children: [
-          isInvalidOperator && /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsxs39(SelectContent, { children: [
+          isInvalidOperator && /* @__PURE__ */ jsx66(
             SelectItem,
             {
               value: condition.operator,
@@ -9373,12 +9656,12 @@ var QueryCondition = ({
             },
             condition.operator
           ),
-          filteredOperators.map((op) => /* @__PURE__ */ jsx65(SelectItem, { value: op.value, children: op.label }, op.value))
+          filteredOperators.map((op) => /* @__PURE__ */ jsx66(SelectItem, { value: op.value, children: op.label }, op.value))
         ] })
       ] }),
-      currentFieldType === "boolean" && condition.operator === "in" ? /* @__PURE__ */ jsxs38("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__ */ jsxs38("label", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx65(
+      currentFieldType === "boolean" && condition.operator === "in" ? /* @__PURE__ */ jsxs39("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__ */ jsxs39("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx66(
             "input",
             {
               type: "checkbox",
@@ -9394,10 +9677,10 @@ var QueryCondition = ({
               className: "h-3 w-3"
             }
           ),
-          /* @__PURE__ */ jsx65("span", { children: "true" })
+          /* @__PURE__ */ jsx66("span", { children: "true" })
         ] }),
-        /* @__PURE__ */ jsxs38("label", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsxs39("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx66(
             "input",
             {
               type: "checkbox",
@@ -9413,9 +9696,9 @@ var QueryCondition = ({
               className: "h-3 w-3"
             }
           ),
-          /* @__PURE__ */ jsx65("span", { children: "false" })
+          /* @__PURE__ */ jsx66("span", { children: "false" })
         ] })
-      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ jsxs38(
+      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ jsxs39(
         Select,
         {
           value: condition.value === true || condition.value === "true" ? "true" : condition.value === false || condition.value === "false" ? "false" : "true",
@@ -9427,14 +9710,14 @@ var QueryCondition = ({
             });
           },
           children: [
-            /* @__PURE__ */ jsx65(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__ */ jsx65(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs38(SelectContent, { children: [
-              /* @__PURE__ */ jsx65(SelectItem, { value: "true", children: "true" }),
-              /* @__PURE__ */ jsx65(SelectItem, { value: "false", children: "false" })
+            /* @__PURE__ */ jsx66(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__ */ jsx66(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs39(SelectContent, { children: [
+              /* @__PURE__ */ jsx66(SelectItem, { value: "true", children: "true" }),
+              /* @__PURE__ */ jsx66(SelectItem, { value: "false", children: "false" })
             ] })
           ]
         }
-      ) : /* @__PURE__ */ jsx65(
+      ) : /* @__PURE__ */ jsx66(
         "input",
         {
           type: "text",
@@ -9447,30 +9730,30 @@ var QueryCondition = ({
         }
       )
     ] }),
-    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs38(
+    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs39(
       Select,
       {
         value: String(condition.fuzzyDistance || 1),
         onValueChange: handleFuzzyDistanceChange,
         children: [
-          /* @__PURE__ */ jsx65(SelectTrigger, { className: "h-[26px] w-16 gap-3 border-zinc-200 bg-white px-2 text-sm", children: /* @__PURE__ */ jsx65(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs38(SelectContent, { children: [
-            /* @__PURE__ */ jsx65(SelectItem, { value: "1", children: "1" }),
-            /* @__PURE__ */ jsx65(SelectItem, { value: "2", children: "2" })
+          /* @__PURE__ */ jsx66(SelectTrigger, { className: "h-[26px] w-16 gap-3 border-zinc-200 bg-white px-2 text-sm", children: /* @__PURE__ */ jsx66(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs39(SelectContent, { children: [
+            /* @__PURE__ */ jsx66(SelectItem, { value: "1", children: "1" }),
+            /* @__PURE__ */ jsx66(SelectItem, { value: "2", children: "2" })
           ] })
         ]
       }
     ),
-    condition.operator === "phrase" && /* @__PURE__ */ jsxs38(Fragment13, { children: [
-      /* @__PURE__ */ jsxs38(Select, { value: phraseMode, onValueChange: handlePhraseModeChange, children: [
-        /* @__PURE__ */ jsx65(SelectTrigger, { className: "h-[26px] w-20 gap-3 border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx65(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs38(SelectContent, { children: [
-          /* @__PURE__ */ jsx65(SelectItem, { value: "exact", children: "exact" }),
-          /* @__PURE__ */ jsx65(SelectItem, { value: "slop", children: "slop" }),
-          /* @__PURE__ */ jsx65(SelectItem, { value: "prefix", children: "prefix" })
+    condition.operator === "phrase" && /* @__PURE__ */ jsxs39(Fragment14, { children: [
+      /* @__PURE__ */ jsxs39(Select, { value: phraseMode, onValueChange: handlePhraseModeChange, children: [
+        /* @__PURE__ */ jsx66(SelectTrigger, { className: "h-[26px] w-20 gap-3 border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ jsx66(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs39(SelectContent, { children: [
+          /* @__PURE__ */ jsx66(SelectItem, { value: "exact", children: "exact" }),
+          /* @__PURE__ */ jsx66(SelectItem, { value: "slop", children: "slop" }),
+          /* @__PURE__ */ jsx66(SelectItem, { value: "prefix", children: "prefix" })
         ] })
       ] }),
-      phraseMode === "slop" && /* @__PURE__ */ jsx65(
+      phraseMode === "slop" && /* @__PURE__ */ jsx66(
         "input",
         {
           type: "number",
@@ -9483,20 +9766,20 @@ var QueryCondition = ({
         }
       )
     ] }),
-    node.boost !== void 0 && /* @__PURE__ */ jsx65(BoostBadge, { node }),
-    /* @__PURE__ */ jsxs38(
+    node.boost !== void 0 && /* @__PURE__ */ jsx66(BoostBadge, { node }),
+    /* @__PURE__ */ jsxs39(
       "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__ */ jsx65(NodeActionsMenu, { node }),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66(NodeActionsMenu, { node }),
+          /* @__PURE__ */ jsx66(
             "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__ */ jsx65(IconX3, { size: 16 })
+              children: /* @__PURE__ */ jsx66(IconX3, { size: 16 })
             }
           )
         ]
@@ -9506,12 +9789,12 @@ var QueryCondition = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/drag-overlay.tsx
-import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 var QueryDragOverlay = ({
   activeNode,
   onDropAnimationComplete
 }) => {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     DndKitDragOverlay,
     {
       dropAnimation: {
@@ -9524,16 +9807,16 @@ var QueryDragOverlay = ({
           };
         }
       },
-      children: activeNode && activeNode.type === "condition" ? /* @__PURE__ */ jsxs39("div", { className: "relative -mt-1", children: [
-        /* @__PURE__ */ jsx66("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__ */ jsx66("div", { className: "relative", children: /* @__PURE__ */ jsx66(QueryCondition, { node: activeNode, isDragging: true }) })
-      ] }) : activeNode && activeNode.type === "group" ? /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx66("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__ */ jsxs39("div", { className: "relative flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx66("div", { className: "flex cursor-grab items-center text-zinc-400", children: /* @__PURE__ */ jsx66(IconGripVertical2, { size: 16 }) }),
-          /* @__PURE__ */ jsxs39("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__ */ jsx66("span", { children: activeNode.groupOperator === "and" ? "And" : "Or" }),
-            /* @__PURE__ */ jsx66(
+      children: activeNode && activeNode.type === "condition" ? /* @__PURE__ */ jsxs40("div", { className: "relative -mt-1", children: [
+        /* @__PURE__ */ jsx67("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__ */ jsx67("div", { className: "relative", children: /* @__PURE__ */ jsx67(QueryCondition, { node: activeNode, isDragging: true }) })
+      ] }) : activeNode && activeNode.type === "group" ? /* @__PURE__ */ jsxs40("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx67("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__ */ jsxs40("div", { className: "relative flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx67("div", { className: "flex cursor-grab items-center text-zinc-400", children: /* @__PURE__ */ jsx67(IconGripVertical2, { size: 16 }) }),
+          /* @__PURE__ */ jsxs40("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__ */ jsx67("span", { children: activeNode.groupOperator === "and" ? "And" : "Or" }),
+            /* @__PURE__ */ jsx67(
               "svg",
               {
                 className: "text-zinc-400",
@@ -9542,7 +9825,7 @@ var QueryDragOverlay = ({
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx66(
+                children: /* @__PURE__ */ jsx67(
                   "path",
                   {
                     d: "M4 6L8 10L12 6",
@@ -9556,8 +9839,8 @@ var QueryDragOverlay = ({
               }
             )
           ] }),
-          activeNode.boost !== void 0 && /* @__PURE__ */ jsx66(BoostBadge, { node: activeNode, static: true }),
-          activeNode.not && /* @__PURE__ */ jsx66(NotBadge, {})
+          activeNode.boost !== void 0 && /* @__PURE__ */ jsx67(BoostBadge, { node: activeNode, static: true }),
+          activeNode.not && /* @__PURE__ */ jsx67(NotBadge, {})
         ] })
       ] }) : null
     }
@@ -9565,7 +9848,7 @@ var QueryDragOverlay = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/dnd-context.tsx
-import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs41 } from "react/jsx-runtime";
 var QueryDndProvider = ({
   children,
   rootNode,
@@ -9573,7 +9856,7 @@ var QueryDndProvider = ({
   setDroppingId
 }) => {
   const { moveNode } = useQueryBuilderUI();
-  const [activeId, setActiveId] = useState19(null);
+  const [activeId, setActiveId] = useState21(null);
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
@@ -9637,7 +9920,7 @@ var QueryDndProvider = ({
     moveNode(activeIdStr, targetGroupId, adjustedIndex);
   };
   const activeNode = activeId ? findNodeById(rootNode, String(activeId)) : null;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     DndContext,
     {
       sensors,
@@ -9647,7 +9930,7 @@ var QueryDndProvider = ({
       onDragEnd: handleDragEnd,
       children: [
         children,
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           QueryDragOverlay,
           {
             activeNode,
@@ -9684,7 +9967,7 @@ var findParentGroup = (root2, targetId) => {
 
 // src/components/databrowser/components/ui-query-builder/draggable-item.tsx
 import { useDraggable } from "@dnd-kit/core";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var DraggableItem = ({
   id,
   children,
@@ -9695,7 +9978,7 @@ var DraggableItem = ({
   });
   const isDropAnimating = droppingId === id;
   const childElement = children;
-  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx68(
+  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx69(
     childElement.type,
     {
       ...childElement.props,
@@ -9706,7 +9989,7 @@ var DraggableItem = ({
       }
     }
   ) : children;
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       ref: setNodeRef,
@@ -9718,10 +10001,10 @@ var DraggableItem = ({
 
 // src/components/databrowser/components/ui-query-builder/drop-zone.tsx
 import { useDroppable } from "@dnd-kit/core";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var DropIndicator = ({ id, isOver }) => {
   const { setNodeRef } = useDroppable({ id });
-  return /* @__PURE__ */ jsx69("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx70(
     "div",
     {
       className: cn(
@@ -9733,7 +10016,7 @@ var DropIndicator = ({ id, isOver }) => {
 };
 var EmptyGroupDropZone = ({ groupId, isOver }) => {
   const { setNodeRef } = useDroppable({ id: `drop-${groupId}-end` });
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     "div",
     {
       ref: setNodeRef,
@@ -9744,22 +10027,22 @@ var EmptyGroupDropZone = ({ groupId, isOver }) => {
 };
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
-import { Fragment as Fragment14, jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
 var ChildRow = ({
   groupId,
   child,
   depth,
   activeOverId,
   droppingId
-}) => /* @__PURE__ */ jsxs41("div", { children: [
-  /* @__PURE__ */ jsx70(
+}) => /* @__PURE__ */ jsxs42("div", { children: [
+  /* @__PURE__ */ jsx71(
     DropIndicator,
     {
       id: `drop-${groupId}-${child.id}`,
       isOver: activeOverId === `drop-${groupId}-${child.id}`
     }
   ),
-  /* @__PURE__ */ jsx70(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx70(QueryCondition, { node: child }) : /* @__PURE__ */ jsx70(
+  /* @__PURE__ */ jsx71(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx71(QueryCondition, { node: child }) : /* @__PURE__ */ jsx71(
     InnerGroup,
     {
       node: child,
@@ -9792,62 +10075,62 @@ var InnerGroup = ({
   const handleDeleteGroup = () => {
     deleteNode(node.id);
   };
-  return /* @__PURE__ */ jsxs41("div", { children: [
-    /* @__PURE__ */ jsxs41("div", { className: "group/group flex items-center gap-1 px-1", children: [
-      !isRoot && /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs42("div", { children: [
+    /* @__PURE__ */ jsxs42("div", { className: "group/group flex items-center gap-1 px-1", children: [
+      !isRoot && /* @__PURE__ */ jsx71(
         "div",
         {
           ref: dragHandleProps?.ref,
           className: "flex cursor-grab items-center px-1 text-zinc-400",
           ...dragHandleProps?.attributes,
           ...dragHandleProps?.listeners,
-          children: /* @__PURE__ */ jsx70(IconGripVertical3, { size: 16 })
+          children: /* @__PURE__ */ jsx71(IconGripVertical3, { size: 16 })
         }
       ),
-      /* @__PURE__ */ jsxs41(Select, { value: node.groupOperator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx70(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__ */ jsx70(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs41(SelectContent, { children: [
-          /* @__PURE__ */ jsx70(SelectItem, { value: "and", children: "And" }),
-          /* @__PURE__ */ jsx70(SelectItem, { value: "or", children: "Or" })
+      /* @__PURE__ */ jsxs42(Select, { value: node.groupOperator, onValueChange: handleOperatorChange, children: [
+        /* @__PURE__ */ jsx71(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__ */ jsx71(SelectValue, {}) }),
+        /* @__PURE__ */ jsxs42(SelectContent, { children: [
+          /* @__PURE__ */ jsx71(SelectItem, { value: "and", children: "And" }),
+          /* @__PURE__ */ jsx71(SelectItem, { value: "or", children: "Or" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs41(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx70(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsxs42(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx71(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx71(
           "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__ */ jsx70(IconPlus3, { size: 16 })
+            children: /* @__PURE__ */ jsx71(IconPlus4, { size: 16 })
           }
         ) }),
-        /* @__PURE__ */ jsxs41(DropdownMenuContent, { align: "start", children: [
-          /* @__PURE__ */ jsx70(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
-          /* @__PURE__ */ jsx70(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
+        /* @__PURE__ */ jsxs42(DropdownMenuContent, { align: "start", children: [
+          /* @__PURE__ */ jsx71(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
+          /* @__PURE__ */ jsx71(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
         ] })
       ] }),
-      node.boost !== void 0 && /* @__PURE__ */ jsx70(BoostBadge, { node }),
-      !isRoot && /* @__PURE__ */ jsxs41(
+      node.boost !== void 0 && /* @__PURE__ */ jsx71(BoostBadge, { node }),
+      !isRoot && /* @__PURE__ */ jsxs42(
         "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__ */ jsx70(NodeActionsMenu, { node }),
-            /* @__PURE__ */ jsx70(
+            /* @__PURE__ */ jsx71(NodeActionsMenu, { node }),
+            /* @__PURE__ */ jsx71(
               "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__ */ jsx70(IconX4, { size: 16 })
+                children: /* @__PURE__ */ jsx71(IconX4, { size: 16 })
               }
             )
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx70("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-[15px] border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx70(EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ jsxs41(Fragment14, { children: [
+    /* @__PURE__ */ jsx71("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-[15px] border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx71(EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ jsxs42(Fragment15, { children: [
       node.children.map(
-        (child) => !child.not && /* @__PURE__ */ jsx70(
+        (child) => !child.not && /* @__PURE__ */ jsx71(
           ChildRow,
           {
             groupId: node.id,
@@ -9859,15 +10142,15 @@ var InnerGroup = ({
           child.id
         )
       ),
-      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs41(Tooltip, { delayDuration: 200, children: [
-        /* @__PURE__ */ jsx70(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx70("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__ */ jsx70(TooltipContent, { side: "right", className: "max-w-xs", children: /* @__PURE__ */ jsxs41("p", { children: [
+      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs42(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsx71(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx71("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__ */ jsx71(TooltipContent, { side: "right", className: "max-w-xs", children: /* @__PURE__ */ jsxs42("p", { children: [
           "Keys matching any of the conditions below are excluded from the results.",
           " ",
-          /* @__PURE__ */ jsx70(
+          /* @__PURE__ */ jsx71(
             "a",
             {
-              href: "https://upstash.com/docs/vector/features/filtering/boolean-operators/must-not",
+              href: "https://upstash-search.mintlify.app/redis/search/query-operators/boolean-operators/must-not",
               target: "_blank",
               rel: "noopener noreferrer",
               className: "underline",
@@ -9877,7 +10160,7 @@ var InnerGroup = ({
         ] }) })
       ] }),
       node.children.map(
-        (child) => child.not && /* @__PURE__ */ jsx70(
+        (child) => child.not && /* @__PURE__ */ jsx71(
           ChildRow,
           {
             groupId: node.id,
@@ -9889,7 +10172,7 @@ var InnerGroup = ({
           child.id
         )
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         DropIndicator,
         {
           id: `drop-${node.id}-end`,
@@ -9900,11 +10183,11 @@ var InnerGroup = ({
   ] });
 };
 var QueryGroup = ({ node, isRoot = false, depth }) => {
-  const [activeOverId, setActiveOverId] = useState20(null);
-  const [droppingId, setDroppingId] = useState20(null);
+  const [activeOverId, setActiveOverId] = useState22(null);
+  const [droppingId, setDroppingId] = useState22(null);
   if (node.type !== "group") return;
   if (!isRoot) {
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       InnerGroup,
       {
         node,
@@ -9915,13 +10198,13 @@ var QueryGroup = ({ node, isRoot = false, depth }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     QueryDndProvider,
     {
       rootNode: node,
       setActiveOverId,
       setDroppingId,
-      children: /* @__PURE__ */ jsx70(
+      children: /* @__PURE__ */ jsx71(
         InnerGroup,
         {
           node,
@@ -9936,7 +10219,7 @@ var QueryGroup = ({ node, isRoot = false, depth }) => {
 };
 
 // src/components/databrowser/components/ui-query-builder/use-query-state-sync.ts
-import { useCallback as useCallback3, useEffect as useEffect16, useRef as useRef7, useState as useState21 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect17, useRef as useRef7, useState as useState23 } from "react";
 
 // src/components/databrowser/components/ui-query-builder/query-stringify.ts
 var jsonToJsLiteral = (json) => {
@@ -10061,12 +10344,12 @@ var stringifyQueryState = (state) => {
 // src/components/databrowser/components/ui-query-builder/use-query-state-sync.ts
 var useQueryStateSync = () => {
   const { valuesSearch, setValuesSearchQuery } = useTab();
-  const [queryState, setQueryStateInternal] = useState21(() => {
+  const [queryState, setQueryStateInternal] = useState23(() => {
     return parseQueryString(valuesSearch.query) ?? createInitialQueryState();
   });
   const lastSyncedQuery = useRef7(valuesSearch.query);
   const isOurUpdate = useRef7(false);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isOurUpdate.current) {
       isOurUpdate.current = false;
       lastSyncedQuery.current = valuesSearch.query;
@@ -10100,22 +10383,22 @@ var useQueryStateSync = () => {
 };
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
-import { jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
 var UIQueryBuilder = () => {
   const { valuesSearch } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const { queryState, setQueryState } = useQueryStateSync();
   const fieldInfos = indexDetails?.schema ? extractFieldInfo(indexDetails.schema) : [];
   const hasNormalized = useRef8(false);
-  useEffect17(() => {
+  useEffect18(() => {
     if (hasNormalized.current || fieldInfos.length === 0) return;
     hasNormalized.current = true;
     setQueryState((state) => normalizeQueryState(state, fieldInfos));
   }, [fieldInfos, setQueryState]);
   const scrollAreaRef = useRef8(null);
   const viewportRef = useRef8(null);
-  const [hasTopShadow, setHasTopShadow] = useState22(false);
-  const [hasBottomShadow, setHasBottomShadow] = useState22(false);
+  const [hasTopShadow, setHasTopShadow] = useState24(false);
+  const [hasBottomShadow, setHasBottomShadow] = useState24(false);
   const recomputeShadows = useCallback4(() => {
     const el = viewportRef.current;
     if (!el) return;
@@ -10123,7 +10406,7 @@ var UIQueryBuilder = () => {
     setHasTopShadow(scrollTop > 0);
     setHasBottomShadow(scrollTop + clientHeight < scrollHeight - 1);
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     viewportRef.current = scrollAreaRef.current?.querySelector(
       "[data-radix-scroll-area-viewport]"
     );
@@ -10134,27 +10417,27 @@ var UIQueryBuilder = () => {
     obs.observe(el);
     return () => obs.disconnect();
   }, [recomputeShadows]);
-  return /* @__PURE__ */ jsx71(QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ jsxs42("div", { className: "relative h-full rounded-lg bg-zinc-50", children: [
-    /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ jsxs43("div", { className: "relative h-full rounded-lg bg-zinc-50", children: [
+    /* @__PURE__ */ jsx72(
       "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__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       "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__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ScrollArea,
       {
         ref: scrollAreaRef,
         onScroll: recomputeShadows,
         className: "h-full",
         scrollBarClassName: "py-1",
-        children: /* @__PURE__ */ jsx71("div", { className: "p-4", children: /* @__PURE__ */ jsx71(QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) })
+        children: /* @__PURE__ */ jsx72("div", { className: "p-4", children: /* @__PURE__ */ jsx72(QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) })
       }
     )
   ] }) });
@@ -10227,13 +10510,12 @@ var extractFieldInfo = (schema) => {
 };
 
 // src/components/databrowser/components/databrowser-instance.tsx
-import { jsx as jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
 var PREFIX = "const query: Query = ";
-var SearchContent = () => {
+var QueryBuilderContent = () => {
   const { valuesSearch } = useTab();
-  const { data: indexes, isLoading } = useFetchSearchIndexes();
-  const [mode, setMode] = useState23("builder");
-  const [switchError, setSwitchError] = useState23(null);
+  const [mode, setMode] = useState25("builder");
+  const [switchError, setSwitchError] = useState25(null);
   const handleModeChange = (value) => {
     const newMode = value;
     if (newMode === "builder") {
@@ -10249,16 +10531,9 @@ var SearchContent = () => {
     }
     setMode(newMode);
   };
-  if (isLoading) {
-    return null;
-  }
-  const hasIndexes = indexes && indexes.length > 0;
-  if (!hasIndexes) {
-    return /* @__PURE__ */ jsx72(SearchEmptyState, {});
-  }
-  return /* @__PURE__ */ jsxs43("div", { children: [
-    /* @__PURE__ */ jsxs43("div", { className: "relative h-[300px] max-h-[600px] min-h-[150px] resize-y overflow-hidden", children: [
-      /* @__PURE__ */ jsx72("div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs44("div", { children: [
+    /* @__PURE__ */ jsxs44("div", { className: "relative h-[200px] max-h-[40vh] min-h-[150px] resize-y overflow-hidden", children: [
+      /* @__PURE__ */ jsx73("div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsx73(
         Segmented,
         {
           options: [
@@ -10270,17 +10545,40 @@ var SearchContent = () => {
           buttonClassName: "h-6"
         }
       ) }),
-      mode === "builder" ? /* @__PURE__ */ jsx72(UIQueryBuilder, {}) : /* @__PURE__ */ jsx72(QueryBuilder, {})
+      mode === "builder" ? /* @__PURE__ */ jsx73(UIQueryBuilder, {}) : /* @__PURE__ */ jsx73(QueryBuilder, {})
     ] }),
-    switchError && /* @__PURE__ */ jsx72("p", { className: "mt-3 text-sm text-red-500", children: switchError })
+    switchError && /* @__PURE__ */ jsx73("p", { className: "mt-3 text-sm text-red-500", children: switchError })
   ] });
 };
+var SearchContent = () => {
+  const { valuesSearch, setValuesSearchIndex } = useTab();
+  const { data: indexes, isLoading } = useFetchSearchIndexes();
+  useEffect19(() => {
+    if (!indexes || isLoading) return;
+    if (valuesSearch.index && !indexes.includes(valuesSearch.index)) setValuesSearchIndex("");
+  }, [indexes, valuesSearch.index, isLoading, setValuesSearchIndex]);
+  if (isLoading) {
+    return null;
+  }
+  const hasIndexes = indexes && indexes.length > 0;
+  if (!hasIndexes) return /* @__PURE__ */ jsx73(SearchEmptyState, {});
+  return /* @__PURE__ */ jsx73(QueryBuilderContent, {});
+};
 var DatabrowserInstance = ({
   hidden,
-  hideSearchTab = false
+  tabType
 }) => {
-  const { isValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsx72(KeysProvider, { children: /* @__PURE__ */ jsxs43(
+  const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
+  const { data: indexes, isLoading } = useFetchSearchIndexes();
+  useEffect19(() => {
+    if (tabType === "keys" && isValuesSearchSelected) {
+      setIsValuesSearchSelected(false);
+    } else if (tabType === "search" && !isValuesSearchSelected) {
+      setIsValuesSearchSelected(true);
+    }
+  }, [tabType, isValuesSearchSelected, setIsValuesSearchSelected]);
+  const showEmptyState = isValuesSearchSelected && !isLoading && (!indexes || indexes.length === 0);
+  return /* @__PURE__ */ jsx73(KeysProvider, { children: /* @__PURE__ */ jsxs44(
     "div",
     {
       className: cn(
@@ -10288,36 +10586,36 @@ var DatabrowserInstance = ({
         hidden && "hidden"
       ),
       children: [
-        /* @__PURE__ */ jsxs43("div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ jsx72(Header, { hideSearchTab }),
-          isValuesSearchSelected && /* @__PURE__ */ jsx72(SearchContent, {}),
-          /* @__PURE__ */ jsx72(HeaderError, {})
+        /* @__PURE__ */ jsxs44("div", { className: "space-y-3 py-5", children: [
+          /* @__PURE__ */ jsx73(Header, { tabType }),
+          isValuesSearchSelected && !showEmptyState && /* @__PURE__ */ jsx73(SearchContent, {}),
+          /* @__PURE__ */ jsx73(HeaderError, {})
         ] }),
-        /* @__PURE__ */ jsxs43(
+        showEmptyState ? /* @__PURE__ */ jsx73(SearchEmptyState, {}) : /* @__PURE__ */ jsxs44(
           PanelGroup,
           {
             autoSaveId: "persistence",
             direction: "horizontal",
             className: "h-full w-full text-sm antialiased",
             children: [
-              /* @__PURE__ */ jsx72(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx72(Sidebar, {}) }),
-              /* @__PURE__ */ jsxs43(PanelResizeHandle, { className: "group mx-[2px] flex h-full flex-col items-center justify-center gap-1 rounded-md px-[8px] transition-colors hover:bg-zinc-300/10", children: [
-                /* @__PURE__ */ jsx72("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
-                /* @__PURE__ */ jsx72("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
-                /* @__PURE__ */ jsx72("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" })
+              /* @__PURE__ */ jsx73(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx73(Sidebar, {}) }),
+              /* @__PURE__ */ jsxs44(PanelResizeHandle, { className: "group mx-[2px] flex h-full flex-col items-center justify-center gap-1 rounded-md px-[8px] transition-colors hover:bg-zinc-300/10", children: [
+                /* @__PURE__ */ jsx73("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
+                /* @__PURE__ */ jsx73("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
+                /* @__PURE__ */ jsx73("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" })
               ] }),
-              /* @__PURE__ */ jsx72(Panel, { minSize: 40, children: /* @__PURE__ */ jsx72(DataDisplay, {}) })
+              /* @__PURE__ */ jsx73(Panel, { minSize: 40, children: /* @__PURE__ */ jsx73(DataDisplay, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx72(Toaster, {})
+        /* @__PURE__ */ jsx73(Toaster, {})
       ]
     }
   ) });
 };
 
 // src/components/databrowser/components/databrowser-tabs.tsx
-import { useCallback as useCallback6, useEffect as useEffect19, useMemo as useMemo11, useRef as useRef10, useState as useState25 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect21, useMemo as useMemo11, useRef as useRef10, useState as useState27 } from "react";
 import {
   closestCenter,
   DndContext as DndContext2,
@@ -10329,14 +10627,14 @@ import {
 import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
 import { horizontalListSortingStrategy, SortableContext, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { IconChevronDown as IconChevronDown3, IconPlus as IconPlus4, IconWindowMaximize } from "@tabler/icons-react";
+import { IconChevronDown as IconChevronDown3, IconPlus as IconPlus5, IconWindowMaximize } from "@tabler/icons-react";
 
 // src/components/ui/command.tsx
 import * as React15 from "react";
 import { IconSearch as IconSearch4 } from "@tabler/icons-react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
-var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+import { jsx as jsx74, jsxs as jsxs45 } from "react/jsx-runtime";
+var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   CommandPrimitive,
   {
     ref,
@@ -10348,9 +10646,9 @@ var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs44("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx73(IconSearch4, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx73(
+var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx74(IconSearch4, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx74(
     CommandPrimitive.Input,
     {
       ref,
@@ -10363,7 +10661,7 @@ var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   CommandPrimitive.List,
   {
     ref,
@@ -10372,9 +10670,9 @@ var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx73(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx74(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   CommandPrimitive.Group,
   {
     ref,
@@ -10386,7 +10684,7 @@ var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   CommandPrimitive.Separator,
   {
     ref,
@@ -10395,7 +10693,7 @@ var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   CommandPrimitive.Item,
   {
     ref,
@@ -10408,7 +10706,7 @@ var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx73("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
+  return /* @__PURE__ */ jsx74("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
@@ -10423,9 +10721,9 @@ import {
 } from "@tabler/icons-react";
 
 // src/hooks/use-overflow.ts
-import { useCallback as useCallback5, useEffect as useEffect18, useRef as useRef9, useState as useState24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect20, useRef as useRef9, useState as useState26 } from "react";
 var useOverflow = () => {
-  const [isOverflow, setIsOverflow] = useState24(false);
+  const [isOverflow, setIsOverflow] = useState26(false);
   const observerRef = useRef9(null);
   const ref = useCallback5((node) => {
     if (observerRef.current) {
@@ -10440,7 +10738,7 @@ var useOverflow = () => {
     });
     observerRef.current.observe(node);
   }, []);
-  useEffect18(() => {
+  useEffect20(() => {
     return () => {
       observerRef.current?.disconnect();
     };
@@ -10449,16 +10747,16 @@ var useOverflow = () => {
 };
 
 // src/components/databrowser/components/tab-type-icon.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 function TabTypeIcon({ selectedKey }) {
   const { data: keyType, isLoading } = useFetchKeyType(selectedKey);
-  if (isLoading) return /* @__PURE__ */ jsx74(Skeleton, { className: "h-5 w-5 rounded" });
+  if (isLoading) return /* @__PURE__ */ jsx75(Skeleton, { className: "h-5 w-5 rounded" });
   if (!keyType || keyType === "none") return;
-  return /* @__PURE__ */ jsx74(TypeTag, { variant: keyType, type: "icon" });
+  return /* @__PURE__ */ jsx75(TypeTag, { variant: keyType, type: "icon" });
 }
 
 // src/components/databrowser/components/tab.tsx
-import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 var Tab = ({ id, isList }) => {
   const { active, search, selectedKey, valuesSearch, pinned, isValuesSearchSelected } = useTab();
   const {
@@ -10474,8 +10772,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__ */ jsx75("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800", children: /* @__PURE__ */ jsx75(IconSearch5, { size: 14 }) }) : search.key ? /* @__PURE__ */ jsx75("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-zinc-100 text-zinc-600", children: /* @__PURE__ */ jsx75(IconSearch5, { size: 14 }) }) : selectedKey ? /* @__PURE__ */ jsx75(TabTypeIcon, { selectedKey }) : void 0;
-  const tabNode = /* @__PURE__ */ jsxs45(
+  const iconNode = isValuesSearchSelected ? /* @__PURE__ */ jsx76("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800", children: /* @__PURE__ */ jsx76(IconSearch5, { size: 14 }) }) : search.key ? /* @__PURE__ */ jsx76("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-zinc-100 text-zinc-600", children: /* @__PURE__ */ jsx76(IconSearch5, { size: 14 }) }) : selectedKey ? /* @__PURE__ */ jsx76(TabTypeIcon, { selectedKey }) : void 0;
+  const tabNode = /* @__PURE__ */ jsxs46(
     "div",
     {
       id: isList ? `list-tab-${id}` : `tab-${id}`,
@@ -10486,8 +10784,8 @@ var Tab = ({ id, isList }) => {
         !isList && (active ? "bg-white text-zinc-950" : "bg-zinc-200 text-zinc-600 hover:bg-zinc-100")
       ),
       children: [
-        /* @__PURE__ */ jsx75("div", { className: cn(!active && "transition-colors"), children: iconNode }),
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76("div", { className: cn(!active && "transition-colors"), children: iconNode }),
+        /* @__PURE__ */ jsx76(
           "span",
           {
             ref,
@@ -10495,8 +10793,8 @@ var Tab = ({ id, isList }) => {
             children: label || "New Tab"
           }
         ),
-        pinned && /* @__PURE__ */ jsx75(IconPin, { size: 14, className: "text-zinc-500" }),
-        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx75(
+        pinned && /* @__PURE__ */ jsx76(IconPin, { size: 14, className: "text-zinc-500" }),
+        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx76(
           "button",
           {
             onClick: (e) => {
@@ -10504,46 +10802,46 @@ var Tab = ({ id, isList }) => {
               removeTab(id);
             },
             className: "p-[2px] text-zinc-400 transition-colors hover:text-zinc-500",
-            children: /* @__PURE__ */ jsx75(IconX5, { size: 16 })
+            children: /* @__PURE__ */ jsx76(IconX5, { size: 16 })
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ jsxs45(ContextMenu, { children: [
-    /* @__PURE__ */ jsx75(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx75(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
-    /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(ContextMenu, { children: [
+    /* @__PURE__ */ jsx76(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx76(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
+    /* @__PURE__ */ jsxs46(
       ContextMenuContent,
       {
         onClick: (e) => {
           e.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx75(IconPin, { size: 16 }),
+          /* @__PURE__ */ jsxs46(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx76(IconPin, { size: 16 }),
             pinned ? "Unpin Tab" : "Pin Tab"
           ] }),
-          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx75(IconCopyPlus, { size: 16 }),
+          /* @__PURE__ */ jsxs46(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx76(IconCopyPlus, { size: 16 }),
             "Duplicate Tab"
           ] }),
-          /* @__PURE__ */ jsx75(ContextMenuSeparator, {}),
-          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx75(IconX5, { size: 16 }),
+          /* @__PURE__ */ jsx76(ContextMenuSeparator, {}),
+          /* @__PURE__ */ jsxs46(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx76(IconX5, { size: 16 }),
             "Close Tab"
           ] }),
-          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx75(IconSquareX, { size: 16 }),
+          /* @__PURE__ */ jsxs46(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx76(IconSquareX, { size: 16 }),
             "Close Other Tabs"
           ] }),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs46(
             ContextMenuItem,
             {
               onSelect: () => closeAllButPinned(),
               className: "gap-2",
               disabled: !hasPinnedTabs,
               children: [
-                /* @__PURE__ */ jsx75(IconArrowsMinimize, { size: 16 }),
+                /* @__PURE__ */ jsx76(IconArrowsMinimize, { size: 16 }),
                 "Close All But Pinned"
               ]
             }
@@ -10555,9 +10853,9 @@ var Tab = ({ id, isList }) => {
 };
 
 // src/components/databrowser/components/databrowser-tabs.tsx
-import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 var SortableTab = ({ id }) => {
-  const [originalWidth, setOriginalWidth] = useState25(null);
+  const [originalWidth, setOriginalWidth] = useState27(null);
   const textRef = useRef10(null);
   const { tabs } = useDatabrowserStore();
   const tabData = tabs.find(([tabId]) => tabId === id)?.[1];
@@ -10582,7 +10880,7 @@ var SortableTab = ({ id }) => {
     }
     setNodeRef(element);
   };
-  useEffect19(() => {
+  useEffect21(() => {
     if (textRef.current && isDragging) {
       const originalMaxWidth = textRef.current.style.maxWidth;
       const originalWhiteSpace = textRef.current.style.whiteSpace;
@@ -10602,7 +10900,7 @@ var SortableTab = ({ id }) => {
       };
     }
   }, [isDragging]);
-  useEffect19(() => {
+  useEffect21(() => {
     const resizeObserver = new ResizeObserver((entries) => {
       if (entries[0]) {
         setOriginalWidth(entries[0].contentRect.width);
@@ -10623,7 +10921,7 @@ var SortableTab = ({ id }) => {
       minWidth: originalWidth ? `${originalWidth}px` : void 0
     } : {}
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     "div",
     {
       ref: measureRef,
@@ -10631,7 +10929,7 @@ var SortableTab = ({ id }) => {
       className: isDragging ? "cursor-grabbing" : isPinned ? "cursor-default" : "cursor-grab",
       ...attributes,
       ...isPinned ? {} : listeners2,
-      children: /* @__PURE__ */ jsx76(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx76(Tab, { id }) })
+      children: /* @__PURE__ */ jsx77(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx77(Tab, { id }) })
     }
   );
 };
@@ -10645,10 +10943,10 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
     });
   }, [tabs]);
   const scrollRef = useRef10(null);
-  const [hasLeftShadow, setHasLeftShadow] = useState25(false);
-  const [hasRightShadow, setHasRightShadow] = useState25(false);
-  const [isOverflow, setIsOverflow] = useState25(false);
-  useEffect19(() => {
+  const [hasLeftShadow, setHasLeftShadow] = useState27(false);
+  const [hasRightShadow, setHasRightShadow] = useState27(false);
+  const [isOverflow, setIsOverflow] = useState27(false);
+  useEffect21(() => {
     const el = scrollRef.current;
     if (!el) return;
     const onWheel = (event) => {
@@ -10678,7 +10976,7 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
     setHasRightShadow(scrollLeft + clientWidth < scrollWidth - 1);
     setIsOverflow(scrollWidth > clientWidth + 1);
   }, []);
-  useEffect19(() => {
+  useEffect21(() => {
     recomputeShadows();
     const el = scrollRef.current;
     if (!el) return;
@@ -10706,28 +11004,28 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
       reorderTabs(oldIndex, newIndex);
     }
   };
-  return /* @__PURE__ */ jsx76("div", { className: "relative shrink-0 overflow-hidden rounded-t-lg bg-zinc-300", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxs46("div", { className: "relative min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77("div", { className: "relative shrink-0 overflow-hidden rounded-t-lg bg-zinc-300", children: /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs47("div", { className: "relative min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx77(
         "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__ */ jsx76(
+      /* @__PURE__ */ jsx77(
         "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__ */ jsxs46(
+      /* @__PURE__ */ jsxs47(
         "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__ */ jsx76(
+            /* @__PURE__ */ jsx77(
               DndContext2,
               {
                 sensors,
@@ -10739,25 +11037,25 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
                     strategy: MeasuringStrategy.Always
                   }
                 },
-                children: /* @__PURE__ */ jsx76(
+                children: /* @__PURE__ */ jsx77(
                   SortableContext,
                   {
                     items: sortedTabs.map(([id]) => id),
                     strategy: horizontalListSortingStrategy,
-                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx76(SortableTab, { id }, id))
+                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx77(SortableTab, { id }, id))
                   }
                 )
               }
             ),
-            !isOverflow && /* @__PURE__ */ jsx76("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx76(AddTabButton, {}) })
+            !isOverflow && /* @__PURE__ */ jsx77("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx77(AddTabButton, {}) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1 pl-1", children: [
-      isOverflow && /* @__PURE__ */ jsx76(AddTabButton, {}),
-      tabs.length > 1 && /* @__PURE__ */ jsx76(TabsListButton, { tabs, onSelectTab: selectTab }),
-      onFullScreenClick && /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1 pl-1", children: [
+      isOverflow && /* @__PURE__ */ jsx77(AddTabButton, {}),
+      tabs.length > 1 && /* @__PURE__ */ jsx77(TabsListButton, { tabs, onSelectTab: selectTab }),
+      onFullScreenClick && /* @__PURE__ */ jsx77(
         Button,
         {
           "aria-label": "Toggle fullscreen",
@@ -10765,7 +11063,7 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
           size: "icon-sm",
           onClick: onFullScreenClick,
           className: "flex-shrink-0 bg-white text-zinc-500 dark:bg-zinc-100",
-          children: /* @__PURE__ */ jsx76(IconWindowMaximize, { size: 16 })
+          children: /* @__PURE__ */ jsx77(IconWindowMaximize, { size: 16 })
         }
       )
     ] })
@@ -10783,7 +11081,7 @@ function AddTabButton() {
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     Button,
     {
       "aria-label": "Add new tab",
@@ -10791,7 +11089,7 @@ function AddTabButton() {
       size: "icon-sm",
       onClick: handleAddTab,
       className: "flex-shrink-0 bg-zinc-200 ",
-      children: /* @__PURE__ */ jsx76(IconPlus4, { className: "text-zinc-600", size: 16 })
+      children: /* @__PURE__ */ jsx77(IconPlus5, { className: "text-zinc-600", size: 16 })
     }
   );
 }
@@ -10799,7 +11097,7 @@ function TabsListButton({
   tabs,
   onSelectTab
 }) {
-  const [open, setOpen] = useState25(false);
+  const [open, setOpen] = useState27(false);
   const sorted = useMemo11(() => {
     return [...tabs].sort(([, a], [, b]) => {
       if (a.pinned && !b.pinned) return -1;
@@ -10817,8 +11115,8 @@ function TabsListButton({
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsxs46(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx76(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx77(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs47(
       Button,
       {
         variant: "secondary",
@@ -10826,14 +11124,14 @@ function TabsListButton({
         className: "gap-1 bg-white px-2",
         "aria-label": "Search in tabs",
         children: [
-          /* @__PURE__ */ jsx76("span", { className: "text-xs text-zinc-600", children: tabs.length }),
-          /* @__PURE__ */ jsx76(IconChevronDown3, { className: "text-zinc-500", size: 16 })
+          /* @__PURE__ */ jsx77("span", { className: "text-xs text-zinc-600", children: tabs.length }),
+          /* @__PURE__ */ jsx77(IconChevronDown3, { className: "text-zinc-500", size: 16 })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx76(PopoverContent, { className: "w-96 p-0", align: "end", children: /* @__PURE__ */ jsx76(Command, { children: /* @__PURE__ */ jsxs46(CommandList, { children: [
-      /* @__PURE__ */ jsx76(CommandEmpty, { children: "No tabs" }),
-      /* @__PURE__ */ jsx76(CommandGroup, { children: sorted.map(([_id, item]) => /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(PopoverContent, { className: "w-96 p-0", align: "end", children: /* @__PURE__ */ jsx77(Command, { children: /* @__PURE__ */ jsxs47(CommandList, { children: [
+      /* @__PURE__ */ jsx77(CommandEmpty, { children: "No tabs" }),
+      /* @__PURE__ */ jsx77(CommandGroup, { children: sorted.map(([_id, item]) => /* @__PURE__ */ jsx77(
         CommandItem,
         {
           style: {
@@ -10843,7 +11141,7 @@ function TabsListButton({
           onSelect: () => {
             handleSelectTab(item.id);
           },
-          children: /* @__PURE__ */ jsx76(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx76(Tab, { id: _id, isList: true }) })
+          children: /* @__PURE__ */ jsx77(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx77(Tab, { id: _id, isList: true }) })
         },
         item.id
       )) })
@@ -10852,12 +11150,12 @@ function TabsListButton({
 }
 
 // src/components/databrowser/index.tsx
-import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
 var RedisBrowser = ({
   url,
   token,
   hideTabs,
-  hideSearchTab,
+  tabType = "all",
   storage,
   disableTelemetry,
   onFullScreenClick,
@@ -10865,14 +11163,14 @@ var RedisBrowser = ({
 }) => {
   const credentials = useMemo12(() => ({ token, url }), [token, url]);
   const rootRef = useRef11(null);
-  useEffect20(() => {
+  useEffect22(() => {
     queryClient.resetQueries();
   }, [credentials.url]);
-  return /* @__PURE__ */ jsx77(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx77(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx77(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx77(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx77(TooltipProvider, { children: /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx78(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx78(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx78(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx78(TooltipProvider, { children: /* @__PURE__ */ jsx78(
     RedisBrowserRoot,
     {
       hideTabs,
-      hideSearchTab,
+      tabType,
       rootRef,
       onFullScreenClick
     }
@@ -10880,39 +11178,39 @@ var RedisBrowser = ({
 };
 var RedisBrowserRoot = ({
   hideTabs,
-  hideSearchTab,
+  tabType,
   rootRef,
   onFullScreenClick
 }) => {
   const theme = useTheme();
-  useEffect20(() => {
+  useEffect22(() => {
     portalWrapper.classList.add("text-zinc-700");
     portalWrapper.classList.toggle("dark", theme === "dark");
   }, [theme]);
   return (
     /* ups-db is the custom class used to prefix every style in the css bundle */
-    /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(
       "div",
       {
         className: `ups-db ${theme === "dark" ? "dark" : ""}`,
         style: { height: "100%" },
         ref: rootRef,
-        children: /* @__PURE__ */ jsxs47("div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
-          !hideTabs && /* @__PURE__ */ jsx77(DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ jsx77(DatabrowserInstances, { hideSearchTab })
+        children: /* @__PURE__ */ jsxs48("div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
+          !hideTabs && /* @__PURE__ */ jsx78(DatabrowserTabs, { onFullScreenClick }),
+          /* @__PURE__ */ jsx78(DatabrowserInstances, { tabType })
         ] })
       }
     )
   );
 };
-var DatabrowserInstances = ({ hideSearchTab }) => {
+var DatabrowserInstances = ({ tabType }) => {
   const { tabs, selectedTab, selectTab, addTab } = useDatabrowserStore();
-  useEffect20(() => {
+  useEffect22(() => {
     if (tabs.length === 0) addTab();
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ jsx77(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx77(DatabrowserInstance, { hidden: id !== selectedTab, hideSearchTab }) }, id));
+  return tabs.map(([id]) => /* @__PURE__ */ jsx78(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx78(DatabrowserInstance, { hidden: id !== selectedTab, tabType }) }, id));
 };
 export {
   RedisBrowser