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

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/databrowser/index.tsx
-import { useEffect as useEffect19, useMemo as useMemo12, useRef as useRef11 } from "react";
+import { useEffect as useEffect20, 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 useState20 } from "react";
+import { useState as useState23 } from "react";
 import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 
 // src/components/ui/segmented.tsx
@@ -3179,30 +3179,21 @@ var Segmented = ({
   className,
   buttonClassName
 }) => {
-  return /* @__PURE__ */ jsx5(
-    "div",
+  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(
-        "flex w-fit gap-[2px] rounded-lg bg-zinc-200 p-[2px] text-sm dark:bg-zinc-700",
-        className
+        "h-7 rounded-md px-3 transition-all",
+        value === option.key ? "bg-white text-zinc-950" : "text-zinc-700",
+        buttonClassName
       ),
-      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 dark:bg-zinc-800 dark:text-zinc-100" : "text-zinc-700 dark:text-zinc-400",
-            buttonClassName
-          ),
-          onClick: () => {
-            onChange?.(option.key);
-          },
-          children: option.label
-        },
-        option.key
-      ))
-    }
-  );
+      onClick: () => {
+        onChange?.(option.key);
+      },
+      children: option.label
+    },
+    option.key
+  )) });
 };
 
 // src/components/ui/toaster.tsx
@@ -3600,7 +3591,7 @@ var DATA_TYPE_NAMES = {
 var SIMPLE_DATA_TYPES = ["string", "json"];
 
 // src/components/databrowser/components/search/display-search.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8, useState as useState6 } from "react";
 import { Controller as Controller2, useForm as useForm2 } from "react-hook-form";
 
 // src/components/ui/button.tsx
@@ -3826,7 +3817,7 @@ var Spinner = ({
   ] }) : children });
 };
 
-// src/components/databrowser/hooks/use-upsert-search-index-schema.tsx
+// src/components/databrowser/hooks/use-create-search-index-schema.tsx
 import { useMutation } from "@tanstack/react-query";
 
 // src/components/databrowser/components/search/schema-parser.ts
@@ -4133,8 +4124,8 @@ function fieldToBuilder(value) {
   return builder;
 }
 
