nits

frontend/src/lib/components/HistoricInputs.svelte

@@ -6,6 +6,7 @@
 	import JobLoader from './runs/JobLoader.svelte'
 	import { DataTable } from '$lib/components/table'
 	import HistoricList from './HistoricList.svelte'
+	import { Loader2 } from 'lucide-svelte'
 
 	export let runnableId: string | undefined = undefined
 	export let runnableType: RunnableType | undefined = undefined
@@ -103,12 +104,15 @@
 	/>
 {/if}
 
-<div class="h-full max-h-full min-h-0 w-full flex flex-col gap-4">
+<div class="h-full max-h-full min-h-0 w-full flex flex-col gap-4 relative">
 	<div class="grow-0" data-schema-picker>
 		<DataTable size="xs" bind:currentPage={page} hasMore={hasMoreCurrentRuns} tableFixed={true}>
-			{#if loading && (jobs == undefined || jobs?.length == 0)}
-				<div class="text-center text-tertiary text-xs py-2">Loading current runs...</div>
-			{:else if jobs?.length > 0}
+			{#if loading}
+				<div class="text-tertiary absolute top-2 right-2">
+					<Loader2 class="animate-spin" size={14} />
+				</div>
+			{/if}
+			{#if jobs?.length > 0}
 				<colgroup>
 					<col class="w-8" />
 					<col class="w-16" />

frontend/src/lib/components/table/DataTable.svelte

@@ -144,8 +144,10 @@
 			<div
 				class="text-tertiary bg-surface border-t flex flex-row justify-center py-2 items-center gap-2"
 			>
-				<Loader2 class="animate-spin" size={12} />
-				<span class="text-xs">{loadingMore ? 'Loading more...' : 'Refreshing...'}</span>
+				<Loader2 class="animate-spin" size={14} />
+				{#if loadingMore}
+					<span class="text-xs">Loading more...</span>
+				{/if}
 			</div>
 		{/if}
 	</List>