Docs: add screenshot section + CI

Author: BF6 Portal Developer

.github/workflows/ci.yml

@@ -0,0 +1,32 @@
+name: CI
+
+on:
+  push:
+    branches: ["**"]
+  pull_request:
+
+jobs:
+  webui-build:
+    name: Build web_ui
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: npm
+
+      - name: Install root deps
+        run: npm install
+
+      - name: Install web_ui deps
+        run: npm install --prefix web_ui
+
+      - name: Build web_ui
+        run: npm run build --prefix web_ui
+
+      - name: Test web_ui
+        run: npm test --prefix web_ui

.gitlab-ci.yml

@@ -4,6 +4,21 @@ stages:
   - build
   - release
 
+# Run a lightweight CI build on normal branch pushes.
+# The full Electron packaging + GitLab Release is reserved for tags.
+webui_build:
+  stage: build
+  image: node:18
+  rules:
+    - if: $CI_COMMIT_TAG
+      when: never
+    - if: $CI_COMMIT_BRANCH
+  script:
+    - npm install
+    - npm install --prefix web_ui
+    - npm run build --prefix web_ui
+    - npm test --prefix web_ui
+
 build:
   stage: build
   rules:

README.md

@@ -7,6 +7,10 @@ Release notes: see `docs/RELEASE_NOTES_1.2.8.md`.
 
 **BF6Portal Tool** is a standalone visual logic editor for **Battlefield 6 Portal**, built with **Electron** + **Google Blockly**. It aims to replicate the Portal Rules Editor workflow in a desktop app, with offline editing and quality-of-life tooling.
 
+## Screenshot
+
+![BF6Portal Tool editor screenshot](docs/screenshots/editor.png)
+
 ## Features
 
 - **Rules toolbox essentials:** a single **RULES** menu containing `MOD_BLOCK`, `RULE_HEADER`, and `CONDITION_BLOCK`.

docs/RELEASE_NOTES_1.2.8.md

@@ -1,5 +1,9 @@
 # Release Notes - v1.2.8
 
+## Screenshot
+
+![BF6Portal Tool editor screenshot](screenshots/editor.png)
+
 ## Features & Improvements
 - **Refined Toolbox Structure:** The Blockly toolbox has been reorganized to better match the official Battlefield Portal Rules Editor layout.
     - Added distinct "Yellow" (Actions/Statements) and "Green" (Values/Expressions) categories for clearer distinction.

docs/screenshots/.gitkeep

@@ -0,0 +1,10 @@
+# Screenshots
+
+Drop screenshots for the README/release notes in this folder.
+
+Recommended names:
+- `editor.png` — main editor UI (shows presets dropdown + blocks loaded)
+- `selection-lists.png` — selection list dropdown open
+
+Note: The repository currently includes a tiny placeholder `editor.png` so documentation renders cleanly.
+Replace it with a real screenshot whenever you're ready.