Some changes and suggestions.

Author: rimi-itk

widgets/src/_standalone/ProcessOverview/Pagination.svelte

@@ -15,7 +15,7 @@
 		total: number;
 		changePage: Function;
 	} = $props();
-	const totalAmountOfButtons: number = total / size;
+	const totalAmountOfButtons: number = Math.ceil(total / size);
 	const totalAmountOfPagesAsIntegerArray = Array.from(
 		{ length: totalAmountOfButtons },
 		(_, i) => i + 1
@@ -35,7 +35,7 @@
 >
 	<div class="min-w-[200px] flex items-center text-sm dark:text-gray-300">
 		<!-- Todo find a way to handle placeholders -->
-		<span>{size * page - size}-{size * page} {t('of')} {total}</span>
+		<span>{size * page - size}–{size * page} {t('of')} {total}</span>
 	</div>
 	<div class="flex items-center space-x-2">
 		<PaginationButton

widgets/src/_standalone/ProcessOverview/index.svelte

@@ -7,7 +7,7 @@
 	import ErrorBanner from '$lib/ErrorBanner.svelte';
 	import Pagination from './Pagination.svelte';
 
-	const { page_size, data_url } = config;
+	const { page_size = '10', data_url } = config;
 
 	let error: boolean = $state(false);
 	let data: ProgressData | null = $state(null);

widgets/src/lib/Table.svelte

@@ -43,7 +43,7 @@
 						class="hover:bg-neutral-300 dark:hover:bg-gray-800 border-b border-neutral-300 dark:border-neutral-800"
 					>
 						{#each row as cell, i}
-							{#if cell.status}
+							{#if 'step' === cell.type}
 								<TableCell
 									{cell}
 									{row}