sync: malware page, security alerts, review diagnostics, skill detail improvements
- Add malware security advisory page and SecurityAlertBanner component - Add review diagnostics API and reviewed stats page - Improve skill detail page with better scoring display and metadata - Update review API endpoints with enhanced filtering and stats - Add skill file serving improvements and cache enhancements - Remove legacy curation scripts (moved to internal tooling) - Update CLI search with score filtering support Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
52
apps/web/components/SecurityAlertBanner.tsx
Normal file
52
apps/web/components/SecurityAlertBanner.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
import { X, ShieldAlert } from 'lucide-react';
|
||||
import { useTranslations } from 'next-intl';
|
||||
|
||||
const BLOG_POST_URL = 'https://blog.palebluedot.live/2026/03/19/malware-openclaw-skills-security-advisory/';
|
||||
const STORAGE_KEY = 'security-alert-openclaw-dismissed';
|
||||
|
||||
export function SecurityAlertBanner() {
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
const t = useTranslations('securityAlert');
|
||||
|
||||
useEffect(() => {
|
||||
const dismissed = localStorage.getItem(STORAGE_KEY);
|
||||
if (!dismissed) {
|
||||
setIsVisible(true);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const handleDismiss = () => {
|
||||
setIsVisible(false);
|
||||
localStorage.setItem(STORAGE_KEY, 'true');
|
||||
};
|
||||
|
||||
if (!isVisible) return null;
|
||||
|
||||
return (
|
||||
<div className="relative bg-error-bg border-b-2 border-error">
|
||||
<div className="container-main py-2.5 px-4 flex items-center justify-center gap-2 text-sm">
|
||||
<ShieldAlert className="w-4 h-4 text-error flex-shrink-0" />
|
||||
<span className="font-semibold text-error">{t('label')}</span>
|
||||
<span className="text-text-primary">{t('text')}</span>
|
||||
<a
|
||||
href={BLOG_POST_URL}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-error underline underline-offset-2 hover:text-error/80 transition-colors font-medium"
|
||||
>
|
||||
{t('link')}
|
||||
</a>
|
||||
<button
|
||||
onClick={handleDismiss}
|
||||
className="absolute end-2 sm:end-4 p-1 hover:bg-error/10 rounded transition-colors"
|
||||
aria-label={t('dismiss')}
|
||||
>
|
||||
<X className="w-4 h-4 text-error" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user