archy/docs/INSTALL-SCREENS-DESIGN.md
Dorian b47fec7fba fix: batch beta fixes — 13 issues from 2026-03-28 testing
Frontend (neode-ui):
- Login double-enter: change @keyup.enter to @keydown.enter (#10)
- Login loop on LAN: post-login session verify before navigation (#12)
- Splash flash: reorder isReady/showSplash, add black fallback div (#7)
- Skip button text: remove "skip this step" from onboarding (#8)
- Password UI: import existing ChangePasswordSection in Settings (#11)
- Arrow key focus trap: add tab-order fallback when spatial nav fails (#13)

ISO/Boot (image-recipe):
- Step counter: TOTAL_STEPS=7 → 8 to match actual step count
- GRUB theme: add desktop-image-scale-method stretch, widen menu
- Boot noise: add loglevel=0, rd.systemd.show_status=false to kernel
- USB removal: copy reboot script to tmpfs, exec from there
- Tor setup: rewrite python3 JSON generation as bash heredoc
- Doctor/reconcile: copy scripts into rootfs, fix missing file errors
- zstd: add to rootfs packages for initramfs compression

Docs:
- BETA-ISSUES-20260328.md: full issue tracker
- INSTALL-SCREENS-DESIGN.md: editable TUI mockups

522 tests pass, vue-tsc clean.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-28 23:41:40 +00:00

3.2 KiB

Archipelago Installer — Screen Designs

Edit these screens to match your vision. I'll implement exactly what you specify. Each screen is what the user sees at that moment on the console (80 columns wide).

Constraints: bash TUI only (no ncurses). ANSI colors available:

  • \033[1;37m = bold white, \033[1;33m = bold yellow/orange
  • \033[32m = green, \033[31m = red, \033[37m = dim gray
  • \033[0m = reset. Box-drawing chars: ━ ─ │ ╭ ╮ ╰ ╯ ╔ ╗ ╚ ╝ █ ▓ ░ ▌▐
  • Spinners possible: ⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏ or ◐◓◑◒ or |/-\

Screen 1: Welcome / Press Enter

  (clear screen, centered)

  a r c h i p e l a g o
  ━━━━━━━━━━━━━━━━━━━━━
  automatic installer

  Press Enter to install  |  Ctrl+C for shell

Screen 2: Detecting Disk

  a r c h i p e l a g o
  ━━━━━━━━━━━━━━━━━━━━━

  [1/7]  Checking tools .............. ✓
  [2/7]  Detecting disks

         Found: /dev/sda (465.8G) — TOSHIBA MQ01ACF0

  ──────────────────────────────────────────

  ⚠  All data on /dev/sda will be erased.

  Press Enter to install  |  Ctrl+C to cancel

Screen 3: Installing (progress)

  a r c h i p e l a g o
  ━━━━━━━━━━━━━━━━━━━━━

  [1/7]  Checking tools .............. ✓
  [2/7]  Detecting disks ............. ✓
  [3/7]  Creating partitions ......... ✓
  [4/7]  Formatting .................. ✓
  [5/7]  Installing system ........... ✓
  [6/7]  Encrypting data partition ◐
         AES-256-XTS (AES-NI detected)

  ──────────────────────────────────────────

Screen 4: Bootloader

  a r c h i p e l a g o
  ━━━━━━━━━━━━━━━━━━━━━

  [1/7]  Checking tools .............. ✓
  [2/7]  Detecting disks ............. ✓
  [3/7]  Creating partitions ......... ✓
  [4/7]  Formatting .................. ✓
  [5/7]  Installing system ........... ✓
  [6/7]  Encrypting data ............. ✓
  [7/7]  Installing bootloader ....... ✓

  ──────────────────────────────────────────

Screen 5: Complete

  a r c h i p e l a g o
  ━━━━━━━━━━━━━━━━━━━━━
  Installation Complete

  After reboot, open the Web UI from any device:

    http://192.168.1.198

    SSH:       ssh archipelago@192.168.1.198
    Password:  archipelago
    Web Login: password123

  ──────────────────────────────────────────

  >>> REMOVE THE USB DRIVE NOW <<<

  Press Enter to reboot

Notes for Dorian

  • Edit any screen above to match what you want to see
  • Add/remove steps, change wording, change layout
  • Specify colors per line if you want (e.g. "this line in yellow")
  • I can add a spinner animation on the active step
  • Box-drawing, progress bars, anything bash can render is fair game
  • Once you're happy with the designs I'll implement them exactly