diff --git a/app/(app)/jobs/page.tsx b/app/(app)/jobs/page.tsx
index 3982bff..3731e6c 100644
--- a/app/(app)/jobs/page.tsx
+++ b/app/(app)/jobs/page.tsx
@@ -18,7 +18,7 @@ export default async function JobsPage() {
         <h1 className="text-lg font-semibold">Jobs</h1>
       </div>
       <div className="flex-1 overflow-hidden">
-        <JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} />
+        <JobsBoard initialActiveJobs={data.activeJobs} initialDoneJobs={data.doneJobs} isDemo={session.isDemo ?? false} />
       </div>
     </main>
   )
diff --git a/components/jobs/job-detail-pane.tsx b/components/jobs/job-detail-pane.tsx
index 7a691c1..42ddafc 100644
--- a/components/jobs/job-detail-pane.tsx
+++ b/components/jobs/job-detail-pane.tsx
@@ -42,9 +42,10 @@ function subjectLabel(job: JobWithRelations): { label: string; value: string } |
 
 interface JobDetailPaneProps {
   job: JobWithRelations | null
+  isDemo: boolean
 }
 
-export default function JobDetailPane({ job }: JobDetailPaneProps) {
+export default function JobDetailPane({ job, isDemo: _isDemo }: JobDetailPaneProps) {
   if (!job) {
     return (
       <div className="flex items-center justify-center h-full text-sm text-muted-foreground">
diff --git a/components/jobs/jobs-board.tsx b/components/jobs/jobs-board.tsx
index 6fd3024..f416e6b 100644
--- a/components/jobs/jobs-board.tsx
+++ b/components/jobs/jobs-board.tsx
@@ -15,6 +15,7 @@ import type { JobWithRelations } from '@/actions/jobs-page'
 interface JobsBoardProps {
   initialActiveJobs: JobWithRelations[]
   initialDoneJobs: JobWithRelations[]
+  isDemo: boolean
 }
 
 type View = 'detail' | 'usage'
@@ -32,7 +33,7 @@ const DONE_STATUS_OPTIONS: Array<{ value: ClaudeJobStatusApi; label: string }> =
   { value: 'skipped', label: 'Overgeslagen' },
 ]
 
-export default function JobsBoard({ initialActiveJobs, initialDoneJobs }: JobsBoardProps) {
+export default function JobsBoard({ initialActiveJobs, initialDoneJobs, isDemo }: JobsBoardProps) {
   const { activeJobs, doneJobs, selectedJobId, initJobs, setSelectedJobId } = useJobsStore()
   const [view, setView] = useState<View>('detail')
   useJobsRealtime()
@@ -77,7 +78,7 @@ export default function JobsBoard({ initialActiveJobs, initialDoneJobs }: JobsBo
         </Button>
       </div>
       <div className="flex-1 overflow-y-auto">
-        {view === 'detail' ? <JobDetailPane job={selectedJob} /> : <JobUsagePane job={selectedJob} />}
+        {view === 'detail' ? <JobDetailPane job={selectedJob} isDemo={isDemo} /> : <JobUsagePane job={selectedJob} />}
       </div>
     </div>
   )