90eacc963d
- lib/agent-client.ts: server-side execAgent() that calls the ops-agent directly via OPS_AGENT_URL/OPS_AGENT_SECRET and streams SSE output - lib/parse-docker.ts: pure parser for fixed-width docker ps table output - app/docker/page.tsx: server component that fetches initial container list and passes it to the client component - app/docker/_components/docker-table.tsx: client component with 5s auto-refresh via useEffect, status badge, and Link to /docker/[name] - app/docker/[name]/page.tsx: placeholder detail page (logs in Story 3) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import Link from 'next/link'
|
|
import { redirect } from 'next/navigation'
|
|
import { getCurrentUser } from '@/lib/session'
|
|
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
type Props = {
|
|
params: Promise<{ name: string }>
|
|
}
|
|
|
|
export default async function DockerDetailPage({ params }: Props) {
|
|
const user = await getCurrentUser()
|
|
if (!user) redirect('/login')
|
|
|
|
const { name } = await params
|
|
const containerName = decodeURIComponent(name)
|
|
|
|
return (
|
|
<div className="min-h-screen bg-background p-6">
|
|
<div className="mx-auto max-w-6xl space-y-6">
|
|
<div className="flex items-center gap-3">
|
|
<Link href="/docker" className="text-sm text-muted-foreground hover:text-foreground">
|
|
← Containers
|
|
</Link>
|
|
<span className="text-muted-foreground">/</span>
|
|
<h1 className="text-2xl font-semibold tracking-tight font-mono">{containerName}</h1>
|
|
</div>
|
|
<div className="rounded-lg border border-border p-6 text-sm text-muted-foreground">
|
|
Log viewer coming in Story 3.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|