Skip to content

Commit 5124687

Browse files
committed
docs(FR-2645): replace 6 dark-mode WebUI screenshots with light-mode captures across all 4 languages
Replaces dark-mode captures of sessions_page, data_page, rename_vfolder, vfolder_create_modal, vfolder_delete_dialog, and move_to_trash with light-mode recaptures matching original framing scope. Distributed identically to en/, ko/, ja/, th/ image directories. Resolves FR-2645
1 parent b941120 commit 5124687

25 files changed

Lines changed: 10 additions & 5 deletions

packages/backend.ai-webui-docs/SCREENSHOT-GUIDELINES.md

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,17 @@ Standards for capturing, naming, and maintaining screenshots in the Backend.AI W
2929
- Avoid abbreviations unless they are standard (e.g., `ssh`, `sftp`)
3030
- Acronyms in lowercase: `ssh_sftp_connection.png`, `llm_chat.png`
3131

32-
## File Location
32+
## File Location and Localization
3333

3434
- All screenshots go in `src/{lang}/images/`
35-
- Images are shared across languages (same filenames, same directory structure per language)
36-
- **Language-specific captures**: Each language directory should contain screenshots captured in that language's UI locale. Switch the app language before capturing so that UI labels (buttons, menus, headers) appear in the correct language for each version
37-
- When UI is purely visual with no text (e.g., diagrams), one capture can be shared across all directories
35+
- All four language directories (`en/`, `ko/`, `ja/`, `th/`) use **identical filenames** for the same screen — the filename is the contract; only the rendered UI language differs.
36+
- **Each language directory MUST contain screenshots captured in that language's UI locale.** Switch the app language via `/usersettings` before capturing so that UI labels (sidebar menus, buttons, dialog titles, table headers, breadcrumbs, etc.) appear in the correct language for each version.
37+
* Korean docs (`src/ko/images/`) → capture with UI language set to **한국어**
38+
* Japanese docs (`src/ja/images/`) → capture with UI language set to **日本語**
39+
* Thai docs (`src/th/images/`) → capture with UI language set to **ภาษาไทย**
40+
* English docs (`src/en/images/`) → capture with UI language set to **English**
41+
- **Single-language exceptions** (one capture shared across all 4 directories) are allowed only when the image is purely visual with no UI text — e.g., architecture diagrams, terminal/CLI output, third-party tool screenshots (VS Code, MLflow, etc.), version-print outputs.
42+
- For all other screenshots (any image showing Backend.AI WebUI chrome — sidebar, header, modals, forms, tables), the file in each language directory **must be a separate capture in that language**, even if the underlying screen layout is identical.
3843

3944
## Capture Standards
4045

@@ -51,7 +56,7 @@ Standards for capturing, naming, and maintaining screenshots in the Backend.AI W
5156
- Avoid showing personal information, real email addresses, or API keys
5257
- Clear the browser address bar of internal/development URLs if visible
5358
- Use light theme as the default (unless documenting dark mode features)
54-
- **Always capture in English** regardless of which language directory the screenshot will be saved to. Switch the UI language to English before capturing, then copy the same screenshot to all language directories (`en/`, `ko/`, `ja/`, `th/`)
59+
- For UI language, see **[File Location and Localization](#file-location-and-localization)** — capture in the locale that matches the destination directory (do not capture in English and copy across all languages)
5560

5661
### Focused Cropping
5762

-251 KB
Loading
-12.4 KB
Loading
-163 KB
Loading
-193 KB
Loading
-60.2 KB
Loading
-34.6 KB
Loading
-236 KB
Loading
-10.9 KB
Loading
-143 KB
Loading

0 commit comments

Comments
 (0)