From dc3689eb40cd4828d1da685afda683d8e11630df Mon Sep 17 00:00:00 2001
From: Guilhem Lemouel <guilhemlemouel@gmail.com>
Date: Thu, 3 Sep 2026 17:48:44 +0200
Subject: [PATCH] refactor(frontend): drop the InfiniteList containerClass prop

Added for the template picker, which turns out not to need it: DataTable's own
container is already `h-full`, so `containerClass="h-full"` merged to nothing and
the height the list pages against comes from the flex chain above it. A prop with
no effect at its only call site is public surface for free. InfiniteList is back
to what it was.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012fRjnaHLwjpHN84gNNxah9
---
 frontend/src/lib/components/InfiniteList.svelte           | 6 ------
 frontend/src/lib/components/home/HubTemplatePicker.svelte | 4 +++-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/src/lib/components/InfiniteList.svelte b/frontend/src/lib/components/InfiniteList.svelte
index e03b690e51..10351a95cc 100644
--- a/frontend/src/lib/components/InfiniteList.svelte
+++ b/frontend/src/lib/components/InfiniteList.svelte
@@ -17,10 +17,6 @@
 		extraRowClasses?: { bgSelected: string; bgHover: string; class: string }
 		neverShowLoader?: boolean
 		preventXOverflow?: boolean
-		/** Applied to the table's outer box. A definite height here (rather than a max) is what
-		 * makes the inner scroll container page: it only scrolls, and so only asks for more,
-		 * when its own height is bounded. */
-		containerClass?: string
 		customRow?: import('svelte').Snippet<[any]>
 		columns?: import('svelte').Snippet
 		extra_row?: import('svelte').Snippet<[any]>
@@ -43,7 +39,6 @@
 		},
 		neverShowLoader = false,
 		preventXOverflow = false,
-		containerClass = '',
 		customRow,
 		columns,
 		extra_row,
@@ -177,7 +172,6 @@
 	{noBorder}
 	{neverShowLoader}
 	{preventXOverflow}
-	{containerClass}
 >
 	{@render columns?.()}
 
diff --git a/frontend/src/lib/components/home/HubTemplatePicker.svelte b/frontend/src/lib/components/home/HubTemplatePicker.svelte
index 3930fe47e5..3843e0cd35 100644
--- a/frontend/src/lib/components/home/HubTemplatePicker.svelte
+++ b/frontend/src/lib/components/home/HubTemplatePicker.svelte
@@ -64,7 +64,9 @@
 	</p>
 
 	<div class="min-h-0 flex-1 border-t border-border-light">
-		<InfiniteList bind:this={list} noBorder rounded={false} containerClass="h-full">
+		<!-- The height comes from the flex chain above: DataTable's own container is `h-full`, so
+		     the scroll box inside it is bounded, which is what lets the list page. -->
+		<InfiniteList bind:this={list} noBorder rounded={false}>
 			{#snippet customRow({ item }: { item: HubProjectPick })}
 				{@const Icon = hubAppIcon(item.iconApps[0] ?? '')}
 				<tr>