feat(worker-logs): add worker run-log viewer page
Nieuwe /worker-logs pagina: een tabel van de laatste N (10/25/50/100) worker-runs met een inline detailpaneel dat de stream-json output van Claude Code als leesbare timeline toont (system-init, assistant-tekst, tool-calls/results, result-kaart). - lib/parse-worker-log.ts: pure parser — summarizeRunLog (tabel) + parseRunLog (timeline), discriminated-union events, server-side truncatie van grote tool-results. - lib/worker-logs.ts: server-only fs-toegang, leest uit WORKER_LOGS_DIR (read-only bind mount), naam-regex + pad-confinement, .gz support. - app/api/worker-logs[/[name]]: GET-routes, auth-guarded, force-dynamic. - app/worker-logs: server page + client view (tabel, N-selector, auto-refresh) + detail (timeline, auto-refresh tijdens in-progress run). Vereist een read-only bind mount van /srv/scrum4me/worker-logs in de ops-dashboard-container (docker-compose.yml + WORKER_LOGS_DIR in .env). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Janpeter Visser
parent
84b3afbefa
commit
7e049ebdef
10 changed files with 1159 additions and 0 deletions
291
app/worker-logs/_components/run-log-detail.tsx
Normal file
291
app/worker-logs/_components/run-log-detail.tsx
Normal file
|
|
@ -0,0 +1,291 @@
|
|||
'use client'
|
||||
|
||||
import { useCallback, useEffect, useState, type ReactElement } from 'react'
|
||||
import type { LogEvent, MetaTag, ParsedRunLog } from '@/lib/parse-worker-log'
|
||||
import { cn, formatDuration } from '@/lib/utils'
|
||||
|
||||
async function fetchDetail(fileName: string): Promise<ParsedRunLog> {
|
||||
const res = await fetch(`/api/worker-logs/${encodeURIComponent(fileName)}`, { cache: 'no-store' })
|
||||
const body = await res.json().catch(() => ({}))
|
||||
if (!res.ok) throw new Error(body?.error ?? `request failed (${res.status})`)
|
||||
return body as ParsedRunLog
|
||||
}
|
||||
|
||||
const META_TAG_STYLES: Record<MetaTag, string> = {
|
||||
claim: 'text-muted-foreground',
|
||||
auth: 'text-muted-foreground',
|
||||
quota: 'text-muted-foreground',
|
||||
'no-job': 'text-muted-foreground',
|
||||
claimed: 'text-blue-600 dark:text-blue-400',
|
||||
worktree: 'text-muted-foreground',
|
||||
config: 'text-blue-600 dark:text-blue-400',
|
||||
payload: 'text-muted-foreground',
|
||||
spawn: 'text-blue-600 dark:text-blue-400',
|
||||
'claude-done': 'text-blue-600 dark:text-blue-400',
|
||||
cleanup: 'text-muted-foreground',
|
||||
exit: 'text-muted-foreground',
|
||||
error: 'text-destructive',
|
||||
'token-expired': 'text-destructive',
|
||||
timeout: 'text-muted-foreground',
|
||||
other: 'text-muted-foreground',
|
||||
}
|
||||
|
||||
function timeOnly(ts: string | null): string {
|
||||
if (!ts) return ''
|
||||
const d = new Date(ts)
|
||||
return isNaN(d.getTime()) ? '' : d.toLocaleTimeString()
|
||||
}
|
||||
|
||||
function inputPreview(input: string): string {
|
||||
const oneLine = input.replace(/\s+/g, ' ').trim()
|
||||
return oneLine.length > 100 ? `${oneLine.slice(0, 100)}…` : oneLine
|
||||
}
|
||||
|
||||
function TruncNote({ chars }: { chars?: number }) {
|
||||
return (
|
||||
<div className="mt-0.5 text-[11px] italic text-muted-foreground">
|
||||
— afgekapt{chars != null ? ` (${chars} chars totaal)` : ''}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function EventBlock({ event }: { event: LogEvent }): ReactElement {
|
||||
switch (event.kind) {
|
||||
case 'meta':
|
||||
return (
|
||||
<div className="flex gap-2 py-0.5 font-mono text-[11px] leading-relaxed">
|
||||
<span className="shrink-0 text-muted-foreground/60">{timeOnly(event.ts)}</span>
|
||||
<span className={cn('shrink-0 uppercase tracking-wide', META_TAG_STYLES[event.tag])}>
|
||||
{event.tag}
|
||||
</span>
|
||||
<span className="break-all text-muted-foreground">{event.text}</span>
|
||||
</div>
|
||||
)
|
||||
|
||||
case 'system-init':
|
||||
return (
|
||||
<div className="my-2 rounded-lg border border-border bg-card p-3 text-xs">
|
||||
<div className="mb-1 font-medium text-foreground">Sessie gestart</div>
|
||||
<div className="grid grid-cols-2 gap-x-4 gap-y-1 text-muted-foreground sm:grid-cols-3">
|
||||
<div>
|
||||
<span className="text-foreground/70">model</span> {event.model}
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-foreground/70">permission</span> {event.permissionMode}
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-foreground/70">claude</span> v{event.version || '?'}
|
||||
</div>
|
||||
</div>
|
||||
{event.cwd && (
|
||||
<div className="mt-1 break-all font-mono text-[11px] text-muted-foreground">
|
||||
cwd: {event.cwd}
|
||||
</div>
|
||||
)}
|
||||
{(event.tools.length > 0 || event.mcpServers.length > 0) && (
|
||||
<details className="mt-2">
|
||||
<summary className="cursor-pointer text-muted-foreground hover:text-foreground">
|
||||
{event.tools.length} tools · {event.mcpServers.length} MCP-server(s)
|
||||
</summary>
|
||||
<div className="mt-1 font-mono text-[11px] text-muted-foreground">
|
||||
{event.mcpServers.length > 0 && <div>mcp: {event.mcpServers.join(', ')}</div>}
|
||||
<div className="break-words">{event.tools.join(', ')}</div>
|
||||
</div>
|
||||
</details>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
|
||||
case 'assistant-text':
|
||||
return (
|
||||
<div className="my-1.5 border-l-2 border-blue-300 pl-3 dark:border-blue-700">
|
||||
<div className="whitespace-pre-wrap text-sm text-foreground">{event.text}</div>
|
||||
{event.truncated && <TruncNote />}
|
||||
</div>
|
||||
)
|
||||
|
||||
case 'thinking':
|
||||
return (
|
||||
<details className="my-1 pl-3">
|
||||
<summary className="cursor-pointer text-xs italic text-muted-foreground hover:text-foreground">
|
||||
thinking…
|
||||
</summary>
|
||||
<div className="mt-1 whitespace-pre-wrap border-l-2 border-border pl-3 text-xs italic text-muted-foreground">
|
||||
{event.text}
|
||||
{event.truncated && <TruncNote />}
|
||||
</div>
|
||||
</details>
|
||||
)
|
||||
|
||||
case 'tool-call':
|
||||
return (
|
||||
<details open className="my-1">
|
||||
<summary className="cursor-pointer list-none">
|
||||
<span className="inline-flex max-w-full items-center gap-2 rounded-md bg-muted px-2 py-1 text-xs">
|
||||
<span className="shrink-0 font-medium text-foreground">▸ {event.name}</span>
|
||||
<span className="truncate font-mono text-[11px] text-muted-foreground">
|
||||
{inputPreview(event.input)}
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<pre className="ml-2 mt-1 overflow-x-auto rounded-md border border-border bg-muted/30 p-2 font-mono text-[11px] leading-relaxed">
|
||||
{event.input}
|
||||
</pre>
|
||||
{event.truncated && <TruncNote />}
|
||||
</details>
|
||||
)
|
||||
|
||||
case 'tool-result':
|
||||
return (
|
||||
<details className="my-1">
|
||||
<summary className="cursor-pointer list-none">
|
||||
<span
|
||||
className={cn(
|
||||
'inline-flex items-center gap-2 rounded-md px-2 py-1 text-xs',
|
||||
event.isError
|
||||
? 'bg-destructive/10 text-destructive'
|
||||
: 'bg-muted text-muted-foreground',
|
||||
)}
|
||||
>
|
||||
<span>{event.isError ? '✕ result (error)' : '◂ result'}</span>
|
||||
<span className="text-[11px] opacity-70">{event.fullLength} chars</span>
|
||||
</span>
|
||||
</summary>
|
||||
<pre
|
||||
className={cn(
|
||||
'ml-2 mt-1 max-h-80 overflow-auto whitespace-pre-wrap break-all rounded-md border p-2 font-mono text-[11px] leading-relaxed',
|
||||
event.isError ? 'border-destructive/30 bg-destructive/5' : 'border-border bg-muted/30',
|
||||
)}
|
||||
>
|
||||
{event.body || '(body weggelaten — timeline ingekort)'}
|
||||
</pre>
|
||||
{event.truncated && <TruncNote chars={event.fullLength} />}
|
||||
</details>
|
||||
)
|
||||
|
||||
case 'rate-limit':
|
||||
return (
|
||||
<div className="my-1 text-xs">
|
||||
<span className="rounded-md bg-amber-100 px-2 py-0.5 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400">
|
||||
rate limit: {event.status}
|
||||
</span>
|
||||
</div>
|
||||
)
|
||||
|
||||
case 'result':
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'my-2 rounded-lg border p-3',
|
||||
event.isError
|
||||
? 'border-destructive/30 bg-destructive/10'
|
||||
: 'border-green-300 bg-green-50 dark:border-green-800 dark:bg-green-900/20',
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-wrap items-center gap-3 text-xs">
|
||||
<span className="font-medium text-foreground">Resultaat: {event.subtype}</span>
|
||||
{event.durationMs != null && (
|
||||
<span className="text-muted-foreground">{formatDuration(event.durationMs)}</span>
|
||||
)}
|
||||
{event.numTurns != null && (
|
||||
<span className="text-muted-foreground">{event.numTurns} turns</span>
|
||||
)}
|
||||
{event.totalCostUsd != null && (
|
||||
<span className="text-muted-foreground">${event.totalCostUsd.toFixed(2)}</span>
|
||||
)}
|
||||
</div>
|
||||
{event.resultText && (
|
||||
<div className="mt-2 whitespace-pre-wrap text-sm text-foreground">
|
||||
{event.resultText}
|
||||
</div>
|
||||
)}
|
||||
{event.resultTruncated && <TruncNote />}
|
||||
</div>
|
||||
)
|
||||
|
||||
case 'raw':
|
||||
return (
|
||||
<div className="break-all py-0.5 font-mono text-[11px] text-muted-foreground/70">
|
||||
{event.text}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default function RunLogDetail({ fileName }: { fileName: string }) {
|
||||
const [data, setData] = useState<ParsedRunLog | null>(null)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const [loading, setLoading] = useState(true)
|
||||
|
||||
const load = useCallback(async () => {
|
||||
try {
|
||||
const d = await fetchDetail(fileName)
|
||||
setData(d)
|
||||
setError(null)
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'kon log niet laden')
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}, [fileName])
|
||||
|
||||
useEffect(() => {
|
||||
setLoading(true)
|
||||
setData(null)
|
||||
setError(null)
|
||||
load()
|
||||
}, [load])
|
||||
|
||||
// Keep refreshing while the run is still in progress.
|
||||
useEffect(() => {
|
||||
if (!data?.inProgress) return
|
||||
const id = setInterval(load, 5000)
|
||||
return () => clearInterval(id)
|
||||
}, [data?.inProgress, load])
|
||||
|
||||
if (loading) {
|
||||
return <div className="animate-pulse text-xs text-muted-foreground">log laden…</div>
|
||||
}
|
||||
if (error) {
|
||||
return (
|
||||
<div className="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive">
|
||||
{error}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
if (!data) return null
|
||||
|
||||
const { summary, events } = data
|
||||
|
||||
return (
|
||||
<div className="space-y-2">
|
||||
<div className="flex flex-wrap items-center gap-3 text-xs text-muted-foreground">
|
||||
<span className="font-mono text-foreground">{summary.fileName}</span>
|
||||
{summary.jobId && <span className="font-mono">job {summary.jobId}</span>}
|
||||
{summary.model && <span>{summary.model}</span>}
|
||||
{summary.permissionMode && <span>{summary.permissionMode}</span>}
|
||||
{summary.durationMs != null && <span>{formatDuration(summary.durationMs)}</span>}
|
||||
{data.inProgress && (
|
||||
<span className="animate-pulse text-amber-600 dark:text-amber-400">● running…</span>
|
||||
)}
|
||||
{data.responseTruncated && (
|
||||
<span className="italic">timeline ingekort (zeer grote log)</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{summary.errorSummary && (
|
||||
<div className="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive">
|
||||
{summary.errorSummary}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="rounded-lg border border-border bg-background p-3">
|
||||
{events.length === 0 ? (
|
||||
<div className="text-xs text-muted-foreground">geen events</div>
|
||||
) : (
|
||||
events.map((event, i) => <EventBlock key={i} event={event} />)
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
202
app/worker-logs/_components/worker-logs-view.tsx
Normal file
202
app/worker-logs/_components/worker-logs-view.tsx
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
'use client'
|
||||
|
||||
import { Fragment, useCallback, useEffect, useState } from 'react'
|
||||
import type { RunLogSummary, RunStatus } from '@/lib/parse-worker-log'
|
||||
import { cn, formatDuration, relativeTime } from '@/lib/utils'
|
||||
import RunLogDetail from './run-log-detail'
|
||||
|
||||
const LIMIT_OPTIONS = [10, 25, 50, 100]
|
||||
const COLUMN_COUNT = 7
|
||||
|
||||
const STATUS_STYLES: Record<RunStatus, { badge: string; dot: string }> = {
|
||||
idle: {
|
||||
badge: 'bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400',
|
||||
dot: 'bg-zinc-400 dark:bg-zinc-500',
|
||||
},
|
||||
running: {
|
||||
badge: 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400',
|
||||
dot: 'bg-amber-500 dark:bg-amber-400',
|
||||
},
|
||||
success: {
|
||||
badge: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400',
|
||||
dot: 'bg-green-500 dark:bg-green-400',
|
||||
},
|
||||
error: {
|
||||
badge: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400',
|
||||
dot: 'bg-red-500 dark:bg-red-400',
|
||||
},
|
||||
'token-expired': {
|
||||
badge: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400',
|
||||
dot: 'bg-red-500 dark:bg-red-400',
|
||||
},
|
||||
unknown: {
|
||||
badge: 'bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400',
|
||||
dot: 'bg-zinc-400 dark:bg-zinc-500',
|
||||
},
|
||||
}
|
||||
|
||||
export function StatusBadge({ status }: { status: RunStatus }) {
|
||||
const s = STATUS_STYLES[status]
|
||||
return (
|
||||
<span
|
||||
className={cn(
|
||||
'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium',
|
||||
s.badge,
|
||||
)}
|
||||
>
|
||||
<span className={cn('size-1.5 rounded-full', s.dot)} />
|
||||
{status}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
async function fetchLogs(limit: number): Promise<RunLogSummary[]> {
|
||||
const res = await fetch(`/api/worker-logs?limit=${limit}`, { cache: 'no-store' })
|
||||
const body = await res.json().catch(() => ({}))
|
||||
if (!res.ok) throw new Error(body?.error ?? `request failed (${res.status})`)
|
||||
return (body.logs ?? []) as RunLogSummary[]
|
||||
}
|
||||
|
||||
type Props = {
|
||||
initialLogs: RunLogSummary[]
|
||||
initialError: string | null
|
||||
}
|
||||
|
||||
export default function WorkerLogsView({ initialLogs, initialError }: Props) {
|
||||
const [logs, setLogs] = useState<RunLogSummary[]>(initialLogs)
|
||||
const [limit, setLimit] = useState(10)
|
||||
const [selected, setSelected] = useState<string | null>(null)
|
||||
const [error, setError] = useState<string | null>(initialError)
|
||||
const [refreshing, setRefreshing] = useState(false)
|
||||
const [lastUpdated, setLastUpdated] = useState<Date>(new Date())
|
||||
|
||||
const refresh = useCallback(async () => {
|
||||
setRefreshing(true)
|
||||
try {
|
||||
const data = await fetchLogs(limit)
|
||||
setLogs(data)
|
||||
setError(null)
|
||||
setLastUpdated(new Date())
|
||||
} catch (err) {
|
||||
setError(err instanceof Error ? err.message : 'refresh failed')
|
||||
} finally {
|
||||
setRefreshing(false)
|
||||
}
|
||||
}, [limit])
|
||||
|
||||
useEffect(() => {
|
||||
refresh()
|
||||
const id = setInterval(refresh, 10000)
|
||||
return () => clearInterval(id)
|
||||
}, [refresh])
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-xs text-muted-foreground">toon</span>
|
||||
{LIMIT_OPTIONS.map((opt) => (
|
||||
<button
|
||||
key={opt}
|
||||
onClick={() => setLimit(opt)}
|
||||
className={cn(
|
||||
'rounded-md border px-2 py-1 text-xs transition-colors',
|
||||
limit === opt
|
||||
? 'border-foreground/30 bg-muted font-medium text-foreground'
|
||||
: 'border-border text-muted-foreground hover:bg-muted/50',
|
||||
)}
|
||||
>
|
||||
{opt}
|
||||
</button>
|
||||
))}
|
||||
{refreshing && (
|
||||
<span className="text-xs text-muted-foreground animate-pulse">refreshing…</span>
|
||||
)}
|
||||
</div>
|
||||
<span className="text-xs text-muted-foreground">
|
||||
updated {lastUpdated.toLocaleTimeString()} · auto-refreshes every 10s
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{error && (
|
||||
<div className="rounded-lg border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm text-destructive">
|
||||
{error}
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="overflow-x-auto rounded-lg border border-border">
|
||||
<table className="w-full text-sm">
|
||||
<thead>
|
||||
<tr className="border-b border-border bg-muted/50">
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Started</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Status</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Job</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Model</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Turns</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Duration</th>
|
||||
<th className="px-4 py-3 text-left font-medium text-muted-foreground">Cost</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{logs.length === 0 && !error ? (
|
||||
<tr>
|
||||
<td colSpan={COLUMN_COUNT} className="px-4 py-8 text-center text-muted-foreground">
|
||||
No worker runs found
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
logs.map((log) => {
|
||||
const isSelected = selected === log.fileName
|
||||
return (
|
||||
<Fragment key={log.fileName}>
|
||||
<tr
|
||||
onClick={() => setSelected(isSelected ? null : log.fileName)}
|
||||
title={log.errorSummary ?? undefined}
|
||||
className={cn(
|
||||
'cursor-pointer border-b border-border transition-colors',
|
||||
isSelected ? 'bg-muted/50' : 'hover:bg-muted/30',
|
||||
)}
|
||||
>
|
||||
<td className="px-4 py-3 text-xs">
|
||||
{log.startedAt ? (
|
||||
<span title={new Date(log.startedAt).toLocaleString()}>
|
||||
{relativeTime(new Date(log.startedAt))}
|
||||
</span>
|
||||
) : (
|
||||
<span className="font-mono">{log.runId}</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 py-3">
|
||||
<StatusBadge status={log.status} />
|
||||
</td>
|
||||
<td className="px-4 py-3 font-mono text-xs text-muted-foreground">
|
||||
{log.jobId ? `…${log.jobId.slice(-8)}` : '—'}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-xs text-muted-foreground">{log.model ?? '—'}</td>
|
||||
<td className="px-4 py-3 text-xs text-muted-foreground">
|
||||
{log.numTurns ?? '—'}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-xs text-muted-foreground">
|
||||
{log.durationMs != null ? formatDuration(log.durationMs) : '—'}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-xs text-muted-foreground">
|
||||
{log.totalCostUsd != null ? `$${log.totalCostUsd.toFixed(2)}` : '—'}
|
||||
</td>
|
||||
</tr>
|
||||
{isSelected && (
|
||||
<tr className="border-b border-border bg-muted/20">
|
||||
<td colSpan={COLUMN_COUNT} className="px-4 py-4">
|
||||
<RunLogDetail fileName={log.fileName} />
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
</Fragment>
|
||||
)
|
||||
})
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
34
app/worker-logs/page.tsx
Normal file
34
app/worker-logs/page.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import { redirect } from 'next/navigation'
|
||||
import { getCurrentUser } from '@/lib/session'
|
||||
import { listRunLogs } from '@/lib/worker-logs'
|
||||
import type { RunLogSummary } from '@/lib/parse-worker-log'
|
||||
import WorkerLogsView from './_components/worker-logs-view'
|
||||
|
||||
export const dynamic = 'force-dynamic'
|
||||
|
||||
export default async function WorkerLogsPage() {
|
||||
const user = await getCurrentUser()
|
||||
if (!user) redirect('/login')
|
||||
|
||||
let initialLogs: RunLogSummary[] = []
|
||||
let initialError: string | null = null
|
||||
try {
|
||||
initialLogs = await listRunLogs(10)
|
||||
} catch (err) {
|
||||
initialError = err instanceof Error ? err.message : 'Failed to read worker logs'
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background p-6">
|
||||
<div className="mx-auto max-w-6xl space-y-6">
|
||||
<div>
|
||||
<h1 className="text-2xl font-semibold tracking-tight">Worker Logs</h1>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Recente runs van de Scrum4Me-worker — klik een rij voor de uitgewerkte timeline
|
||||
</p>
|
||||
</div>
|
||||
<WorkerLogsView initialLogs={initialLogs} initialError={initialError} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue