# Codex Start Prompt For Swapple Redesign Preview

You are looking at a non-invasive Swapple redesign prototype package. Your job is to boot the preview, help review it, and only then help port selected ideas into the real Swapple repo if asked.

Do this first:

1. Read `README_FOR_DAD.md`.
2. Read `CURRENT_DIRECTION.md`. The current lead from the Windows work is the Olympian-style mobile leaderboard.
3. Start the local preview:

```bash
python3 start_preview.py
```

If this is Windows and `python3` is unavailable, use:

```powershell
py start_preview.py
```

4. Open the printed URL. It is usually:

```text
http://127.0.0.1:5180/prototype/index.html
```

5. Verify the concept board renders and the `Interactive Prototype` section is clickable.

Important boundaries:

- This package is a design artifact, not the production Swapple app.
- Do not overwrite the real Swapple repo from this package.
- Do not paste `design-canvas.jsx`, `tweaks-panel.jsx`, `ios-frame.jsx`, or the CDN/Babel prototype shell into production.
- Translate selected visual ideas into the real app's React/TypeScript/CSS patterns.
- Use `PORTING_NOTES_FOR_CODEX.md` before making implementation changes.

Best first review path:

1. `screenshots/olympian-leaderboard/10_mobile_olympian_leaderboard_light.png`
2. `screenshots/olympian-leaderboard/11_mobile_olympian_leaderboard_dark.png`
3. Interactive Prototype.
4. Mobile Light.
5. Mobile Dark.
6. Desktop leaderboard.
7. Component sheet.

If the owner likes the direction, ask which parts to port:

- leaderboard visual treatment;
- Olympian top-three podium and apple-medal treatment;
- mobile full-screen leaderboard behavior;
- victory/score-recorded treatment;
- apple/orchard motif;
- start screen polish;
- tile tactility and tokens.