From 0c172b264741c6521d4ed62c3d9c55f7aeb14bb1 Mon Sep 17 00:00:00 2001
From: ytkimirti <yusuftaha9@gmail.com>
Date: Fri, 8 May 2026 11:05:27 +0300
Subject: [PATCH 1/2] fix: prevent long unbreakable keys from breaking modal
 and header layouts

- delete-key modal: break-all on description so long key names wrap
- DisplayHeader title: min-w-0 so truncate engages in flex parent
- IndexSelector trigger + dropdown: max-width and min-w-0 so long
  index names don't push sibling actions off-screen
---
 .../databrowser/components/delete-key-modal.tsx           | 2 +-
 .../databrowser/components/display/display-header.tsx     | 2 +-
 src/components/databrowser/components/header/index.tsx    | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/databrowser/components/delete-key-modal.tsx b/src/components/databrowser/components/delete-key-modal.tsx
index 48a14ec..263a9de 100644
--- a/src/components/databrowser/components/delete-key-modal.tsx
+++ b/src/components/databrowser/components/delete-key-modal.tsx
@@ -55,7 +55,7 @@ export function DeleteKeyModal({
           <DialogTitle>
             {isPlural ? `Delete ${count} ${itemsLabel}` : `Delete ${itemLabel}`}
           </DialogTitle>
-          <DialogDescription className="mt-5">
+          <DialogDescription className="mt-5 break-all">
             Are you sure you want to delete{" "}
             {name ? (
               <>
diff --git a/src/components/databrowser/components/display/display-header.tsx b/src/components/databrowser/components/display/display-header.tsx
index c18a7b3..018eed1 100644
--- a/src/components/databrowser/components/display/display-header.tsx
+++ b/src/components/databrowser/components/display/display-header.tsx
@@ -35,7 +35,7 @@ export const DisplayHeader = ({
     <div className="rounded-lg">
       {/* Key title and actions */}
       <div className="flex h-[26px] items-center justify-between gap-4">
-        <h2 className="grow truncate text-sm">
+        <h2 className="min-w-0 grow truncate text-sm">
           {dataKey.trim() === "" ? (
             <span className="ml-1 text-zinc-500">(Empty Key)</span>
           ) : (
diff --git a/src/components/databrowser/components/header/index.tsx b/src/components/databrowser/components/header/index.tsx
index 6d7697d..18ba062 100644
--- a/src/components/databrowser/components/header/index.tsx
+++ b/src/components/databrowser/components/header/index.tsx
@@ -130,8 +130,8 @@ const IndexSelector = () => {
         modal={false}
       >
         <PopoverTrigger asChild>
-          <button className="flex min-w-[140px] items-center justify-between gap-2 rounded-r-lg border border-zinc-300 bg-emerald-50 px-3 py-[5px] text-sm font-medium text-emerald-800 transition-colors hover:bg-emerald-100">
-            <span className="truncate">{index || "Select an index"}</span>
+          <button className="flex min-w-[140px] max-w-[240px] items-center justify-between gap-2 rounded-r-lg border border-zinc-300 bg-emerald-50 px-3 py-[5px] text-sm font-medium text-emerald-800 transition-colors hover:bg-emerald-100">
+            <span className="min-w-0 truncate">{index || "Select an index"}</span>
             <IconChevronDown className="size-4 shrink-0 opacity-50" />
           </button>
         </PopoverTrigger>
@@ -172,11 +172,11 @@ const IndexSelector = () => {
                       setValuesSearchIndex(idx)
                       setOpen(false)
                     }}
-                    className="flex flex-1 items-center gap-2 text-left text-sm"
+                    className="flex min-w-0 flex-1 items-center gap-2 text-left text-sm"
                   >
                     <span
                       className={cn(
-                        "flex size-5 items-center justify-center",
+                        "flex size-5 shrink-0 items-center justify-center",
                         idx === index ? "text-emerald-600" : "text-transparent"
                       )}
                     >

From 816a4c2f510ac1127cf1b51f5696ef6fd2bbd31a Mon Sep 17 00:00:00 2001
From: ytkimirti <yusuftaha9@gmail.com>
Date: Fri, 8 May 2026 11:25:27 +0300
Subject: [PATCH 2/2] ci: pin pnpm to v9 for E2E workflow

pnpm 10.x exits non-zero on ignored build scripts (esbuild postinstall).
Pinning to v9 avoids the strict-builds behaviour without changing
package metadata.
---
 .github/workflows/playwright.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 5ece92f..3a65539 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -15,7 +15,7 @@ jobs:
       with:
         node-version: lts/*
     - name: Install dependencies
-      run: npm install -g pnpm && pnpm install
+      run: npm install -g pnpm@9 && pnpm install
     - name: Install Playwright Browsers
       run: pnpm exec playwright install --with-deps
     - name: Run Playwright tests