---
title: Training Process
emoji: 📈
colorFrom: gray
colorTo: red
sdk: static
pinned: false
license: mit
---

# RL Training Dashboard (static)

Plain HTML, CSS and JavaScript. No build step, no React. Public visitors see the data. The owner (`mondk`) signs in with Hugging Face and can edit the cost counter, notices, about text and raw JSON.

## Files

- `index.html`: entry page
- `style.css`: dark theme, light toggle
- `config.js`: constants (client ID, owner, data repo, timezones)
- `cost.js`: cost counter math (pure functions)
- `hf.js`: Hugging Face login (PKCE), read and write of `dashboard.json`
- `app.js`: rendering, charts, admin panels

## Setup

1. **Create the OAuth app** (logged in as `mondk`): huggingface.co → Settings → Applications → New OAuth application.
   - Redirect URLs: add `http://localhost:8000/` (for local testing) and the Space URL, for example `https://noodcon-training-process.hf.space/`. The URL must match exactly, including the trailing slash.
   - Scopes: `openid`, `profile`, `write-repos`.
   - Copy the **Client ID**.
2. **Fill in `config.js`**: set `HF_OAUTH_CLIENT_ID`. Check that `OWNER_HF_USERNAME` is `mondk` and `DATA_REPO` is `mondk/Test`.
3. **Upload the files** to the Space: open the Space, go to Files → Add file → Upload files, and upload every file in this folder (or push them with git). Keep the files at the root of the repo.
4. **Open the direct URL** `https://<space-name>.hf.space` and not the preview inside huggingface.co. The preview is an iframe and can block the login session.

## Test locally

Run a small server from this folder, not by double-clicking `index.html` (modules and OAuth need http):

```
python3 -m http.server 8000
```

Then open `http://localhost:8000`.

## Notes

- The dataset `mondk/Test` is public. Do not put tokens or private data in `dashboard.json`.
- Admin edits save as a commit to the dataset. Visitors see them within `REFRESH_MS` (30 s).
- The owner's token is kept in `sessionStorage` and is removed by Log out or when the tab closes.
- If the browser blocks reading `dashboard.json` (CORS), tell me and I will switch the read path.