From 187f1ae27ace6925f1267b62e8c9cade55ddad07 Mon Sep 17 00:00:00 2001
From: Benson Wong <mostlygeek+git@gmail.com>
Date: Sun, 28 Jun 2026 04:36:56 +0000
Subject: [PATCH] ui: fix logs tab height and column toggle dropdown

- Make ModelLogsTab fill available vertical space instead of fixed h-80
- Add min-h-0 flex-1 to Logs Tabs.Content so height propagates
- Set closeOnSelect=false on column visibility checkbox items to keep
  the dropdown open while toggling multiple columns
---
 ui-svelte/src/components/ActivityTable.svelte      | 1 +
 ui-svelte/src/components/model/ModelLogsTab.svelte | 2 +-
 ui-svelte/src/routes/ModelDetail.svelte            | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui-svelte/src/components/ActivityTable.svelte b/ui-svelte/src/components/ActivityTable.svelte
index 66ba7253..ff9b3673 100644
--- a/ui-svelte/src/components/ActivityTable.svelte
+++ b/ui-svelte/src/components/ActivityTable.svelte
@@ -354,6 +354,7 @@
               <DropdownMenu.CheckboxItem
                 checked={column.getIsVisible()}
                 onCheckedChange={(v) => column.toggleVisibility(!!v)}
+                closeOnSelect={false}
               >
                 {columnLabelMap[column.id] ?? column.id}
               </DropdownMenu.CheckboxItem>
diff --git a/ui-svelte/src/components/model/ModelLogsTab.svelte b/ui-svelte/src/components/model/ModelLogsTab.svelte
index e231d849..94978bf8 100644
--- a/ui-svelte/src/components/model/ModelLogsTab.svelte
+++ b/ui-svelte/src/components/model/ModelLogsTab.svelte
@@ -21,6 +21,6 @@
   });
 </script>
 
-<div class="h-80">
+<div class="h-full">
   <LogPanel id={`model-${modelId}`} title="Model Logs" {logData} />
 </div>
diff --git a/ui-svelte/src/routes/ModelDetail.svelte b/ui-svelte/src/routes/ModelDetail.svelte
index 9e7e4a51..b1fdfccf 100644
--- a/ui-svelte/src/routes/ModelDetail.svelte
+++ b/ui-svelte/src/routes/ModelDetail.svelte
@@ -82,7 +82,7 @@
       </Tabs.Content>
 
       <!-- Logs -->
-      <Tabs.Content value="logs">
+      <Tabs.Content value="logs" class="min-h-0 flex-1">
         <ModelLogsTab modelId={modelId} />
       </Tabs.Content>