openvsx-webui-test 0.17.1 → 0.18.0-dev.0

package/lib/components/scan-admin/scan-card/scan-card-content.js

@@ -0,0 +1,232 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React from 'react';
+import { Box, Typography, Link, IconButton, Tooltip } from '@mui/material';
+import { Check as CheckIcon, Warning as WarningAmberIcon, } from '@mui/icons-material';
+import { ConditionalTooltip, formatDateTime, formatDuration } from '../common';
+import { useTheme } from '@mui/material/styles';
+import { isRunning, hasDownload, getFileName, } from './utils';
+/**
+ * Content section of the ScanCard containing:
+ * - Publisher, Version, Download (Row 2)
+ * - Scan Start, Scan End, Duration, Decision Status (Row 3)
+ * - Checkbox for selection
+ */
+export const ScanCardContent = ({ scan, showCheckbox, checked, onCheckboxChange, liveDuration, }) => {
+    const theme = useTheme();
+    const [isCheckboxHovering, setIsCheckboxHovering] = React.useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { sx: { gridRow: '2', gridColumn: '1' } }),
+        React.createElement(Box, { sx: { gridRow: '2', gridColumn: '2', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Publisher"),
+            React.createElement(ConditionalTooltip, { title: scan.publisher, arrow: true },
+                React.createElement(Box, { sx: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } },
+                    React.createElement(Link, { href: scan.publisherUrl || undefined, target: '_blank', rel: 'noopener noreferrer', variant: 'body2', sx: {
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            display: 'block',
+                        } }, scan.publisher)))),
+        React.createElement(Box, { sx: { gridRow: '2', gridColumn: '3', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Version"),
+            React.createElement(ConditionalTooltip, { title: scan.version, arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } }, scan.version))),
+        React.createElement(Box, { sx: { gridRow: '2', gridColumn: '4', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Download"),
+            isRunning(scan.status) ? (React.createElement(Typography, { variant: 'body2', color: 'text.disabled' }, "N/A")) : hasDownload(scan) && scan.downloadUrl ? (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', gap: 0.5, minWidth: 0 } },
+                scan.status === 'QUARANTINED' && (React.createElement(Tooltip, { title: 'Potentially malicious', arrow: true, disableInteractive: true, PopperProps: {
+                        disablePortal: true,
+                        sx: { pointerEvents: 'none' },
+                    } },
+                    React.createElement(WarningAmberIcon, { sx: {
+                            fontSize: 16,
+                            color: theme.palette.quarantined.dark,
+                            flexShrink: 0,
+                        } }))),
+                React.createElement(ConditionalTooltip, { title: getFileName(scan.downloadUrl), arrow: true },
+                    React.createElement(Link, { href: scan.downloadUrl, variant: 'body2', sx: {
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            minWidth: 0,
+                            display: 'block',
+                            fontSize: '0.875rem',
+                        } }, getFileName(scan.downloadUrl))))) : (React.createElement(Typography, { variant: 'body2', color: 'text.disabled' }, "N/A"))),
+        React.createElement(Box, { sx: { gridRow: '2', gridColumn: '5', display: 'flex', alignItems: 'center', justifyContent: 'flex-end', minWidth: 0 } }, showCheckbox && (React.createElement(IconButton, { onClick: () => onCheckboxChange === null || onCheckboxChange === void 0 ? void 0 : onCheckboxChange(scan.id, !checked), onMouseEnter: () => setIsCheckboxHovering(true), onMouseLeave: () => setIsCheckboxHovering(false), disableRipple: true, sx: {
+                padding: 0,
+                width: 36,
+                height: 36,
+                backgroundColor: 'transparent',
+            } },
+            React.createElement(Box, { className: 'checkbox-circle', sx: {
+                    position: 'relative',
+                    width: 36,
+                    height: 36,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                } },
+                React.createElement(Box, { className: 'checkbox-circle-outline', sx: {
+                        position: 'absolute',
+                        width: 36,
+                        height: 36,
+                        borderRadius: '50%',
+                        border: checked ? 'none' : `2px solid ${isCheckboxHovering ? theme.palette.selected.border : theme.palette.scanBackground.light}`,
+                        backgroundColor: checked
+                            ? 'secondary.main'
+                            : isCheckboxHovering
+                                ? theme.palette.selected.background
+                                : 'transparent',
+                        transition: 'border-color 0.2s, background-color 0.2s',
+                    } }),
+                React.createElement(CheckIcon, { className: 'checkbox-icon', sx: {
+                        fontSize: 24,
+                        color: checked
+                            ? 'white'
+                            : isCheckboxHovering
+                                ? theme.palette.selected.border
+                                : theme.palette.scanBackground.light,
+                        position: 'relative',
+                        zIndex: 1,
+                        transition: 'color 0.2s',
+                    } }))))),
+        React.createElement(Box, { sx: { gridRow: '3', gridColumn: '1' } }),
+        React.createElement(Box, { sx: { gridRow: '3', gridColumn: '2', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Scan Start"),
+            React.createElement(ConditionalTooltip, { title: formatDateTime(scan.dateScanStarted), arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        fontSize: '0.8rem',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } }, formatDateTime(scan.dateScanStarted)))),
+        React.createElement(Box, { sx: { gridRow: '3', gridColumn: '3', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Scan End"),
+            isRunning(scan.status) ? (React.createElement(ConditionalTooltip, { title: `${scan.status}...`, arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        background: theme.palette.gray.gradient,
+                        backgroundSize: '200% 100%',
+                        backgroundClip: 'text',
+                        WebkitBackgroundClip: 'text',
+                        color: 'transparent',
+                        animation: 'shimmer 2s infinite',
+                        '@keyframes shimmer': {
+                            '0%': { backgroundPosition: '200% 0' },
+                            '100%': { backgroundPosition: '-200% 0' },
+                        },
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } },
+                    scan.status,
+                    "..."))) : scan.dateScanEnded ? (React.createElement(ConditionalTooltip, { title: formatDateTime(scan.dateScanEnded), arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        fontSize: '0.8rem',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } }, formatDateTime(scan.dateScanEnded)))) : (React.createElement(Typography, { variant: 'body2', color: 'text.disabled' }, "N/A"))),
+        React.createElement(Box, { sx: { gridRow: '3', gridColumn: '4', minWidth: 0 } },
+            React.createElement(Typography, { variant: 'caption', color: 'text.secondary', display: 'block', sx: {
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, "Scan Duration"),
+            isRunning(scan.status) ? (React.createElement(ConditionalTooltip, { title: liveDuration, arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        background: theme.palette.gray.gradient,
+                        backgroundSize: '200% 100%',
+                        backgroundClip: 'text',
+                        WebkitBackgroundClip: 'text',
+                        color: 'transparent',
+                        animation: 'shimmer 2s infinite',
+                        '@keyframes shimmer': {
+                            '0%': { backgroundPosition: '200% 0' },
+                            '100%': { backgroundPosition: '-200% 0' },
+                        },
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } }, liveDuration))) : (React.createElement(ConditionalTooltip, { title: formatDuration(scan.dateScanStarted, scan.dateScanEnded || undefined), arrow: true },
+                React.createElement(Typography, { variant: 'body2', sx: {
+                        display: 'block',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                    } }, formatDuration(scan.dateScanStarted, scan.dateScanEnded || undefined))))),
+        scan.status === 'QUARANTINED' && scan.adminDecision && (React.createElement(Box, { sx: {
+                gridRow: '3',
+                gridColumn: '5',
+                display: 'flex',
+                justifyContent: 'flex-end',
+                alignSelf: 'end',
+                minWidth: 0,
+            } },
+            React.createElement(Tooltip, { title: `Decided by ${scan.adminDecision.decidedBy} on ${formatDateTime(scan.adminDecision.dateDecided)}`, arrow: true, disableInteractive: true, PopperProps: {
+                    disablePortal: true,
+                    sx: { pointerEvents: 'none' },
+                } },
+                React.createElement(Typography, { variant: 'h6', sx: {
+                        fontWeight: 700,
+                        color: scan.adminDecision.decision.toLowerCase() === 'allowed' ? theme.palette.allowed : theme.palette.blocked,
+                        whiteSpace: 'nowrap',
+                        cursor: 'help',
+                    } }, scan.adminDecision.decision.toLowerCase() === 'allowed' ? 'ALLOWED' : 'BLOCKED')))),
+        scan.status === 'QUARANTINED' && !scan.adminDecision && (React.createElement(Box, { sx: {
+                gridRow: '3',
+                gridColumn: '5',
+                display: 'flex',
+                justifyContent: 'flex-end',
+                alignSelf: 'end',
+                minWidth: 0,
+            } },
+            React.createElement(Typography, { variant: 'h6', sx: {
+                    fontWeight: 700,
+                    color: theme.palette.review,
+                    whiteSpace: 'nowrap',
+                } }, "NEEDS REVIEW")))));
+};
+//# sourceMappingURL=scan-card-content.js.map

