Hugging Face's logo

Spaces:
pollen-robotics
/
Reachy_Mini
Running

App Files Community
11
PierreRouanet commited on
Commit
07f7ad1
·
1 Parent(s): ec66d2c

Update wireless getting started to point to desktop app.

Browse files
Files changed (1) hide show
  1. src/pages/GettingStarted.jsx +78 -88
src/pages/GettingStarted.jsx CHANGED
@@ -438,7 +438,7 @@ export default function GettingStarted() {
438
  </Typography>
439
  </Box>
440
 
441
- {/* Step 2: Connect to Wi-Fi */}
442
  <Box sx={{ mb: 10 }}>
443
  <Box sx={{ mb: 3 }}>
444
  <Typography
@@ -452,95 +452,85 @@ export default function GettingStarted() {
452
  >
453
  Step 2
454
  </Typography>
455
- <Typography variant="h3" sx={{ mt: 0.5 }}>Connect to your Wi-Fi</Typography>
456
  </Box>
457
 
458
- <Stepper orientation="vertical">
459
- <Step active completed={false}>
460
- <StepLabel>
461
- <Typography fontWeight={600}>Power on your Reachy Mini</Typography>
462
- </StepLabel>
463
- <StepContent>
464
- <Typography variant="body2" color="text.secondary">
465
- Wait about 30 seconds for the robot to boot up.
466
- </Typography>
467
- </StepContent>
468
- </Step>
469
- <Step active completed={false}>
470
- <StepLabel>
471
- <Typography fontWeight={600}>Connect to the robot's Wi-Fi</Typography>
472
- </StepLabel>
473
- <StepContent>
474
- <Grid container columnSpacing={2.5} rowSpacing={2} alignItems="center">
475
- <Grid
476
- size={{ xs: 12, md: 6 }}
477
- sx={{
478
- flexBasis: { md: '110px', xs: '100%' },
479
- maxWidth: { md: '110px', xs: '100%' },
480
- display: 'flex',
481
- alignItems: 'center',
482
- }}
483
- >
484
- <Box
485
- component="img"
486
- src="/assets/reachy-mini-access-point-QR-code.png"
487
- alt="Reachy Mini access point QR code"
488
- sx={{ height: 100, width: 'auto', display: 'block' }}
489
- />
490
- </Grid>
491
- <Grid size={{ xs: 12, md: 6 }} sx={{ display: 'flex', alignItems: 'center' }}>
492
- <Box sx={{ bgcolor: 'background.alt', p: 2, borderRadius: 2, mb: 1 }}>
493
- <Typography variant="body2">
494
- <strong>Network:</strong> <code>reachy-mini-ap</code>
495
- </Typography>
496
- <Typography variant="body2">
497
- <strong>Password:</strong> <code>reachy-mini</code>
498
- </Typography>
499
- </Box>
500
- </Grid>
501
- </Grid>
502
- </StepContent>
503
- </Step>
504
- <Step active completed={false}>
505
- <StepLabel>
506
- <Typography fontWeight={600}>Open settings in your browser</Typography>
507
- </StepLabel>
508
- <StepContent>
509
- <Button
510
- variant="outlined"
511
- size="small"
512
- href="http://reachy-mini.local:8000/settings"
513
- target="_blank"
514
- endIcon={<OpenInNewIcon />}
515
- >
516
- http://reachy-mini.local:8000/settings
517
- </Button>
518
- </StepContent>
519
- </Step>
520
- <Step active completed={false}>
521
- <StepLabel>
522
- <Typography fontWeight={600}>Enter your Wi-Fi & update</Typography>
523
- </StepLabel>
524
- <StepContent>
525
- <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
526
- The robot will restart and connect to your network. Then access the dashboard
527
- to explore 30+ apps, from hand tracking to AI conversations!
528
- </Typography>
529
- <Typography variant="body2" color="text.secondary" sx={{ mb: 2, fontStyle: 'italic' }}>
530
- If the dashboard doesn't appear correctly, please use Chrome or Firefox.
531
- </Typography>
532
- <Button
533
- variant="contained"
534
- size="small"
535
- href="http://reachy-mini.local:8000"
536
- target="_blank"
537
- endIcon={<OpenInNewIcon />}
538
- >
539
- Open Dashboard
540
- </Button>
541
- </StepContent>
542
- </Step>
543
- </Stepper>
544
  </Box>
545
  </>
546
  )}
 
