9f912aed24
Added comprehensive authentication and authorization system: Authentication System: - Better Auth integration with session management - Login/logout pages and API routes - Middleware for route protection - Auth utilities and client libraries User Management: - User list, detail, and invite pages - User API endpoints (CRUD operations) - Session management for users - Profile settings page Role-Based Access Control: - Role management pages (list, create, edit) - Permission system with granular controls - Role assignment to users - Role API endpoints Admin Features: - Audit log page for tracking system events - Admin settings page - Audit service for logging user actions Additional Features: - Quotes management pages and components - SalesBldr API integration - Email service for notifications Configuration & Documentation: - Updated docker-compose.yml - MCP server configuration (mcp.json) - CVE-2025-55182 security review documentation - Standards guide and PRD documents - Re-enabling authentication documentation Database Migrations: - 012: Auth tables (users, sessions, accounts, verifications) - 013: Role tables (roles, permissions, role_permissions, user_roles) - 014: Admin settings table UI Updates: - Updated dashboard layout - Enhanced app layout with auth integration
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import { Suspense } from "react";
|
|
import { AuditLogTable } from "@/components/admin/audit/audit-log-table";
|
|
import { Skeleton } from "@/components/ui/skeleton";
|
|
|
|
export default function AuditLogPage() {
|
|
return (
|
|
<div className="container mx-auto py-8 px-4">
|
|
<div className="mb-8">
|
|
<h1 className="text-3xl font-bold">Audit Log</h1>
|
|
<p className="text-muted-foreground mt-2">
|
|
View system activity and security events
|
|
</p>
|
|
</div>
|
|
<Suspense fallback={<AuditLogSkeleton />}>
|
|
<AuditLogTable />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function AuditLogSkeleton() {
|
|
return (
|
|
<div className="space-y-4">
|
|
<div className="flex gap-4">
|
|
<Skeleton className="h-10 w-[200px]" />
|
|
<Skeleton className="h-10 w-[200px]" />
|
|
<Skeleton className="h-10 w-[200px]" />
|
|
</div>
|
|
<div className="rounded-md border">
|
|
<div className="p-4 space-y-4">
|
|
{[...Array(10)].map((_, i) => (
|
|
<Skeleton key={i} className="h-12 w-full" />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|