package/lib/components/scan-admin/scan-card/scan-card-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-content.js","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-content.tsx"],"names":[],"mappings":"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"}

package/lib/components/scan-admin/scan-card/scan-card-expand-strip-badges.d.ts

@@ -0,0 +1,26 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React from 'react';
+import { DetailBadge } from './utils';
+interface ScanCardExpandStripBadgesProps {
+    badges: DetailBadge[];
+    containerWidth: number;
+    maxWidthPercent?: number;
+}
+/**
+ * Renders badges with overflow handling - shows as many badges as fit
+ * within the available width, plus a "+ X more" indicator for hidden badges.
+ */
+export declare const ScanCardExpandStripBadges: React.FC<ScanCardExpandStripBadgesProps>;
+export {};
+//# sourceMappingURL=scan-card-expand-strip-badges.d.ts.map

package/lib/components/scan-admin/scan-card/scan-card-expand-strip-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-expand-strip-badges.d.ts","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-expand-strip-badges.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;kFAWkF;AAElF,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,UAAU,8BAA8B;IACpC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA6J9E,CAAC"}

package/lib/components/scan-admin/scan-card/scan-card-expand-strip-badges.js

@@ -0,0 +1,121 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React, { useRef, useEffect, useState, useLayoutEffect } from 'react';
+import { Box, Chip, Typography } from '@mui/material';
+import { useTheme, alpha } from '@mui/material/styles';
+/**
+ * Renders badges with overflow handling - shows as many badges as fit
+ * within the available width, plus a "+ X more" indicator for hidden badges.
+ */
+export const ScanCardExpandStripBadges = ({ badges, containerWidth, maxWidthPercent = 0.45, }) => {
+    const theme = useTheme();
+    const measureRef = useRef(null);
+    const [visibleCount, setVisibleCount] = useState(null);
+    const calculateVisibleBadges = () => {
+        if (!measureRef.current || badges.length === 0 || containerWidth <= 0) {
+            return;
+        }
+        const availableWidth = containerWidth * maxWidthPercent;
+        const chips = measureRef.current.querySelectorAll('.measure-chip');
+        if (chips.length === 0) {
+            return;
+        }
+        // 65px width for "+ X more" text
+        const moreIndicatorWidth = 65;
+        const gap = 4; // 0.5 spacing unit = 4px
+        let totalWidth = 0;
+        let count = 0;
+        for (let index = 0; index < chips.length; index++) {
+            const chip = chips[index];
+            const chipWidth = chip.offsetWidth;
+            const widthWithGap = chipWidth + (index > 0 ? gap : 0);
+            // Check if this chip fits
+            // If not all badges fit, we need room for the "+ X more" indicator
+            const remainingBadges = badges.length - (index + 1);
+            const needsMoreIndicator = remainingBadges > 0;
+            const reservedWidth = needsMoreIndicator ? moreIndicatorWidth + gap : 0;
+            if (totalWidth + widthWithGap + reservedWidth <= availableWidth) {
+                totalWidth += widthWithGap;
+                count++;
+            }
+            else {
+                break;
+            }
+        }
+        setVisibleCount(count);
+    };
+    // Use layoutEffect to measure before paint (to avoid flicker)
+    useLayoutEffect(() => {
+        calculateVisibleBadges();
+    }, [badges, containerWidth]);
+    // Recalculate when container width changes
+    useEffect(() => {
+        calculateVisibleBadges();
+    }, [containerWidth]);
+    // Use all badges until calculation completes
+    const effectiveVisibleCount = visibleCount !== null && visibleCount !== void 0 ? visibleCount : badges.length;
+    const visibleBadges = badges.slice(0, effectiveVisibleCount);
+    const hiddenCount = badges.length - effectiveVisibleCount;
+    const chipStyles = (badge) => (Object.assign({ height: '20px', fontSize: '0.7rem', flexShrink: 0 }, (badge.type === 'error' ? {
+        // Error badges: solid grey for required, striped for optional
+        // Must set backgroundColor to 'transparent' when using striped background to override Chip defaults
+        backgroundColor: badge.isEnforced ? theme.palette.errorStatus.dark : 'transparent',
+        color: theme.palette.errorStatus.light,
+        background: !badge.isEnforced ? `${theme.palette.unenforced.stripe}, ${theme.palette.errorStatus.dark}` : undefined,
+    } : badge.type === 'threat' ? {
+        backgroundColor: badge.isEnforced ? theme.palette.quarantined.dark : 'transparent',
+        color: theme.palette.quarantined.light,
+        background: !badge.isEnforced ? `${theme.palette.unenforced.stripe}, ${theme.palette.quarantined.dark}` : undefined,
+    } : {
+        backgroundColor: badge.isEnforced ? theme.palette.rejected.dark : 'transparent',
+        color: theme.palette.rejected.light,
+        background: !badge.isEnforced ? `${theme.palette.unenforced.stripe}, ${theme.palette.rejected.dark}` : undefined,
+    })));
+    if (badges.length === 0) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { ref: measureRef, sx: {
+                position: 'absolute',
+                visibility: 'hidden',
+                pointerEvents: 'none',
+                display: 'flex',
+                alignItems: 'center',
+                gap: 0.5,
+                flexWrap: 'nowrap',
+                left: 0,
+                top: 0,
+            }, "aria-hidden": 'true' }, badges.map((badge, index) => (React.createElement(Chip, { key: `measure-${badge.label}-${index}`, className: 'measure-chip', label: badge.label, size: 'small', sx: chipStyles(badge) })))),
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: 0.5,
+                flexWrap: 'nowrap',
+                overflow: 'hidden',
+                maxWidth: `${maxWidthPercent * 100}%`,
+                minWidth: 0,
+            } },
+            visibleBadges.map((badge, index) => (React.createElement(Chip, { key: `${badge.label}-${index}`, label: badge.label, size: 'small', sx: chipStyles(badge) }))),
+            hiddenCount > 0 && (React.createElement(Typography, { variant: 'caption', sx: {
+                    flexShrink: 0,
+                    color: alpha(theme.palette.text.secondary, 0.8),
+                    fontSize: '0.7rem',
+                    fontWeight: 500,
+                    whiteSpace: 'nowrap',
+                    ml: 0.5,
+                } },
+                "+ ",
+                hiddenCount,
+                " more")))));
+};
+//# sourceMappingURL=scan-card-expand-strip-badges.js.map

