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

package/dist/index.css

@@ -1179,6 +1179,9 @@
 .ups-db .max-w-md {
   max-width: 28rem;
 }
+.ups-db .max-w-xs {
+  max-width: 20rem;
+}
 .ups-db .flex-1 {
   flex: 1 1 0%;
 }
@@ -1575,6 +1578,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));
 }
+.ups-db .bg-amber-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--color-amber-300) / var(--tw-bg-opacity));
+}
 .ups-db .bg-amber-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--color-amber-50) / var(--tw-bg-opacity));
@@ -1767,6 +1774,10 @@
   padding-top: 0px;
   padding-bottom: 0px;
 }
+.ups-db .py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .ups-db .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;

package/dist/index.js

@@ -5301,80 +5301,87 @@ var MonacoEditorWithTypes = ({
   _react.useEffect.call(void 0, () => {
     if (!validateValue(value)) onChange(defaultValue);
   }, [value, editorRef.current, onChange, validateValue, defaultValue]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn("group/editor relative"), style: { height }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _react2.Editor,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
     {
-      theme: theme === "dark" ? "vs-dark" : "light",
-      loading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {}),
-      beforeMount: handleBeforeMount,
-      onMount: (editor) => {
-        editorRef.current = editor;
-      },
-      value,
-      onChange: handleChange,
-      defaultLanguage: "typescript",
-      path: filePath,
-      options: {
-        wordWrap: "on",
-        overviewRulerBorder: false,
-        overviewRulerLanes: 0,
-        formatOnPaste: true,
-        formatOnType: true,
-        renderWhitespace: "none",
-        smoothScrolling: true,
-        scrollbar: {
-          verticalScrollbarSize: 6
-        },
-        autoIndent: "full",
-        guides: { indentation: false },
-        fontSize: 13,
-        cursorBlinking: "smooth",
-        minimap: { enabled: false },
-        folding: true,
-        glyphMargin: false,
-        lineNumbers: "on",
-        parameterHints: { enabled: true },
-        lineDecorationsWidth: 0,
-        automaticLayout: true,
-        scrollBeyondLastLine: false,
-        renderLineHighlight: "line",
-        renderLineHighlightOnlyWhenFocus: true,
-        selectionHighlight: false,
-        // @ts-expect-error "off" does not work
-        occurrencesHighlight: false,
-        hover: { enabled: true },
-        unusualLineTerminators: "auto",
-        padding: { top: 8, bottom: 8 },
-        quickSuggestions: true,
-        suggest: {
-          showFunctions: _nullishCoalesce(showFunctions, () => ( false)),
-          showVariables: false,
-          showConstants: false,
-          showClasses: false,
-          showInterfaces: false,
-          showModules: false,
-          showKeywords: false
-        },
-        suggestOnTriggerCharacters: true,
-        acceptSuggestionOnEnter: "on",
-        tabCompletion: "on",
-        tabSize: 2,
-        wordBasedSuggestions: "off",
-        // Disable navigation features
-        gotoLocation: {
-          multiple: "goto",
-          multipleDefinitions: "goto",
-          multipleTypeDefinitions: "goto",
-          multipleDeclarations: "goto",
-          multipleImplementations: "goto",
-          multipleReferences: "goto"
-        },
-        definitionLinkOpensInPeek: false,
-        contextmenu: false
-      },
-      className: "[&_.current-line]:!border-none [&_.current-line]:!bg-emerald-50 [&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent [&_[role='presentation']]:!bg-transparent"
+      className: cn("group/editor relative", height === void 0 && "h-full"),
+      style: { height },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _react2.Editor,
+        {
+          theme: theme === "dark" ? "vs-dark" : "light",
+          loading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {}),
+          beforeMount: handleBeforeMount,
+          onMount: (editor) => {
+            editorRef.current = editor;
+          },
+          value,
+          onChange: handleChange,
+          defaultLanguage: "typescript",
+          path: filePath,
+          options: {
+            wordWrap: "on",
+            overviewRulerBorder: false,
+            overviewRulerLanes: 0,
+            formatOnPaste: true,
+            formatOnType: true,
+            renderWhitespace: "none",
+            smoothScrolling: true,
+            scrollbar: {
+              verticalScrollbarSize: 6
+            },
+            autoIndent: "full",
+            guides: { indentation: false },
+            fontSize: 13,
+            cursorBlinking: "smooth",
+            minimap: { enabled: false },
+            folding: true,
+            glyphMargin: false,
+            lineNumbers: "on",
+            parameterHints: { enabled: true },
+            lineDecorationsWidth: 0,
+            automaticLayout: true,
+            scrollBeyondLastLine: false,
+            renderLineHighlight: "line",
+            renderLineHighlightOnlyWhenFocus: true,
+            selectionHighlight: false,
+            // @ts-expect-error "off" does not work
+            occurrencesHighlight: false,
+            hover: { enabled: true },
+            unusualLineTerminators: "auto",
+            padding: { top: 8, bottom: 8 },
+            quickSuggestions: true,
+            suggest: {
+              showFunctions: _nullishCoalesce(showFunctions, () => ( false)),
+              showVariables: false,
+              showConstants: false,
+              showClasses: false,
+              showInterfaces: false,
+              showModules: false,
+              showKeywords: false
+            },
+            suggestOnTriggerCharacters: true,
+            acceptSuggestionOnEnter: "on",
+            tabCompletion: "on",
+            tabSize: 2,
+            wordBasedSuggestions: "off",
+            // Disable navigation features
+            gotoLocation: {
+              multiple: "goto",
+              multipleDefinitions: "goto",
+              multipleTypeDefinitions: "goto",
+              multipleDeclarations: "goto",
+              multipleImplementations: "goto",
+              multipleReferences: "goto"
+            },
+            definitionLinkOpensInPeek: false,
+            contextmenu: false
+          },
+          className: "[&_.current-line]:!border-none [&_.current-line]:!bg-emerald-50 [&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent [&_[role='presentation']]:!bg-transparent"
+        }
+      )
     }
