From f2f909bd7ff038bba3be7bfcf172cd5d1979f38b Mon Sep 17 00:00:00 2001
From: Ramel Tecnologia - Rafa Martins
 <146174365+rafacpti23@users.noreply.github.com>
Date: Sun, 14 Jun 2026 09:45:25 -0300
Subject: [PATCH] fix(ui): expand request log table height with vertical resize
 (#3820)

The request log table is given a comfortable minimum height (~10 rows) and is
user-resizable vertically, replacing the previous flex/overflow-hidden constraints that
clipped it short. Pure layout change to the logs page and RequestLoggerV2 card.

Integrated into release/v3.8.25.

Co-authored-by: diegosouzapw <diegosouza.pw@gmail.com>
---
 src/app/(dashboard)/dashboard/logs/page.tsx |  4 ++--
 src/shared/components/RequestLoggerV2.tsx   | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/logs/page.tsx b/src/app/(dashboard)/dashboard/logs/page.tsx
index df1790bd3c..4b88afde7e 100644
--- a/src/app/(dashboard)/dashboard/logs/page.tsx
+++ b/src/app/(dashboard)/dashboard/logs/page.tsx
@@ -118,7 +118,7 @@ export default function LogsPage() {
   }
 
   return (
-    <div className="h-full flex flex-col gap-6 overflow-hidden">
+    <div className="flex flex-col gap-6">
       <div className="flex-shrink-0 flex items-center justify-between gap-4 flex-wrap">
         <h2 className="text-lg font-semibold text-text-main">{t("requestLogs")}</h2>
 
@@ -213,7 +213,7 @@ export default function LogsPage() {
         </div>
       )}
 
-      <div className="flex-1 min-h-0 overflow-hidden">
+      <div className="min-h-0">
         <RequestLoggerV2 key={requestLogKey} ref={requestLoggerRef} initialSelectedId={initialId} />
       </div>
 
diff --git a/src/shared/components/RequestLoggerV2.tsx b/src/shared/components/RequestLoggerV2.tsx
index 89728e2322..111c2260a1 100644
--- a/src/shared/components/RequestLoggerV2.tsx
+++ b/src/shared/components/RequestLoggerV2.tsx
@@ -628,7 +628,7 @@ const RequestLoggerV2 = forwardRef<RequestLoggerV2Handle, { initialSelectedId?:
     );
 
     return (
-      <div className="flex flex-col gap-4 h-full">
+      <div className="flex flex-col gap-4">
         {/* Header Bar */}
         <div className="flex flex-wrap items-center gap-3">
           {/* Recording Toggle */}
@@ -910,8 +910,14 @@ const RequestLoggerV2 = forwardRef<RequestLoggerV2Handle, { initialSelectedId?:
         </div>
 
         {/* Table */}
-        <Card className="flex-1 min-h-0 overflow-hidden bg-black/5 dark:bg-black/20">
-          <div ref={scrollContainerRef} className="p-0 overflow-x-auto overflow-y-auto h-full">
+        <Card
+          padding="none"
+          className="min-h-[460px] resize-y overflow-auto bg-black/5 dark:bg-black/20"
+        >
+          <div
+            ref={scrollContainerRef}
+            className="p-0 overflow-x-auto overflow-y-auto h-full min-h-[460px]"
+          >
             {loading && logs.length === 0 ? (
               <div className="p-8 text-center text-text-muted">{t("loadingLogs")}</div>
             ) : logs.length === 0 ? (