fix: show desktop-only notice on mobile and prevent .sig file downloads

- Replace download buttons with a "desktop only" message on mobile devices
- Fix parseReleasePlatforms to skip .sig signature files entirely
- Use endsWith('.deb') instead of includes('amd64.deb') for Linux assets
- Add mobile detection to both Download and GettingStarted pages

Made-with: Cursor

src/pages/Download.jsx

@@ -18,6 +18,7 @@ import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import DesktopWindowsIcon from '@mui/icons-material/DesktopWindows';
 
 import Layout from '../components/Layout';
 
@@ -65,6 +66,11 @@ function detectPlatform() {
   return 'darwin-aarch64';
 }
 
+function isMobileDevice() {
+  const ua = navigator.userAgent;
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua);
+}
+
 // Format date
 function formatDate(dateString) {
   const date = new Date(dateString);
@@ -174,6 +180,9 @@ function parseReleasePlatforms(assets) {
     const name = asset.name.toLowerCase();
     const url = asset.browser_download_url;
     
+    // Skip signature files entirely
+    if (name.endsWith('.sig')) return;
+    
     // macOS Apple Silicon - prefer .dmg
     if (name.includes('arm64.dmg')) {
       platforms['darwin-aarch64'] = { url };
@@ -181,13 +190,13 @@ function parseReleasePlatforms(assets) {
       platforms['darwin-aarch64'] = { url };
     }
     
-    // Windows - .msi (exclude .sig signature files)
+    // Windows - .msi
     if (name.endsWith('.msi')) {
       platforms['windows-x86_64'] = { url };
     }
     
     // Linux - .deb
-    if (name.includes('amd64.deb')) {
+    if (name.endsWith('.deb')) {
       platforms['linux-x86_64'] = { url };
     }
   });
@@ -312,11 +321,13 @@ export default function Download() {
   const [detectedPlatform, setDetectedPlatform] = useState(null);
   const [loading, setLoading] = useState(true);
   const [showAllReleases, setShowAllReleases] = useState(false);
+  const [isMobile, setIsMobile] = useState(false);
 
   const [error, setError] = useState(null);
 
   useEffect(() => {
     setDetectedPlatform(detectPlatform());
+    setIsMobile(isMobileDevice());
     
     // Fetch latest release info from GitHub API
     async function fetchReleases() {
@@ -521,67 +532,97 @@ export default function Download() {
               </Typography>
             </Stack>
 
-            {/* Primary download button */}
-            <Button
-              variant="contained"
-              size="large"
-              href={currentUrl}
-              startIcon={<DownloadIcon />}
-              sx={{
-                px: 6,
-                py: 2,
-                fontSize: 17,
-                fontWeight: 600,
-                borderRadius: 3,
-                background: 'linear-gradient(135deg, #FF9500 0%, #764ba2 100%)',
-                boxShadow: '0 8px 32px rgba(255, 149, 0, 0.35)',
-                transition: 'all 0.3s ease',
-                '&:hover': {
-                  boxShadow: '0 12px 48px rgba(59, 130, 246, 0.5)',
-                  transform: 'translateY(-2px)',
-                },
-              }}
-            >
-              Download for {currentPlatform?.name}
-            </Button>
-
-            <Typography 
-              variant="body2" 
-              sx={{ 
-                color: 'rgba(255,255,255,0.4)', 
-                mt: 2,
-                fontSize: 13,
-              }}
-            >
-              {currentPlatform?.subtitle} • {currentPlatform?.format?.replace('.', '').toUpperCase()} package
-            </Typography>
-
-            {/* Beta Warning for Windows and Linux */}
-            {(detectedPlatform?.startsWith('windows') || detectedPlatform?.includes('linux')) && (
+            {/* Primary download button or mobile notice */}
+            {isMobile ? (
               <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,
+                  mt: 2,
+                  p: 3,
+                  background: 'linear-gradient(135deg, rgba(255, 149, 0, 0.1) 0%, rgba(139, 92, 246, 0.08) 100%)',
+                  border: '1px solid rgba(255, 149, 0, 0.3)',
+                  borderRadius: 3,
                   maxWidth: 500,
                   mx: 'auto',
                 }}
               >
+                <DesktopWindowsIcon sx={{ fontSize: 40, color: 'rgba(255,255,255,0.5)', mb: 1.5 }} />
+                <Typography 
+                  variant="body1" 
+                  sx={{ color: 'rgba(255,255,255,0.9)', fontWeight: 600, mb: 1 }}
+                >
+                  Desktop only
+                </Typography>
+                <Typography 
+                  variant="body2" 
+                  sx={{ color: 'rgba(255,255,255,0.6)' }}
+                >
+                  Reachy Mini Control is a desktop application available for macOS, Windows, and Linux. Please visit this page from a computer to download it.
+                </Typography>
+              </Box>
+            ) : (
+              <>
+                <Button
+                  variant="contained"
+                  size="large"
+                  href={currentUrl}
+                  startIcon={<DownloadIcon />}
+                  sx={{
+                    px: 6,
+                    py: 2,
+                    fontSize: 17,
+                    fontWeight: 600,
+                    borderRadius: 3,
+                    background: 'linear-gradient(135deg, #FF9500 0%, #764ba2 100%)',
+                    boxShadow: '0 8px 32px rgba(255, 149, 0, 0.35)',
+                    transition: 'all 0.3s ease',
+                    '&:hover': {
+                      boxShadow: '0 12px 48px rgba(59, 130, 246, 0.5)',
+                      transform: 'translateY(-2px)',
+                    },
+                  }}
+                >
+                  Download for {currentPlatform?.name}
+                </Button>
+
                 <Typography 
                   variant="body2" 
                   sx={{ 
-                    color: 'rgba(255,255,255,0.8)', 
-                    fontWeight: 500,
+                    color: 'rgba(255,255,255,0.4)', 
+                    mt: 2,
+                    fontSize: 13,
                   }}
                 >
-                  {detectedPlatform?.startsWith('windows') 
-                    ? <>⚠️ Windows version is currently in Beta — installation requires <strong style={{ color: 'rgba(255,255,255,0.9)' }}>administrator privileges</strong>.</>
-                    : <>⚠️ Linux version is currently in Beta — please report any issues on <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/issues" target="_blank" rel="noopener noreferrer" style={{ color: '#3b82f6', textDecoration: 'underline' }}>GitHub</a> or <a href="https://discord.gg/HDrGY9eJHt" target="_blank" rel="noopener noreferrer" style={{ color: '#3b82f6', textDecoration: 'underline' }}>Discord</a>.</>
-                  }
+                  {currentPlatform?.subtitle} • {currentPlatform?.format?.replace('.', '').toUpperCase()} package
                 </Typography>
-              </Box>
+
+                {/* Beta Warning for Windows and Linux */}
+                {(detectedPlatform?.startsWith('windows') || detectedPlatform?.includes('linux')) && (
+                  <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,
+                      }}
+                    >
+                      {detectedPlatform?.startsWith('windows') 
+                        ? <>⚠️ Windows version is currently in Beta - installation requires <strong style={{ color: 'rgba(255,255,255,0.9)' }}>administrator privileges</strong>.</>
+                        : <>⚠️ Linux version is currently in Beta - please report any issues on <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/issues" target="_blank" rel="noopener noreferrer" style={{ color: '#3b82f6', textDecoration: 'underline' }}>GitHub</a> or <a href="https://discord.gg/HDrGY9eJHt" target="_blank" rel="noopener noreferrer" style={{ color: '#3b82f6', textDecoration: 'underline' }}>Discord</a>.</>
+                      }
+                    </Typography>
+                  </Box>
+                )}
+              </>
             )}
 
             {/* App screenshot */}
@@ -600,35 +641,37 @@ export default function Download() {
             />
           </Box>
 
-          {/* All platforms */}
-          <Box sx={{ mb: 8 }}>
-            <Typography
-              variant="overline"
-              sx={{ 
-                color: 'rgba(255,255,255,0.4)', 
-                display: 'block', 
-                textAlign: 'center',
-                mb: 3,
-                letterSpacing: 2,
-              }}
-            >
-              Available for all platforms
-            </Typography>
+          {/* All platforms - hidden on mobile */}
+          {!isMobile && (
+            <Box sx={{ mb: 8 }}>
+              <Typography
+                variant="overline"
+                sx={{ 
+                  color: 'rgba(255,255,255,0.4)', 
+                  display: 'block', 
+                  textAlign: 'center',
+                  mb: 3,
+                  letterSpacing: 2,
+                }}
+              >
+                Available for all platforms
+              </Typography>
 
-            <Grid container spacing={2}>
-              {['darwin-aarch64', 'windows-x86_64', 'linux-x86_64'].map((key) => (
-                <Grid size={{ xs: 12, sm: 4 }} key={key}>
-                  <PlatformCard
-                    platformKey={key}
-                    url={releaseData?.platforms[key]?.url}
-                    isActive={key === detectedPlatform}
-                    onClick={() => setDetectedPlatform(key)}
-                  />
-                </Grid>
-              ))}
-            </Grid>
-            
-          </Box>
+              <Grid container spacing={2}>
+                {['darwin-aarch64', 'windows-x86_64', 'linux-x86_64'].map((key) => (
+                  <Grid size={{ xs: 12, sm: 4 }} key={key}>
+                    <PlatformCard
+                      platformKey={key}
+                      url={releaseData?.platforms[key]?.url}
+                      isActive={key === detectedPlatform}
+                      onClick={() => setDetectedPlatform(key)}
+                    />
+                  </Grid>
+                ))}
+              </Grid>
+              
+            </Box>
+          )}
 
           {/* Features / What's included */}
           <Box

src/pages/GettingStarted.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Link as RouterLink, useLocation } from 'react-router-dom';
 import {
   Box,
@@ -18,6 +18,7 @@ import {
 } from '@mui/material';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import DownloadIcon from '@mui/icons-material/Download';
+import DesktopWindowsIcon from '@mui/icons-material/DesktopWindows';
 import WifiIcon from '@mui/icons-material/Wifi';
 import UsbIcon from '@mui/icons-material/Usb';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
@@ -141,6 +142,11 @@ function YouTubeEmbed({ videoId, title, version = 'wireless' }) {
   );
 }
 
+function isMobileDevice() {
+  const ua = navigator.userAgent;
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua);
+}
+
 export default function GettingStarted() {
   const location = useLocation();
   const params = new URLSearchParams(location.search);
@@ -148,6 +154,11 @@ export default function GettingStarted() {
   const [version, setVersion] = useState(
     urlVersion === 'lite' ? 'lite' : 'wireless'
   );
+  const [isMobile, setIsMobile] = useState(false);
+
+  useEffect(() => {
+    setIsMobile(isMobileDevice());
+  }, []);
 
   return (
     <Layout transparentHeader>
@@ -328,23 +339,45 @@ export default function GettingStarted() {
                         <Typography variant="caption" sx={{ display: 'block', mb: 2, color: 'warning.main' }}>
                           Desktop App available for macOS (Apple Silicon), Windows & Linux (beta).
                         </Typography>
-                        <Button
-                          variant="contained"
-                          component={RouterLink}
-                          to="/download"
-                          startIcon={<DownloadIcon/>}
-                        >
-                          Download Desktop App
-                        </Button>
-
-                        <Button
-                          variant="outlined"
-                          href="https://huggingface.co/docs/reachy_mini/SDK/installation"
-                          target="_blank"
-                          startIcon={<OpenInNewIcon/>}
-                        >
-                          Alternative: Python SDK
-                        </Button>
+                        {isMobile ? (
+                          <Box
+                            sx={{
+                              p: 2,
+                              bgcolor: 'action.hover',
+                              borderRadius: 2,
+                              border: '1px solid',
+                              borderColor: 'divider',
+                              display: 'flex',
+                              alignItems: 'center',
+                              gap: 1.5,
+                            }}
+                          >
+                            <DesktopWindowsIcon sx={{ color: 'text.secondary', fontSize: 20 }} />
+                            <Typography variant="body2" color="text.secondary">
+                              The desktop app can only be downloaded from a computer.
+                            </Typography>
+                          </Box>
+                        ) : (
+                          <>
+                            <Button
+                              variant="contained"
+                              component={RouterLink}
+                              to="/download"
+                              startIcon={<DownloadIcon/>}
+                            >
+                              Download Desktop App
+                            </Button>
+
+                            <Button
+                              variant="outlined"
+                              href="https://huggingface.co/docs/reachy_mini/SDK/installation"
+                              target="_blank"
+                              startIcon={<OpenInNewIcon/>}
+                            >
+                              Alternative: Python SDK
+                            </Button>
+                          </>
+                        )}
                         
                       </StepContent>
                     </Step>
@@ -400,7 +433,7 @@ export default function GettingStarted() {
 
               <Typography variant="body1" color="text.secondary" sx={{ mb: 4, maxWidth: 600, mx: 'auto' }}>
                 Follow our visual guide to put together your Reachy Mini.
-                Most people finish in <strong>2-3 hours</strong> — our record is 43 minutes! 🏆
+                Most people finish in <strong>2-3 hours</strong> - our record is 43 minutes! 🏆
               </Typography>
 
               <Box
@@ -479,23 +512,45 @@ export default function GettingStarted() {
                         <Typography variant="caption" sx={{ display: 'block', mb: 2, color: 'warning.main' }}>
                           Desktop App available for macOS (Apple Silicon), Windows & Linux (beta).
                         </Typography>
-                        <Button
-                          variant="contained"
-                          component={RouterLink}
-                          to="/download"
-                          startIcon={<DownloadIcon/>}
-                        >
-                          Download Desktop App
-                        </Button>
-
-                        <Button
-                          variant="outlined"
-                          href="https://huggingface.co/docs/reachy_mini/SDK/installation"
-                          target="_blank"
-                          startIcon={<OpenInNewIcon/>}
-                        >
-                          Alternative: Python SDK
-                        </Button>
+                        {isMobile ? (
+                          <Box
+                            sx={{
+                              p: 2,
+                              bgcolor: 'action.hover',
+                              borderRadius: 2,
+                              border: '1px solid',
+                              borderColor: 'divider',
+                              display: 'flex',
+                              alignItems: 'center',
+                              gap: 1.5,
+                            }}
+                          >
+                            <DesktopWindowsIcon sx={{ color: 'text.secondary', fontSize: 20 }} />
+                            <Typography variant="body2" color="text.secondary">
+                              The desktop app can only be downloaded from a computer.
+                            </Typography>
+                          </Box>
+                        ) : (
+                          <>
+                            <Button
+                              variant="contained"
+                              component={RouterLink}
+                              to="/download"
+                              startIcon={<DownloadIcon/>}
+                            >
+                              Download Desktop App
+                            </Button>
+
+                            <Button
+                              variant="outlined"
+                              href="https://huggingface.co/docs/reachy_mini/SDK/installation"
+                              target="_blank"
+                              startIcon={<OpenInNewIcon/>}
+                            >
+                              Alternative: Python SDK
+                            </Button>
+                          </>
+                        )}
                       </StepContent>
                     </Step>
                     <Step active completed={false}>