Snapshot List Screen - cressie176/Load64 GitHub Wiki

Primary Purpose

Select a snapshot to launch a game from, or manage snapshots for a game.

Main Screen Design

┌──────────────────────────────────────────────────────────────────────────────┐
│ TOP BAR                                                                      │
│  <Game Title> > Snapshots                                            [Back]  │
├──────────────────────────────────────────────────────────────────────────────┤
│                                                                              │
│  GROUPS                      SNAPSHOTS                                       │
│  ┌──────────────────────┐    ┌───────────────────────────────────────────┐   │
│  │   quickstart         │    │ > ┌────────────┐  29 Mar 2026 14:32       │   │
│  │ > knight             │    │   │            │                          │   │
│  │   serf               │    │   │            │                          │   │
│  │   wizard             │    │   └────────────┘                          │   │
│  │                      │    │   ┌────────────┐  29 Mar 2026 09:11       │   │
│  │                      │    │   │            │                          │   │
│  │                      │    │   │            │                          │   │
│  │                      │    │   └────────────┘                          │   │
│  └──────────────────────┘    └───────────────────────────────────────────┘   │
│                                                                              │
├──────────────────────────────────────────────────────────────────────────────┤
│ BOTTOM BAR                                                                   │
└──────────────────────────────────────────────────────────────────────────────┘

TOP BAR

Focusable: [Back] CTA only
Interactive: [Back] CTA only
Purpose: Identify the game and provide navigation back

[Back] CTA

Returns to the previous screen.

GROUPS

Type: Single-selection vertical list
Focusable: Yes (primary focus region)
Interactive: Yes
Order: Quickstart pinned first; remaining groups alphabetically
Purpose: Select a snapshot group to view its snapshots

Each row shows a snapshot name prefix (e.g. knight) or quickstart. Selecting a row populates SNAPSHOTS with the snapshots for that name. The first name is selected by default on entry.

GROUPS Context Menu (manage mode only)

Action Behaviour
Delete Opens a confirmation overlay before deleting the GROUP and all associated snapshots.

Delete confirmation overlay:

┌──────────────────────────────────────────────────────────────────────────────┐
│                    ┌──────────────────────────────┐                          │
│                    │ Delete "<name>"?             │                          │
│                    │                              │                          │
│                    │   > Yes                      │                          │
│                    │     No                       │                          │
│                    └──────────────────────────────┘                          │
└──────────────────────────────────────────────────────────────────────────────┘
Option Behaviour
Yes Deleting the GROUP and all associated snapshots. Returns focus to GROUPS
No Close the overlay and return focus to GROUPS

SNAPSHOTS

Type: Single-selection vertical list
Focusable: Yes
Interactive: Yes
Order: Newest first
Purpose: Select a specific snapshot to launch from or manage

Each row shows:

  • A screenshot thumbnail, or an empty placeholder if none was captured
  • The timestamp in the user's local time

Selecting a row launches VICE from that snapshot in both launch and manage mode. In manage mode this allows the user to inspect a snapshot before deciding whether to delete it.

SNAPSHOTS Context Menu (manage mode only)

Action Condition Behaviour
Delete Always shown Opens a confirmation overlay before deleting the focused snapshot
Delete Others Only shown when the group has 2+ snapshots Opens a confirmation overlay before deleting all other snapshots in the group
Delete Newer Only shown when the focused snapshot is not the first in the group Opens a confirmation overlay before deleting all newer snapshots in the group
Delete Older Only shown when the focused snapshot is not the last in the group Opens a confirmation overlay before deleting all older snapshots in the group

Delete confirmation overlay:

┌──────────────────────────────────────────────────────────────────────────────┐
│                    ┌──────────────────────────────┐                          │
│                    │ Delete this snapshot?        │                          │
│                    │                              │                          │
│                    │ <name>                       │                          │
│                    │ <timestamp>                  │                          │
│                    │                              │                          │
│                    │   > Yes                      │                          │
│                    │     No                       │                          │
│                    └──────────────────────────────┘                          │
└──────────────────────────────────────────────────────────────────────────────┘
Option Behaviour
Yes Delete the snapshot and its screenshot; return focus to SNAPSHOTS
No Close the overlay and return focus to SNAPSHOTS

Delete Others confirmation overlay:

┌──────────────────────────────────────────────────────────────────────────────┐
│                   ┌────────────────────────────────┐                         │
│                   │ Delete <n> other snapshot(s)?  │                         │
│                   │                                │                         │
│                   │   > Yes                        │                         │
│                   │     No                         │                         │
│                   └────────────────────────────────┘                         │
└──────────────────────────────────────────────────────────────────────────────┘
Option Behaviour
Yes Delete the other snapshots in the group and their screenshots; return focus to SNAPSHOTS
No Close the overlay and return focus to SNAPSHOTS

Delete Newer confirmation overlay:

┌──────────────────────────────────────────────────────────────────────────────┐
│                  ┌─────────────────────────────────────┐                     │
│                  │ Delete <n> newer snapshot(s)?       │                     │
│                  │                                     │                     │
│                  │   > Yes                             │                     │
│                  │     No                              │                     │
│                  └─────────────────────────────────────┘                     │
└──────────────────────────────────────────────────────────────────────────────┘
Option Behaviour
Yes Delete all newer snapshots in the group and their screenshots; return focus to SNAPSHOTS
No Close the overlay and return focus to SNAPSHOTS

Delete Older confirmation overlay:

┌──────────────────────────────────────────────────────────────────────────────┐
│                  ┌─────────────────────────────────────┐                     │
│                  │ Delete <n> older snapshot(s)?       │                     │
│                  │                                     │                     │
│                  │   > Yes                             │                     │
│                  │     No                              │                     │
│                  └─────────────────────────────────────┘                     │
└──────────────────────────────────────────────────────────────────────────────┘
Option Behaviour
Yes Delete all older snapshots in the group and their screenshots; return focus to SNAPSHOTS
No Close the overlay and return focus to SNAPSHOTS

Navigation

Focus regions and Tab order: GROUPS → SNAPSHOTS → TOP BAR → GROUPS

Region Entry focus
GROUPS first group
SNAPSHOTS first snapshot
TOP BAR leftmost CTA

BOTTOM BAR

Focusable: No
Interactive: No
Purpose: Display confirmation messages after deleting or pruning

After deleting a snapshot:

├──────────────────────────────────────────────────────────────────────────────┤
│ BOTTOM BAR                                                                   │
│  Snapshot deleted                                                            │
└──────────────────────────────────────────────────────────────────────────────┘

After deleting other snapshots (Delete Others or Delete Older):

├──────────────────────────────────────────────────────────────────────────────┤
│ BOTTOM BAR                                                                   │
│  <n> snapshot(s) deleted                                                     │
└──────────────────────────────────────────────────────────────────────────────┘

After deleting a group:

├──────────────────────────────────────────────────────────────────────────────┤
│ BOTTOM BAR                                                                   │
│  <name> deleted                                                              │
└──────────────────────────────────────────────────────────────────────────────┘
⚠️ **GitHub.com Fallback** ⚠️