fix: details toggle UX, Edge Runtime warnings, minimatch CVE

- Keep show/hide details button in place when expanded (#18)
- Use i18n translations for details toggle text
- Split instrumentation for Edge Runtime compatibility
- Patch minimatch ReDoS (CVE-2026-27903)
This commit is contained in:
Matthieu MALVACHE
2026-02-28 21:03:02 +01:00
committed by Matthieu MALVACHE
parent a3fe9deaa6
commit 92620fb790
7 changed files with 120 additions and 120 deletions
+20 -18
View File
@@ -972,9 +972,27 @@ export function EmailViewer({
)}
</div>
{/* Modern Expandable Details */}
{/* Details toggle - stays in place when expanded */}
<button
onClick={() => setShowFullHeaders(!showFullHeaders)}
className="mt-3 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors"
>
{showFullHeaders ? (
<>
<ChevronUp className="w-3 h-3" />
{t('hide_details')}
</>
) : (
<>
<ChevronDown className="w-3 h-3" />
{t('show_details')}
</>
)}
</button>
{/* Expandable Details */}
{showFullHeaders && (
<div className="mt-4 space-y-3">
<div className="mt-3 space-y-3">
{/* Security & Authentication Section */}
{(email.authenticationResults || email.spamScore !== undefined) && (
<div className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
@@ -1254,22 +1272,6 @@ export function EmailViewer({
</div>
)}
<button
onClick={() => setShowFullHeaders(!showFullHeaders)}
className="mt-3 text-xs text-muted-foreground hover:text-foreground flex items-center gap-1 transition-colors"
>
{showFullHeaders ? (
<>
<ChevronUp className="w-3 h-3" />
Hide details
</>
) : (
<>
<ChevronDown className="w-3 h-3" />
Show details
</>
)}
</button>
</div>
</div>
</div>