-  ) });
+  );
 };
 var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
@@ -5394,15 +5401,22 @@ var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
 };
 var TestEditor = ({ value, onChange, height, testLabel }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn("group/editor relative"), style: { height }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "textarea",
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
     {
-      "aria-label": testLabel,
-      value,
-      onChange: (e) => onChange(e.target.value),
-      className: "h-full w-full resize-none bg-transparent p-2 font-mono text-sm"
+      className: cn("group/editor relative", height === void 0 && "h-full"),
+      style: { height },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "textarea",
+        {
+          "aria-label": testLabel,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: "h-full w-full resize-none bg-transparent p-2 font-mono text-sm"
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/components/databrowser/components/search/generate-schema-type-definitions.tsx
@@ -5710,7 +5724,14 @@ var SearchDisplay = ({
           {
             name: "editorValue",
             control,
-            render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchemaEditor, { value: field.value, onChange: field.onChange, height: 300 })
+            render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              SchemaEditor,
+              {
+                value: field.value,
+                onChange: field.onChange,
+                height: isCreateModal || isEditModal ? 300 : void 0
+              }
+            )
           }
         ) }) })
       ] }),
@@ -8208,20 +8229,48 @@ var parseGroup = (groupValue, operator, boost) => {
   }
   return null;
 };
