[V0_FILE]png:file="public/images/dashboard.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/2B%20Manager%20%28and%20above%29%20persona-neI3VG7GoGbZ6P4cGS9CGByLBamQHk.png" [V0_FILE]typescriptreact:file="audit-dashboard.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { AlertTriangle, CheckCircle, Download, Filter, XCircle, Home, BarChart3, FileText, Settings, Search, ChevronDown, Edit, } from "lucide-react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Progress } from "@/components/ui/progress" import { Alert, AlertDescription } from "@/components/ui/alert" import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" import { XAxis, YAxis, CartesianGrid, ResponsiveContainer, Area, AreaChart } from "recharts" import { Input } from "@/components/ui/input" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" // Mock data const kpiData = { totalEntities: 1247, planCompleted: 68, overdueAudits: 12, highRiskUncovered: 8, pendingActions: 34, } const regionData = [ { region: "North America", entities: 342, riskLevel: "Medium", color: "#fbbf24" }, { region: "Europe", entities: 298, riskLevel: "Low", color: "#10b981" }, { region: "Asia Pacific", entities: 267, riskLevel: "High", color: "#ef4444" }, { region: "Latin America", entities: 189, riskLevel: "Medium", color: "#fbbf24" }, { region: "Middle East & Africa", entities: 151, riskLevel: "High", color: "#ef4444" }, ] const riskTrendData = [ { month: "Jan", current: 2.3, historical: 2.1 }, { month: "Feb", current: 2.5, historical: 2.2 }, { month: "Mar", current: 2.8, historical: 2.4 }, { month: "Apr", current: 3.1, historical: 2.3 }, { month: "May", current: 2.9, historical: 2.5 }, { month: "Jun", current: 3.2, historical: 2.6 }, ] const auditPlanData = [ { entity: "Global Manufacturing Corp", region: "North America", riskLevel: "High", auditPlanned: true, nextAudit: "Q3 2024", }, { entity: "European Logistics Ltd", region: "Europe", riskLevel: "Medium", auditPlanned: true, nextAudit: "Q4 2024" }, { entity: "Asia Tech Solutions", region: "Asia Pacific", riskLevel: "High", auditPlanned: false, nextAudit: "Not Scheduled", }, { entity: "Latin Trade Partners", region: "Latin America", riskLevel: "Low", auditPlanned: true, nextAudit: "Q1 2025", }, { entity: "Middle East Energy", region: "Middle East & Africa", riskLevel: "High", auditPlanned: false, nextAudit: "Not Scheduled", }, ] const auditExecutionData = [ { audit: "Financial Controls Review", dueDate: "2024-07-15", team: "Team Alpha", status: "In Progress", findings: 3 }, { audit: "IT Security Assessment", dueDate: "2024-06-30", team: "Team Beta", status: "Overdue", findings: 7 }, { audit: "Operational Efficiency", dueDate: "2024-08-01", team: "Team Gamma", status: "Not Started", findings: 0 }, { audit: "Compliance Review", dueDate: "2024-07-20", team: "Team Alpha", status: "Completed", findings: 2 }, { audit: "Risk Management", dueDate: "2024-07-10", team: "Team Delta", status: "Blocked", findings: 1 }, ] const followUpActions = [ { action: "Implement new access controls", entity: "Global Manufacturing Corp", status: "In Progress", dueDate: "2024-07-01", priority: "High", }, { action: "Update financial procedures", entity: "European Logistics Ltd", status: "Overdue", dueDate: "2024-06-15", priority: "Critical", }, { action: "Staff training on compliance", entity: "Asia Tech Solutions", status: "Assigned", dueDate: "2024-07-30", priority: "Medium", }, { action: "System security patches", entity: "Latin Trade Partners", status: "Overdue", dueDate: "2024-06-20", priority: "High", }, ] const notifications = [ { type: "critical", message: "3 entities flagged high-risk with no audits planned", time: "2 hours ago" }, { type: "warning", message: "5 follow-up actions are overdue", time: "4 hours ago" }, { type: "info", message: "Q2 audit plan completion rate: 68%", time: "1 day ago" }, ] export default function AuditDashboard() { const [selectedRegion, setSelectedRegion] = useState("all") const [selectedTeam, setSelectedTeam] = useState("all") const getStatusBadge = (status: string) => { switch (status.toLowerCase()) { case "completed": return {status} case "in progress": return {status} case "overdue": return {status} case "blocked": return {status} case "planning": return {status} default: return {status} } } const getRiskBadge = (risk: string) => { switch (risk.toLowerCase()) { case "high": return {risk} case "medium": return {risk} case "low": return {risk} default: return {risk} } } return (

{/* Sidebar */}

{/* Main Content */}

{/* Header */}

Acme Corporation

{/* Breadcrumb */}

Audit › Dashboard

{/* Page Header */}

Global Audit Executive Dashboard

Dashboard • AU-2024

{/* Tabs */}

Overview Risk Assessment Execution Status

{/* Alert Banner */} 8 high-risk entities require immediate audit coverage. Review audit plan alignment below. {/* KPI Cards */}

All (scoped)

{kpiData.totalEntities}

audit entities

Plan completed

{kpiData.planCompleted}%

High-risk uncovered

{kpiData.highRiskUncovered}

entities

Pending actions

{kpiData.pendingActions}

follow-up items

{/* Search and Filter */}

{/* Regional Overview */}

Regional Coverage

Auditable entities

In scope / all

5/10 auditable entities

{regionData.slice(0, 3).map((region, index) => (

{region.region}

Active

))} 2 Risk Coverage

In scope / all linked

Scoping required

0/10 controls

{/* Audit Plan Alignment */}

Audit Plan Alignment

Entity Region Risk Level Audit Planned Next Audit {auditPlanData.map((item, index) => ( {item.entity} {item.region} {getRiskBadge(item.riskLevel)} {item.auditPlanned ? ( ) : ( )} {item.nextAudit} ))}

Risk Assessment Timeline Current vs. historical risk levels comparison } />

Audit Execution Status

Audit Due Date Team Status Findings {auditExecutionData.map((item, index) => ( {item.audit} {item.dueDate} {item.team} {getStatusBadge(item.status)} {item.findings} ))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import AuditDashboard from "../audit-dashboard" export default function Page() { return }