-// src/components/databrowser/hooks/use-upsert-search-index-schema.tsx
-var useUpsertSearchIndexSchema = () => {
+// src/components/databrowser/hooks/use-create-search-index-schema.tsx
+var useCreateSearchIndexSchema = () => {
   const { redisNoPipeline: redis } = useRedis();
   return useMutation({
     meta: { hideToast: true },
@@ -4148,7 +4139,6 @@ var useUpsertSearchIndexSchema = () => {
       if (!indexName) throw new Error("Index name is required");
       const result = parseSchemaFromEditorValue(editorValue);
       if (!result.success) throw new Error(result.error);
-      await redis.search.index({ name: indexName }).drop();
       await redis.search.createIndex({
         name: indexName,
         dataType,
@@ -5240,17 +5230,247 @@ var DisplayHeader = ({
   ] });
 };
 
+// src/components/databrowser/components/search/save-schema-modal.tsx
+import { useEffect as useEffect6, useState as useState5 } from "react";
+
+// src/components/ui/dialog.tsx
+import * as React11 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = (props) => /* @__PURE__ */ jsx26(DialogPrimitive.Portal, { container: portalRoot, ...props });
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DialogPortal, { children: [
+  /* @__PURE__ */ jsx26(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs13(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "antialiased",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out ",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ",
+        "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+        "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg ",
+        "translate-x-[-50%] translate-y-[-50%] gap-4",
+        "bg-white p-6 shadow-lg duration-200 ",
+        "sm:rounded-lg md:w-full",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs13(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500", children: [
+          /* @__PURE__ */ jsx26(
+            "svg",
+            {
+              width: "15",
+              height: "15",
+              viewBox: "0 0 15 15",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-4 w-4",
+              children: /* @__PURE__ */ jsx26(
+                "path",
+                {
+                  d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+                  fill: "currentColor",
+                  fillRule: "evenodd",
+                  clipRule: "evenodd"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx26("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx26(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-zinc-500", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/ui/progress.tsx
+import * as React12 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Progress = React12.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx27(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/databrowser/components/search/save-schema-modal.tsx
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+var SaveSchemaModal = ({
+  values,
+  onClose
+}) => {
+  const { redisNoPipeline: redis } = useRedis();
+  const [status, setStatus] = useState5();
+  const [progress, setProgress] = useState5(0);
+  const [error, setError] = useState5();
+  useEffect6(() => {
+    if (!values) return;
+    setProgress(0);
+    setStatus(void 0);
+    setError(void 0);
+  }, [values]);
+  const handleConfirm = async () => {
+    if (!values) return;
+    try {
+      const result = parseSchemaFromEditorValue(values.editorValue);
+      if (!result.success) throw new Error(result.error);
+      setStatus("Saving index...");
+      setProgress(33);
+      await redis.search.index({ name: values.indexName }).drop();
+      try {
+        await redis.search.createIndex({
+          name: values.indexName,
+          dataType: values.dataType,
+          prefix: values.prefixes.split(",").map((p) => p.trim()).filter(Boolean),
+          language: values.language,
+          schema: result.schema
+        });
+      } catch (txError) {
+        const err = txError instanceof Error ? txError : new Error(String(txError));
+        throw new Error(
+          `Your index was deleted, but there was an error when trying to re-create it: ${formatUpstashErrorMessage(err)}`
+        );
+      }
+      setStatus("Waiting for indexing...");
+      setProgress(66);
+      await redis.search.index({ name: values.indexName }).waitIndexing();
+      setStatus("Done");
+      setProgress(100);
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      queryClient.invalidateQueries({
+        queryKey: [FETCH_SEARCH_INDEX_QUERY_KEY, values.indexName]
+      });
+      queryClient.invalidateQueries({
+        queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY]
+      });
+      onClose();
+    } catch (catchedError) {
+      setError(catchedError instanceof Error ? catchedError : new Error(String(catchedError)));
+      setStatus(void 0);
+    }
+  };
+  const isRunning = status !== void 0;
+  return /* @__PURE__ */ jsx28(
+    Dialog,
+    {
+      open: values !== void 0,
+      onOpenChange: (open) => {
+        if (!open && !isRunning) onClose();
+      },
+      children: /* @__PURE__ */ jsxs14(
+        DialogContent,
+        {
+          onInteractOutside: (e) => {
+            if (isRunning) e.preventDefault();
+          },
+          onEscapeKeyDown: (e) => {
+            if (isRunning) e.preventDefault();
+          },
+          children: [
+            /* @__PURE__ */ jsxs14(DialogHeader, { children: [
+              /* @__PURE__ */ jsx28(DialogTitle, { children: "Save Schema Changes" }),
+              !isRunning && !error && /* @__PURE__ */ jsxs14(DialogDescription, { children: [
+                "Saving will drop and recreate the index. This will temporarily make the index unavailable.",
+                /* @__PURE__ */ jsx28("br", {}),
+                /* @__PURE__ */ jsx28("br", {}),
+                "Are you sure you want to continue?"
+              ] })
+            ] }),
+            isRunning && /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2 py-4", children: [
+              /* @__PURE__ */ jsx28("p", { className: "text-sm text-zinc-500", children: status }),
+              /* @__PURE__ */ jsx28(Progress, { value: progress })
+            ] }),
+            error && /* @__PURE__ */ jsx28("div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
+            /* @__PURE__ */ jsxs14(DialogFooter, { children: [
+              !isRunning && !error && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+                /* @__PURE__ */ jsx28(Button, { onClick: onClose, children: "Cancel" }),
+                /* @__PURE__ */ jsx28(Button, { variant: "primary", onClick: handleConfirm, children: "Confirm" })
+              ] }),
+              error && /* @__PURE__ */ jsx28(Button, { onClick: onClose, children: "Close" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
 // src/components/databrowser/components/search/schema-editor.tsx
 import { useMemo as useMemo6 } from "react";
 
 // src/components/common/editor-with-types.tsx
-import { useEffect as useEffect6, useRef } from "react";
+import { useEffect as useEffect7, useRef } from "react";
 import { Editor, useMonaco } from "@monaco-editor/react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var EditorWithTypes = (props) => {
-  return isTest ? /* @__PURE__ */ jsx26(TestEditor, { ...props }) : /* @__PURE__ */ jsx26(MonacoEditorWithTypes, { ...props });
+  return isTest ? /* @__PURE__ */ jsx29(TestEditor, { ...props }) : /* @__PURE__ */ jsx29(MonacoEditorWithTypes, { ...props });
 };
-var LoadingSpinner = () => /* @__PURE__ */ jsx26("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600" }) });
+var LoadingSpinner = () => /* @__PURE__ */ jsx29("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx29("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600" }) });
 var MonacoEditorWithTypes = ({
   value,
   onChange,
@@ -5265,7 +5485,7 @@ var MonacoEditorWithTypes = ({
   const editorRef = useRef(null);
   const extraLibRef = useRef(null);
   const theme = useTheme();
-  useEffect6(() => {
+  useEffect7(() => {
     if (!monaco) return;
     extraLibRef.current?.dispose();
     extraLibRef.current = monaco.languages.typescript.typescriptDefaults.addExtraLib(
@@ -5280,7 +5500,7 @@ var MonacoEditorWithTypes = ({
       }
     });
   }, [monaco, typeDefinitions, filePath]);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       extraLibRef.current?.dispose();
       if (monaco) {
@@ -5298,19 +5518,19 @@ var MonacoEditorWithTypes = ({
       editorRef.current?.setValue?.(value);
     }
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (!validateValue(value)) onChange(defaultValue);
   }, [value, editorRef.current, onChange, validateValue, defaultValue]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx29(
         Editor,
         {
           theme: theme === "dark" ? "vs-dark" : "light",
-          loading: /* @__PURE__ */ jsx26(LoadingSpinner, {}),
+          loading: /* @__PURE__ */ jsx29(LoadingSpinner, {}),
           beforeMount: handleBeforeMount,
           onMount: (editor) => {
             editorRef.current = editor;
@@ -5401,12 +5621,12 @@ var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
 };
 var TestEditor = ({ value, onChange, height, testLabel }) => {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx29(
         "textarea",
         {
           "aria-label": testLabel,
@@ -5574,7 +5794,7 @@ type Schema = NestedIndexSchema | FlatIndexSchema;
 };
 
 // src/components/databrowser/components/search/schema-editor.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var SCHEMA_PREFIX = "const schema: Schema = s.object({";
 var SCHEMA_SUFFIX = "})";
 var SCHEMA_DEFAULT = "const schema: Schema = s.object({\n  \n})";
@@ -5583,7 +5803,7 @@ var isSchemaStringValid = (value) => {
 };
 var SchemaEditor = ({ value, onChange, height }) => {
   const typeDefinitions = useMemo6(() => generateSchemaTypeDefinitions(), []);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx30(
     EditorWithTypes,
     {
       value,
@@ -5600,7 +5820,7 @@ var SchemaEditor = ({ value, onChange, height }) => {
 };
 
 // src/components/databrowser/components/search/display-search.tsx
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
 var SearchDisplay = ({
   indexName,
   isCreateModal,
@@ -5625,11 +5845,12 @@ var SearchDisplay = ({
   });
   const currentIndexName = watch("indexName");
   const effectiveIndexName = isCreateModal ? currentIndexName : indexName ?? "";
+  const [pendingFormValues, setPendingFormValues] = useState6();
   const { data, isLoading } = useFetchSearchIndex(indexName, {
     enabled: !isCreateModal
   });
-  const updateSchema = useUpsertSearchIndexSchema();
-  useEffect7(() => {
+  const createSchema = useCreateSearchIndexSchema();
+  useEffect8(() => {
     if (!data) return;
     reset({
       indexName: indexName ?? "",
@@ -5640,29 +5861,33 @@ var SearchDisplay = ({
     });
   }, [data, reset, indexName]);
   const onSubmit = (values) => {
-    updateSchema.mutate(
-      {
-        ...values,
-        indexName: isCreateModal ? values.indexName : indexName
-      },
-      {
-        onSuccess: () => {
-          reset();
-          if ((isCreateModal || isEditModal) && onClose) onClose();
+    if (isCreateModal) {
+      createSchema.mutate(
+        {
+          ...values,
+          indexName: values.indexName
+        },
+        {
+          onSuccess: () => {
+            reset();
+            if (onClose) onClose();
+          }
         }
-      }
-    );
+      );
+    } else {
+      setPendingFormValues({ ...values, indexName });
+    }
   };
   const handleCancel = () => {
-    updateSchema.reset();
+    createSchema.reset();
     reset();
   };
-  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full w-full min-w-0 flex-col gap-2", children: [
-    !isCreateModal && /* @__PURE__ */ jsx28(DisplayHeader, { dataKey: effectiveIndexName, type: "search", hideTypeTag: isEditModal }),
-    /* @__PURE__ */ jsx28("div", { className: "flex h-full min-w-0 grow flex-col gap-2 rounded-md", children: !isCreateModal && isLoading ? /* @__PURE__ */ jsx28(Spinner, { isLoadingText: "", isLoading: true }) : !isCreateModal && (data === null || data === void 0) ? /* @__PURE__ */ jsx28("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx28("span", { className: "text-zinc-500", children: "No data found" }) }) : /* @__PURE__ */ jsxs13("div", { className: "flex h-full w-full flex-col gap-3", children: [
-      isCreateModal && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx28(Label, { htmlFor: "index-name", children: "Key" }),
-        /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs15("div", { className: "flex h-full w-full min-w-0 flex-col gap-2", children: [
+    !isCreateModal && /* @__PURE__ */ jsx31(DisplayHeader, { dataKey: effectiveIndexName, type: "search", hideTypeTag: isEditModal }),
+    /* @__PURE__ */ jsx31("div", { className: "flex h-full min-w-0 grow flex-col gap-2 rounded-md", children: !isCreateModal && isLoading ? /* @__PURE__ */ jsx31(Spinner, { isLoadingText: "", isLoading: true }) : !isCreateModal && (data === null || data === void 0) ? /* @__PURE__ */ jsx31("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx31("span", { className: "text-zinc-500", children: "No data found" }) }) : /* @__PURE__ */ jsxs15("div", { className: "flex h-full w-full flex-col gap-3", children: [
+      isCreateModal && /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx31(Label, { htmlFor: "index-name", children: "Key" }),
+        /* @__PURE__ */ jsx31(
           Input,
           {
             id: "index-name",
@@ -5670,42 +5895,42 @@ var SearchDisplay = ({
             placeholder: "idx_users"
           }
         ),
-        errors.indexName && /* @__PURE__ */ jsx28("p", { className: "text-xs text-red-500", children: errors.indexName.message })
+        errors.indexName && /* @__PURE__ */ jsx31("p", { className: "text-xs text-red-500", children: errors.indexName.message })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "rounded-md border border-zinc-300 bg-white p-3 dark:border-zinc-700 dark:bg-zinc-800", children: [
-        /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx28("h3", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Config" }) }),
-        /* @__PURE__ */ jsxs13("div", { className: "mt-2 grid grid-cols-4 gap-4 text-sm", children: [
-          /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx28("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Data Type" }),
-            /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsxs15("div", { className: "rounded-md border border-zinc-300 bg-white p-3", children: [
+        /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium text-zinc-700", children: "Config" }) }),
+        /* @__PURE__ */ jsxs15("div", { className: "mt-2 grid grid-cols-4 gap-4 text-sm", children: [
+          /* @__PURE__ */ jsxs15("div", { children: [
+            /* @__PURE__ */ jsx31("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Data Type" }),
+            /* @__PURE__ */ jsx31(
               Controller2,
               {
                 name: "dataType",
                 control,
-                render: ({ field }) => /* @__PURE__ */ jsxs13(Select, { value: field.value, onValueChange: field.onChange, children: [
-                  /* @__PURE__ */ jsx28(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx28(SelectValue, { placeholder: "Select type" }) }),
-                  /* @__PURE__ */ jsx28(SelectContent, { children: ["string", "hash", "json"].map((type) => /* @__PURE__ */ jsx28(SelectItem, { value: type, children: /* @__PURE__ */ jsx28(TypeTag, { variant: type, type: "badge" }) }, type)) })
+                render: ({ field }) => /* @__PURE__ */ jsxs15(Select, { value: field.value, onValueChange: field.onChange, children: [
+                  /* @__PURE__ */ jsx31(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx31(SelectValue, { placeholder: "Select type" }) }),
+                  /* @__PURE__ */ jsx31(SelectContent, { children: ["string", "hash", "json"].map((type) => /* @__PURE__ */ jsx31(SelectItem, { value: type, children: /* @__PURE__ */ jsx31(TypeTag, { variant: type, type: "badge" }) }, type)) })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx28("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Language" }),
-            /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs15("div", { children: [
+            /* @__PURE__ */ jsx31("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Language" }),
+            /* @__PURE__ */ jsx31(
               Controller2,
               {
                 name: "language",
                 control,
-                render: ({ field }) => /* @__PURE__ */ jsxs13(Select, { value: field.value, onValueChange: field.onChange, children: [
-                  /* @__PURE__ */ jsx28(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx28(SelectValue, { placeholder: "Select language" }) }),
-                  /* @__PURE__ */ jsx28(SelectContent, { children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx28(SelectItem, { value: lang, children: lang }, lang)) })
+                render: ({ field }) => /* @__PURE__ */ jsxs15(Select, { value: field.value, onValueChange: field.onChange, children: [
+                  /* @__PURE__ */ jsx31(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx31(SelectValue, { placeholder: "Select language" }) }),
+                  /* @__PURE__ */ jsx31(SelectContent, { children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx31(SelectItem, { value: lang, children: lang }, lang)) })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs13("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ jsx28("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Prefixes" }),
-            /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs15("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx31("span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Prefixes" }),
+            /* @__PURE__ */ jsx31(
               Input,
               {
                 ...register("prefixes", { required: "Please enter at least one prefix" }),
@@ -5713,18 +5938,18 @@ var SearchDisplay = ({
                 placeholder: "user:, post:"
               }
             ),
-            errors.prefixes && /* @__PURE__ */ jsx28("p", { className: "mt-1 text-xs text-red-500", children: errors.prefixes.message })
+            errors.prefixes && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: errors.prefixes.message })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex min-h-0 flex-1 flex-col rounded-md border border-zinc-300 bg-white dark:border-zinc-700 dark:bg-zinc-800", children: [
-        /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2 dark:border-zinc-700", children: /* @__PURE__ */ jsx28("h3", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Schema" }) }),
-        /* @__PURE__ */ jsx28("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx28("div", { className: "h-full px-1", children: /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsxs15("div", { className: "flex min-h-0 flex-1 flex-col rounded-md border border-zinc-300 bg-white", children: [
+        /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2", children: /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium text-zinc-700", children: "Schema" }) }),
+        /* @__PURE__ */ jsx31("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx31("div", { className: "h-full px-1", children: /* @__PURE__ */ jsx31(
           Controller2,
           {
             name: "editorValue",
             control,
-            render: ({ field }) => /* @__PURE__ */ jsx28(
+            render: ({ field }) => /* @__PURE__ */ jsx31(
               SchemaEditor,
               {
                 value: field.value,
@@ -5735,9 +5960,9 @@ var SearchDisplay = ({
           }
         ) }) })
       ] }),
-      updateSchema.error && /* @__PURE__ */ jsx28("div", { className: "w-full break-words text-xs text-red-500", children: updateSchema.error.message.startsWith("ERR syntax error") ? "Invalid schema" : formatUpstashErrorMessage(updateSchema.error) }),
-      /* @__PURE__ */ jsx28("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs13("div", { className: "ml-auto flex gap-2", children: [
-        (isDirty || isCreateModal || isEditModal) && /* @__PURE__ */ jsx28(
+      isCreateModal && createSchema.error && /* @__PURE__ */ jsx31("div", { className: "w-full break-words text-xs text-red-500", children: createSchema.error.message.startsWith("ERR syntax error") ? "Invalid schema" : formatUpstashErrorMessage(createSchema.error) }),
+      /* @__PURE__ */ jsx31("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs15("div", { className: "ml-auto flex gap-2", children: [
+        (isDirty || isCreateModal || isEditModal) && /* @__PURE__ */ jsx31(
           Button,
           {
             onClick: () => {
@@ -5750,8 +5975,19 @@ var SearchDisplay = ({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx28(Button, { variant: "primary", onClick: handleSubmit(onSubmit), children: /* @__PURE__ */ jsx28(Spinner, { isLoading: updateSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save" }) })
-      ] }) })
+        /* @__PURE__ */ jsx31(Button, { variant: "primary", onClick: handleSubmit(onSubmit), disabled: !isDirty, children: /* @__PURE__ */ jsx31(Spinner, { isLoading: createSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save..." }) })
+      ] }) }),
+      /* @__PURE__ */ jsx31(
+        SaveSchemaModal,
+        {
+          values: pendingFormValues,
+          onClose: () => {
+            setPendingFormValues(void 0);
+            reset();
+            if (isEditModal && onClose) onClose();
+          }
+        }
+      )
     ] }) })
   ] });
 };
@@ -5781,22 +6017,30 @@ import { useMemo as useMemo8 } from "react";
 import { IconTrash as IconTrash2 } from "@tabler/icons-react";
 
 // src/components/common/infinite-scroll.tsx
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
+import { useEffect as useEffect9, useRef as useRef2 } from "react";
 import { IconLoader2 } from "@tabler/icons-react";
 
 // src/components/ui/scroll-area.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React11.forwardRef(
-  ({ className, scrollBarClassName, children, onScroll, disableRoundedInherit = false, ...props }, ref) => /* @__PURE__ */ jsxs14(
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+var ScrollArea = React13.forwardRef(
+  ({
+    className,
+    scrollBarClassName,
+    scrollBarForceMount,
+    children,
+    onScroll,
+    disableRoundedInherit = false,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs16(
     ScrollAreaPrimitive.Root,
     {
       ref,
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx32(
           ScrollAreaPrimitive.Viewport,
           {
             onScroll,
@@ -5807,24 +6051,24 @@ var ScrollArea = React11.forwardRef(
             children
           }
         ),
-        /* @__PURE__ */ jsx29(ScrollBar, { className: scrollBarClassName }),
-        /* @__PURE__ */ jsx29(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx32(ScrollBar, { className: scrollBarClassName, forceMount: scrollBarForceMount }),
+        /* @__PURE__ */ jsx32(ScrollAreaPrimitive.Corner, {})
       ]
     }
   )
 );
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var ScrollBar = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
     orientation: "vertical",
     className: cn("mr-1 flex h-full w-2 touch-none select-none transition-colors", className),
     ...props,
-    children: /* @__PURE__ */ jsx29(
+    children: /* @__PURE__ */ jsx32(
       ScrollAreaPrimitive.ScrollAreaThumb,
       {
-        className: cn("relative flex-1 rounded-full bg-zinc-200/70")
+        className: cn("relative flex-1 rounded-full bg-zinc-400/70")
       }
     )
   }
@@ -5832,7 +6076,7 @@ var ScrollBar = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/common/infinite-scroll.tsx
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 var InfiniteScroll = ({
   query,
   children,
@@ -5859,12 +6103,12 @@ var InfiniteScroll = ({
       query.fetchNextPage();
     }
   };
-  useEffect8(() => {
+  useEffect9(() => {
     if (!active) return;
     const timer = setTimeout(checkAndFetchMore, 100);
     return () => clearTimeout(timer);
   }, [active, query.data]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx33(
     ScrollArea,
     {
       type: "always",
@@ -5872,27 +6116,27 @@ var InfiniteScroll = ({
       ...props,
       className: cn("block h-full w-full overflow-visible transition-all", props.className),
       ref: scrollRef,
-      children: /* @__PURE__ */ jsxs15("div", { ref: contentRef, children: [
+      children: /* @__PURE__ */ jsxs17("div", { ref: contentRef, children: [
         children,
-        /* @__PURE__ */ jsx30("div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ jsx30(IconLoader2, { className: "animate-spin", size: 16 }) })
+        /* @__PURE__ */ jsx33("div", { className: "flex h-[100px] justify-center py-2 text-zinc-300", children: query.isFetching && /* @__PURE__ */ jsx33(IconLoader2, { className: "animate-spin", size: 16 }) })
       ] })
     }
   );
 };
 
 // src/components/databrowser/components/item-context-menu.tsx
-import { useState as useState5 } from "react";
+import { useState as useState7 } from "react";
 import { ContextMenuSeparator as ContextMenuSeparator2 } from "@radix-ui/react-context-menu";
 import { IconCopy, IconExternalLink, IconTrash } from "@tabler/icons-react";
 
 // src/components/ui/context-menu.tsx
-import * as React12 from "react";
+import * as React14 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { IconCheck as IconCheck2, IconChevronRight as IconChevronRight2, IconCircleFilled as IconCircleFilled2 } from "@tabler/icons-react";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -5904,12 +6148,12 @@ var ContextMenuSubTrigger = React12.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx31(IconChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx34(IconChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -5921,7 +6165,7 @@ var ContextMenuSubContent = React12.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ jsx31(
+var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ jsx34(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -5933,7 +6177,7 @@ var ContextMenuContent = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx31(
+var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -5946,7 +6190,7 @@ var ContextMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs18(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -5957,13 +6201,13 @@ var ContextMenuCheckboxItem = React12.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(IconCheck2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(IconCheck2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
+var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -5973,13 +6217,13 @@ var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(IconCircleFilled2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(IconCircleFilled2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx31(
+var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -5988,7 +6232,7 @@ var ContextMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -5998,23 +6242,23 @@ var ContextMenuSeparator = React12.forwardRef(({ className, ...props }, ref) =>
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx31("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
+  return /* @__PURE__ */ jsx34("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/databrowser/components/item-context-menu.tsx
-import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var ItemContextMenu = ({
   children,
   dataKey,
   type
 }) => {
   const { mutate: editItem } = useEditListItem();
-  const [isAlertOpen, setAlertOpen] = useState5(false);
-  const [data, setData] = useState5();
+  const [isAlertOpen, setAlertOpen] = useState7(false);
+  const [data, setData] = useState7();
   const { addTab, setSelectedKey, selectTab, setSelectedListItem } = useDatabrowserStore();
-  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+    /* @__PURE__ */ jsx35(
       DeleteKeyModal,
       {
         deletionType: "item",
@@ -6035,8 +6279,8 @@ var ItemContextMenu = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxs17(ContextMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs19(ContextMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx35(
         ContextMenuTrigger,
         {
           asChild: true,
@@ -6055,8 +6299,8 @@ var ItemContextMenu = ({
           children
         }
       ),
-      /* @__PURE__ */ jsxs17(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs19(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxs19(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6068,12 +6312,12 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx32(IconCopy, { size: 16 }),
+              /* @__PURE__ */ jsx35(IconCopy, { size: 16 }),
               "Copy key"
             ]
           }
         ),
-        data?.value && /* @__PURE__ */ jsxs17(
+        data?.value && /* @__PURE__ */ jsxs19(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6084,12 +6328,12 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx32(IconCopy, { size: 16 }),
+              /* @__PURE__ */ jsx35(IconCopy, { size: 16 }),
               "Copy value"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs19(
           ContextMenuItem,
           {
             onClick: () => {
@@ -6103,20 +6347,20 @@ var ItemContextMenu = ({
             },
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx32(IconExternalLink, { size: 16 }),
+              /* @__PURE__ */ jsx35(IconExternalLink, { size: 16 }),
               "Open in new tab"
             ]
           }
         ),
-        /* @__PURE__ */ jsx32(ContextMenuSeparator2, {}),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx35(ContextMenuSeparator2, {}),
+        /* @__PURE__ */ jsxs19(
           ContextMenuItem,
           {
             disabled: type === "stream",
             onClick: () => setAlertOpen(true),
             className: "gap-2",
             children: [
-              /* @__PURE__ */ jsx32(IconTrash, { size: 16 }),
+              /* @__PURE__ */ jsx35(IconTrash, { size: 16 }),
               "Delete item"
             ]
           }
@@ -6185,12 +6429,12 @@ var useSetHashTTL = () => {
 };
 
 // src/components/databrowser/components/display/hash/hash-field-ttl-badge.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var HashFieldTTLBadge = ({ dataKey, field }) => {
   const { data } = useFetchHashFieldExpires({ dataKey, fields: [field] });
   const { mutate: setTTL, isPending } = useSetHashTTL();
   const expireAt = data?.[field];
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     TTLBadge,
     {
       label: "Field TTL:",
@@ -6202,38 +6446,38 @@ var HashFieldTTLBadge = ({ dataKey, field }) => {
 };
 
 // src/components/databrowser/components/display/input/use-field.tsx
-import { useEffect as useEffect10, useState as useState7 } from "react";
+import { useEffect as useEffect11, useState as useState9 } from "react";
 import { useController } from "react-hook-form";
 
 // src/components/databrowser/components/display/input/content-type-select.tsx
 import { useMemo as useMemo7 } from "react";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var ContentTypeSelect = ({
   value,
   onChange,
   data
 }) => {
   const isValidJSON = useMemo7(() => checkIsValidJSON(data), [data]);
-  return /* @__PURE__ */ jsxs18(Select, { value, onValueChange: onChange, children: [
-    /* @__PURE__ */ jsx34(SelectTrigger, { className: "h-6 w-auto border-none bg-transparent pl-0 pr-6 text-xs text-zinc-500", children: /* @__PURE__ */ jsx34(SelectValue, { placeholder: "Text" }) }),
-    /* @__PURE__ */ jsx34(SelectContent, { children: /* @__PURE__ */ jsxs18(SelectGroup, { children: [
-      /* @__PURE__ */ jsx34(SelectItem, { value: "Text", children: "Text" }),
-      /* @__PURE__ */ jsx34(SelectItem, { disabled: !isValidJSON, value: "JSON", children: "JSON" })
+  return /* @__PURE__ */ jsxs20(Select, { value, onValueChange: onChange, children: [
+    /* @__PURE__ */ jsx37(SelectTrigger, { className: "h-6 w-auto border-none bg-transparent pl-0 pr-6 text-xs text-zinc-500", children: /* @__PURE__ */ jsx37(SelectValue, { placeholder: "Text" }) }),
+    /* @__PURE__ */ jsx37(SelectContent, { children: /* @__PURE__ */ jsxs20(SelectGroup, { children: [
+      /* @__PURE__ */ jsx37(SelectItem, { value: "Text", children: "Text" }),
+      /* @__PURE__ */ jsx37(SelectItem, { disabled: !isValidJSON, value: "JSON", children: "JSON" })
     ] }) })
   ] });
 };
 
 // src/components/databrowser/components/display/input/custom-editor.tsx
-import { useEffect as useEffect9, useRef as useRef3 } from "react";
+import { useEffect as useEffect10, useRef as useRef3 } from "react";
 import { Editor as Editor2, useMonaco as useMonaco2 } from "@monaco-editor/react";
 
 // src/components/common/copy-button.tsx
-import { useState as useState6 } from "react";
+import { useState as useState8 } from "react";
 import { IconCheck as IconCheck3, IconCopy as IconCopy2 } from "@tabler/icons-react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function CopyButton({ value, ...props }) {
-  const [copied, setCopied] = useState6(false);
-  return /* @__PURE__ */ jsx35(
+  const [copied, setCopied] = useState8(false);
+  return /* @__PURE__ */ jsx38(
     Button,
     {
       onClick: (e) => {
@@ -6250,7 +6494,7 @@ function CopyButton({ value, ...props }) {
       variant: "secondary",
       size: "icon-sm",
       ...props,
-      children: copied ? /* @__PURE__ */ jsx35(IconCheck3, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsx35(IconCopy2, { className: "size-4 text-zinc-500" })
+      children: copied ? /* @__PURE__ */ jsx38(IconCheck3, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsx38(IconCopy2, { className: "size-4 text-zinc-500" })
     }
   );
 }
@@ -6263,12 +6507,12 @@ var handleCopyClick = async (textToCopy) => {
 };
 
 // src/components/databrowser/components/display/input/custom-editor.tsx
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 var CustomEditor = (props) => {
   if (isTest) {
-    return /* @__PURE__ */ jsx36(TestEditor2, { ...props });
+    return /* @__PURE__ */ jsx39(TestEditor2, { ...props });
   }
-  return /* @__PURE__ */ jsx36(MonacoEditor, { ...props });
+  return /* @__PURE__ */ jsx39(MonacoEditor, { ...props });
 };
 var MonacoEditor = ({
   language,
@@ -6282,13 +6526,13 @@ var MonacoEditor = ({
   const monaco = useMonaco2();
   const editorRef = useRef3();
   const theme = useTheme();
-  useEffect9(() => {
+  useEffect10(() => {
     if (!active || !monaco || !editorRef.current) {
       return;
     }
     monaco?.editor.setModelLanguage(editorRef.current.getModel(), language);
   }, [monaco, language, active]);
-  const editor = /* @__PURE__ */ jsx36(
+  const editor = /* @__PURE__ */ jsx39(
     Editor2,
     {
       theme: theme === "dark" ? "vs-dark" : "light",
@@ -6333,14 +6577,14 @@ var MonacoEditor = ({
       className: "[&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent"
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
       children: [
         editor,
-        showCopyButton && /* @__PURE__ */ jsx36(
+        showCopyButton && /* @__PURE__ */ jsx39(
           CopyButton,
           {
             value,
@@ -6352,14 +6596,14 @@ var MonacoEditor = ({
   );
 };
 var TestEditor2 = ({ value, onChange, height, showCopyButton }) => {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: cn("group/editor relative", height === void 0 && "h-full"),
       style: { height },
       children: [
-        /* @__PURE__ */ jsx36("input", { "aria-label": "editor", value, onChange: (e) => onChange(e.target.value) }),
-        showCopyButton && /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx39("input", { "aria-label": "editor", value, onChange: (e) => onChange(e.target.value) }),
+        showCopyButton && /* @__PURE__ */ jsx39(
           CopyButton,
           {
             value,
@@ -6372,7 +6616,7 @@ var TestEditor2 = ({ value, onChange, height, showCopyButton }) => {
 };
 
 // src/components/databrowser/components/display/input/use-field.tsx
-import { Fragment as Fragment4, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
 var useField = ({
   name,
   form,
@@ -6385,10 +6629,10 @@ var useField = ({
     name,
     control: form.control
   });
-  const [contentType, setContentType] = useState7(
+  const [contentType, setContentType] = useState9(
     () => checkIsValidJSON(field.value) ? "JSON" : "Text"
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (contentType === "JSON" && checkIsValidJSON(data)) {
       form.setValue(name, formatJSON(data), {
         shouldDirty: false
@@ -6412,8 +6656,8 @@ var useField = ({
     }
   };
   return {
-    selector: /* @__PURE__ */ jsx37(ContentTypeSelect, { value: contentType, onChange: handleTypeChange, data: field.value }),
-    editor: /* @__PURE__ */ jsx37(Fragment4, { children: /* @__PURE__ */ jsx37(
+    selector: /* @__PURE__ */ jsx40(ContentTypeSelect, { value: contentType, onChange: handleTypeChange, data: field.value }),
+    editor: /* @__PURE__ */ jsx40(Fragment5, { children: /* @__PURE__ */ jsx40(
       CustomEditor,
       {
         language: contentType === "JSON" ? "json" : "plaintext",
@@ -6437,13 +6681,13 @@ var checkIsValidJSON = (value) => {
 };
 
 // src/components/databrowser/components/display/display-list-edit.tsx
-import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 var ListEditDisplay = ({
   dataKey,
   type,
   item
 }) => {
-  return /* @__PURE__ */ jsx38("div", { className: "grow rounded-md bg-zinc-100", children: /* @__PURE__ */ jsx38(ListEditForm, { item, type, dataKey }, item.key) });
+  return /* @__PURE__ */ jsx41("div", { className: "grow rounded-md bg-zinc-100", children: /* @__PURE__ */ jsx41(ListEditForm, { item, type, dataKey }, item.key) });
 };
 var ListEditForm = ({
   type,
@@ -6482,11 +6726,11 @@ var ListEditForm = ({
     });
     setSelectedListItem(void 0);
   });
-  return /* @__PURE__ */ jsx38(FormProvider, { ...form, children: /* @__PURE__ */ jsxs20("form", { onSubmit, className: "flex h-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex grow flex-col gap-2", children: [
-      type === "zset" && /* @__PURE__ */ jsx38(NumberFormItem, { name: "value", label: valueLabel }),
-      type !== "list" && /* @__PURE__ */ jsx38(FormItem, { readOnly: type === "stream", name: "key", label: keyLabel, data: itemKey }),
-      type !== "set" && type !== "zset" && /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx41(FormProvider, { ...form, children: /* @__PURE__ */ jsxs22("form", { onSubmit, className: "flex h-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex grow flex-col gap-2", children: [
+      type === "zset" && /* @__PURE__ */ jsx41(NumberFormItem, { name: "value", label: valueLabel }),
+      type !== "list" && /* @__PURE__ */ jsx41(FormItem, { readOnly: type === "stream", name: "key", label: keyLabel, data: itemKey }),
+      type !== "set" && type !== "zset" && /* @__PURE__ */ jsx41(
         FormItem,
         {
           readOnly: type === "stream",
@@ -6496,7 +6740,7 @@ var ListEditForm = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         className: cn(
@@ -6504,9 +6748,9 @@ var ListEditForm = ({
           type === "hash" && itemKey !== "" ? "justify-between" : "justify-end"
         ),
         children: [
-          type === "hash" && itemKey !== "" && /* @__PURE__ */ jsx38(HashFieldTTLBadge, { dataKey, field: itemKey }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx38(
+          type === "hash" && itemKey !== "" && /* @__PURE__ */ jsx41(HashFieldTTLBadge, { dataKey, field: itemKey }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx41(
               Button,
               {
                 type: "button",
@@ -6516,17 +6760,17 @@ var ListEditForm = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx41(
               SimpleTooltip,
               {
                 content: type === "stream" && !isNew ? "Streams are not mutable" : void 0,
-                children: /* @__PURE__ */ jsx38(
+                children: /* @__PURE__ */ jsx41(
                   Button,
                   {
                     variant: "primary",
                     type: "submit",
                     disabled: !form.formState.isValid || !form.formState.isDirty || type === "stream" && !isNew,
-                    children: /* @__PURE__ */ jsx38(Spinner, { isLoading: isPending, isLoadingText: "Saving", children: "Save" })
+                    children: /* @__PURE__ */ jsx41(Spinner, { isLoading: isPending, isLoadingText: "Saving", children: "Save" })
                   }
                 )
               }
@@ -6538,13 +6782,13 @@ var ListEditForm = ({
   ] }) });
 };
 var NumberFormItem = ({ name, label }) => {
-  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex", children: /* @__PURE__ */ jsx38("span", { className: "text-xs font-medium text-zinc-700", children: label }) }),
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx41("div", { className: "flex", children: /* @__PURE__ */ jsx41("span", { className: "text-xs font-medium text-zinc-700", children: label }) }),
+    /* @__PURE__ */ jsx41(
       Controller3,
       {
         name,
-        render: ({ field }) => /* @__PURE__ */ jsx38(
+        render: ({ field }) => /* @__PURE__ */ jsx41(
           "input",
           {
             className: "plain-input rounded-md border border-zinc-300 px-3 py-1 shadow-sm",
@@ -6572,14 +6816,14 @@ var FormItem = ({
     readOnly,
     data
   });
-  return /* @__PURE__ */ jsxs20("div", { className: cn("flex flex-col gap-1", !height && "h-full"), children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 text-xs", children: [
-      /* @__PURE__ */ jsx38("span", { className: "font-medium text-zinc-700", children: label }),
+  return /* @__PURE__ */ jsxs22("div", { className: cn("flex flex-col gap-1", !height && "h-full"), children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1 text-xs", children: [
+      /* @__PURE__ */ jsx41("span", { className: "font-medium text-zinc-700", children: label }),
       " ",
-      /* @__PURE__ */ jsx38("span", { className: "text-zinc-300", children: "/" }),
+      /* @__PURE__ */ jsx41("span", { className: "text-zinc-300", children: "/" }),
       selector
     ] }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx41(
       "div",
       {
         className: cn(
@@ -6593,8 +6837,8 @@ var FormItem = ({
 };
 
 // src/components/databrowser/components/display/hash/hash-field-ttl-info.tsx
-import { useEffect as useEffect11, useState as useState8 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useState as useState10 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var HashFieldTTLInfo = ({
   dataKey,
   field,
@@ -6602,8 +6846,8 @@ var HashFieldTTLInfo = ({
 }) => {
   const { data } = useFetchHashFieldExpires({ dataKey, fields });
   const expireAt = data?.[field];
-  const [ttl, setTTL] = useState8(() => calculateTTL(expireAt));
-  useEffect11(() => {
+  const [ttl, setTTL] = useState10(() => calculateTTL(expireAt));
+  useEffect12(() => {
     setTTL(calculateTTL(expireAt));
     const interval = setInterval(() => {
       setTTL(calculateTTL(expireAt));
@@ -6611,11 +6855,11 @@ var HashFieldTTLInfo = ({
     return () => clearInterval(interval);
   }, [expireAt]);
   if (!expireAt || expireAt === TTL_NOT_FOUND || expireAt === TTL_INFINITE) return;
-  return /* @__PURE__ */ jsx39("span", { className: "block min-w-[30px] whitespace-nowrap text-right text-red-600", children: formatTime(ttl ?? 0) });
+  return /* @__PURE__ */ jsx42("span", { className: "block min-w-[30px] whitespace-nowrap text-right text-red-600", children: formatTime(ttl ?? 0) });
 };
 
 // src/components/databrowser/components/display/display-list.tsx
-import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var headerLabels = {
   list: ["Index", "Content"],
   hash: ["Field", "Value"],
@@ -6626,10 +6870,10 @@ var headerLabels = {
 var ListDisplay = ({ dataKey, type }) => {
   const { selectedListItem } = useTab();
   const query = useFetchListItems({ dataKey, type });
-  return /* @__PURE__ */ jsxs21("div", { className: "flex h-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx40(DisplayHeader, { dataKey, type }),
-    selectedListItem && /* @__PURE__ */ jsx40(ListEditDisplay, { dataKey, type, item: selectedListItem }),
-    /* @__PURE__ */ jsx40("div", { className: cn("min-h-0 grow", selectedListItem && "hidden"), children: /* @__PURE__ */ jsx40(InfiniteScroll, { query, className: "rounded-lg border border-zinc-200 bg-white", children: /* @__PURE__ */ jsx40("table", { className: "w-full", children: /* @__PURE__ */ jsx40(ItemContextMenu, { dataKey, type, children: /* @__PURE__ */ jsx40("tbody", { children: /* @__PURE__ */ jsx40(ListItems, { dataKey, type, query }) }) }) }) }) })
+  return /* @__PURE__ */ jsxs23("div", { className: "flex h-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx43(DisplayHeader, { dataKey, type }),
+    selectedListItem && /* @__PURE__ */ jsx43(ListEditDisplay, { dataKey, type, item: selectedListItem }),
+    /* @__PURE__ */ jsx43("div", { className: cn("min-h-0 grow", selectedListItem && "hidden"), children: /* @__PURE__ */ jsx43(InfiniteScroll, { query, className: "rounded-lg border border-zinc-200 bg-white", children: /* @__PURE__ */ jsx43("table", { className: "w-full", children: /* @__PURE__ */ jsx43(ItemContextMenu, { dataKey, type, children: /* @__PURE__ */ jsx43("tbody", { children: /* @__PURE__ */ jsx43(ListItems, { dataKey, type, query }) }) }) }) }) })
   ] });
 };
 var ListItems = ({
@@ -6641,7 +6885,7 @@ var ListItems = ({
   const keys = useMemo8(() => query.data?.pages.flatMap((page) => page.keys) ?? [], [query.data]);
   const fields = useMemo8(() => keys.map((key) => key.key), [keys]);
   const { mutate: editItem } = useEditListItem();
-  return /* @__PURE__ */ jsx40(Fragment5, { children: keys.map(({ key, value }, i) => /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx43(Fragment6, { children: keys.map(({ key, value }, i) => /* @__PURE__ */ jsxs23(
     "tr",
     {
       "data-item-key": key,
@@ -6653,7 +6897,7 @@ var ListItems = ({
         "h-9 border-b border-b-zinc-100 transition-colors hover:bg-zinc-100 dark:border-b-zinc-200 dark:hover:bg-zinc-200"
       ),
       children: [
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx43(
           "td",
           {
             className: cn(
@@ -6663,23 +6907,23 @@ var ListItems = ({
             children: key
           }
         ),
-        value !== void 0 && /* @__PURE__ */ jsx40(
+        value !== void 0 && /* @__PURE__ */ jsx43(
           "td",
           {
             className: cn("cursor-pointer truncate px-3", type === "zset" ? "w-24" : "max-w-0"),
             children: value
           }
         ),
-        type !== "stream" && /* @__PURE__ */ jsx40(
+        type !== "stream" && /* @__PURE__ */ jsx43(
           "td",
           {
             className: "w-0 min-w-0 p-0 pr-2",
             onClick: (e) => {
               e.stopPropagation();
             },
-            children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-end gap-2", children: [
-              type === "hash" && /* @__PURE__ */ jsx40(HashFieldTTLInfo, { dataKey, field: key, fields }),
-              /* @__PURE__ */ jsx40(
+            children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-end gap-2", children: [
+              type === "hash" && /* @__PURE__ */ jsx43(HashFieldTTLInfo, { dataKey, field: key, fields }),
+              /* @__PURE__ */ jsx43(
                 DeleteKeyModal,
                 {
                   deletionType: "item",
@@ -6693,14 +6937,14 @@ var ListItems = ({
                       newKey: void 0
                     });
                   },
-                  children: /* @__PURE__ */ jsx40(
+                  children: /* @__PURE__ */ jsx43(
                     Button,
                     {
                       className: "",
                       size: "icon-sm",
                       variant: "secondary",
                       onClick: (e) => e.stopPropagation(),
-                      children: /* @__PURE__ */ jsx40(IconTrash2, { className: "size-4 text-zinc-500" })
+                      children: /* @__PURE__ */ jsx43(IconTrash2, { className: "size-4 text-zinc-500" })
                     }
                   )
                 }
@@ -6715,14 +6959,14 @@ var ListItems = ({
 };
 
 // src/components/databrowser/components/display/display-simple.tsx
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { useForm as useForm4 } from "react-hook-form";
-import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var EditorDisplay = ({ dataKey, type }) => {
   const { data } = useFetchSimpleKey(dataKey, type);
-  return /* @__PURE__ */ jsxs22("div", { className: "flex h-full w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx41(DisplayHeader, { dataKey, type, content: data ?? void 0 }),
-    /* @__PURE__ */ jsx41("div", { className: "flex h-full grow flex-col gap-2 rounded-md bg-zinc-100", children: data === void 0 ? /* @__PURE__ */ jsx41(Spinner, { isLoadingText: "", isLoading: true }) : data === null ? /* @__PURE__ */ jsx41(Fragment6, {}) : /* @__PURE__ */ jsx41(EditorDisplayForm, { dataKey, type, data }, dataKey) })
+  return /* @__PURE__ */ jsxs24("div", { className: "flex h-full w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx44(DisplayHeader, { dataKey, type, content: data ?? void 0 }),
+    /* @__PURE__ */ jsx44("div", { className: "flex h-full grow flex-col gap-2 rounded-md bg-zinc-100", children: data === void 0 ? /* @__PURE__ */ jsx44(Spinner, { isLoadingText: "", isLoading: true }) : data === null ? /* @__PURE__ */ jsx44(Fragment7, {}) : /* @__PURE__ */ jsx44(EditorDisplayForm, { dataKey, type, data }, dataKey) })
   ] });
 };
 var EditorDisplayForm = ({
@@ -6733,7 +6977,7 @@ var EditorDisplayForm = ({
   const form = useForm4({
     defaultValues: { value: data }
   });
-  useEffect12(() => {
+  useEffect13(() => {
     form.reset({ value: data });
   }, [data]);
   const { editor, selector } = useField({ name: "value", form, data });
@@ -6741,14 +6985,14 @@ var EditorDisplayForm = ({
   const handleCancel = () => {
     form.reset({ value: data });
   };
-  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex grow flex-col gap-1", children: [
-      /* @__PURE__ */ jsx41("div", { className: "flex shrink-0 items-center gap-2", children: type === "json" ? /* @__PURE__ */ jsx41("div", {}) : selector }),
-      /* @__PURE__ */ jsx41("div", { className: "grow rounded-md border border-zinc-300 bg-white p-2", children: editor })
+  return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex grow flex-col gap-1", children: [
+      /* @__PURE__ */ jsx44("div", { className: "flex shrink-0 items-center gap-2", children: type === "json" ? /* @__PURE__ */ jsx44("div", {}) : selector }),
+      /* @__PURE__ */ jsx44("div", { className: "grow rounded-md border border-zinc-300 bg-white p-2", children: editor })
     ] }),
-    /* @__PURE__ */ jsx41("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs22("div", { className: "ml-auto flex gap-2", children: [
-      form.formState.isDirty && /* @__PURE__ */ jsx41(Button, { onClick: handleCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx44("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxs24("div", { className: "ml-auto flex gap-2", children: [
+      form.formState.isDirty && /* @__PURE__ */ jsx44(Button, { onClick: handleCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx44(
         Button,
         {
           variant: "primary",
@@ -6756,7 +7000,7 @@ var EditorDisplayForm = ({
             await setKey(value);
           }),
           disabled: !form.formState.isValid || !form.formState.isDirty,
-          children: /* @__PURE__ */ jsx41(Spinner, { isLoading: isSettingKey, isLoadingText: "Saving", children: "Save" })
+          children: /* @__PURE__ */ jsx44(Spinner, { isLoading: isSettingKey, isLoadingText: "Saving", children: "Save" })
         }
       )
     ] }) })
@@ -6764,30 +7008,30 @@ var EditorDisplayForm = ({
 };
 
 // src/components/databrowser/components/display/index.tsx
-import { Fragment as Fragment7, jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var DataDisplay = () => {
   const { selectedKey } = useTab();
   const { query } = useKeys();
   const type = useKeyType(selectedKey);
-  return /* @__PURE__ */ jsx42("div", { className: "h-full rounded-xl bg-zinc-100 p-5", children: !selectedKey ? /* @__PURE__ */ jsx42("div", {}) : !type ? query.isLoading ? /* @__PURE__ */ jsx42("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx42("span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ jsx42("div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx42("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs23("span", { className: "text-zinc-500", children: [
+  return /* @__PURE__ */ jsx45("div", { className: "h-full rounded-xl bg-zinc-100 p-5", children: !selectedKey ? /* @__PURE__ */ jsx45("div", {}) : !type ? query.isLoading ? /* @__PURE__ */ jsx45("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx45("span", { className: "text-zinc-500", children: "Loading..." }) }) : /* @__PURE__ */ jsx45("div", {}) : !DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx45("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs25("span", { className: "text-zinc-500", children: [
     "Unrecognized key type: ",
     type
-  ] }) }) : /* @__PURE__ */ jsx42(Fragment7, { children: SIMPLE_DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx42(EditorDisplay, { dataKey: selectedKey, type }) : type === "search" ? /* @__PURE__ */ jsx42(SearchDisplay, { indexName: selectedKey }) : /* @__PURE__ */ jsx42(ListDisplay, { dataKey: selectedKey, type }) }) });
+  ] }) }) : /* @__PURE__ */ jsx45(Fragment8, { children: SIMPLE_DATA_TYPES.includes(type) ? /* @__PURE__ */ jsx45(EditorDisplay, { dataKey: selectedKey, type }) : type === "search" ? /* @__PURE__ */ jsx45(SearchDisplay, { indexName: selectedKey }) : /* @__PURE__ */ jsx45(ListDisplay, { dataKey: selectedKey, type }) }) });
 };
 
 // src/components/databrowser/components/header/index.tsx
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 import { IconChevronDown as IconChevronDown2, IconCircleCheck, IconCirclePlus, IconSearch as IconSearch2 } from "@tabler/icons-react";
 
 // src/components/common/reload-button.tsx
-import { useState as useState9 } from "react";
+import { useState as useState11 } from "react";
 import { IconLoader2 as IconLoader22, IconRefresh } from "@tabler/icons-react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var ReloadButton = ({
   onClick,
   isLoading: isLoadingProp
 }) => {
-  const [isLoading, setIsLoading] = useState9(false);
+  const [isLoading, setIsLoading] = useState11(false);
   const handleClick = () => {
     setIsLoading(true);
     onClick();
@@ -6795,151 +7039,48 @@ var ReloadButton = ({
       setIsLoading(false);
     }, 350);
   };
-  return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(SimpleTooltip, { content: "Refresh", children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsx46(SimpleTooltip, { content: "Refresh", children: /* @__PURE__ */ jsx46(
     Button,
     {
       variant: "outline",
       size: "icon",
       onClick: handleClick,
       disabled: isLoading || isLoadingProp,
-      children: isLoading ? /* @__PURE__ */ jsx43(IconLoader22, { className: "size-5 animate-spin text-zinc-500" }) : /* @__PURE__ */ jsx43(IconRefresh, { className: "size-5 text-zinc-500 dark:text-zinc-600" })
+      children: isLoading ? /* @__PURE__ */ jsx46(IconLoader22, { className: "size-5 animate-spin text-zinc-500" }) : /* @__PURE__ */ jsx46(IconRefresh, { className: "size-5 text-zinc-500 dark:text-zinc-600" })
     }
   ) }) });
 };
 
 // src/components/databrowser/components/add-key-modal.tsx
-import { useState as useState10 } from "react";
+import { useState as useState12 } from "react";
 import { DialogDescription as DialogDescription2 } from "@radix-ui/react-dialog";
 import { IconPlus as IconPlus2 } from "@tabler/icons-react";
 import { Controller as Controller4, useForm as useForm5 } from "react-hook-form";
-
-// src/components/ui/dialog.tsx
-import * as React13 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = (props) => /* @__PURE__ */ jsx44(DialogPrimitive.Portal, { container: portalRoot, ...props });
-DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "data-[state=open]:animate-in data-[state=closed]:animate-out",
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(DialogPortal, { children: [
-  /* @__PURE__ */ jsx44(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs24(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "antialiased",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out ",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ",
-        "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
-        "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg ",
-        "translate-x-[-50%] translate-y-[-50%] gap-4",
-        "bg-white p-6 shadow-lg duration-200 ",
-        "sm:rounded-lg md:w-full",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs24(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500", children: [
-          /* @__PURE__ */ jsx44(
-            "svg",
-            {
-              width: "15",
-              height: "15",
-              viewBox: "0 0 15 15",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4",
-              children: /* @__PURE__ */ jsx44(
-                "path",
-                {
-                  d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
-                  fill: "currentColor",
-                  fillRule: "evenodd",
-                  clipRule: "evenodd"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx44("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx44(
-  "div",
-  {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-zinc-500", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/components/databrowser/components/add-key-modal.tsx
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
-function AddKeyModal() {
-  const { setSelectedKey } = useTab();
-  const [open, setOpen] = useState10(false);
-  const { mutateAsync: addKey, isPending } = useAddKey();
-  const { control, handleSubmit, formState, reset } = useForm5({
-    defaultValues: {
-      key: "",
-      type: "string"
-    }
-  });
-  const onSubmit = handleSubmit(async ({ key, type }) => {
-    await addKey({ key, type });
-    setSelectedKey(key);
-    setOpen(false);
-    setTimeout(() => {
-      window.document.querySelector(`[data-key="${key}"]`)?.scrollIntoView({
-        behavior: "smooth",
-        block: "start",
-        inline: "nearest"
-      });
-    }, 100);
-  });
-  return /* @__PURE__ */ jsxs25(
-    Dialog,
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+function AddKeyModal() {
+  const { setSelectedKey } = useTab();
+  const [open, setOpen] = useState12(false);
+  const { mutateAsync: addKey, isPending } = useAddKey();
+  const { control, handleSubmit, formState, reset } = useForm5({
+    defaultValues: {
+      key: "",
+      type: "string"
+    }
+  });
+  const onSubmit = handleSubmit(async ({ key, type }) => {
+    await addKey({ key, type });
+    setSelectedKey(key);
+    setOpen(false);
+    setTimeout(() => {
+      window.document.querySelector(`[data-key="${key}"]`)?.scrollIntoView({
+        behavior: "smooth",
+        block: "start",
+        inline: "nearest"
+      });
+    }, 100);
+  });
+  return /* @__PURE__ */ jsxs26(
+    Dialog,
     {
       open,
       onOpenChange: (open2) => {
@@ -6947,35 +7088,35 @@ function AddKeyModal() {
         setOpen(open2);
       },
       children: [
-        /* @__PURE__ */ jsx45(SimpleTooltip, { content: "Add key", children: /* @__PURE__ */ jsx45(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs25(
+        /* @__PURE__ */ jsx47(SimpleTooltip, { content: "Add key", children: /* @__PURE__ */ jsx47(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs26(
           Button,
           {
             variant: "primary",
             "data-testid": "add-key-button",
             className: "flex h-8 items-center gap-1 rounded-lg pl-2 pr-3 text-sm font-medium",
             children: [
-              /* @__PURE__ */ jsx45(IconPlus2, { className: "size-5" }),
+              /* @__PURE__ */ jsx47(IconPlus2, { className: "size-5" }),
               "Key"
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsxs25(DialogContent, { className: "max-w-[400px]", children: [
-          /* @__PURE__ */ jsx45(DialogHeader, { children: /* @__PURE__ */ jsx45(DialogTitle, { children: "Create new key" }) }),
-          /* @__PURE__ */ jsx45("div", { className: "sr-only", children: /* @__PURE__ */ jsx45(DialogDescription2, { children: "Create new key" }) }),
-          /* @__PURE__ */ jsxs25("form", { className: "mt-4", onSubmit, children: [
-            /* @__PURE__ */ jsxs25("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsxs26(DialogContent, { className: "max-w-[400px]", children: [
+          /* @__PURE__ */ jsx47(DialogHeader, { children: /* @__PURE__ */ jsx47(DialogTitle, { children: "Create new key" }) }),
+          /* @__PURE__ */ jsx47("div", { className: "sr-only", children: /* @__PURE__ */ jsx47(DialogDescription2, { children: "Create new key" }) }),
+          /* @__PURE__ */ jsxs26("form", { className: "mt-4", onSubmit, children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx47(
                 Controller4,
                 {
                   control,
                   name: "type",
-                  render: ({ field }) => /* @__PURE__ */ jsxs25(Select, { value: field.value, onValueChange: field.onChange, children: [
-                    /* @__PURE__ */ jsx45(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx45(SelectValue, {}) }),
-                    /* @__PURE__ */ jsx45(SelectContent, { children: /* @__PURE__ */ jsx45(SelectGroup, { children: DATA_TYPES.filter((t) => t !== "search").map((type) => /* @__PURE__ */ jsx45(SelectItem, { value: type, children: /* @__PURE__ */ jsx45(TypeTag, { variant: type, type: "badge" }) }, type)) }) })
+                  render: ({ field }) => /* @__PURE__ */ jsxs26(Select, { value: field.value, onValueChange: field.onChange, children: [
+                    /* @__PURE__ */ jsx47(SelectTrigger, { className: "h-8 w-auto pl-[3px] pr-8", children: /* @__PURE__ */ jsx47(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx47(SelectContent, { children: /* @__PURE__ */ jsx47(SelectGroup, { children: DATA_TYPES.filter((t) => t !== "search").map((type) => /* @__PURE__ */ jsx47(SelectItem, { value: type, children: /* @__PURE__ */ jsx47(TypeTag, { variant: type, type: "badge" }) }, type)) }) })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx47(
                 Controller4,
                 {
                   rules: {
@@ -6983,14 +7124,14 @@ function AddKeyModal() {
                   },
                   control,
                   name: "key",
-                  render: ({ field }) => /* @__PURE__ */ jsx45(Input, { placeholder: "mykey", ...field, className: "h-8 grow" })
+                  render: ({ field }) => /* @__PURE__ */ jsx47(Input, { placeholder: "mykey", ...field, className: "h-8 grow" })
                 }
               )
             ] }),
-            formState.errors.key && /* @__PURE__ */ jsx45("p", { className: "mb-3 mt-2 text-xs text-red-500", children: formState.errors.key?.message }),
-            /* @__PURE__ */ jsx45("p", { className: "mt-2 text-xs text-zinc-500", children: "After creating the key, you can edit the value" }),
-            /* @__PURE__ */ jsxs25("div", { className: "mt-6 flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx45(
+            formState.errors.key && /* @__PURE__ */ jsx47("p", { className: "mb-3 mt-2 text-xs text-red-500", children: formState.errors.key?.message }),
+            /* @__PURE__ */ jsx47("p", { className: "mt-2 text-xs text-zinc-500", children: "After creating the key, you can edit the value" }),
+            /* @__PURE__ */ jsxs26("div", { className: "mt-6 flex justify-end gap-2", children: [
+              /* @__PURE__ */ jsx47(
                 Button,
                 {
                   type: "button",
@@ -7001,7 +7142,7 @@ function AddKeyModal() {
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx45(Button, { variant: "primary", type: "submit", children: /* @__PURE__ */ jsx45(Spinner, { isLoading: isPending, isLoadingText: "Creating", children: "Create" }) })
+              /* @__PURE__ */ jsx47(Button, { variant: "primary", type: "submit", children: /* @__PURE__ */ jsx47(Spinner, { isLoading: isPending, isLoadingText: "Creating", children: "Create" }) })
             ] })
           ] })
         ] })
@@ -7011,36 +7152,36 @@ function AddKeyModal() {
 }
 
 // src/components/databrowser/components/search/create-index-modal.tsx
-import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 var CreateIndexModal = ({
   open,
   onOpenChange
 }) => {
-  return /* @__PURE__ */ jsx46(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs26(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsx46(DialogHeader, { children: /* @__PURE__ */ jsx46(DialogTitle, { children: "Create new Index" }) }),
-    /* @__PURE__ */ jsx46("div", { className: "sr-only", children: /* @__PURE__ */ jsx46(DialogDescription, { children: "Create new search index" }) }),
-    /* @__PURE__ */ jsx46(SearchDisplay, { isCreateModal: true, onClose: () => onOpenChange(false) })
+  return /* @__PURE__ */ jsx48(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs27(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsx48(DialogHeader, { children: /* @__PURE__ */ jsx48(DialogTitle, { children: "Create new Index" }) }),
+    /* @__PURE__ */ jsx48("div", { className: "sr-only", children: /* @__PURE__ */ jsx48(DialogDescription, { children: "Create new search index" }) }),
+    /* @__PURE__ */ jsx48(SearchDisplay, { isCreateModal: true, onClose: () => onOpenChange(false) })
   ] }) });
 };
 
 // src/components/databrowser/components/search/edit-index-modal.tsx
-import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 var EditIndexModal = ({
   open,
   onOpenChange,
   indexName
 }) => {
-  return /* @__PURE__ */ jsx47(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs27(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsx47(DialogHeader, { children: /* @__PURE__ */ jsx47(DialogTitle, { children: "Edit Index" }) }),
-    /* @__PURE__ */ jsx47("div", { className: "sr-only", children: /* @__PURE__ */ jsx47(DialogDescription, { children: "Edit search index schema" }) }),
-    indexName && /* @__PURE__ */ jsx47(SearchDisplay, { indexName, isEditModal: true, onClose: () => onOpenChange(false) })
+  return /* @__PURE__ */ jsx49(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsx49(DialogHeader, { children: /* @__PURE__ */ jsx49(DialogTitle, { children: "Edit Index" }) }),
+    /* @__PURE__ */ jsx49("div", { className: "sr-only", children: /* @__PURE__ */ jsx49(DialogDescription, { children: "Edit search index schema" }) }),
+    indexName && /* @__PURE__ */ jsx49(SearchDisplay, { indexName, isEditModal: true, onClose: () => onOpenChange(false) })
   ] }) });
 };
 
 // src/components/databrowser/components/sidebar/search-input.tsx
-import { useEffect as useEffect13, useRef as useRef4, useState as useState11 } from "react";
+import { useEffect as useEffect14, useRef as useRef4, useState as useState13 } from "react";
 import { IconX as IconX2 } from "@tabler/icons-react";
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 var dedupeSearchHistory = (history) => {
   const seen = /* @__PURE__ */ new Set();
   return history.filter((item) => {
@@ -7052,9 +7193,9 @@ var dedupeSearchHistory = (history) => {
 var SearchInput = () => {
   const { setSearchKey, search } = useTab();
   const { searchHistory, addSearchHistory } = useDatabrowserStore();
-  const [state, setState] = useState11(search.key);
-  const [isFocus, setIsFocus] = useState11(false);
-  const [focusedIndex, setFocusedIndex] = useState11(-1);
+  const [state, setState] = useState13(search.key);
+  const [isFocus, setIsFocus] = useState13(false);
+  const [focusedIndex, setFocusedIndex] = useState13(-1);
   const inputRef = useRef4(null);
   const historyItemRefs = useRef4([]);
   const handleSubmit = (value) => {
@@ -7066,7 +7207,7 @@ var SearchInput = () => {
   const filteredHistory = dedupeSearchHistory(
     searchHistory.filter((item) => item.trim() !== "" && item.trim() !== "*").filter((item) => item.includes(state) && item !== state)
   ).slice(0, 5).map((item) => item.endsWith("*") ? item.slice(0, -1) : item);
-  useEffect13(() => {
+  useEffect14(() => {
     setFocusedIndex(-1);
   }, [filteredHistory.length]);
   const handleKeyDown = (e) => {
@@ -7096,9 +7237,9 @@ var SearchInput = () => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs28("div", { className: "relative grow", children: [
-    /* @__PURE__ */ jsxs28(Popover, { open: isFocus && filteredHistory.length > 0, children: [
-      /* @__PURE__ */ jsx48(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx48("div", { className: "h-8 rounded-md border border-zinc-300 font-normal", children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs29("div", { className: "relative grow", children: [
+    /* @__PURE__ */ jsxs29(Popover, { open: isFocus && filteredHistory.length > 0, children: [
+      /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx50("div", { className: "h-8 rounded-md border border-zinc-300 font-normal", children: /* @__PURE__ */ jsx50(
         Input,
         {
           ref: inputRef,
@@ -7117,7 +7258,7 @@ var SearchInput = () => {
           onBlur: () => setIsFocus(false)
         }
       ) }) }),
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx50(
         PopoverContent,
         {
           className: "w-[--radix-popover-trigger-width] divide-y px-3 py-2 text-[13px] text-zinc-900",
@@ -7126,7 +7267,7 @@ var SearchInput = () => {
             e.preventDefault();
             e.stopPropagation();
           },
-          children: filteredHistory.map((item, index) => /* @__PURE__ */ jsx48("div", { className: "w-full py-[3px]", children: /* @__PURE__ */ jsx48(
+          children: filteredHistory.map((item, index) => /* @__PURE__ */ jsx50("div", { className: "w-full py-[3px]", children: /* @__PURE__ */ jsx50(
             "button",
             {
               ref: (el) => {
@@ -7141,7 +7282,7 @@ var SearchInput = () => {
         }
       )
     ] }),
-    state && /* @__PURE__ */ jsxs28(
+    state && /* @__PURE__ */ jsxs29(
       Button,
       {
         type: "button",
@@ -7153,8 +7294,8 @@ var SearchInput = () => {
           setState("");
         },
         children: [
-          /* @__PURE__ */ jsx48(IconX2, { size: 16 }),
-          /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Clear" })
+          /* @__PURE__ */ jsx50(IconX2, { size: 16 }),
+          /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Clear" })
         ]
       }
     ),
@@ -7163,11 +7304,11 @@ var SearchInput = () => {
 };
 
 // src/components/databrowser/components/sidebar/type-selector.tsx
-import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
 var ALL_TYPES_KEY = "all";
 function DataTypeSelector() {
   const { search, setSearchType } = useTab();
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     Select,
     {
       onValueChange: (type) => {
@@ -7179,9 +7320,9 @@ function DataTypeSelector() {
       },
       value: search.type === void 0 ? ALL_TYPES_KEY : search.type,
       children: [
-        /* @__PURE__ */ jsx49(SelectTrigger, { className: "!w-auto select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx49(SelectValue, {}) }),
-        /* @__PURE__ */ jsx49(SelectContent, { children: /* @__PURE__ */ jsx49(SelectGroup, { children: [[ALL_TYPES_KEY, "All Types"], ...Object.entries(DATA_TYPE_NAMES)].map(
-          ([key, value]) => /* @__PURE__ */ jsx49(SelectItem, { value: key, children: value }, key)
+        /* @__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)
         ) }) })
       ]
     }
@@ -7189,12 +7330,12 @@ function DataTypeSelector() {
 }
 
 // src/components/databrowser/components/header/index.tsx
-import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
-var Header = () => {
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
+var Header = ({ hideSearchTab = false }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-1.5", children: [
-    /* @__PURE__ */ jsxs30("div", { className: "flex grow items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx50(
+  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(
         Segmented,
         {
           options: [
@@ -7204,9 +7345,9 @@ var Header = () => {
             },
             {
               key: "values",
-              label: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1", children: [
+              label: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1", children: [
                 "Search",
-                /* @__PURE__ */ jsx50("div", { className: "flex h-[18px] items-center rounded-md bg-emerald-100 px-[5px] text-[11px] text-emerald-700", children: "NEW" })
+                /* @__PURE__ */ jsx52("div", { className: "flex h-[18px] items-center rounded-md bg-emerald-100 px-[5px] text-[11px] text-emerald-700", children: "NEW" })
               ] })
             }
           ],
@@ -7216,14 +7357,14 @@ var Header = () => {
           }
         }
       ),
-      isValuesSearchSelected ? /* @__PURE__ */ jsx50(IndexSelector, {}) : /* @__PURE__ */ jsxs30(Fragment8, { children: [
-        /* @__PURE__ */ jsx50(DataTypeSelector, {}),
-        /* @__PURE__ */ jsx50(SearchInput, {})
+      isValuesSearchSelected ? /* @__PURE__ */ jsx52(IndexSelector, {}) : /* @__PURE__ */ jsxs31(Fragment9, { children: [
+        /* @__PURE__ */ jsx52(DataTypeSelector, {}),
+        /* @__PURE__ */ jsx52(SearchInput, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx50(RefreshButton, {}),
-      /* @__PURE__ */ jsx50(AddKeyModal, {})
+    /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx52(RefreshButton, {}),
+      /* @__PURE__ */ jsx52(AddKeyModal, {})
     ] })
   ] });
 };
@@ -7233,17 +7374,17 @@ var IndexSelector = () => {
     setValuesSearchIndex
   } = useTab();
   const { data: indexes } = useFetchSearchIndexes();
-  const [open, setOpen] = useState12(false);
-  const [search, setSearch] = useState12("");
-  const [editingIndex, setEditingIndex] = useState12(null);
+  const [open, setOpen] = useState14(false);
+  const [search, setSearch] = useState14("");
+  const [editingIndex, setEditingIndex] = useState14(null);
   const filteredIndexes = indexes?.filter((idx) => idx.toLowerCase().includes(search.toLowerCase()));
   const handleEditIndex = (indexName) => {
     setOpen(false);
     setEditingIndex(indexName);
   };
-  return /* @__PURE__ */ jsxs30("div", { className: "flex", children: [
-    /* @__PURE__ */ jsx50("div", { className: "flex items-center rounded-l-lg border border-r-0 border-zinc-300 bg-white px-3 text-sm text-zinc-700", children: "Index" }),
-    /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31("div", { className: "flex", children: [
+    /* @__PURE__ */ jsx52("div", { className: "flex items-center rounded-l-lg border border-r-0 border-zinc-300 bg-white px-3 text-sm text-zinc-700", children: "Index" }),
+    /* @__PURE__ */ jsxs31(
       Popover,
       {
         open,
@@ -7253,16 +7394,16 @@ var IndexSelector = () => {
         },
         modal: false,
         children: [
-          /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30("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__ */ jsx50("span", { className: "truncate", children: index || "Select an index" }),
-            /* @__PURE__ */ jsx50(IconChevronDown2, { className: "size-4 shrink-0 opacity-50" })
+          /* @__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("span", { className: "truncate", children: index || "Select an index" }),
+            /* @__PURE__ */ jsx52(IconChevronDown2, { className: "size-4 shrink-0 opacity-50" })
           ] }) }),
-          /* @__PURE__ */ jsx50(PopoverContent, { className: "p-2", align: "center", children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx50(CreateIndexButton, {}),
-            /* @__PURE__ */ jsx50("div", { className: "h-px bg-zinc-100" }),
-            /* @__PURE__ */ jsxs30("div", { className: "flex h-9 items-center rounded-md border border-zinc-300 px-2", children: [
-              /* @__PURE__ */ jsx50(IconSearch2, { className: "size-5 text-zinc-400" }),
-              /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx52(PopoverContent, { className: "p-2", align: "center", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx52(CreateIndexButton, {}),
+            /* @__PURE__ */ jsx52("div", { className: "h-px bg-zinc-100" }),
+            /* @__PURE__ */ jsxs31("div", { className: "flex h-9 items-center rounded-md border border-zinc-300 px-2", children: [
+              /* @__PURE__ */ jsx52(IconSearch2, { className: "size-5 text-zinc-400" }),
+              /* @__PURE__ */ jsx52(
                 "input",
                 {
                   value: search,
@@ -7272,14 +7413,14 @@ var IndexSelector = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs30("div", { className: "max-h-[200px] overflow-y-auto", children: [
-              filteredIndexes?.length === 0 && /* @__PURE__ */ jsx50("div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
-              filteredIndexes?.map((idx) => /* @__PURE__ */ jsxs30(
+            /* @__PURE__ */ jsxs31("div", { className: "max-h-[200px] overflow-y-auto", children: [
+              filteredIndexes?.length === 0 && /* @__PURE__ */ jsx52("div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
+              filteredIndexes?.map((idx) => /* @__PURE__ */ jsxs31(
                 "div",
                 {
                   className: "flex h-9 items-center rounded-md px-2 transition-colors hover:bg-zinc-100",
                   children: [
-                    /* @__PURE__ */ jsxs30(
+                    /* @__PURE__ */ jsxs31(
                       "button",
                       {
                         onClick: () => {
@@ -7288,21 +7429,21 @@ var IndexSelector = () => {
                         },
                         className: "flex flex-1 items-center gap-2 text-left text-sm",
                         children: [
-                          /* @__PURE__ */ jsx50(
+                          /* @__PURE__ */ jsx52(
                             "span",
                             {
                               className: cn(
                                 "flex size-5 items-center justify-center",
                                 idx === index ? "text-emerald-600" : "text-transparent"
                               ),
-                              children: /* @__PURE__ */ jsx50(IconCircleCheck, { className: "size-5" })
+                              children: /* @__PURE__ */ jsx52(IconCircleCheck, { className: "size-5" })
                             }
                           ),
-                          /* @__PURE__ */ jsx50("span", { className: "truncate", children: idx })
+                          /* @__PURE__ */ jsx52("span", { className: "truncate", children: idx })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx50(
+                    /* @__PURE__ */ jsx52(
                       "button",
                       {
                         onClick: (event) => {
@@ -7323,7 +7464,7 @@ var IndexSelector = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx52(
       EditIndexModal,
       {
         open: Boolean(editingIndex),
@@ -7334,9 +7475,9 @@ var IndexSelector = () => {
   ] });
 };
 var CreateIndexButton = () => {
-  const [open, setOpen] = useState12(false);
-  return /* @__PURE__ */ jsxs30(Fragment8, { children: [
-    /* @__PURE__ */ jsxs30(
+  const [open, setOpen] = useState14(false);
+  return /* @__PURE__ */ jsxs31(Fragment9, { children: [
+    /* @__PURE__ */ jsxs31(
       "button",
       {
         onClick: (e) => {
@@ -7345,17 +7486,17 @@ var CreateIndexButton = () => {
         },
         className: "flex h-9 w-full items-center gap-2 rounded-md px-2 text-sm text-emerald-600 transition-colors hover:bg-zinc-50",
         children: [
-          /* @__PURE__ */ jsx50(IconCirclePlus, { className: "size-5" }),
-          /* @__PURE__ */ jsx50("span", { className: "underline", children: "Create a new Index" })
+          /* @__PURE__ */ jsx52(IconCirclePlus, { className: "size-5" }),
+          /* @__PURE__ */ jsx52("span", { className: "underline", children: "Create a new Index" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx50(CreateIndexModal, { open, onOpenChange: setOpen })
+    /* @__PURE__ */ jsx52(CreateIndexModal, { open, onOpenChange: setOpen })
   ] });
 };
 var RefreshButton = () => {
   const { query } = useKeys();
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     ReloadButton,
     {
       onClick: () => {
@@ -7378,185 +7519,381 @@ var RefreshButton = () => {
 };
 
 // src/components/databrowser/components/header-error.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var HeaderError = () => {
   const { query } = useKeys();
   if (!query.error) return null;
-  return /* @__PURE__ */ jsx51("p", { className: "text-sm text-red-600 dark:text-red-400", children: formatUpstashErrorMessage(query.error) });
+  return /* @__PURE__ */ jsx53("p", { className: "text-sm text-red-600 dark:text-red-400", children: formatUpstashErrorMessage(query.error) });
 };
 
 // src/components/databrowser/components/search/query-editor.tsx
 import { useMemo as useMemo9 } from "react";
 
-// src/components/databrowser/components/search/generate-query-type-definitions.tsx
-var generateTypeDefinitions = (schema) => {
-  let schemaFieldsInterface = "";
-  const schemaFields = schema?.schema;
-  if (schemaFields && Object.keys(schemaFields).length > 0) {
-    const fieldLines = Object.entries(schemaFields).map(([fieldName, fieldDef]) => {
-      const fieldType = fieldDef.type;
-      let operationType;
-      switch (fieldType) {
-        case "TEXT": {
-          operationType = "StringOperations";
-          break;
-        }
-        case "U64":
-        case "I64":
-        case "F64": {
-          operationType = "NumberOperations";
-          break;
-        }
-        case "BOOL": {
-          operationType = "BooleanOperations";
-          break;
-        }
-        case "DATE": {
-          operationType = "DateOperations";
-          break;
-        }
-        default: {
-          operationType = "StringOperations";
-        }
+// src/components/databrowser/components/search/search-types-file.ts
+var SEARCH_TYPES = `
+
+export const FIELD_TYPES = ["TEXT", "U64", "I64", "F64", "BOOL", "DATE"] as const;
+export type FieldType = (typeof FIELD_TYPES)[number];
+
+export type TextField = {
+  type: "TEXT";
+  noTokenize?: boolean;
+  noStem?: boolean;
+  from?: string;
+};
+
+export type NumericField = {
+  type: "U64" | "I64" | "F64";
+  fast: true;
+  from?: string;
+};
+
+export type BoolField = {
+  type: "BOOL";
+  fast?: boolean;
+  from?: string;
+};
+
+export type DateField = {
+  type: "DATE";
+  fast?: boolean;
+  from?: string;
+};
+
+export type DetailedField = TextField | NumericField | BoolField | DateField;
+export type NestedIndexSchema = {
+  [key: string]: FieldType | DetailedField | NestedIndexSchema;
+};
+
+export type FlatIndexSchema = {
+  [key: string]: FieldType | DetailedField;
+};
+
+export type SchemaPaths<T, Prefix extends string = ""> = {
+  [K in keyof T]: K extends string
+    ? T[K] extends FieldType | DetailedField
+      ? Prefix extends ""
+        ? K
+        : \`\${Prefix}\${K}\`
+      : T[K] extends object
+        ? SchemaPaths<T[K], \`\${Prefix}\${K}.\`>
+        : never
+    : never;
+}[keyof T];
+
+export type ExtractFieldType<T> = T extends FieldType
+  ? T
+  : T extends { type: infer U }
+    ? U extends FieldType
+      ? U
+      : never
+    : never;
+
+export type GetFieldAtPath<
+  TSchema,
+  Path extends string,
+> = Path extends \`\${infer First}.\${infer Rest}\`
+  ? First extends keyof TSchema
+    ? GetFieldAtPath<TSchema[First], Rest>
+    : never
+  : Path extends keyof TSchema
+    ? TSchema[Path]
+    : never;
+
+type FieldValueType<T extends FieldType> = T extends "TEXT"
+  ? string
+  : T extends "U64" | "I64" | "F64"
+    ? number
+    : T extends "BOOL"
+      ? boolean
+      : T extends "DATE"
+        ? string
+        : never;
+
+type GetFieldValueType<TSchema, Path extends string> =
+  GetFieldAtPath<TSchema, Path> extends infer Field
+    ? Field extends FieldType | DetailedField
+      ? FieldValueType<ExtractFieldType<Field>>
+      : never
+    : never;
+
+// Helper type to check if a field has a 'from' property
+type HasFrom<T> = T extends { from: string } ? true : false;
+
+// Distributes field inference across unions so that
+// InferSchemaData<NestedIndexSchema | FlatIndexSchema> does not collapse to never
+type InferSchemaDataField<T> = T extends FieldType
+  ? FieldValueType<T>
+  : T extends DetailedField
+    ? FieldValueType<ExtractFieldType<T>>
+    : T extends NestedIndexSchema
+      ? InferSchemaData<T>
+      : unknown;
+
+type IsDefaultSchema<T> = [T] extends [NestedIndexSchema | FlatIndexSchema]
+  ? [NestedIndexSchema | FlatIndexSchema] extends [T]
+    ? true
+    : false
+  : false;
+
+type AsAnyIfUnknown<T> = unknown extends T ? any : T;
+
+export type InferSchemaData<TSchema> =
+  IsDefaultSchema<TSchema> extends true
+    ? any
+    : {
+        [K in keyof TSchema as TSchema[K] extends DetailedField
+          ? HasFrom<TSchema[K]> extends true
+            ? never
+            : K
+          : K]: AsAnyIfUnknown<InferSchemaDataField<TSchema[K]>>;
+      };
+
+// Query Options Types
+// These are the options that can be used for the query command
+export type QueryOptions<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  filter?: RootQueryFilter<TSchema>;
+  /** Maximum number of results to return */
+  limit?: number;
+  /** Number of results to skip */
+  offset?: number;
+  select?: Partial<{ [K in SchemaPaths<TSchema>]: true }>; // {}
+  highlight?: {
+    fields: SchemaPaths<TSchema>[];
+    preTag?: string;
+    postTag?: string;
+  };
+} & QueryOrderOption<TSchema>;
+
+type CombineMode = "multiply" | "sum";
+type ScoreMode = "multiply" | "sum" | "replace";
+type ScoreModifier =
+  | "none"
+  | "log"
+  | "log1p"
+  | "log2p"
+  | "ln"
+  | "ln1p"
+  | "ln2p"
+  | "square"
+  | "sqrt"
+  | "reciprocal";
+
+export type ScoreBy<TSchemaPaths extends string> =
+  | ScoreByField<false, TSchemaPaths>
+  | {
+      fields: ScoreByField<true, TSchemaPaths>[];
+      combineMode?: CombineMode;
+      scoreMode?: ScoreMode;
+    };
+
+type ScoreByField<TMultiple extends boolean, TSchemaPaths extends string> =
+  | {
+      field: TSchemaPaths;
+      modifier?: ScoreModifier;
+      factor?: number;
+      missing?: number;
+      scoreMode?: TMultiple extends true ? never : ScoreMode;
+    }
+  | TSchemaPaths;
+
+type QueryOrderOption<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  | {
+      orderBy?: {
+        [K in SchemaPaths<TSchema>]: { [P in K]: "ASC" | "DESC" };
+      }[SchemaPaths<TSchema>];
+    }
+  | {
+      scoreFunc?: ScoreBy<SchemaPaths<TSchema>>;
+    };
+
+/**
+ * Converts dot notation paths to nested object structure type
+ * e.g. "content.title" | "content.author" becomes { content: { title: ..., author: ... } }
+ */
+type PathToNestedObject<
+  TSchema,
+  Path extends string,
+  Value,
+> = Path extends \`\${ infer First }.\${ infer Rest }\`
+  ? { [K in First]: PathToNestedObject<TSchema, Rest, Value> }
+  : { [K in Path]: Value };
+
+/**
+ * Merges intersection of objects into a single object type with proper nesting
+ */
+type DeepMerge<T> = T extends object
+  ? {
+      [K in keyof T]: T[K] extends object ? DeepMerge<T[K]> : T[K];
+    }
+  : T;
+
+/**
+ * Build nested result type from selected paths
+ */
+type BuildNestedResult<TSchema, TFields> =
+  IsDefaultSchema<TSchema> extends true
+    ? DeepMerge<
+        UnionToIntersection<
+          {
+            [Path in keyof TFields & string]: PathToNestedObject<any, Path, any>;
+          }[keyof TFields & string]
+        >
+      >
+    : DeepMerge<
+        UnionToIntersection<
+          {
+            [Path in keyof TFields & SchemaPaths<TSchema>]: PathToNestedObject<
+              TSchema,
+              Path & string,
+              AsAnyIfUnknown<GetFieldValueType<TSchema, Path & string>>
+            >;
+          }[keyof TFields & SchemaPaths<TSchema>]
+        >
+      >;
+
+type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (
+  k: infer I
+) => void
+  ? I
+  : never;
+
+export type QueryResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TOptions extends QueryOptions<TSchema> | undefined = undefined,
+> = TOptions extends { select: infer TFields }
+  ? // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+    {} extends TFields
+    ? { key: string; score: number }
+    : {
+        key: string;
+        score: number;
+        data: BuildNestedResult<TSchema, TFields>;
       }
-      const escapedFieldName = fieldName.includes(".") ? `"${fieldName}"` : fieldName;
-      return `  ${escapedFieldName}?: ${operationType};`;
-    }).join("\n");
-    schemaFieldsInterface = `
-/** Schema fields for the current index */
-interface SchemaFields {
-${fieldLines}
-}`;
-  } else {
-    schemaFieldsInterface = `
-/** Schema fields - no schema available, using dynamic fields */
-interface SchemaFields {
-  [fieldName: string]: StringOperations | NumberOperations | BooleanOperations | DateOperations;
-}`;
-  }
-  return `
-// String operations for TEXT fields
-type StringOperationMap = {
-  /** Exact match */
-  $eq: string;
-  /** Not equal */
-  $ne: string;
-  /** Match any value in array */
-  $in: string[];
-  /** Fuzzy match with optional distance */
-  $fuzzy: string | { value: string; distance?: number; transpositionCostOne?: boolean };
-  /** Phrase match with optional slop or prefix */
-  $phrase: string | { value: string } | { value: string; slop: number; prefix?: never } | { value: string; prefix: boolean; slop?: never };
-  /** Regular expression match */
-  $regex: string;
-};
-
-// Number operations for U64, I64, F64 fields
-type NumberOperationMap = {
-  /** Exact match */
-  $eq: number;
-  /** Not equal */
-  $ne: number;
-  /** Match any value in array */
-  $in: number[];
-  /** Greater than */
-  $gt: number;
-  /** Greater than or equal */
-  $gte: number;
-  /** Less than */
-  $lt: number;
-  /** Less than or equal */
-  $lte: number;
-};
-
-// Boolean operations for BOOL fields
-type BooleanOperationMap = {
-  /** Exact match */
-  $eq: boolean;
-  /** Not equal */
-  $ne: boolean;
-  /** Match any value in array */
-  $in: boolean[];
-};
-
-// Date operations for DATE fields
-type DateOperationMap = {
-  /** Exact match */
-  $eq: string | Date;
-  /** Not equal */
-  $ne: string | Date;
-  /** Match any value in array */
-  $in: (string | Date)[];
-  /** Greater than */
-  $gt: string | Date;
-  /** Greater than or equal */
-  $gte: string | Date;
-  /** Less than */
-  $lt: string | Date;
-  /** Less than or equal */
-  $lte: string | Date;
-};
-
-// String field operations with optional boost
-type StringOperations = 
-  | { $eq: string; $boost?: number }
-  | { $ne: string; $boost?: number }
-  | { $in: string[]; $boost?: number }
-  | { $fuzzy: string | { value: string; distance?: number; transpositionCostOne?: boolean }; $boost?: number }
-  | { $phrase: string | { value: string } | { value: string; slop: number; prefix?: never } | { value: string; prefix: boolean; slop?: never }; $boost?: number }
-  | { $regex: string; $boost?: number }
-  | string;
-
-// Number field operations with optional boost  
-type NumberOperations =
-  | { $eq: number; $boost?: number }
-  | { $ne: number; $boost?: number }
-  | { $in: number[]; $boost?: number }
-  | { $gt: number; $boost?: number }
-  | { $gte: number; $boost?: number }
-  | { $lt: number; $boost?: number }
-  | { $lte: number; $boost?: number }
-  | number;
-
-// Boolean field operations with optional boost
-type BooleanOperations =
-  | { $eq: boolean; $boost?: number }
-  | { $ne: boolean; $boost?: number }
-  | { $in: boolean[]; $boost?: number }
-  | boolean;
-
-// Date field operations with optional boost
-type DateOperations =
-  | { $eq: string | Date; $boost?: number }
-  | { $ne: string | Date; $boost?: number }
-  | { $in: (string | Date)[]; $boost?: number }
-  | { $gt: string | Date; $boost?: number }
-  | { $gte: string | Date; $boost?: number }
-  | { $lt: string | Date; $boost?: number }
-  | { $lte: string | Date; $boost?: number }
-  | string
-  | Date;
+  : {
+      key: string;
+      score: number;
+      data: InferSchemaData<TSchema>;
+    };
 
-${schemaFieldsInterface}
+export type PublicQueryResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TSelectFields extends SchemaPaths<TSchema>[] | undefined = undefined,
+> = QueryResult<
+  TSchema,
+  TSelectFields extends SchemaPaths<TSchema>[]
+    ? {
+        select: { [K in TSelectFields[number]]: true };
+      }
+    : undefined
+>;
+
+// Query Filter Types
+// These are the operations that can be used for each field type
+type StringOperationMap<T extends string> = {
+  $eq: T;
+  $ne: T;
+  $in: T[];
+  $fuzzy: T | { value: T; distance?: number; transpositionCostOne?: boolean };
+  $phrase:
+    | T
+    | { value: T }
+    | { value: T; slop: number; prefix?: never }
+    | { value: T; prefix: boolean; slop?: never };
+  $regex: T;
+  $smart: T;
+};
+
+type NumberOperationMap<T extends number> = {
+  $eq: T;
+  $ne: T;
+  $in: T[];
+  $gt: T;
+  $gte: T;
+  $lt: T;
+  $lte: T;
+};
+
+type BooleanOperationMap<T extends boolean> = {
+  $eq: T;
+  $ne: T;
+  $in: T[];
+};
+
+type DateOperationMap<T extends string | Date> = {
+  $eq: T;
+  $ne: T;
+  $in: T[];
+  $gt: T;
+  $gte: T;
+  $lte: T;
+  $lt: T;
+};
+
+// Create union types for each field type
+type StringOperations = {
+  [K in keyof StringOperationMap<string>]: { [P in K]: StringOperationMap<string>[K] } & {
+    $boost?: number;
+  };
+}[keyof StringOperationMap<string>];
 
-// Query leaf - field conditions without logical operators
-type QueryLeaf = SchemaFields & {
+type NumberOperations = {
+  [K in keyof NumberOperationMap<number>]: { [P in K]: NumberOperationMap<number>[K] } & {
+    $boost?: number;
+  };
+}[keyof NumberOperationMap<number>];
+
+type BooleanOperations = {
+  [K in keyof BooleanOperationMap<boolean>]: { [P in K]: BooleanOperationMap<boolean>[K] } & {
+    $boost?: number;
+  };
+}[keyof BooleanOperationMap<boolean>];
+
+type DateOperations = {
+  [K in keyof DateOperationMap<string | Date>]: { [P in K]: DateOperationMap<string | Date>[K] } & {
+    $boost?: number;
+  };
+}[keyof DateOperationMap<string | Date>];
+
+// Create a union type for all operations for a given field type
+type OperationsForFieldType<T extends FieldType> = T extends "TEXT"
+  ? StringOperations
+  : T extends "U64" | "I64" | "F64"
+    ? NumberOperations
+    : T extends "BOOL"
+      ? BooleanOperations
+      : T extends "DATE"
+        ? DateOperations
+        : never;
+
+// Create a union type for all operations for a given path
+type PathOperations<TSchema, TPath extends string> =
+  GetFieldAtPath<TSchema, TPath> extends infer Field
+    ? Field extends FieldType | DetailedField
+      ? OperationsForFieldType<ExtractFieldType<Field>> | FieldValueType<ExtractFieldType<Field>>
+      : never
+    : never;
+
+// Create a type for a query leaf (only field paths, no boolean operators)
+type QueryLeaf<TSchema> = {
+  // allowed schema paths
+  [K in SchemaPaths<TSchema>]?: PathOperations<TSchema, K>;
+} & {
   $and?: never;
   $or?: never;
   $must?: never;
   $should?: never;
   $mustNot?: never;
-  $boost?: never;
+  $boost?: number;
 };
 
-// Base type for boolean nodes - allows field conditions
-type BoolBase = SchemaFields;
+type BoolBase<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  [P in SchemaPaths<TSchema>]?: PathOperations<TSchema, P>;
+};
 
 // $and: all conditions must match
-type AndNode = BoolBase & {
-  /** All conditions in this array must match */
-  $and: QueryFilter | QueryFilter[];
-  /** Boost score for this node */
+type AndNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $and: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $or?: never;
   $must?: never;
@@ -7565,10 +7902,8 @@ type AndNode = BoolBase & {
 };
 
 // $or: at least one condition must match
-type OrNode = BoolBase & {
-  /** At least one condition must match */
-  $or: QueryFilter | QueryFilter[];
-  /** Boost score for this node */
+type OrNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $or: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $must?: never;
@@ -7576,11 +7911,9 @@ type OrNode = BoolBase & {
   $mustNot?: never;
 };
 
-// $must only (Elasticsearch-style)
-type MustNode = BoolBase & {
-  /** All conditions must match (similar to $and) */
-  $must: QueryFilter | QueryFilter[];
-  /** Boost score for this node */
+// $must only
+type MustNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $must: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
@@ -7588,11 +7921,9 @@ type MustNode = BoolBase & {
   $mustNot?: never;
 };
 
-// $should only (Elasticsearch-style)
-type ShouldNode = BoolBase & {
-  /** At least one should match (affects scoring) */
-  $should: QueryFilter | QueryFilter[];
-  /** Boost score for this node */
+// $should only
+type ShouldNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $should: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
@@ -7601,21 +7932,16 @@ type ShouldNode = BoolBase & {
 };
 
 // $must + $should combined
-type MustShouldNode = BoolBase & {
-  /** All these must match */
-  $must: QueryFilter | QueryFilter[];
-  /** At least one should match for higher score */
-  $should: QueryFilter | QueryFilter[];
+type MustShouldNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $must: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $should: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $and?: never;
   $or?: never;
-  $mustNot?: never;
 };
 
 // $mustNot only
-type NotNode = BoolBase & {
-  /** None of these conditions should match */
-  $mustNot: QueryFilter | QueryFilter[];
-  /** Boost score for this node */
+type NotNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
@@ -7623,20 +7949,18 @@ type NotNode = BoolBase & {
   $should?: never;
 };
 
-// $and + $mustNot combined
-type AndNotNode = BoolBase & {
-  $and: QueryFilter | QueryFilter[];
-  $mustNot: QueryFilter | QueryFilter[];
+type AndNotNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $and: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $or?: never;
   $must?: never;
   $should?: never;
 };
 
-// $or + $mustNot combined
-type OrNotNode = BoolBase & {
-  $or: QueryFilter | QueryFilter[];
-  $mustNot: QueryFilter | QueryFilter[];
+type OrNotNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $or: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $must?: never;
@@ -7644,19 +7968,18 @@ type OrNotNode = BoolBase & {
 };
 
 // $should + $mustNot combined
-type ShouldNotNode = BoolBase & {
-  $should: QueryFilter | QueryFilter[];
-  $mustNot: QueryFilter | QueryFilter[];
+type ShouldNotNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $should: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
   $must?: never;
 };
 
-// $must + $mustNot combined
-type MustNotNode = BoolBase & {
-  $must: QueryFilter | QueryFilter[];
-  $mustNot: QueryFilter | QueryFilter[];
+type MustNotNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $must: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
@@ -7664,33 +7987,47 @@ type MustNotNode = BoolBase & {
 };
 
 // Full boolean node: $must + $should + $mustNot
-type BoolNode = BoolBase & {
-  $must: QueryFilter | QueryFilter[];
-  $should: QueryFilter | QueryFilter[];
-  $mustNot: QueryFilter | QueryFilter[];
+type BoolNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = BoolBase<TSchema> & {
+  $must: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $should: QueryFilter<TSchema> | QueryFilter<TSchema>[];
+  $mustNot: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $or?: never;
 };
 
-// Query filter - union of all node types
-type QueryFilter =
-  | QueryLeaf
-  | AndNode
-  | OrNode
-  | MustNode
-  | ShouldNode
-  | MustShouldNode
-  | NotNode
-  | AndNotNode
-  | OrNotNode
-  | ShouldNotNode
-  | MustNotNode
-  | BoolNode;
-
-// Root-level $or restriction (no field conditions at root with $or)
-type RootOrNode = {
-  $or: QueryFilter | QueryFilter[];
+// Create a type for a query filter
+export type QueryFilter<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  | QueryLeaf<TSchema>
+  | AndNode<TSchema>
+  | OrNode<TSchema>
+  | MustNode<TSchema>
+  | ShouldNode<TSchema>
+  | MustShouldNode<TSchema>
+  | NotNode<TSchema>
+  | AndNotNode<TSchema>
+  | OrNotNode<TSchema>
+  | ShouldNotNode<TSchema>
+  | MustNotNode<TSchema>
+  | BoolNode<TSchema>;
+
+// Create a type for root-level queries (restricts $or from mixing with fields)
+export type RootQueryFilter<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  | QueryLeaf<TSchema>
+  | AndNode<TSchema>
+  | RootOrNode<TSchema>
+  | MustNode<TSchema>
+  | ShouldNode<TSchema>
+  | MustShouldNode<TSchema>
+  | AndNotNode<TSchema>
+  | ShouldNotNode<TSchema>
+  | BoolNode<TSchema>;
+
+// Restricted version of OrNode that doesn't allow field operations at root level
+type RootOrNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  [P in SchemaPaths<TSchema>]?: never; // No field operations at root level with $or
+} & {
+  $or: QueryFilter<TSchema> | QueryFilter<TSchema>[];
   $boost?: number;
   $and?: never;
   $must?: never;
@@ -7698,24 +8035,101 @@ type RootOrNode = {
   $mustNot?: never;
 };
 
-// Root query filter - restricts $or from mixing with fields at root level
-type Query =
-  | QueryLeaf
-  | AndNode
-  | RootOrNode
-  | MustNode
-  | ShouldNode
-  | MustShouldNode
-  | NotNode
-  | AndNotNode
-  | ShouldNotNode
-  | MustNotNode
-  | BoolNode;
+export type DescribeFieldInfo = {
+  type: FieldType;
+  noTokenize?: boolean;
+  noStem?: boolean;
+  fast?: boolean;
+};
+
+export type IndexDescription<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  name: string;
+  dataType: "hash" | "string" | "json";
+  prefixes: string[];
+  language?: Language;
+  schema: Record<SchemaPaths<TSchema>, DescribeFieldInfo>;
+};
+
+export type Language =
+  | "english"
+  | "arabic"
+  | "danish"
+  | "dutch"
+  | "finnish"
+  | "french"
+  | "german"
+  | "greek"
+  | "hungarian"
+  | "italian"
+  | "norwegian"
+  | "portuguese"
+  | "romanian"
+  | "russian"
+  | "spanish"
+  | "swedish"
+  | "tamil"
+  | "turkish";
+
+`;
+
+// src/components/databrowser/components/search/generate-query-type-definitions.tsx
+var buildNestedSchema = (flatSchema) => {
+  const nested = {};
+  for (const [fieldPath, fieldDef] of Object.entries(flatSchema)) {
+    const parts = fieldPath.split(".");
+    let current = nested;
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i];
+      if (!current[part] || typeof current[part] === "string") {
+        current[part] = {};
+      }
+      current = current[part];
+    }
+    current[parts.at(-1)] = `"${fieldDef.type}"`;
+  }
+  return nested;
+};
+var generateNestedInterface = (obj, indent = "  ") => {
+  const lines = [];
+  for (const [key, value] of Object.entries(obj)) {
+    if (typeof value === "string") {
+      lines.push(`${indent}${key}: ${value};`);
+    } else {
+      lines.push(`${indent}${key}: {`, generateNestedInterface(value, indent + "  "), `${indent}};`);
+    }
+  }
+  return lines.join("\n");
+};
+var toAmbientTypes = (types) => types.replaceAll(/export const (\w+) = (\[.*?]) as const;/g, "declare const $1: readonly $2;").replaceAll("export ", "");
+var generateTypeDefinitions = (schema) => {
+  let schemaFieldsInterface = "";
+  const schemaFields = schema?.schema;
+  if (schemaFields && Object.keys(schemaFields).length > 0) {
+    const nested = buildNestedSchema(schemaFields);
+    const fieldLines = generateNestedInterface(nested);
+    schemaFieldsInterface = `
+/** Schema fields for the current index */
+interface SchemaFields {
+${fieldLines}
+}`;
+  } else {
+    schemaFieldsInterface = `
+/** Schema fields - no schema available, using dynamic fields */
+interface SchemaFields {
+  [fieldName: string]: FieldType | DetailedField | NestedIndexSchema;
+}`;
+  }
+  return `
+${toAmbientTypes(SEARCH_TYPES)}
+
+${schemaFieldsInterface}
+
+type Query = RootQueryFilter<SchemaFields>;
 `;
 };
 
 // src/components/databrowser/components/search/query-editor.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var QUERY_PREFIX = "const query: Query = {";
 var QUERY_DEFAULT = "const query: Query = {}";
 var isQueryStringValid = (value) => {
@@ -7723,7 +8137,7 @@ var isQueryStringValid = (value) => {
 };
 var QueryEditor = ({ value, onChange, height, schema }) => {
   const typeDefinitions = useMemo9(() => generateTypeDefinitions(schema), [schema]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     EditorWithTypes,
     {
       value,
@@ -7739,15 +8153,14 @@ var QueryEditor = ({ value, onChange, height, schema }) => {
 };
 
 // src/components/databrowser/components/query-builder.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var QueryBuilder = () => {
   const { valuesSearch, setValuesSearchQuery } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const editorValue = PREFIX + (valuesSearch.query || "{}");
-  return /* @__PURE__ */ jsx53("div", { className: "rounded-lg border border-zinc-300 bg-white px-[6px] dark:border-zinc-700", children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55("div", { className: "h-full rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ jsx55(
     QueryEditor,
     {
-      height: 300,
       value: editorValue,
       onChange: (value) => {
         const queryPart = value.slice(PREFIX.length);
@@ -7760,39 +8173,39 @@ var QueryBuilder = () => {
 
 // src/components/databrowser/components/search-empty-state.tsx
 import { IconCode, IconDatabase, IconDownload, IconSearch as IconSearch3 } from "@tabler/icons-react";
-import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 var SearchEmptyState = () => {
-  return /* @__PURE__ */ jsxs31("div", { className: "flex gap-8 rounded-xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-8", children: [
-    /* @__PURE__ */ jsxs31("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx54("h2", { className: "mb-2 text-lg font-semibold text-zinc-900", children: "Redis Search" }),
-      /* @__PURE__ */ jsx54("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__ */ jsxs31("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx54("h3", { className: "text-xs font-medium uppercase tracking-wider text-zinc-400", children: "How it works" }),
-        /* @__PURE__ */ jsxs31("div", { className: "space-y-2.5", children: [
-          /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx54("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx54(IconDatabase, { size: 16 }) }),
-            /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx54("h4", { className: "text-sm font-medium text-zinc-900", children: "Store your data" }),
-              /* @__PURE__ */ jsx54("p", { className: "text-sm text-zinc-500", children: "Add documents as JSON, Hash, or String keys (string content must be valid JSON)." })
+  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__ */ jsxs31("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx54("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx54(IconCode, { size: 16 }) }),
-            /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx54("h4", { className: "text-sm font-medium text-zinc-900", children: "Create an index" }),
-              /* @__PURE__ */ jsx54("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(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__ */ jsxs31("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx54("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsx54(IconSearch3, { size: 16 }) }),
-            /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx54("h4", { className: "text-sm font-medium text-zinc-900", children: "Search your data" }),
-              /* @__PURE__ */ jsx54("p", { className: "text-sm text-zinc-500", children: "Query with filters, full-text search, and sorted results." })
+          /* @__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__ */ jsx54(
+      /* @__PURE__ */ jsx56(
         "a",
         {
           href: "https://upstash.com/docs/redis/sdks/ts/commands/search",
@@ -7803,11 +8216,11 @@ var SearchEmptyState = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs31("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__ */ jsx54("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-zinc-100 text-zinc-500", children: /* @__PURE__ */ jsx54(IconDownload, { size: 24 }) }),
-      /* @__PURE__ */ jsx54("h3", { className: "mb-1 text-sm font-medium text-zinc-900", children: "Get started quickly" }),
-      /* @__PURE__ */ jsx54("p", { className: "mb-4 text-center text-xs text-zinc-500", children: "Import a sample dataset to try out Redis Search" }),
-      /* @__PURE__ */ jsx54(
+    /* @__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",
         {
           onClick: () => {
@@ -7821,27 +8234,27 @@ var SearchEmptyState = () => {
 };
 
 // src/components/databrowser/components/sidebar/empty.tsx
-import { jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var Empty = () => {
-  return /* @__PURE__ */ jsx55("div", { className: "flex h-full w-full items-center justify-center rounded-md border bg-white px-4 py-6 text-center", children: /* @__PURE__ */ jsxs32("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsx55("p", { className: "text-md font-medium", children: "Data on a break" }),
-    /* @__PURE__ */ jsx55("p", { className: "text-balance text-center", children: '"Quick, lure it back with some CLI magic!"' })
+  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!"' })
   ] }) });
 };
 
 // src/components/databrowser/components/sidebar/keys-list.tsx
-import { Fragment as Fragment10, useRef as useRef5 } from "react";
+import { Fragment as Fragment11, useRef as useRef5 } from "react";
 import { IconChevronRight as IconChevronRight3 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/sidebar-context-menu.tsx
-import { useState as useState13 } from "react";
+import { useState as useState15 } 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 Fragment9, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 var SidebarContextMenu = ({ children }) => {
   const { mutate: deleteKey } = useDeleteKey();
-  const [isAlertOpen, setAlertOpen] = useState13(false);
-  const [contextKeys, setContextKeys] = useState13([]);
+  const [isAlertOpen, setAlertOpen] = useState15(false);
+  const [contextKeys, setContextKeys] = useState15([]);
   const {
     addTab,
     setSelectedKey: setSelectedKeyGlobal,
@@ -7849,8 +8262,8 @@ var SidebarContextMenu = ({ children }) => {
     setSearch
   } = useDatabrowserStore();
   const { search: currentSearch, selectedKeys } = useTab();
-  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs34(Fragment10, { children: [
+    /* @__PURE__ */ jsx58(
       DeleteKeyModal,
       {
         deletionType: "key",
@@ -7866,8 +8279,8 @@ var SidebarContextMenu = ({ children }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsxs33(ContextMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsxs34(ContextMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx58(
         ContextMenuTrigger,
         {
           onContextMenu: (e) => {
@@ -7887,8 +8300,8 @@ var SidebarContextMenu = ({ children }) => {
           children
         }
       ),
-      /* @__PURE__ */ jsxs33(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxs33(
+      /* @__PURE__ */ jsxs34(ContextMenuContent, { children: [
+        /* @__PURE__ */ jsxs34(
           ContextMenuItem,
           {
             onClick: () => {
@@ -7900,12 +8313,12 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx56(IconCopy3, { size: 16 }),
+              /* @__PURE__ */ jsx58(IconCopy3, { size: 16 }),
               "Copy key"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           ContextMenuItem,
           {
             onClick: () => {
@@ -7917,14 +8330,14 @@ var SidebarContextMenu = ({ children }) => {
             className: "gap-2",
             disabled: contextKeys.length !== 1,
             children: [
-              /* @__PURE__ */ jsx56(IconExternalLink2, { size: 16 }),
+              /* @__PURE__ */ jsx58(IconExternalLink2, { size: 16 }),
               "Open in new tab"
             ]
           }
         ),
-        /* @__PURE__ */ jsx56(ContextMenuSeparator3, {}),
-        /* @__PURE__ */ jsxs33(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
-          /* @__PURE__ */ jsx56(IconTrash3, { size: 16 }),
+        /* @__PURE__ */ jsx58(ContextMenuSeparator3, {}),
+        /* @__PURE__ */ jsxs34(ContextMenuItem, { onClick: () => setAlertOpen(true), className: "gap-2", children: [
+          /* @__PURE__ */ jsx58(IconTrash3, { size: 16 }),
           contextKeys.length > 1 ? `Delete ${contextKeys.length} keys` : "Delete key"
         ] })
       ] })
@@ -7933,14 +8346,14 @@ var SidebarContextMenu = ({ children }) => {
 };
 
 // src/components/databrowser/components/sidebar/keys-list.tsx
-import { Fragment as Fragment11, jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 var KeysList = () => {
   const { keys } = useKeys();
   const lastClickedIndexRef = useRef5(null);
-  return /* @__PURE__ */ jsx57(SidebarContextMenu, { children: /* @__PURE__ */ jsxs34(Fragment11, { children: [
-    /* @__PURE__ */ jsx57("div", { className: "h-px" }),
-    keys.map((data, i) => /* @__PURE__ */ jsxs34(Fragment10, { children: [
-      /* @__PURE__ */ jsx57(
+  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(
         KeyItem,
         {
           index: i,
@@ -7949,7 +8362,7 @@ var KeysList = () => {
           lastClickedIndexRef
         }
       ),
-      i !== keys.length - 1 && /* @__PURE__ */ jsx57("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-200" })
+      i !== keys.length - 1 && /* @__PURE__ */ jsx59("div", { className: "-z-10 mx-[13px] h-px bg-zinc-200 dark:bg-zinc-200" })
     ] }, data[0]))
   ] }) });
 };
@@ -7991,7 +8404,7 @@ var KeyItem = ({
       lastClickedIndexRef.current = index;
     }
   };
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "button",
     {
       "data-key": dataKey,
@@ -8003,52 +8416,60 @@ var KeyItem = ({
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx57(TypeTag, { variant: dataType, type: "icon" }),
-        /* @__PURE__ */ jsx57("p", { className: "grow truncate whitespace-nowrap", children: dataKey }),
-        score !== void 0 && /* @__PURE__ */ jsx57("span", { className: "shrink-0 text-xs text-zinc-400", children: score.toFixed(2) }),
-        isKeySelected && /* @__PURE__ */ jsx57(IconChevronRight3, { className: "shrink-0 text-zinc-500", size: 20 })
+        /* @__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 })
       ]
     }
   );
 };
 
 // src/components/databrowser/components/sidebar/skeleton-buttons.tsx
-import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
 var DEFAULT_SKELETON_COUNT = 6;
-var LoadingSkeleton = () => /* @__PURE__ */ jsx58("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__ */ jsxs35("div", { className: "flex h-10 items-center gap-2 px-3", children: [
-  /* @__PURE__ */ jsx58(Skeleton, { className: "size-5 shrink-0 rounded" }),
-  /* @__PURE__ */ jsx58(Skeleton, { className: "h-4 grow rounded" })
+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" })
 ] }, idx)) });
 
 // src/components/databrowser/components/sidebar/index.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function Sidebar() {
   const { keys, query } = useKeys();
-  return /* @__PURE__ */ jsx59("div", { className: "flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx59(LoadingSkeleton, {}) : keys.length > 0 ? (
+  return /* @__PURE__ */ jsx61("div", { className: "flex h-full flex-col gap-2", children: query.isLoading && keys.length === 0 ? /* @__PURE__ */ jsx61(LoadingSkeleton, {}) : keys.length > 0 ? (
     // Infinite scroll already has a loader at the bottom
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx61(
       InfiniteScroll,
       {
         query,
         disableRoundedInherit: true,
         className: "min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4",
         scrollBarClassName: "py-5",
-        children: /* @__PURE__ */ jsx59(KeysList, {})
+        children: /* @__PURE__ */ jsx61(KeysList, {})
       }
     )
-  ) : /* @__PURE__ */ jsx59(Empty, {}) });
+  ) : /* @__PURE__ */ jsx61(Empty, {}) });
 }
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
-import { useEffect as useEffect16, useRef as useRef8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect17, useRef as useRef8, useState as useState22 } 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";
 
 // src/components/databrowser/components/ui-query-builder/types.ts
-var STRING_OPERATORS = ["eq", "ne", "in", "contains", "fuzzy"];
+var STRING_OPERATORS = [
+  "eq",
+  "ne",
+  "in",
+  "phrase",
+  "regex",
+  "fuzzy",
+  "smart"
+];
 var NUMBER_OPERATORS = ["eq", "ne", "gt", "gte", "lt", "lte", "in"];
-var BOOLEAN_OPERATORS = ["eq", "ne"];
+var BOOLEAN_OPERATORS = ["eq", "ne", "in"];
 var DATE_OPERATORS = ["eq", "ne", "gt", "gte", "lt", "lte", "in"];
 var ALL_OPERATORS = [
   "eq",
@@ -8058,8 +8479,10 @@ var ALL_OPERATORS = [
   "lt",
   "lte",
   "in",
-  "contains",
-  "fuzzy"
+  "phrase",
+  "regex",
+  "fuzzy",
+  "smart"
 ];
 var OPERATOR_OPTIONS = [
   { value: "eq", label: "eq" },
@@ -8069,8 +8492,10 @@ var OPERATOR_OPTIONS = [
   { value: "lt", label: "lt" },
   { value: "lte", label: "lte" },
   { value: "in", label: "in" },
-  { value: "contains", label: "contains" },
-  { value: "fuzzy", label: "fuzzy" }
+  { value: "phrase", label: "phrase" },
+  { value: "regex", label: "regex" },
+  { value: "fuzzy", label: "fuzzy" },
+  { value: "smart", label: "smart" }
 ];
 var getOperatorsForFieldType = (fieldType) => {
   switch (fieldType) {
@@ -8152,6 +8577,8 @@ var parseFieldCondition = (field, fieldValue) => {
   let operator = "eq";
   let value = "";
   let fuzzyDistance;
+  let phraseSlop;
+  let phrasePrefix;
   let boost;
   for (const op of ALL_OPERATORS) {
     const key = `$${op}`;
@@ -8163,6 +8590,12 @@ var parseFieldCondition = (field, fieldValue) => {
         value = fuzzyObj.value ?? "";
         fuzzyDistance = fuzzyObj.distance ?? 1;
       }
+      if (op === "phrase" && typeof value === "object" && value !== null) {
+        const phraseObj = value;
+        value = phraseObj.value ?? "";
+        phraseSlop = phraseObj.slop;
+        phrasePrefix = phraseObj.prefix;
+      }
       break;
     }
   }
@@ -8177,6 +8610,8 @@ var parseFieldCondition = (field, fieldValue) => {
       operator,
       value,
       fuzzyDistance,
+      phraseSlop,
+      phrasePrefix,
       boost
     }
   };
@@ -8360,7 +8795,7 @@ var createInitialQueryState = () => ({
 });
 
 // src/components/databrowser/components/ui-query-builder/query-builder-context.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var QueryBuilderUIContext = createContext6(null);
 var QueryBuilderUIProvider = ({
   children,
@@ -8416,7 +8851,7 @@ var QueryBuilderUIProvider = ({
     }),
     [fieldInfos, updateNode, deleteNode, addChildToGroup, moveNode]
   );
-  return /* @__PURE__ */ jsx60(QueryBuilderUIContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx62(QueryBuilderUIContext.Provider, { value, children });
 };
 var useQueryBuilderUI = () => {
   const context = useContext6(QueryBuilderUIContext);
@@ -8494,16 +8929,16 @@ var moveNodeInTree = (root2, nodeId, newParentId, newIndex) => {
 };
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
-import { useState as useState18 } from "react";
+import { useState as useState20 } from "react";
 import { IconGripVertical as IconGripVertical3, IconPlus as IconPlus3, IconX as IconX4 } from "@tabler/icons-react";
 
 // src/components/databrowser/components/ui-query-builder/condition-common.tsx
-import { useState as useState15 } from "react";
+import { useState as useState17 } 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 useState14 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { useLayoutEffect, useRef as useRef6, useState as useState16 } from "react";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var measureContext = null;
 var getTextWidth = (text, font) => {
   if (!measureContext) {
@@ -8526,7 +8961,7 @@ var DynamicWidthInput = ({
   placeholder
 }) => {
   const inputRef = useRef6(null);
-  const [width, setWidth] = useState14(minWidth);
+  const [width, setWidth] = useState16(minWidth);
   useLayoutEffect(() => {
     if (inputRef.current) {
       const computedStyle = window.getComputedStyle(inputRef.current);
@@ -8535,7 +8970,7 @@ var DynamicWidthInput = ({
       setWidth(Math.max(Math.ceil(textWidth), minWidth));
     }
   }, [value, minWidth, placeholder]);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     "input",
     {
       ref: inputRef,
@@ -8552,14 +8987,14 @@ var DynamicWidthInput = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/condition-common.tsx
-import { jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
 var BoostBadge = ({
   node,
   static: isStatic
 }) => {
   const { updateNode } = useQueryBuilderUI();
-  const [localValue, setLocalValue] = useState15(String(node.boost ?? 0));
-  const [isFocused, setIsFocused] = useState15(false);
+  const [localValue, setLocalValue] = useState17(String(node.boost ?? 0));
+  const [isFocused, setIsFocused] = useState17(false);
   const boostStr = String(node.boost ?? 0);
   if (!isFocused && localValue !== boostStr) {
     setLocalValue(boostStr);
@@ -8581,9 +9016,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__ */ jsxs36("span", { className: "relative flex h-[26px] items-center overflow-hidden rounded-md border border-zinc-300 text-sm font-medium", children: [
-    /* @__PURE__ */ jsx62("span", { className: `flex h-full items-center px-2 ${labelBg} ${textColor}`, children: isNegative ? "Demote" : "Boost" }),
-    isStatic ? /* @__PURE__ */ jsx62("span", { className: `px-2 ${textColor}`, children: node.boost }) : /* @__PURE__ */ jsx62("span", { className: "flex h-full items-center bg-white px-2", children: /* @__PURE__ */ jsx62(
+  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(
       DynamicWidthInput,
       {
         value: localValue,
@@ -8596,32 +9031,32 @@ var BoostBadge = ({
     ) })
   ] });
 };
-var NotBadge = () => /* @__PURE__ */ jsx62("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__ */ 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 NodeActionsMenu = ({ node }) => {
   const { updateNode } = useQueryBuilderUI();
-  const [open, setOpen] = useState15(false);
+  const [open, setOpen] = useState17(false);
   const handleToggleBoost = () => {
     updateNode(node.id, { boost: node.boost ? void 0 : 2 });
   };
   const handleToggleNot = () => {
     updateNode(node.id, { not: !node.not });
   };
-  return /* @__PURE__ */ jsxs36(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx62(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs37(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx64(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx64(
       "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__ */ jsx62(IconDots, { size: 16 })
+        children: /* @__PURE__ */ jsx64(IconDots, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ jsxs36(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx62(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsxs37(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx64(DropdownMenuItem, { onClick: handleToggleBoost, children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx64(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.boost === void 0 ? "bg-zinc-200" : "bg-emerald-500"}`,
-            children: /* @__PURE__ */ jsx62(
+            children: /* @__PURE__ */ jsx64(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.boost === void 0 ? "translate-x-0" : "translate-x-4"}`
@@ -8629,14 +9064,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx62("span", { children: "Boost" })
+        /* @__PURE__ */ jsx64("span", { children: "Boost" })
       ] }) }),
-      /* @__PURE__ */ jsx62(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx64(DropdownMenuItem, { onClick: handleToggleNot, children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx64(
           "div",
           {
             className: `h-4 w-8 rounded-full transition-colors ${node.not ? "bg-emerald-500" : "bg-zinc-200"}`,
-            children: /* @__PURE__ */ jsx62(
+            children: /* @__PURE__ */ jsx64(
               "div",
               {
                 className: `h-4 w-4 transform rounded-full bg-white shadow transition-transform ${node.not ? "translate-x-4" : "translate-x-0"}`
@@ -8644,14 +9079,14 @@ var NodeActionsMenu = ({ node }) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx62("span", { children: "Not" })
+        /* @__PURE__ */ jsx64("span", { children: "Not" })
       ] }) })
     ] })
   ] });
 };
 
 // src/components/databrowser/components/ui-query-builder/dnd-context.tsx
-import { useState as useState17 } from "react";
+import { useState as useState19 } from "react";
 import {
   DndContext,
   PointerSensor,
@@ -8665,9 +9100,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 useEffect14, useState as useState16 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 import { IconGripVertical, IconX as IconX3 } from "@tabler/icons-react";
-import { jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
 var formatValueForDisplay = (value) => {
   if (Array.isArray(value)) {
     return value.join(", ");
@@ -8685,8 +9120,8 @@ var QueryCondition = ({
   const { fieldInfos, updateNode, deleteNode } = useQueryBuilderUI();
   const { condition } = node;
   const fieldNames = fieldInfos.map((f) => f.name);
-  const [localValue, setLocalValue] = useState16(() => formatValueForDisplay(condition.value));
-  const [isValueFocused, setIsValueFocused] = useState16(false);
+  const [localValue, setLocalValue] = useState18(() => formatValueForDisplay(condition.value));
+  const [isValueFocused, setIsValueFocused] = useState18(false);
   const formattedConditionValue = formatValueForDisplay(condition.value);
   if (!isValueFocused && localValue !== formattedConditionValue) {
     setLocalValue(formattedConditionValue);
@@ -8718,7 +9153,7 @@ var QueryCondition = ({
     return void 0;
   };
   const valueTypeError = getValueTypeError();
-  useEffect14(() => {
+  useEffect15(() => {
     if (currentFieldType === "boolean") {
       if (condition.value === "true") {
         updateNode(node.id, {
@@ -8782,10 +9217,18 @@ var QueryCondition = ({
     } else if (value !== "fuzzy") {
       updates.fuzzyDistance = void 0;
     }
+    if (value !== "phrase") {
+      updates.phraseSlop = void 0;
+      updates.phrasePrefix = void 0;
+    }
     if (value === "in" && !Array.isArray(condition.value)) {
-      updates.value = condition.value ? [String(condition.value)] : [];
+      if (currentFieldType === "boolean") {
+        updates.value = [String(condition.value)];
+      } else {
+        updates.value = condition.value ? [String(condition.value)] : [];
+      }
     } else if (value !== "in" && Array.isArray(condition.value)) {
-      updates.value = condition.value[0] || "";
+      updates.value = currentFieldType === "boolean" ? Boolean(condition.value.includes("true")) : condition.value[0] || "";
     }
     updateNode(node.id, {
       ...node,
@@ -8825,6 +9268,54 @@ var QueryCondition = ({
       condition: { ...condition, fuzzyDistance: distance }
     });
   };
+  const phraseMode = condition.phrasePrefix ? "prefix" : condition.phraseSlop === void 0 ? "exact" : "slop";
+  const handlePhraseModeChange = (mode) => {
+    const updates = {};
+    switch (mode) {
+      case "exact": {
+        updates.phraseSlop = void 0;
+        updates.phrasePrefix = void 0;
+        break;
+      }
+      case "slop": {
+        updates.phraseSlop = condition.phraseSlop ?? 1;
+        updates.phrasePrefix = void 0;
+        break;
+      }
+      case "prefix": {
+        updates.phraseSlop = void 0;
+        updates.phrasePrefix = true;
+        break;
+      }
+    }
+    updateNode(node.id, {
+      ...node,
+      condition: { ...condition, ...updates }
+    });
+  };
+  const [localSlop, setLocalSlop] = useState18(String(condition.phraseSlop ?? 1));
+  const [isSlopFocused, setIsSlopFocused] = useState18(false);
+  const slopStr = String(condition.phraseSlop ?? 1);
+  if (!isSlopFocused && localSlop !== slopStr) {
+    setLocalSlop(slopStr);
+  }
+  const handlePhraseSlopChange = (value) => {
+    setLocalSlop(value);
+    const slop = Number(value);
+    if (!Number.isNaN(slop) && value !== "" && slop >= 0) {
+      updateNode(node.id, {
+        ...node,
+        condition: { ...condition, phraseSlop: slop }
+      });
+    }
+  };
+  const handlePhraseSlopBlur = () => {
+    setIsSlopFocused(false);
+    const slop = Number(localSlop);
+    if (Number.isNaN(slop) || localSlop === "") {
+      setLocalSlop(String(condition.phraseSlop ?? 1));
+    }
+  };
   const handleDelete = () => {
     deleteNode(node.id);
   };
@@ -8832,48 +9323,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__ */ jsxs37("div", { className: "group/condition flex items-center gap-1 px-1 py-1", children: [
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs38("div", { className: "group/condition flex items-center gap-1 px-1", children: [
+    /* @__PURE__ */ jsx65(
       "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__ */ jsx63(IconGripVertical, { size: 16 })
+        children: /* @__PURE__ */ jsx65(IconGripVertical, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsxs37("div", { className: "flex", children: [
-      /* @__PURE__ */ jsxs37(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
-        /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs38("div", { className: "flex", children: [
+      /* @__PURE__ */ jsxs38(Select, { value: condition.field, onValueChange: handleFieldChange, children: [
+        /* @__PURE__ */ jsx65(
           SimpleTooltip,
           {
             content: isUnknownField ? "This field is not defined in the schema" : void 0,
             variant: "error",
-            children: /* @__PURE__ */ jsx63(
+            children: /* @__PURE__ */ jsx65(
               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__ */ jsx63(SelectValue, { placeholder: "Select field" })
+                children: /* @__PURE__ */ jsx65(SelectValue, { placeholder: "Select field" })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs37(SelectContent, { children: [
-          isUnknownField && /* @__PURE__ */ jsx63(SelectItem, { value: condition.field, className: "text-red-500", children: condition.field }, condition.field),
-          fieldNames.length > 0 ? fieldNames.map((field) => /* @__PURE__ */ jsx63(SelectItem, { value: field, children: field }, field)) : !isUnknownField && /* @__PURE__ */ jsx63("div", { className: "px-2 py-1.5 text-sm text-zinc-500", children: "No fields available" })
+        /* @__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__ */ jsxs37(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx63(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx63(
+      /* @__PURE__ */ jsxs38(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
+        /* @__PURE__ */ jsx65(SimpleTooltip, { content: operatorError || valueTypeError, variant: "error", children: /* @__PURE__ */ jsx65(
           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__ */ jsx63(SelectValue, {})
+            children: /* @__PURE__ */ jsx65(SelectValue, {})
           }
         ) }),
-        /* @__PURE__ */ jsxs37(SelectContent, { children: [
-          isInvalidOperator && /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsxs38(SelectContent, { children: [
+          isInvalidOperator && /* @__PURE__ */ jsx65(
             SelectItem,
             {
               value: condition.operator,
@@ -8882,10 +9373,49 @@ var QueryCondition = ({
             },
             condition.operator
           ),
-          filteredOperators.map((op) => /* @__PURE__ */ jsx63(SelectItem, { value: op.value, children: op.label }, op.value))
+          filteredOperators.map((op) => /* @__PURE__ */ jsx65(SelectItem, { value: op.value, children: op.label }, op.value))
         ] })
       ] }),
-      currentFieldType === "boolean" ? /* @__PURE__ */ jsxs37(
+      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(
+            "input",
+            {
+              type: "checkbox",
+              checked: Array.isArray(condition.value) && condition.value.includes("true"),
+              onChange: (e) => {
+                const current = Array.isArray(condition.value) ? condition.value : [];
+                const next = e.target.checked ? [...current.filter((v) => v !== "true"), "true"] : current.filter((v) => v !== "true");
+                updateNode(node.id, {
+                  ...node,
+                  condition: { ...condition, value: next }
+                });
+              },
+              className: "h-3 w-3"
+            }
+          ),
+          /* @__PURE__ */ jsx65("span", { children: "true" })
+        ] }),
+        /* @__PURE__ */ jsxs38("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx65(
+            "input",
+            {
+              type: "checkbox",
+              checked: Array.isArray(condition.value) && condition.value.includes("false"),
+              onChange: (e) => {
+                const current = Array.isArray(condition.value) ? condition.value : [];
+                const next = e.target.checked ? [...current.filter((v) => v !== "false"), "false"] : current.filter((v) => v !== "false");
+                updateNode(node.id, {
+                  ...node,
+                  condition: { ...condition, value: next }
+                });
+              },
+              className: "h-3 w-3"
+            }
+          ),
+          /* @__PURE__ */ jsx65("span", { children: "false" })
+        ] })
+      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ jsxs38(
         Select,
         {
           value: condition.value === true || condition.value === "true" ? "true" : condition.value === false || condition.value === "false" ? "false" : "true",
@@ -8897,14 +9427,14 @@ var QueryCondition = ({
             });
           },
           children: [
-            /* @__PURE__ */ jsx63(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__ */ jsx63(SelectValue, {}) }),
-            /* @__PURE__ */ jsxs37(SelectContent, { children: [
-              /* @__PURE__ */ jsx63(SelectItem, { value: "true", children: "true" }),
-              /* @__PURE__ */ jsx63(SelectItem, { value: "false", children: "false" })
+            /* @__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__ */ jsx63(
+      ) : /* @__PURE__ */ jsx65(
         "input",
         {
           type: "text",
@@ -8917,34 +9447,56 @@ var QueryCondition = ({
         }
       )
     ] }),
-    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs37(
+    condition.operator === "fuzzy" && /* @__PURE__ */ jsxs38(
       Select,
       {
         value: String(condition.fuzzyDistance || 1),
         onValueChange: handleFuzzyDistanceChange,
         children: [
-          /* @__PURE__ */ jsx63(SelectTrigger, { className: "h-[26px] w-16 gap-3 border-zinc-200 bg-white px-2 text-sm", children: /* @__PURE__ */ jsx63(SelectValue, {}) }),
-          /* @__PURE__ */ jsxs37(SelectContent, { children: [
-            /* @__PURE__ */ jsx63(SelectItem, { value: "1", children: "1" }),
-            /* @__PURE__ */ jsx63(SelectItem, { value: "2", children: "2" })
+          /* @__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" })
           ] })
         ]
       }
     ),
-    node.boost !== void 0 && /* @__PURE__ */ jsx63(BoostBadge, { node }),
-    /* @__PURE__ */ jsxs37(
+    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" })
+        ] })
+      ] }),
+      phraseMode === "slop" && /* @__PURE__ */ jsx65(
+        "input",
+        {
+          type: "number",
+          min: 0,
+          value: localSlop,
+          onChange: (e) => handlePhraseSlopChange(e.target.value),
+          onFocus: () => setIsSlopFocused(true),
+          onBlur: handlePhraseSlopBlur,
+          className: "h-[26px] w-10 appearance-none rounded-md border border-zinc-200 bg-white px-2 text-sm focus:border-zinc-400 focus:outline-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+        }
+      )
+    ] }),
+    node.boost !== void 0 && /* @__PURE__ */ jsx65(BoostBadge, { node }),
+    /* @__PURE__ */ jsxs38(
       "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__ */ jsx63(NodeActionsMenu, { node }),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx65(NodeActionsMenu, { node }),
+          /* @__PURE__ */ jsx65(
             "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__ */ jsx63(IconX3, { size: 16 })
+              children: /* @__PURE__ */ jsx65(IconX3, { size: 16 })
             }
           )
         ]
@@ -8954,12 +9506,12 @@ var QueryCondition = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/drag-overlay.tsx
-import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
 var QueryDragOverlay = ({
   activeNode,
   onDropAnimationComplete
 }) => {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     DndKitDragOverlay,
     {
       dropAnimation: {
@@ -8972,16 +9524,16 @@ var QueryDragOverlay = ({
           };
         }
       },
-      children: activeNode && activeNode.type === "condition" ? /* @__PURE__ */ jsxs38("div", { className: "relative -mt-1", children: [
-        /* @__PURE__ */ jsx64("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__ */ jsx64("div", { className: "relative", children: /* @__PURE__ */ jsx64(QueryCondition, { node: activeNode, isDragging: true }) })
-      ] }) : activeNode && activeNode.type === "group" ? /* @__PURE__ */ jsxs38("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx64("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__ */ jsxs38("div", { className: "relative flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx64("div", { className: "flex cursor-grab items-center text-zinc-400", children: /* @__PURE__ */ jsx64(IconGripVertical2, { size: 16 }) }),
-          /* @__PURE__ */ jsxs38("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__ */ jsx64("span", { children: activeNode.groupOperator === "and" ? "And" : "Or" }),
-            /* @__PURE__ */ jsx64(
+      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(
               "svg",
               {
                 className: "text-zinc-400",
@@ -8990,7 +9542,7 @@ var QueryDragOverlay = ({
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx64(
+                children: /* @__PURE__ */ jsx66(
                   "path",
                   {
                     d: "M4 6L8 10L12 6",
@@ -9004,8 +9556,8 @@ var QueryDragOverlay = ({
               }
             )
           ] }),
-          activeNode.boost !== void 0 && /* @__PURE__ */ jsx64(BoostBadge, { node: activeNode, static: true }),
-          activeNode.not && /* @__PURE__ */ jsx64(NotBadge, {})
+          activeNode.boost !== void 0 && /* @__PURE__ */ jsx66(BoostBadge, { node: activeNode, static: true }),
+          activeNode.not && /* @__PURE__ */ jsx66(NotBadge, {})
         ] })
       ] }) : null
     }
@@ -9013,7 +9565,7 @@ var QueryDragOverlay = ({
 };
 
 // src/components/databrowser/components/ui-query-builder/dnd-context.tsx
-import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 var QueryDndProvider = ({
   children,
   rootNode,
@@ -9021,7 +9573,7 @@ var QueryDndProvider = ({
   setDroppingId
 }) => {
   const { moveNode } = useQueryBuilderUI();
-  const [activeId, setActiveId] = useState17(null);
+  const [activeId, setActiveId] = useState19(null);
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
@@ -9085,7 +9637,7 @@ var QueryDndProvider = ({
     moveNode(activeIdStr, targetGroupId, adjustedIndex);
   };
   const activeNode = activeId ? findNodeById(rootNode, String(activeId)) : null;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     DndContext,
     {
       sensors,
@@ -9095,7 +9647,7 @@ var QueryDndProvider = ({
       onDragEnd: handleDragEnd,
       children: [
         children,
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx67(
           QueryDragOverlay,
           {
             activeNode,
@@ -9132,7 +9684,7 @@ var findParentGroup = (root2, targetId) => {
 
 // src/components/databrowser/components/ui-query-builder/draggable-item.tsx
 import { useDraggable } from "@dnd-kit/core";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var DraggableItem = ({
   id,
   children,
@@ -9143,7 +9695,7 @@ var DraggableItem = ({
   });
   const isDropAnimating = droppingId === id;
   const childElement = children;
-  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx66(
+  const childWithDragHandle = typeof children === "object" && children !== null && "type" in childElement ? /* @__PURE__ */ jsx68(
     childElement.type,
     {
       ...childElement.props,
@@ -9154,7 +9706,7 @@ var DraggableItem = ({
       }
     }
   ) : children;
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx68(
     "div",
     {
       ref: setNodeRef,
@@ -9166,10 +9718,10 @@ var DraggableItem = ({
 
 // src/components/databrowser/components/ui-query-builder/drop-zone.tsx
 import { useDroppable } from "@dnd-kit/core";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var DropIndicator = ({ id, isOver }) => {
   const { setNodeRef } = useDroppable({ id });
-  return /* @__PURE__ */ jsx67("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69("div", { ref: setNodeRef, className: `relative flex h-2 items-center`, children: /* @__PURE__ */ jsx69(
     "div",
     {
       className: cn(
@@ -9181,7 +9733,7 @@ var DropIndicator = ({ id, isOver }) => {
 };
 var EmptyGroupDropZone = ({ groupId, isOver }) => {
   const { setNodeRef } = useDroppable({ id: `drop-${groupId}-end` });
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       ref: setNodeRef,
@@ -9192,22 +9744,22 @@ var EmptyGroupDropZone = ({ groupId, isOver }) => {
 };
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
-import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
 var ChildRow = ({
   groupId,
   child,
   depth,
   activeOverId,
   droppingId
-}) => /* @__PURE__ */ jsxs40("div", { children: [
-  /* @__PURE__ */ jsx68(
+}) => /* @__PURE__ */ jsxs41("div", { children: [
+  /* @__PURE__ */ jsx70(
     DropIndicator,
     {
       id: `drop-${groupId}-${child.id}`,
       isOver: activeOverId === `drop-${groupId}-${child.id}`
     }
   ),
-  /* @__PURE__ */ jsx68(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx68(QueryCondition, { node: child }) : /* @__PURE__ */ jsx68(
+  /* @__PURE__ */ jsx70(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx70(QueryCondition, { node: child }) : /* @__PURE__ */ jsx70(
     InnerGroup,
     {
       node: child,
@@ -9240,62 +9792,62 @@ var InnerGroup = ({
   const handleDeleteGroup = () => {
     deleteNode(node.id);
   };
-  return /* @__PURE__ */ jsxs40("div", { children: [
-    /* @__PURE__ */ jsxs40("div", { className: "group/group flex items-center gap-1 px-1", children: [
-      !isRoot && /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs41("div", { children: [
+    /* @__PURE__ */ jsxs41("div", { className: "group/group flex items-center gap-1 px-1", children: [
+      !isRoot && /* @__PURE__ */ jsx70(
         "div",
         {
           ref: dragHandleProps?.ref,
           className: "flex cursor-grab items-center px-1 text-zinc-400",
           ...dragHandleProps?.attributes,
           ...dragHandleProps?.listeners,
-          children: /* @__PURE__ */ jsx68(IconGripVertical3, { size: 16 })
+          children: /* @__PURE__ */ jsx70(IconGripVertical3, { size: 16 })
         }
       ),
-      /* @__PURE__ */ jsxs40(Select, { value: node.groupOperator, onValueChange: handleOperatorChange, children: [
-        /* @__PURE__ */ jsx68(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__ */ jsx68(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs40(SelectContent, { children: [
-          /* @__PURE__ */ jsx68(SelectItem, { value: "and", children: "And" }),
-          /* @__PURE__ */ jsx68(SelectItem, { value: "or", children: "Or" })
+      /* @__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__ */ jsxs40(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx68(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsxs41(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx70(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx70(
           "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__ */ jsx68(IconPlus3, { size: 16 })
+            children: /* @__PURE__ */ jsx70(IconPlus3, { size: 16 })
           }
         ) }),
-        /* @__PURE__ */ jsxs40(DropdownMenuContent, { align: "start", children: [
-          /* @__PURE__ */ jsx68(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
-          /* @__PURE__ */ jsx68(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
+        /* @__PURE__ */ jsxs41(DropdownMenuContent, { align: "start", children: [
+          /* @__PURE__ */ jsx70(DropdownMenuItem, { onClick: handleAddCondition, children: "Add Condition" }),
+          /* @__PURE__ */ jsx70(DropdownMenuItem, { onClick: handleAddGroup, children: "Add Group" })
         ] })
       ] }),
-      node.boost !== void 0 && /* @__PURE__ */ jsx68(BoostBadge, { node }),
-      !isRoot && /* @__PURE__ */ jsxs40(
+      node.boost !== void 0 && /* @__PURE__ */ jsx70(BoostBadge, { node }),
+      !isRoot && /* @__PURE__ */ jsxs41(
         "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__ */ jsx68(NodeActionsMenu, { node }),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx70(NodeActionsMenu, { node }),
+            /* @__PURE__ */ jsx70(
               "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__ */ jsx68(IconX4, { size: 16 })
+                children: /* @__PURE__ */ jsx70(IconX4, { size: 16 })
               }
             )
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx68("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-2 border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx68(EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ jsxs40(Fragment12, { children: [
+    /* @__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: [
       node.children.map(
-        (child) => !child.not && /* @__PURE__ */ jsx68(
+        (child) => !child.not && /* @__PURE__ */ jsx70(
           ChildRow,
           {
             groupId: node.id,
@@ -9307,16 +9859,12 @@ var InnerGroup = ({
           child.id
         )
       ),
-      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs40(Tooltip, { delayDuration: 200, children: [
-        /* @__PURE__ */ jsx68(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2 px-1 py-1.5", children: [
-          /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-amber-300" }),
-          /* @__PURE__ */ jsx68("span", { className: "cursor-default select-none rounded bg-amber-50 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wider text-amber-800", children: "Must Not" }),
-          /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-amber-300" })
-        ] }) }),
-        /* @__PURE__ */ jsx68(TooltipContent, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ jsxs40("p", { children: [
+      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: [
           "Keys matching any of the conditions below are excluded from the results.",
           " ",
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx70(
             "a",
             {
               href: "https://upstash.com/docs/vector/features/filtering/boolean-operators/must-not",
@@ -9329,7 +9877,7 @@ var InnerGroup = ({
         ] }) })
       ] }),
       node.children.map(
-        (child) => child.not && /* @__PURE__ */ jsx68(
+        (child) => child.not && /* @__PURE__ */ jsx70(
           ChildRow,
           {
             groupId: node.id,
@@ -9341,7 +9889,7 @@ var InnerGroup = ({
           child.id
         )
       ),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx70(
         DropIndicator,
         {
           id: `drop-${node.id}-end`,
@@ -9352,11 +9900,11 @@ var InnerGroup = ({
   ] });
 };
 var QueryGroup = ({ node, isRoot = false, depth }) => {
-  const [activeOverId, setActiveOverId] = useState18(null);
-  const [droppingId, setDroppingId] = useState18(null);
+  const [activeOverId, setActiveOverId] = useState20(null);
+  const [droppingId, setDroppingId] = useState20(null);
   if (node.type !== "group") return;
   if (!isRoot) {
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx70(
       InnerGroup,
       {
         node,
@@ -9367,13 +9915,13 @@ var QueryGroup = ({ node, isRoot = false, depth }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx70(
     QueryDndProvider,
     {
       rootNode: node,
       setActiveOverId,
       setDroppingId,
-      children: /* @__PURE__ */ jsx68(
+      children: /* @__PURE__ */ jsx70(
         InnerGroup,
         {
           node,
@@ -9388,7 +9936,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 useEffect15, useRef as useRef7, useState as useState19 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect16, useRef as useRef7, useState as useState21 } from "react";
 
 // src/components/databrowser/components/ui-query-builder/query-stringify.ts
 var jsonToJsLiteral = (json) => {
@@ -9397,20 +9945,36 @@ var jsonToJsLiteral = (json) => {
 var toJsLiteral = (obj) => {
   return jsonToJsLiteral(JSON.stringify(obj, null, 2));
 };
-var buildOperatorValue = (operator, value, fuzzyDistance) => {
+var buildOperatorValue = (operator, value, fuzzyDistance, phraseSlop, phrasePrefix) => {
   if (operator === "fuzzy" && fuzzyDistance) {
     return { value, distance: fuzzyDistance };
   }
+  if (operator === "phrase") {
+    if (phraseSlop !== void 0) {
+      return { value, slop: phraseSlop };
+    }
+    if (phrasePrefix) {
+      return { value, prefix: true };
+    }
+  }
   return value;
 };
 var conditionToObject = (node) => {
-  const { field, operator, value, boost: conditionBoost, fuzzyDistance } = node.condition;
+  const {
+    field,
+    operator,
+    value,
+    boost: conditionBoost,
+    fuzzyDistance,
+    phraseSlop,
+    phrasePrefix
+  } = node.condition;
   const effectiveBoost = node.boost ?? conditionBoost;
   if (operator === "eq" && !effectiveBoost) {
     return { [field]: value };
   }
   const fieldCondition = {
-    [`$${operator}`]: buildOperatorValue(operator, value, fuzzyDistance)
+    [`$${operator}`]: buildOperatorValue(operator, value, fuzzyDistance, phraseSlop, phrasePrefix)
   };
   const finalBoost = node.boost ?? conditionBoost;
   if (finalBoost && finalBoost !== 1) {
@@ -9497,12 +10061,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] = useState19(() => {
+  const [queryState, setQueryStateInternal] = useState21(() => {
     return parseQueryString(valuesSearch.query) ?? createInitialQueryState();
   });
   const lastSyncedQuery = useRef7(valuesSearch.query);
   const isOurUpdate = useRef7(false);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isOurUpdate.current) {
       isOurUpdate.current = false;
       lastSyncedQuery.current = valuesSearch.query;
@@ -9536,19 +10100,64 @@ var useQueryStateSync = () => {
 };
 
 // src/components/databrowser/components/ui-query-builder/ui-query-builder.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs42 } 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);
-  useEffect16(() => {
+  useEffect17(() => {
     if (hasNormalized.current || fieldInfos.length === 0) return;
     hasNormalized.current = true;
     setQueryState((state) => normalizeQueryState(state, fieldInfos));
   }, [fieldInfos, setQueryState]);
-  return /* @__PURE__ */ jsx69(QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ jsx69("div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 p-4", children: /* @__PURE__ */ jsx69(QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) }) });
+  const scrollAreaRef = useRef8(null);
+  const viewportRef = useRef8(null);
+  const [hasTopShadow, setHasTopShadow] = useState22(false);
+  const [hasBottomShadow, setHasBottomShadow] = useState22(false);
+  const recomputeShadows = useCallback4(() => {
+    const el = viewportRef.current;
+    if (!el) return;
+    const { scrollTop, scrollHeight, clientHeight } = el;
+    setHasTopShadow(scrollTop > 0);
+    setHasBottomShadow(scrollTop + clientHeight < scrollHeight - 1);
+  }, []);
+  useEffect17(() => {
+    viewportRef.current = scrollAreaRef.current?.querySelector(
+      "[data-radix-scroll-area-viewport]"
+    );
+    recomputeShadows();
+    const el = viewportRef.current;
+    if (!el) return;
+    const obs = new ResizeObserver(() => recomputeShadows());
+    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(
+      "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(
+      "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(
+      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 }) })
+      }
+    )
+  ] }) });
 };
 var normalizeValue = (value, fieldType) => {
   if (fieldType === "number" && typeof value === "string" && value !== "") {
@@ -9567,16 +10176,16 @@ var normalizeValue = (value, fieldType) => {
 var normalizeNode = (node, fieldInfos) => {
   if (node.type === "condition") {
     const fieldInfo = fieldInfos.find((f) => f.name === node.condition.field);
-    if (fieldInfo) {
-      return {
-        ...node,
-        condition: {
-          ...node.condition,
-          value: normalizeValue(node.condition.value, fieldInfo.type)
-        }
-      };
+    const condition = { ...node.condition };
+    if (fieldInfo) condition.value = normalizeValue(condition.value, fieldInfo.type);
+    if (condition.phraseSlop !== void 0) {
+      const num = Number(condition.phraseSlop);
+      condition.phraseSlop = Number.isNaN(num) ? void 0 : num;
     }
-    return node;
+    if (condition.phrasePrefix !== void 0) {
+      condition.phrasePrefix = Boolean(condition.phrasePrefix);
+    }
+    return { ...node, condition };
   }
   if (node.type === "group") {
     return {
@@ -9618,13 +10227,13 @@ var extractFieldInfo = (schema) => {
 };
 
 // src/components/databrowser/components/databrowser-instance.tsx
-import { jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
 var PREFIX = "const query: Query = ";
 var SearchContent = () => {
   const { valuesSearch } = useTab();
   const { data: indexes, isLoading } = useFetchSearchIndexes();
-  const [mode, setMode] = useState20("builder");
-  const [switchError, setSwitchError] = useState20(null);
+  const [mode, setMode] = useState23("builder");
+  const [switchError, setSwitchError] = useState23(null);
   const handleModeChange = (value) => {
     const newMode = value;
     if (newMode === "builder") {
@@ -9645,28 +10254,33 @@ var SearchContent = () => {
   }
   const hasIndexes = indexes && indexes.length > 0;
   if (!hasIndexes) {
-    return /* @__PURE__ */ jsx70(SearchEmptyState, {});
+    return /* @__PURE__ */ jsx72(SearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsxs41("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx70("div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsx70(
-      Segmented,
-      {
-        options: [
-          { key: "builder", label: "Query Builder" },
-          { key: "code", label: "Code Editor" }
-        ],
-        value: mode,
-        onChange: handleModeChange,
-        buttonClassName: "h-6"
-      }
-    ) }),
-    mode === "builder" ? /* @__PURE__ */ jsx70(UIQueryBuilder, {}) : /* @__PURE__ */ jsx70(QueryBuilder, {}),
-    switchError && /* @__PURE__ */ jsx70("p", { className: "mt-3 text-sm text-red-500", children: switchError })
+  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(
+        Segmented,
+        {
+          options: [
+            { key: "builder", label: "Query Builder" },
+            { key: "code", label: "Code Editor" }
+          ],
+          value: mode,
+          onChange: handleModeChange,
+          buttonClassName: "h-6"
+        }
+      ) }),
+      mode === "builder" ? /* @__PURE__ */ jsx72(UIQueryBuilder, {}) : /* @__PURE__ */ jsx72(QueryBuilder, {})
+    ] }),
+    switchError && /* @__PURE__ */ jsx72("p", { className: "mt-3 text-sm text-red-500", children: switchError })
   ] });
 };
-var DatabrowserInstance = ({ hidden }) => {
+var DatabrowserInstance = ({
+  hidden,
+  hideSearchTab = false
+}) => {
   const { isValuesSearchSelected } = useTab();
-  return /* @__PURE__ */ jsx70(KeysProvider, { children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx72(KeysProvider, { children: /* @__PURE__ */ jsxs43(
     "div",
     {
       className: cn(
@@ -9674,36 +10288,36 @@ var DatabrowserInstance = ({ hidden }) => {
         hidden && "hidden"
       ),
       children: [
-        /* @__PURE__ */ jsxs41("div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ jsx70(Header, {}),
-          isValuesSearchSelected && /* @__PURE__ */ jsx70(SearchContent, {}),
-          /* @__PURE__ */ jsx70(HeaderError, {})
+        /* @__PURE__ */ jsxs43("div", { className: "space-y-3 py-5", children: [
+          /* @__PURE__ */ jsx72(Header, { hideSearchTab }),
+          isValuesSearchSelected && /* @__PURE__ */ jsx72(SearchContent, {}),
+          /* @__PURE__ */ jsx72(HeaderError, {})
         ] }),
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs43(
           PanelGroup,
           {
             autoSaveId: "persistence",
             direction: "horizontal",
             className: "h-full w-full text-sm antialiased",
             children: [
-              /* @__PURE__ */ jsx70(Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ jsx70(Sidebar, {}) }),
-              /* @__PURE__ */ jsxs41(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__ */ jsx70("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
-                /* @__PURE__ */ jsx70("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" }),
-                /* @__PURE__ */ jsx70("div", { className: "h-[3px] w-[3px] rounded-full bg-zinc-300" })
+              /* @__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__ */ jsx70(Panel, { minSize: 40, children: /* @__PURE__ */ jsx70(DataDisplay, {}) })
+              /* @__PURE__ */ jsx72(Panel, { minSize: 40, children: /* @__PURE__ */ jsx72(DataDisplay, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx70(Toaster, {})
+        /* @__PURE__ */ jsx72(Toaster, {})
       ]
     }
   ) });
 };
 
 // src/components/databrowser/components/databrowser-tabs.tsx
-import { useCallback as useCallback5, useEffect as useEffect18, useMemo as useMemo11, useRef as useRef10, useState as useState22 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect19, useMemo as useMemo11, useRef as useRef10, useState as useState25 } from "react";
 import {
   closestCenter,
   DndContext as DndContext2,
@@ -9718,11 +10332,11 @@ import { CSS } from "@dnd-kit/utilities";
 import { IconChevronDown as IconChevronDown3, IconPlus as IconPlus4, IconWindowMaximize } from "@tabler/icons-react";
 
 // src/components/ui/command.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { IconSearch as IconSearch4 } from "@tabler/icons-react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx71, jsxs as jsxs42 } from "react/jsx-runtime";
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
+var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   CommandPrimitive,
   {
     ref,
@@ -9734,9 +10348,9 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs42("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx71(IconSearch4, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx71(
+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(
     CommandPrimitive.Input,
     {
       ref,
@@ -9749,7 +10363,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   CommandPrimitive.List,
   {
     ref,
@@ -9758,9 +10372,9 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx71(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ jsx73(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   CommandPrimitive.Group,
   {
     ref,
@@ -9772,7 +10386,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   CommandPrimitive.Separator,
   {
     ref,
@@ -9781,7 +10395,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   CommandPrimitive.Item,
   {
     ref,
@@ -9794,7 +10408,7 @@ var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx71("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
+  return /* @__PURE__ */ jsx73("span", { className: cn("ml-auto text-xs tracking-widest text-zinc-500", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
@@ -9809,11 +10423,11 @@ import {
 } from "@tabler/icons-react";
 
 // src/hooks/use-overflow.ts
-import { useCallback as useCallback4, useEffect as useEffect17, useRef as useRef9, useState as useState21 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect18, useRef as useRef9, useState as useState24 } from "react";
 var useOverflow = () => {
-  const [isOverflow, setIsOverflow] = useState21(false);
+  const [isOverflow, setIsOverflow] = useState24(false);
   const observerRef = useRef9(null);
-  const ref = useCallback4((node) => {
+  const ref = useCallback5((node) => {
     if (observerRef.current) {
       observerRef.current.disconnect();
       observerRef.current = null;
@@ -9826,7 +10440,7 @@ var useOverflow = () => {
     });
     observerRef.current.observe(node);
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     return () => {
       observerRef.current?.disconnect();
     };
@@ -9835,16 +10449,16 @@ var useOverflow = () => {
 };
 
 // src/components/databrowser/components/tab-type-icon.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 function TabTypeIcon({ selectedKey }) {
   const { data: keyType, isLoading } = useFetchKeyType(selectedKey);
-  if (isLoading) return /* @__PURE__ */ jsx72(Skeleton, { className: "h-5 w-5 rounded" });
+  if (isLoading) return /* @__PURE__ */ jsx74(Skeleton, { className: "h-5 w-5 rounded" });
   if (!keyType || keyType === "none") return;
-  return /* @__PURE__ */ jsx72(TypeTag, { variant: keyType, type: "icon" });
+  return /* @__PURE__ */ jsx74(TypeTag, { variant: keyType, type: "icon" });
 }
 
 // src/components/databrowser/components/tab.tsx
-import { jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
 var Tab = ({ id, isList }) => {
   const { active, search, selectedKey, valuesSearch, pinned, isValuesSearchSelected } = useTab();
   const {
@@ -9860,8 +10474,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__ */ jsx73("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-emerald-200 text-emerald-800", children: /* @__PURE__ */ jsx73(IconSearch5, { size: 14 }) }) : search.key ? /* @__PURE__ */ jsx73("div", { className: "flex h-[20px] w-[20px] items-center justify-center rounded-md bg-zinc-100 text-zinc-600", children: /* @__PURE__ */ jsx73(IconSearch5, { size: 14 }) }) : selectedKey ? /* @__PURE__ */ jsx73(TabTypeIcon, { selectedKey }) : void 0;
-  const tabNode = /* @__PURE__ */ jsxs43(
+  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(
     "div",
     {
       id: isList ? `list-tab-${id}` : `tab-${id}`,
@@ -9872,8 +10486,8 @@ var Tab = ({ id, isList }) => {
         !isList && (active ? "bg-white text-zinc-950" : "bg-zinc-200 text-zinc-600 hover:bg-zinc-100")
       ),
       children: [
-        /* @__PURE__ */ jsx73("div", { className: cn(!active && "transition-colors"), children: iconNode }),
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx75("div", { className: cn(!active && "transition-colors"), children: iconNode }),
+        /* @__PURE__ */ jsx75(
           "span",
           {
             ref,
@@ -9881,8 +10495,8 @@ var Tab = ({ id, isList }) => {
             children: label || "New Tab"
           }
         ),
-        pinned && /* @__PURE__ */ jsx73(IconPin, { size: 14, className: "text-zinc-500" }),
-        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx73(
+        pinned && /* @__PURE__ */ jsx75(IconPin, { size: 14, className: "text-zinc-500" }),
+        tabs.length > 1 && !pinned && /* @__PURE__ */ jsx75(
           "button",
           {
             onClick: (e) => {
@@ -9890,46 +10504,46 @@ var Tab = ({ id, isList }) => {
               removeTab(id);
             },
             className: "p-[2px] text-zinc-400 transition-colors hover:text-zinc-500",
-            children: /* @__PURE__ */ jsx73(IconX5, { size: 16 })
+            children: /* @__PURE__ */ jsx75(IconX5, { size: 16 })
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ jsxs43(ContextMenu, { children: [
-    /* @__PURE__ */ jsx73(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx73(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
-    /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs45(ContextMenu, { children: [
+    /* @__PURE__ */ jsx75(SimpleTooltip, { content: isOverflow ? label : void 0, children: /* @__PURE__ */ jsx75(ContextMenuTrigger, { asChild: true, children: tabNode }) }),
+    /* @__PURE__ */ jsxs45(
       ContextMenuContent,
       {
         onClick: (e) => {
           e.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ jsxs43(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx73(IconPin, { size: 16 }),
+          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => togglePinTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx75(IconPin, { size: 16 }),
             pinned ? "Unpin Tab" : "Pin Tab"
           ] }),
-          /* @__PURE__ */ jsxs43(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx73(IconCopyPlus, { size: 16 }),
+          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => duplicateTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx75(IconCopyPlus, { size: 16 }),
             "Duplicate Tab"
           ] }),
-          /* @__PURE__ */ jsx73(ContextMenuSeparator, {}),
-          /* @__PURE__ */ jsxs43(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx73(IconX5, { size: 16 }),
+          /* @__PURE__ */ jsx75(ContextMenuSeparator, {}),
+          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => forceRemoveTab(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx75(IconX5, { size: 16 }),
             "Close Tab"
           ] }),
-          /* @__PURE__ */ jsxs43(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
-            /* @__PURE__ */ jsx73(IconSquareX, { size: 16 }),
+          /* @__PURE__ */ jsxs45(ContextMenuItem, { onSelect: () => closeOtherTabs(id), className: "gap-2", children: [
+            /* @__PURE__ */ jsx75(IconSquareX, { size: 16 }),
             "Close Other Tabs"
           ] }),
-          /* @__PURE__ */ jsxs43(
+          /* @__PURE__ */ jsxs45(
             ContextMenuItem,
             {
               onSelect: () => closeAllButPinned(),
               className: "gap-2",
               disabled: !hasPinnedTabs,
               children: [
-                /* @__PURE__ */ jsx73(IconArrowsMinimize, { size: 16 }),
+                /* @__PURE__ */ jsx75(IconArrowsMinimize, { size: 16 }),
                 "Close All But Pinned"
               ]
             }
@@ -9941,9 +10555,9 @@ var Tab = ({ id, isList }) => {
 };
 
 // src/components/databrowser/components/databrowser-tabs.tsx
-import { jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 var SortableTab = ({ id }) => {
-  const [originalWidth, setOriginalWidth] = useState22(null);
+  const [originalWidth, setOriginalWidth] = useState25(null);
   const textRef = useRef10(null);
   const { tabs } = useDatabrowserStore();
   const tabData = tabs.find(([tabId]) => tabId === id)?.[1];
@@ -9968,7 +10582,7 @@ var SortableTab = ({ id }) => {
     }
     setNodeRef(element);
   };
-  useEffect18(() => {
+  useEffect19(() => {
     if (textRef.current && isDragging) {
       const originalMaxWidth = textRef.current.style.maxWidth;
       const originalWhiteSpace = textRef.current.style.whiteSpace;
@@ -9988,7 +10602,7 @@ var SortableTab = ({ id }) => {
       };
     }
   }, [isDragging]);
-  useEffect18(() => {
+  useEffect19(() => {
     const resizeObserver = new ResizeObserver((entries) => {
       if (entries[0]) {
         setOriginalWidth(entries[0].contentRect.width);
@@ -10009,7 +10623,7 @@ var SortableTab = ({ id }) => {
       minWidth: originalWidth ? `${originalWidth}px` : void 0
     } : {}
   };
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx76(
     "div",
     {
       ref: measureRef,
@@ -10017,7 +10631,7 @@ var SortableTab = ({ id }) => {
       className: isDragging ? "cursor-grabbing" : isPinned ? "cursor-default" : "cursor-grab",
       ...attributes,
       ...isPinned ? {} : listeners2,
-      children: /* @__PURE__ */ jsx74(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx74(Tab, { id }) })
+      children: /* @__PURE__ */ jsx76(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx76(Tab, { id }) })
     }
   );
 };
@@ -10031,10 +10645,10 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
     });
   }, [tabs]);
   const scrollRef = useRef10(null);
-  const [hasLeftShadow, setHasLeftShadow] = useState22(false);
-  const [hasRightShadow, setHasRightShadow] = useState22(false);
-  const [isOverflow, setIsOverflow] = useState22(false);
-  useEffect18(() => {
+  const [hasLeftShadow, setHasLeftShadow] = useState25(false);
+  const [hasRightShadow, setHasRightShadow] = useState25(false);
+  const [isOverflow, setIsOverflow] = useState25(false);
+  useEffect19(() => {
     const el = scrollRef.current;
     if (!el) return;
     const onWheel = (event) => {
@@ -10056,7 +10670,7 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
       el.removeEventListener("wheel", onWheel);
     };
   }, []);
-  const recomputeShadows = useCallback5(() => {
+  const recomputeShadows = useCallback6(() => {
     const el = scrollRef.current;
     if (!el) return;
     const { scrollLeft, scrollWidth, clientWidth } = el;
@@ -10064,7 +10678,7 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
     setHasRightShadow(scrollLeft + clientWidth < scrollWidth - 1);
     setIsOverflow(scrollWidth > clientWidth + 1);
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     recomputeShadows();
     const el = scrollRef.current;
     if (!el) return;
@@ -10092,28 +10706,28 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
       reorderTabs(oldIndex, newIndex);
     }
   };
-  return /* @__PURE__ */ jsx74("div", { className: "relative shrink-0 overflow-hidden rounded-t-lg bg-zinc-300", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxs44("div", { className: "relative min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx74(
+  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(
         "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__ */ jsx74(
+      /* @__PURE__ */ jsx76(
         "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__ */ jsxs44(
+      /* @__PURE__ */ jsxs46(
         "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__ */ jsx74(
+            /* @__PURE__ */ jsx76(
               DndContext2,
               {
                 sensors,
@@ -10125,25 +10739,25 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
                     strategy: MeasuringStrategy.Always
                   }
                 },
-                children: /* @__PURE__ */ jsx74(
+                children: /* @__PURE__ */ jsx76(
                   SortableContext,
                   {
                     items: sortedTabs.map(([id]) => id),
                     strategy: horizontalListSortingStrategy,
-                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx74(SortableTab, { id }, id))
+                    children: selectedTab && sortedTabs.map(([id]) => /* @__PURE__ */ jsx76(SortableTab, { id }, id))
                   }
                 )
               }
             ),
-            !isOverflow && /* @__PURE__ */ jsx74("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx74(AddTabButton, {}) })
+            !isOverflow && /* @__PURE__ */ jsx76("div", { className: "flex items-center gap-1 pl-1 pr-1", children: /* @__PURE__ */ jsx76(AddTabButton, {}) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-1 pl-1", children: [
-      isOverflow && /* @__PURE__ */ jsx74(AddTabButton, {}),
-      tabs.length > 1 && /* @__PURE__ */ jsx74(TabsListButton, { tabs, onSelectTab: selectTab }),
-      onFullScreenClick && /* @__PURE__ */ jsx74(
+    /* @__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(
         Button,
         {
           "aria-label": "Toggle fullscreen",
@@ -10151,7 +10765,7 @@ var DatabrowserTabs = ({ onFullScreenClick }) => {
           size: "icon-sm",
           onClick: onFullScreenClick,
           className: "flex-shrink-0 bg-white text-zinc-500 dark:bg-zinc-100",
-          children: /* @__PURE__ */ jsx74(IconWindowMaximize, { size: 16 })
+          children: /* @__PURE__ */ jsx76(IconWindowMaximize, { size: 16 })
         }
       )
     ] })
@@ -10169,7 +10783,7 @@ function AddTabButton() {
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx76(
     Button,
     {
       "aria-label": "Add new tab",
@@ -10177,7 +10791,7 @@ function AddTabButton() {
       size: "icon-sm",
       onClick: handleAddTab,
       className: "flex-shrink-0 bg-zinc-200 ",
-      children: /* @__PURE__ */ jsx74(IconPlus4, { className: "text-zinc-600", size: 16 })
+      children: /* @__PURE__ */ jsx76(IconPlus4, { className: "text-zinc-600", size: 16 })
     }
   );
 }
@@ -10185,7 +10799,7 @@ function TabsListButton({
   tabs,
   onSelectTab
 }) {
-  const [open, setOpen] = useState22(false);
+  const [open, setOpen] = useState25(false);
   const sorted = useMemo11(() => {
     return [...tabs].sort(([, a], [, b]) => {
       if (a.pinned && !b.pinned) return -1;
@@ -10203,8 +10817,8 @@ function TabsListButton({
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
   };
-  return /* @__PURE__ */ jsxs44(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx74(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs46(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx76(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs46(
       Button,
       {
         variant: "secondary",
@@ -10212,14 +10826,14 @@ function TabsListButton({
         className: "gap-1 bg-white px-2",
         "aria-label": "Search in tabs",
         children: [
-          /* @__PURE__ */ jsx74("span", { className: "text-xs text-zinc-600", children: tabs.length }),
-          /* @__PURE__ */ jsx74(IconChevronDown3, { className: "text-zinc-500", size: 16 })
+          /* @__PURE__ */ jsx76("span", { className: "text-xs text-zinc-600", children: tabs.length }),
+          /* @__PURE__ */ jsx76(IconChevronDown3, { className: "text-zinc-500", size: 16 })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx74(PopoverContent, { className: "w-96 p-0", align: "end", children: /* @__PURE__ */ jsx74(Command, { children: /* @__PURE__ */ jsxs44(CommandList, { children: [
-      /* @__PURE__ */ jsx74(CommandEmpty, { children: "No tabs" }),
-      /* @__PURE__ */ jsx74(CommandGroup, { children: sorted.map(([_id, item]) => /* @__PURE__ */ jsx74(
+    /* @__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(
         CommandItem,
         {
           style: {
@@ -10229,7 +10843,7 @@ function TabsListButton({
           onSelect: () => {
             handleSelectTab(item.id);
           },
-          children: /* @__PURE__ */ jsx74(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx74(Tab, { id: _id, isList: true }) })
+          children: /* @__PURE__ */ jsx76(TabIdProvider, { value: _id, children: /* @__PURE__ */ jsx76(Tab, { id: _id, isList: true }) })
         },
         item.id
       )) })
@@ -10238,11 +10852,12 @@ function TabsListButton({
 }
 
 // src/components/databrowser/index.tsx
-import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 var RedisBrowser = ({
   url,
   token,
   hideTabs,
+  hideSearchTab,
   storage,
   disableTelemetry,
   onFullScreenClick,
@@ -10250,13 +10865,14 @@ var RedisBrowser = ({
 }) => {
   const credentials = useMemo12(() => ({ token, url }), [token, url]);
   const rootRef = useRef11(null);
-  useEffect19(() => {
+  useEffect20(() => {
     queryClient.resetQueries();
   }, [credentials.url]);
-  return /* @__PURE__ */ jsx75(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx75(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx75(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx75(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx75(TooltipProvider, { children: /* @__PURE__ */ jsx75(
+  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(
     RedisBrowserRoot,
     {
       hideTabs,
+      hideSearchTab,
       rootRef,
       onFullScreenClick
     }
@@ -10264,38 +10880,39 @@ var RedisBrowser = ({
 };
 var RedisBrowserRoot = ({
   hideTabs,
+  hideSearchTab,
   rootRef,
   onFullScreenClick
 }) => {
   const theme = useTheme();
-  useEffect19(() => {
+  useEffect20(() => {
     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__ */ jsx75(
+    /* @__PURE__ */ jsx77(
       "div",
       {
         className: `ups-db ${theme === "dark" ? "dark" : ""}`,
         style: { height: "100%" },
         ref: rootRef,
-        children: /* @__PURE__ */ jsxs45("div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
-          !hideTabs && /* @__PURE__ */ jsx75(DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ jsx75(DatabrowserInstances, {})
+        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 })
         ] })
       }
     )
   );
 };
-var DatabrowserInstances = () => {
+var DatabrowserInstances = ({ hideSearchTab }) => {
   const { tabs, selectedTab, selectTab, addTab } = useDatabrowserStore();
-  useEffect19(() => {
+  useEffect20(() => {
     if (tabs.length === 0) addTab();
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ jsx75(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx75(DatabrowserInstance, { hidden: id !== selectedTab }) }, id));
+  return tabs.map(([id]) => /* @__PURE__ */ jsx77(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx77(DatabrowserInstance, { hidden: id !== selectedTab, hideSearchTab }) }, id));
 };
 export {
   RedisBrowser