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

package/dist/index.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/databrowser/index.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React8 = _interopRequireWildcard(_react); var React9 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react);
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React8 = _interopRequireWildcard(_react); var React9 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react); var React15 = _interopRequireWildcard(_react);
 
 // src/dark-mode-context.tsx
 
@@ -3179,30 +3179,21 @@ var Segmented = ({
   className,
   buttonClassName
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn("flex w-fit gap-[2px] rounded-lg bg-zinc-200 p-[2px] text-sm", className), children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "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__ */ _jsxruntime.jsx.call(void 0, 
-        "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: () => {
-            _optionalChain([onChange, 'optionalCall', _25 => _25(option.key)]);
-          },
-          children: option.label
-        },
-        option.key
-      ))
-    }
-  );
+      onClick: () => {
+        _optionalChain([onChange, 'optionalCall', _25 => _25(option.key)]);
+      },
+      children: option.label
+    },
+    option.key
+  )) });
 };
 
 // src/components/ui/toaster.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
 
 
 // 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 _reactquery.useMutation.call(void 0, {
     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,6 +5230,236 @@ var DisplayHeader = ({
   ] });
 };
 
+// src/components/databrowser/components/search/save-schema-modal.tsx
+
+
+// src/components/ui/dialog.tsx
+
+var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
+
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { container: portalRoot, ...props });
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  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__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    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__ */ _jsxruntime.jsxs.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, 
+                "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
+  "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__ */ _jsxruntime.jsx.call(void 0, 
+  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__ */ _jsxruntime.jsx.call(void 0, 
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-zinc-500", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/ui/progress.tsx
+
+var _reactprogress = require('@radix-ui/react-progress'); var ProgressPrimitive = _interopRequireWildcard(_reactprogress);
+
+var Progress = React12.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  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__ */ _jsxruntime.jsx.call(void 0, 
+      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
+
+var SaveSchemaModal = ({
+  values,
+  onClose
+}) => {
+  const { redisNoPipeline: redis } = useRedis();
+  const [status, setStatus] = _react.useState.call(void 0, );
+  const [progress, setProgress] = _react.useState.call(void 0, 0);
+  const [error, setError] = _react.useState.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, 
+    Dialog,
+    {
+      open: values !== void 0,
+      onOpenChange: (open) => {
+        if (!open && !isRunning) onClose();
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        DialogContent,
+        {
+          onInteractOutside: (e) => {
+            if (isRunning) e.preventDefault();
+          },
+          onEscapeKeyDown: (e) => {
+            if (isRunning) e.preventDefault();
+          },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogHeader, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogTitle, { children: "Save Schema Changes" }),
+              !isRunning && !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogDescription, { children: [
+                "Saving will drop and recreate the index. This will temporarily make the index unavailable.",
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}),
+                "Are you sure you want to continue?"
+              ] })
+            ] }),
+            isRunning && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 py-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-zinc-500", children: status }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Progress, { value: progress })
+            ] }),
+            error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full break-words text-sm text-red-500", children: formatUpstashErrorMessage(error) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogFooter, { children: [
+              !isRunning && !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { onClick: onClose, children: "Cancel" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "primary", onClick: handleConfirm, children: "Confirm" })
+              ] }),
+              error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { onClick: onClose, children: "Close" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
 // src/components/databrowser/components/search/schema-editor.tsx
 
 
@@ -5625,10 +5845,11 @@ var SearchDisplay = ({
   });
   const currentIndexName = watch("indexName");
   const effectiveIndexName = isCreateModal ? currentIndexName : _nullishCoalesce(indexName, () => ( ""));
+  const [pendingFormValues, setPendingFormValues] = _react.useState.call(void 0, );
   const { data, isLoading } = useFetchSearchIndex(indexName, {
     enabled: !isCreateModal
   });
-  const updateSchema = useUpsertSearchIndexSchema();
+  const createSchema = useCreateSearchIndexSchema();
   _react.useEffect.call(void 0, () => {
     if (!data) return;
     reset({
@@ -5640,21 +5861,25 @@ 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full min-w-0 flex-col gap-2", children: [
@@ -5672,11 +5897,11 @@ var SearchDisplay = ({
         ),
         errors.indexName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-red-500", children: errors.indexName.message })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-md border border-zinc-300 bg-white p-3 dark:border-zinc-700 dark:bg-zinc-800", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Config" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-md border border-zinc-300 bg-white p-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-sm font-medium text-zinc-700", children: "Config" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-2 grid grid-cols-4 gap-4 text-sm", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Data Type" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Data Type" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _reacthookform.Controller,
               {
@@ -5690,7 +5915,7 @@ var SearchDisplay = ({
             )
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Language" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Language" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _reacthookform.Controller,
               {
@@ -5704,7 +5929,7 @@ var SearchDisplay = ({
             )
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "col-span-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500 dark:text-zinc-400", children: "Prefixes" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-1.5 block text-xs font-medium text-zinc-500", children: "Prefixes" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Input,
               {
@@ -5717,8 +5942,8 @@ var SearchDisplay = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2 dark:border-zinc-700", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Schema" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col rounded-md border border-zinc-300 bg-white", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-sm font-medium text-zinc-700", children: "Schema" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full px-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _reacthookform.Controller,
           {
@@ -5735,7 +5960,7 @@ var SearchDisplay = ({
           }
         ) }) })
       ] }),
-      updateSchema.error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full break-words text-xs text-red-500", children: updateSchema.error.message.startsWith("ERR syntax error") ? "Invalid schema" : formatUpstashErrorMessage(updateSchema.error) }),
+      isCreateModal && createSchema.error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex gap-2", children: [
         (isDirty || isCreateModal || isEditModal) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Button,
@@ -5750,8 +5975,19 @@ var SearchDisplay = ({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "primary", onClick: handleSubmit(onSubmit), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { isLoading: updateSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save" }) })
-      ] }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "primary", onClick: handleSubmit(onSubmit), disabled: !isDirty, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { isLoading: createSchema.isPending, isLoadingText: "Saving", children: isCreateModal ? "Create" : "Save..." }) })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SaveSchemaModal,
+        {
+          values: pendingFormValues,
+          onClose: () => {
+            setPendingFormValues(void 0);
+            reset();
+            if (isEditModal && onClose) onClose();
+          }
+        }
+      )
     ] }) })
   ] });
 };
