Ops-dashboard/app/settings/backups/page.tsx

import Link from 'next/link'
import { redirect } from 'next/navigation'
import { getCurrentUser } from '@/lib/session'
import { execAgent } from '@/lib/agent-client'
import BackupsPanel from './_components/backups-panel'
import {
  parseResticSnapshots,
  parseResticStats,
  parseStatusEnvelope,
} from './_lib/parse'
import type {
  BackupStatusEnvelope,
  ResticSnapshot,
  ResticStats,
} from './_lib/types'

export const dynamic = 'force-dynamic'

export interface BackupFile {
  name: string
  sizeBytes: number
  label: string
}

function parseBackupList(output: string): BackupFile[] {
  return output
    .split('\n')
    .map((line) => line.trim())
    .filter(Boolean)
    .map((line) => {
      const [name, sizeStr] = line.split('\t')
      const sizeBytes = parseInt(sizeStr ?? '0', 10) || 0
      const m = name?.match(/ops_db_(\d{4})(\d{2})(\d{2})_(\d{2})(\d{2})\.dump/)
      const label = m ? `${m[1]}-${m[2]}-${m[3]} ${m[4]}:${m[5]}` : (name ?? '')
      return { name: name ?? '', sizeBytes, label }
    })
    .filter((b) => b.name)
}

function errorMessage(err: unknown): string {
  return err instanceof Error ? err.message : 'agent call failed'
}

async function tryExec(command: string): Promise<{ output: string | null; error: string | null }> {
  try {
    const output = await execAgent(command)
    return { output, error: null }
  } catch (err) {
    return { output: null, error: errorMessage(err) }
  }
}

export default async function BackupsPage() {
  const user = await getCurrentUser()
  if (!user) redirect('/login')

  // Run all agent calls in parallel; per-call error isolation so one failure
  // does not blank the entire page.
  const [
    backupListResult,
    statusResult,
    nasSnapshotsResult,
    b2SnapshotsResult,
    nasStatsResult,
    b2StatsResult,
  ] = await Promise.all([
    tryExec('list_ops_backups'),
    tryExec('read_backup_status'),
    tryExec('restic_snapshots_nas'),
    tryExec('restic_snapshots_b2'),
    tryExec('restic_stats_nas'),
    tryExec('restic_stats_b2'),
  ])

  const backups: BackupFile[] = backupListResult.output
    ? parseBackupList(backupListResult.output)
    : []
  const listError = backupListResult.error

  const envelope: BackupStatusEnvelope = statusResult.output
    ? parseStatusEnvelope(statusResult.output)
    : { lastRun: null, lastRestoreTest: null }

  const nasSnapshots: ResticSnapshot[] = nasSnapshotsResult.output
    ? parseResticSnapshots(nasSnapshotsResult.output, 'nas')
    : []
  const b2Snapshots: ResticSnapshot[] = b2SnapshotsResult.output
    ? parseResticSnapshots(b2SnapshotsResult.output, 'b2')
    : []
  const nasStats: ResticStats | null = nasStatsResult.output
    ? parseResticStats(nasStatsResult.output, 'nas')
    : null
  const b2Stats: ResticStats | null = b2StatsResult.output
    ? parseResticStats(b2StatsResult.output, 'b2')
    : null

  const serverBackupErrors = {
    status: statusResult.error ?? undefined,
    nasSnapshots: nasSnapshotsResult.error ?? undefined,
    b2Snapshots: b2SnapshotsResult.error ?? undefined,
    nasStats: nasStatsResult.error ?? undefined,
    b2Stats: b2StatsResult.error ?? undefined,
  }

  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="/" className="text-sm text-muted-foreground hover:text-foreground">
            ← Home
          </Link>
          <span className="text-muted-foreground">/</span>
          <h1 className="text-2xl font-semibold tracking-tight">Backups</h1>
        </div>

        <BackupsPanel
          backups={backups}
          listError={listError}
          envelope={envelope}
          nasSnapshots={nasSnapshots}
          b2Snapshots={b2Snapshots}
          nasStats={nasStats}
          b2Stats={b2Stats}
          serverBackupErrors={serverBackupErrors}
        />
      </div>
    </div>
  )
}