# XWUIGameSaveLoadScreen

A dual-mode save/load interface with a slot grid and a detail panel. `data.mode` (`save` or `load`) sets the heading and behavior, and `data.slots` (`{ name, timestamp, screenshot, playtime, chapter, empty }`) renders as cards with a screenshot thumbnail; selecting one fills the side detail panel. In `save` mode, choosing a non-empty slot raises an overwrite-confirmation dialog (Cancel / Overwrite) before committing. Set grid width with `conf_comp.columns` and hide the panel with `conf_comp.showDetails: false`. Arrow keys navigate, Enter confirms, Escape dismisses the confirm; slot focus fires `slotselect` and commits fire `slotconfirm`. Subscribe via `onSlotSelect` and `onSlotConfirm`.

## Basic Usage

Shows save slots with a detail panel and (in save mode) an overwrite confirmation before committing.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Save/load slot grid with a detail panel and overwrite-confirm dialog in save mode.
```

## Save Mode with Overwrite

Save mode mixing filled and empty slots, where a filled slot raises an overwrite-confirm dialog.

```example
file: examples/SaveMode.ts
html: examples/BasicUsage.html
title: Save Mode with Overwrite
description: Save mode mixing filled and empty slots, where a filled slot raises an overwrite-confirm dialog.
```

## Grid Only

A three-column load grid with the side detail panel hidden for a denser layout.

```example
file: examples/NoDetailPanel.ts
html: examples/BasicUsage.html
title: Grid Only
description: A three-column load grid with the side detail panel hidden for a denser layout.
```

```api
```