@@ -5788,8 +6024,16 @@ var LANGUAGES = [
 
 var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
 
-var ScrollArea = React11.forwardRef(
-  ({ className, scrollBarClassName, children, onScroll, disableRoundedInherit = false, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var ScrollArea = React13.forwardRef(
+  ({
+    className,
+    scrollBarClassName,
+    scrollBarForceMount,
+    children,
+    onScroll,
+    disableRoundedInherit = false,
+    ...props
+  }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -5807,14 +6051,14 @@ var ScrollArea = React11.forwardRef(
             children
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { className: scrollBarClassName }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { className: scrollBarClassName, forceMount: scrollBarForceMount }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Corner, {})
       ]
     }
   )
 );
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ScrollBar = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -5824,7 +6068,7 @@ var ScrollBar = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ScrollAreaPrimitive.ScrollAreaThumb,
       {
-        className: cn("relative flex-1 rounded-full bg-zinc-200/70")
+        className: cn("relative flex-1 rounded-full bg-zinc-400/70")
       }
     )
   }
@@ -5892,7 +6136,7 @@ var _reactcontextmenu = require('@radix-ui/react-context-menu'); var ContextMenu
 
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var ContextMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -5909,7 +6153,7 @@ var ContextMenuSubTrigger = React12.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ContextMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   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__ */ _jsxruntime.jsx.call(void 0, ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ContextMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContextMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   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__ */ _jsxruntime.jsx.call(void 0, 
+var ContextMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   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__ */ _jsxruntime.jsxs.call(void 0, 
+var ContextMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -5963,7 +6207,7 @@ var ContextMenuCheckboxItem = React12.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var ContextMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -5979,7 +6223,7 @@ var ContextMenuRadioItem = React12.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ContextMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   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__ */ _jsxruntime.jsx.call(void 0, 
+var ContextMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -6809,112 +7053,9 @@ var ReloadButton = ({
 
 // src/components/databrowser/components/add-key-modal.tsx
 
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-
 
 
-// src/components/ui/dialog.tsx
-
-
-
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { container: portalRoot, ...props });
-DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  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__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogOverlay, {}),
-  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    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__ */ _jsxruntime.jsxs.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
-            "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__ */ _jsxruntime.jsx.call(void 0, 
-                "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
-  "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__ */ _jsxruntime.jsx.call(void 0, 
-  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__ */ _jsxruntime.jsx.call(void 0, 
-  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
 
 function AddKeyModal() {
   const { setSelectedKey } = useTab();
@@ -7190,11 +7331,11 @@ function DataTypeSelector() {
 
 // src/components/databrowser/components/header/index.tsx
 
-var Header = () => {
+var Header = ({ hideSearchTab = false }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-1.5", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex grow items-center gap-1.5", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      !hideSearchTab && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         Segmented,
         {
           options: [
@@ -7388,175 +7529,371 @@ var HeaderError = () => {
 // src/components/databrowser/components/search/query-editor.tsx
 
 
-// src/components/databrowser/components/search/generate-query-type-definitions.tsx
-var generateTypeDefinitions = (schema) => {
-  let schemaFieldsInterface = "";
-  const schemaFields = _optionalChain([schema, 'optionalAccess', _89 => _89.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,19 +8035,96 @@ 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 = _optionalChain([schema, 'optionalAccess', _89 => _89.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>;
 `;
 };
 
@@ -7744,10 +8158,9 @@ var QueryBuilder = () => {
   const { valuesSearch, setValuesSearchQuery } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const editorValue = PREFIX + (valuesSearch.query || "{}");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-zinc-300 bg-white px-[6px] dark:border-zinc-700", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     QueryEditor,
     {
-      height: 300,
       value: editorValue,
       onChange: (value) => {
         const queryPart = value.slice(PREFIX.length);
@@ -8046,9 +8459,17 @@ function Sidebar() {
 
 
 // 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 = _nullishCoalesce(fuzzyObj.value, () => ( ""));
         fuzzyDistance = _nullishCoalesce(fuzzyObj.distance, () => ( 1));
       }
+      if (op === "phrase" && typeof value === "object" && value !== null) {
+        const phraseObj = value;
+        value = _nullishCoalesce(phraseObj.value, () => ( ""));
+        phraseSlop = phraseObj.slop;
+        phrasePrefix = phraseObj.prefix;
+      }
       break;
     }
   }
@@ -8177,6 +8610,8 @@ var parseFieldCondition = (field, fieldValue) => {
       operator,
       value,
       fuzzyDistance,
+      phraseSlop,
+      phrasePrefix,
       boost
     }
   };
@@ -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 = _nullishCoalesce(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] = _react.useState.call(void 0, String(_nullishCoalesce(condition.phraseSlop, () => ( 1))));
+  const [isSlopFocused, setIsSlopFocused] = _react.useState.call(void 0, false);
+  const slopStr = String(_nullishCoalesce(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(_nullishCoalesce(condition.phraseSlop, () => ( 1))));
+    }
+  };
   const handleDelete = () => {
     deleteNode(node.id);
   };
@@ -8832,7 +9323,7 @@ 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group/condition flex items-center gap-1 px-1 py-1", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group/condition flex items-center gap-1 px-1", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -8885,7 +9376,46 @@ var QueryCondition = ({
           filteredOperators.map((op) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: op.value, children: op.label }, op.value))
         ] })
       ] }),
-      currentFieldType === "boolean" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      currentFieldType === "boolean" && condition.operator === "in" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: "true" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: "false" })
+        ] })
+      ] }) : currentFieldType === "boolean" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         Select,
         {
           value: condition.value === true || condition.value === "true" ? "true" : condition.value === false || condition.value === "false" ? "false" : "true",
@@ -8931,6 +9461,28 @@ var QueryCondition = ({
         ]
       }
     ),
+    condition.operator === "phrase" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Select, { value: phraseMode, onValueChange: handlePhraseModeChange, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "h-[26px] w-20 gap-3 border-zinc-200 bg-white px-2 text-sm font-normal", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectValue, {}) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SelectContent, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: "exact", children: "exact" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: "slop", children: "slop" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: "prefix", children: "prefix" })
+        ] })
+      ] }),
+      phraseMode === "slop" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "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__ */ _jsxruntime.jsx.call(void 0, BoostBadge, { node }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
@@ -9293,7 +9845,7 @@ var InnerGroup = ({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `min-h-[20px] ${isRoot ? "" : "ml-2 border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `min-h-[20px] ${isRoot ? "" : "ml-[15px] border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       node.children.map(
         (child) => !child.not && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           ChildRow,
@@ -9308,12 +9860,8 @@ var InnerGroup = ({
         )
       ),
       node.children.some((child) => child.not) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Tooltip, { delayDuration: 200, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 px-1 py-1.5", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-px flex-1 bg-amber-300" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-px flex-1 bg-amber-300" })
-        ] }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipContent, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, TooltipContent, { side: "right", className: "max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
           "Keys matching any of the conditions below are excluded from the results.",
           " ",
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -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 = _nullishCoalesce(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 = _nullishCoalesce(node.boost, () => ( conditionBoost));
   if (finalBoost && finalBoost !== 1) {
@@ -9548,7 +10112,52 @@ var UIQueryBuilder = () => {
     hasNormalized.current = true;
     setQueryState((state) => normalizeQueryState(state, fieldInfos));
   }, [fieldInfos, setQueryState]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-zinc-200 bg-zinc-50 p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryGroup, { node: queryState.root, isRoot: true, depth: 0 }) }) });
+  const scrollAreaRef = _react.useRef.call(void 0, null);
+  const viewportRef = _react.useRef.call(void 0, null);
+  const [hasTopShadow, setHasTopShadow] = _react.useState.call(void 0, false);
+  const [hasBottomShadow, setHasBottomShadow] = _react.useState.call(void 0, false);
+  const recomputeShadows = _react.useCallback.call(void 0, () => {
+    const el = viewportRef.current;
+    if (!el) return;
+    const { scrollTop, scrollHeight, clientHeight } = el;
+    setHasTopShadow(scrollTop > 0);
+    setHasBottomShadow(scrollTop + clientHeight < scrollHeight - 1);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    viewportRef.current = _optionalChain([scrollAreaRef, 'access', _101 => _101.current, 'optionalAccess', _102 => _102.querySelector, 'call', _103 => _103(
+      "[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__ */ _jsxruntime.jsx.call(void 0, QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-full rounded-lg bg-zinc-50", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, 
+      ScrollArea,
+      {
+        ref: scrollAreaRef,
+        onScroll: recomputeShadows,
+        className: "h-full",
+        scrollBarClassName: "py-1",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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 {
@@ -9647,24 +10256,29 @@ var SearchContent = () => {
   if (!hasIndexes) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchEmptyState, {});
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Segmented,
-      {
-        options: [
-          { key: "builder", label: "Query Builder" },
-          { key: "code", label: "Code Editor" }
-        ],
-        value: mode,
-        onChange: handleModeChange,
-        buttonClassName: "h-6"
-      }
-    ) }),
-    mode === "builder" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UIQueryBuilder, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryBuilder, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-[300px] max-h-[600px] min-h-[150px] resize-y overflow-hidden", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Segmented,
+        {
+          options: [
+            { key: "builder", label: "Query Builder" },
+            { key: "code", label: "Code Editor" }
+          ],
+          value: mode,
+          onChange: handleModeChange,
+          buttonClassName: "h-6"
+        }
+      ) }),
+      mode === "builder" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UIQueryBuilder, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryBuilder, {})
+    ] }),
     switchError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-3 text-sm text-red-500", children: switchError })
   ] });
 };
-var DatabrowserInstance = ({ hidden }) => {
+var DatabrowserInstance = ({
+  hidden,
+  hideSearchTab = false
+}) => {
   const { isValuesSearchSelected } = useTab();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -9675,7 +10289,7 @@ var DatabrowserInstance = ({ hidden }) => {
       ),
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, { hideSearchTab }),
           isValuesSearchSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchContent, {}),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderError, {})
         ] }),
@@ -9722,7 +10336,7 @@ var _utilities = require('@dnd-kit/utilities');
 
 var _cmdk = require('cmdk');
 
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Command = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   _cmdk.Command,
   {
     ref,
@@ -9734,7 +10348,7 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = _cmdk.Command.displayName;
-var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _cmdk.Command.Input,
@@ -9749,7 +10363,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = _cmdk.Command.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var CommandList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   _cmdk.Command.List,
   {
     ref,
@@ -9758,9 +10372,9 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = _cmdk.Command.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React15.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = _cmdk.Command.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var CommandGroup = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   _cmdk.Command.Group,
   {
     ref,
@@ -9772,7 +10386,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = _cmdk.Command.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var CommandSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   _cmdk.Command.Separator,
   {
     ref,
@@ -9781,7 +10395,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = _cmdk.Command.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var CommandItem = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   _cmdk.Command.Item,
   {
     ref,
@@ -9820,7 +10434,7 @@ var useOverflow = () => {
     }
     if (!node) return;
     observerRef.current = new ResizeObserver((entries) => {
-      const el = _optionalChain([entries, 'access', _101 => _101.at, 'call', _102 => _102(0), 'optionalAccess', _103 => _103.target]);
+      const el = _optionalChain([entries, 'access', _104 => _104.at, 'call', _105 => _105(0), 'optionalAccess', _106 => _106.target]);
       if (!el) return;
       setIsOverflow(el.scrollWidth > el.clientWidth);
     });
@@ -9828,7 +10442,7 @@ var useOverflow = () => {
   }, []);
   _react.useEffect.call(void 0, () => {
     return () => {
-      _optionalChain([observerRef, 'access', _104 => _104.current, 'optionalAccess', _105 => _105.disconnect, 'call', _106 => _106()]);
+      _optionalChain([observerRef, 'access', _107 => _107.current, 'optionalAccess', _108 => _108.disconnect, 'call', _109 => _109()]);
     };
   }, []);
   return { ref, isOverflow };
@@ -9946,8 +10560,8 @@ var SortableTab = ({ id }) => {
   const [originalWidth, setOriginalWidth] = _react.useState.call(void 0, null);
   const textRef = _react.useRef.call(void 0, null);
   const { tabs } = useDatabrowserStore();
-  const tabData = _optionalChain([tabs, 'access', _107 => _107.find, 'call', _108 => _108(([tabId]) => tabId === id), 'optionalAccess', _109 => _109[1]]);
-  const isPinned = _optionalChain([tabData, 'optionalAccess', _110 => _110.pinned]);
+  const tabData = _optionalChain([tabs, 'access', _110 => _110.find, 'call', _111 => _111(([tabId]) => tabId === id), 'optionalAccess', _112 => _112[1]]);
+  const isPinned = _optionalChain([tabData, 'optionalAccess', _113 => _113.pinned]);
   const { attributes, listeners: listeners2, setNodeRef, transform, transition, isDragging } = _sortable.useSortable.call(void 0, {
     id,
     disabled: isPinned,
@@ -10164,7 +10778,7 @@ function AddTabButton() {
     const tabsId = addTab();
     selectTab(tabsId);
     setTimeout(() => {
-      const tab = _optionalChain([rootRef, 'optionalAccess', _111 => _111.current, 'optionalAccess', _112 => _112.querySelector, 'call', _113 => _113(`#tab-${tabsId}`)]);
+      const tab = _optionalChain([rootRef, 'optionalAccess', _114 => _114.current, 'optionalAccess', _115 => _115.querySelector, 'call', _116 => _116(`#tab-${tabsId}`)]);
       if (!tab) return;
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
@@ -10198,7 +10812,7 @@ function TabsListButton({
     onSelectTab(id);
     setOpen(false);
     setTimeout(() => {
-      const tab = _optionalChain([rootRef, 'optionalAccess', _114 => _114.current, 'optionalAccess', _115 => _115.querySelector, 'call', _116 => _116(`#tab-${id}`)]);
+      const tab = _optionalChain([rootRef, 'optionalAccess', _117 => _117.current, 'optionalAccess', _118 => _118.querySelector, 'call', _119 => _119(`#tab-${id}`)]);
       if (!tab) return;
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
@@ -10243,6 +10857,7 @@ var RedisBrowser = ({
   url,
   token,
   hideTabs,
+  hideSearchTab,
   storage,
   disableTelemetry,
   onFullScreenClick,
@@ -10257,6 +10872,7 @@ var RedisBrowser = ({
     RedisBrowserRoot,
     {
       hideTabs,
+      hideSearchTab,
       rootRef,
       onFullScreenClick
     }
@@ -10264,6 +10880,7 @@ var RedisBrowser = ({
 };
 var RedisBrowserRoot = ({
   hideTabs,
+  hideSearchTab,
   rootRef,
   onFullScreenClick
 }) => {
@@ -10282,20 +10899,20 @@ var RedisBrowserRoot = ({
         ref: rootRef,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
           !hideTabs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, {})
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, { hideSearchTab })
         ] })
       }
     )
   );
 };
-var DatabrowserInstances = () => {
+var DatabrowserInstances = ({ hideSearchTab }) => {
   const { tabs, selectedTab, selectTab, addTab } = useDatabrowserStore();
   _react.useEffect.call(void 0, () => {
     if (tabs.length === 0) addTab();
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabIdProvider, { value: id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstance, { hidden: id !== selectedTab }) }, id));
+  return tabs.map(([id]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabIdProvider, { value: id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstance, { hidden: id !== selectedTab, hideSearchTab }) }, id));
 };