@upstash/react-redis-browser 0.2.14-rc.11 → 0.2.14-rc.12

package/dist/index.js

@@ -2668,8 +2668,44 @@ var isTest = typeof window !== "undefined" && window.__PLAYWRIGHT__ === true;
 var jsonToJsLiteral = (json) => {
   return json.replaceAll(/"([$A-Z_a-z][\w$]*)"\s*:/g, "$1:");
 };
+var MAX_INLINE_KEYS = 2;
+var isInlineable = (value) => {
+  if (typeof value !== "object" || value === null) return true;
+  if (Array.isArray(value)) return value.every((v) => typeof v !== "object" || v === null);
+  const entries = Object.entries(value);
+  return entries.length <= MAX_INLINE_KEYS && entries.every(([, v]) => typeof v !== "object" || v === null);
+};
+var prettyPrint = (value, indent) => {
+  if (value === void 0 || value === null) return String(value);
+  if (typeof value !== "object") return JSON.stringify(value);
+  const prefix = "  ".repeat(indent);
+  const childPrefix = "  ".repeat(indent + 1);
+  if (Array.isArray(value)) {
+    if (value.length === 0) return "[]";
+    if (value.every((v) => isInlineable(v))) {
+      const inline = `[${value.map((v) => prettyPrint(v, 0)).join(", ")}]`;
+      if (!inline.includes("\n")) return inline;
+    }
+    const items = value.map((v) => `${childPrefix}${prettyPrint(v, indent + 1)}`);
+    return `[
+${items.join(",\n")}
+${prefix}]`;
+  }
+  const entries = Object.entries(value);
+  if (entries.length === 0) return "{}";
+  if (indent > 0 && entries.length <= MAX_INLINE_KEYS && entries.every(([, v]) => isInlineable(v))) {
+    const inline = `{ ${entries.map(([k, v]) => `${JSON.stringify(k)}: ${prettyPrint(v, 0)}`).join(", ")} }`;
+    if (!inline.includes("\n")) return inline;
+  }
+  const parts = entries.map(
+    ([k, v]) => `${childPrefix}${JSON.stringify(k)}: ${prettyPrint(v, indent + 1)}`
+  );
+  return `{
+${parts.join(",\n")}
+${prefix}}`;
+};
 var toJsLiteral = (obj) => {
-  return jsonToJsLiteral(JSON.stringify(obj, null, 2));
+  return jsonToJsLiteral(prettyPrint(obj, 0));
 };
 var formatUpstashErrorMessage = (error) => {
   if (error.name !== "UpstashError") return error.message;
@@ -4004,16 +4040,22 @@ function parseFields(content, prefix, flatSchema) {
     if (fieldName.startsWith('"') && fieldName.endsWith('"') || fieldName.startsWith("'") && fieldName.endsWith("'")) {
       fieldName = fieldName.slice(1, -1);
     }
+    if (fieldName.length === 0) {
+      throw new Error("Field name cannot be empty");
+    }
     const valueStr = entry.slice(colonIndex + 1).trim();
     const fullKey = prefix ? `${prefix}.${fieldName}` : fieldName;
     if (valueStr.startsWith("s.object(")) {
       const nestedContent = extractObjectContent(valueStr);
-      if (nestedContent !== null) {
-        parseFields(nestedContent, fullKey, flatSchema);
-        continue;
+      if (nestedContent === void 0) {
+        throw new Error(
+          `Malformed s.object() for field "${fullKey}": missing closing brace or parenthesis`
+        );
       }
+      parseFields(nestedContent, fullKey, flatSchema);
+      continue;
     }
-    const fieldValue = parseFieldBuilder(valueStr);
+    const fieldValue = parseFieldBuilder(valueStr, fullKey);
     if (fieldValue) {
       flatSchema[fullKey] = fieldValue;
     }
@@ -4074,15 +4116,15 @@ function findColonIndex(entry) {
 }
 function extractObjectContent(str) {
   const match = str.match(/^s\.object\s*\(\s*{([\S\s]*)}\s*\)/);
-  return match ? match[1] : null;
+  return match ? match[1] : void 0;
 }
 function extractFromValue(str) {
   const fromIndex = str.indexOf(".from(");
-  if (fromIndex === -1) return null;
+  if (fromIndex === -1) return void 0;
   const start = fromIndex + 6;
-  if (start >= str.length) return null;
+  if (start >= str.length) return void 0;
   const quoteChar = str[start];
-  if (quoteChar !== '"' && quoteChar !== "'") return null;
+  if (quoteChar !== '"' && quoteChar !== "'") return void 0;
   let result = "";
   let i = start + 1;
   while (i < str.length) {
@@ -4098,151 +4140,61 @@ function extractFromValue(str) {
     result += char;
     i++;
   }
-  return null;
+  return void 0;
 }
-function parseFieldBuilder(str) {
+function parseFieldBuilder(str, fieldName) {
   str = str.trim().replace(/,\s*$/, "");
   if (str.startsWith("s.string()")) {
     const noTokenize = str.includes(".noTokenize()");
     const noStem = str.includes(".noStem()");
     const fromValue = extractFromValue(str);
-    if (!noTokenize && !noStem && fromValue === null) return "TEXT";
+    if (!noTokenize && !noStem && fromValue === void 0) return "TEXT";
     return {
       type: "TEXT",
       ...noTokenize && { noTokenize: true },
       ...noStem && { noStem: true },
-      ...fromValue !== null && { from: fromValue }
+      ...fromValue !== void 0 && { from: fromValue }
     };
   }
   if (str.startsWith("s.number(")) {
     const typeMatch = str.match(/s\.number\(\s*["']?(U64|I64|F64)?["']?\s*\)/);
     const numType = _optionalChain([typeMatch, 'optionalAccess', _31 => _31[1]]) || "F64";
     const fromValue = extractFromValue(str);
-    if (fromValue === null) return numType;
+    if (fromValue === void 0) return numType;
     return { type: numType, from: fromValue };
   }
   if (str.startsWith("s.boolean()")) {
     const fast = str.includes(".fast()");
     const fromValue = extractFromValue(str);
-    if (!fast && fromValue === null) return "BOOL";
+    if (!fast && fromValue === void 0) return "BOOL";
     return {
       type: "BOOL",
       ...fast && { fast: true },
-      ...fromValue !== null && { from: fromValue }
+      ...fromValue !== void 0 && { from: fromValue }
     };
   }
   if (str.startsWith("s.date()")) {
     const fast = str.includes(".fast()");
     const fromValue = extractFromValue(str);
-    if (!fast && fromValue === null) return "DATE";
+    if (!fast && fromValue === void 0) return "DATE";
     return {
       type: "DATE",
       ...fast && { fast: true },
-      ...fromValue !== null && { from: fromValue }
+      ...fromValue !== void 0 && { from: fromValue }
     };
   }
-  return null;
-}
-function schemaToEditorValue(flatSchema) {
-  const nested = unflattenSchema(flatSchema);
-  const body = renderObject(nested, 1);
-  return `const schema: Schema = s.object({
-${body}})`;
-}
-function unflattenSchema(flat) {
-  const result = {};
-  for (const [key, value] of Object.entries(flat)) {
-    const parts = key.split(".");
-    let current = result;
-    for (let i = 0; i < parts.length - 1; i++) {
-      const part = parts[i];
-      if (!current[part] || typeof current[part] !== "object") {
-        current[part] = {};
-      }
-      current = current[part];
-    }
-    current[parts.at(-1)] = value;
-  }
-  return result;
-}
-function renderObject(obj, indent) {
-  const pad = "  ".repeat(indent);
-  const lines = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (isFieldValue(value)) {
-      lines.push(`${pad}${key}: ${fieldToBuilder(value)},`);
-    } else {
-      const nested = renderObject(value, indent + 1);
-      lines.push(`${pad}${key}: s.object({`);
-      lines.push(nested.trimEnd());
-      lines.push(`${pad}}),`);
-    }
-  }
-  return lines.join("\n") + "\n";
-}
-function isFieldValue(value) {
-  if (typeof value === "string") return true;
-  if (typeof value === "object" && value !== null) {
-    return "type" in value;
-  }
-  return false;
-}
-function fieldToBuilder(value) {
-  if (typeof value === "string") {
-    switch (value) {
-      case "TEXT": {
-        return "s.string()";
-      }
-      case "BOOL": {
-        return "s.boolean()";
-      }
-      case "DATE": {
-        return "s.date()";
-      }
-      case "U64":
-      case "I64":
-      case "F64": {
-        return `s.number("${value}")`;
-      }
-      default: {
-        return "s.string()";
-      }
-    }
+  if (str.startsWith("s.keyword()")) {
+    return "KEYWORD";
   }
-  const v = value;
-  const type = v.type;
-  let builder = "";
-  switch (type) {
-    case "TEXT": {
-      builder = "s.string()";
-      if (v.noTokenize) builder += ".noTokenize()";
-      if (v.noStem) builder += ".noStem()";
-      break;
-    }
-    case "U64":
-    case "I64":
-    case "F64": {
-      builder = `s.number("${type}")`;
-      break;
-    }
-    case "BOOL": {
-      builder = "s.boolean()";
-      if (v.fast) builder += ".fast()";
-      break;
-    }
-    case "DATE": {
-      builder = "s.date()";
-      if (v.fast) builder += ".fast()";
-      break;
-    }
-    default: {
-      builder = "s.string()";
-    }
+  if (str.startsWith("s.facet()")) {
+    return "FACET";
   }
-  if (v.from) {
-    builder += `.from("${v.from}")`;
+  if (str.startsWith("s.")) {
+    const typeMatch = str.match(/^s\.(\w+)\(/);
+    const typeName = _nullishCoalesce(_optionalChain([typeMatch, 'optionalAccess', _32 => _32[1]]), () => ( "unknown"));
+    throw new Error(`Unknown field type "s.${typeName}()" for field "${fieldName}"`);
   }
-  return builder;
+  return void 0;
 }
 
 // src/components/databrowser/hooks/use-create-search-index-schema.tsx
@@ -4282,13 +4234,89 @@ var useCreateSearchIndexSchema = () => {
 // src/components/databrowser/components/display/display-header.tsx
 
 
+// src/components/ui/scroll-area.tsx
+
+var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
+
+var ScrollArea = React7.forwardRef(
+  ({
+    className,
+    scrollBarClassName,
+    scrollBarForceMount,
+    children,
+    onScroll,
+    disableRoundedInherit = false,
+    orientation = "vertical",
+    ...props
+  }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    ScrollAreaPrimitive.Root,
+    {
+      ref,
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ScrollAreaPrimitive.Viewport,
+          {
+            onScroll,
+            className: cn(
+              "h-full w-full [&>div]:!block",
+              !disableRoundedInherit && "rounded-[inherit]"
+            ),
+            children
+          }
+        ),
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ScrollBar,
+          {
+            className: scrollBarClassName,
+            forceMount: scrollBarForceMount,
+            orientation: "vertical"
+          }
+        ),
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ScrollBar,
+          {
+            className: scrollBarClassName,
+            forceMount: scrollBarForceMount,
+            orientation: "horizontal"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  )
+);
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React7.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "mr-1 h-full w-2",
+      orientation === "horizontal" && "mb-1 h-2 w-full flex-col",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ScrollAreaPrimitive.ScrollAreaThumb,
+      {
+        className: cn("relative flex-1 rounded-full bg-zinc-400/70")
+      }
+    )
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
 // src/components/ui/tooltip.tsx
 
 
 
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var TooltipContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TooltipPrimitive.Content,
   {
     ref,
@@ -4543,7 +4571,7 @@ var useFetchListItems = ({ dataKey, type }) => {
         // +1 since first message is the last one
         LIST_DISPLAY_PAGE_SIZE + 1
       );
-      const lastMessageId = messages.length > 0 ? _optionalChain([messages, 'access', _32 => _32.at, 'call', _33 => _33(-1), 'optionalAccess', _34 => _34[0]]) : void 0;
+      const lastMessageId = messages.length > 0 ? _optionalChain([messages, 'access', _33 => _33.at, 'call', _34 => _34(-1), 'optionalAccess', _35 => _35[0]]) : void 0;
       return {
         cursor: messages.length < LIST_DISPLAY_PAGE_SIZE ? void 0 : lastMessageId,
         keys: messages.map(([id, fields]) => ({
@@ -4622,6 +4650,9 @@ var useDeleteKeyCache = () => {
       queryClient.invalidateQueries({
         queryKey: [FETCH_SEARCH_INDEX_QUERY_KEY, key]
       });
+      queryClient.invalidateQueries({
+        queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY]
+      });
       if (isValuesSearchSelected && valuesSearch.index) {
         queryClient.invalidateQueries({
           queryKey: [FETCH_SEARCH_INDEX_QUERY_KEY, valuesSearch.index]
@@ -4715,7 +4746,7 @@ var useEditListItem = () => {
         }
         case "stream": {
           if (!isNew || !newKey) throw new Error("Stream data type is not mutable");
-          const opts = transformArray(_nullishCoalesce(_optionalChain([newValue, 'optionalAccess', _35 => _35.split, 'call', _36 => _36("\n")]), () => ( []))).map(
+          const opts = transformArray(_nullishCoalesce(_optionalChain([newValue, 'optionalAccess', _36 => _36.split, 'call', _37 => _37("\n")]), () => ( []))).map(
             ({ key, value }) => [key, value]
           );
           pipe.xadd(dataKey, newKey, Object.fromEntries(opts));
@@ -4753,7 +4784,7 @@ var _reactpopover = require('@radix-ui/react-popover'); var PopoverPrimitive = _
 
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React8.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   PopoverPrimitive.Content,
   {
     ref,
@@ -5022,7 +5053,7 @@ var LengthBadge = ({
   content
 }) => {
   const { data, isLoading } = useFetchKeyLength({ dataKey, type });
-  const length = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _37 => _37.length]), () => ( data));
+  const length = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _38 => _38.length]), () => ( data));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Badge, { label: "Length:", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "ml-1 h-3 w-10 rounded-md opacity-50" }) : length });
 };
 var SizeBadge = ({ dataKey }) => {
@@ -5058,7 +5089,7 @@ var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownM
 
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -5075,7 +5106,7 @@ var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -5087,7 +5118,7 @@ var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: portalRoot, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -5101,7 +5132,7 @@ var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -5114,7 +5145,7 @@ var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -5131,7 +5162,7 @@ var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -5147,7 +5178,7 @@ var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -5156,7 +5187,7 @@ var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -5181,7 +5212,7 @@ 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 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DialogPrimitive.Overlay,
   {
     ref,
@@ -5195,7 +5226,7 @@ var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
+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,
@@ -5255,7 +5286,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DialogPrimitive.Title,
   {
     ref,
@@ -5264,7 +5295,7 @@ var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DialogPrimitive.Description,
   {
     ref,
@@ -5278,7 +5309,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 var _reactswitch = require('@radix-ui/react-switch'); var SwitchPrimitives = _interopRequireWildcard(_reactswitch);
 
-var Switch = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -5313,9 +5344,13 @@ function DeleteKeyModal({
   const isPlural = count2 > 1;
   const itemLabel = deletionType === "item" ? "Item" : "Key";
   const itemsLabel = deletionType === "item" ? "Items" : "Keys";
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
   const [reindex, setReindex] = _react.useState.call(void 0, true);
   const [isPending, setIsPending] = _react.useState.call(void 0, false);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog, { open, onOpenChange, children: [
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : internalOpen;
+  const setIsOpen = isControlled ? onOpenChange : setInternalOpen;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
     children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogTrigger, { asChild: true, children }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogContent, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogHeader, { children: [
@@ -5348,7 +5383,7 @@ function DeleteKeyModal({
             type: "button",
             variant: "outline",
             disabled: isPending,
-            onClick: () => _optionalChain([onOpenChange, 'optionalCall', _38 => _38(false)]),
+            onClick: () => _optionalChain([setIsOpen, 'optionalCall', _39 => _39(false)]),
             children: "Cancel"
           }
         ),
@@ -5419,7 +5454,7 @@ function KeyActions({
           deletionType: "key",
           showReindex: isValuesSearchSelected && type !== "search",
           onDeleteConfirm: async (_e, options) => {
-            await deleteKey({ keys: [dataKey], reindex: _optionalChain([options, 'optionalAccess', _39 => _39.reindex]) });
+            await deleteKey({ keys: [dataKey], reindex: _optionalChain([options, 'optionalAccess', _40 => _40.reindex]) });
           },
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             DropdownMenuItem,
@@ -5455,12 +5490,12 @@ var DisplayHeader = ({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeyActions, { dataKey, content, type })
       ] })
     ] }),
-    type === "search" && hideTypeTag ? void 0 : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 items-center gap-1.5 overflow-x-scroll", children: [
+    type === "search" && hideTypeTag ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollArea, { orientation: "horizontal", className: "w-full whitespace-nowrap", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max items-center gap-1.5 pb-2 pt-1", children: [
       !hideTypeTag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TypeTag, { variant: type, type: "badge" }),
       type !== "search" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SizeBadge, { dataKey }),
       type !== "search" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LengthBadge, { dataKey, type, content }),
       type !== "search" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderTTLBadge, { dataKey })
-    ] })
+    ] }) })
   ] });
 };
 
@@ -5499,7 +5534,7 @@ var DocsLink = ({ href, className }) => {
 
 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, 
+var Progress = React13.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   ProgressPrimitive.Root,
   {
     ref,
@@ -5650,13 +5685,13 @@ var MonacoEditorWithTypes = ({
   const theme = useTheme();
   _react.useEffect.call(void 0, () => {
     if (!monaco) return;
-    _optionalChain([extraLibRef, 'access', _40 => _40.current, 'optionalAccess', _41 => _41.dispose, 'call', _42 => _42()]);
+    _optionalChain([extraLibRef, 'access', _41 => _41.current, 'optionalAccess', _42 => _42.dispose, 'call', _43 => _43()]);
     extraLibRef.current = monaco.languages.typescript.typescriptDefaults.addExtraLib(
       typeDefinitions,
       `file:///${filePath.replace(".ts", "-types.d.ts")}`
     );
     requestAnimationFrame(() => {
-      const model = _optionalChain([editorRef, 'access', _43 => _43.current, 'optionalAccess', _44 => _44.getModel, 'optionalCall', _45 => _45()]);
+      const model = _optionalChain([editorRef, 'access', _44 => _44.current, 'optionalAccess', _45 => _45.getModel, 'optionalCall', _46 => _46()]);
       if (model) {
         const currentValue = model.getValue();
         model.setValue(currentValue);
@@ -5665,10 +5700,10 @@ var MonacoEditorWithTypes = ({
   }, [monaco, typeDefinitions, filePath]);
   _react.useEffect.call(void 0, () => {
     return () => {
-      _optionalChain([extraLibRef, 'access', _46 => _46.current, 'optionalAccess', _47 => _47.dispose, 'call', _48 => _48()]);
+      _optionalChain([extraLibRef, 'access', _47 => _47.current, 'optionalAccess', _48 => _48.dispose, 'call', _49 => _49()]);
       if (monaco) {
         const model = monaco.editor.getModel(monaco.Uri.parse(filePath));
-        _optionalChain([model, 'optionalAccess', _49 => _49.dispose, 'call', _50 => _50()]);
+        _optionalChain([model, 'optionalAccess', _50 => _50.dispose, 'call', _51 => _51()]);
       }
     };
   }, [monaco, filePath]);
@@ -5678,7 +5713,7 @@ var MonacoEditorWithTypes = ({
     } else if (newValue.trim() === "") {
       onChange(defaultValue);
     } else {
-      _optionalChain([editorRef, 'access', _51 => _51.current, 'optionalAccess', _52 => _52.setValue, 'optionalCall', _53 => _53(valueRef.current)]);
+      _optionalChain([editorRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.setValue, 'optionalCall', _54 => _54(valueRef.current)]);
     }
   };
   _react.useEffect.call(void 0, () => {
@@ -5820,7 +5855,7 @@ type TextFieldBuild<TNoTokenize extends Record<"noTokenize", boolean>, TNoStem e
 } : {}) : TFrom["from"] extends string ? {
     type: "TEXT";
     from: TFrom["from"];
-} : "TEXT";
+} : { type: "TEXT" };
 declare const BUILD: unique symbol;
 declare class TextFieldBuilder<TNoTokenize extends Record<"noTokenize", boolean> = {
     noTokenize: false;
@@ -5888,7 +5923,7 @@ declare class BoolFieldBuilder<Fast extends Record<"fast", boolean> = {
     } : TFrom["from"] extends string ? {
         type: "BOOL";
         from: TFrom["from"];
-    } : "BOOL";
+    } : { type: "BOOL" };
 }
 declare class DateFieldBuilder<Fast extends Record<"fast", boolean> = {
     fast: false;
@@ -5916,7 +5951,13 @@ declare class DateFieldBuilder<Fast extends Record<"fast", boolean> = {
     } : TFrom["from"] extends string ? {
         type: "DATE";
         from: TFrom["from"];
-    } : "DATE";
+    } : { type: "DATE" };
+}
+declare class KeywordFieldBuilder {
+    [BUILD](): { type: "KEYWORD" };
+}
+declare class FacetFieldBuilder {
+    [BUILD](): { type: "FACET" };
 }
 type FieldBuilder = TextFieldBuilder<{
     noTokenize: boolean;
@@ -5934,12 +5975,14 @@ type FieldBuilder = TextFieldBuilder<{
     fast: boolean;
 }, {
     from: string | null;
-}>;
+}> | KeywordFieldBuilder | FacetFieldBuilder;
 declare const s: {
     string(): TextFieldBuilder;
     number<T extends NumericField["type"] = "F64">(type?: T): NumericFieldBuilder<T>;
     boolean(): BoolFieldBuilder;
     date(): DateFieldBuilder;
+    keyword(): KeywordFieldBuilder;
+    facet(): FacetFieldBuilder;
     object<T extends ObjectFieldRecord<T>>(fields: T): { [K in keyof T]: T[K] extends FieldBuilder ? ReturnType<T[K][typeof BUILD]> : T[K]; };
 };
 type ObjectFieldRecord<T> = {
@@ -5982,6 +6025,123 @@ var SchemaEditor = ({ value, onChange, height }) => {
   );
 };
 
+// src/components/databrowser/components/search/schema-stringify.ts
+function schemaToEditorValue(flatSchema) {
+  const nested = unflattenSchema(flatSchema);
+  const body = renderObject(nested, 1);
+  return `const schema: Schema = s.object({
+${body}})`;
+}
+function unflattenSchema(flat) {
+  const result = {};
+  for (const [key, value] of Object.entries(flat)) {
+    const parts = key.split(".");
+    let current = result;
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i];
+      if (!current[part] || typeof current[part] !== "object") {
+        current[part] = {};
+      }
+      current = current[part];
+    }
+    current[parts.at(-1)] = value;
+  }
+  return result;
+}
+function renderObject(obj, indent) {
+  const pad = "  ".repeat(indent);
+  const lines = [];
+  for (const [key, value] of Object.entries(obj)) {
+    if (isFieldValue(value)) {
+      lines.push(`${pad}${key}: ${fieldToBuilder(value)},`);
+    } else {
+      const nested = renderObject(value, indent + 1);
+      lines.push(`${pad}${key}: s.object({`);
+      lines.push(nested.trimEnd());
+      lines.push(`${pad}}),`);
+    }
+  }
+  return lines.join("\n") + "\n";
+}
+function isFieldValue(value) {
+  if (typeof value === "string") return true;
+  if (typeof value === "object" && value !== null) {
+    return "type" in value;
+  }
+  return false;
+}
+function fieldToBuilder(value) {
+  if (typeof value === "string") {
+    switch (value) {
+      case "TEXT": {
+        return "s.string()";
+      }
+      case "BOOL": {
+        return "s.boolean()";
+      }
+      case "DATE": {
+        return "s.date()";
+      }
+      case "U64":
+      case "I64":
+      case "F64": {
+        return `s.number("${value}")`;
+      }
+      case "KEYWORD": {
+        return "s.keyword()";
+      }
+      case "FACET": {
+        return "s.facet()";
+      }
+      default: {
+        return "s.string()";
+      }
+    }
+  }
+  const v = value;
+  const type = v.type;
+  let builder = "";
+  switch (type) {
+    case "TEXT": {
+      builder = "s.string()";
+      if (v.noTokenize) builder += ".noTokenize()";
+      if (v.noStem) builder += ".noStem()";
+      break;
+    }
+    case "U64":
+    case "I64":
+    case "F64": {
+      builder = `s.number("${type}")`;
+      break;
+    }
+    case "BOOL": {
+      builder = "s.boolean()";
+      if (v.fast) builder += ".fast()";
+      break;
+    }
+    case "DATE": {
+      builder = "s.date()";
+      if (v.fast) builder += ".fast()";
+      break;
+    }
+    case "KEYWORD": {
+      builder = "s.keyword()";
+      break;
+    }
+    case "FACET": {
+      builder = "s.facet()";
+      break;
+    }
+    default: {
+      builder = "s.string()";
+    }
+  }
+  if (v.from) {
+    builder += `.from("${v.from}")`;
+  }
+  return builder;
+}
+
 // src/components/databrowser/components/search/display-search.tsx
 
 var SearchDisplay = ({
@@ -6009,6 +6169,7 @@ var SearchDisplay = ({
   const currentIndexName = watch("indexName");
   const effectiveIndexName = isCreateModal ? currentIndexName : _nullishCoalesce(indexName, () => ( ""));
   const [pendingFormValues, setPendingFormValues] = _react.useState.call(void 0, );
+  const [parseError, setParseError] = _react.useState.call(void 0, );
   const { data, isLoading } = useFetchSearchIndex(indexName, {
     enabled: !isCreateModal
   });
@@ -6019,11 +6180,12 @@ var SearchDisplay = ({
       indexName: _nullishCoalesce(indexName, () => ( "")),
       editorValue: data.schema ? schemaToEditorValue(data.schema) : SCHEMA_DEFAULT,
       dataType: data.dataType || "string",
-      prefixes: _optionalChain([data, 'access', _54 => _54.prefixes, 'optionalAccess', _55 => _55.join, 'call', _56 => _56(", ")]) || "",
+      prefixes: _optionalChain([data, 'access', _55 => _55.prefixes, 'optionalAccess', _56 => _56.join, 'call', _57 => _57(", ")]) || "",
       language: data.language || "english"
     });
   }, [data, reset, indexName]);
   const onSubmit = (values) => {
+    setParseError(void 0);
     if (isCreateModal) {
       createSchema.mutate(
         {
@@ -6038,6 +6200,11 @@ var SearchDisplay = ({
         }
       );
     } else {
+      const result = parseSchemaFromEditorValue(values.editorValue);
+      if (!result.success) {
+        setParseError(result.error);
+        return;
+      }
       setPendingFormValues({ ...values, indexName });
     }
   };
@@ -6052,7 +6219,7 @@ var SearchDisplay = ({
     !isCreateModal && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DisplayHeader, { dataKey: effectiveIndexName, type: "search", hideTypeTag: isEditModal }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 min-w-0 grow flex-col gap-2 rounded-md", children: !isCreateModal && isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, { isLoadingText: "", isLoading: true }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 w-full flex-1 flex-col gap-3", children: [
       isCreateModal && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { htmlFor: "index-name", children: "Key" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Label, { htmlFor: "index-name", children: "Index Key" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Input,
           {
@@ -6134,6 +6301,7 @@ var SearchDisplay = ({
         )
       ] }),
       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) }),
+      parseError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full break-words text-xs text-red-500", children: parseError }),
       /* @__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,
@@ -6156,7 +6324,6 @@ var SearchDisplay = ({
           values: pendingFormValues,
           onClose: () => {
             setPendingFormValues(void 0);
-            reset();
             if (isEditModal && onClose) onClose();
           }
         }
@@ -6193,63 +6360,6 @@ var LANGUAGES = [
 
 
 
-// src/components/ui/scroll-area.tsx
-
-var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
-
-var ScrollArea = React13.forwardRef(
-  ({
-    className,
-    scrollBarClassName,
-    scrollBarForceMount,
-    children,
-    onScroll,
-    disableRoundedInherit = false,
-    ...props
-  }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    ScrollAreaPrimitive.Root,
-    {
-      ref,
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          ScrollAreaPrimitive.Viewport,
-          {
-            onScroll,
-            className: cn(
-              "h-full w-full [&>div]:!block",
-              !disableRoundedInherit && "rounded-[inherit]"
-            ),
-            children
-          }
-        ),
-        /* @__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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation: "vertical",
-    className: cn("mr-1 flex h-full w-2 touch-none select-none transition-colors", className),
-    ...props,
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      ScrollAreaPrimitive.ScrollAreaThumb,
-      {
-        className: cn("relative flex-1 rounded-full bg-zinc-400/70")
-      }
-    )
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// src/components/common/infinite-scroll.tsx
-
 var InfiniteScroll = ({
   query,
   children,
@@ -6287,7 +6397,7 @@ var InfiniteScroll = ({
       type: "always",
       onScroll: handleScroll,
       ...props,
-      className: cn("block h-full w-full overflow-visible transition-all", props.className),
+      className: cn("block h-full min-h-0 w-full overflow-hidden transition-all", props.className),
       ref: scrollRef,
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: contentRef, children: [
         children,
@@ -6443,7 +6553,7 @@ var ItemContextMenu = ({
             editItem({
               type,
               dataKey,
-              itemKey: _optionalChain([data, 'optionalAccess', _57 => _57.key]),
+              itemKey: _optionalChain([data, 'optionalAccess', _58 => _58.key]),
               // For deletion
               newKey: void 0
             });
@@ -6478,7 +6588,7 @@ var ItemContextMenu = ({
           {
             onClick: () => {
               if (!data) return;
-              navigator.clipboard.writeText(_optionalChain([data, 'optionalAccess', _58 => _58.key]));
+              navigator.clipboard.writeText(_optionalChain([data, 'optionalAccess', _59 => _59.key]));
               toast({
                 description: "Key copied to clipboard"
               });
@@ -6490,11 +6600,11 @@ var ItemContextMenu = ({
             ]
           }
         ),
-        _optionalChain([data, 'optionalAccess', _59 => _59.value]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _optionalChain([data, 'optionalAccess', _60 => _60.value]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           ContextMenuItem,
           {
             onClick: () => {
-              navigator.clipboard.writeText(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _60 => _60.value]), () => ( "")));
+              navigator.clipboard.writeText(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _61 => _61.value]), () => ( "")));
               toast({
                 description: "Value copied to clipboard"
               });
@@ -6606,7 +6716,7 @@ var useSetHashTTL = () => {
 var HashFieldTTLBadge = ({ dataKey, field }) => {
   const { data } = useFetchHashFieldExpires({ dataKey, fields: [field] });
   const { mutate: setTTL, isPending } = useSetHashTTL();
-  const expireAt = _optionalChain([data, 'optionalAccess', _61 => _61[field]]);
+  const expireAt = _optionalChain([data, 'optionalAccess', _62 => _62[field]]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TTLBadge,
     {
@@ -6703,7 +6813,7 @@ var MonacoEditor = ({
     if (!active || !monaco || !editorRef.current) {
       return;
     }
-    _optionalChain([monaco, 'optionalAccess', _62 => _62.editor, 'access', _63 => _63.setModelLanguage, 'call', _64 => _64(editorRef.current.getModel(), language)]);
+    _optionalChain([monaco, 'optionalAccess', _63 => _63.editor, 'access', _64 => _64.setModelLanguage, 'call', _65 => _65(editorRef.current.getModel(), language)]);
   }, [monaco, language, active]);
   const editor = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _react2.Editor,
@@ -6879,7 +6989,7 @@ var ListEditForm = ({
     dataKey
   });
   const findValue = () => {
-    for (const page of _nullishCoalesce(_optionalChain([query, 'access', _65 => _65.data, 'optionalAccess', _66 => _66.pages]), () => ( []))) {
+    for (const page of _nullishCoalesce(_optionalChain([query, 'access', _66 => _66.data, 'optionalAccess', _67 => _67.pages]), () => ( []))) {
       const item = page.keys.find((item2) => item2.key === itemKey);
       if (item && "value" in item) return item.value;
     }
@@ -7025,7 +7135,7 @@ var HashFieldTTLInfo = ({
   fields
 }) => {
   const { data } = useFetchHashFieldExpires({ dataKey, fields });
-  const expireAt = _optionalChain([data, 'optionalAccess', _67 => _67[field]]);
+  const expireAt = _optionalChain([data, 'optionalAccess', _68 => _68[field]]);
   const [ttl, setTTL] = _react.useState.call(void 0, () => calculateTTL(expireAt));
   _react.useEffect.call(void 0, () => {
     setTTL(calculateTTL(expireAt));
@@ -7050,7 +7160,7 @@ var headerLabels = {
 var ListDisplay = ({ dataKey, type }) => {
   const { selectedListItem } = useTab();
   const query = useFetchListItems({ dataKey, type });
-  const isEmpty = query.isFetched && _optionalChain([query, 'access', _68 => _68.data, 'optionalAccess', _69 => _69.pages, 'access', _70 => _70.every, 'call', _71 => _71((page) => page.keys.length === 0)]);
+  const isEmpty = query.isFetched && _optionalChain([query, 'access', _69 => _69.data, 'optionalAccess', _70 => _70.pages, 'access', _71 => _71.every, 'call', _72 => _72((page) => page.keys.length === 0)]);
   if (isEmpty) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeyDeleted, {});
   }
@@ -7066,7 +7176,7 @@ var ListItems = ({
   dataKey
 }) => {
   const { setSelectedListItem } = useTab();
-  const keys = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([query, 'access', _72 => _72.data, 'optionalAccess', _73 => _73.pages, 'access', _74 => _74.flatMap, 'call', _75 => _75((page) => page.keys)]), () => ( [])), [query.data]);
+  const keys = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([query, 'access', _73 => _73.data, 'optionalAccess', _74 => _74.pages, 'access', _75 => _75.flatMap, 'call', _76 => _76((page) => page.keys)]), () => ( [])), [query.data]);
   const fields = _react.useMemo.call(void 0, () => keys.map((key) => key.key), [keys]);
   const { mutate: editItem } = useEditListItem();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: keys.map(({ key, value }, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -7238,7 +7348,7 @@ function AddKeyModal() {
     setSelectedKey(key);
     setOpen(false);
     setTimeout(() => {
-      _optionalChain([window, 'access', _76 => _76.document, 'access', _77 => _77.querySelector, 'call', _78 => _78(`[data-key="${key}"]`), 'optionalAccess', _79 => _79.scrollIntoView, 'call', _80 => _80({
+      _optionalChain([window, 'access', _77 => _77.document, 'access', _78 => _78.querySelector, 'call', _79 => _79(`[data-key="${key}"]`), 'optionalAccess', _80 => _80.scrollIntoView, 'call', _81 => _81({
         behavior: "smooth",
         block: "start",
         inline: "nearest"
@@ -7294,7 +7404,7 @@ function AddKeyModal() {
                 }
               )
             ] }),
-            formState.errors.key && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-3 mt-2 text-xs text-red-500", children: _optionalChain([formState, 'access', _81 => _81.errors, 'access', _82 => _82.key, 'optionalAccess', _83 => _83.message]) }),
+            formState.errors.key && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-3 mt-2 text-xs text-red-500", children: _optionalChain([formState, 'access', _82 => _82.errors, 'access', _83 => _83.key, 'optionalAccess', _84 => _84.message]) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-2 text-xs text-zinc-500", children: "After creating the key, you can edit the value" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-6 flex justify-end gap-2", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -7377,8 +7487,16 @@ var ConsentPrompt = ({ onClose }) => {
 
 // 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 const FIELD_TYPES = [
+  "TEXT",
+  "U64",
+  "I64",
+  "F64",
+  "BOOL",
+  "DATE",
+  "KEYWORD",
+  "FACET",
+] as const;
 export type FieldType = (typeof FIELD_TYPES)[number];
 
 export type TextField = {
@@ -7406,7 +7524,21 @@ export type DateField = {
   from?: string;
 };
 
-export type DetailedField = TextField | NumericField | BoolField | DateField;
+export type KeywordField = {
+  type: "KEYWORD";
+};
+
+export type FacetField = {
+  type: "FACET";
+};
+
+export type DetailedField =
+  | TextField
+  | NumericField
+  | BoolField
+  | DateField
+  | KeywordField
+  | FacetField;
 export type NestedIndexSchema = {
   [key: string]: FieldType | DetailedField | NestedIndexSchema;
 };
@@ -7454,7 +7586,11 @@ type FieldValueType<T extends FieldType> = T extends "TEXT"
       ? boolean
       : T extends "DATE"
         ? string
-        : never;
+        : T extends "KEYWORD"
+          ? string
+          : T extends "FACET"
+            ? string
+            : never;
 
 type GetFieldValueType<TSchema, Path extends string> =
   GetFieldAtPath<TSchema, Path> extends infer Field
@@ -7561,7 +7697,7 @@ type PathToNestedObject<
   TSchema,
   Path extends string,
   Value,
-> = Path extends \`\${ infer First }.\${ infer Rest }\`
+> = Path extends \`\${infer First}.\${infer Rest}\`
   ? { [K in First]: PathToNestedObject<TSchema, Rest, Value> }
   : { [K in Path]: Value };
 
@@ -7638,7 +7774,6 @@ export type PublicQueryResult<
 // 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:
@@ -7652,7 +7787,15 @@ type StringOperationMap<T extends string> = {
 
 type NumberOperationMap<T extends number> = {
   $eq: T;
-  $ne: T;
+  $in: T[];
+  $gt: T;
+  $gte: T;
+  $lt: T;
+  $lte: T;
+};
+
+type KeywordOperationMap<T extends string> = {
+  $eq: T;
   $in: T[];
   $gt: T;
   $gte: T;
@@ -7662,13 +7805,11 @@ type NumberOperationMap<T extends number> = {
 
 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;
@@ -7676,6 +7817,11 @@ type DateOperationMap<T extends string | Date> = {
   $lt: T;
 };
 
+type FacetOperationMap<T extends string> = {
+  $eq: T;
+  $in: T[];
+};
+
 // Create union types for each field type
 type StringOperations = {
   [K in keyof StringOperationMap<string>]: { [P in K]: StringOperationMap<string>[K] } & {
@@ -7701,6 +7847,18 @@ type DateOperations = {
   };
 }[keyof DateOperationMap<string | Date>];
 
+type KeywordOperations = {
+  [K in keyof KeywordOperationMap<string>]: { [P in K]: KeywordOperationMap<string>[K] } & {
+    $boost?: number;
+  };
+}[keyof KeywordOperationMap<string>];
+
+type FacetOperations = {
+  [K in keyof FacetOperationMap<string>]: { [P in K]: FacetOperationMap<string>[K] } & {
+    $boost?: number;
+  };
+}[keyof FacetOperationMap<string>];
+
 // Create a union type for all operations for a given field type
 type OperationsForFieldType<T extends FieldType> = T extends "TEXT"
   ? StringOperations
@@ -7710,7 +7868,11 @@ type OperationsForFieldType<T extends FieldType> = T extends "TEXT"
       ? BooleanOperations
       : T extends "DATE"
         ? DateOperations
-        : never;
+        : T extends "KEYWORD"
+          ? KeywordOperations
+          : T extends "FACET"
+            ? FacetOperations
+            : never;
 
 // Create a union type for all operations for a given path
 type PathOperations<TSchema, TPath extends string> =
@@ -7878,7 +8040,7 @@ type RootOrNode<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
   $and?: never;
   $must?: never;
   $should?: never;
-  $mustNot?: never;
+  $mustNot?: QueryFilter<TSchema> | QueryFilter<TSchema>[];
 };
 
 export type DescribeFieldInfo = {
@@ -7916,6 +8078,298 @@ export type Language =
   | "tamil"
   | "turkish";
 
+// Helper type to extract only FACET field paths from schema
+export type FacetPaths<T, Prefix extends string = ""> = {
+  [K in keyof T]: K extends string
+    ? T[K] extends "FACET" | { type: "FACET" }
+      ? Prefix extends ""
+        ? K
+        : \`\${Prefix}\${K}\`
+      : T[K] extends FieldType | DetailedField
+        ? never
+        : T[K] extends object
+          ? FacetPaths<T[K], \`\${Prefix}\${K}.\`>
+          : never
+    : never;
+}[keyof T];
+
+// Aggregate Types
+export type AggregateOptions<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  filter?: RootQueryFilter<TSchema>;
+  aggregations: {
+    [key: string]: Aggregation<TSchema>;
+  };
+};
+
+export type Aggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  | TermsAggregation<TSchema>
+  | RangeAggregation<TSchema>
+  | HistogramAggregation<TSchema>
+  | StatsAggregation<TSchema>
+  | AvgAggregation<TSchema>
+  | SumAggregation<TSchema>
+  | MinAggregation<TSchema>
+  | MaxAggregation<TSchema>
+  | CountAggregation<TSchema>
+  | ExtendedStatsAggregation<TSchema>
+  | PercentilesAggregation<TSchema>
+  | CardinalityAggregation<TSchema>
+  | FacetAggregation<TSchema>;
+
+type BaseAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> = {
+  $aggs?: {
+    [key: string]: Aggregation<TSchema>;
+  };
+};
+
+export type TermsAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $terms: {
+      field: SchemaPaths<TSchema>;
+      size?: number;
+    };
+  };
+
+export type RangeAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $range: {
+      field: SchemaPaths<TSchema>;
+      ranges: { from?: number; to?: number }[];
+    };
+  };
+
+export type HistogramAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $histogram: {
+      field: SchemaPaths<TSchema>;
+      interval: number;
+    };
+  };
+
+export type StatsAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $stats: {
+      field: SchemaPaths<TSchema>;
+      missing?: number;
+    };
+  };
+
+export type AvgAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $avg: {
+      field: SchemaPaths<TSchema>;
+      missing?: number;
+    };
+  };
+
+export type SumAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $sum: {
+      field: SchemaPaths<TSchema>;
+      missing?: number;
+    };
+  };
+
+export type MinAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $min: {
+      field: SchemaPaths<TSchema>;
+      missing?: number;
+    };
+  };
+
+export type MaxAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $max: {
+      field: SchemaPaths<TSchema>;
+      missing?: number;
+    };
+  };
+
+export type CountAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $count: {
+      field: SchemaPaths<TSchema>;
+    };
+  };
+
+export type ExtendedStatsAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $extendedStats: {
+      field: SchemaPaths<TSchema>;
+      sigma?: number;
+      missing?: number;
+    };
+  };
+
+export type PercentilesAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $percentiles: {
+      field: SchemaPaths<TSchema>;
+      percents?: number[];
+      keyed?: boolean;
+      missing?: number;
+    };
+  };
+
+export type CardinalityAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $cardinality: {
+      field: SchemaPaths<TSchema>;
+    };
+  };
+
+export type FacetAggregation<TSchema extends NestedIndexSchema | FlatIndexSchema> =
+  BaseAggregation<TSchema> & {
+    $facet: {
+      field: FacetPaths<TSchema>;
+      path: string;
+      depth?: number;
+      size?: number;
+      minDocCount?: number;
+      order?: { count: "desc" | "asc" };
+    };
+  };
+
+export type AggregateResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TOpts extends AggregateOptions<TSchema>,
+> = BuildAggregateResult<TSchema, TOpts["aggregations"]>;
+
+type BuildAggregateResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TAggs extends { [key: string]: Aggregation<TSchema> },
+> = {
+  [K in keyof TAggs]: TAggs[K] extends TermsAggregation<TSchema>
+    ? TermsResult<TSchema, TAggs[K]>
+    : TAggs[K] extends RangeAggregation<TSchema>
+      ? RangeResult<TSchema, TAggs[K]>
+      : TAggs[K] extends HistogramAggregation<TSchema>
+        ? HistogramResult<TSchema, TAggs[K]>
+        : TAggs[K] extends StatsAggregation<TSchema>
+          ? StatsResult
+          : TAggs[K] extends AvgAggregation<TSchema>
+            ? MetricValueResult
+            : TAggs[K] extends SumAggregation<TSchema>
+              ? MetricValueResult
+              : TAggs[K] extends MinAggregation<TSchema>
+                ? MetricValueResult
+                : TAggs[K] extends MaxAggregation<TSchema>
+                  ? MetricValueResult
+                  : TAggs[K] extends CountAggregation<TSchema>
+                    ? MetricValueResult
+                    : TAggs[K] extends CardinalityAggregation<TSchema>
+                      ? MetricValueResult
+                      : TAggs[K] extends ExtendedStatsAggregation<TSchema>
+                        ? ExtendedStatsResult<TAggs[K]>
+                        : TAggs[K] extends PercentilesAggregation<TSchema>
+                          ? PercentilesResult<TAggs[K]>
+                          : TAggs[K] extends FacetAggregation<TSchema>
+                            ? FacetResult
+                            : never;
+};
+
+type Bucket<T> = {
+  key: T;
+  docCount: number;
+  from?: number;
+  to?: number;
+};
+
+type TermsResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TAgg extends TermsAggregation<TSchema>,
+> = TAgg["$aggs"] extends { [key: string]: Aggregation<TSchema> }
+  ? {
+      buckets: (Bucket<GetFieldValueType<TSchema, TAgg["$terms"]["field"]>> &
+        BuildAggregateResult<TSchema, TAgg["$aggs"]>)[];
+      sumOtherDocCount: number;
+      docCountErrorUpperBound: number;
+    }
+  : {
+      buckets: Bucket<GetFieldValueType<TSchema, TAgg["$terms"]["field"]>>[];
+      sumOtherDocCount: number;
+      docCountErrorUpperBound: number;
+    };
+
+type RangeResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TAgg extends RangeAggregation<TSchema>,
+> = TAgg["$aggs"] extends { [key: string]: Aggregation<TSchema> }
+  ? {
+      buckets: (Bucket<string> & BuildAggregateResult<TSchema, TAgg["$aggs"]>)[];
+    }
+  : {
+      buckets: Bucket<string>[];
+    };
+
+type HistogramResult<
+  TSchema extends NestedIndexSchema | FlatIndexSchema,
+  TAgg extends HistogramAggregation<TSchema>,
+> = TAgg["$aggs"] extends { [key: string]: Aggregation<TSchema> }
+  ? {
+      buckets: (Bucket<number> & BuildAggregateResult<TSchema, TAgg["$aggs"]>)[];
+    }
+  : {
+      buckets: Bucket<number>[];
+    };
+
+type MetricValueResult = {
+  value: number;
+};
+
+type StatsResult = {
+  count: number;
+  min: number;
+  max: number;
+  sum: number;
+  avg: number;
+};
+
+type ExtendedStatsResult<_TAgg> = {
+  count: number;
+  min: number;
+  max: number;
+  avg: number;
+  sum: number;
+  sumOfSquares: number;
+  variance: number;
+  variancePopulation: number;
+  varianceSampling: number;
+  stdDeviation: number;
+  stdDeviationPopulation: number;
+  stdDeviationSampling: number;
+  stdDeviationBounds: {
+    upper: number;
+    lower: number;
+    upperSampling: number;
+    lowerSampling: number;
+    upperPopulation: number;
+    lowerPopulation: number;
+  };
+};
+
+type PercentilesResult<TAgg> = TAgg extends { $percentiles: { keyed: false } }
+  ? {
+      values: Array<{ key: number; value: number }>;
+    }
+  : {
+      values: { [key: string]: number };
+    };
+
+type FacetChildNode = {
+  path: string;
+  docCount: number;
+  sumOtherDocCount: number;
+  children?: FacetChildNode[];
+};
+
+type FacetResult = {
+  path: string;
+  sumOtherDocCount: number;
+  children: FacetChildNode[];
+};
+
 `;
 
 // src/components/databrowser/components/query-wizard/use-query-wizard.tsx
@@ -7963,7 +8417,7 @@ var QueryWizardPopover = ({ onClose }) => {
     if (!input.trim() || !valuesSearch.index) return;
     try {
       let samples = sampleData;
-      if (samples.length === 0 && _optionalChain([indexData, 'optionalAccess', _84 => _84.prefixes, 'optionalAccess', _85 => _85[0]])) {
+      if (samples.length === 0 && _optionalChain([indexData, 'optionalAccess', _85 => _85.prefixes, 'optionalAccess', _86 => _86[0]])) {
         try {
           const firstTenKeys = await scanKeys(redis, {
             match: `${indexData.prefixes[0]}*`,
@@ -8001,7 +8455,7 @@ var QueryWizardPopover = ({ onClose }) => {
       const queryString = toJsLiteral(result.query);
       setValuesSearchQuery(queryString);
       setQueryBuilderMode("code");
-      _optionalChain([onClose, 'optionalCall', _86 => _86()]);
+      _optionalChain([onClose, 'optionalCall', _87 => _87()]);
     } catch (error) {
       console.error("Error generating query:", error);
     }
@@ -8112,7 +8566,7 @@ var CreateIndexModal = ({
       className: "max-w-2xl",
       onEscapeKeyDown: (e) => {
         const active = document.activeElement;
-        if (_optionalChain([active, 'optionalAccess', _87 => _87.closest, 'call', _88 => _88(".monaco-editor")]) || _optionalChain([active, 'optionalAccess', _89 => _89.tagName]) === "TEXTAREA") {
+        if (_optionalChain([active, 'optionalAccess', _88 => _88.closest, 'call', _89 => _89(".monaco-editor")]) || _optionalChain([active, 'optionalAccess', _90 => _90.tagName]) === "TEXTAREA") {
           e.preventDefault();
         }
       },
@@ -8147,7 +8601,7 @@ var EditIndexModal = ({
       className: "min-h-[500px] max-w-2xl",
       onEscapeKeyDown: (e) => {
         const active = document.activeElement;
-        if (_optionalChain([active, 'optionalAccess', _90 => _90.closest, 'call', _91 => _91(".monaco-editor")]) || _optionalChain([active, 'optionalAccess', _92 => _92.tagName]) === "TEXTAREA") {
+        if (_optionalChain([active, 'optionalAccess', _91 => _91.closest, 'call', _92 => _92(".monaco-editor")]) || _optionalChain([active, 'optionalAccess', _93 => _93.tagName]) === "TEXTAREA") {
           e.preventDefault();
         }
       },
@@ -8261,7 +8715,7 @@ var SearchInput = () => {
     } else if (e.key === "Escape") {
       setState("");
       setFocusedIndex(-1);
-      _optionalChain([inputRef, 'access', _93 => _93.current, 'optionalAccess', _94 => _94.blur, 'call', _95 => _95()]);
+      _optionalChain([inputRef, 'access', _94 => _94.current, 'optionalAccess', _95 => _95.blur, 'call', _96 => _96()]);
     } else if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
       e.preventDefault();
       if (focusedIndex < filteredHistory.length - 1) {
@@ -8275,7 +8729,7 @@ var SearchInput = () => {
         setFocusedIndex(focusedIndex - 1);
       } else if (filteredHistory.length > 0 && focusedIndex === 0) {
         setFocusedIndex(-1);
-        _optionalChain([inputRef, 'access', _96 => _96.current, 'optionalAccess', _97 => _97.focus, 'call', _98 => _98()]);
+        _optionalChain([inputRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.focus, 'call', _99 => _99()]);
       } else if (filteredHistory.length > 0) {
         setFocusedIndex(filteredHistory.length - 1);
       }
@@ -8435,7 +8889,7 @@ var IndexSelector = () => {
   }, [indexes, index, isLoading, setValuesSearchIndex]);
   const [search, setSearch] = _react.useState.call(void 0, "");
   const [editingIndex, setEditingIndex] = _react.useState.call(void 0, );
-  const filteredIndexes = _optionalChain([indexes, 'optionalAccess', _99 => _99.filter, 'call', _100 => _100((idx) => idx.toLowerCase().includes(search.toLowerCase()))]);
+  const filteredIndexes = _optionalChain([indexes, 'optionalAccess', _100 => _100.filter, 'call', _101 => _101((idx) => idx.toLowerCase().includes(search.toLowerCase()))]);
   const handleEditIndex = (indexName) => {
     setOpen(false);
     setEditingIndex(indexName);
@@ -8472,8 +8926,8 @@ var IndexSelector = () => {
               )
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-h-[200px] overflow-y-auto", children: [
-              _optionalChain([filteredIndexes, 'optionalAccess', _101 => _101.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
-              _optionalChain([filteredIndexes, 'optionalAccess', _102 => _102.map, 'call', _103 => _103((idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _optionalChain([filteredIndexes, 'optionalAccess', _102 => _102.length]) === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-4 text-center text-sm text-zinc-500", children: "No indexes found" }),
+              _optionalChain([filteredIndexes, 'optionalAccess', _103 => _103.map, 'call', _104 => _104((idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 "div",
                 {
                   className: "flex h-9 items-center rounded-md px-2 transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-200",
@@ -8632,7 +9086,7 @@ var generateNestedInterface = (obj, indent = "  ") => {
 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', _104 => _104.schema]);
+  const schemaFields = _optionalChain([schema, 'optionalAccess', _105 => _105.schema]);
   if (schemaFields && Object.keys(schemaFields).length > 0) {
     const nested = buildNestedSchema(schemaFields);
     const fieldLines = generateNestedInterface(nested);
@@ -8688,7 +9142,7 @@ var QueryBuilder = () => {
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const editorValue = PREFIX + (valuesSearch.query || "{}");
   if (!indexDetails) return;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full flex-col rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full flex-col rounded-lg border border-zinc-300 bg-white px-[6px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     QueryEditor,
     {
       value: editorValue,
@@ -8698,7 +9152,7 @@ var QueryBuilder = () => {
       },
       schema: indexDetails
     }
-  ) }) });
+  ) }) }) });
 };
 
 // src/components/databrowser/components/query-builder-error.tsx
@@ -9090,7 +9544,7 @@ var SidebarContextMenu = ({ children }) => {
         showReindex: isValuesSearchSelected,
         onDeleteConfirm: async (e, options) => {
           e.stopPropagation();
-          await deleteKey({ keys: contextKeys, reindex: _optionalChain([options, 'optionalAccess', _105 => _105.reindex]) });
+          await deleteKey({ keys: contextKeys, reindex: _optionalChain([options, 'optionalAccess', _106 => _106.reindex]) });
           setAlertOpen(false);
         }
       }
@@ -9260,7 +9714,7 @@ function Sidebar() {
       {
         query,
         disableRoundedInherit: true,
-        className: "min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4 dark:bg-zinc-200",
+        className: "h-full min-h-0 rounded-xl bg-zinc-100 px-2 py-5 pr-4 dark:bg-zinc-200",
         scrollBarClassName: "py-5",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeysList, {})
       }
@@ -9275,22 +9729,13 @@ function Sidebar() {
 
 
 // src/components/databrowser/components/ui-query-builder/types.ts
-var STRING_OPERATORS = [
-  "smart",
-  "eq",
-  "ne",
-  "in",
-  "phrase",
-  "regex",
-  "fuzzy"
-];
-var NUMBER_OPERATORS = ["eq", "ne", "gt", "gte", "lt", "lte"];
-var BOOLEAN_OPERATORS = ["eq", "ne"];
+var STRING_OPERATORS = ["smart", "eq", "in", "phrase", "regex", "fuzzy"];
+var NUMBER_OPERATORS = ["eq", "gt", "gte", "lt", "lte"];
+var BOOLEAN_OPERATORS = ["eq"];
 var DATE_OPERATORS = NUMBER_OPERATORS;
 var ALL_OPERATORS = [
   "smart",
   "eq",
-  "ne",
   "gt",
   "gte",
   "lt",
@@ -9302,7 +9747,6 @@ var ALL_OPERATORS = [
 ];
 var OPERATOR_DESCRIPTIONS = {
   eq: "Equals",
-  ne: "Not equals",
   gt: "Greater than",
   gte: "Greater than or equal",
   lt: "Less than",
@@ -9316,7 +9760,6 @@ var OPERATOR_DESCRIPTIONS = {
 var OPERATOR_OPTIONS = [
   { value: "smart", label: "smart" },
   { value: "eq", label: "eq" },
-  { value: "ne", label: "ne" },
   { value: "gt", label: "gt" },
   { value: "gte", label: "gte" },
   { value: "lt", label: "lt" },
@@ -9997,7 +10440,7 @@ var QueryCondition = ({
     setLocalValue(formattedConditionValue);
   }
   const currentFieldInfo = fieldInfos.find((f) => f.name === condition.field);
-  const currentFieldType = _nullishCoalesce(_optionalChain([currentFieldInfo, 'optionalAccess', _106 => _106.type]), () => ( "unknown"));
+  const currentFieldType = _nullishCoalesce(_optionalChain([currentFieldInfo, 'optionalAccess', _107 => _107.type]), () => ( "unknown"));
   const isUnknownField = condition.field && !fieldNames.includes(condition.field);
   const getValueTypeError = () => {
     if (isUnknownField || currentFieldType === "unknown" || currentFieldType === "string") {
@@ -10055,8 +10498,8 @@ var QueryCondition = ({
     }
   }, [currentFieldType, condition.value]);
   const handleFieldChange = (value) => {
-    const newFieldInfo = _optionalChain([fieldInfos, 'optionalAccess', _107 => _107.find, 'call', _108 => _108((f) => f.name === value)]);
-    const newFieldType = _nullishCoalesce(_optionalChain([newFieldInfo, 'optionalAccess', _109 => _109.type]), () => ( "unknown"));
+    const newFieldInfo = _optionalChain([fieldInfos, 'optionalAccess', _108 => _108.find, 'call', _109 => _109((f) => f.name === value)]);
+    const newFieldType = _nullishCoalesce(_optionalChain([newFieldInfo, 'optionalAccess', _110 => _110.type]), () => ( "unknown"));
     const validOperators = getOperatorsForFieldType(newFieldType);
     const isOperatorValid = validOperators.includes(condition.operator);
     let newValue = condition.value;
@@ -10197,10 +10640,10 @@ var QueryCondition = ({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        ref: _optionalChain([dragHandleProps, 'optionalAccess', _110 => _110.ref]),
+        ref: _optionalChain([dragHandleProps, 'optionalAccess', _111 => _111.ref]),
         className: "flex cursor-grab items-center px-1 text-zinc-400 hover:text-zinc-600",
-        ..._optionalChain([dragHandleProps, 'optionalAccess', _111 => _111.attributes]),
-        ..._optionalChain([dragHandleProps, 'optionalAccess', _112 => _112.listeners]),
+        ..._optionalChain([dragHandleProps, 'optionalAccess', _112 => _112.attributes]),
+        ..._optionalChain([dragHandleProps, 'optionalAccess', _113 => _113.listeners]),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconGripVertical, { size: 16 })
       }
     ),
@@ -10708,10 +11151,10 @@ var InnerGroup = ({
       !isRoot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          ref: _optionalChain([dragHandleProps, 'optionalAccess', _113 => _113.ref]),
+          ref: _optionalChain([dragHandleProps, 'optionalAccess', _114 => _114.ref]),
           className: "flex cursor-grab items-center px-1 text-zinc-400",
-          ..._optionalChain([dragHandleProps, 'optionalAccess', _114 => _114.attributes]),
-          ..._optionalChain([dragHandleProps, 'optionalAccess', _115 => _115.listeners]),
+          ..._optionalChain([dragHandleProps, 'optionalAccess', _115 => _115.attributes]),
+          ..._optionalChain([dragHandleProps, 'optionalAccess', _116 => _116.listeners]),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconGripVertical, { size: 16 })
         }
       ),
@@ -11060,7 +11503,7 @@ var UIQueryBuilder = () => {
   const { valuesSearch } = useTab();
   const { data: indexDetails } = useFetchSearchIndex(valuesSearch.index);
   const { queryState, setQueryState } = useQueryStateSync();
-  const fieldInfos = _optionalChain([indexDetails, 'optionalAccess', _116 => _116.schema]) ? extractFieldInfo(indexDetails.schema) : [];
+  const fieldInfos = _optionalChain([indexDetails, 'optionalAccess', _117 => _117.schema]) ? extractFieldInfo(indexDetails.schema) : [];
   const hasNormalized = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (hasNormalized.current || fieldInfos.length === 0) return;
@@ -11079,7 +11522,7 @@ var UIQueryBuilder = () => {
     setHasBottomShadow(scrollTop + clientHeight < scrollHeight - 1);
   }, []);
   _react.useEffect.call(void 0, () => {
-    viewportRef.current = _optionalChain([scrollAreaRef, 'access', _117 => _117.current, 'optionalAccess', _118 => _118.querySelector, 'call', _119 => _119(
+    viewportRef.current = _optionalChain([scrollAreaRef, 'access', _118 => _118.current, 'optionalAccess', _119 => _119.querySelector, 'call', _120 => _120(
       "[data-radix-scroll-area-viewport]"
     )]);
     recomputeShadows();
@@ -11089,7 +11532,7 @@ var UIQueryBuilder = () => {
     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 dark:bg-zinc-50/40", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryBuilderUIProvider, { fieldInfos, setQueryState, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-full min-h-0 rounded-lg bg-zinc-50 dark:bg-zinc-50/40", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -11204,7 +11647,7 @@ var QueryBuilderContent = () => {
     setQueryBuilderMode(newMode);
   };
   const errorMessage = _nullishCoalesce(switchError, () => ( (query.error ? formatUpstashErrorMessage(query.error) : void 0)));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-full", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex h-full min-h-0 flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-4 top-4 z-[2]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Segmented,
       {
@@ -11242,7 +11685,7 @@ var DatabrowserInstance = ({
   tabType,
   allowSearch
 }) => {
-  const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
+  const { isValuesSearchSelected, queryBuilderMode, setIsValuesSearchSelected } = useTab();
   const { data: indexes, isLoading } = useFetchSearchIndexes({
     enabled: tabType === "search"
   });
@@ -11271,9 +11714,18 @@ var DatabrowserInstance = ({
           {
             autoSaveId: "search-layout",
             direction: "vertical",
-            className: "h-full w-full text-sm antialiased",
+            className: "h-full w-full !overflow-visible text-sm antialiased",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { defaultSize: 30, minSize: 15, maxSize: 60, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchContent, {}) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactresizablepanels.Panel,
+                {
+                  defaultSize: 30,
+                  minSize: 15,
+                  maxSize: 60,
+                  className: queryBuilderMode === "code" ? "!overflow-visible" : "",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchContent, {})
+                }
+              ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ResizeHandle, { direction: "vertical" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { minSize: 30, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactresizablepanels.PanelGroup, { autoSaveId: "persistence", direction: "horizontal", className: "h-full w-full", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { defaultSize: 30, minSize: 30, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Sidebar, {}) }),
@@ -11419,7 +11871,7 @@ var useOverflow = () => {
     }
     if (!node) return;
     observerRef.current = new ResizeObserver((entries) => {
-      const el = _optionalChain([entries, 'access', _120 => _120.at, 'call', _121 => _121(0), 'optionalAccess', _122 => _122.target]);
+      const el = _optionalChain([entries, 'access', _121 => _121.at, 'call', _122 => _122(0), 'optionalAccess', _123 => _123.target]);
       if (!el) return;
       setIsOverflow(el.scrollWidth > el.clientWidth);
     });
@@ -11427,7 +11879,7 @@ var useOverflow = () => {
   }, []);
   _react.useEffect.call(void 0, () => {
     return () => {
-      _optionalChain([observerRef, 'access', _123 => _123.current, 'optionalAccess', _124 => _124.disconnect, 'call', _125 => _125()]);
+      _optionalChain([observerRef, 'access', _124 => _124.current, 'optionalAccess', _125 => _125.disconnect, 'call', _126 => _126()]);
     };
   }, []);
   return { ref, isOverflow };
@@ -11545,8 +11997,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', _126 => _126.find, 'call', _127 => _127(([tabId]) => tabId === id), 'optionalAccess', _128 => _128[1]]);
-  const isPinned = _optionalChain([tabData, 'optionalAccess', _129 => _129.pinned]);
+  const tabData = _optionalChain([tabs, 'access', _127 => _127.find, 'call', _128 => _128(([tabId]) => tabId === id), 'optionalAccess', _129 => _129[1]]);
+  const isPinned = _optionalChain([tabData, 'optionalAccess', _130 => _130.pinned]);
   const { attributes, listeners: listeners2, setNodeRef, transform, transition, isDragging } = _sortable.useSortable.call(void 0, {
     id,
     disabled: isPinned,
@@ -11762,7 +12214,7 @@ function AddTabButton() {
     const tabsId = addTab();
     selectTab(tabsId);
     setTimeout(() => {
-      const tab = _optionalChain([rootRef, 'optionalAccess', _130 => _130.current, 'optionalAccess', _131 => _131.querySelector, 'call', _132 => _132(`#tab-${tabsId}`)]);
+      const tab = _optionalChain([rootRef, 'optionalAccess', _131 => _131.current, 'optionalAccess', _132 => _132.querySelector, 'call', _133 => _133(`#tab-${tabsId}`)]);
       if (!tab) return;
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);
@@ -11796,7 +12248,7 @@ function TabsListButton({
     onSelectTab(id);
     setOpen(false);
     setTimeout(() => {
-      const tab = _optionalChain([rootRef, 'optionalAccess', _133 => _133.current, 'optionalAccess', _134 => _134.querySelector, 'call', _135 => _135(`#tab-${id}`)]);
+      const tab = _optionalChain([rootRef, 'optionalAccess', _134 => _134.current, 'optionalAccess', _135 => _135.querySelector, 'call', _136 => _136(`#tab-${id}`)]);
       if (!tab) return;
       tab.scrollIntoView({ behavior: "smooth" });
     }, 20);