<script lang="ts">
	import * as Tabs from '$lib/components/ui/tabs';
	import JobsTab from './JobsTab.svelte';
</script>

<div class="space-y-6">
	<div>
		<h1 class="text-3xl font-bold">Status</h1>
		<p class="text-muted-foreground">Monitor jobs and system activity</p>
	</div>

	<Tabs.Root value="jobs">
		<Tabs.List class="mb-6">
			<Tabs.Trigger value="jobs">Jobs</Tabs.Trigger>
		</Tabs.List>

		<Tabs.Content value="jobs">
			<JobsTab />
		</Tabs.Content>
	</Tabs.Root>
</div>