+var addMustNotChildren = (group, mustNotValue) => {
+  if (Array.isArray(mustNotValue)) {
+    for (const item of mustNotValue) {
+      const child = objectToQueryNode(item);
+      if (child) {
+        child.not = true;
+        group.children.push(child);
+      }
+    }
+  } else if (typeof mustNotValue === "object" && mustNotValue !== null) {
+    const child = objectToQueryNode(mustNotValue);
+    if (child) {
+      child.not = true;
+      group.children.push(child);
+    }
+  }
+};
 var objectToQueryNode = (obj) => {
   if (!obj || typeof obj !== "object") return null;
   const keys = Object.keys(obj);
   if (keys.length === 0) return null;
-  if ("$mustNot" in obj) {
-    return parseMustNot(obj.$mustNot);
-  }
-  if ("$and" in obj || "$or" in obj) {
+  const hasGroup = "$and" in obj || "$or" in obj;
+  const hasMustNot = "$mustNot" in obj;
+  const nonOperatorKeys = keys.filter((key) => !isOperatorKey(key));
+  if (hasGroup) {
     const operator = "$and" in obj ? "and" : "or";
     const groupValue = _nullishCoalesce(obj["$and"], () => ( obj["$or"]));
     const boost = "$boost" in obj ? obj.$boost : void 0;
-    return parseGroup(groupValue, operator, boost);
+    const groupNode = parseGroup(groupValue, operator, boost);
+    if (groupNode && groupNode.type === "group" && hasMustNot) {
+      addMustNotChildren(groupNode, obj.$mustNot);
+    }
+    return groupNode;
+  }
+  if (hasMustNot) {
+    if (nonOperatorKeys.length > 0) {
+      const group = parseMultiFieldObject(obj, "and");
+      addMustNotChildren(group, obj.$mustNot);
+      return group;
+    }
+    return parseMustNot(obj.$mustNot);
   }
-  const nonOperatorKeys = keys.filter((key) => !isOperatorKey(key));
   if (nonOperatorKeys.length === 0) return null;
   const nodeBoost = "$boost" in obj ? obj.$boost : void 0;
   if (nonOperatorKeys.length === 1) {
@@ -8883,7 +8932,6 @@ var QueryCondition = ({
       }
     ),
     node.boost !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BoostBadge, { node }),
-    node.not && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotBadge, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -9004,11 +9052,15 @@ var QueryDndProvider = ({
     const currentParent = findParentGroup(rootNode, activeIdStr);
     if (!currentParent) return;
     if (!overIdStr.startsWith("drop-")) return;
-    const parts = overIdStr.split("-");
-    if (parts.length < 3) return;
-    const targetGroupId = parts[1];
-    const targetIndex = Number.parseInt(parts[2], 10);
-    if (Number.isNaN(targetIndex)) return;
+    const firstDash = overIdStr.indexOf("-");
+    const secondDash = overIdStr.indexOf("-", firstDash + 1);
+    if (firstDash === -1 || secondDash === -1) return;
+    const targetGroupId = overIdStr.slice(firstDash + 1, secondDash);
+    const dropRef = overIdStr.slice(secondDash + 1);
+    const targetGroup = findNodeById(rootNode, targetGroupId);
+    if (!targetGroup || targetGroup.type !== "group") return;
+    const targetIndex = dropRef === "end" ? targetGroup.children.length : targetGroup.children.findIndex((c) => c.id === dropRef);
+    if (targetIndex === -1) return;
     const currentIndex = currentParent.children.findIndex((c) => c.id === activeIdStr);
     if (currentParent.id === targetGroupId && // Same group: if dropping at current or current+1 position, it's a no-op
     (targetIndex === currentIndex || targetIndex === currentIndex + 1)) {
@@ -9128,7 +9180,7 @@ var DropIndicator = ({ id, isOver }) => {
   ) });
 };
 var EmptyGroupDropZone = ({ groupId, isOver }) => {
-  const { setNodeRef } = _core.useDroppable.call(void 0, { id: `drop-${groupId}-0` });
+  const { setNodeRef } = _core.useDroppable.call(void 0, { id: `drop-${groupId}-end` });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -9141,6 +9193,30 @@ var EmptyGroupDropZone = ({ groupId, isOver }) => {
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
 
+var ChildRow = ({
+  groupId,
+  child,
+  depth,
+  activeOverId,
+  droppingId
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DropIndicator,
+    {
+      id: `drop-${groupId}-${child.id}`,
+      isOver: activeOverId === `drop-${groupId}-${child.id}`
+    }
+  ),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryCondition, { node: child }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    InnerGroup,
+    {
+      node: child,
+      depth: depth + 1,
+      activeOverId,
+      droppingId
+    }
+  ) })
+] });
 var InnerGroup = ({
   node,
   isRoot = false,
@@ -9165,12 +9241,12 @@ var InnerGroup = ({
     deleteNode(node.id);
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group/group flex items-center gap-1", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group/group flex items-center gap-1 px-1", children: [
       !isRoot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           ref: _optionalChain([dragHandleProps, 'optionalAccess', _97 => _97.ref]),
-          className: "flex cursor-grab items-center text-zinc-400",
+          className: "flex cursor-grab items-center px-1 text-zinc-400",
           ..._optionalChain([dragHandleProps, 'optionalAccess', _98 => _98.attributes]),
           ..._optionalChain([dragHandleProps, 'optionalAccess', _99 => _99.listeners]),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsreact.IconGripVertical, { size: 16 })
@@ -9198,7 +9274,6 @@ var InnerGroup = ({
         ] })
       ] }),
       node.boost !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BoostBadge, { node }),
-      node.not && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NotBadge, {}),
       !isRoot && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