438
  </Typography>
439
  </Box>
440
 
441
+ {/* Step 2: Connect & Install */}
442
  <Box sx={{ mb: 10 }}>
443
  <Box sx={{ mb: 3 }}>
444
  <Typography
 
452
  >
453
  Step 2
454
  </Typography>
455
+ <Typography variant="h3" sx={{ mt: 0.5 }}>Connect & install the app</Typography>
456
  </Box>
457
 
458
+ <Grid container spacing={4} alignItems="center">
459
+ <Grid size={{ xs: 12, md: 6 }}>
460
+ <Stepper orientation="vertical">
461
+ <Step active completed={false}>
462
+ <StepLabel>
463
+ <Typography fontWeight={600}>Power on your Reachy Mini</Typography>
464
+ </StepLabel>
465
+ <StepContent>
466
+ <Typography variant="body2" color="text.secondary">
467
+ Wait about 30 seconds for the robot to boot up.
468
+ </Typography>
469
+ </StepContent>
470
+ </Step>
471
+ <Step active completed={false}>
472
+ <StepLabel>
473
+ <Typography fontWeight={600}>Download the desktop app</Typography>
474
+ </StepLabel>
475
+ <StepContent>
476
+ <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
477
+ The desktop app includes everything you need to control your Wireless version.
478
+ </Typography>
479
+ <Typography variant="caption" sx={{ display: 'block', mb: 2, color: 'warning.main' }}>
480
+ Desktop App available for macOS (Apple Silicon), Windows & Linux (beta).
481
+ </Typography>
482
+ <Button
483
+ variant="contained"
484
+ component={RouterLink}
485
+ to="/download"
486
+ startIcon={<DownloadIcon/>}
487
+ >
488
+ Download Desktop App
489
+ </Button>
490
+
491
+ <Button
492
+ variant="outlined"
493
+ href="https://huggingface.co/docs/reachy_mini/SDK/installation"
494
+ target="_blank"
495
+ startIcon={<OpenInNewIcon/>}
496
+ >
497
+ Alternative: Python SDK
498
+ </Button>
499
+ </StepContent>
500
+ </Step>
501
+ <Step active completed={false}>
502
+ <StepLabel>
503
+ <Typography fontWeight={600}>Connect the robot to your Wi-Fi</Typography>
504
+ </StepLabel>
505
+ <StepContent>
506
+ <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
507
+ Use the desktop app to connect your robot to your Wi-Fi network.
508
+ </Typography>
509
+ </StepContent>
510
+ </Step>
511
+ <Step active completed={false}>
512
+ <StepLabel>
513
+ <Typography fontWeight={600}>Open the app & play!</Typography>
514
+ </StepLabel>
515
+ <StepContent>
516
+ <Typography variant="body2" color="text.secondary">
517
+ The app will automatically detect your robot. Click "Wake Up" to start,
518
+ then explore 30+ apps created by the community, from hand tracking to AI conversations! If you experience any issues, feel free to check our <a href="https://huggingface.co/docs/reachy_mini/troubleshooting" target="_blank">Troubleshooting & FAQ page</a> or contact us on <a href="https://discord.gg/HDrGY9eJHt" target="_blank">Discord</a>.
519
+ </Typography>
520
+ </StepContent>
521
+ </Step>
522
+ </Stepper>
523
+ </Grid>
524
+
525
+ <Grid size={{ xs: 12, md: 6 }}>
526
+ <Box
527
+ component="img"
528
+ src="/assets/desktop-app-screenshot--dark.png"
529
+ alt="Reachy Mini Control App"
530
+ sx={{ width: '100%', display: 'block', borderRadius: '12px' }}
531
+ />
532
+ </Grid>
533
+ </Grid>
 
 
 
 
 
 
 
 
 
 
534
  </Box>
535
  </>
536
  )}