bugfix: fix the max height for the modal

Author: densumesh

clients/search-component/example/package.json

@@ -30,6 +30,7 @@
     "tailwindcss": "^3.4.10",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.1"
+    "vite": "^5.4.1",
+    "trieve-ts-sdk": "^0.0.108"
   }
 }

clients/search-component/example/yarn.lock

@@ -2243,6 +2243,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+trieve-ts-sdk@^0.0.108:
+  version "0.0.108"
+  resolved "https://registry.yarnpkg.com/trieve-ts-sdk/-/trieve-ts-sdk-0.0.108.tgz#67b2662803fbd4347a206c45b2b5960029fcf561"
+  integrity sha512-USvzFoDnQssRn2gLsfAm/GwsT47tLBAzsWRgJZ94SyinvZ0pSLxQ4BbggSZlkmDDfahqCPlrXwslKBLvf2bzGw==
+
 ts-api-utils@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.1.tgz#660729385b625b939aaa58054f45c058f33f10cd"

clients/search-component/package.json

@@ -87,7 +87,7 @@
     "react-two-thumb-input-range": "^1.0.7",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.0.2",
-    "trieve-ts-sdk": "*"
+    "trieve-ts-sdk": "^0.0.108"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0-rc",

clients/search-component/src/utils/hooks/useSizing.ts

@@ -3,7 +3,7 @@ import { useModalState } from "./modal-context";
 
 const popupClass = cva(
   [
-    "tv-max-h-[calc(100vh-48px)]",
+    "tv-max-h-[calc(100dvh-48px)]",
     "tv-overflow-x-auto",
     "mobile-only:tv-min-w-[calc(100vw-32px)]", // mobile
     "mobile-only:tv-max-w-[calc(100vw-32px)]", // mobile
@@ -16,7 +16,7 @@ const popupClass = cva(
     "md:tv-w-[90vw]",
     "md:!tv-min-w-auto",
     "md:!tv-max-w-[1440px]",
-    "md:!tv-max-h-[calc(100vh-64px)]",
+    "md:!tv-max-h-[calc(100dvh-64px)]",
   ],
   {
     variants: {
@@ -27,7 +27,7 @@ const popupClass = cva(
       },
       mode: {
         search: [],
-        chat: ["md:!tv-max-h-[60vh]"],
+        chat: ["md:!tv-max-h-[60dvh]"],
       },
     },
   },