@@ -9218,30 +9293,59 @@ 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}-0` }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      node.children.map((child, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          DropIndicator,
+    /* @__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: [
+      node.children.map(
+        (child) => !child.not && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ChildRow,
           {
-            id: `drop-${node.id}-${index}`,
-            isOver: activeOverId === `drop-${node.id}-${index}`
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QueryCondition, { node: child }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          InnerGroup,
+            groupId: node.id,
+            child,
+            depth,
+            activeOverId,
+            droppingId
+          },
+          child.id
+        )
+      ),
+      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: [
+          "Keys matching any of the conditions below are excluded from the results.",
+          " ",
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "a",
+            {
+              href: "https://upstash.com/docs/vector/features/filtering/boolean-operators/must-not",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "underline",
+              children: "Learn more"
+            }
+          )
+        ] }) })
+      ] }),
+      node.children.map(
+        (child) => child.not && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ChildRow,
           {
-            node: child,
-            depth: depth + 1,
+            groupId: node.id,
+            child,
+            depth,
             activeOverId,
             droppingId
-          }
-        ) })
-      ] }, child.id)),
+          },
+          child.id
+        )
+      ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DropIndicator,
         {
-          id: `drop-${node.id}-${node.children.length}`,
-          isOver: activeOverId === `drop-${node.id}-${node.children.length}`
+          id: `drop-${node.id}-end`,
+          isOver: activeOverId === `drop-${node.id}-end`
         }
       )
     ] }) })
@@ -9302,7 +9406,7 @@ var buildOperatorValue = (operator, value, fuzzyDistance) => {
 var conditionToObject = (node) => {
   const { field, operator, value, boost: conditionBoost, fuzzyDistance } = node.condition;
   const effectiveBoost = _nullishCoalesce(node.boost, () => ( conditionBoost));
-  if (operator === "eq" && !effectiveBoost && !node.not) {
+  if (operator === "eq" && !effectiveBoost) {
     return { [field]: value };
   }
   const fieldCondition = {
@@ -9312,11 +9416,7 @@ var conditionToObject = (node) => {
   if (finalBoost && finalBoost !== 1) {
     fieldCondition.$boost = finalBoost;
   }
-  const condition = { [field]: fieldCondition };
-  if (node.not) {
-    return { $mustNot: [condition] };
-  }
-  return condition;
+  return { [field]: fieldCondition };
 };
 var canMergeChildren = (children) => {
   return children.every(
@@ -9337,35 +9437,48 @@ var mergeConditions = (children, boost) => {
 };
 var groupToObject = (node, isRoot) => {
   const { groupOperator, children, boost, not } = node;
+  const normalChildren = children.filter((c) => !c.not);
+  const negatedChildren = children.filter((c) => c.not);
   if (isRoot && children.length === 0 && !not && !boost) {
     return {};
   }
-  if (isRoot && groupOperator === "and" && children.length === 1 && !not && !boost) {
-    return queryNodeToObject(children[0], false);
+  if (not) {
+    const withoutNot = { ...node, not: void 0 };
+    const inner = groupToObject(withoutNot, false);
+    if (groupOperator === "or" && !boost && negatedChildren.length === 0) {
+      const childObjects = normalChildren.map((child) => queryNodeToObject(child, false));
+      return { $mustNot: childObjects };
+    }
+    return { $mustNot: [inner] };
+  }
+  if (isRoot && groupOperator === "and" && normalChildren.length === 1 && negatedChildren.length === 0 && !boost) {
+    return queryNodeToObject(normalChildren[0], false);
   }
-  if (children.length > 0 && !not && canMergeChildren(children)) {
-    const merged = mergeConditions(children, boost);
+  if (normalChildren.length > 0 && negatedChildren.length === 0 && canMergeChildren(normalChildren)) {
+    const merged = mergeConditions(normalChildren, boost);
     if (isRoot && groupOperator === "and") {
       return merged;
     }
-    const result = { [`$${groupOperator}`]: merged };
+    const result2 = { [`$${groupOperator}`]: merged };
     if (boost && boost !== 1) {
-      result.$boost = boost;
+      result2.$boost = boost;
     }
-    return result;
+    return result2;
   }
-  const childObjects = children.map((child) => queryNodeToObject(child, false));
-  const group = { [`$${groupOperator}`]: childObjects };
-  if (boost && boost !== 1) {
-    group.$boost = boost;
+  const result = {};
+  if (normalChildren.length > 0) {
+    result[`$${groupOperator}`] = normalChildren.map((child) => queryNodeToObject(child, false));
   }
-  if (not) {
-    if (groupOperator === "or" && !boost) {
-      return { $mustNot: childObjects };
-    }
-    return { $mustNot: [group] };
+  if (negatedChildren.length > 0) {
+    result.$mustNot = negatedChildren.map((child) => {
+      const withoutNot = { ...child, not: void 0 };
+      return queryNodeToObject(withoutNot, false);
+    });
   }
-  return group;
+  if (boost && boost !== 1) {
+    result.$boost = boost;
+  }
+  return result;
 };
 var queryNodeToObject = (node, isRoot = false) => {
   if (node.type === "condition") {

package/dist/index.mjs

@@ -5301,80 +5301,87 @@ var MonacoEditorWithTypes = ({
   useEffect6(() => {
     if (!validateValue(value)) onChange(defaultValue);
   }, [value, editorRef.current, onChange, validateValue, defaultValue]);
-  return /* @__PURE__ */ jsx26("div", { className: cn("group/editor relative"), style: { height }, children: /* @__PURE__ */ jsx26(
-    Editor,
+  return /* @__PURE__ */ jsx26(
+    "div",
     {
-      theme: theme === "dark" ? "vs-dark" : "light",
-      loading: /* @__PURE__ */ jsx26(LoadingSpinner, {}),
-      beforeMount: handleBeforeMount,
-      onMount: (editor) => {
-        editorRef.current = editor;
-      },
-      value,
-      onChange: handleChange,
-      defaultLanguage: "typescript",
-      path: filePath,
-      options: {
-        wordWrap: "on",
-        overviewRulerBorder: false,
-        overviewRulerLanes: 0,
-        formatOnPaste: true,
-        formatOnType: true,
-        renderWhitespace: "none",
-        smoothScrolling: true,
-        scrollbar: {
-          verticalScrollbarSize: 6
-        },
-        autoIndent: "full",
-        guides: { indentation: false },
-        fontSize: 13,
-        cursorBlinking: "smooth",
-        minimap: { enabled: false },
-        folding: true,
-        glyphMargin: false,
-        lineNumbers: "on",
-        parameterHints: { enabled: true },
-        lineDecorationsWidth: 0,
-        automaticLayout: true,
-        scrollBeyondLastLine: false,
-        renderLineHighlight: "line",
-        renderLineHighlightOnlyWhenFocus: true,
-        selectionHighlight: false,
-        // @ts-expect-error "off" does not work
-        occurrencesHighlight: false,
-        hover: { enabled: true },
-        unusualLineTerminators: "auto",
-        padding: { top: 8, bottom: 8 },
-        quickSuggestions: true,
-        suggest: {
-          showFunctions: showFunctions ?? false,
-          showVariables: false,
-          showConstants: false,
-          showClasses: false,
-          showInterfaces: false,
-          showModules: false,
-          showKeywords: false
-        },
-        suggestOnTriggerCharacters: true,
-        acceptSuggestionOnEnter: "on",
-        tabCompletion: "on",
-        tabSize: 2,
-        wordBasedSuggestions: "off",
-        // Disable navigation features
-        gotoLocation: {
-          multiple: "goto",
-          multipleDefinitions: "goto",
-          multipleTypeDefinitions: "goto",
-          multipleDeclarations: "goto",
-          multipleImplementations: "goto",
-          multipleReferences: "goto"
-        },
-        definitionLinkOpensInPeek: false,
-        contextmenu: false
-      },
-      className: "[&_.current-line]:!border-none [&_.current-line]:!bg-emerald-50 [&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent [&_[role='presentation']]:!bg-transparent"
+      className: cn("group/editor relative", height === void 0 && "h-full"),
+      style: { height },
+      children: /* @__PURE__ */ jsx26(
+        Editor,
+        {
+          theme: theme === "dark" ? "vs-dark" : "light",
+          loading: /* @__PURE__ */ jsx26(LoadingSpinner, {}),
+          beforeMount: handleBeforeMount,
+          onMount: (editor) => {
+            editorRef.current = editor;
+          },
+          value,
+          onChange: handleChange,
+          defaultLanguage: "typescript",
+          path: filePath,
+          options: {
+            wordWrap: "on",
+            overviewRulerBorder: false,
+            overviewRulerLanes: 0,
+            formatOnPaste: true,
+            formatOnType: true,
+            renderWhitespace: "none",
+            smoothScrolling: true,
+            scrollbar: {
+              verticalScrollbarSize: 6
+            },
+            autoIndent: "full",
+            guides: { indentation: false },
+            fontSize: 13,
+            cursorBlinking: "smooth",
+            minimap: { enabled: false },
+            folding: true,
+            glyphMargin: false,
+            lineNumbers: "on",
+            parameterHints: { enabled: true },
+            lineDecorationsWidth: 0,
+            automaticLayout: true,
+            scrollBeyondLastLine: false,
+            renderLineHighlight: "line",
+            renderLineHighlightOnlyWhenFocus: true,
+            selectionHighlight: false,
+            // @ts-expect-error "off" does not work
+            occurrencesHighlight: false,
+            hover: { enabled: true },
+            unusualLineTerminators: "auto",
+            padding: { top: 8, bottom: 8 },
+            quickSuggestions: true,
+            suggest: {
+              showFunctions: showFunctions ?? false,
+              showVariables: false,
+              showConstants: false,
+              showClasses: false,
+              showInterfaces: false,
+              showModules: false,
+              showKeywords: false
+            },
+            suggestOnTriggerCharacters: true,
+            acceptSuggestionOnEnter: "on",
+            tabCompletion: "on",
+            tabSize: 2,
+            wordBasedSuggestions: "off",
+            // Disable navigation features
+            gotoLocation: {
+              multiple: "goto",
+              multipleDefinitions: "goto",
+              multipleTypeDefinitions: "goto",
+              multipleDeclarations: "goto",
+              multipleImplementations: "goto",
+              multipleReferences: "goto"
+            },
+            definitionLinkOpensInPeek: false,
+            contextmenu: false
+          },
+          className: "[&_.current-line]:!border-none [&_.current-line]:!bg-emerald-50 [&_.monaco-editor-background]:!bg-transparent [&_.monaco-editor]:!bg-transparent [&_[role='presentation']]:!bg-transparent"
+        }
+      )
     }
-  ) });
+  );
 };
 var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
@@ -5394,15 +5401,22 @@ var handleBeforeMount = (monaco) => {
   monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
 };
 var TestEditor = ({ value, onChange, height, testLabel }) => {
-  return /* @__PURE__ */ jsx26("div", { className: cn("group/editor relative"), style: { height }, children: /* @__PURE__ */ jsx26(
-    "textarea",
+  return /* @__PURE__ */ jsx26(
+    "div",
     {
-      "aria-label": testLabel,
-      value,
-      onChange: (e) => onChange(e.target.value),
-      className: "h-full w-full resize-none bg-transparent p-2 font-mono text-sm"
+      className: cn("group/editor relative", height === void 0 && "h-full"),
+      style: { height },
+      children: /* @__PURE__ */ jsx26(
+        "textarea",
+        {
+          "aria-label": testLabel,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: "h-full w-full resize-none bg-transparent p-2 font-mono text-sm"
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/components/databrowser/components/search/generate-schema-type-definitions.tsx
@@ -5710,7 +5724,14 @@ var SearchDisplay = ({
           {
             name: "editorValue",
             control,
-            render: ({ field }) => /* @__PURE__ */ jsx28(SchemaEditor, { value: field.value, onChange: field.onChange, height: 300 })
+            render: ({ field }) => /* @__PURE__ */ jsx28(
+              SchemaEditor,
+              {
+                value: field.value,
+                onChange: field.onChange,
+                height: isCreateModal || isEditModal ? 300 : void 0
+              }
+            )
           }
         ) }) })
       ] }),
@@ -8208,20 +8229,48 @@ var parseGroup = (groupValue, operator, boost) => {
   }
   return null;
 };
+var addMustNotChildren = (group, mustNotValue) => {
+  if (Array.isArray(mustNotValue)) {
+    for (const item of mustNotValue) {
+      const child = objectToQueryNode(item);
+      if (child) {
+        child.not = true;
+        group.children.push(child);
+      }
+    }
+  } else if (typeof mustNotValue === "object" && mustNotValue !== null) {
+    const child = objectToQueryNode(mustNotValue);
+    if (child) {
+      child.not = true;
+      group.children.push(child);
+    }
+  }
+};
 var objectToQueryNode = (obj) => {
   if (!obj || typeof obj !== "object") return null;
   const keys = Object.keys(obj);
   if (keys.length === 0) return null;
-  if ("$mustNot" in obj) {
-    return parseMustNot(obj.$mustNot);
-  }
-  if ("$and" in obj || "$or" in obj) {
+  const hasGroup = "$and" in obj || "$or" in obj;
+  const hasMustNot = "$mustNot" in obj;
+  const nonOperatorKeys = keys.filter((key) => !isOperatorKey(key));
+  if (hasGroup) {
     const operator = "$and" in obj ? "and" : "or";
     const groupValue = obj["$and"] ?? obj["$or"];
     const boost = "$boost" in obj ? obj.$boost : void 0;
-    return parseGroup(groupValue, operator, boost);
+    const groupNode = parseGroup(groupValue, operator, boost);
+    if (groupNode && groupNode.type === "group" && hasMustNot) {
+      addMustNotChildren(groupNode, obj.$mustNot);
+    }
+    return groupNode;
+  }
+  if (hasMustNot) {
+    if (nonOperatorKeys.length > 0) {
+      const group = parseMultiFieldObject(obj, "and");
+      addMustNotChildren(group, obj.$mustNot);
+      return group;
+    }
+    return parseMustNot(obj.$mustNot);
   }
-  const nonOperatorKeys = keys.filter((key) => !isOperatorKey(key));
   if (nonOperatorKeys.length === 0) return null;
   const nodeBoost = "$boost" in obj ? obj.$boost : void 0;
   if (nonOperatorKeys.length === 1) {
@@ -8883,7 +8932,6 @@ var QueryCondition = ({
       }
     ),
     node.boost !== void 0 && /* @__PURE__ */ jsx63(BoostBadge, { node }),
-    node.not && /* @__PURE__ */ jsx63(NotBadge, {}),
     /* @__PURE__ */ jsxs37(
       "div",
       {
@@ -9004,11 +9052,15 @@ var QueryDndProvider = ({
     const currentParent = findParentGroup(rootNode, activeIdStr);
     if (!currentParent) return;
     if (!overIdStr.startsWith("drop-")) return;
-    const parts = overIdStr.split("-");
-    if (parts.length < 3) return;
-    const targetGroupId = parts[1];
-    const targetIndex = Number.parseInt(parts[2], 10);
-    if (Number.isNaN(targetIndex)) return;
+    const firstDash = overIdStr.indexOf("-");
+    const secondDash = overIdStr.indexOf("-", firstDash + 1);
+    if (firstDash === -1 || secondDash === -1) return;
+    const targetGroupId = overIdStr.slice(firstDash + 1, secondDash);
+    const dropRef = overIdStr.slice(secondDash + 1);
+    const targetGroup = findNodeById(rootNode, targetGroupId);
+    if (!targetGroup || targetGroup.type !== "group") return;
+    const targetIndex = dropRef === "end" ? targetGroup.children.length : targetGroup.children.findIndex((c) => c.id === dropRef);
+    if (targetIndex === -1) return;
     const currentIndex = currentParent.children.findIndex((c) => c.id === activeIdStr);
     if (currentParent.id === targetGroupId && // Same group: if dropping at current or current+1 position, it's a no-op
     (targetIndex === currentIndex || targetIndex === currentIndex + 1)) {
@@ -9128,7 +9180,7 @@ var DropIndicator = ({ id, isOver }) => {
   ) });
 };
 var EmptyGroupDropZone = ({ groupId, isOver }) => {
-  const { setNodeRef } = useDroppable({ id: `drop-${groupId}-0` });
+  const { setNodeRef } = useDroppable({ id: `drop-${groupId}-end` });
   return /* @__PURE__ */ jsx67(
     "div",
     {
@@ -9141,6 +9193,30 @@ var EmptyGroupDropZone = ({ groupId, isOver }) => {
 
 // src/components/databrowser/components/ui-query-builder/query-group.tsx
 import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
+var ChildRow = ({
+  groupId,
+  child,
+  depth,
+  activeOverId,
+  droppingId
+}) => /* @__PURE__ */ jsxs40("div", { children: [
+  /* @__PURE__ */ jsx68(
+    DropIndicator,
+    {
+      id: `drop-${groupId}-${child.id}`,
+      isOver: activeOverId === `drop-${groupId}-${child.id}`
+    }
+  ),
+  /* @__PURE__ */ jsx68(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx68(QueryCondition, { node: child }) : /* @__PURE__ */ jsx68(
+    InnerGroup,
+    {
+      node: child,
+      depth: depth + 1,
+      activeOverId,
+      droppingId
+    }
+  ) })
+] });
 var InnerGroup = ({
   node,
   isRoot = false,
@@ -9165,12 +9241,12 @@ var InnerGroup = ({
     deleteNode(node.id);
   };
   return /* @__PURE__ */ jsxs40("div", { children: [
-    /* @__PURE__ */ jsxs40("div", { className: "group/group flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs40("div", { className: "group/group flex items-center gap-1 px-1", children: [
       !isRoot && /* @__PURE__ */ jsx68(
         "div",
         {
           ref: dragHandleProps?.ref,
-          className: "flex cursor-grab items-center text-zinc-400",
+          className: "flex cursor-grab items-center px-1 text-zinc-400",
           ...dragHandleProps?.attributes,
           ...dragHandleProps?.listeners,
           children: /* @__PURE__ */ jsx68(IconGripVertical3, { size: 16 })
@@ -9198,7 +9274,6 @@ var InnerGroup = ({
         ] })
       ] }),
       node.boost !== void 0 && /* @__PURE__ */ jsx68(BoostBadge, { node }),
-      node.not && /* @__PURE__ */ jsx68(NotBadge, {}),
       !isRoot && /* @__PURE__ */ jsxs40(
         "div",
         {
@@ -9218,30 +9293,59 @@ var InnerGroup = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx68("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-2 border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx68(EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-0` }) : /* @__PURE__ */ jsxs40(Fragment12, { children: [
-      node.children.map((child, index) => /* @__PURE__ */ jsxs40("div", { children: [
-        /* @__PURE__ */ jsx68(
-          DropIndicator,
+    /* @__PURE__ */ jsx68("div", { className: `min-h-[20px] ${isRoot ? "" : "ml-2 border-l-2 border-zinc-200 pl-3"}`, children: node.children.length === 0 ? /* @__PURE__ */ jsx68(EmptyGroupDropZone, { groupId: node.id, isOver: activeOverId === `drop-${node.id}-end` }) : /* @__PURE__ */ jsxs40(Fragment12, { children: [
+      node.children.map(
+        (child) => !child.not && /* @__PURE__ */ jsx68(
+          ChildRow,
           {
-            id: `drop-${node.id}-${index}`,
-            isOver: activeOverId === `drop-${node.id}-${index}`
-          }
-        ),
-        /* @__PURE__ */ jsx68(DraggableItem, { id: child.id, droppingId, children: child.type === "condition" ? /* @__PURE__ */ jsx68(QueryCondition, { node: child }) : /* @__PURE__ */ jsx68(
-          InnerGroup,
+            groupId: node.id,
+            child,
+            depth,
+            activeOverId,
+            droppingId
+          },
+          child.id
+        )
+      ),
+      node.children.some((child) => child.not) && /* @__PURE__ */ jsxs40(Tooltip, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsx68(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2 px-1 py-1.5", children: [
+          /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-amber-300" }),
+          /* @__PURE__ */ jsx68("span", { className: "cursor-default select-none rounded bg-amber-50 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wider text-amber-800", children: "Must Not" }),
+          /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-amber-300" })
+        ] }) }),
+        /* @__PURE__ */ jsx68(TooltipContent, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ jsxs40("p", { children: [
+          "Keys matching any of the conditions below are excluded from the results.",
+          " ",
+          /* @__PURE__ */ jsx68(
+            "a",
+            {
+              href: "https://upstash.com/docs/vector/features/filtering/boolean-operators/must-not",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "underline",
+              children: "Learn more"
+            }
+          )
+        ] }) })
+      ] }),
+      node.children.map(
+        (child) => child.not && /* @__PURE__ */ jsx68(
+          ChildRow,
           {
-            node: child,
-            depth: depth + 1,
+            groupId: node.id,
+            child,
+            depth,
             activeOverId,
             droppingId
-          }
-        ) })
-      ] }, child.id)),
+          },
+          child.id
+        )
+      ),
       /* @__PURE__ */ jsx68(
         DropIndicator,
         {
-          id: `drop-${node.id}-${node.children.length}`,
-          isOver: activeOverId === `drop-${node.id}-${node.children.length}`
+          id: `drop-${node.id}-end`,
+          isOver: activeOverId === `drop-${node.id}-end`
         }
       )
     ] }) })
