lorentz/wulf-pulse
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

feat: IT Glue integration, workflow engine, pipelines, Zabbix WAN, notification channels, backup status UI improvements, nav alignment fixes

Browse source
This commit is contained in:
lorentz 2026-02-27 14:52:14 -05:00
parent ed6c4a8b65
commit 19605f82aa
97 changed files with 17080 additions and 304 deletions
Download patch file Download diff file Expand all files Collapse all files

86
app/backup-status/page.tsx
View file

@ -1,7 +1,6 @@
'use client';
import { useEffect, useState } from 'react';
import { PageHeader } from '@/components/navigation/app-navigation';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
@ -9,7 +8,7 @@ import { BackupSummaryCards } from '@/components/backup/backup-summary-cards';
import { CompanyBackupTable, CompanyBackupRow } from '@/components/backup/company-backup-table';
import { ComplianceSummaryCards } from '@/components/backup/compliance-summary-cards';
import { ComplianceDetailTable } from '@/components/backup/compliance-detail-table';
import { RefreshCw, AlertTriangle } from 'lucide-react';
import { RefreshCw } from 'lucide-react';
import { Skeleton } from '@/components/ui/skeleton';
interface BackupStatusData {
@ -107,66 +106,49 @@ export default function BackupStatusPage() {
if (loading) {
return (
<div>
<PageHeader title="Backup Status" description="Veeam backup health and compliance overview" />
<div className="container py-6 space-y-6">
<div className="grid gap-4 md:grid-cols-3 lg:grid-cols-5">
{[...Array(5)].map((_, i) => <Skeleton key={i} className="h-24" />)}
</div>
<Skeleton className="h-96" />
<div className="container px-6 py-6 space-y-6">
<div className="grid gap-4 md:grid-cols-3 lg:grid-cols-5">
{[...Array(5)].map((_, i) => <Skeleton key={i} className="h-24" />)}
</div>
<Skeleton className="h-96" />
</div>
);
}
return (
<div>
<PageHeader
title="Backup Status"
description="Veeam backup health and compliance overview"
actions={
<div className="flex items-center gap-3">
{status?.lastSyncAt && (
<span className="text-sm text-muted-foreground">
Last sync: {timeAgo(status.lastSyncAt)}
</span>
)}
<Button
variant="outline"
size="sm"
onClick={handleSync}
disabled={syncing}
>
<RefreshCw className={`h-4 w-4 mr-2 ${syncing ? 'animate-spin' : ''}`} />
{syncing ? 'Syncing...' : 'Sync Now'}
</Button>
</div>
}
/>
<div className="container py-6 space-y-6">
{/* Stale sync warning */}
{isSyncStale && !loading && (
<div className="flex items-center gap-2 p-3 rounded-md bg-yellow-500/10 border border-yellow-500/20 text-yellow-600 dark:text-yellow-400">
<AlertTriangle className="h-4 w-4" />
<span className="text-sm">
Backup data may be outdated. Last sync: {status?.lastSyncAt ? timeAgo(status.lastSyncAt) : 'Never'}.
</span>
</div>
)}
<div className="container px-6 py-6 space-y-6">
<Tabs defaultValue="overview" className="space-y-6">
<TabsList>
<TabsTrigger value="overview">Backup Overview</TabsTrigger>
<TabsTrigger value="compliance">
Contract Compliance
{compliance && (compliance.summary.contractedNotBackedUp > 0 || compliance.summary.backedUpNotContracted > 0) && (
<Badge variant="destructive" className="ml-2 h-5 px-1.5 text-xs">
{compliance.summary.contractedNotBackedUp + compliance.summary.backedUpNotContracted}
</Badge>
<div className="flex items-center justify-between">
<TabsList>
<TabsTrigger value="overview">Backup Overview</TabsTrigger>
<TabsTrigger value="compliance">
Contract Compliance
{compliance && (compliance.summary.contractedNotBackedUp > 0 || compliance.summary.backedUpNotContracted > 0) && (
<Badge variant="destructive" className="ml-2 h-5 px-1.5 text-xs">
{compliance.summary.contractedNotBackedUp + compliance.summary.backedUpNotContracted}
</Badge>
)}
</TabsTrigger>
</TabsList>
<div className="flex items-center gap-3">
{status?.lastSyncAt && (
<span className="text-sm text-muted-foreground">
Last sync: {timeAgo(status.lastSyncAt)}
</span>
)}
</TabsTrigger>
</TabsList>
<Button
variant="outline"
size="sm"
onClick={handleSync}
disabled={syncing}
>
<RefreshCw className={`h-4 w-4 mr-2 ${syncing ? 'animate-spin' : ''}`} />
{syncing ? 'Syncing...' : 'Sync Now'}
</Button>
</div>
</div>
<TabsContent value="overview" className="space-y-6">
{status && (