fix: Windows download page improvements - Fix .msi.zip.sig being downloaded instead of .msi - Add Windows beta warning with admin privileges notice - Extract platform icons to external SVG files (white fill) - Add Beta badge on Windows platform card

src/pages/Download.jsx

@@ -12,7 +12,6 @@ import {
   CircularProgress,
 } from '@mui/material';
 import DownloadIcon from '@mui/icons-material/Download';
-import AppleIcon from '@mui/icons-material/Apple';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -27,32 +26,24 @@ const PLATFORMS = {
     subtitle: 'Apple Silicon',
     arch: 'M1, M2, M3, M4',
     format: '.dmg',
-    icon: AppleIcon,
-    color: '#a3a3a3',
   },
   'darwin-x86_64': {
     name: 'macOS',
     subtitle: 'Intel',
     arch: 'x86_64',
     format: '.dmg',
-    icon: AppleIcon,
-    color: '#a3a3a3',
   },
   'windows-x86_64': {
     name: 'Windows',
     subtitle: '64-bit',
     arch: 'x86_64',
     format: '.msi',
-    icon: null,
-    color: '#0078d4',
   },
   'linux-x86_64': {
     name: 'Linux',
     subtitle: 'Debian/Ubuntu',
     arch: 'x86_64',
     format: '.deb',
-    icon: null,
-    color: '#e95420',
   },
 };
 
@@ -134,29 +125,53 @@ function parseReleaseChanges(body) {
   return changes;
 }
 
-// Windows Icon
-function WindowsIcon({ sx = {} }) {
+// Platform Icons - all use external SVG files with white fill
+function AppleIcon() {
   return (
-    <Box component="svg" viewBox="0 0 24 24" sx={{ width: 32, height: 32, ...sx }}>
-      <path fill="currentColor" d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801" />
-    </Box>
+    <Box
+      component="img"
+      src="/assets/apple-logo.svg"
+      alt="Apple"
+      sx={{ width: 32, height: 32 }}
+    />
   );
 }
 
-// Linux Icon
-function LinuxIcon({ sx = {} }) {
+function WindowsIcon() {
   return (
-    <Box component="svg" viewBox="0 0 24 24" sx={{ width: 32, height: 32, ...sx }}>
-      <path fill="currentColor" d="M12.504 0c-.155 0-.315.008-.48.021-4.226.333-3.105 4.807-3.17 6.298-.076 1.092-.3 1.953-1.05 3.02-.885 1.051-2.127 2.75-2.716 4.521-.278.832-.41 1.684-.287 2.489.117.779.456 1.511 1.044 2.127.473.497.986.902 1.504 1.238.518.336 1.03.62 1.523.836.483.23.93.42 1.297.606.368.187.656.37.83.544.36.364.575.747.658 1.162.084.416.036.864-.132 1.307-.168.443-.45.879-.808 1.257-.358.378-.79.698-1.232.919-.443.22-.893.337-1.284.337-.392 0-.722-.116-.963-.337-.241-.22-.393-.544-.429-.954-.037-.41.04-.894.198-1.402.159-.509.397-1.041.678-1.54.282-.5.606-.968.937-1.352.33-.383.666-.68.966-.844.3-.163.562-.193.742-.05.18.142.278.429.25.802-.028.373-.182.83-.457 1.284-.275.455-.67.908-1.137 1.27-.467.362-1.006.632-1.557.746-.55.113-1.112.069-1.612-.155-.5-.223-.938-.627-1.24-1.155-.3-.53-.463-1.183-.423-1.89.04-.706.284-1.467.716-2.183.43-.715 1.047-1.386 1.786-1.923.74-.538 1.603-.944 2.503-1.173.9-.23 1.837-.284 2.718-.173.88.11 1.705.385 2.4.786.694.4 1.26.927 1.63 1.52.37.593.545 1.252.482 1.9-.062.648-.362 1.286-.855 1.824-.492.537-1.178.974-1.96 1.24-.783.267-1.664.36-2.527.276-.863-.085-1.707-.347-2.41-.785-.703-.438-1.266-1.052-1.58-1.764-.315-.713-.38-1.524-.174-2.303.206-.78.682-1.528 1.356-2.105.674-.578 1.546-.985 2.486-1.173.94-.188 1.948-.156 2.866.127.917.284 1.744.769 2.343 1.445.6.675.972 1.54 1.022 2.478.05.938-.222 1.949-.793 2.85-.572.902-1.443 1.694-2.516 2.218-1.073.523-2.35.78-3.633.69-1.284-.09-2.575-.528-3.653-1.305-1.078-.778-1.944-1.895-2.436-3.22-.493-1.326-.612-2.86-.27-4.386.34-1.525 1.14-3.04 2.34-4.287 1.2-1.246 2.798-2.224 4.584-2.683 1.786-.46 3.76-.402 5.554.248 1.794.65 3.408 1.89 4.516 3.548 1.11 1.658 1.713 3.733 1.62 5.83-.093 2.098-.882 4.218-2.25 5.99-1.37 1.77-3.318 3.19-5.54 4.002-2.223.81-4.72 1.013-7.08.528-2.36-.485-4.583-1.656-6.263-3.35-1.68-1.693-2.816-3.91-3.153-6.292-.337-2.382.127-4.929 1.344-7.14 1.218-2.212 3.19-4.09 5.528-5.3 2.338-1.21 5.043-1.754 7.707-1.483 2.663.27 5.286 1.353 7.382 3.063 2.097 1.71 3.667 4.048 4.377 6.632.71 2.583.56 5.413-.577 7.948-1.137 2.534-3.14 4.774-5.648 6.265-2.508 1.492-5.52 2.235-8.503 2.05-2.983-.186-5.938-1.3-8.283-3.166C2.997 19.41 1.26 16.792.433 13.906c-.828-2.886-.745-6.04.336-8.896C1.85 2.152 4.023-.06 6.698.8" />
-    </Box>
+    <Box
+      component="img"
+      src="/assets/windows-logo.svg"
+      alt="Windows"
+      sx={{ width: 32, height: 32 }}
+    />
   );
 }
 
+function LinuxIcon() {
+  return (
+    <Box
+      component="img"
+      src="/assets/linux-logo.svg"
+      alt="Linux"
+      sx={{ width: 32, height: 32 }}
+    />
+  );
+}
+
+// Get platform icon component
+function getPlatformIcon(platformKey) {
+  if (platformKey.includes('darwin')) return <AppleIcon />;
+  if (platformKey.includes('windows')) return <WindowsIcon />;
+  if (platformKey.includes('linux')) return <LinuxIcon />;
+  return null;
+}
+
 // Platform Card component
 function PlatformCard({ platformKey, url, isActive, onClick }) {
   const platform = PLATFORMS[platformKey];
-  const Icon = platform?.icon;
   const isComingSoon = platformKey.includes('darwin-x86_64') || platformKey.includes('linux');
+  const isBeta = platformKey.includes('windows');
 
   return (
     <Card
@@ -200,6 +215,24 @@ function PlatformCard({ platformKey, url, isActive, onClick }) {
           }}
         />
       )}
+      {/* Beta tag for Windows */}
+      {isBeta && !isComingSoon && (
+        <Chip
+          label="Beta"
+          size="small"
+          sx={{
+            position: 'absolute',
+            top: 8,
+            right: 8,
+            backgroundColor: 'rgba(59, 130, 246, 0.2)',
+            color: '#3b82f6',
+            fontSize: 10,
+            fontWeight: 700,
+            height: 20,
+            '& .MuiChip-label': { px: 1 },
+          }}
+        />
+      )}
       
       <CardContent
         component="a"
@@ -225,13 +258,7 @@ function PlatformCard({ platformKey, url, isActive, onClick }) {
           borderRadius: 3,
           backgroundColor: 'rgba(255, 255, 255, 0.05)',
         }}>
-          {Icon ? (
-            <Icon sx={{ fontSize: 32, color: platform?.color || 'white' }} />
-          ) : platformKey.includes('windows') ? (
-            <WindowsIcon sx={{ color: platform?.color }} />
-          ) : (
-            <LinuxIcon sx={{ color: platform?.color }} />
-          )}
+          {getPlatformIcon(platformKey)}
         </Box>
         
         <Box sx={{ textAlign: 'center' }}>
@@ -312,8 +339,8 @@ export default function Download() {
               platforms['darwin-x86_64'] = { url };
             }
             
-            // Windows - .msi
-            if (name.includes('.msi')) {
+            // Windows - .msi (exclude .sig signature files)
+            if (name.endsWith('.msi')) {
               platforms['windows-x86_64'] = { url };
             }
             
@@ -546,6 +573,31 @@ export default function Download() {
                 >
                   {currentPlatform?.subtitle} • {currentPlatform?.format?.replace('.', '').toUpperCase()} package
                 </Typography>
+
+                {/* Windows Beta Warning */}
+                {detectedPlatform?.startsWith('windows') && (
+                  <Box
+                    sx={{
+                      mt: 3,
+                      p: 2.5,
+                      background: 'linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.08) 100%)',
+                      border: '1px solid rgba(59, 130, 246, 0.3)',
+                      borderRadius: 2,
+                      maxWidth: 500,
+                      mx: 'auto',
+                    }}
+                  >
+                    <Typography 
+                      variant="body2" 
+                      sx={{ 
+                        color: 'rgba(255,255,255,0.8)', 
+                        fontWeight: 500,
+                      }}
+                    >
+                      ⚠️ Windows version is currently in Beta — installation requires <strong style={{ color: 'rgba(255,255,255,0.9)' }}>administrator privileges</strong>.
+                    </Typography>
+                  </Box>
+                )}
               </>
             ) : (
               <>