@@ -9302,7 +9406,7 @@ var buildOperatorValue = (operator, value, fuzzyDistance) => {
 var conditionToObject = (node) => {
   const { field, operator, value, boost: conditionBoost, fuzzyDistance } = node.condition;
   const effectiveBoost = node.boost ?? conditionBoost;
-  if (operator === "eq" && !effectiveBoost && !node.not) {
+  if (operator === "eq" && !effectiveBoost) {
     return { [field]: value };
   }
   const fieldCondition = {
@@ -9312,11 +9416,7 @@ var conditionToObject = (node) => {
   if (finalBoost && finalBoost !== 1) {
     fieldCondition.$boost = finalBoost;
   }
-  const condition = { [field]: fieldCondition };
-  if (node.not) {
-    return { $mustNot: [condition] };
-  }
-  return condition;
+  return { [field]: fieldCondition };
 };
 var canMergeChildren = (children) => {
   return children.every(
@@ -9337,35 +9437,48 @@ var mergeConditions = (children, boost) => {
 };
 var groupToObject = (node, isRoot) => {
   const { groupOperator, children, boost, not } = node;
+  const normalChildren = children.filter((c) => !c.not);
+  const negatedChildren = children.filter((c) => c.not);
   if (isRoot && children.length === 0 && !not && !boost) {
     return {};
   }
-  if (isRoot && groupOperator === "and" && children.length === 1 && !not && !boost) {
-    return queryNodeToObject(children[0], false);
+  if (not) {
+    const withoutNot = { ...node, not: void 0 };
+    const inner = groupToObject(withoutNot, false);
+    if (groupOperator === "or" && !boost && negatedChildren.length === 0) {
+      const childObjects = normalChildren.map((child) => queryNodeToObject(child, false));
+      return { $mustNot: childObjects };
+    }
+    return { $mustNot: [inner] };
   }
-  if (children.length > 0 && !not && canMergeChildren(children)) {
-    const merged = mergeConditions(children, boost);
+  if (isRoot && groupOperator === "and" && normalChildren.length === 1 && negatedChildren.length === 0 && !boost) {
+    return queryNodeToObject(normalChildren[0], false);
+  }
+  if (normalChildren.length > 0 && negatedChildren.length === 0 && canMergeChildren(normalChildren)) {
+    const merged = mergeConditions(normalChildren, boost);
     if (isRoot && groupOperator === "and") {
       return merged;
     }
-    const result = { [`$${groupOperator}`]: merged };
+    const result2 = { [`$${groupOperator}`]: merged };
     if (boost && boost !== 1) {
-      result.$boost = boost;
+      result2.$boost = boost;
     }
-    return result;
+    return result2;
   }
-  const childObjects = children.map((child) => queryNodeToObject(child, false));
-  const group = { [`$${groupOperator}`]: childObjects };
-  if (boost && boost !== 1) {
-    group.$boost = boost;
+  const result = {};
+  if (normalChildren.length > 0) {
+    result[`$${groupOperator}`] = normalChildren.map((child) => queryNodeToObject(child, false));
   }
-  if (not) {
-    if (groupOperator === "or" && !boost) {
-      return { $mustNot: childObjects };
-    }
-    return { $mustNot: [group] };
+  if (negatedChildren.length > 0) {
+    result.$mustNot = negatedChildren.map((child) => {
+      const withoutNot = { ...child, not: void 0 };
+      return queryNodeToObject(withoutNot, false);
+    });
   }
-  return group;
+  if (boost && boost !== 1) {
+    result.$boost = boost;
+  }
+  return result;
 };
 var queryNodeToObject = (node, isRoot = false) => {
   if (node.type === "condition") {

package/package.json

@@ -1 +1 @@
-{ "name": "@upstash/react-redis-browser", "version": "v0.2.14-rc.2", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src", "prepare": "husky" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "1.37.0-rc.4", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.56.1", "@types/bun": "^1.3.7", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "husky": "^9.1.7", "lint-staged": "^16.2.7", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }
+{ "name": "@upstash/react-redis-browser", "version": "v0.2.14-rc.3", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src", "prepare": "husky" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "1.37.0-rc.4", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.56.1", "@types/bun": "^1.3.7", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "husky": "^9.1.7", "lint-staged": "^16.2.7", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }