BuzzbeeSCD/ProjectE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update ProjectE application

Browse Source
This commit is contained in:
mbatchelder
2026-07-18 19:05:52 -04:00
parent 8f55626e03
commit 4c1cc50231
68 changed files with 1586 additions and 697 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/(dashboard)/settings/error-log/page.tsx
+55 -11
View File
@@ -10,6 +10,16 @@ import {
} from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { AlertTriangle, Trash2 } from 'lucide-react';
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
} from '@/components/ui/alert-dialog';
interface ErrorLog {
id: string;
@@ -23,33 +33,46 @@ interface ErrorLog {
export default function ErrorLogPage() {
const [errors, setErrors] = useState<ErrorLog[]>([]);
const [loading, setLoading] = useState(true);
const [clearing, setClearing] = useState(false);
const [confirmClear, setConfirmClear] = useState(false);
const [error, setError] = useState<string | null>(null);
const [status, setStatus] = useState<string | null>(null);
useEffect(() => {
fetchErrors();
}, []);
async function fetchErrors() {
setLoading(true);
setError(null);
try {
const response = await fetch('/api/error-logs?limit=50');
if (response.ok) {
const data = await response.json();
setErrors(data.items || []);
}
if (!response.ok) throw new Error('Unable to load error logs.');
const data = await response.json();
setErrors(data.items || []);
} catch (error) {
console.error('Failed to fetch error logs:', error);
setError('Unable to load error logs. Please try again.');
} finally {
setLoading(false);
}
}
async function clearErrors() {
setClearing(true);
setError(null);
setStatus(null);
try {
const response = await fetch('/api/error-logs', { method: 'DELETE' });
if (response.ok) {
setErrors([]);
}
if (!response.ok) throw new Error('Unable to clear error logs.');
setErrors([]);
setConfirmClear(false);
setStatus('Error logs cleared successfully.');
} catch (error) {
console.error('Failed to clear error logs:', error);
setError('Unable to clear error logs. Please try again.');
} finally {
setClearing(false);
}
}
@@ -75,14 +98,35 @@ export default function ErrorLogPage() {
</CardDescription>
</div>
{errors.length > 0 && (
<Button variant="outline" size="sm" onClick={clearErrors} aria-label="Clear all error logs">
<Trash2 className="mr-2 h-4 w-4" aria-hidden="true" />
Clear all
</Button>
<AlertDialog open={confirmClear} onOpenChange={setConfirmClear}>
<Button variant="outline" size="sm" onClick={() => setConfirmClear(true)} aria-label="Clear all error logs">
<Trash2 className="mr-2 h-4 w-4" aria-hidden="true" />
Clear all
</Button>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Clear all error logs?</AlertDialogTitle>
<AlertDialogDescription>This permanently removes all displayed error logs.</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel disabled={clearing}>Cancel</AlertDialogCancel>
<AlertDialogAction onClick={clearErrors} disabled={clearing}>
{clearing ? 'Clearing...' : 'Clear all'}
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
)}
</div>
</CardHeader>
<CardContent>
{error && (
<div className="mb-4 flex items-center justify-between gap-3 text-sm text-destructive" role="alert">
<span>{error}</span>
<Button variant="outline" size="sm" onClick={fetchErrors} disabled={loading}>Retry</Button>
</div>
)}
{status && <p className="mb-4 text-sm text-muted-foreground" role="status">{status}</p>}
{errors.length === 0 ? (
<p className="text-center text-muted-foreground py-8">
No errors logged
apps/web/app/(dashboard)/settings/page.tsx
+10 -10
View File
@@ -26,39 +26,39 @@ export default function SettingsPage() {
<p className="mt-1 text-muted-foreground">Tune Project E to fit your work.</p>
</div>
<Tabs defaultValue="appearance" orientation="vertical" className="flex gap-6">
<TabsList className="flex w-[200px] flex-col gap-1 bg-transparent h-auto">
<TabsTrigger value="appearance" className="justify-start gap-2">
<Tabs defaultValue="appearance" orientation="vertical" className="flex flex-col gap-6 md:flex-row">
<TabsList className="flex h-auto w-full flex-row justify-start gap-1 overflow-x-auto bg-transparent p-0 md:w-[200px] md:flex-col">
<TabsTrigger value="appearance" className="shrink-0 justify-start gap-2">
<Palette className="h-4 w-4" aria-hidden="true" />
Appearance
</TabsTrigger>
<TabsTrigger value="domains" className="justify-start gap-2">
<TabsTrigger value="domains" className="shrink-0 justify-start gap-2">
<Globe className="h-4 w-4" aria-hidden="true" />
Domains
</TabsTrigger>
<TabsTrigger value="shortcuts" className="justify-start gap-2">
<TabsTrigger value="shortcuts" className="shrink-0 justify-start gap-2">
<Keyboard className="h-4 w-4" aria-hidden="true" />
Keyboard Shortcuts
</TabsTrigger>
<TabsTrigger value="agents" className="justify-start gap-2">
<TabsTrigger value="agents" className="shrink-0 justify-start gap-2">
<Bot className="h-4 w-4" aria-hidden="true" />
Agents & Permissions
</TabsTrigger>
<TabsTrigger value="webhooks" className="justify-start gap-2">
<TabsTrigger value="webhooks" className="shrink-0 justify-start gap-2">
<Webhook className="h-4 w-4" aria-hidden="true" />
Webhooks
</TabsTrigger>
<TabsTrigger value="import-export" className="justify-start gap-2">
<TabsTrigger value="import-export" className="shrink-0 justify-start gap-2">
<Download className="h-4 w-4" aria-hidden="true" />
Import & Export
</TabsTrigger>
<TabsTrigger value="error-log" className="justify-start gap-2">
<TabsTrigger value="error-log" className="shrink-0 justify-start gap-2">
<AlertTriangle className="h-4 w-4" aria-hidden="true" />
Error Log
</TabsTrigger>
</TabsList>
<div className="flex-1">
<div className="min-w-0 flex-1">
<TabsContent value="appearance">
<SettingsAppearance />
</TabsContent>