package/lib/components/scan-admin/scan-card/scan-card-expand-strip-badges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-expand-strip-badges.js","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-expand-strip-badges.tsx"],"names":[],"mappings":"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"}

package/lib/components/scan-admin/scan-card/scan-card-expand-strip.d.ts

@@ -0,0 +1,27 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React from 'react';
+import { DetailBadge } from './utils';
+interface ScanCardExpandStripProps {
+    expanded: boolean;
+    onExpandClick: () => void;
+    badges: DetailBadge[];
+    collapseComplete: boolean;
+}
+/**
+ * Expandable strip at the bottom of the card
+ * Shows validationFailure/threat badges (click to expand/show detail cards)
+ */
+export declare const ScanCardExpandStrip: React.FC<ScanCardExpandStripProps>;
+export {};
+//# sourceMappingURL=scan-card-expand-strip.d.ts.map

package/lib/components/scan-admin/scan-card/scan-card-expand-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-expand-strip.d.ts","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-expand-strip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;kFAWkF;AAElF,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwElE,CAAC"}

package/lib/components/scan-admin/scan-card/scan-card-expand-strip.js

@@ -0,0 +1,66 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React, { useRef, useEffect, useState } from 'react';
+import { Box } from '@mui/material';
+import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
+import { useTheme } from '@mui/material/styles';
+import { ScanCardExpandStripBadges } from './scan-card-expand-strip-badges';
+/**
+ * Expandable strip at the bottom of the card
+ * Shows validationFailure/threat badges (click to expand/show detail cards)
+ */
+export const ScanCardExpandStrip = ({ expanded, onExpandClick, badges, collapseComplete, }) => {
+    const theme = useTheme();
+    const [isHovering, setIsHovering] = useState(false);
+    const wrapperRef = useRef(null);
+    const [containerWidth, setContainerWidth] = useState(0);
+    useEffect(() => {
+        const updateWidth = () => {
+            if (wrapperRef.current) {
+                setContainerWidth(wrapperRef.current.offsetWidth);
+            }
+        };
+        updateWidth();
+        const resizeObserver = new ResizeObserver(() => {
+            updateWidth();
+        });
+        if (wrapperRef.current) {
+            resizeObserver.observe(wrapperRef.current);
+        }
+        return () => resizeObserver.disconnect();
+    }, []);
+    return (React.createElement(Box, { ref: wrapperRef, onClick: onExpandClick, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), sx: {
+            pb: 0,
+            pt: 0.5,
+            px: 5,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            cursor: 'pointer',
+            borderBottomRightRadius: expanded ? 0 : 8,
+            minHeight: 40,
+            backgroundColor: isHovering ? theme.palette.selected.hover : 'transparent',
+            transition: 'background-color 0.2s',
+            position: 'relative',
+        } },
+        React.createElement(Box, { sx: { flex: 1 } }),
+        React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'absolute', left: '50%', transform: 'translateX(-50%)' } },
+            React.createElement(ExpandMoreIcon, { sx: {
+                    fontSize: 36,
+                    color: 'secondary.main',
+                    transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',
+                    transition: 'transform 0.3s',
+                } })),
+        !expanded && collapseComplete && (React.createElement(ScanCardExpandStripBadges, { badges: badges, containerWidth: containerWidth }))));
+};
+//# sourceMappingURL=scan-card-expand-strip.js.map

package/lib/components/scan-admin/scan-card/scan-card-expand-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-expand-strip.js","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-expand-strip.tsx"],"names":[],"mappings":"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"}

package/lib/components/scan-admin/scan-card/scan-card-expanded-content.d.ts

@@ -0,0 +1,26 @@
+/********************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+import React from 'react';
+import { ScanResult } from '../../../context/scan-admin';
+interface ScanCardExpandedContentProps {
+    scan: ScanResult;
+    expanded: boolean;
+    onCollapseComplete?: () => void;
+}
+/**
+ * The expanded content section showing threats, validation failures, and check results.
+ * Each item's enforcedFlag controls its individual striping effect.
+ */
+export declare const ScanCardExpandedContent: React.FC<ScanCardExpandedContentProps>;
+export {};
+//# sourceMappingURL=scan-card-expanded-content.d.ts.map

package/lib/components/scan-admin/scan-card/scan-card-expanded-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan-card-expanded-content.d.ts","sourceRoot":"","sources":["../../../../src/components/scan-admin/scan-card/scan-card-expanded-content.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;kFAWkF;AAElF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAA0C,MAAM,6BAA6B,CAAC;AAIjG,UAAU,4BAA4B;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AA4JD;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA6E1E,CAAC"}