Ops-dashboard/app/flows/page.tsx
Janpeter Visser f01bd555d1 feat(flows): add /flows/server-backup page (full + restore-test)
Tweede entry point voor de server-backup feature die in ab87c0f + 20de584
is opgezet. Geeft de bestaande server_backup_full en server_backup_restore_test
flows een eigen plek in de /flows/-index, naast redeploy-all / update-caddy /
update-scrum4me-web.

Eén panel met twee knoppen ('Backup now' / 'Run restore test'); de
description- en step-lijst wisselen mee met de actief gekozen flow. Bevestig-
dialog en confirm-body hergebruiken de wording uit
app/settings/backups/_components/server-backup-section.tsx zodat beide
ingangen consistent blijven. SSE-stream via dezelfde useFlowRun hook;
audit-link na afloop net als redeploy-all.

De settings/backups-page (status + config) raakt niet aangepast — bewust
behouden als tweede ingang voor wie al op die pagina is.

Files:
- app/flows/server-backup/page.tsx                       (new, breadcrumb + panel)
- app/flows/server-backup/_components/flow-panel.tsx     (new, dual-action UI)
- app/flows/page.tsx                                     (+1 entry in FLOWS array)

Server-side commands.yml en /etc/ops-agent/flows/*.yml moeten nog
gedeployed worden — zonder die geeft ops-agent 'flow_key not found' terug.
Deployment-script komt los.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 20:52:52 +02:00

56 lines
1.7 KiB
TypeScript

import Link from 'next/link'
import { redirect } from 'next/navigation'
import { getCurrentUser } from '@/lib/session'
export const dynamic = 'force-dynamic'
const FLOWS = [
{
href: '/flows/redeploy-all',
title: 'Redeploy All',
desc: 'Volledige stack-redeploy: scrum4me-web + MCP-worker (cache-busted)',
},
{
href: '/flows/update-scrum4me-web',
title: 'Update Scrum4Me website',
desc: 'Pull main, build, restart container, run smoke tests',
},
{
href: '/flows/update-caddy-config',
title: 'Update Caddy config',
desc: 'Reload Caddy met nieuwe Caddyfile + cert renewal check',
},
{
href: '/flows/server-backup',
title: 'Server backup',
desc: 'pg_dumpall + restic naar NAS én B2 — handmatige backup of restore-test',
},
]
export default async function FlowsIndex() {
const user = await getCurrentUser()
if (!user) redirect('/login')
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">Flows</h1>
<p className="text-sm text-muted-foreground">Multi-step deployments met dry-run en audit-log</p>
</div>
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
{FLOWS.map((f) => (
<Link
key={f.href}
href={f.href}
className="block rounded-lg border bg-card p-5 transition-colors hover:bg-accent"
>
<h2 className="text-lg font-medium">{f.title}</h2>
<p className="mt-1 text-sm text-muted-foreground">{f.desc}</p>
</Link>
))}
</div>
</div>
</div>
)
}