diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 0000000..98389af
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,29 @@
+# Build Windows installers and publish to GitHub Releases (needs latest.yml for auto-update).
+name: Release
+
+on:
+  push:
+    tags:
+      - '*'
+
+permissions:
+  contents: write
+
+jobs:
+  windows:
+    runs-on: windows-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build and publish to GitHub
+        run: npm run electron:publish:win
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index f1db1a0..0a73211 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,14 @@ SECURITY.local.md
 
 # GitHub profile repo draft (publish to github.com/krwg/krwg separately)
 github-profile/
+MESH-PLUS-PLAN.md
+scripts/.mesh-plus-private.b64
+mesh-plus-private.b64
+keysandlicense.md
+giphy-api-key.local
+build/giphy-api-key.txt
+.env.local
+.env.build
+mesh-plus-public-key.local
+build/mesh-plus-public-key.txt
+ENTITLEMENT-MAP.local.md
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 42bece3..cca05e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,278 @@ Release **version numbers** track [`app-metadata.json`](app-metadata.json) (sync
 
 ## [Unreleased]
 
-_Nothing yet._
+### Fixed
+
+- **BEACON publish** — `beaconPublishFromPath` was missing from `initBeaconMesh` API (always failed with «browser file» for large ZIP); native file dialog + main-process ingest.
+- **DM file transfer** — main-process send from disk path (`send-file-from-path`), 1 MiB chunks, serialized TCP write queue (fixes interleaved JSON lines under parallel IPC).
+- **BEACON throughput** — serve chunks from main (`beacon-serve-chunks-tcp`), single-pass ingest with parallel disk writes; publish overlay + row in Downloads tab.
+- **Call/stream quality (LAN)** — higher RTP bitrates, `maintain-resolution` on camera and screen; voice-channel screen share now calls `tuneVideoSender`.
+- **Windows auto-update** — `verifyUpdateCodeSignature = false` was ignored by electron-updater; use async verifier that skips unsigned NSIS installers so download + install complete.
+
+## [1.1.1] — Beacon — 2026-05-24
+
+Patch (codename **Beacon** unchanged).
+
+### Fixed
+
+- **BEACON publish** — large files, ZIP and archives: ingest via main-process disk read (`file.path`) instead of `File.arrayBuffer()` in the renderer (fixes «could not be read» / NotReadableError).
+
+See [`docs/release-notes-v1.1.1-github.md`](docs/release-notes-v1.1.1-github.md).
+
+## [1.1.0] — Beacon — 2026-05-24
+
+Major release (codename **Beacon** / **МАЯК**): LAN mesh file library, chat polish, UX settings, faster BEACON transfers, GitHub auto-update fixes.
+
+### Added
+
+- **BEACON / МАЯК** — publish files to LAN (`seed-announce`), multi-seed download (up to **6** peers, rarity scheduler, **1 MiB** chunks, pipelined **`seed-chunks-batch`** IPC), pause/stop/resume seeding, `seed-gone`, drag-and-drop publish, **`blip://seed/<id>`** links, seed image previews, row **⋮** / context menu (copy link, delete local seed, pause, etc.).
+- **`.blip` seed files** — torrent-style descriptors; **Open `.blip`** in BEACON; Windows **`.blip` → BLIP** file association after NSIS install (`blip://` protocol).
+- **Chat** — Reply, single pin, Forward lite (`forwardFrom`) in DM and groups; `group-pin` sync; forward seed unavailable → open in BEACON or send link.
+- **UX (#21–#30)** — Compact mode, UI/chat font scales, idle → Away (5 min default, configurable), local typing sound.
+- **MESH TRANSFER hub** — Active/Completed sections, Open folder when path is known, 5s auto-clear.
+- **Settings** — toast duration slider (2–60s); **Network** mesh bandwidth graph + sparkline.
+- **Tray** — BEACON publish/download progress % in tooltip.
+- **BLIP color picker** — custom in-app palette (HSV + hex/RGB) for MESH+ accent and Projects canvas (`blip-color-input.js`).
+- **Updates** — GitHub **generic feed** resolver (`latest.yml` per release tag); `npm run electron:publish:win`, `npm run release:assets`, [`.github/workflows/release.yml`](.github/workflows/release.yml) on tag push.
+
+### Changed
+
+- **BEACON** in main nav (EN **BEACON**, RU **МАЯК**); stats bar; theme-adaptive accents (`var(--blip-accent)`); table/cell padding.
+- **Side nav** — wider min column so labels (e.g. **SETTINGS** / **НАСТРОЙКИ**) do not clip.
+- **Video lightbox** — volume slider (`videoVolume`).
+
+### Fixed
+
+- **Toasts** — auto-dismiss, × and swipe dismiss.
+- **Transfer hub** — completed rows visible before auto-clear; no instant delete at 100%.
+- **BEACON** — copy `blip://seed/…` to clipboard; stop seeding no longer deletes local files; mesh speed / batch IPC regressions.
+- **Windows auto-update** — unsigned GitHub installers (`verifyUpdateCodeSignature = false`); stale-cache recovery; **Portable** builds show manual-update hint (no in-app install).
+
+### Notes
+
+- **1.0.3 ↔ 1.1.0** on the same LAN: old clients ignore `seed-*` traffic; chat/calls stay compatible — [`docs/COMPAT-1.0.3.md`](docs/COMPAT-1.0.3.md).
+- **GitHub Release** must include **`latest.yml`** + **`BLIP-Setup-1.1.0.exe`** for in-app updates (see [`CONTRIBUTING.md`](CONTRIBUTING.md)).
+- Still on **v1.0.0** Windows: install **Setup once by hand**; later versions auto-update from the app.
+
+See [`docs/ROADMAP-1.1-BEACON.md`](docs/ROADMAP-1.1-BEACON.md) and [`docs/release-notes-v1.1.0-github.md`](docs/release-notes-v1.1.0-github.md).
+
+## [1.0.3] — Echo — 2026-05-23
+
+Stable release (codename **Echo**). Focus: profiles with GIF status, reliable chats, MESH PLUS UI, group community polish, and group **voice channels** aligned with working 1:1 WebRTC.
+
+### Fixed
+
+- **Profiles** — opening a peer profile with a status GIF no longer fails; direct mount instead of blocked re-render; GIF loads asynchronously without blocking the page.
+- **Chats** — conversations open from peer list, chat hub, and context menu (`openChat` / `mountMainPanel`).
+- **Calls** — TCP signalling prefers existing inbound/outbound sockets (carried from 1.0.2).
+- **Group voice channels** — star topology uses the same WebRTC pattern as 1:1 calls (`addTrack` + direct `<audio>` playback); fixed SDP offer/answer races and duplicate offers; client no longer tears down ICE while `connecting`; reduced host self-monitoring (removed WebAudio mixer on playback path).
+- **Mesh handshake** — if a peer connects from a different IP than UDP discovery (VPN / Tailscale / relay), TCP handshake updates discovery IP instead of dropping the socket (`noteObservedPeerIp`).
+- **Windows auto-update** — `verifyUpdateCodeSignature = false` for unsigned GitHub installers (install **1.0.3** once if you are on a broken **1.0.2** build without this fix).
+
+### Changed
+
+- **MESH PLUS badge** — platinum plaque + animated gradient label **MESH PLUS** (not «+»); unofficial subscriptions use the same style with a **red** gradient.
+- **Settings → MESH+** — pixel cube strip with gradient animation and **MESH PLUS** label above the benefits carousel; gray when FREE.
+- **Groups (community view)** — rail layout for text/voice channels; localized channel names (*General* / *Voice*, *Общий* / *Голос*); square voice stage tiles; group avatar sync over LAN (`group-avatar-share` / `group-avatar-request`).
+- **MESH+ docs** — test tier, free keys via blipteam@icloud.com ([`docs/MESH-PLUS.md`](docs/MESH-PLUS.md)).
+
+## [1.0.2] — Mesh Plus UI & trust — 2026-05-21
+
+### Added
+
+- **Achievements** — **Beta tester** (beta releases toggle in Developer) and **Unofficial build** (unverified maintainer signature / dev or self-built client).
+- **MESH+ settings** — animated pixel grid (BLIP purple → cyan → mint when subscribed; gray pixels when FREE).
+
+### Changed
+
+- **Trust UI** — removed purple/red build rings on peer avatars; **Settings → About** shows a square notice (official vs unofficial client). MESH+ badge trust fixed in profile preview (`resolvePeerMeshPlusTrust`).
+
+### Fixed
+
+- **Chats** — opening a conversation from the peer list, chat hub, or context menu mounts the chat view directly (fixes clicks doing nothing when `renderView` short-circuited); offline peers with history can be opened; context menus render above the UI.
+- **Calls** — signalling uses inbound or outbound TCP sockets before opening a new connection; outgoing calls require a warmed peer socket; retry when the peer was not in discovery yet.
+- **Profile GIF (MESH+)** — peers can open profiles when a subscriber uses a status GIF: LAN share downscales oversized GIFs for TCP, profile view updates in place (no full re-render on every peer ping), and GIF is requested when opening a profile.
+- **Boot crash** — renderer no longer writes to read-only `window.trustState` / `buildTrust` (contextBridge).
+- **Windows auto-update** — unsigned installers on builds 1.0.1+ after one manual install; `verifyUpdateCodeSignature = false`.
+
+## [1.0.1] — Security & fixes — 2026-05-21
+
+> **⚠️ If you are on v1.0.0 (Windows):** in-app auto-update **will not** install this version. Download **`BLIP-Setup-1.0.1.exe`** from **Assets** below and run it once (install over the existing app). Settings, chats, and config are kept. From **v1.0.1 onward**, later updates can download automatically again.
+>
+> **⚠️ Если у вас v1.0.0 (Windows):** автообновление **не установит** этот релиз. Скачайте **`BLIP-Setup-1.0.1.exe`** в **Assets** и запустите один раз (поверх текущей установки). Настройки и чаты сохранятся. С **v1.0.1** следующие версии снова смогут обновляться из приложения.
+
+Patch release: MESH+ integrity improvements and profile GIF fixes.
+
+### Added
+
+- **Verified Builds & MESH+ trust** — official signed builds show purple/cyan cues; unofficial clients and MESH+ use red accents only (tooltips, no text badges). LAN announce carries build trust; renderer reads `window.trustState` from main.
+
+### Changed
+
+- **MESH+** — stronger premium-tier checks across settings, Signal Corps, and main process.
+- **Profile GIF** — safer LAN sync for large GIFs; profile page opens reliably when a peer has a status GIF.
+
+### Fixed
+
+- **Profile page** — GIF cloud and peer/self GIF URLs; no ping spam when opening a profile.
+- **Chat hub** — avatar opens the full peer profile (including status GIF flag).
+
+### Note (Windows updates from v1.0.0)
+
+**v1.0.0 → v1.0.1:** the updater runs inside **1.0.0** and rejects unsigned installers (`publisherName: krwg`). Either Authenticode-sign the release Setup (`scripts/sign-windows-installer.ps1` + re-upload assets) or install Setup once by hand; **1.0.1 → later** auto-updates work unsigned with the updater fix.
+
+## [1.0.0] — Mesh Plus — 2026-05-21
+
+First **1.x** stable line. Codename **Mesh Plus**. Builds on everything since the last public GitHub release **[v0.7.7](https://github.com/krwg/BLIP/releases/tag/v0.7.7)** (pin/edit messages, export). Intermediate versions **0.7.8–0.10.1** were developed on `main` and are summarized here.
+
+### Added
+
+- **MESH+ licensing** (0.7.9+) — Ed25519 keys, activation UI, benefits carousel, premium wallpapers/sounds/icons, theme editor (`#RRGGBB`), status GIF cloud, peer badge.
+- **Signal Corps / Projects** (0.7.6+) — standalone **PROJECTS** nav (`devProjectsEnabled`): shared **Pad**, **Board** (kanban), **Canvas** (32×16, brush/fill/palette), **Clipboard** mesh history; pad snapshots (MESH+); board card context menu (delete, move column).
+- **Settings → Achievements** — optional, off by default; **Unlocked** / **Not yet unlocked** sections; custom SVG icons in [`ach-icons/`](ach-icons/); locked icons hidden until unlock (click **?** slot for hint).
+- **Settings → Network** — session stats + activity bars; **Signal Corps clipboard** toggle (off by default, confirm on enable).
+- **Settings → Developer** — **Groups (conferences)** beta toggle (off by default); Projects hint on toggle (no separate Signal Corps prose block).
+- **Peer profile page** (0.8+) — in-app full profile; settings preview polish.
+- **In-app dialogs** — `openConfirmDialog` / `openAlertDialog` / `openTextPromptDialog` replace native `confirm`/`alert`/`prompt` in key flows.
+- **Achievement unlock toasts** with icon; **BLIP-styled color picker** (`blip-color-input.js`) for appearance + canvas.
+- **8 achievement SVGs** — `ach-icons/*.svg`, bundled via `renderer/achievements-icons.js`.
+
+### Changed
+
+- **Version & branding:** `1.0.0`, codename **Mesh Plus** (`app-metadata.json` / `package.json`).
+- **Settings shell** — grouped sidebar (Account / App / Connection / System); opens **Profile** first; more transparent panels; appearance backgrounds visible again.
+- **UI copy** — section labels use **ALL CAPS** (EN/RU) via stylesheet; inputs/chat unchanged.
+- **Dial** — title, ID field, **Message** / **Call** aligned in one column.
+- **Default reaction** — **❤️** only; custom reaction field removed.
+- **Hotkeys panel** — no vertical squeeze; shortcuts list scrolls horizontally.
+- **Updates panel** — release feed fills remaining height in fullscreen.
+- **MESH+ carousel** — theme editor, app icons, export slides; relay slide marked planned-only.
+- **Projects** — removed mesh online strip and tier legend; MESH+ lock uses toast + CTA; clipboard gated in Network settings.
+- **Profile preview** — GIF cloud position fix; no black bar over avatar when GIF is set.
+
+### Removed
+
+- **Mesh identity** settings (ID color, status icons, ID bookmarks).
+- **Custom default reaction** emoji field.
+- **Native `confirm`/`alert`** in achievements reset, chat clear, group flows (replaced by modals).
+
+### Fixed
+
+- **Canvas** — `setCanvasPixel` import; painting, flood fill, eraser; full-area grid; tools/palette dock bottom-right.
+- **Board** — card create via in-app prompt (Electron `prompt` was broken).
+- **Achievements** — icon glyphs no longer show `{}`; reset only clears unlock storage.
+- **Groups** — create menu hidden unless `devGroupsEnabled`.
+
+## [0.10.1] — Achievements, Network stats, polish
+
+### Added
+
+- **Settings → Achievements** — off by default; Steam-style cards; unlock toasts; empty `iconAsset` slots for custom icons.
+- **Settings → Network** — session stats summary + activity bar chart.
+- **MESH+** — status GIF gated; themed PDF/HTML chat export; profile banner styling.
+
+### Removed
+
+- **Mesh identity** settings (ID color, status icons, ID bookmarks) — dropped as unnecessary.
+- **`docs/MESH-PLUS-PLAN.md`** — replaced by short [`docs/MESH-PLUS.md`](docs/MESH-PLUS.md).
+
+### Changed
+
+- MESH+ panel is activation + carousel only (relay/bridge remain marketing-only).
+
+## [0.10.0] — MESH+ Identity & Stats
+
+### Added
+
+- **MESH+ Phase 8 — Identity:** custom BLIP ID color (LAN announce), status icons (game/code/stream/listen/work/afk), up to 8 reserved ID bookmarks on the change-ID grid.
+- **MESH+ Phase 9 — Gamification:** session stats (messages, files, calls, peak peers, online time) and achievements in Settings → MESH+.
+- **Profile:** quick status-icon picker for MESH+; preview shows ID tint and icon.
+- **Peers list:** peer ID color and status glyph when announced on LAN.
+
+### Changed
+
+- Phase 7 (LAN relay, MESH+ Bridge, traffic priority) stays in the MESH+ carousel only — not implemented until after a stable release.
+
+## [0.9.1] — Signal Corps · Clipboard & Theme
+
+### Added
+
+- **MESH+ Phase 6 — Clipboard Board:** mesh sync (`mesh-proj-clipboard`, pull); **FREE** up to 20 entries; **MESH+** up to 500 + search filter.
+- **MESH+ Theme editor:** custom `#RRGGBB` accent in Settings → Appearance (color picker + hex); cleared on license revoke.
+
+### Changed
+
+- Projects → **БУФЕР / CLIPBOARD** is live for all users (dev Projects flag still required).
+
+## [0.9.0] — Signal Corps
+
+### Added
+
+- **MESH+ Phase 5 — Projects (Signal Corps):** **BOARD** (kanban, mesh sync `mesh-proj-board`) and **CANVAS** (32×16 grid, `mesh-proj-canvas`) in standalone Projects — MESH+ only; FREE sees lock stub + toast.
+- **Pad history (MESH+):** local snapshots in Pad tool — save, list, restore/rollback; sync still via `mesh-proj-pad` with LWW on `updatedAt`.
+- **Mesh wire:** `broadcastMeshBoard` / `broadcastMeshCanvas`; pad receive respects last-write-wins.
+
+### Changed
+
+- Projects hub uses live config getter so activation unlocks Board/Canvas without restart.
+- Clipboard in Projects nav remains “coming soon” (Phase 6).
+
+## [0.8.1] — MESH+ Gate
+
+### Added
+
+- **Peer profile page** — full in-app profile (avatar left, details right): BLIP ID, status, Mesh Pulse, MESH+ badge, mesh label, actions. Open from avatar click, context menu **Profile**, or chat header. Back / Esc returns to the previous screen.
+
+## [0.8.0] — MESH+ Gate
+
+### Added
+
+- **`requireMeshPlus(feature)`** — shared gates in `shared/mesh-plus-gates.js`; enforced in main on load, save, and deactivate.
+- **Premium animated backgrounds** — Ember & Rift locked for FREE (◆ in picker, toast on attempt).
+- **Premium sound packs** — WIRE / STATIC FX and BEACON / CHIME melodies locked for FREE.
+
+### Changed
+
+- Settings hints for animated background and sound sections (what requires MESH+).
+- Revoking MESH+ resets premium wallpaper and sound prefs to FREE defaults.
+
+## [0.7.10] — MESH+ Gate
+
+### Added
+
+- **App icon picker** (Appearance) — free: main + dop-1…4; MESH+: mesh-1…6 with lock toast when inactive.
+- **Icon pipeline** — `icon-main.svg` drives installer/`.exe`; all variants rasterized to `build/icons/` via `npm run build:icons`.
+
+### Changed
+
+- **МЭШ ПЛЮС** settings UX — status card, carousel counter, activation card, **Удалить ключ**.
+- **Russian localization** — full RU strings for МЭШ ПЛЮС tab (status «БЕСПЛАТНО» / «МЭШ ПЛЮС», toasts, carousel).
+- **Developer** — **Удалить подписку** clears MESH+ license (with toast if already FREE).
+- Tray/window/About icon updates live when changing variant (Start Menu shortcut updates on reinstall).
+
+## [0.7.9] — MESH+ Gate
+
+### Added
+
+- **MESH+ licensing** — Ed25519 activation in main (`mesh-plus-license.js`), IPC `activate-mesh-plus` / `deactivate-mesh-plus`, tier in public config.
+- **Settings → MESH+** — benefits carousel, activation UI, FREE / MESH+ status (EN/RU).
+- **MESH+ badge** on peer list — platinum plaque + violet gradient pixel label; `meshPlus` in UDP announce.
+- **Key generator** — `npm run mesh-plus:keygen` (private key in `scripts/.mesh-plus-private.b64`, gitignored).
+- **Installer metadata** — publisher `krwg`, file description, NSIS welcome/finish (`build/installer.nsh`), GPL license page.
+
+### Changed
+
+- `get-config` / `config-updated` no longer expose `meshPrivateKey` or raw license signature to renderer.
+
+## [0.7.8] — MESH+ Gate
+
+### Added
+
+- **[`docs/MESH-PLUS.md`](docs/MESH-PLUS.md)** — MESH+ tier summary (license, feature list). Phased roadmap file removed in 0.10.1.
+
+### Changed
+
+- **Settings UX** — shared list panels, taller dropdowns, aligned section headings (see settings styles / `settings-ui.js`).
 
 ## [0.7.7] — Signal Corps
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index fc1c7a5..ad6b8d5 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -55,23 +55,44 @@ Requires Windows for the current electron-builder targets:
 ```bash
 npm run electron:build        # NSIS installer
 npm run electron:build:portable
+npm run electron:build:all    # Setup + portable + latest.yml (auto-update manifest)
 ```
 
 Outputs go to `dist-electron/` (see `electron-builder.yml`).
 
+### Publishing a GitHub Release
+
+In-app updates need **`latest.yml`** and **`BLIP-Setup-<version>.exe`** on the **same** release tag as `app-metadata.json` (e.g. tag `1.1.1`, not `v1.1.1`, unless you use that tag consistently).
+
+| Method | Command |
+|--------|---------|
+| **CI (recommended)** | Push git tag `1.1.1` → [`.github/workflows/release.yml`](.github/workflows/release.yml) runs `electron:publish:win` |
+| **Local publish** | `$env:GH_TOKEN = "ghp_…"; npm run electron:publish:win` |
+| **Manual upload** | `npm run electron:build:all` then `npm run release:assets` — attach listed files to the GitHub Release |
+
+Copy release notes from [`docs/release-notes-v1.1.1-github.md`](docs/release-notes-v1.1.1-github.md) (update per version).
+
+**Portable** builds do not receive in-app updates — users must download a new portable or install Setup once.
+
+**Dev vs packaged UI:** `npm run electron:dev` loads live sources from Vite; `electron:build:all` snapshots `dist/` into the exe. Always run `npm run build` before shipping (the build scripts do this automatically).
+
 ## Release metadata
 
 Version and codename live in [`app-metadata.json`](app-metadata.json) (synced into `package.json` on `npm run build`). Update [`CHANGELOG.md`](CHANGELOG.md) when shipping.
 
+**MESH+** tier notes: [`docs/MESH-PLUS.md`](docs/MESH-PLUS.md) — test subscription, free keys via blipteam@icloud.com; plan to graduate features to FREE. Do not break FREE behavior when gating MESH+ features.
+
+Release builds: run `npm run setup:build-secrets` once, then configure maintainer build secrets before `electron:build:*` (see `ENTITLEMENT-MAP.local.md`, gitignored).
+
 ## TCP payloads (renderer ↔ main)
 
-Chat and signalling use newline-delimited JSON on TCP port **42070**. Common `type` values: `message`, `typing`, `ping`/`pong`, `call-*`, `group-*`, `group-call-*`, `file-*`, `clipboard-push`. See [docs/ARCHITECTURE.md](docs/ARCHITECTURE.md).
+Chat and signalling use newline-delimited JSON on TCP port **42070**. Common `type` values: `message`, `typing`, `ping`/`pong`, `call-*`, `group-*`, `group-call-*`, `file-*`, `clipboard-push`, `seed-*` (BEACON). See [docs/ARCHITECTURE.md](docs/ARCHITECTURE.md).
 
 The renderer Vite build produces three HTML entry points: `index.html`, `call-window.html`, `group-call-window.html`.
 
 ## Version / metadata
 
-- Release version and display metadata live in **`app-metadata.json`** (current line: **0.6.1 — Portrait**).
+- Release version and display metadata live in **`app-metadata.json`** (see current version/codename there).
 - `npm run build` runs `scripts/sync-app-metadata.mjs` so `package.json`’s `version` stays in sync.
 - User-facing release notes go in **`CHANGELOG.md`** before tagging.
 
diff --git a/README.md b/README.md
index c3df5ab..1c922f3 100644
--- a/README.md
+++ b/README.md
@@ -1,29 +1,42 @@
 <div align="center">
-<img width="256" height="256" alt="icon" src="https://github.com/user-attachments/assets/4e22fbf5-5773-4ba6-b845-9de95d7d5b87" />
+
+<img width="125" height="125" alt="icon-main" src="https://github.com/user-attachments/assets/a4ec54d8-4c6f-4923-bf16-42cb8f9b3b7d" />
+
+
 
 # BLIP
 
-**P2P messenger for local networks — no cloud, no servers, no internet.**
+<img src="https://readme-typing-svg.demolab.com?font=JetBrains+Mono&size=14&duration=4000&pause=2000&color=E0E0E0&center=true&vCenter=true&width=700&height=30&lines=P2P+messenger+for+local+networks;No+cloud.+No+servers.+No+internet.+No+accounts." alt="Tagline"/>
 
-[![Electron](https://img.shields.io/badge/Electron-35-47848F?style=flat-square&logo=electron&logoColor=white)](https://www.electronjs.org/)
-[![Vite](https://img.shields.io/badge/Vite-6-646CFF?style=flat-square&logo=vite&logoColor=white)](https://vitejs.dev/)
-[![License](https://img.shields.io/badge/License-GPLv3-00ffc8?style=flat-square)](LICENSE)
-[![Platform](https://img.shields.io/badge/Platform-Windows-0078D6?style=flat-square&logo=windows&logoColor=white)]()
-[![P2P](https://img.shields.io/badge/Network-P2P%20LAN-00ffc8?style=flat-square)]()
-[![Lang](https://img.shields.io/badge/i18n-EN%20%7C%20RU-e0e0e0?style=flat-square)]()
+<br>
 
-*You're on the grid. You're the signal.*
+[![Version](https://img.shields.io/badge/version-1.1.1_Beacon-00ffc8?style=for-the-badge&labelColor=0a0a0a)](https://github.com/krwg/BLIP/releases)
+[![Electron](https://img.shields.io/badge/Electron-35-47848F?style=for-the-badge&logo=electron&logoColor=white&labelColor=0a0a0a)](https://www.electronjs.org/)
+[![License](https://img.shields.io/badge/License-GPLv3-00ffc8?style=for-the-badge&labelColor=0a0a0a)](LICENSE)
+[![Platform](https://img.shields.io/badge/Windows-10%2F11-0078D6?style=for-the-badge&logo=windows&logoColor=white&labelColor=0a0a0a)]()
+[![i18n](https://img.shields.io/badge/i18n-EN%20%7C%20RU-e0e0e0?style=for-the-badge&labelColor=0a0a0a)]()
 
-</div>
+<!-- Dynamic stats row -->
+[![Stars](https://img.shields.io/github/stars/krwg/BLIP?style=for-the-badge&labelColor=0a0a0a&color=00ffc8&logo=github)](https://github.com/krwg/BLIP/stargazers)
+[![Downloads](https://img.shields.io/github/downloads/krwg/BLIP/total?style=for-the-badge&labelColor=0a0a0a&color=00ffc8&logo=github)](https://github.com/krwg/BLIP/releases)
+[![Last Commit](https://img.shields.io/github/last-commit/krwg/BLIP?style=for-the-badge&labelColor=0a0a0a&color=00ffc8&logo=github)](https://github.com/krwg/BLIP/commits/main)
+[![Issues](https://img.shields.io/github/issues/krwg/BLIP?style=for-the-badge&labelColor=0a0a0a&color=ff3366&logo=github)](https://github.com/krwg/BLIP/issues)
+
+<br>
+ 
+*You're on the grid. You're the signal.*
+[**English**](#english) · [**Русский**](#russian) · [**Сайт**](https://krwg.github.io/BLIP/)
+ 
+</div> 
 
 ## Navigation
 
 | Section | English | Русский |
 |---------|---------|---------|
-| Language | [**English**](#english) | [**Русский**](#russian) |
 | Testing (one PC) | [Testing](#en-testing) | [Тестирование](#ru-testing) |
 | Overview | [Overview](#en-overview) | [Обзор](#ru-overview) |
 | Features | [Features](#en-features) | [Возможности](#ru-features) |
+| MESH+ | [MESH+](#en-mesh-plus) | [MESH+](#ru-mesh-plus) |
 | Signal Corps | [Signal Corps](#en-signal-corps) | [Сигнал Корпс](#ru-signal-corps) |
 | Architecture | [Architecture](#en-architecture) | [Архитектура](#ru-architecture) |
 | Stack | [Stack](#en-stack) | [Стек](#ru-stack) |
@@ -43,6 +56,7 @@
 
 <h2 id="english">English</h2>
 
+
 <h3 id="en-testing">Testing on one PC</h3>
 
 | Approach | Works for chat/calls? |
@@ -60,7 +74,7 @@ Quick VM flow: host runs BLIP (ID **1**), VM runs BLIP (ID **2**), same subnet v
 | | |
 |---|---|
 | **What** | Desktop app: text, voice, and video over LAN / Hamachi / Radmin VPN |
-| **Release** | **0.7.7 — Signal Corps** (see [`CHANGELOG.md`](CHANGELOG.md)) |
+| **Release** | **1.1.1 — Beacon** (see [`CHANGELOG.md`](CHANGELOG.md); [Releases](https://github.com/krwg/BLIP/releases)) |
 | **Identity** | BLIP ID **1–64** (8×8 grid, Minecraft-style chunk metaphor) |
 | **Servers** | None — UDP broadcast, TCP, and WebRTC peer-to-peer only |
 | **Sign-up** | None |
@@ -73,7 +87,7 @@ Quick VM flow: host runs BLIP (ID **1**), VM runs BLIP (ID **2**), same subnet v
 | **BLIP ID** | Pick a number on the 8×8 grid; conflicts resolved via TCP ping |
 | **Discovery** | UDP `42069` + mDNS fallback |
 | **Chat** | TCP messages, receipts (✓/✓✓), reactions, LAN images, linkify, emoji picker, **Ctrl+F** search, export, typing, unread |
-| **Groups** | Group chat (beta), custom name & avatar, voice channels; host relay and invites |
+| **Groups** | Group chat (beta), custom name & avatar, **voice channels** in the community view (host star relay); LAN avatar sync; legacy **group call** window still available |
 | **Favorites** | Star peers locally; sorted first on Peers and Chat |
 | **Presence** | Online / Away / Busy in Profile (UDP announce) |
 | **Calls** | Separate **1:1** and **group** call windows; WebRTC voice/video (LAN, no STUN/TURN) |
@@ -84,14 +98,35 @@ Quick VM flow: host runs BLIP (ID **1**), VM runs BLIP (ID **2**), same subnet v
 | **Themes** | Light/dark palettes + animated backgrounds (EN/RU names) |
 | **Sound** | Chiptune Web Audio — **SIGNAL** / **PULSE** FX packs, **MESH** / **GRID** call melodies; preview in **Settings → Sound**; DND mutes all |
 | **Files** | P2P send in chat (1–100 GB limit in Settings, chunked); drag & drop; group inline ≤768 KB + chunked to all members |
+| **BEACON** | LAN mesh file library (**МАЯК**): publish seeds, multi-peer download, pause/resume seeding, `blip://seed/…`, `.blip` descriptors, transfer hub |
 | **Clipboard** | Optional LAN clipboard sync — **Settings → Network** (off / active chat / trusted peers) |
 | **Status** | Custom status line on LAN (Profile) — “In game”, AFK, etc. |
-| **Handshake** | Ed25519 signed announce + TCP mesh handshake (0.5+); block list enforced in main |
+| **Handshake** | Ed25519 signed announce + TCP mesh handshake (0.5+); VPN/Tailscale IP routes update discovery; block list enforced in main |
 | **Shortcuts** | In-window + system-wide (**Alt+1–4**, tray-safe) |
 | **Languages** | Full **English / Russian** UI (including group call chrome and badges) |
 | **Settings** | Profile, privacy/block list, appearance, network, shortcuts, call devices, transfers |
 | **Window** | Custom title bar, system tray, close-to-tray (Windows), **launch at login** (Windows) |
-| **Updates** | Auto-check on startup (packaged builds) |
+| **Updates** | Auto-check on startup (NSIS **Setup** builds; attach `latest.yml` on GitHub — see [`CONTRIBUTING.md`](CONTRIBUTING.md)) |
+| **MESH+** | Optional test tier — extra customization, early features, profile badge; keys free from the author ([details](docs/MESH-PLUS.md)) |
+
+<h3 id="en-mesh-plus">MESH+</h3>
+
+**MESH+** is a **test subscription** the author uses to learn how to ship a **license-checked** desktop app (offline key, author verification). Keys are issued **personally**, **free of charge** — email **[blipteam@icloud.com](mailto:blipteam@icloud.com)**. Paste your `BLIP-XXXX-…` key in **Settings → MESH+**.
+
+| | |
+|---|---|
+| **Today** | Subscribers get **new features first** while they are tested on the LAN |
+| **Later** | Planned to move **today’s MESH+ features into FREE** for everyone |
+| **Always** | Extra **customization** (themes, sounds, icons, status GIF, Signal Corps tools) and a **MESH+ badge** on your profile |
+
+| Category | Examples |
+|----------|----------|
+| **Look & feel** | Animated backgrounds *Ember* / *Rift*, **Wire** / **Static** FX, **Beacon** / **Chime** melodies, custom `#RRGGBB` accent, six **mesh** app icons |
+| **Profile** | **Status GIF** cloud visible to peers on the LAN |
+| **Signal Corps** | **Board** (kanban), **Canvas** (32×16), Pad snapshots, Clipboard **500** entries + search |
+| **Social** | **MESH+** badge on peers; themed chat export (PDF/HTML) |
+
+FREE keeps chat, voice/video, groups (beta), Pad, Mesh Pulse, core themes, and Clipboard (20 entries). Full list: [`docs/MESH-PLUS.md`](docs/MESH-PLUS.md).
 
 <h3 id="en-signal-corps">Signal Corps — the must-have mesh workspace</h3>
 
@@ -99,10 +134,10 @@ Quick VM flow: host runs BLIP (ID **1**), VM runs BLIP (ID **2**), same subnet v
 
 | Why it matters | What you get |
 |----------------|--------------|
-| **Pair programming without the cloud** | Shared **Pad** — one notepad synced over TCP to every **online peer** on your mesh (LWW, 300 ms debounce). |
-| **Built for dev crews** | Left rail of tools (pixel symbols, no emoji clutter): **✦ Pad** live today; **▦ Board**, **◻ Canvas**, **⧉ Clipboard** on the roadmap. |
+| **Pair programming without the cloud** | Shared **Pad** — one notepad synced over TCP to every **online peer** on your mesh (LWW, 300 ms debounce); **MESH+** pad snapshots with restore. |
+| **Built for dev crews** | **✦ Pad** · **▦ Board** (kanban, RMB on cards) · **◻ Canvas** (32×16, brush/fill, palette) · **⧉ Clipboard** (enable in **Settings → Network**). Board/Canvas/500-clip search need **MESH+**. |
 | **LAN-native** | Same philosophy as BLIP chat and calls — no servers, no accounts, no upload to someone else’s SaaS. |
-| **Off until you opt in** | Hidden by default so casual users stay on dial / chat; flip one toggle and **PROJECTS** appears in the nav — teams that try it tend to keep it open. |
+| **Off until you opt in** | Hidden by default; flip **Projects** in Developer and **PROJECTS** appears in the nav. |
 
 If you ship one BLIP feature to your squad this quarter, make it **Signal Corps**.
 
@@ -194,9 +229,10 @@ Icons: root `icon.svg` → `npm run build:icons` → `build/icon.ico`.
 
 | Command | Output |
 |---------|--------|
-| `npm run electron:build` | **`BLIP-Setup-0.6.0.exe`** — full NSIS installer (version from `app-metadata.json`) |
-| `npm run electron:build:portable` | **`BLIP-0.6.0-Portable.exe`** — single-file portable |
-| `npm run electron:build:all` | Both artifacts |
+| `npm run electron:build` | **`BLIP-Setup-<version>.exe`** — NSIS installer (`app-metadata.json`) |
+| `npm run electron:build:portable` | **`BLIP-<version>-Portable.exe`** — portable (no in-app auto-update) |
+| `npm run electron:build:all` | Installer + portable + `latest.yml` |
+| `npm run electron:publish:win` | Build + upload to GitHub Releases (`GH_TOKEN`) |
 | `npm run electron:build:dir` | `dist-electron/win-unpacked/BLIP.exe` (debug folder) |
 
 - **Installer (NSIS):** choose install folder, Start Menu shortcut, optional desktop shortcut, icon from `icon.svg`.
@@ -213,7 +249,9 @@ Icons: root `icon.svg` → `npm run build:icons` → `build/icon.ico`.
 | `npm run build:icons` | `icon.svg` → `build/icon.ico` + PNG |
 | `npm run electron:build` | NSIS installer |
 | `npm run electron:build:portable` | Portable `.exe` |
-| `npm run electron:build:all` | Installer + portable |
+| `npm run electron:build:all` | Installer + portable + `latest.yml` |
+| `npm run electron:publish:win` | Build + publish to GitHub (`GH_TOKEN`) |
+| `npm run release:assets` | List files to attach to a manual release |
 | `npm run electron:build:dir` | Unpacked app folder |
 | `npm run copy-fonts` | Copy Minecraft font from npm package |
 
@@ -246,7 +284,7 @@ Icons: root `icon.svg` → `npm run build:icons` → `build/icon.ico`.
 4. **DIAL** — enter a BLIP ID (centered); **MESSAGE** opens chat, **CALL** starts a voice call.
 5. **PEERS** — online list with **Mesh Pulse** latency (auto refresh every minute); click to chat; right-click for Mesh label, ping, block.
 6. **CHAT** — typing indicator when the peer composes; unread badge on the nav until you open the thread; **Ctrl+F** search in the open thread; hub shows **GRP** / **VOICE** for groups.
-7. **Groups** — create from chat hub; **GRP CALL** starts voice; ongoing calls show a join bar; group voice runs in a **separate window** titled **Group call**.
+7. **Groups** — open a group from the chat hub: text channels + **voice channels** (join/leave in the main window, mute/deafen/share). **GRP CALL** opens the legacy **Group call** window (separate mesh call); ongoing group calls show a join bar in the hub.
 8. **Calls (1:1)** — separate window: **M** mute, **D** deafen, **S** screen share, **F** fullscreen, **Esc** hang up.
 9. **Profile** — upload an avatar; peers on the LAN receive it automatically. **Settings → System** — optional **Start BLIP when Windows starts**.
 
@@ -287,7 +325,9 @@ blip/
 │   └── assets/fonts/  # Minecraft woff2/ttf
 ├── docs/              # ARCHITECTURE.md + GitHub Pages landing
 ├── build/             # icon.ico, icon.png (generated)
-├── app-metadata.json  # version 0.6.1, codename Portrait
+├── app-metadata.json  # version 1.1.1, codename Beacon
+├── docs/MESH-PLUS.md  # MESH+ feature list
+├── ach-icons/         # achievement SVGs (bundled in renderer)
 ├── preload.cjs        # IPC bridge
 ├── scripts/           # electron-dev, copy-fonts, build-icons, sync metadata
 ├── icon.svg           # source app icon
@@ -314,7 +354,10 @@ blip/
 | [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) | Community standards |
 | [SECURITY.md](SECURITY.md) | Reporting vulnerabilities |
 | [CHANGELOG.md](CHANGELOG.md) | Release history |
+| [docs/MESH-PLUS.md](docs/MESH-PLUS.md) | MESH+ tier — what’s included |
 | [docs/ARCHITECTURE.md](docs/ARCHITECTURE.md) | Technical map |
+| [docs/ROADMAP-1.1-BEACON.md](docs/ROADMAP-1.1-BEACON.md) | 1.1.0 Beacon scope |
+| [docs/release-notes-v1.1.1-github.md](docs/release-notes-v1.1.1-github.md) | GitHub Release body (1.1.1) |
 | [Landing site (Pages)](https://krwg.github.io/BLIP/) | Static showcase (`docs/index.html`) |
 
 <h3 id="en-license">License</h3>
@@ -346,7 +389,7 @@ The **Minecraft** font is licensed separately under [MIT](https://github.com/bs-
 | | |
 |---|---|
 | **Что это** | Desktop-приложение: текст, голос и видео по LAN / Hamachi / Radmin VPN |
-| **Релиз** | **0.7.7 — Signal Corps** (см. [`CHANGELOG.md`](CHANGELOG.md)) |
+| **Релиз** | **1.1.1 — Beacon** (см. [`CHANGELOG.md`](CHANGELOG.md); [Releases](https://github.com/krwg/BLIP/releases)) |
 | **Идентификация** | BLIP ID **1–64** (сетка 8×8) |
 | **Серверы** | Нет — только UDP broadcast, TCP и WebRTC между пирами |
 | **Регистрация** | Нет |
@@ -359,7 +402,7 @@ The **Minecraft** font is licensed separately under [MIT](https://github.com/bs-
 | **BLIP ID** | Выбор номера на сетке 8×8, конфликты через TCP ping |
 | **Discovery** | UDP `42069` + mDNS fallback |
 | **Чат** | TCP: доставка/прочтение (✓/✓✓), реакции, фото по LAN, ссылки, эмодзи, **Ctrl+F** поиск, экспорт, «печатает…», непрочитанное |
-| **Группы** | Групповой чат (бета), имя и аватар, голосовые каналы |
+| **Группы** | Групповой чат (бета), имя и аватар, **голосовые каналы** в community view (релей хоста); синхронизация аватарки по LAN; отдельное окно **группового звонка** |
 | **Избранное** | Звёздочка в меню абонента; сортировка вверху на Peers и в Chat |
 | **Статус** | В сети / Отошёл / Занят в профиле (UDP announce) |
 | **Звонки** | Отдельные окна **1:1** и **группового** звонка; WebRTC (LAN, без STUN/TURN) |
@@ -370,14 +413,35 @@ The **Minecraft** font is licensed separately under [MIT](https://github.com/bs-
 | **Темы** | Светлые/тёмные палитры и анимированные фоны (названия EN/RU) |
 | **Звук** | Chiptune (Web Audio): наборы **СИГНАЛ** / **ПУЛЬС**, мелодии **MESH** / **СЕТКА**; прослушивание в **Настройки → Звук**; DND отключает |
 | **Файлы** | P2P в чате (лимит 1–100 ГБ в настройках, чанки); drag & drop; в группе ≤768 КБ inline + чанки всем |
+| **МАЯК (BEACON)** | Меш-библиотека файлов в LAN: сиды, мульти-загрузка, пауза/стоп раздачи, `blip://seed/…`, дескрипторы `.blip`, хаб передач |
 | **Буфер обмена** | Синхронизация по LAN — **Настройки → Сеть** (выкл / активный чат / доверенные) |
 | **Статус-текст** | Своя строка в LAN (Профиль) — «в игре», AFK и т.д. |
-| **Handshake** | Подписанный announce + TCP mesh-handshake (0.5+); блокировка в main |
+| **Handshake** | Подписанный announce + TCP mesh-handshake (0.5+); IP VPN/Tailscale обновляет discovery; блокировка в main |
 | **Горячие клавиши** | В окне + системные (**Alt+1–4**, из трея) |
 | **Языки** | Полный интерфейс **EN / RU** (включая групповой звонок и бейджи) |
 | **Настройки** | Профиль, конфиденциальность/блок, вид, сеть, горячие клавиши, звонок, передачи |
 | **Окно** | Свой title bar, трей, в трей (Windows), **автозапуск при входе в Windows** |
-| **Обновления** | Проверка при запуске (собранные сборки) |
+| **Обновления** | Автопроверка при запуске (установщик **Setup**; на GitHub нужен `latest.yml` — см. [`CONTRIBUTING.md`](CONTRIBUTING.md)) |
+| **MESH+** | Тестовая подписка — кастомизация, ранний доступ к фичам, бейдж; ключи бесплатно от автора ([подробнее](docs/MESH-PLUS.md)) |
+
+<h3 id="ru-mesh-plus">MESH+</h3>
+
+**MESH+** — **тестовая подписка**: автор отрабатывает **лицензионное приложение** с офлайн-проверкой ключа. Ключи выдаются **лично**, **бесплатно** — пишите на **[blipteam@icloud.com](mailto:blipteam@icloud.com)**. Ключ `BLIP-XXXX-…` в **Настройки → MESH+**.
+
+| | |
+|---|---|
+| **Сейчас** | Подписчики **первыми получают новые фичи** на время теста в LAN |
+| **Потом** | Планируется перенести **всё из MESH+ в бесплатный уровень** |
+| **Всегда** | Расширенная **кастомизация** и **бейдж MESH+** в профиле |
+
+| Категория | Примеры |
+|-----------|---------|
+| **Оформление** | Фоны *Ember* / *Rift*, FX **Wire** / **Static**, мелодии **Beacon** / **Chime**, свой акцент `#RRGGBB`, иконки **mesh-1…6** |
+| **Профиль** | **Гифка статуса** в облачке для пиров в LAN |
+| **Сигнал Корпс** | **Доска**, **Холст**, снимки блокнота, буфер **500** + поиск |
+| **Соц.** | Бейдж **MESH+** у пиров; экспорт чата с темой BLIP |
+
+FREE: чат, звонки, группы (бета), блокнот, Mesh Pulse, базовые темы, буфер (20 записей). Полный список: [`docs/MESH-PLUS.md`](docs/MESH-PLUS.md).
 
 <h3 id="ru-signal-corps">Сигнал Корпс — главная фича для разработки в МЕШе</h3>
 
@@ -385,10 +449,10 @@ The **Minecraft** font is licensed separately under [MIT](https://github.com/bs-
 
 | Зачем | Что внутри |
 |-------|------------|
-| **Парное кодирование без облака** | **Блокнот (Pad)** — общие заметки по TCP всем **онлайн**-абонентам (LWW, debounce 300 мс). |
-| **Инструменты в стиле BLIP** | Слева каналы: **✦ Блокнот** уже работает; **▦ Доска**, **◻ Холст**, **⧉ Буфер** — в разработке. |
+| **Парное кодирование без облака** | **Блокнот** — общие заметки по TCP всем **онлайн**-абонентам; снимки и откат (**МЭШ+**). |
+| **Инструменты в стиле BLIP** | **✦ Блокнот** · **▦ Доска** (ПКМ по карточкам) · **◻ Холст** (кисть/заливка) · **⧉ Буфер** (вкл. в **Настройки → Сеть**). Доска/холст/поиск в буфере — **МЭШ+**. |
 | **Только ЛАН** | Как чат и звонки — без серверов и чужих аккаунтов. |
-| **Вкл. по желанию** | По умолчанию скрыто; один переключатель — и **ПРОЕКТЫ** в меню. Команды, которые попробуют, обычно не выключают. |
+| **Вкл. по желанию** | По умолчанию скрыто; переключатель **Проекты** в Разработчике — пункт **ПРОЕКТЫ** в меню. |
 
 Если внедрять одну фичу BLIP в команду — начните с **Сигнал Корпс**.
 
@@ -450,9 +514,10 @@ npx electron .
 
 | Команда | Результат |
 |---------|-----------|
-| `npm run electron:build` | **`BLIP-Setup-0.6.0.exe`** — установщик NSIS (версия из `app-metadata.json`) |
-| `npm run electron:build:portable` | **`BLIP-0.6.0-Portable.exe`** — portable |
-| `npm run electron:build:all` | Оба файла |
+| `npm run electron:build` | **`BLIP-Setup-<version>.exe`** — установщик NSIS (`app-metadata.json`) |
+| `npm run electron:build:portable` | **`BLIP-<version>-Portable.exe`** — portable (без автообновления в приложении) |
+| `npm run electron:build:all` | Setup + portable + `latest.yml` |
+| `npm run electron:publish:win` | Сборка + выкладка на GitHub Releases (`GH_TOKEN`) |
 | `npm run electron:build:dir` | `dist-electron/win-unpacked/BLIP.exe` |
 
 - **Установщик:** выбор папки, ярлык в «Пуск», опция ярлыка на рабочем столе.
@@ -469,7 +534,9 @@ npx electron .
 | `npm run build:icons` | `icon.svg` → `build/icon.ico` + PNG |
 | `npm run electron:build` | NSIS-установщик |
 | `npm run electron:build:portable` | Portable `.exe` |
-| `npm run electron:build:all` | Установщик + portable |
+| `npm run electron:build:all` | Setup + portable + `latest.yml` |
+| `npm run electron:publish:win` | Сборка + публикация на GitHub (`GH_TOKEN`) |
+| `npm run release:assets` | Список файлов для ручного релиза |
 | `npm run electron:build:dir` | Распакованная папка |
 | `npm run copy-fonts` | Скопировать Minecraft из npm-пакета |
 
@@ -502,7 +569,7 @@ npx electron .
 4. **НАБОР** — введите BLIP ID (по центру); **СООБЩЕНИЕ** — чат, **ЗВОНОК** — голосовой звонок.
 5. **АБОНЕНТЫ** — список в сети, **Пульс · N мс** (автораз в минуту); клик — чат; ПКМ — Mesh label, пинг, блок.
 6. **ЧАТ** — «печатает…»; непрочитанное на **Чат**; **Ctrl+F** — поиск в открытом чате; в hub — **ГРП** / **ГОЛОС** у групп.
-7. **Группы** — создать из hub; **ГРП ЗВОНОК** — голос; активный звонок — полоса «войти»; окно **Групповой звонок** с кнопками **— □ ×**.
+7. **Группы** — из hub: текстовые и **голосовые** каналы (вход/выход в главном окне, mute/deafen/экран). **ГРП ЗВОНОК** — legacy-окно **Групповой звонок**; активный звонок — полоса «войти» в hub.
 8. **Звонок 1:1** — отдельное окно: **M** / **D** / **S** / **F** / **Esc**.
 9. **Профиль** — аватар уходит абонентам по LAN. **Настройки → Система** — **запуск при старте Windows** (опционально).
 
@@ -567,6 +634,8 @@ blip/
 | [SECURITY.md](SECURITY.md) | Как сообщить об уязвимости |
 | [CHANGELOG.md](CHANGELOG.md) | История версий |
 | [docs/ARCHITECTURE.md](docs/ARCHITECTURE.md) | Архитектура кода |
+| [docs/ROADMAP-1.1-BEACON.md](docs/ROADMAP-1.1-BEACON.md) | Скоуп 1.1.0 Beacon |
+| [docs/release-notes-v1.1.1-github.md](docs/release-notes-v1.1.1-github.md) | Текст GitHub Release (1.1.1) |
 | [Landing (Pages)](https://krwg.github.io/BLIP/) | Статический сайт-витрина (`docs/index.html`) |
 
 <h3 id="ru-license">Лицензия</h3>
diff --git a/ach-icons/beta_tester.svg b/ach-icons/beta_tester.svg
new file mode 100644
index 0000000..c3e8b46
--- /dev/null
+++ b/ach-icons/beta_tester.svg
@@ -0,0 +1,23 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <defs>
+    <filter id="g" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="blur"/><feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+  </defs>
+  
+
+  <path d="M64 24 L98 44 L98 84 L64 104 L30 84 L30 44 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="3" stroke-linejoin="miter"/>
+  
+
+  <path d="M64 24 L64 16 M98 44 L106 44 M98 84 L106 84 M64 104 L64 112 M30 84 L22 84 M30 44 L22 44" stroke="#334155" stroke-width="3"/>
+  
+
+  <path d="M50 44 L76 44 L80 56 L70 64 L80 72 L76 84 L50 84 L46 72 L56 64 L46 56 Z" fill="#00ffc8"/>
+
+  <path d="M58 56 L68 64 L58 72 Z" fill="#0f172a"/>
+  
+
+  <circle cx="86" cy="36" r="5" fill="#00ffc8" filter="url(#g)"/>
+  <circle cx="86" cy="36" r="2" fill="#ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/first_call.svg b/ach-icons/first_call.svg
new file mode 100644
index 0000000..7bba111
--- /dev/null
+++ b/ach-icons/first_call.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Трубка -->
+  <path d="M36 44 L36 72 L52 72 L52 44 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4"/>
+  <path d="M92 44 L92 72 L76 72 L76 44 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4"/>
+  <path d="M52 58 L76 58" stroke="#00ffc8" stroke-width="6" stroke-linecap="round"/>
+  <!-- Волны звука -->
+  <path d="M64 24 L64 32" stroke="#00ffc8" stroke-width="3"/>
+  <path d="M56 28 L56 36" stroke="#00ffc8" stroke-width="3"/>
+  <path d="M72 28 L72 36" stroke="#00ffc8" stroke-width="3"/>
+  <!-- ON AIR -->
+  <rect x="44" y="84" width="40" height="12" fill="#0f172a" stroke="#00ffc8" stroke-width="2"/>
+  <path d="M48 87 L52 87 L52 93 L48 93 Z M56 87 L60 87 L60 93 L56 93 Z M64 87 L68 87 L68 93 L64 93 Z" fill="#ffffff"/>
+  <path d="M72 87 L76 87 L76 93 L72 93 Z" fill="#ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/first_file.svg b/ach-icons/first_file.svg
new file mode 100644
index 0000000..d07ddf8
--- /dev/null
+++ b/ach-icons/first_file.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Файл -->
+  <path d="M36 24 L68 24 L88 44 L88 100 L36 100 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4" stroke-linejoin="miter"/>
+  <path d="M68 24 L68 44 L88 44" fill="none" stroke="#00ffc8" stroke-width="3" stroke-linejoin="miter"/>
+  <!-- Стрелка вверх -->
+  <path d="M64 56 L52 72 L60 72 L60 88 L68 88 L68 72 L76 72 Z" fill="#00ffc8"/>
+  <!-- Пакет-сигнал -->
+  <rect x="44" y="88" width="8" height="4" fill="#00ffc8" opacity="0.6"/>
+  <rect x="76" y="88" width="8" height="4" fill="#00ffc8" opacity="0.6"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/first_peer.svg b/ach-icons/first_peer.svg
new file mode 100644
index 0000000..8f3feed
--- /dev/null
+++ b/ach-icons/first_peer.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <defs>
+    <filter id="g1" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="3" result="blur"/><feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+  </defs>
+  <!-- Радарный круг -->
+  <circle cx="64" cy="64" r="44" stroke="#1e293b" stroke-width="4" fill="#0f172a"/>
+  <circle cx="64" cy="64" r="44" stroke="#00ffc8" stroke-width="2" stroke-dasharray="6 4" opacity="0.6"/>
+  <!-- Перекрестие -->
+  <path d="M64 16 L64 112 M16 64 L112 64" stroke="#334155" stroke-width="3"/>
+  <!-- Сигнал-точка -->
+  <circle cx="88" cy="42" r="6" fill="#00ffc8" filter="url(#g1)"/>
+  <circle cx="88" cy="42" r="3" fill="#ffffff"/>
+  <!-- Кольцо сигнала -->
+  <path d="M88 42 m-12 0 a12 12 0 1 0 24 0 a12 12 0 1 0 -24 0" fill="none" stroke="#00ffc8" stroke-width="2" opacity="0.5"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/mesh_5.svg b/ach-icons/mesh_5.svg
new file mode 100644
index 0000000..f39f887
--- /dev/null
+++ b/ach-icons/mesh_5.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Соединительные линии (звезда/пентагон) -->
+  <path d="M64 20 L96 46 L84 84 L44 84 L32 46 Z" stroke="#334155" stroke-width="3" fill="#0f172a"/>
+  <path d="M64 20 L44 84 M96 46 L32 46 M84 84 L64 20 M44 84 L96 46 M32 46 L84 84" stroke="#1e293b" stroke-width="2"/>
+  <!-- Узлы -->
+  <rect x="60" y="16" width="8" height="8" fill="#00ffc8"/>
+  <rect x="92" y="42" width="8" height="8" fill="#00ffc8"/>
+  <rect x="80" y="80" width="8" height="8" fill="#00ffc8"/>
+  <rect x="40" y="80" width="8" height="8" fill="#00ffc8"/>
+  <rect x="28" y="42" width="8" height="8" fill="#00ffc8"/>
+  <!-- Центральное свечение -->
+  <circle cx="64" cy="64" r="8" fill="#00ffc8" opacity="0.3"/>
+  <circle cx="64" cy="64" r="3" fill="#ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/mesh_plus_active.svg b/ach-icons/mesh_plus_active.svg
new file mode 100644
index 0000000..a513490
--- /dev/null
+++ b/ach-icons/mesh_plus_active.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <defs>
+    <filter id="g2" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="4" result="blur"/><feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+  </defs>
+  <!-- Премиум-ромб -->
+  <path d="M64 16 L104 64 L64 112 L24 64 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4" stroke-linejoin="miter"/>
+  <!-- Внутренний кристалл -->
+  <path d="M64 28 L92 64 L64 100 L36 64 Z" fill="#00ffc8" opacity="0.2"/>
+  <path d="M64 28 L64 100 M36 64 L92 64" stroke="#00ffc8" stroke-width="2" opacity="0.6"/>
+  <!-- Плюс -->
+  <path d="M58 58 L70 58 M64 52 L64 76" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
+  <!-- Сияние -->
+  <circle cx="64" cy="64" r="48" fill="none" stroke="#00ffc8" stroke-width="2" stroke-dasharray="4 6" opacity="0.5" filter="url(#g2)"/>
+  <rect x="60" y="12" width="8" height="8" fill="#00ffc8"/>
+  <rect x="60" y="108" width="8" height="8" fill="#00ffc8"/>
+  <rect x="12" y="60" width="8" height="8" fill="#00ffc8"/>
+  <rect x="108" y="60" width="8" height="8" fill="#00ffc8"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/messages_100.svg b/ach-icons/messages_100.svg
new file mode 100644
index 0000000..5034f2f
--- /dev/null
+++ b/ach-icons/messages_100.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Антенна/микрофон -->
+  <rect x="56" y="24" width="16" height="48" fill="#0f172a" stroke="#00ffc8" stroke-width="3"/>
+  <rect x="52" y="72" width="24" height="8" fill="#00ffc8"/>
+  <rect x="48" y="80" width="32" height="8" fill="#1e293b"/>
+  <!-- Волны эфира -->
+  <path d="M80 40 Q88 52 80 64" fill="none" stroke="#00ffc8" stroke-width="3" stroke-linecap="round"/>
+  <path d="M88 32 Q100 52 88 72" fill="none" stroke="#00ffc8" stroke-width="3" stroke-linecap="round" opacity="0.6"/>
+  <path d="M48 40 Q40 52 48 64" fill="none" stroke="#00ffc8" stroke-width="3" stroke-linecap="round"/>
+  <!-- Бейдж 100 -->
+  <rect x="84" y="64" width="24" height="16" fill="#0f172a" stroke="#00ffc8" stroke-width="2"/>
+  <path d="M88 68 L92 68 L92 76 L88 76 Z M94 68 L98 68 L98 76 L94 76 Z" fill="#ffffff"/>
+  <path d="M100 68 L104 68 L104 76 L100 76 Z" fill="#ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/messages_50.svg b/ach-icons/messages_50.svg
new file mode 100644
index 0000000..772049f
--- /dev/null
+++ b/ach-icons/messages_50.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Пузырь чата -->
+  <path d="M28 32 L92 32 L92 76 L64 76 L48 92 L48 76 L28 76 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4" stroke-linejoin="miter"/>
+  <!-- Текст 50 -->
+  <path d="M44 48 L52 48 L52 56 L44 56 Z M48 60 L52 60 L52 68 L48 68 Z" fill="#ffffff"/>
+  <path d="M56 48 L64 48 L64 56 L56 56 Z M56 60 L64 60 L64 68 L56 68 Z" fill="#ffffff"/>
+  <!-- Счётчик-рамка -->
+  <rect x="36" y="44" width="32" height="28" fill="none" stroke="#00ffc8" stroke-width="2" opacity="0.6"/>
+  <!-- Хвостик сигнал -->
+  <rect x="76" y="40" width="8" height="8" fill="#00ffc8" opacity="0.8"/>
+  <rect x="84" y="48" width="8" height="8" fill="#00ffc8" opacity="0.6"/>
+  <rect x="92" y="56" width="8" height="8" fill="#00ffc8" opacity="0.4"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/online_1h.svg b/ach-icons/online_1h.svg
new file mode 100644
index 0000000..dc67f36
--- /dev/null
+++ b/ach-icons/online_1h.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+  <!-- Корпус песочных часов -->
+  <path d="M44 24 L84 24 L84 36 L64 56 L84 76 L84 88 L44 88 L44 76 L64 56 L44 36 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="4" stroke-linejoin="miter"/>
+  <!-- Песок -->
+  <path d="M48 28 L80 28 L80 32 L48 32 Z" fill="#00ffc8" opacity="0.8"/>
+  <path d="M64 56 L56 72 L72 72 Z" fill="#00ffc8" opacity="0.6"/>
+  <path d="M52 80 L76 80 L76 84 L52 84 Z" fill="#00ffc8" opacity="0.8"/>
+  <!-- 1h -->
+  <rect x="48" y="96" width="32" height="12" fill="#0f172a" stroke="#00ffc8" stroke-width="2"/>
+  <path d="M56 99 L56 105 L60 105 L60 99 Z" fill="#ffffff"/>
+  <path d="M64 99 L68 99 L68 101 L64 101 Z M64 103 L68 103 L68 105 L64 105 Z" fill="#ffffff"/>
+</svg>
\ No newline at end of file
diff --git a/ach-icons/unofficial_build.svg b/ach-icons/unofficial_build.svg
new file mode 100644
index 0000000..f0069cc
--- /dev/null
+++ b/ach-icons/unofficial_build.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128" fill="none" shape-rendering="crispEdges">
+
+  <path d="M36 28 L92 28 L100 36 L100 92 L92 100 L36 100 L28 92 L28 36 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="3" stroke-linejoin="miter"/>
+  
+ 
+  <path d="M36 52 L64 38 L92 52 L92 76 L64 90 L36 76 Z" fill="#1e293b" stroke="#334155" stroke-width="2" stroke-linejoin="miter"/>
+
+  <path d="M36 52 L64 38 L92 52 L64 66 Z" fill="#0f172a" stroke="#00ffc8" stroke-width="2" stroke-linejoin="miter"/>
+  
+
+  <path d="M58 60 L66 72 L74 60 L70 80 L62 68 Z" fill="#00ffc8"/>
+  
+
+  <path d="M78 36 L84 42 L72 54 L66 48 Z" fill="#00ffc8" opacity="0.9"/>
+  <path d="M70 52 L62 60 L66 64 L74 56 Z" fill="#00ffc8" opacity="0.9"/>
+  
+
+  <path d="M44 88 L48 88 M80 88 L84 88" stroke="#00ffc8" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/app-metadata.json b/app-metadata.json
index c51df16..aaec87f 100644
--- a/app-metadata.json
+++ b/app-metadata.json
@@ -1,6 +1,6 @@
 {
   "displayName": "BLIP",
-  "codename": "Signal Corps",
-  "version": "0.7.7",
+  "codename": "Beacon",
+  "version": "1.1.1",
   "githubUrl": "https://github.com/krwg/BLIP"
 }
diff --git a/build/build-info.json b/build/build-info.json
new file mode 100644
index 0000000..5510dca
--- /dev/null
+++ b/build/build-info.json
@@ -0,0 +1,7 @@
+{
+  "issuer": "krwg-official",
+  "version": "1.1.1",
+  "buildTimestamp": 1779656042339,
+  "buildSignature": "cJXNEzz92AxCZXuaCDKRfk2QjeVD1dCMwLHYMMS6KNgBL+MRJJbXdK3VGngmcuH9U9yVG3lBBsHuHlIfBUolBg==",
+  "meshPlusPublicKeyHash": "b91e80f821881373"
+}
diff --git a/build/icon.ico b/build/icon.ico
index 6fa1455..c6fead4 100644
Binary files a/build/icon.ico and b/build/icon.ico differ
diff --git a/build/icon.png b/build/icon.png
index cadfce7..0901a02 100644
Binary files a/build/icon.png and b/build/icon.png differ
diff --git a/build/icon.svg b/build/icon.svg
index ce06903..dbe885e 100644
--- a/build/icon.svg
+++ b/build/icon.svg
@@ -1,14 +1,86 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" shape-rendering="crispEdges">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
   <defs>
-    <linearGradient id="wave16" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#007AFF"/>
-      <stop offset="100%" stop-color="#5856D6"/>
-    </linearGradient>
+    <!-- Modern shadow -->
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+    
+    <!-- Subtle inner glow -->
+    <filter id="innerGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
   </defs>
   
-  <rect x="7" y="7" width="2" height="2" fill="url(#wave16)"/>
+  <!-- Modern background with subtle depth -->
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="rgba(58, 134, 255, 0.92)" filter="url(#modernShadow)"/>
   
-  <rect x="4" y="4" width="8" height="8" fill="none" stroke="url(#wave16)" stroke-width="1" opacity="0.75"/>
+  <!-- Subtle highlight overlay -->
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.06)"/>
   
-  <rect x="1" y="1" width="14" height="14" fill="none" stroke="url(#wave16)" stroke-width="1" opacity="0.35"/>
+  <!-- Signal group -->
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    
+    <!-- Diagonal cross signals (modern interpretation) -->
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern concentric squares with rounded corners -->
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <!-- Pixel accents at corners (minimalist) -->
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern center with pulse effect -->
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <!-- Subtle ring dots -->
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <!-- Top highlight for depth -->
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
 </svg>
\ No newline at end of file
diff --git a/build/icons/dop-1-tray.png b/build/icons/dop-1-tray.png
new file mode 100644
index 0000000..d513b71
Binary files /dev/null and b/build/icons/dop-1-tray.png differ
diff --git a/build/icons/dop-1.png b/build/icons/dop-1.png
new file mode 100644
index 0000000..46c126c
Binary files /dev/null and b/build/icons/dop-1.png differ
diff --git a/build/icons/dop-2-tray.png b/build/icons/dop-2-tray.png
new file mode 100644
index 0000000..e32c5b4
Binary files /dev/null and b/build/icons/dop-2-tray.png differ
diff --git a/build/icons/dop-2.png b/build/icons/dop-2.png
new file mode 100644
index 0000000..4bbcf78
Binary files /dev/null and b/build/icons/dop-2.png differ
diff --git a/build/icons/dop-3-tray.png b/build/icons/dop-3-tray.png
new file mode 100644
index 0000000..5a13682
Binary files /dev/null and b/build/icons/dop-3-tray.png differ
diff --git a/build/icons/dop-3.png b/build/icons/dop-3.png
new file mode 100644
index 0000000..3eb1c26
Binary files /dev/null and b/build/icons/dop-3.png differ
diff --git a/build/icons/dop-4-tray.png b/build/icons/dop-4-tray.png
new file mode 100644
index 0000000..4b44dba
Binary files /dev/null and b/build/icons/dop-4-tray.png differ
diff --git a/build/icons/dop-4.png b/build/icons/dop-4.png
new file mode 100644
index 0000000..88a22d8
Binary files /dev/null and b/build/icons/dop-4.png differ
diff --git a/build/icons/main-tray.png b/build/icons/main-tray.png
new file mode 100644
index 0000000..a0f0266
Binary files /dev/null and b/build/icons/main-tray.png differ
diff --git a/build/icons/main.png b/build/icons/main.png
new file mode 100644
index 0000000..0901a02
Binary files /dev/null and b/build/icons/main.png differ
diff --git a/build/icons/mesh-1-tray.png b/build/icons/mesh-1-tray.png
new file mode 100644
index 0000000..10c60a7
Binary files /dev/null and b/build/icons/mesh-1-tray.png differ
diff --git a/build/icons/mesh-1.png b/build/icons/mesh-1.png
new file mode 100644
index 0000000..7efd819
Binary files /dev/null and b/build/icons/mesh-1.png differ
diff --git a/build/icons/mesh-2-tray.png b/build/icons/mesh-2-tray.png
new file mode 100644
index 0000000..e075e3f
Binary files /dev/null and b/build/icons/mesh-2-tray.png differ
diff --git a/build/icons/mesh-2.png b/build/icons/mesh-2.png
new file mode 100644
index 0000000..47fab4c
Binary files /dev/null and b/build/icons/mesh-2.png differ
diff --git a/build/icons/mesh-3-tray.png b/build/icons/mesh-3-tray.png
new file mode 100644
index 0000000..8270074
Binary files /dev/null and b/build/icons/mesh-3-tray.png differ
diff --git a/build/icons/mesh-3.png b/build/icons/mesh-3.png
new file mode 100644
index 0000000..393f83c
Binary files /dev/null and b/build/icons/mesh-3.png differ
diff --git a/build/icons/mesh-4-tray.png b/build/icons/mesh-4-tray.png
new file mode 100644
index 0000000..5d90a57
Binary files /dev/null and b/build/icons/mesh-4-tray.png differ
diff --git a/build/icons/mesh-4.png b/build/icons/mesh-4.png
new file mode 100644
index 0000000..64025ab
Binary files /dev/null and b/build/icons/mesh-4.png differ
diff --git a/build/icons/mesh-5-tray.png b/build/icons/mesh-5-tray.png
new file mode 100644
index 0000000..44db982
Binary files /dev/null and b/build/icons/mesh-5-tray.png differ
diff --git a/build/icons/mesh-5.png b/build/icons/mesh-5.png
new file mode 100644
index 0000000..3b2ef79
Binary files /dev/null and b/build/icons/mesh-5.png differ
diff --git a/build/icons/mesh-6-tray.png b/build/icons/mesh-6-tray.png
new file mode 100644
index 0000000..d77a70a
Binary files /dev/null and b/build/icons/mesh-6-tray.png differ
diff --git a/build/icons/mesh-6.png b/build/icons/mesh-6.png
new file mode 100644
index 0000000..0ec8020
Binary files /dev/null and b/build/icons/mesh-6.png differ
diff --git a/build/installer.nsh b/build/installer.nsh
new file mode 100644
index 0000000..aa4b846
--- /dev/null
+++ b/build/installer.nsh
@@ -0,0 +1,27 @@
+; BLIP NSIS — electron-builder include (see https://www.electron.build/nsis.html)
+; customWelcomePage / customFinishPage must insert MUI pages (defines alone are not enough).
+
+!macro customWelcomePage
+  !define MUI_WELCOMEPAGE_TITLE "BLIP Setup"
+  !define MUI_WELCOMEPAGE_TEXT "LAN-only P2P messenger — text, voice, and video.$\r$\n$\r$\nNo cloud. No accounts. Your mesh, your rules.$\r$\n$\r$\nPublisher: krwg"
+  !insertmacro MUI_PAGE_WELCOME
+!macroend
+
+!macro customFinishPage
+  !define MUI_FINISHPAGE_TITLE "BLIP installed"
+  !define MUI_FINISHPAGE_TEXT "BLIP is ready on your network.$\r$\n$\r$\nAllow UDP 42069 and TCP 42070 in the firewall if peers are not discovered.$\r$\n$\r$\nFiles .blip open in BLIP automatically after install."
+  !define MUI_FINISHPAGE_RUN_TEXT "Launch BLIP"
+
+  Function StartApp
+    ${if} ${isUpdated}
+      StrCpy $1 "--updated"
+    ${else}
+      StrCpy $1 ""
+    ${endif}
+    ${StdUtils.ExecShellAsUser} $0 "$launchLink" "open" "$1"
+  FunctionEnd
+
+  !define MUI_FINISHPAGE_RUN
+  !define MUI_FINISHPAGE_RUN_FUNCTION "StartApp"
+  !insertmacro MUI_PAGE_FINISH
+!macroend
diff --git a/build/tray-16.png b/build/tray-16.png
index e4ae0f9..a0f0266 100644
Binary files a/build/tray-16.png and b/build/tray-16.png differ
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index eb500fe..4203229 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -64,6 +64,21 @@ Environment overrides: `BLIP_UDP_PORT`, `BLIP_TCP_PORT`. Separate user data dirs
 | `clipboard-push` | Peer ↔ peer | LAN clipboard text (mode-gated in renderer) |
 | `mesh-proj-pad` | Mesh (online peers) | Signal Corps shared Pad (LWW text, debounced) — not group-scoped |
 
+## MESH+ (test tier / licensing lab)
+
+Optional tier activated in **Settings → MESH+**. Introduced to test **offline license activation** (Ed25519, author-issued keys). Keys are **free** — request at **blipteam@icloud.com**; subscribers get **new features first**, with a goal to move gated features to **FREE** over time. Gates live in `shared/mesh-plus-gates.js`; settings UI in `renderer/mesh-plus-settings.js`. Product and policy: [`MESH-PLUS.md`](MESH-PLUS.md).
+
+| Area | Modules |
+|------|---------|
+| Themes & sound | `appearance.js`, `theme-editor.js`, premium IDs in `mesh-plus-gates.js` |
+| App icons | `app-icon-picker.js`, `main/app-icons.js` |
+| Profile GIF | `profile-gif-store.js`, `profile-card.js`, TCP `profile-gif-*` |
+| Signal Corps | Board/Canvas/history gates in `projects-view.js`, `project-tools-ui.js` |
+| Export | `chat-export.js` themed PDF/HTML |
+| Badge | UDP announce `meshPlus`; `renderer/mesh-plus.js` badge |
+
+FREE baseline keeps core chat, calls, Pad, Mesh Pulse, and Clipboard (20 entries).
+
 ## Signal Corps (Projects)
 
 **Signal Corps** is BLIP’s flagship builder workspace — the feature teams should enable first on a dev LAN. It lives in the main renderer (`projects-view.js`, `project-tools-ui.js`, `projects-mesh-wire.js`), gated by `devProjectsEnabled` in config.
@@ -72,10 +87,11 @@ Environment overrides: `BLIP_UDP_PORT`, `BLIP_TCP_PORT`. Separate user data dirs
 |--------|------|
 | **Nav entry** | `PROJECTS` between Chat and Settings when the developer toggle is on. |
 | **Pad (✦)** | Full-height shared textarea; `mesh-proj-pad` broadcasts LWW updates to all **online** peers (not group-scoped). |
-| **Board / Canvas / Clipboard** | UI stubs; TCP types reserved for future drops. |
-| **UX** | Tool list in a 140px sidebar; page title uses the standard **?** hint (`projects.hub_hint`) like Peers and Settings. |
+| **Board / Canvas** | MESH+ gated kanban + 32×16 canvas (`mesh-proj-board`, `mesh-proj-canvas`); board cards support context menu (delete, move status). |
+| **Clipboard** | Mesh sync; gated by `projectsClipboardEnabled` in **Settings → Network**; FREE 20 entries, MESH+ 500 + search. |
+| **UX** | Tool sidebar + **?** hint on pad history; locked MESH+ tools show stub + toast (no tier legend). |
 
-Groups (`groups.js`, voice channels) are intentionally separate and remain beta; do not route Signal Corps traffic through group relays.
+Groups (`groups.js`, voice channels) are beta and gated by `devGroupsEnabled` in **Settings → Developer**; do not route Signal Corps traffic through group relays.
 
 ## Persistence
 
@@ -85,12 +101,12 @@ Groups (`groups.js`, voice channels) are intentionally separate and remain beta;
 | Chat history | Renderer `localStorage` key `blip_chat_v1`. |
 | Favorite peer IDs | Renderer `localStorage` key `blip_favorites_v1`. |
 | Avatar seeds (per BLIP ID) | Renderer `localStorage` key `blip_avatar_seed_v1` (`avatar.js`). |
-<<<<<<< HEAD
-| Release metadata | `app-metadata.json` (version **0.7.7**, codename **Signal Corps**, repo URL). |
+| Release metadata | `app-metadata.json` (version **1.1.1**, codename **Beacon**, repo URL). |
+| Achievement icons | `ach-icons/*.svg` → `renderer/achievements-icons.js` (Vite `?url` imports). |
+| MESH+ overview | [`MESH-PLUS.md`](MESH-PLUS.md) — tier summary (no phased roadmap file). |
 | Group avatars | Renderer `localStorage` `blip_group_avatar_v1` |
-=======
-| Release metadata | `app-metadata.json` (version **0.7.4**, codename **Signal**, repo URL). |
->>>>>>> 3ae1d92 (update /docs)
+| Session stats | Renderer `session-stats.js` + **Settings → Network** |
+| Achievements | Renderer `achievements*.js` + **Settings → Achievements** (off by default) |
 
 ## Security posture (today)
 
@@ -143,6 +159,7 @@ Codename **Handshake**. Each client has an Ed25519 keypair in `blip-config.json`
 | TCP | `mesh-handshake` → `mesh-handshake-ack` before any other app packet |
 | Binding | Peer IP must match discovery; `msg.from` must match authenticated session |
 | TOFU | `knownPeerKeys[blipId]` updated after successful handshake |
+| IP route | If TCP `remoteAddress` ≠ discovery IP (VPN/Tailscale), handshake logs a warning, calls `discovery.noteObservedPeerIp`, and continues when the packet signature is valid |
 | Policy | `blockedPeerIds` dropped in main; `trustedPeerIds` for UI chat gate |
 
 Legacy peers without `meshProto` appear with `meshLegacy` — TCP mesh with 0.5 requires both sides on Handshake.
@@ -157,6 +174,23 @@ Legacy peers without `meshProto` appear with `meshLegacy` — TCP mesh with 0.5
 
 Images use `kind: 'image'` (JPEG resize). Group `group-msg` relays inline attachments; large files use chunked mesh to each member.
 
+## BEACON — mesh file library (1.1.0)
+
+Codename **Beacon** / UI **BEACON** (EN) · **МАЯК** (RU). LAN-wide seeds separate from 1:1 chat file offers.
+
+| Piece | Role |
+|--------|------|
+| `renderer/beacon-mesh.js` | Publish, download, `seed-have` rarity scheduler, pause/stop, batch chunk I/O |
+| `renderer/beacon-ui.js` | Library table, tabs, drag-drop, `.blip` open, row menu |
+| `renderer/beacon-seed-file.js` | `.blip` JSON descriptor parse/serialize |
+| `main/beacon-store.js` | Chunk files on disk under `userData` |
+| `main/blip-open.js` | `.blip` / `blip://seed/<id>` routing, single-instance |
+| `discovery.js` | UDP `seed-announce`, `seed-pulse`, `seed-gone` |
+
+Wire: TCP `seed-request`, `seed-chunk`, `seed-chunks-batch`, `seed-have`; default **1 MiB** chunks for new seeds; up to **6** parallel leech peers. Peers on **1.0.3** ignore unknown `seed-*` types (see [`COMPAT-1.0.3.md`](COMPAT-1.0.3.md)).
+
+Updates: packaged **NSIS** builds use `electron-updater` with a **generic** GitHub feed (`latest.yml` per release tag). **Portable** exe does not apply in-app updates.
+
 ## LAN clipboard (0.5.8+)
 
 Config `clipboardSyncMode`: `off` | `active` (open 1:1 chat) | `trusted`. Renderer `clipboard-sync.js` sends `clipboard-push` (text, max 32 KB). Main forwards like other TCP types.
@@ -202,16 +236,17 @@ UDP/mDNS announce includes optional `presenceText` (max 48 chars, sanitized). Sh
 
 ## Voice channels (0.7.0+)
 
-Persistent voice rooms inside a group (Discord-style), separate from the legacy **group call window**.
+Persistent voice rooms inside a group (Discord-style), rendered in **`group-community-view.js`** on the main window. Separate from the legacy **group call window** (`group-call.js`).
 
 | Piece | Role |
 |--------|------|
-| `renderer/voice-channel.js` | WebRTC mesh / SFU-style audio routing, screen share renegotiation, reconnect signals. |
-| `renderer/voice-channel-ui.js` | Channel bar, join/leave, mute/deafen, screen picker. |
-| `renderer/voice-channel-roster.js` | Live roster in group hub. |
-| `groups-wire.js` | Routes `voice-ch-*` TCP types; `handleVoiceChSignal`. |
+| `renderer/voice-channel.js` | Star topology: non-host sends offer to **group host**; host answers with `addTrack(localStream)` (same as 1:1). Remote audio plays on per-peer `<audio>` elements (no WebAudio playback mixer). Mesh fallback when host is not in the channel. Screen share uses `ren-offer` / `ren-answer`. |
+| `renderer/voice-channel-ui.js` | Voice stage tiles, join/leave, mute/deafen, screen picker. |
+| `renderer/voice-channel-roster.js` | Live roster; `voice-ch-roster` TCP merge. |
+| `renderer/group-avatar.js` | Compress + `group-avatar-share` / `group-avatar-request` for member avatars. |
+| `groups-wire.js` | Routes `voice-ch-roster`, `voice-ch-signal`, group avatar TCP types. |
 
-Wire types include `voice-ch-join`, `voice-ch-leave`, `voice-ch-state`, `voice-ch-signal` (see `groups-wire.js`).
+Wire types: `voice-ch-roster`, `voice-ch-signal` (`offer` / `answer` / `candidate` / `reconnect` / `ren-offer` / `ren-answer`), `group-avatar-share`, `group-avatar-request` (see `groups-wire.js`, `main/index.js` forward to renderer).
 
 ## Group mesh
 
@@ -256,5 +291,5 @@ Static showcase: [`docs/index.html`](index.html) → [krwg.github.io/BLIP](https
 
 ## Future seams
 
-- CI packaging smoke jobs, mobile client, optional STUN for routed VPN edge cases.
+- CI packaging smoke jobs, mobile client, optional STUN/TURN only if LAN host candidates fail across complex VPN topologies (host-candidate / no public STUN by default).
 - macOS/Linux autostart parity beyond Windows login items.
diff --git a/docs/MESH-PLUS.md b/docs/MESH-PLUS.md
new file mode 100644
index 0000000..595d21a
--- /dev/null
+++ b/docs/MESH-PLUS.md
@@ -0,0 +1,58 @@
+# BLIP · MESH+
+
+**MESH+** is an optional tier on top of BLIP. **FREE** includes the full LAN messenger: chat, calls, groups (beta), Mesh Pulse, avatars, themes, and core sounds.
+
+Activate in **Settings → MESH+** with your `BLIP-XXXX-…` key.
+
+## About the subscription
+
+MESH+ was introduced as a **test** — a way to gain experience building a **license-checked desktop app** (offline Ed25519 activation, author verification, tier gates in main and renderer).
+
+| | |
+|---|---|
+| **Who issues keys** | The author personally — not a store or automated billing |
+| **How to get MESH+** | Email **[blipteam@icloud.com](mailto:blipteam@icloud.com)** — keys are issued **free of charge** |
+| **Why it exists now** | Early access to **new features** — subscribers test them first on the LAN |
+| **Long term** | Everything that ships under MESH+ today is planned to become **FREE for everyone** later |
+| **What stays special** | Broader **customization** (themes, sounds, icons, status GIF, Signal Corps tools) and the **MESH+ badge** on your profile for peers |
+
+MESH+ is not paywalled core messaging: chat, voice/video, discovery, and Mesh Pulse stay FREE. The tier is a lab for licensing UX and a thank-you channel for testers who help ship features safely.
+
+## What you get (today)
+
+| Area | MESH+ |
+|------|--------|
+| Animated backgrounds **Ember**, **Rift** | ✦ |
+| Sound packs **Wire**, **Static** · melodies **Beacon**, **Chime** | ✦ |
+| Theme editor — custom `#RRGGBB` accent | ✦ |
+| App icons **mesh-1** … **mesh-6** | ✦ |
+| Profile **status GIF** cloud (LAN) | ✦ |
+| Signal Corps: **Board**, **Canvas**, Pad snapshots, Clipboard **500** + search | ✦ |
+| Chat export PDF/HTML with BLIP styling | ✦ |
+| **MESH+** badge on peers in the list and profile | ✦ |
+| Achievement icons in full color after unlock | ✦ (with **Achievements** enabled) |
+
+## Signal Corps (FREE vs MESH+)
+
+| Tool | Tier |
+|------|------|
+| **✦ Pad** — shared mesh notepad | FREE |
+| **▦ Board** — kanban | MESH+ |
+| **◻ Canvas** — 32×16 pixel board | MESH+ |
+| **⧉ Clipboard** — mesh history (20 entries FREE, 500 + search MESH+) | FREE / MESH+ |
+
+Enable **Settings → Developer → Projects** to show **PROJECTS** in the nav.
+
+## Settings
+
+- **MESH+** — activation and benefits overview.
+- **Network** — session stats; optional Signal Corps clipboard mesh sync.
+- **Achievements** — optional, off by default.
+
+## Planned (marketing only)
+
+LAN relay, MESH+ Bridge, bandwidth priority — not implemented yet.
+
+**App version:** `1.1.1` · codename **Beacon** (`app-metadata.json`).
+
+*BLIP · FREE for everyone · MESH+ — free keys via [blipteam@icloud.com](mailto:blipteam@icloud.com)*
diff --git a/docs/ROADMAP-1.1-BEACON.md b/docs/ROADMAP-1.1-BEACON.md
new file mode 100644
index 0000000..2d80c33
--- /dev/null
+++ b/docs/ROADMAP-1.1-BEACON.md
@@ -0,0 +1,210 @@
+# BLIP 1.1.0 — Beacon
+
+**Codename:** Beacon  
+**UI naming:** EN **BEACON** · RU **МАЯК** (not mixed)  
+**Version line:** `1.1.0` (no “MVP” in user-facing naming)  
+**Status:** **Released** 2026-05-24 (`app-metadata.json` → `1.1.0`, GitHub tag `1.1.0`)
+
+---
+
+## Release goals
+
+| Track | Scope |
+|-------|--------|
+| **Beacon** | LAN mesh file library: announce, multi-seed, parallel chunk download, `seed-pulse` health |
+| **Chat** | Reply, Forward (lite), Pinned messages |
+| **UX** | #21 Compact mode, #22 Font size, #29 Idle → Away, #30 Typing sound |
+| **Polish** | Toasts: auto-dismiss, swipe / close; transfer hub dismiss + completed section |
+
+**Out of 1.1.0:** BLIP Relay, Voice Notes, global search, threads, Dead Drop, full Telegram-style forward chains, remote typing sound (BBS-style CTCP).
+
+**Prerequisite:** 1.0.3 Echo — voice channels and handshake IP route (done).
+
+---
+
+## Product decisions (review feedback)
+
+### Navigation — not hidden in Developer
+
+- **BEACON** is in **main nav** with **[BETA]** badge (EN) / **[БЕТА]** (RU).
+- Developer panel keeps only **protocol on/off** toggle (bandwidth / debugging).
+- Future: optional discovery-driven highlight when seeds appear in mesh.
+
+### Multi-seed scheduler — rarity over raw latency
+
+Leecher picks peers using **two factors**, not latency alone:
+
+1. **Chunk rarity** — prefer peers that hold chunks you still need (`seed-have` bitmap).
+2. **Latency** — tie-break among peers with similar coverage.
+
+Default **N = 3** parallel peers; rare chunks from fast partial seeders, bulk from full seeders.
+
+**Implemented (1.1.0):** `seed-have` bitmap + rarity-weighted peer pick; up to **6** parallel peers, pipelined batches (**16** chunks × **3** per peer), parallel serve/receive, **`seed-chunks-batch`** TCP packing, **1 MiB** chunks for new seeds.
+
+### Forward (lite) — file availability
+
+When forwarding a message with a Beacon attachment:
+
+- Prefer **forward `seedId` + caption**, not re-upload.
+- If target chat has no access to seed → **“File unavailable — request in mesh?”** with optional **Re-seed in target chat**.
+- Text-only forward unchanged.
+
+### Pinned messages
+
+- **Default: 1 pin** per chat (DM + group), familiar from messengers.
+- Optional later: temporary pins (auto-unpin after 24h). No arbitrary “3 pins” limit.
+
+### Idle → Away (#29)
+
+- Default **5 minutes** of no input/focus → UDP presence `away`.
+- **Configurable** in Settings → Profile / Presence.
+- **Manual status wins:** if user set Busy or Away, idle timer does not override.
+
+### Typing sound (#30)
+
+- **Local only** in 1.1.0: subtle key click on composer keydown.
+- **Remote typing sound** (IRC/BBS vibe) → post-1.1 idea, not #30 scope.
+
+### Transfer hub
+
+- Completed rows stay **5 s** (was 2 s), then auto-clear.
+- Per-row **×**, header clear-all.
+- **Phase B:** “Open folder” / “Show in Explorer” action before collapse; optional **Completed** accordion instead of delete.
+
+### Backward compatibility 1.0.3 ↔ 1.1.0
+
+| Change | 1.0.3 behavior | Requirement |
+|--------|----------------|---------------|
+| `seed-*` UDP/TCP | Ignored (unknown type) | OK |
+| `replyTo`, `forwardFrom` on `message` | Extra JSON fields | **Must not break parser** — ignore unknown fields |
+| `message-pin` | Ignored if unknown | OK |
+| Presence `away` from idle | Shown as online if unknown | Graceful |
+
+**Check before ship:** send `replyTo` from 1.1.0 → 1.0.3 still renders text; pin/forward UI simply absent on old client.
+
+Optional: `capabilities: ['beacon','reply','pin']` in announce or first TCP handshake (future).
+
+---
+
+## Beacon — technical scope
+
+### UDP (discovery path)
+
+| Type | Direction | Purpose |
+|------|-----------|---------|
+| `seed-announce` | Broadcast | New seed: `seedId`, `filename`, `size`, `chunkSize`, `totalChunks`, `blipId` |
+| `seed-pulse` | Broadcast (~30s) | Health: `seeds`, `leechers` per `seedId` |
+| `seed-gone` | Broadcast | Seeder stopped / revoked |
+
+### TCP (peer ↔ peer)
+
+| Type | Purpose |
+|------|---------|
+| `seed-request` | Batch chunk indices request |
+| `seed-chunk` | Chunk payload (`seedId`, `chunkIndex`, bytes or base64) |
+| `seed-have` | Peer chunk bitmap for rarity scheduling |
+
+### Storage
+
+- `%APPDATA%/blip/seeds/<seedId>/` — chunk files + `meta.json`
+- `seedId` = first 16 hex chars of SHA-256(file) (content-addressed)
+
+### Renderer modules
+
+| File | Role |
+|------|------|
+| `renderer/beacon-mesh.js` | Catalog, download scheduler (multi-peer), seeding, pulse |
+| `renderer/beacon-ui.js` | Library view: list, publish, progress, peers |
+| `main/beacon-store.js` | On-disk paths |
+
+### UI polish (1.1.x backlog)
+
+| Item | Notes |
+|------|--------|
+| Pixel nav icon | Lighthouse / tower, not generic folder |
+| Drag-to-seed | Drop file on BEACON view → Publish |
+| Seed preview | Thumbnail from first chunk (images) |
+| Tray progress | Windows tray tooltip % on large downloads |
+| `blip://seed/<id>` | Copy link → paste in chat → open in Library |
+| Bandwidth graph | Settings → Network, live mesh throughput |
+
+---
+
+## Chat (1.1.0)
+
+| Feature | Wire / storage | Notes |
+|---------|----------------|-------|
+| **Reply** | `replyTo` on `message` (exists) | Quote strip, jump, composer preview |
+| **Forward** | `forwardFrom` + `seedId?` | Lite; see file availability above |
+| **Pinned** | `message-pin` (exists) | **1 pin** per chat; strip in group + DM |
+
+---
+
+## UX polish
+
+| ID | Feature | Implementation hint |
+|----|---------|---------------------|
+| 21 | Compact mode | `data-ui-density="compact"` on `<html>` |
+| 22 | Font size | `config.uiFontScale`, `config.chatFontScale` |
+| 29 | Idle → Away | 5 min default, manual status respected |
+| 30 | Typing sound | Local composer click, `config.typingSound` |
+
+---
+
+## Notifications & transfer hub
+
+- [x] Toasts: ~9s default, × and swipe dismiss.
+- [x] Transfer hub: 5s after 100%, per-row ×, clear all.
+- [x] Completed section + “Open folder” (when path known)
+- [x] Settings → toast duration slider
+
+---
+
+## Implementation phases
+
+### Phase A — Foundation ✓
+
+- [x] Roadmap, metadata `1.1.0-alpha`, toasts + transfer hub
+- [x] UDP `seed-*` in `discovery.js`, TCP forward, `beacon-mesh.js` skeleton
+- [x] Main nav **BEACON / МАЯК** with [BETA]
+
+### Phase B — Beacon core ✓
+
+- [x] Publish file → announce + local seed
+- [x] Single-peer download E2E
+- [x] Multi-seed parallel download (up to 3 peers, batch requests)
+- [x] `seed-pulse` while seeding (local complete seeds)
+- [x] Per-seed **Stop** (`seed-gone`, revoke); local files kept; **Resume seeding**
+- [x] **Pause** seeding — per-row + pause all in sidebar
+
+### Phase C — Chat
+
+- [x] Reply UI (DM: quote, composer, context menu)
+- [x] Pin UI (1 pin per DM via `chat-pins.js`)
+- [x] Forward lite (`forwardFrom` on `message`; DM picker)
+- [x] Pin + Reply + Forward in **group** chat
+- [x] Forward seed unavailable UX + open in BEACON
+- [x] `blip://seed/<id>` links in chat
+- [x] BEACON drag-and-drop publish
+
+### Phase D — UX + ship
+
+- [x] 21 Compact, 22 Font scale, 29 Idle → Away, 30 Typing sound
+- [x] i18n EN/RU, CHANGELOG 1.1.0
+- [x] Compat checklist [`COMPAT-1.0.3.md`](COMPAT-1.0.3.md)
+- [x] Tag `1.1.0` on GitHub (attach `latest.yml` + Setup + Portable)
+
+---
+
+## Done criteria for tag `v1.1.0`
+
+1. Two peers: A publishes 50 MB; B and C download in parallel; both seed.
+2. `seed-pulse` updates seeder/leecher counts within 30s.
+3. Reply + 1 pin in group; forward text + seedId to another DM.
+4. Toasts always dismiss; transfer hub never stuck.
+5. 1.0.3 peer in same LAN: chat/calls OK; ignores Beacon packets.
+6. No regression: 1:1 call, text chat, group relay, voice channels.
+
+---
+
+*See also [`IDEAS.local.md`](../IDEAS.local.md) for long-term ideas.*
diff --git a/docs/index.html b/docs/index.html
index ebd25ab..7bdbe0d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,57 +1,173 @@
 <!DOCTYPE html>
-<html lang="ru">
+<html lang="ru" data-theme="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>BLIP — GitHub</title>
-    <meta
-      name="description"
-      content="BLIP 0.7.4 Signal — P2P LAN messenger: chat, voice channels, custom avatars, themes (Slate accent). Electron + Vite, WebRTC. krwg/BLIP."
-    />
+    <title>BLIP — P2P LAN Messenger</title>
+    <meta name="description" content="BLIP 1.1.1 Beacon — P2P LAN messenger + mesh file library (МАЯК): chat, voice, BEACON seeds. Electron + Vite, WebRTC. No cloud." />
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://krwg.github.io/BLIP/" />
+    <meta property="og:title" content="BLIP — P2P LAN Messenger" />
+    <meta property="og:description" content="Desktop messenger for LAN / Hamachi / Radmin VPN. No cloud, no servers, no internet. BLIP IDs 1–64." />
+    <meta property="og:image" content="https://krwg.github.io/BLIP/og-image.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+
+    <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
-      rel="stylesheet"
-    />
+    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet" />
+
     <style>
+      /* ─── Design Tokens ─── */
       :root {
-        --bg0: #050508;
-        --bg1: #0a0a0c;
-        --glass: rgba(148, 163, 184, 0.07);
-        --border: rgba(148, 163, 184, 0.22);
+        --font-pixel: 'Press Start 2P', ui-monospace, monospace;
+        --font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
+
+        --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+        --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+
+        --radius: 0px;
+        --border-width: 2px;
+
+        /* Dark (default) */
+        --bg-0: #030304;
+        --bg-1: #0a0a0c;
+        --bg-2: #111118;
+        --glass: rgba(148, 163, 184, 0.06);
+        --glass-border: rgba(148, 163, 184, 0.18);
         --text: rgba(212, 228, 255, 0.94);
-        --muted: rgba(148, 163, 184, 0.62);
+        --text-muted: rgba(148, 163, 184, 0.65);
         --accent: #94a3b8;
-        --accent2: #cbd5e1;
+        --accent-bright: #cbd5e1;
+        --accent-glow: rgba(148, 163, 184, 0.25);
         --on-accent: #050508;
-        --ease: cubic-bezier(0.4, 0, 0.2, 1);
-        --font-pixel: 'Press Start 2P', ui-monospace, monospace;
+        --danger: #ff3366;
+        --success: #00ffc8;
       }
-      * {
+
+      [data-theme="light"] {
+        --bg-0: #e2e8f0;
+        --bg-1: #f1f5f9;
+        --bg-2: #ffffff;
+        --glass: rgba(148, 163, 184, 0.12);
+        --glass-border: rgba(148, 163, 184, 0.35);
+        --text: #0f172a;
+        --text-muted: #64748b;
+        --accent: #475569;
+        --accent-bright: #1e293b;
+        --accent-glow: rgba(71, 85, 105, 0.15);
+        --on-accent: #f8fafc;
+        --danger: #dc2626;
+        --success: #059669;
+      }
+
+      /* ─── Reset ─── */
+      *, *::before, *::after {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
       }
+
+      html {
+        scroll-behavior: smooth;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        html { scroll-behavior: auto; }
+        *, *::before, *::after {
+          animation-duration: 0.01ms !important;
+          animation-iteration-count: 1 !important;
+          transition-duration: 0.01ms !important;
+        }
+      }
+
       body {
         font-family: var(--font-pixel);
-        background: linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 55%, #030304 100%);
-        background-attachment: fixed;
+        background: var(--bg-0);
         color: var(--text);
-        line-height: 1.75;
+        line-height: 1.7;
         letter-spacing: 0.04em;
         font-size: 13px;
         min-height: 100vh;
+        overflow-x: hidden;
+        -webkit-font-smoothing: antialiased;
+      }
+
+      /* ─── CRT / Grid Background ─── */
+      body::before {
+        content: '';
+        position: fixed;
+        inset: 0;
+        z-index: 0;
+        pointer-events: none;
+        background-image:
+          linear-gradient(rgba(148, 163, 184, 0.03) 1px, transparent 1px),
+          linear-gradient(90deg, rgba(148, 163, 184, 0.03) 1px, transparent 1px);
+        background-size: 32px 32px;
+        mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
+        -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
+      }
+
+      /* Scanlines (subtle) */
+      body::after {
+        content: '';
+        position: fixed;
+        inset: 0;
+        z-index: 9999;
+        pointer-events: none;
+        background: repeating-linear-gradient(
+          0deg,
+          transparent,
+          transparent 2px,
+          rgba(0, 0, 0, 0.03) 2px,
+          rgba(0, 0, 0, 0.03) 4px
+        );
+        opacity: 0.4;
+      }
+
+      [data-theme="light"] body::after {
+        background: repeating-linear-gradient(
+          0deg,
+          transparent,
+          transparent 2px,
+          rgba(0, 0, 0, 0.015) 2px,
+          rgba(0, 0, 0, 0.015) 4px
+        );
+      }
+
+      /* ─── Skip Link ─── */
+      .skip-link {
+        position: absolute;
+        top: -40px;
+        left: 0;
+        background: var(--accent);
+        color: var(--on-accent);
+        padding: 8px 16px;
+        font-size: 9px;
+        z-index: 100;
+        text-decoration: none;
+        transition: top 0.2s;
       }
+      .skip-link:focus { top: 0; }
+
+      /* ─── Header ─── */
       .header {
         position: fixed;
         inset: 0 0 auto 0;
         z-index: 50;
-        background: rgba(10, 10, 12, 0.58);
+        background: rgba(var(--bg-1-rgb, 10, 10, 12), 0.65);
         backdrop-filter: blur(24px) saturate(160%);
         -webkit-backdrop-filter: blur(24px) saturate(160%);
-        border-bottom: 1px solid var(--border);
+        border-bottom: 1px solid var(--glass-border);
+        transition: box-shadow 0.3s var(--ease-out);
+      }
+
+      .header.scrolled {
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
       }
+
       .header-inner {
         max-width: 980px;
         margin: 0 auto;
@@ -62,53 +178,96 @@
         gap: 14px;
         flex-wrap: wrap;
       }
+
       .logo {
         font-size: 11px;
         text-transform: uppercase;
-        letter-spacing: 0.08em;
-        color: var(--accent2);
+        letter-spacing: 0.1em;
+        color: var(--accent-bright);
         text-decoration: none;
+        position: relative;
+        transition: color 0.2s;
+      }
+
+      .logo::after {
+        content: '';
+        position: absolute;
+        bottom: -4px;
+        left: 0;
+        width: 0;
+        height: 2px;
+        background: var(--accent);
+        transition: width 0.3s var(--ease-out);
       }
+
+      .logo:hover::after { width: 100%; }
+
       .header-actions {
         display: flex;
         align-items: center;
         gap: 10px;
         flex-wrap: wrap;
       }
+
       .lang {
         display: inline-flex;
-        border: 1px solid var(--border);
-        background: rgba(0, 0, 0, 0.35);
+        border: var(--border-width) solid var(--glass-border);
+        background: rgba(0, 0, 0, 0.25);
+      }
+
+      [data-theme="light"] .lang {
+        background: rgba(255, 255, 255, 0.5);
       }
+
       .lang button {
         font-family: var(--font-pixel);
         font-size: 9px;
-        padding: 8px 10px;
+        padding: 8px 12px;
         border: none;
         background: transparent;
-        color: var(--muted);
+        color: var(--text-muted);
         cursor: pointer;
         letter-spacing: 0.06em;
+        transition: all 0.15s;
+        position: relative;
       }
+
       .lang button:hover {
         color: var(--text);
+        background: rgba(148, 163, 184, 0.08);
+      }
+
+      .lang button[aria-pressed="true"] {
+        background: rgba(148, 163, 184, 0.2);
+        color: var(--accent-bright);
+        box-shadow: inset 0 -2px 0 var(--accent);
       }
-      .lang button[aria-pressed='true'] {
-        background: rgba(148, 163, 184, 0.18);
-        color: var(--accent2);
+
+      .lang button:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: -2px;
       }
+
       .nav-link {
         font-family: var(--font-pixel);
         font-size: 9px;
         letter-spacing: 0.06em;
-        color: var(--muted);
+        color: var(--text-muted);
         text-decoration: none;
         margin-left: 10px;
+        transition: color 0.2s;
+        position: relative;
       }
-      .nav-link:hover {
-        color: var(--text);
+
+      .nav-link:hover { color: var(--text); }
+      .nav-link:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 4px;
       }
+
+      /* ─── Hero ─── */
       .hero {
+        position: relative;
         min-height: 92vh;
         display: flex;
         flex-direction: column;
@@ -116,49 +275,104 @@
         justify-content: center;
         text-align: center;
         padding: 96px 16px 40px;
+        z-index: 1;
       }
+
       .hero-badge {
         display: inline-flex;
-        padding: 8px 12px;
+        padding: 8px 14px;
         background: var(--glass);
-        border: 1px solid var(--border);
+        border: 1px solid var(--glass-border);
         font-size: 9px;
-        color: var(--muted);
-        margin-bottom: 20px;
-        letter-spacing: 0.06em;
+        color: var(--text-muted);
+        margin-bottom: 24px;
+        letter-spacing: 0.08em;
         text-transform: uppercase;
         max-width: 40rem;
         line-height: 1.6;
+        opacity: 0;
+        animation: fadeInUp 0.6s var(--ease-out) 0.2s forwards;
       }
+
       .hero-title {
-        font-size: clamp(12px, 2.8vw, 18px);
-        line-height: 1.55;
-        max-width: 22em;
-        margin-bottom: 18px;
-        text-shadow: 0 2px 24px rgba(148, 163, 184, 0.14);
+        font-size: clamp(12px, 2.8vw, 20px);
+        line-height: 1.6;
+        max-width: 24em;
+        margin-bottom: 20px;
+        text-shadow: 0 2px 24px var(--accent-glow);
+        opacity: 0;
+        animation: fadeInUp 0.6s var(--ease-out) 0.4s forwards;
+        min-height: 3.2em;
+      }
+
+      .hero-title .cursor {
+        display: inline-block;
+        width: 8px;
+        height: 1.2em;
+        background: var(--accent);
+        margin-left: 2px;
+        vertical-align: text-bottom;
+        animation: blink 1s step-end infinite;
+      }
+
+      @keyframes blink {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0; }
       }
+
       .hero-sub {
         font-size: clamp(9px, 1.7vw, 11px);
-        line-height: 1.65;
-        color: var(--muted);
-        max-width: 44rem;
-        margin-bottom: 32px;
+        line-height: 1.7;
+        color: var(--text-muted);
+        max-width: 46rem;
+        margin-bottom: 36px;
+        opacity: 0;
+        animation: fadeInUp 0.6s var(--ease-out) 0.6s forwards;
+      }
+
+      @keyframes fadeInUp {
+        from {
+          opacity: 0;
+          transform: translateY(16px);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0);
+        }
       }
+
+      /* ─── Code Box ─── */
       .code-box {
         width: 100%;
-        max-width: 520px;
+        max-width: 540px;
         background: var(--glass);
-        border: 1px solid var(--border);
-        padding: 12px 14px;
-        margin-bottom: 24px;
+        border: 1px solid var(--glass-border);
+        padding: 14px 16px;
+        margin-bottom: 28px;
         display: flex;
         align-items: center;
         justify-content: space-between;
-        gap: 10px;
+        gap: 12px;
         flex-wrap: wrap;
+        opacity: 0;
+        animation: fadeInUp 0.6s var(--ease-out) 0.8s forwards;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .code-box::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 1px;
+        background: linear-gradient(90deg, transparent, var(--accent), transparent);
+        opacity: 0.5;
       }
+
       .code-text {
-        font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+        font-family: var(--font-mono);
         font-size: 11px;
         letter-spacing: 0;
         color: var(--text);
@@ -167,137 +381,376 @@
         flex: 1;
         min-width: 0;
       }
+
       .copy-btn {
         font-family: var(--font-pixel);
-        border: 2px solid var(--border);
-        background: rgba(0, 0, 0, 0.45);
-        color: var(--muted);
-        padding: 8px 10px;
+        border: var(--border-width) solid var(--glass-border);
+        background: rgba(0, 0, 0, 0.35);
+        color: var(--text-muted);
+        padding: 8px 12px;
         font-size: 7px;
         cursor: pointer;
         flex-shrink: 0;
         box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4);
+        transition: all 0.2s var(--ease-out);
+        position: relative;
+        overflow: hidden;
       }
+
+      [data-theme="light"] .copy-btn {
+        background: rgba(255, 255, 255, 0.6);
+        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
+      }
+
       .copy-btn:hover {
         color: var(--text);
         border-color: var(--accent);
+        transform: translateY(-1px);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
       }
+
+      .copy-btn:active {
+        transform: translateY(0);
+        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.4);
+      }
+
       .copy-btn.copied {
-        color: var(--accent2);
-        border-color: rgba(148, 163, 184, 0.55);
+        color: var(--success);
+        border-color: var(--success);
+        animation: pulse 0.4s var(--ease-spring);
       }
+
+      @keyframes pulse {
+        0% { transform: scale(1); }
+        50% { transform: scale(1.05); }
+        100% { transform: scale(1); }
+      }
+
+      .copy-btn:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 2px;
+      }
+
+      /* ─── CTA Row ─── */
       .cta-row {
         display: flex;
         flex-wrap: wrap;
-        gap: 10px;
+        gap: 12px;
         justify-content: center;
+        opacity: 0;
+        animation: fadeInUp 0.6s var(--ease-out) 1s forwards;
       }
+
       .btn {
         font-family: var(--font-pixel);
         display: inline-flex;
         align-items: center;
         gap: 8px;
-        padding: 12px 18px;
+        padding: 12px 20px;
         text-decoration: none;
-        border: 2px solid transparent;
-        transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
+        border: var(--border-width) solid transparent;
+        transition: all 0.25s var(--ease-out);
         font-size: 8px;
         letter-spacing: 0.04em;
+        position: relative;
+        overflow: hidden;
+        cursor: pointer;
       }
+
+      .btn::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
+        transform: translateX(-100%);
+        transition: transform 0.5s;
+      }
+
+      .btn:hover::before {
+        transform: translateX(100%);
+      }
+
       .btn-primary {
         background: var(--accent);
         color: var(--on-accent);
         border-color: rgba(148, 163, 184, 0.5);
-        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.28);
+        box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.28), 0 4px 16px var(--accent-glow);
       }
+
       .btn-primary:hover {
         transform: translateY(-2px);
-        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
+        box-shadow: 0 12px 32px var(--accent-glow), inset 0 -3px 0 rgba(0, 0, 0, 0.28);
+      }
+
+      .btn-primary:active {
+        transform: translateY(0);
+        box-shadow: 0 4px 8px var(--accent-glow), inset 0 -1px 0 rgba(0, 0, 0, 0.28);
       }
+
       .btn-secondary {
         background: rgba(0, 0, 0, 0.22);
         color: var(--text);
-        border: 2px solid var(--border);
+        border: var(--border-width) solid var(--glass-border);
         box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.35);
       }
+
+      [data-theme="light"] .btn-secondary {
+        background: rgba(255, 255, 255, 0.4);
+        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
+      }
+
       .btn-secondary:hover {
         border-color: var(--accent);
-        color: var(--accent2);
+        color: var(--accent-bright);
+        transform: translateY(-2px);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+      }
+
+      .btn:focus-visible {
+        outline: 2px solid var(--accent-bright);
+        outline-offset: 3px;
       }
+
+      /* ─── Features ─── */
       .features {
+        position: relative;
+        z-index: 1;
         max-width: 980px;
         margin: 0 auto;
-        padding: 40px 18px 88px;
+        padding: 48px 18px 96px;
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-        gap: 16px;
+        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+        gap: 18px;
       }
+
       .feature {
-        border: 1px solid var(--border);
-        background: rgba(8, 10, 16, 0.45);
-        padding: 20px;
+        border: 1px solid var(--glass-border);
+        background: var(--glass);
+        padding: 24px;
         text-align: left;
+        transition: all 0.3s var(--ease-out);
+        position: relative;
+        overflow: hidden;
+        opacity: 0;
+        transform: translateY(20px);
+      }
+
+      .feature.visible {
+        opacity: 1;
+        transform: translateY(0);
+      }
+
+      .feature::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        background: linear-gradient(90deg, var(--accent), transparent);
+        opacity: 0;
+        transition: opacity 0.3s;
+      }
+
+      .feature:hover {
+        border-color: rgba(148, 163, 184, 0.35);
+        transform: translateY(-4px);
+        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px var(--glass-border);
+      }
+
+      .feature:hover::before {
+        opacity: 1;
+      }
+
+      .feature-icon {
+        width: 32px;
+        height: 32px;
+        margin-bottom: 14px;
+        color: var(--accent);
+        transition: transform 0.3s var(--ease-spring);
+      }
+
+      .feature:hover .feature-icon {
+        transform: scale(1.1) rotate(-2deg);
       }
+
       .feature h3 {
         font-size: 9px;
-        margin-bottom: 10px;
-        color: var(--accent2);
-        letter-spacing: 0.06em;
+        margin-bottom: 12px;
+        color: var(--accent-bright);
+        letter-spacing: 0.08em;
         text-transform: uppercase;
       }
+
       .feature p {
         font-size: 9px;
-        line-height: 1.65;
-        color: var(--muted);
+        line-height: 1.7;
+        color: var(--text-muted);
       }
+
+      /* ─── Footer ─── */
       .foot {
-        border-top: 1px solid var(--border);
-        padding: 24px 18px;
+        position: relative;
+        z-index: 1;
+        border-top: 1px solid var(--glass-border);
+        padding: 28px 18px;
         text-align: center;
         font-size: 7px;
-        color: var(--muted);
-        line-height: 1.7;
+        color: var(--text-muted);
+        line-height: 1.8;
       }
+
       .foot a {
-        color: var(--accent2);
+        color: var(--accent-bright);
         text-decoration: none;
+        position: relative;
+        transition: color 0.2s;
+      }
+
+      .foot a::after {
+        content: '';
+        position: absolute;
+        bottom: -2px;
+        left: 0;
+        width: 0;
+        height: 1px;
+        background: var(--accent);
+        transition: width 0.3s var(--ease-out);
       }
-      .foot a:hover {
-        text-decoration: underline;
+
+      .foot a:hover::after { width: 100%; }
+      .foot a:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 2px;
       }
+
       .joke {
         font-size: 7px;
-        color: var(--muted);
-        max-width: 40rem;
-        margin-top: 16px;
-        line-height: 1.65;
+        color: var(--text-muted);
+        max-width: 42rem;
+        margin: 18px auto 0;
+        line-height: 1.7;
+        opacity: 0.8;
       }
+
       .arch-link {
-        margin-top: 14px;
+        margin-top: 16px;
         font-size: 8px;
       }
-      .arch-link a {
-        color: var(--accent2);
-        text-decoration: none;
+
+      /* ─── Scroll to top ─── */
+      .scroll-top {
+        position: fixed;
+        bottom: 24px;
+        right: 24px;
+        z-index: 40;
+        width: 40px;
+        height: 40px;
+        background: var(--glass);
+        border: 1px solid var(--glass-border);
+        color: var(--text-muted);
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        opacity: 0;
+        transform: translateY(10px);
+        pointer-events: none;
+        transition: all 0.3s var(--ease-out);
+        font-family: var(--font-pixel);
+        font-size: 10px;
+      }
+
+      .scroll-top.visible {
+        opacity: 1;
+        transform: translateY(0);
+        pointer-events: auto;
       }
-      .arch-link a:hover {
-        text-decoration: underline;
+
+      .scroll-top:hover {
+        border-color: var(--accent);
+        color: var(--text);
+        transform: translateY(-2px);
       }
-      [hidden] {
-        display: none !important;
+
+      .scroll-top:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 2px;
+      }
+
+      /* ─── Responsive ─── */
+      @media (max-width: 640px) {
+        .header-inner {
+          padding: 10px 14px;
+        }
+
+        .hero {
+          padding: 80px 14px 32px;
+          min-height: 85vh;
+        }
+
+        .hero-title {
+          font-size: 14px;
+        }
+
+        .code-box {
+          padding: 12px;
+        }
+
+        .features {
+          grid-template-columns: 1fr;
+          padding: 32px 14px 64px;
+        }
+
+        .feature {
+          padding: 20px;
+        }
+
+        .btn {
+          padding: 10px 16px;
+        }
+      }
+
+      /* ─── Reduced motion ─── */
+      @media (prefers-reduced-motion: reduce) {
+        .hero-badge, .hero-title, .hero-sub, .code-box, .cta-row {
+          opacity: 1;
+          animation: none;
+          transform: none;
+        }
+
+        .feature {
+          opacity: 1;
+          transform: none;
+        }
+
+        .hero-title .cursor {
+          animation: none;
+          opacity: 1;
+        }
+      }
+
+      /* ─── Selection ─── */
+      ::selection {
+        background: rgba(148, 163, 184, 0.3);
+        color: var(--text);
       }
     </style>
-  </head>
+  <base target="_blank">
+</head>
+
   <body>
-    <header class="header">
+    <a href="#main" class="skip-link">Skip to content</a>
+
+    <header class="header" id="header">
       <div class="header-inner">
-        <a class="logo" href="https://krwg.github.io/BLIP/">BLIP</a>
+        <a class="logo" href="https://krwg.github.io/BLIP/" aria-label="BLIP Home">BLIP</a>
         <div class="header-actions">
-          <div class="lang" role="group" aria-label="Language">
-            <button type="button" id="lang-ru" aria-pressed="true">RU</button>
-            <button type="button" id="lang-en" aria-pressed="false">EN</button>
+          <div class="lang" role="group" aria-label="Language switcher">
+            <button type="button" id="lang-ru" aria-pressed="true" aria-label="Русский">RU</button>
+            <button type="button" id="lang-en" aria-pressed="false" aria-label="English">EN</button>
           </div>
-          <nav>
+          <nav aria-label="External links">
             <a class="nav-link" data-i18n="navGh" href="https://github.com/krwg/BLIP">GitHub</a>
             <a class="nav-link" data-i18n="navIssues" href="https://github.com/krwg/BLIP/issues">Issues</a>
           </nav>
@@ -305,10 +758,12 @@
       </div>
     </header>
 
-    <main>
-      <section class="hero">
-        <div class="hero-badge" data-i18n="badge">v0.7.4 Signal · Slate · LAN · GPLv3</div>
-        <h1 class="hero-title" data-i18n="title">Ты в сети. Ты сигнал.</h1>
+    <main id="main">
+      <section class="hero" aria-label="Introduction">
+        <div class="hero-badge" data-i18n="badge">v1.1.1 Beacon · LAN · GPLv3</div>
+        <h1 class="hero-title" data-i18n="title">
+          <span id="typewriter-text"></span><span class="cursor" aria-hidden="true"></span>
+        </h1>
         <p class="hero-sub" data-i18n="sub">
           Десктоп-мессенджер для LAN / Hamachi / Radmin VPN: чат, группы, голосовые каналы, звонки 1:1 и
           групповые — без облака. UDP + TCP + WebRTC, BLIP ID 1–64.
@@ -322,24 +777,22 @@ <h1 class="hero-title" data-i18n="title">Ты в сети. Ты сигнал.</h
             id="copy-btn"
             data-i18n-copy="copy"
             data-i18n-copied="copied"
-            aria-label="Copy"
+            aria-label="Copy clone command"
           >
             Copy
           </button>
         </div>
 
         <div class="cta-row">
-          <a class="btn btn-primary" href="https://github.com/krwg/BLIP">
+          <a class="btn btn-primary" href="https://github.com/krwg/BLIP" aria-label="Star BLIP on GitHub">
             <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
-              <path
-                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
-              />
+              <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
             </svg>
             <span data-i18n="star">Star on GitHub</span>
           </a>
-          <a class="btn btn-secondary" href="https://github.com/krwg/BLIP/releases"
-            ><span data-i18n="releases">Releases</span></a
-          >
+          <a class="btn btn-secondary" href="https://github.com/krwg/BLIP/releases" aria-label="View releases">
+            <span data-i18n="releases">Releases</span>
+          </a>
         </div>
 
         <p class="joke" data-i18n="joke">
@@ -347,32 +800,62 @@ <h1 class="hero-title" data-i18n="title">Ты в сети. Ты сигнал.</h
           разработка — CONTRIBUTING в репозитории.
         </p>
         <p class="arch-link">
-          <a href="https://github.com/krwg/BLIP/blob/main/docs/ARCHITECTURE.md" data-i18n="arch">Архитектура · Architecture</a>
+          <a href="https://github.com/krwg/BLIP/blob/main/docs/ARCHITECTURE.md" data-i18n="arch">Архитектура →</a>
         </p>
       </section>
 
-      <section class="features">
+      <section class="features" aria-label="Features">
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <circle cx="12" cy="12" r="3"/>
+            <path d="M12 1v6m0 6v6m4.22-10.22l4.24-4.24M6.34 6.34L2.1 2.1m17.9 9.9h-6m-6 0H1.9m16.32 4.24l4.24 4.24M6.34 17.66l-4.24 4.24"/>
+          </svg>
           <h3 data-i18n="f1h">P2P LAN</h3>
           <p data-i18n="f1p">UDP broadcast + mDNS, TCP между пирами, Mesh Handshake (Ed25519). Без регистрации и без серверов.</p>
         </article>
+
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+            <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+            <line x1="12" y1="19" x2="12" y2="23"/>
+            <line x1="8" y1="23" x2="16" y2="23"/>
+          </svg>
           <h3 data-i18n="f2h">Звонки</h3>
           <p data-i18n="f2p">Окна 1:1 и группового звонка, голосовые каналы в группах, демонстрация экрана 720p+, chiptune СИГНАЛ / ПУЛЬС.</p>
         </article>
+
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+          </svg>
           <h3 data-i18n="f3h">Чат</h3>
           <p data-i18n="f3p">Цитаты, медиа-просмотр и YouTube в чате, реакции, Ctrl+F, файлы до 100 ГБ, буфер обмена по LAN.</p>
         </article>
+
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <rect x="3" y="3" width="18" height="18" rx="0" ry="0"/>
+            <line x1="3" y1="9" x2="21" y2="9"/>
+            <line x1="9" y1="21" x2="9" y2="9"/>
+          </svg>
           <h3 data-i18n="f4h">Облик</h3>
           <p data-i18n="f4p">Свет / тьма / авто, 16 акцентов (Сланец), арт-обои, своё фото профиля по LAN, пиксельные переключатели.</p>
         </article>
+
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
+          </svg>
           <h3 data-i18n="f5h">Mesh Pulse</h3>
           <p data-i18n="f5p">Пинг раз в минуту, задержка под абонентом, статус-текст в LAN, избранные и блокировка в настройках.</p>
         </article>
+
         <article class="feature">
+          <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" aria-hidden="true">
+            <polyline points="16 18 22 12 16 6"/>
+            <polyline points="8 6 2 12 8 18"/>
+          </svg>
           <h3 data-i18n="f6h">Стек</h3>
           <p data-i18n="f6p">Electron 35, Vite 6, vanilla JS/CSS. Windows — NSIS и portable; полный интерфейс EN / RU.</p>
         </article>
@@ -388,24 +871,26 @@ <h3 data-i18n="f6h">Стек</h3>
       </p>
     </footer>
 
+    <button class="scroll-top" id="scroll-top" aria-label="Scroll to top" title="Scroll to top">↑</button>
+
     <script>
-      (function () {
-        var STR = {
+      (() => {
+        'use strict';
+
+        // ─── i18n Data ───
+        const STR = {
           ru: {
-            badge: 'v0.7.4 Signal · Сланец · LAN · GPLv3',
+            badge: 'v1.1.1 Beacon · LAN · GPLv3',
             title: 'Ты в сети. Ты сигнал.',
-            sub:
-              'Десктоп-мессенджер для LAN / Hamachi / Radmin VPN: чат, группы, голосовые каналы, звонки 1:1 и групповые — без облака. UDP + TCP + WebRTC, BLIP ID 1–64.',
+            sub: 'Десктоп-мессенджер для LAN / Hamachi / Radmin VPN: чат, группы, голосовые каналы, звонки 1:1 и групповые — без облака. UDP + TCP + WebRTC, BLIP ID 1–64.',
             star: 'Star на GitHub',
             releases: 'Релизы',
-            joke:
-              'Статическая витрина GitHub Pages в акценте «Сланец» (#94a3b8), как в приложении. Сборка — Electron; разработка — CONTRIBUTING в репозитории.',
+            joke: 'Статическая витрина GitHub Pages в акценте «Сланец» (#94a3b8), как в приложении. Сборка — Electron; разработка — CONTRIBUTING в репозитории.',
             arch: 'Архитектура →',
             f1h: 'P2P LAN',
             f1p: 'UDP broadcast + mDNS, TCP между пирами, Mesh Handshake (Ed25519). Без регистрации и без серверов.',
             f2h: 'Звонки',
-            f2p:
-              'Окна 1:1 и группового звонка, голосовые каналы в группах, демонстрация экрана 720p+, chiptune СИГНАЛ / ПУЛЬС.',
+            f2p: 'Окна 1:1 и группового звонка, голосовые каналы в группах, демонстрация экрана 720p+, chiptune СИГНАЛ / ПУЛЬС.',
             f3h: 'Чат',
             f3p: 'Цитаты, медиа-просмотр и YouTube в чате, реакции, Ctrl+F, файлы до 100 ГБ, буфер обмена по LAN.',
             f4h: 'Облик',
@@ -422,20 +907,17 @@ <h3 data-i18n="f6h">Стек</h3>
             navIssues: 'Issues',
           },
           en: {
-            badge: 'v0.7.4 Signal · Slate · LAN · GPLv3',
+            badge: 'v1.1.1 Beacon · LAN · GPLv3',
             title: "You're on the grid. You're the signal.",
-            sub:
-              'Desktop messenger for LAN / Hamachi / Radmin VPN: chat, groups, voice channels, 1:1 and group calls — no cloud. UDP + TCP + WebRTC, BLIP IDs 1–64.',
+            sub: 'Desktop messenger for LAN / Hamachi / Radmin VPN: chat, groups, voice channels, 1:1 and group calls — no cloud. UDP + TCP + WebRTC, BLIP IDs 1–64.',
             star: 'Star on GitHub',
             releases: 'Releases',
-            joke:
-              'Static GitHub Pages showcase using the Slate accent (#94a3b8), matching the app. Built with Electron; dev setup in CONTRIBUTING.',
+            joke: 'Static GitHub Pages showcase using the Slate accent (#94a3b8), matching the app. Built with Electron; dev setup in CONTRIBUTING.',
             arch: 'Architecture →',
             f1h: 'P2P LAN',
             f1p: 'UDP broadcast + mDNS, peer TCP, Mesh Handshake (Ed25519). No sign-up, no servers.',
             f2h: 'Calls',
-            f2p:
-              'Separate 1:1 and group call windows, group voice channels, 720p+ screen share, chiptune SIGNAL / PULSE packs.',
+            f2p: 'Separate 1:1 and group call windows, group voice channels, 720p+ screen share, chiptune SIGNAL / PULSE packs.',
             f3h: 'Chat',
             f3p: 'Quote replies, in-chat media + YouTube viewer, reactions, Ctrl+F search, files up to 100 GB, optional LAN clipboard.',
             f4h: 'Look',
@@ -453,74 +935,174 @@ <h3 data-i18n="f6h">Стек</h3>
           },
         };
 
-        var LANG_KEY = 'blip_pages_lang';
+        const LANG_KEY = 'blip_pages_lang';
+        const TYPEWRITER_SPEED = 60;
+
+        // ─── DOM refs ───
+        const header = document.getElementById('header');
+        const ruBtn = document.getElementById('lang-ru');
+        const enBtn = document.getElementById('lang-en');
+        const copyBtn = document.getElementById('copy-btn');
+        const cloneLine = document.getElementById('clone-line');
+        const scrollTopBtn = document.getElementById('scroll-top');
+        const typewriterEl = document.getElementById('typewriter-text');
 
-        function getLang() {
+        // ─── Helpers ───
+        const getLang = () => {
           try {
-            var v = localStorage.getItem(LANG_KEY);
+            const v = localStorage.getItem(LANG_KEY);
             return v === 'en' ? 'en' : 'ru';
-          } catch (e) {
+          } catch {
             return 'ru';
           }
-        }
+        };
 
-        function setLang(lang) {
-          var next = lang === 'en' ? 'en' : 'ru';
-          try {
-            localStorage.setItem(LANG_KEY, next);
-          } catch (e) {}
+        const setLang = (lang) => {
+          const next = lang === 'en' ? 'en' : 'ru';
+          try { localStorage.setItem(LANG_KEY, next); } catch {}
           document.documentElement.lang = next === 'en' ? 'en' : 'ru';
           apply(next);
-        }
+        };
+
+        let typewriterTimeout;
 
-        function apply(lang) {
-          var pack = STR[lang];
-          document.querySelectorAll('[data-i18n]').forEach(function (el) {
-            var k = el.getAttribute('data-i18n');
-            if (pack[k] !== undefined && pack[k] !== '') el.textContent = pack[k];
+        const typewrite = (text) => {
+          clearTimeout(typewriterTimeout);
+          typewriterEl.textContent = '';
+          let i = 0;
+
+          const step = () => {
+            if (i < text.length) {
+              typewriterEl.textContent += text.charAt(i);
+              i++;
+              typewriterTimeout = setTimeout(step, TYPEWRITER_SPEED);
+            }
+          };
+
+          step();
+        };
+
+        const apply = (lang) => {
+          const pack = STR[lang];
+
+          document.querySelectorAll('[data-i18n]').forEach(el => {
+            const k = el.getAttribute('data-i18n');
+            if (pack[k] !== undefined) {
+              el.textContent = pack[k];
+            }
           });
-          var btnRu = document.getElementById('lang-ru');
-          var btnEn = document.getElementById('lang-en');
-          if (btnRu) btnRu.setAttribute('aria-pressed', lang === 'ru' ? 'true' : 'false');
-          if (btnEn) btnEn.setAttribute('aria-pressed', lang === 'en' ? 'true' : 'false');
-          var copyBtn = document.getElementById('copy-btn');
-          if (copyBtn && !copyBtn.classList.contains('copied')) copyBtn.textContent = pack.copy;
-          if (copyBtn) {
-            copyBtn.setAttribute('data-i18n-copy', pack.copy);
-            copyBtn.setAttribute('data-i18n-copied', pack.copied);
+
+          // Update typewriter with new title
+          const titleText = pack.title || '';
+          typewrite(titleText);
+
+          if (ruBtn) ruBtn.setAttribute('aria-pressed', lang === 'ru' ? 'true' : 'false');
+          if (enBtn) enBtn.setAttribute('aria-pressed', lang === 'en' ? 'true' : 'false');
+
+          if (copyBtn && !copyBtn.classList.contains('copied')) {
+            copyBtn.textContent = pack.copy;
           }
-        }
+          copyBtn?.setAttribute('data-i18n-copy', pack.copy);
+          copyBtn?.setAttribute('data-i18n-copied', pack.copied);
+        };
 
-        var ruBtn = document.getElementById('lang-ru');
-        if (ruBtn)
-          ruBtn.addEventListener('click', function () {
-            setLang('ru');
-          });
-        var enBtn = document.getElementById('lang-en');
-        if (enBtn)
-          enBtn.addEventListener('click', function () {
-            setLang('en');
-          });
+        // ─── Event Listeners ───
+        ruBtn?.addEventListener('click', () => setLang('ru'));
+        enBtn?.addEventListener('click', () => setLang('en'));
 
-        apply(getLang());
+        // Keyboard shortcut: Ctrl/Cmd + L to toggle language
+        document.addEventListener('keydown', (e) => {
+          if ((e.ctrlKey || e.metaKey) && e.key === 'l') {
+            e.preventDefault();
+            setLang(getLang() === 'ru' ? 'en' : 'ru');
+          }
+        });
+
+        // ─── Copy to clipboard ───
+        const fallbackCopy = (text) => {
+          const ta = document.createElement('textarea');
+          ta.value = text;
+          ta.style.position = 'fixed';
+          ta.style.opacity = '0';
+          document.body.appendChild(ta);
+          ta.select();
+          try {
+            document.execCommand('copy');
+            return true;
+          } catch {
+            return false;
+          } finally {
+            document.body.removeChild(ta);
+          }
+        };
+
+        copyBtn?.addEventListener('click', async () => {
+          const text = cloneLine?.innerText || '';
+          const langNow = getLang();
+          const copiedText = STR[langNow].copied;
+
+          let ok = false;
+          if (navigator.clipboard?.writeText) {
+            try {
+              await navigator.clipboard.writeText(text);
+              ok = true;
+            } catch {
+              ok = fallbackCopy(text);
+            }
+          } else {
+            ok = fallbackCopy(text);
+          }
 
-        var btn = document.getElementById('copy-btn');
-        var line = document.getElementById('clone-line');
-        if (!btn || !line) return;
-        btn.addEventListener('click', function () {
-          var text = line.innerText;
-          var langNow = getLang();
-          var copied = STR[langNow].copied;
-          navigator.clipboard.writeText(text).then(function () {
-            btn.textContent = copied;
-            btn.classList.add('copied');
-            setTimeout(function () {
-              btn.textContent = STR[getLang()].copy;
-              btn.classList.remove('copied');
+          if (ok) {
+            copyBtn.textContent = copiedText;
+            copyBtn.classList.add('copied');
+            setTimeout(() => {
+              copyBtn.textContent = STR[getLang()].copy;
+              copyBtn.classList.remove('copied');
             }, 2000);
+          }
+        });
+
+        // ─── Scroll effects ───
+        let lastScroll = 0;
+
+        window.addEventListener('scroll', () => {
+          const y = window.scrollY;
+
+          // Header shadow
+          header?.classList.toggle('scrolled', y > 10);
+
+          // Scroll-to-top button
+          scrollTopBtn?.classList.toggle('visible', y > 400);
+
+          lastScroll = y;
+        }, { passive: true });
+
+        scrollTopBtn?.addEventListener('click', () => {
+          window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+
+        // ─── Intersection Observer for features ───
+        const featureObserver = new IntersectionObserver((entries) => {
+          entries.forEach(entry => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add('visible');
+              featureObserver.unobserve(entry.target);
+            }
           });
+        }, {
+          threshold: 0.1,
+          rootMargin: '0px 0px -40px 0px'
+        });
+
+        document.querySelectorAll('.feature').forEach(f => {
+          featureObserver.observe(f);
         });
+
+        // ─── Init ───
+        apply(getLang());
+
       })();
     </script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/electron-builder.yml b/electron-builder.yml
index 33c24f2..aec0418 100644
--- a/electron-builder.yml
+++ b/electron-builder.yml
@@ -1,6 +1,11 @@
 appId: com.blip.messenger
 productName: BLIP
-copyright: Copyright © 2026 BLIP
+copyright: Copyright © 2026 krwg
+extraMetadata:
+  CompanyName: krwg
+  FileDescription: BLIP — P2P LAN Messenger
+  ProductName: BLIP
+  LegalCopyright: Copyright © 2026 krwg
 publish:
   - provider: github
     owner: krwg
@@ -9,19 +14,34 @@ publish:
 directories:
   output: dist-electron
   buildResources: build
+afterPack: scripts/obfuscate-after-pack.cjs
 files:
   - main/**/*
+  - shared/**/*
   - preload.cjs
   - dist/**/*
   - package.json
   - app-metadata.json
 extraResources:
+  - from: build/giphy-api-key.txt
+    to: giphy-api-key.txt
+  - from: build/mesh-plus-public-key.txt
+    to: mesh-plus-public-key.txt
+  - from: build/build-info.json
+    to: build-info.json
   - from: build/icon.png
     to: icons/icon.png
   - from: build/tray-16.png
     to: icons/tray-16.png
+  - from: build/icons
+    to: icons
+    filter:
+      - '**/*'
 win:
   icon: icon.ico
+  # Must match Authenticode cert subject when signing (v1.0.0 clients expect publisher krwg).
+  publisherName: krwg
+  legalTrademarks: BLIP
   target:
     - nsis
     - portable
@@ -36,11 +56,30 @@ nsis:
   createDesktopShortcut: true
   createStartMenuShortcut: true
   shortcutName: BLIP
-  runAfterFinish: true
+  # false = show “Launch BLIP” checkbox on finish page (customFinishPage defines MUI_FINISHPAGE_RUN)
+  runAfterFinish: false
   uninstallDisplayName: BLIP
   artifactName: ${productName}-Setup-${version}.${ext}
+  displayLanguageSelector: true
+  multiLanguageInstaller: true
+  menuCategory: Chat
   installerLanguages:
     - en_US
     - ru_RU
+  include: build/installer.nsh
+  license: LICENSE
 portable:
   artifactName: ${productName}-${version}-Portable.${ext}
+
+fileAssociations:
+  - ext: blip
+    name: BLIPSeed
+    description: BLIP Mesh Seed
+    mimeType: application/vnd.blip.seed+json
+    role: Editor
+    icon: icon.ico
+
+protocols:
+  - name: BLIP
+    schemes:
+      - blip
diff --git a/icon-dop-1.svg b/icon-dop-1.svg
new file mode 100644
index 0000000..bb494d8
--- /dev/null
+++ b/icon-dop-1.svg
@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.3)"/>
+    </filter>
+  </defs>
+  
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="#1a1a1a" filter="url(#modernShadow)"/>
+  
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.05)"/>
+  
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    <g opacity="0.4">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.9"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.82"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.75"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.68"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.8">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.6"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.6"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.6"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.6"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.5">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.15)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-dop-2.svg b/icon-dop-2.svg
new file mode 100644
index 0000000..1d8378d
--- /dev/null
+++ b/icon-dop-2.svg
@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+    <linearGradient id="gradientBG" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="url(#gradientBG)" filter="url(#modernShadow)"/>
+  
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.06)"/>
+  
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-dop-3.svg b/icon-dop-3.svg
new file mode 100644
index 0000000..96543c1
--- /dev/null
+++ b/icon-dop-3.svg
@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+  </defs>
+  
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="rgba(255, 71, 137, 0.92)" filter="url(#modernShadow)"/>
+  
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.08)"/>
+  
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-dop-4.svg b/icon-dop-4.svg
new file mode 100644
index 0000000..88ecfb0
--- /dev/null
+++ b/icon-dop-4.svg
@@ -0,0 +1,67 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+  </defs>
+  
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="rgba(20, 184, 166, 0.92)" filter="url(#modernShadow)"/>
+  
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.08)"/>
+  
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-main.svg b/icon-main.svg
new file mode 100644
index 0000000..dbe885e
--- /dev/null
+++ b/icon-main.svg
@@ -0,0 +1,86 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <!-- Modern shadow -->
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+    
+    <!-- Subtle inner glow -->
+    <filter id="innerGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+  </defs>
+  
+  <!-- Modern background with subtle depth -->
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="rgba(58, 134, 255, 0.92)" filter="url(#modernShadow)"/>
+  
+  <!-- Subtle highlight overlay -->
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.06)"/>
+  
+  <!-- Signal group -->
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    
+    <!-- Diagonal cross signals (modern interpretation) -->
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern concentric squares with rounded corners -->
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <!-- Pixel accents at corners (minimalist) -->
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern center with pulse effect -->
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <!-- Subtle ring dots -->
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <!-- Top highlight for depth -->
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-mesh1.svg b/icon-mesh1.svg
new file mode 100644
index 0000000..bd5c6f0
--- /dev/null
+++ b/icon-mesh1.svg
@@ -0,0 +1,81 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.3)"/>
+    </filter>
+    <filter id="cyanGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feFlood flood-color="#00E5FF" result="color"/>
+      <feComposite in="color" in2="blur" operator="in" result="glow"/>
+      <feMerge>
+        <feMergeNode in="glow"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <linearGradient id="bgGrad2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0F172A;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#1E293B;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="64" y="64" width="896" height="896" rx="220" fill="url(#bgGrad2)" filter="url(#shadow)"/>
+  <rect x="64" y="64" width="896" height="380" rx="220" fill="rgba(255,255,255,0.05)"/>
+
+  <g transform="translate(512, 512)">
+
+    <g stroke="#00E5FF" stroke-width="1.2" opacity="0.3" stroke-linecap="round">
+      <line x1="-320" y1="-320" x2="-240" y2="-240"/>
+      <line x1="320" y1="-320" x2="240" y2="-240"/>
+      <line x1="-320" y1="320" x2="-240" y2="240"/>
+      <line x1="320" y1="320" x2="240" y2="240"/>
+      <line x1="-240" y1="-240" x2="-160" y2="-160"/>
+      <line x1="240" y1="-240" x2="160" y2="-160"/>
+      <line x1="-240" y1="240" x2="-160" y2="160"/>
+      <line x1="240" y1="240" x2="160" y2="160"/>
+      <line x1="-160" y1="-160" x2="-80" y2="-80"/>
+      <line x1="160" y1="-160" x2="80" y2="-80"/>
+      <line x1="-160" y1="160" x2="-80" y2="80"/>
+      <line x1="160" y1="160" x2="80" y2="80"/>
+
+      <line x1="-320" y1="0" x2="-240" y2="0"/>
+      <line x1="240" y1="0" x2="320" y2="0"/>
+      <line x1="0" y1="-320" x2="0" y2="-240"/>
+      <line x1="0" y1="240" x2="0" y2="320"/>
+    </g>
+
+
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.88"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.8"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.72"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.64"/>
+    </g>
+
+
+    <g filter="url(#cyanGlow)" fill="#FFFFFF">
+      <rect x="-56" y="-12" width="112" height="24" rx="5"/>
+      <rect x="-12" y="-56" width="24" height="112" rx="5"/>
+    </g>
+
+  
+    <g stroke="#00E5FF" stroke-width="10" stroke-linecap="round" opacity="0.75">
+      <line x1="-340" y1="0" x2="-290" y2="0"/>
+      <line x1="290" y1="0" x2="340" y2="0"/>
+      <line x1="0" y1="-340" x2="0" y2="-290"/>
+      <line x1="0" y1="290" x2="0" y2="340"/>
+    </g>
+
+
+    <g fill="#00E5FF" opacity="0.85">
+      <rect x="-334" y="-334" width="10" height="10" rx="2"/>
+      <rect x="324" y="-334" width="10" height="10" rx="2"/>
+      <rect x="-334" y="324" width="10" height="10" rx="2"/>
+      <rect x="324" y="324" width="10" height="10" rx="2"/>
+    </g>
+
+
+    <circle cx="0" cy="0" r="364" fill="none" stroke="#00E5FF" stroke-width="2.5" opacity="0.35"/>
+  </g>
+
+  <path d="M 280 180 Q 512 140 744 180" stroke="rgba(255,255,255,0.15)" stroke-width="3" fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-mesh2.svg b/icon-mesh2.svg
new file mode 100644
index 0000000..a89bff5
--- /dev/null
+++ b/icon-mesh2.svg
@@ -0,0 +1,89 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+    <filter id="shadow3" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.35)"/>
+    </filter>
+    <filter id="neonGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="5" result="blur"/>
+      <feFlood flood-color="#A78BFA" result="glowColor"/>
+      <feComposite in="glowColor" in2="blur" operator="in" result="glow"/>
+      <feMerge>
+        <feMergeNode in="glow"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <linearGradient id="bgGrad3" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#120A24;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#1F1235;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+
+  <rect x="64" y="64" width="896" height="896" rx="220" fill="url(#bgGrad3)" filter="url(#shadow3)"/>
+  <rect x="64" y="64" width="896" height="380" rx="220" fill="rgba(255,255,255,0.04)"/>
+
+
+  <g transform="translate(512, 512)">
+    
+  
+    <circle cx="0" cy="0" r="370" fill="none" stroke="#A78BFA" stroke-width="1.5" stroke-dasharray="4 8" opacity="0.45"/>
+    
+ 
+    <g stroke="#A78BFA" stroke-width="1" opacity="0.35" stroke-linecap="round">
+
+      <line x1="-320" y1="-320" x2="-240" y2="-240"/>
+      <line x1="320" y1="-320" x2="240" y2="-240"/>
+      <line x1="-320" y1="320" x2="-240" y2="240"/>
+      <line x1="320" y1="320" x2="240" y2="240"/>
+      <line x1="-240" y1="-240" x2="-160" y2="-160"/>
+      <line x1="240" y1="-240" x2="160" y2="-160"/>
+      <line x1="-240" y1="240" x2="-160" y2="160"/>
+      <line x1="240" y1="240" x2="160" y2="160"/>
+      <line x1="-160" y1="-160" x2="-80" y2="-80"/>
+      <line x1="160" y1="-160" x2="80" y2="-80"/>
+      <line x1="-160" y1="160" x2="-80" y2="80"/>
+      <line x1="160" y1="160" x2="80" y2="80"/>
+   
+      <line x1="0" y1="-320" x2="0" y2="-240"/>
+      <line x1="0" y1="240" x2="0" y2="320"/>
+      <line x1="-320" y1="0" x2="-240" y2="0"/>
+      <line x1="240" y1="0" x2="320" y2="0"/>
+    </g>
+
+ 
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.88"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.8"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.72"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.64"/>
+    </g>
+
+
+    <g fill="#A78BFA" opacity="0.85">
+  
+      <circle cx="-320" cy="-320" r="4"/><circle cx="320" cy="-320" r="4"/>
+      <circle cx="-320" cy="320" r="4"/><circle cx="320" cy="320" r="4"/>
+
+      <circle cx="-240" cy="-240" r="3.5"/><circle cx="240" cy="-240" r="3.5"/>
+      <circle cx="-240" cy="240" r="3.5"/><circle cx="240" cy="240" r="3.5"/>
+
+      <circle cx="-160" cy="-160" r="3"/><circle cx="160" cy="-160" r="3"/>
+      <circle cx="-160" cy="160" r="3"/><circle cx="160" cy="160" r="3"/>
+
+      <circle cx="-80" cy="-80" r="2.5"/><circle cx="80" cy="-80" r="2.5"/>
+      <circle cx="-80" cy="80" r="2.5"/><circle cx="80" cy="80" r="2.5"/>
+    </g>
+
+
+    <g filter="url(#neonGlow)">
+      <rect x="-64" y="-16" width="128" height="32" rx="7" fill="#FFFFFF"/>
+      <rect x="-16" y="-64" width="32" height="128" rx="7" fill="#FFFFFF"/>
+    </g>
+    
+
+    <circle cx="0" cy="0" r="42" fill="#A78BFA" opacity="0.12"/>
+  </g>
+
+
+  <path d="M 280 180 Q 512 140 744 180" stroke="rgba(255,255,255,0.12)" stroke-width="3" fill="none" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/icon-mesh3.svg b/icon-mesh3.svg
new file mode 100644
index 0000000..ee60813
--- /dev/null
+++ b/icon-mesh3.svg
@@ -0,0 +1,59 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
+  <defs>
+
+    <filter id="shadowWhite" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="15" stdDeviation="25" flood-color="rgba(0,0,0,0.08)"/>
+    </filter>
+    
+
+    <filter id="plusShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="8" stdDeviation="6" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+  </defs>
+
+  
+  <rect x="64" y="64" width="896" height="896" rx="220" fill="#FFFFFF" filter="url(#shadowWhite)"/>
+  
+  
+  <rect x="84" y="84" width="856" height="856" rx="200" fill="none" stroke="#E5E5E5" stroke-width="3"/>
+
+  <g transform="translate(512, 512)">
+
+    <g opacity="0.2">
+      <rect x="-6" y="-340" width="12" height="32" rx="2" fill="#000000"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2" fill="#000000"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2" fill="#000000"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2" fill="#000000"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2" fill="#000000"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2" fill="#000000"/>
+      
+      <rect x="-340" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2" fill="#000000"/>
+    </g>
+
+ 
+    <g fill="none" stroke="#1D1D1F" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.85"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.75"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.65"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.55"/>
+    </g>
+
+
+    <g filter="url(#plusShadow)" fill="#000000">
+      <rect x="-64" y="-16" width="128" height="32" rx="8"/>
+      <rect x="-16" y="-64" width="32" height="128" rx="8"/>
+    </g>
+
+    <g fill="#000000" opacity="0.8">
+      <rect x="-332" y="-332" width="12" height="12" rx="3"/>
+      <rect x="320" y="-332" width="12" height="12" rx="3"/>
+      <rect x="-332" y="320" width="12" height="12" rx="3"/>
+      <rect x="320" y="320" width="12" height="12" rx="3"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/icon-mesh4.svg b/icon-mesh4.svg
new file mode 100644
index 0000000..43a16fd
--- /dev/null
+++ b/icon-mesh4.svg
@@ -0,0 +1,131 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 680" width="100%" role="img" style="">
+  <title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">BLIP icon with Blimp mascot</title>
+  <desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Иконка BLIP — тёмный фон, концентрические квадраты, светлячок Blimp сидит в правом нижнем углу</desc>
+
+  <defs>
+    <filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <filter id="glowSoft" x="-60%" y="-60%" width="220%" height="220%">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <clipPath id="roundedBg">
+      <rect x="40" y="40" width="600" height="600" rx="120"/>
+    </clipPath>
+  </defs>
+
+
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="#060d0a" style="fill:rgb(6, 13, 10);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="none" stroke="#0f1f14" stroke-width="2" style="fill:none;stroke:rgb(15, 31, 20);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+
+  <g clip-path="url(#roundedBg)" stroke="#00ffc8" stroke-width="0.4" opacity="0.05" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.05;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <line x1="40" y1="210" x2="640" y2="210" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="40" y1="340" x2="640" y2="340" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="40" y1="470" x2="640" y2="470" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="210" y1="40" x2="210" y2="640" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="340" y1="40" x2="340" y2="640" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="470" y1="40" x2="470" y2="640" style="fill:rgb(0, 0, 0);stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:0.4px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="none" stroke="#00ffc8" stroke-linecap="round" clip-path="url(#roundedBg)" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <rect x="-240" y="-240" width="480" height="480" rx="24" stroke-width="2" opacity="0.55" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-175" y="-175" width="350" height="350" rx="18" stroke-width="2" opacity="0.45" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.45;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-110" y="-110" width="220" height="220" rx="12" stroke-width="2" opacity="0.35" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.35;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-52" y="-52" width="104" height="104" rx="8" stroke-width="2" opacity="0.28" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.28;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </g>
+
+ 
+  <g transform="translate(330, 315)" fill="#00ffc8" opacity="0.18" clip-path="url(#roundedBg)" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.18;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <rect x="-5" y="-265" width="10" height="22" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-5" y="-196" width="10" height="22" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-5" y="243" width="10" height="22" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-265" y="-5" width="22" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="196" y="-5" width="22" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="243" y="-5" width="22" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#00ffc8" opacity="0.3" clip-path="url(#roundedBg)" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.3;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <rect x="-248" y="-248" width="10" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="238" y="-248" width="10" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-248" y="238" width="10" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="238" y="238" width="10" height="10" rx="2" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#00ffc8" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <rect x="-44" y="-11" width="88" height="22" rx="6" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-11" y="-44" width="22" height="88" rx="6" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </g>
+
+ 
+  <g transform="translate(490, 498) scale(0.52)" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+
+    
+    <ellipse cx="-28" cy="-34" rx="54" ry="18" fill="#a8d8c0" stroke="#c8f0e0" stroke-width="0.8" opacity="0.28" transform="rotate(-20 -28 -34)" style="fill:rgb(168, 216, 192);stroke:rgb(200, 240, 224);color:rgb(255, 255, 255);stroke-width:0.8px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.28;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <ellipse cx="-20" cy="-16" rx="38" ry="12" fill="#a8d8c0" stroke="#c8f0e0" stroke-width="0.6" opacity="0.22" transform="rotate(-10 -20 -16)" style="fill:rgb(168, 216, 192);stroke:rgb(200, 240, 224);color:rgb(255, 255, 255);stroke-width:0.6px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.22;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+   
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="#1a2e10" style="fill:rgb(26, 46, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="none" stroke="#2d4a1a" stroke-width="0.8" style="fill:none;stroke:rgb(45, 74, 26);color:rgb(255, 255, 255);stroke-width:0.8px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="-8" y1="-16" x2="-8" y2="28" stroke="#253d14" stroke-width="1" opacity="0.6" style="fill:rgb(0, 0, 0);stroke:rgb(37, 61, 20);color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="18" y1="-18" x2="18" y2="30" stroke="#253d14" stroke-width="1" opacity="0.6" style="fill:rgb(0, 0, 0);stroke:rgb(37, 61, 20);color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <line x1="44" y1="-14" x2="44" y2="26" stroke="#253d14" stroke-width="1" opacity="0.6" style="fill:rgb(0, 0, 0);stroke:rgb(37, 61, 20);color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+    
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="#243818" style="fill:rgb(36, 56, 24);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="none" stroke="#2d4a1a" stroke-width="0.7" style="fill:none;stroke:rgb(45, 74, 26);color:rgb(255, 255, 255);stroke-width:0.7px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+   
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="#2d4a1a" style="fill:rgb(45, 74, 26);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="none" stroke="#3d6a22" stroke-width="0.8" style="fill:none;stroke:rgb(61, 106, 34);color:rgb(255, 255, 255);stroke-width:0.8px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+   
+    <circle cx="-79" cy="-2" r="12" fill="#fff" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <circle cx="-79" cy="-2" r="7" fill="#1a1a1a" style="fill:rgb(26, 26, 26);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <circle cx="-77" cy="-5" r="3.5" fill="#fff" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <circle cx="-72" cy="-5" r="1.5" fill="#fff" opacity="0.5" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+    
+    <path d="M -87 -12 Q -79 -17 -70 -12" fill="none" stroke="#2d4a1a" stroke-width="2" stroke-linecap="round" style="fill:none;stroke:rgb(45, 74, 26);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+    
+    <ellipse cx="-88" cy="5" rx="7" ry="4" fill="#ff7eb3" opacity="0.3" style="fill:rgb(255, 126, 179);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.3;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+    
+    <path d="M -85 8 Q -80 13 -74 8" fill="none" stroke="#3d6a22" stroke-width="1.5" stroke-linecap="round" style="fill:none;stroke:rgb(61, 106, 34);color:rgb(255, 255, 255);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  
+    <path d="M -88 -16 Q -106 -44 -96 -58" fill="none" stroke="#8a6a20" stroke-width="2" stroke-linecap="round" style="fill:none;stroke:rgb(138, 106, 32);color:rgb(255, 255, 255);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <circle cx="-96" cy="-58" r="4" fill="#fcd34d" filter="url(#glowSoft)" style="fill:rgb(252, 211, 77);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  
+    <g stroke="#1a2e10" stroke-width="2.2" stroke-linecap="round" fill="none" style="fill:none;stroke:rgb(26, 46, 16);color:rgb(255, 255, 255);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+      <path d="M -54 24 L -52 42 M -52 42 L -60 52 M -52 42 L -44 52 M -52 42 L -52 54" style="fill:none;stroke:rgb(26, 46, 16);color:rgb(255, 255, 255);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+      <path d="M -6 30 L -4 46 M -4 46 L -12 56 M -4 46 L 4 56 M -4 46 L -4 58" style="fill:none;stroke:rgb(26, 46, 16);color:rgb(255, 255, 255);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+      <path d="M 40 26 L 42 44 M 42 44 L 34 54 M 42 44 L 50 54 M 42 44 L 42 56" style="fill:none;stroke:rgb(26, 46, 16);color:rgb(255, 255, 255);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    </g>
+
+    
+    <g transform="translate(82, 6)" filter="url(#glow)" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="#003322" style="fill:rgb(0, 51, 34);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="none" stroke="#00ffc8" stroke-width="1" style="fill:none;stroke:rgb(0, 255, 200);color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+      <ellipse cx="0" cy="0" rx="11" ry="9" fill="#00ffc8" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+      <ellipse cx="-2" cy="-2" rx="4" ry="3" fill="#ccffef" style="fill:rgb(204, 255, 239);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    </g>
+
+
+    <circle cx="118" cy="-8" r="2.5" fill="#00ffc8" opacity="0.6" filter="url(#glowSoft)" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <circle cx="126" cy="18" r="1.8" fill="#00ffc8" opacity="0.4" filter="url(#glowSoft)" style="fill:rgb(0, 255, 200);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+ 
+    <rect x="-110" y="56" width="220" height="14" rx="7" fill="#1a0f05" style="fill:rgb(26, 15, 5);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+    <rect x="-110" y="57" width="220" height="7" rx="3" fill="#2a1a08" style="fill:rgb(42, 26, 8);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  </g>
+
+</svg>
\ No newline at end of file
diff --git a/icon-mesh5.svg b/icon-mesh5.svg
new file mode 100644
index 0000000..a65b27b
--- /dev/null
+++ b/icon-mesh5.svg
@@ -0,0 +1,127 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 680" width="100%" role="img">
+
+  <defs>
+    <filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <filter id="glowSoft" x="-60%" y="-60%" width="220%" height="220%">
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <clipPath id="roundedBg">
+      <rect x="40" y="40" width="600" height="600" rx="120"/>
+    </clipPath>
+  </defs>
+
+ 
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="#0a0e1a"/>
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="none" stroke="#1a1f3a" stroke-width="2"/>
+
+ 
+  <g clip-path="url(#roundedBg)" stroke="#7dd3fc" stroke-width="0.4" opacity="0.06">
+    <line x1="40" y1="210" x2="640" y2="210"/>
+    <line x1="40" y1="340" x2="640" y2="340"/>
+    <line x1="40" y1="470" x2="640" y2="470"/>
+    <line x1="210" y1="40" x2="210" y2="640"/>
+    <line x1="340" y1="40" x2="340" y2="640"/>
+    <line x1="470" y1="40" x2="470" y2="640"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="none" stroke="#7dd3fc" stroke-linecap="round" clip-path="url(#roundedBg)">
+    <rect x="-240" y="-240" width="480" height="480" rx="24" stroke-width="2" opacity="0.55"/>
+    <rect x="-175" y="-175" width="350" height="350" rx="18" stroke-width="2" opacity="0.45"/>
+    <rect x="-110" y="-110" width="220" height="220" rx="12" stroke-width="2" opacity="0.35"/>
+    <rect x="-52" y="-52" width="104" height="104" rx="8" stroke-width="2" opacity="0.28"/>
+  </g>
+
+ 
+  <g transform="translate(330, 315)" fill="#7dd3fc" opacity="0.2" clip-path="url(#roundedBg)">
+    <rect x="-5" y="-265" width="10" height="22" rx="2"/>
+    <rect x="-5" y="-196" width="10" height="22" rx="2"/>
+    <rect x="-5" y="243" width="10" height="22" rx="2"/>
+    <rect x="-265" y="-5" width="22" height="10" rx="2"/>
+    <rect x="196" y="-5" width="22" height="10" rx="2"/>
+    <rect x="243" y="-5" width="22" height="10" rx="2"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#7dd3fc" opacity="0.32" clip-path="url(#roundedBg)">
+    <rect x="-248" y="-248" width="10" height="10" rx="2"/>
+    <rect x="238" y="-248" width="10" height="10" rx="2"/>
+    <rect x="-248" y="238" width="10" height="10" rx="2"/>
+    <rect x="238" y="238" width="10" height="10" rx="2"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#7dd3fc">
+    <rect x="-44" y="-11" width="88" height="22" rx="6"/>
+    <rect x="-11" y="-44" width="22" height="88" rx="6"/>
+  </g>
+
+
+  <g transform="translate(490, 498) scale(0.52)">
+
+  
+    <ellipse cx="-28" cy="-34" rx="54" ry="18" fill="#1e3a5f" stroke="#7dd3fc" stroke-width="0.8" opacity="0.3" transform="rotate(-20 -28 -34)"/>
+    <ellipse cx="-20" cy="-16" rx="38" ry="12" fill="#1e3a5f" stroke="#7dd3fc" stroke-width="0.6" opacity="0.24" transform="rotate(-10 -20 -16)"/>
+
+
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="#0f172a"/>
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="none" stroke="#1e293b" stroke-width="0.8"/>
+    <line x1="-8" y1="-16" x2="-8" y2="28" stroke="#1e293b" stroke-width="1" opacity="0.6"/>
+    <line x1="18" y1="-18" x2="18" y2="30" stroke="#1e293b" stroke-width="1" opacity="0.6"/>
+    <line x1="44" y1="-14" x2="44" y2="26" stroke="#1e293b" stroke-width="1" opacity="0.6"/>
+
+
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="#1e293b"/>
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="none" stroke="#334155" stroke-width="0.7"/>
+
+
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="#334155"/>
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="none" stroke="#475569" stroke-width="0.8"/>
+
+  
+    <circle cx="-79" cy="-2" r="12" fill="#fff"/>
+    <circle cx="-79" cy="-2" r="7" fill="#0f172a"/>
+    <circle cx="-77" cy="-5" r="3.5" fill="#fff"/>
+    <circle cx="-72" cy="-5" r="1.5" fill="#fff" opacity="0.5"/>
+
+  
+    <path d="M -87 -12 Q -79 -17 -70 -12" fill="none" stroke="#475569" stroke-width="2" stroke-linecap="round"/>
+
+
+    <ellipse cx="-88" cy="5" rx="7" ry="4" fill="#f0abfc" opacity="0.25"/>
+
+
+    <path d="M -85 8 Q -80 13 -74 8" fill="none" stroke="#475569" stroke-width="1.5" stroke-linecap="round"/>
+
+
+    <path d="M -88 -16 Q -106 -44 -96 -58" fill="none" stroke="#fbbf24" stroke-width="2" stroke-linecap="round"/>
+    <circle cx="-96" cy="-58" r="4" fill="#fcd34d" filter="url(#glowSoft)"/>
+
+
+    <g stroke="#0f172a" stroke-width="2.2" stroke-linecap="round" fill="none">
+      <path d="M -54 24 L -52 42 M -52 42 L -60 52 M -52 42 L -44 52 M -52 42 L -52 54"/>
+      <path d="M -6 30 L -4 46 M -4 46 L -12 56 M -4 46 L 4 56 M -4 46 L -4 58"/>
+      <path d="M 40 26 L 42 44 M 42 44 L 34 54 M 42 44 L 50 54 M 42 44 L 42 56"/>
+    </g>
+
+
+    <g transform="translate(82, 6)" filter="url(#glow)">
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="#0f172a"/>
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="none" stroke="#7dd3fc" stroke-width="1"/>
+      <ellipse cx="0" cy="0" rx="11" ry="9" fill="#7dd3fc"/>
+      <ellipse cx="-2" cy="-2" rx="4" ry="3" fill="#e0f2fe"/>
+    </g>
+
+ 
+    <circle cx="118" cy="-8" r="2.5" fill="#7dd3fc" opacity="0.65" filter="url(#glowSoft)"/>
+    <circle cx="126" cy="18" r="1.8" fill="#7dd3fc" opacity="0.45" filter="url(#glowSoft)"/>
+
+
+    <rect x="-110" y="56" width="220" height="14" rx="7" fill="#0a0f1a"/>
+    <rect x="-110" y="57" width="220" height="7" rx="3" fill="#1a233a"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/icon-mesh6.svg b/icon-mesh6.svg
new file mode 100644
index 0000000..5917d31
--- /dev/null
+++ b/icon-mesh6.svg
@@ -0,0 +1,126 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 680" width="100%" role="img">
+  <defs>
+    <filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
+      <feGaussianBlur stdDeviation="5" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <filter id="glowSoft" x="-60%" y="-60%" width="220%" height="220%">
+      <feGaussianBlur stdDeviation="2.5" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <clipPath id="roundedBg">
+      <rect x="40" y="40" width="600" height="600" rx="120"/>
+    </clipPath>
+  </defs>
+
+
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="#f8fafc"/>
+  <rect x="40" y="40" width="600" height="600" rx="120" fill="none" stroke="#e2e8f0" stroke-width="2"/>
+
+
+  <g clip-path="url(#roundedBg)" stroke="#14b8a6" stroke-width="0.4" opacity="0.08">
+    <line x1="40" y1="210" x2="640" y2="210"/>
+    <line x1="40" y1="340" x2="640" y2="340"/>
+    <line x1="40" y1="470" x2="640" y2="470"/>
+    <line x1="210" y1="40" x2="210" y2="640"/>
+    <line x1="340" y1="40" x2="340" y2="640"/>
+    <line x1="470" y1="40" x2="470" y2="640"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="none" stroke="#14b8a6" stroke-linecap="round" clip-path="url(#roundedBg)">
+    <rect x="-240" y="-240" width="480" height="480" rx="24" stroke-width="2" opacity="0.5"/>
+    <rect x="-175" y="-175" width="350" height="350" rx="18" stroke-width="2" opacity="0.4"/>
+    <rect x="-110" y="-110" width="220" height="220" rx="12" stroke-width="2" opacity="0.3"/>
+    <rect x="-52" y="-52" width="104" height="104" rx="8" stroke-width="2" opacity="0.24"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#14b8a6" opacity="0.22" clip-path="url(#roundedBg)">
+    <rect x="-5" y="-265" width="10" height="22" rx="2"/>
+    <rect x="-5" y="-196" width="10" height="22" rx="2"/>
+    <rect x="-5" y="243" width="10" height="22" rx="2"/>
+    <rect x="-265" y="-5" width="22" height="10" rx="2"/>
+    <rect x="196" y="-5" width="22" height="10" rx="2"/>
+    <rect x="243" y="-5" width="22" height="10" rx="2"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#14b8a6" opacity="0.35" clip-path="url(#roundedBg)">
+    <rect x="-248" y="-248" width="10" height="10" rx="2"/>
+    <rect x="238" y="-248" width="10" height="10" rx="2"/>
+    <rect x="-248" y="238" width="10" height="10" rx="2"/>
+    <rect x="238" y="238" width="10" height="10" rx="2"/>
+  </g>
+
+
+  <g transform="translate(330, 315)" fill="#14b8a6">
+    <rect x="-44" y="-11" width="88" height="22" rx="6"/>
+    <rect x="-11" y="-44" width="22" height="88" rx="6"/>
+  </g>
+
+
+  <g transform="translate(490, 498) scale(0.52)">
+
+
+    <ellipse cx="-28" cy="-34" rx="54" ry="18" fill="#f5f5f4" stroke="#14b8a6" stroke-width="0.8" opacity="0.35" transform="rotate(-20 -28 -34)"/>
+    <ellipse cx="-20" cy="-16" rx="38" ry="12" fill="#f5f5f4" stroke="#14b8a6" stroke-width="0.6" opacity="0.28" transform="rotate(-10 -20 -16)"/>
+
+
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="#78350f"/>
+    <ellipse cx="28" cy="6" rx="62" ry="26" fill="none" stroke="#92400e" stroke-width="0.8"/>
+    <line x1="-8" y1="-16" x2="-8" y2="28" stroke="#92400e" stroke-width="1" opacity="0.5"/>
+    <line x1="18" y1="-18" x2="18" y2="30" stroke="#92400e" stroke-width="1" opacity="0.5"/>
+    <line x1="44" y1="-14" x2="44" y2="26" stroke="#92400e" stroke-width="1" opacity="0.5"/>
+
+   
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="#92400e"/>
+    <ellipse cx="-40" cy="3" rx="26" ry="21" fill="none" stroke="#b45309" stroke-width="0.7"/>
+
+    
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="#b45309"/>
+    <ellipse cx="-74" cy="1" rx="24" ry="22" fill="none" stroke="#d97706" stroke-width="0.8"/>
+
+
+    <circle cx="-79" cy="-2" r="12" fill="#fff"/>
+    <circle cx="-79" cy="-2" r="7" fill="#1c1917"/>
+    <circle cx="-77" cy="-5" r="3.5" fill="#fff"/>
+    <circle cx="-72" cy="-5" r="1.5" fill="#fff" opacity="0.5"/>
+
+
+    <path d="M -87 -12 Q -79 -17 -70 -12" fill="none" stroke="#d97706" stroke-width="2" stroke-linecap="round"/>
+
+  
+    <ellipse cx="-88" cy="5" rx="7" ry="4" fill="#fdba74" opacity="0.35"/>
+
+  
+    <path d="M -85 8 Q -80 13 -74 8" fill="none" stroke="#d97706" stroke-width="1.5" stroke-linecap="round"/>
+
+ 
+    <path d="M -88 -16 Q -106 -44 -96 -58" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/>
+    <circle cx="-96" cy="-58" r="4" fill="#fcd34d" filter="url(#glowSoft)"/>
+
+
+    <g stroke="#78350f" stroke-width="2.2" stroke-linecap="round" fill="none">
+      <path d="M -54 24 L -52 42 M -52 42 L -60 52 M -52 42 L -44 52 M -52 42 L -52 54"/>
+      <path d="M -6 30 L -4 46 M -4 46 L -12 56 M -4 46 L 4 56 M -4 46 L -4 58"/>
+      <path d="M 40 26 L 42 44 M 42 44 L 34 54 M 42 44 L 50 54 M 42 44 L 42 56"/>
+    </g>
+
+
+    <g transform="translate(82, 6)" filter="url(#glow)">
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="#78350f"/>
+      <ellipse cx="0" cy="0" rx="20" ry="16" fill="none" stroke="#fbbf24" stroke-width="1"/>
+      <ellipse cx="0" cy="0" rx="11" ry="9" fill="#fbbf24"/>
+      <ellipse cx="-2" cy="-2" rx="4" ry="3" fill="#fef3c7"/>
+    </g>
+
+ 
+    <circle cx="118" cy="-8" r="2.5" fill="#fbbf24" opacity="0.7" filter="url(#glowSoft)"/>
+    <circle cx="126" cy="18" r="1.8" fill="#fbbf24" opacity="0.5" filter="url(#glowSoft)"/>
+
+ 
+    <rect x="-110" y="56" width="220" height="14" rx="7" fill="#d6d3d1"/>
+    <rect x="-110" y="57" width="220" height="7" rx="3" fill="#e7e5e4"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/icon.svg b/icon.svg
index ce06903..dbe885e 100644
--- a/icon.svg
+++ b/icon.svg
@@ -1,14 +1,86 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" shape-rendering="crispEdges">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
   <defs>
-    <linearGradient id="wave16" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#007AFF"/>
-      <stop offset="100%" stop-color="#5856D6"/>
-    </linearGradient>
+    <!-- Modern shadow -->
+    <filter id="modernShadow" x="-50%" y="-50%" width="200%" height="200%">
+      <feDropShadow dx="0" dy="12" stdDeviation="24" flood-color="rgba(0,0,0,0.2)"/>
+    </filter>
+    
+    <!-- Subtle inner glow -->
+    <filter id="innerGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
   </defs>
   
-  <rect x="7" y="7" width="2" height="2" fill="url(#wave16)"/>
+  <!-- Modern background with subtle depth -->
+  <rect x="64" y="64" width="896" height="896" rx="220" 
+        fill="rgba(58, 134, 255, 0.92)" filter="url(#modernShadow)"/>
   
-  <rect x="4" y="4" width="8" height="8" fill="none" stroke="url(#wave16)" stroke-width="1" opacity="0.75"/>
+  <!-- Subtle highlight overlay -->
+  <rect x="64" y="64" width="896" height="400" rx="220" 
+        fill="rgba(255,255,255,0.06)"/>
   
-  <rect x="1" y="1" width="14" height="14" fill="none" stroke="url(#wave16)" stroke-width="1" opacity="0.35"/>
+  <!-- Signal group -->
+  <g transform="translate(512, 512)" fill="#FFFFFF">
+    
+    <!-- Diagonal cross signals (modern interpretation) -->
+    <g opacity="0.5">
+      <rect x="-6" y="-340" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="-148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="148" width="12" height="32" rx="2"/>
+      <rect x="-6" y="244" width="12" height="32" rx="2"/>
+      <rect x="-6" y="340" width="12" height="32" rx="2"/>
+      
+      <rect x="-340" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="-148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="148" y="-6" width="32" height="12" rx="2"/>
+      <rect x="244" y="-6" width="32" height="12" rx="2"/>
+      <rect x="340" y="-6" width="32" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern concentric squares with rounded corners -->
+    <g fill="none" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round">
+      <rect x="-320" y="-320" width="640" height="640" rx="32" opacity="0.95"/>
+      <rect x="-240" y="-240" width="480" height="480" rx="24" opacity="0.88"/>
+      <rect x="-160" y="-160" width="320" height="320" rx="16" opacity="0.82"/>
+      <rect x="-80" y="-80" width="160" height="160" rx="10" opacity="0.76"/>
+    </g>
+    
+    <!-- Pixel accents at corners (minimalist) -->
+    <g fill="#FFFFFF" opacity="0.85">
+      <rect x="-332" y="-332" width="16" height="16" rx="2"/>
+      <rect x="316" y="-332" width="16" height="16" rx="2"/>
+      <rect x="-332" y="316" width="16" height="16" rx="2"/>
+      <rect x="316" y="316" width="16" height="16" rx="2"/>
+      
+      <rect x="-252" y="-252" width="12" height="12" rx="2"/>
+      <rect x="240" y="-252" width="12" height="12" rx="2"/>
+      <rect x="-252" y="240" width="12" height="12" rx="2"/>
+      <rect x="240" y="240" width="12" height="12" rx="2"/>
+    </g>
+    
+    <!-- Modern center with pulse effect -->
+    <g>
+      <rect x="-28" y="-28" width="56" height="56" rx="12" fill="#FFFFFF"/>
+      <rect x="-44" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="32" y="-12" width="12" height="24" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="-44" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+      <rect x="-12" y="32" width="24" height="12" rx="3" fill="#FFFFFF" opacity="0.7"/>
+    </g>
+    
+    <!-- Subtle ring dots -->
+    <g fill="#FFFFFF" opacity="0.6">
+      <circle cx="0" cy="-200" r="4"/>
+      <circle cx="0" cy="200" r="4"/>
+      <circle cx="-200" cy="0" r="4"/>
+      <circle cx="200" cy="0" r="4"/>
+    </g>
+  </g>
+  
+  <!-- Top highlight for depth -->
+  <path d="M 280 180 Q 512 140 744 180" 
+        stroke="rgba(255,255,255,0.2)" stroke-width="3" 
+        fill="none" stroke-linecap="round"/>
 </svg>
\ No newline at end of file
diff --git a/main/app-icons.js b/main/app-icons.js
new file mode 100644
index 0000000..992b260
--- /dev/null
+++ b/main/app-icons.js
@@ -0,0 +1,61 @@
+import { existsSync } from 'fs';
+import { join } from 'path';
+import { resolveBuildAsset } from './paths.js';
+import { resolveEntitlementState } from './mesh-plus-license.js';
+
+/** @type {{ id: string, file: string, tier: 'free' | 'mesh_plus' }[]} */
+export const APP_ICON_VARIANTS = [
+  { id: 'main', file: 'icon-main.svg', tier: 'free' },
+  { id: 'dop-1', file: 'icon-dop-1.svg', tier: 'free' },
+  { id: 'dop-2', file: 'icon-dop-2.svg', tier: 'free' },
+  { id: 'dop-3', file: 'icon-dop-3.svg', tier: 'free' },
+  { id: 'dop-4', file: 'icon-dop-4.svg', tier: 'free' },
+  { id: 'mesh-1', file: 'icon-mesh1.svg', tier: 'mesh_plus' },
+  { id: 'mesh-2', file: 'icon-mesh2.svg', tier: 'mesh_plus' },
+  { id: 'mesh-3', file: 'icon-mesh3.svg', tier: 'mesh_plus' },
+  { id: 'mesh-4', file: 'icon-mesh4.svg', tier: 'mesh_plus' },
+  { id: 'mesh-5', file: 'icon-mesh5.svg', tier: 'mesh_plus' },
+  { id: 'mesh-6', file: 'icon-mesh6.svg', tier: 'mesh_plus' },
+];
+
+const FREE_IDS = new Set(APP_ICON_VARIANTS.filter((v) => v.tier === 'free').map((v) => v.id));
+const MESH_IDS = new Set(APP_ICON_VARIANTS.filter((v) => v.tier === 'mesh_plus').map((v) => v.id));
+
+export function normalizeAppIconVariant(id) {
+  const s = String(id || 'main').trim().toLowerCase();
+  return APP_ICON_VARIANTS.some((v) => v.id === s) ? s : 'main';
+}
+
+/** @param {object} config */
+export function resolveAppIconVariant(config) {
+  let id = normalizeAppIconVariant(config?.appIconVariant);
+  if (MESH_IDS.has(id) && !resolveEntitlementState(config)) id = 'main';
+  return id;
+}
+
+export function canUseAppIconVariant(config, variantId) {
+  const id = normalizeAppIconVariant(variantId);
+  if (FREE_IDS.has(id)) return true;
+  if (MESH_IDS.has(id)) return resolveEntitlementState(config);
+  return false;
+}
+
+/** @param {string} variantId */
+export function resolveVariantWindowIconPath(variantId) {
+  const id = normalizeAppIconVariant(variantId);
+  const named = resolveBuildAsset(join('icons', `${id}.png`));
+  if (existsSync(named)) return named;
+  return resolveBuildAsset('icon.png');
+}
+
+/** @param {string} variantId */
+export function resolveVariantTrayIconPath(variantId) {
+  const id = normalizeAppIconVariant(variantId);
+  const named = resolveBuildAsset(join('icons', `${id}-tray.png`));
+  if (existsSync(named)) return named;
+  return resolveBuildAsset('tray-16.png');
+}
+
+export function listAppIconVariantIds() {
+  return APP_ICON_VARIANTS.map((v) => v.id);
+}
diff --git a/main/apply-app-icons.js b/main/apply-app-icons.js
new file mode 100644
index 0000000..21da735
--- /dev/null
+++ b/main/apply-app-icons.js
@@ -0,0 +1,36 @@
+import { nativeImage } from 'electron';
+import { pathToFileURL } from 'url';
+import {
+  resolveAppIconVariant,
+  resolveVariantTrayIconPath,
+  resolveVariantWindowIconPath,
+} from './app-icons.js';
+import { setTrayIconPath } from './tray.js';
+
+/**
+ * @param {object} config
+ * @param {{
+ *   mainWindow?: import('electron').BrowserWindow | null;
+ *   callWindow?: import('electron').BrowserWindow | null;
+ *   groupCallWindow?: import('electron').BrowserWindow | null;
+ * }} wins
+ */
+export function applyAppIcons(config, wins = {}) {
+  const variantId = resolveAppIconVariant(config);
+  const winPath = resolveVariantWindowIconPath(variantId);
+  const trayPath = resolveVariantTrayIconPath(variantId);
+  const image = nativeImage.createFromPath(winPath);
+
+  for (const w of [wins.mainWindow, wins.callWindow, wins.groupCallWindow]) {
+    if (w && !w.isDestroyed()) {
+      try {
+        w.setIcon(image);
+      } catch {
+        /* ignore */
+      }
+    }
+  }
+
+  setTrayIconPath(trayPath);
+  return { variantId, winPath, trayPath, iconUrl: pathToFileURL(winPath).href };
+}
diff --git a/main/beacon-ingest.js b/main/beacon-ingest.js
new file mode 100644
index 0000000..db4d59d
--- /dev/null
+++ b/main/beacon-ingest.js
@@ -0,0 +1,148 @@
+import { createHash, randomBytes } from 'crypto';
+import { stat, open, readFile } from 'fs/promises';
+import { rename, rm } from 'fs/promises';
+import { basename, extname, join } from 'path';
+import { getSeedDir, writeSeedMeta, seedDirExists } from './beacon-store.js';
+import { mkdir, writeFile } from 'fs/promises';
+
+const WRITE_POOL = 8;
+
+function chunkFilePath(seedDir, chunkIndex) {
+  return join(seedDir, `chunk-${String(chunkIndex).padStart(5, '0')}`);
+}
+
+async function writeRawChunk(seedId, chunkIndex, buf) {
+  const dir = getSeedDir(seedId);
+  await mkdir(dir, { recursive: true });
+  await writeFile(chunkFilePath(dir, chunkIndex), buf);
+}
+
+async function finalizeStagingSeed(stagingId, seedId, meta) {
+  const stagingDir = getSeedDir(stagingId);
+  const targetDir = getSeedDir(seedId);
+  if (stagingId === seedId) {
+    await writeSeedMeta(seedId, meta);
+    return;
+  }
+  if (await seedDirExists(seedId)) {
+    try {
+      await rm(stagingDir, { recursive: true, force: true });
+    } catch {
+      /* ignore */
+    }
+  } else {
+    try {
+      await rename(stagingDir, targetDir);
+    } catch {
+      try {
+        await rm(stagingDir, { recursive: true, force: true });
+      } catch {
+        /* ignore */
+      }
+    }
+  }
+  await writeSeedMeta(seedId, meta);
+}
+
+function guessMime(filename) {
+  const ext = extname(filename || '').toLowerCase();
+  const map = {
+    '.zip': 'application/zip',
+    '.7z': 'application/x-7z-compressed',
+    '.rar': 'application/vnd.rar',
+    '.pdf': 'application/pdf',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.webp': 'image/webp',
+    '.mp4': 'video/mp4',
+    '.mkv': 'video/x-matroska',
+    '.exe': 'application/octet-stream',
+    '.iso': 'application/octet-stream',
+  };
+  return map[ext] || 'application/octet-stream';
+}
+
+/**
+ * Ingest a file from disk into seed storage (single pass: hash + write).
+ * @param {string} filePath
+ * @param {{ chunkSize?: number, maxBytes?: number, onProgress?: (p: { phase: string, percent?: number }) => void }} [opts]
+ */
+export async function ingestPublishFromPath(filePath, opts = {}) {
+  const chunkSize = opts.chunkSize || 1048576;
+  const onProgress = opts.onProgress;
+
+  let st;
+  try {
+    st = await stat(filePath);
+  } catch (e) {
+    const code = e && typeof e === 'object' && 'code' in e ? e.code : '';
+    if (code === 'ENOENT') throw new Error('not_found');
+    if (code === 'EACCES' || code === 'EPERM') throw new Error('not_readable');
+    throw new Error('not_readable');
+  }
+  if (!st.isFile()) throw new Error('not_file');
+  if (st.size <= 0) throw new Error('empty');
+  if (opts.maxBytes && st.size > opts.maxBytes) throw new Error('too_large');
+
+  const filename = basename(filePath);
+  const totalChunks = Math.ceil(st.size / chunkSize);
+  const stagingId = `ing_${randomBytes(8).toString('hex')}`;
+  const hash = createHash('sha256');
+
+  onProgress?.({ phase: 'hashing', percent: 4 });
+
+  const fh = await open(filePath, 'r');
+
+  try {
+    for (let batchStart = 0; batchStart < totalChunks; batchStart += WRITE_POOL) {
+      const writes = [];
+      const batchEnd = Math.min(batchStart + WRITE_POOL, totalChunks);
+      for (let i = batchStart; i < batchEnd; i++) {
+        const offset = i * chunkSize;
+        const len = Math.min(chunkSize, st.size - offset);
+        const buf = Buffer.allocUnsafe(len);
+        const { bytesRead } = await fh.read(buf, 0, len, offset);
+        if (bytesRead <= 0) throw new Error('read');
+        const slice = buf.subarray(0, bytesRead);
+        hash.update(slice);
+        writes.push(writeRawChunk(stagingId, i, slice));
+      }
+      await Promise.all(writes);
+      const pct = Math.round(4 + (batchEnd / totalChunks) * 88);
+      onProgress?.({ phase: 'publishing', percent: pct });
+    }
+  } finally {
+    await fh.close();
+  }
+
+  const seedId = hash.digest('hex').slice(0, 16);
+  const meta = {
+    seedId,
+    filename,
+    size: st.size,
+    chunkSize,
+    totalChunks,
+    mime: guessMime(filename),
+    publishedAt: Date.now(),
+  };
+
+  await finalizeStagingSeed(stagingId, seedId, meta);
+  onProgress?.({ phase: 'ready', percent: 100 });
+  return meta;
+}
+
+/** Small image preview (optional). */
+export async function tryReadImagePreviewB64(filePath, maxBytes = 8 * 1024 * 1024) {
+  const ext = extname(filePath).toLowerCase();
+  if (!['.png', '.jpg', '.jpeg', '.gif', '.webp'].includes(ext)) return null;
+  try {
+    const st = await stat(filePath);
+    if (st.size > maxBytes) return null;
+    const buf = await readFile(filePath);
+    return buf.toString('base64');
+  } catch {
+    return null;
+  }
+}
diff --git a/main/beacon-store.js b/main/beacon-store.js
new file mode 100644
index 0000000..55c2623
--- /dev/null
+++ b/main/beacon-store.js
@@ -0,0 +1,221 @@
+import { app, dialog } from 'electron';
+import { join } from 'path';
+import {
+  mkdir,
+  readFile,
+  writeFile,
+  readdir,
+  access,
+  open,
+  rm,
+} from 'fs/promises';
+import { constants } from 'fs';
+
+export function getBeaconSeedsRoot() {
+  return join(app.getPath('userData'), 'seeds');
+}
+
+export function getSeedDir(seedId) {
+  const raw = String(seedId || '').trim();
+  const safe = raw.startsWith('ing_')
+    ? raw.replace(/[^a-zA-Z0-9_-]/g, '').slice(0, 64)
+    : raw.replace(/[^a-f0-9]/gi, '').slice(0, 64);
+  return join(getBeaconSeedsRoot(), safe || 'unknown');
+}
+
+export async function seedDirExists(seedId) {
+  try {
+    await access(getSeedDir(seedId), constants.F_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function chunkPath(seedDir, chunkIndex) {
+  return join(seedDir, `chunk-${String(chunkIndex).padStart(5, '0')}`);
+}
+
+export async function ensureBeaconSeedsRoot() {
+  const root = getBeaconSeedsRoot();
+  await mkdir(root, { recursive: true });
+  return root;
+}
+
+export async function writeSeedMeta(seedId, meta) {
+  const dir = getSeedDir(seedId);
+  await mkdir(dir, { recursive: true });
+  await writeFile(join(dir, 'meta.json'), JSON.stringify(meta, null, 2), 'utf8');
+}
+
+export async function readSeedMeta(seedId) {
+  try {
+    const raw = await readFile(join(getSeedDir(seedId), 'meta.json'), 'utf8');
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+
+export async function writeSeedPreview(seedId, base64Jpeg) {
+  if (!base64Jpeg) return;
+  const dir = getSeedDir(seedId);
+  await mkdir(dir, { recursive: true });
+  await writeFile(join(dir, 'preview.jpg'), Buffer.from(String(base64Jpeg), 'base64'));
+}
+
+export async function readSeedPreview(seedId) {
+  try {
+    const buf = await readFile(join(getSeedDir(seedId), 'preview.jpg'));
+    return buf.toString('base64');
+  } catch {
+    return null;
+  }
+}
+
+export async function writeSeedChunk(seedId, chunkIndex, base64Data) {
+  const dir = getSeedDir(seedId);
+  await mkdir(dir, { recursive: true });
+  const buf = Buffer.from(String(base64Data || ''), 'base64');
+  await writeFile(chunkPath(dir, chunkIndex), buf);
+}
+
+/** Write many chunks in one IPC round-trip. */
+export async function writeSeedChunksBatch(seedId, chunks) {
+  const dir = getSeedDir(seedId);
+  await mkdir(dir, { recursive: true });
+  await Promise.all(
+    (chunks || []).map(async ({ chunkIndex, data }) => {
+      if (chunkIndex == null || !data) return;
+      const buf = Buffer.from(String(data), 'base64');
+      await writeFile(chunkPath(dir, chunkIndex), buf);
+    })
+  );
+}
+
+export async function readSeedChunk(seedId, chunkIndex) {
+  const buf = await readFile(chunkPath(getSeedDir(seedId), chunkIndex));
+  return buf.toString('base64');
+}
+
+export async function readSeedChunksBatch(seedId, chunkIndices) {
+  const dir = getSeedDir(seedId);
+  const out = [];
+  await Promise.all(
+    (chunkIndices || []).map(async (chunkIndex) => {
+      try {
+        const buf = await readFile(chunkPath(dir, chunkIndex));
+        out.push({ chunkIndex, data: buf.toString('base64'), ok: true });
+      } catch {
+        out.push({ chunkIndex, ok: false });
+      }
+    })
+  );
+  return out;
+}
+
+export async function buildSeedHaveBitmap(seedId, totalChunks) {
+  const total = Number(totalChunks) || 0;
+  if (total <= 0) return '';
+  const dir = getSeedDir(seedId);
+  const bytes = Math.ceil(total / 8);
+  const bitmap = new Uint8Array(bytes);
+  let entries = [];
+  try {
+    entries = await readdir(dir);
+  } catch {
+    return Buffer.from(bitmap).toString('base64');
+  }
+  for (const name of entries) {
+    const m = /^chunk-(\d+)$/.exec(name);
+    if (!m) continue;
+    const i = Number(m[1]);
+    if (!Number.isFinite(i) || i < 0 || i >= total) continue;
+    bitmap[i >> 3] |= 1 << (i & 7);
+  }
+  return Buffer.from(bitmap).toString('base64');
+}
+
+export async function chunkExists(seedId, chunkIndex) {
+  try {
+    await access(chunkPath(getSeedDir(seedId), chunkIndex), constants.F_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export async function countLocalChunks(seedId, totalChunks) {
+  let n = 0;
+  for (let i = 0; i < totalChunks; i++) {
+    if (await chunkExists(seedId, i)) n++;
+  }
+  return n;
+}
+
+export async function listLocalSeedMetas() {
+  const root = await ensureBeaconSeedsRoot();
+  let entries = [];
+  try {
+    entries = await readdir(root, { withFileTypes: true });
+  } catch {
+    return [];
+  }
+  const metas = [];
+  for (const e of entries) {
+    if (!e.isDirectory()) continue;
+    const meta = await readSeedMeta(e.name);
+    if (meta) metas.push(meta);
+  }
+  return metas;
+}
+
+export async function assembleSeedToPath(seedId, filePath) {
+  const meta = await readSeedMeta(seedId);
+  if (!meta) throw new Error('no_meta');
+  const total = Number(meta.totalChunks) || 0;
+  for (let i = 0; i < total; i++) {
+    if (!(await chunkExists(seedId, i))) throw new Error('incomplete');
+  }
+  const fh = await open(filePath, 'w');
+  try {
+    for (let i = 0; i < total; i++) {
+      const buf = await readFile(chunkPath(getSeedDir(seedId), i));
+      await fh.write(buf);
+    }
+  } finally {
+    await fh.close();
+  }
+}
+
+export async function promptSaveAssembledSeed(seedId, defaultName) {
+  const meta = await readSeedMeta(seedId);
+  if (!meta) return { ok: false, error: 'no_meta' };
+  const total = Number(meta.totalChunks) || 0;
+  for (let i = 0; i < total; i++) {
+    if (!(await chunkExists(seedId, i))) {
+      return { ok: false, error: 'incomplete' };
+    }
+  }
+  const { canceled, filePath } = await dialog.showSaveDialog({
+    defaultPath: defaultName || meta.filename || 'download',
+  });
+  if (canceled || !filePath) return { ok: false, cancelled: true };
+  await assembleSeedToPath(seedId, filePath);
+  return { ok: true, filePath };
+}
+
+export async function localSeedExists(seedId) {
+  try {
+    await access(getSeedDir(seedId), constants.F_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/** Remove seed directory (chunks, meta, preview). */
+export async function deleteLocalSeed(seedId) {
+  const dir = getSeedDir(seedId);
+  await rm(dir, { recursive: true, force: true });
+}
diff --git a/main/beacon-tcp-serve.js b/main/beacon-tcp-serve.js
new file mode 100644
index 0000000..1b1182d
--- /dev/null
+++ b/main/beacon-tcp-serve.js
@@ -0,0 +1,60 @@
+import { readSeedChunksBatch } from './beacon-store.js';
+import { sendOnSocketQueued } from './tcp-write-queue.js';
+import { MAX_TCP_LINE_BYTES } from './tcp-framing.js';
+
+/** 1 MiB raw chunks → ~2× base64 per TCP line (under 4 MiB cap). */
+const CHUNKS_PER_LINE = 2;
+
+/**
+ * Read seed chunks from disk and send to peer in main (no renderer round-trip).
+ * @param {import('net').Socket} socket
+ * @param {number} fromBlipId
+ * @param {{ to: number, seedId: string, chunkIndices: number[] }} opts
+ */
+export async function serveSeedChunksOnSocket(socket, fromBlipId, { to, seedId, chunkIndices }) {
+  const indices = (chunkIndices || []).map(Number).filter(Number.isFinite);
+  if (!seedId || !indices.length || !socket) return { ok: false, sent: 0 };
+
+  const payloads = (await readSeedChunksBatch(seedId, indices)).filter((c) => c?.ok && c.data);
+  let sent = 0;
+
+  for (let i = 0; i < payloads.length; i += CHUNKS_PER_LINE) {
+    const batch = payloads.slice(i, i + CHUNKS_PER_LINE);
+    const packet =
+      batch.length === 1
+        ? {
+            type: 'seed-chunk',
+            from: fromBlipId,
+            to,
+            seedId,
+            chunkIndex: batch[0].chunkIndex,
+            data: batch[0].data,
+          }
+        : {
+            type: 'seed-chunks-batch',
+            from: fromBlipId,
+            to,
+            seedId,
+            chunks: batch.map((c) => ({ chunkIndex: c.chunkIndex, data: c.data })),
+          };
+    const lineBytes = Buffer.byteLength(JSON.stringify(packet) + '\n', 'utf8');
+    if (lineBytes > MAX_TCP_LINE_BYTES) {
+      for (const one of batch) {
+        await sendOnSocketQueued(socket, {
+          type: 'seed-chunk',
+          from: fromBlipId,
+          to,
+          seedId,
+          chunkIndex: one.chunkIndex,
+          data: one.data,
+        });
+        sent += 1;
+      }
+      continue;
+    }
+    await sendOnSocketQueued(socket, packet);
+    sent += batch.length;
+  }
+
+  return { ok: true, sent };
+}
diff --git a/main/blip-open.js b/main/blip-open.js
new file mode 100644
index 0000000..ff6b43a
--- /dev/null
+++ b/main/blip-open.js
@@ -0,0 +1,72 @@
+import { existsSync, readFileSync } from 'fs';
+
+/**
+ * @param {string} raw
+ * @returns {{ seedId: string, filename: string, size: number, chunkSize: number, totalChunks: number } | null}
+ */
+export function parseBlipSeedText(raw) {
+  const text = String(raw || '').trim();
+  if (!text) return null;
+  const jsonStart = text.indexOf('{');
+  if (jsonStart < 0) return null;
+  let doc;
+  try {
+    doc = JSON.parse(text.slice(jsonStart));
+  } catch {
+    return null;
+  }
+  const seedId = String(doc?.seedId || '')
+    .replace(/[^a-f0-9]/gi, '')
+    .slice(0, 64);
+  if (!seedId || doc?.type !== 'blip-seed') return null;
+  return {
+    seedId,
+    filename: String(doc.filename || 'file'),
+    size: Number(doc.size) || 0,
+    chunkSize: Number(doc.chunkSize) || 0,
+    totalChunks: Number(doc.totalChunks) || 0,
+  };
+}
+
+/**
+ * @param {string} path
+ */
+export function isBlipFilePath(path) {
+  return typeof path === 'string' && /\.blip$/i.test(path) && existsSync(path);
+}
+
+/**
+ * @param {string[]} argv
+ * @returns {string | null}
+ */
+export function extractBlipFileFromArgv(argv) {
+  for (const arg of argv || []) {
+    if (!arg || arg.startsWith('-')) continue;
+    const cleaned = arg.replace(/^"|"$/g, '');
+    if (isBlipFilePath(cleaned)) return cleaned;
+  }
+  return null;
+}
+
+/**
+ * @param {string[]} argv
+ * @returns {string | null} seedId from blip://seed/…
+ */
+export function extractBlipSeedIdFromArgv(argv) {
+  for (const arg of argv || []) {
+    if (!arg || !arg.includes('blip://')) continue;
+    const m = /blip:\/\/seed\/([a-f0-9]{8,64})/i.exec(arg);
+    if (m) return m[1].toLowerCase();
+  }
+  return null;
+}
+
+/**
+ * @param {string} filePath
+ */
+export function readBlipSeedFile(filePath) {
+  const text = readFileSync(filePath, 'utf8');
+  const doc = parseBlipSeedText(text);
+  if (!doc) throw new Error('invalid_blip');
+  return { filePath, text, doc };
+}
diff --git a/main/call-wire.js b/main/call-wire.js
index 1e433c4..8490932 100644
--- a/main/call-wire.js
+++ b/main/call-wire.js
@@ -20,13 +20,33 @@ export function serializeSdp(sdp) {
   return null;
 }
 
-/** Prefer the peer's existing inbound TCP socket (same path the offer arrived on). */
-export async function sendCallPayload(tcpServer, ensurePeerSocket, peerBlipId, payload) {
-  const socket = tcpServer?.getConnection(peerBlipId);
-  if (socket && !socket.destroyed) {
-    await sendOnSocket(socket, payload);
+/**
+ * Prefer inbound TCP (peer dialed us), then outbound handshake socket, then new connection.
+ * @param {Map<string, import('net').Socket>} [peerSockets]
+ */
+export async function sendCallPayload(
+  tcpServer,
+  ensurePeerSocket,
+  peerBlipId,
+  payload,
+  peerSockets = null
+) {
+  const id = Number(peerBlipId);
+  const inbound = tcpServer?.getConnection(id);
+  if (inbound && !inbound.destroyed) {
+    await sendOnSocket(inbound, payload);
     return;
   }
-  const fallback = await ensurePeerSocket(peerBlipId);
+
+  if (peerSockets?.size) {
+    const needle = `:${id}:`;
+    for (const [key, socket] of peerSockets) {
+      if (!key.includes(needle) || !socket || socket.destroyed) continue;
+      await sendOnSocket(socket, payload);
+      return;
+    }
+  }
+
+  const fallback = await ensurePeerSocket(id);
   await sendOnSocket(fallback, payload);
 }
diff --git a/main/config-public.js b/main/config-public.js
new file mode 100644
index 0000000..9c750b4
--- /dev/null
+++ b/main/config-public.js
@@ -0,0 +1,22 @@
+import { resolveProductTier, resolveEntitlementState } from './mesh-plus-license.js';
+
+const SENSITIVE_KEYS = new Set(['meshPrivateKey', 'meshPlusLicenseSig']);
+
+/**
+ * Config safe for renderer IPC (no private keys / raw license sig).
+ * @param {object} config
+ */
+export function toPublicConfig(config) {
+  if (!config || typeof config !== 'object') return config;
+  const pub = { ...config };
+  for (const key of SENSITIVE_KEYS) delete pub[key];
+  pub.tier = resolveProductTier(config);
+  pub.meshPlusActive = resolveEntitlementState(config);
+  if (pub.meshPlusLicenseId) {
+    pub.meshPlusLicenseMasked = `••••-${String(pub.meshPlusLicenseId).slice(-4)}`;
+  } else {
+    pub.meshPlusLicenseMasked = '';
+  }
+  delete pub.meshPlusLicenseId;
+  return pub;
+}
diff --git a/main/config.js b/main/config.js
index 191e77f..5a49734 100644
--- a/main/config.js
+++ b/main/config.js
@@ -14,15 +14,21 @@ const DEFAULT_CONFIG = {
   themeMode: 'dark',
   /** Color accent id — see themes.css [data-accent] */
   accentId: 'mint',
+  /** MESH+: custom #RRGGBB accent (overrides preset when set). */
+  accentCustomHex: '',
   animatedBgId: 'none',
   /** User uploaded profile image on disk */
   customAvatar: false,
+  /** Active profile GIF id (local file in profile-gifs/). */
+  profileGifActiveId: '',
+  /** Whether a profile GIF is set (for LAN announce). */
+  hasProfileGif: false,
   /** User override: pause animated wallpapers (lighter GPU). */
   reduceMotion: false,
   /** Pulse animated wallpaper from mic level (voice / 1:1 call). */
   reactiveBackground: false,
   /** Default emoji for the chat reaction (+) button. */
-  defaultReactionEmoji: '➕',
+  defaultReactionEmoji: '❤️',
   /** When true, the main window close button hides to tray instead of exiting (Windows default on). */
   closeToTray: process.platform === 'win32',
   /** Launch BLIP when the user signs in to the OS. */
@@ -34,6 +40,8 @@ const DEFAULT_CONFIG = {
   doNotDisturb: false,
   uiSoundsEnabled: true,
   uiSoundsVolume: 1,
+  /** In-app video lightbox volume 0–1 */
+  videoVolume: 1,
   /** FX pack: signal | pulse */
   uiSoundPack: 'signal',
   /** Call melodies: mesh | grid */
@@ -62,8 +70,14 @@ const DEFAULT_CONFIG = {
   fileTransferSpeed: 'normal',
   /** Log every TCP frame type to the network panel (developer). */
   devMeshTrace: false,
+  /** BEACON mesh library protocol (1.1.0) */
+  devBeaconEnabled: true,
   /** Projects hub + group project channels (pad, board, canvas, clipboard). */
   devProjectsEnabled: false,
+  /** Signal Corps shared clipboard (LAN mesh). Off by default. */
+  projectsClipboardEnabled: false,
+  /** Groups / conferences beta — off by default. */
+  devGroupsEnabled: false,
   /** Stream quality: low | hd | fhd | max | qhd | uhd */
   streamQuality: 'max',
   /** Fullscreen video target: low | hd | fhd | max | qhd | uhd */
@@ -81,6 +95,36 @@ const DEFAULT_CONFIG = {
   micInputGain: 100,
   /** Download and install updates automatically when available. */
   autoDownloadUpdates: true,
+  /** MESH+ license id (16 hex chars) — set after successful activation. */
+  meshPlusLicenseId: '',
+  /** Ed25519 signature (base64) over blip-meshplus-v1|licenseId */
+  meshPlusLicenseSig: '',
+  /** Unix ms when MESH+ was activated. */
+  meshPlusActivatedAt: 0,
+  /** App / tray / about icon: main | dop-1..4 | mesh-1..6 */
+  appIconVariant: 'main',
+  /** Track session achievements (off by default). */
+  achievementsEnabled: false,
+  /** Toast when an achievement unlocks. */
+  achievementsNotify: true,
+  /** In-app toast auto-dismiss (seconds, 2–60). */
+  toastDurationSec: 9,
+  /** BEACON parallel download peers (1–8). */
+  beaconParallelPeers: 6,
+  /** BEACON upload throttle % (10–100). */
+  beaconUploadCapPercent: 100,
+  /** comfortable | compact — tighter spacing (#21) */
+  uiDensity: 'comfortable',
+  /** UI font scale 0.85–1.25 (#22) */
+  uiFontScale: 1,
+  /** Chat message font scale 0.85–1.35 (#22) */
+  chatFontScale: 1,
+  /** Local composer key click (#30) */
+  typingSoundEnabled: false,
+  /** Auto away after N minutes of inactivity; 0 = off (#29) */
+  idleAwayMinutes: 5,
+  /** Set by idle timer when effective presence is away while manual status is online */
+  idleAwayActive: false,
 };
 
 let configPath = null;
@@ -110,6 +154,14 @@ export function saveConfig(config) {
   return merged;
 }
 
+/** Wipe config to defaults (blipId null — first-run / ID grid). */
+export function resetConfigToDefaults() {
+  if (!configPath) initConfigPath();
+  const fresh = { ...DEFAULT_CONFIG };
+  writeFileSync(configPath, JSON.stringify(fresh, null, 2), 'utf8');
+  return fresh;
+}
+
 export function normalizePeerIp(ip) {
   if (!ip || typeof ip !== 'string') return '';
   return ip.replace(/^::ffff:/i, '');
diff --git a/main/discovery.js b/main/discovery.js
index fa6e140..91f41a0 100644
--- a/main/discovery.js
+++ b/main/discovery.js
@@ -8,6 +8,12 @@ import {
   signCanonical,
   verifyAnnouncePayload,
 } from './mesh-identity.js';
+import { resolveEntitlementState } from './mesh-plus-license.js';
+import {
+  getBuildAnnounceTrust,
+  peerBuildTrustFromAnnounce,
+  peerMeshPlusTrustFromAnnounce,
+} from './trust-state.js';
 
 const ANNOUNCE_INTERVAL = 5000;
 const PEER_TIMEOUT = 30000;
@@ -32,6 +38,8 @@ export class Discovery {
     this.announceTimer = null;
     this.cleanupTimer = null;
     this.udpPort = resolvePorts(config).udpPort;
+    /** @type {((data: object) => void) | null} */
+    this.onSeedPacket = null;
   }
 
   async start() {
@@ -121,6 +129,7 @@ export class Discovery {
     const { udpPort, tcpPort } = resolvePorts(this.config);
     let presence = this.config.presenceStatus || 'online';
     if (this.config.doNotDisturb) presence = 'busy';
+    else if (presence === 'online' && this.config.idleAwayActive) presence = 'away';
     const ip = getLocalIp();
     const meshAnnounceTs = Date.now();
     const meshPubkey = this.config.meshPublicKey || '';
@@ -149,7 +158,19 @@ export class Discovery {
       meshPubkey,
     });
     const meshAnnounceSig = signCanonical(this.config, canonical);
-    return { ...base, meshAnnounceSig };
+    const meshPlus = resolveEntitlementState(this.config);
+    const hasProfileGif = meshPlus && !!this.config?.hasProfileGif;
+    const buildTrust = getBuildAnnounceTrust();
+    return {
+      ...base,
+      meshAnnounceSig,
+      meshPlus,
+      hasProfileGif,
+      buildVerified: buildTrust.buildVerified,
+      buildIssuer: buildTrust.buildIssuer,
+      buildVersion: buildTrust.buildVersion,
+      meshPlusTrust: meshPlus ? buildTrust.meshPlusTrust : null,
+    };
   }
 
   announce() {
@@ -162,9 +183,23 @@ export class Discovery {
     this.announceMdns();
   }
 
+  /** @param {object} obj Beacon / seed UDP packet (`seed-announce`, `seed-pulse`, …). */
+  broadcastPacket(obj) {
+    if (!this.config.blipId || !this.socket || !obj) return;
+    const payload = JSON.stringify(obj);
+    const buf = Buffer.from(payload);
+    for (const port of getDiscoveryBroadcastPorts(this.config)) {
+      this.socket.send(buf, 0, buf.length, port, '255.255.255.255');
+    }
+  }
+
   handleUdpMessage(msg) {
     try {
       const data = JSON.parse(msg.toString());
+      if (data.type === 'seed-announce' || data.type === 'seed-pulse' || data.type === 'seed-gone') {
+        this.onSeedPacket?.(data);
+        return;
+      }
       if (data.type === 'announce' && data.blipId) {
         this.registerPeer(data);
       }
@@ -210,6 +245,12 @@ export class Discovery {
       meshVerified,
       meshLegacy,
       meshPubkey,
+      meshPlus: !!data.meshPlus,
+      hasProfileGif: !!data.meshPlus && !!data.hasProfileGif,
+      buildTrust: peerBuildTrustFromAnnounce(data),
+      buildIssuer: String(data.buildIssuer || ''),
+      buildVerified: !!data.buildVerified,
+      meshPlusTrust: peerMeshPlusTrustFromAnnounce(data),
     };
 
     if (
@@ -220,7 +261,12 @@ export class Discovery {
       existing.presenceText !== peer.presenceText ||
       existing.tcpPort !== peer.tcpPort ||
       existing.meshVerified !== peer.meshVerified ||
-      existing.meshLegacy !== peer.meshLegacy
+      existing.meshLegacy !== peer.meshLegacy ||
+      existing.meshPlus !== peer.meshPlus ||
+      existing.hasProfileGif !== peer.hasProfileGif ||
+      existing.buildTrust !== peer.buildTrust ||
+      existing.buildVerified !== peer.buildVerified ||
+      existing.meshPlusTrust !== peer.meshPlusTrust
     ) {
       this.peers.set(data.blipId, peer);
     } else {
@@ -233,6 +279,12 @@ export class Discovery {
       existing.meshVerified = meshVerified;
       existing.meshLegacy = meshLegacy;
       existing.meshPubkey = meshPubkey;
+      existing.meshPlus = peer.meshPlus;
+      existing.hasProfileGif = peer.hasProfileGif;
+      existing.buildTrust = peer.buildTrust;
+      existing.buildIssuer = peer.buildIssuer;
+      existing.buildVerified = peer.buildVerified;
+      existing.meshPlusTrust = peer.meshPlusTrust;
     }
 
     this.occupiedIds.add(data.blipId);
@@ -257,6 +309,18 @@ export class Discovery {
     return Array.from(this.peers.values()).sort((a, b) => a.blipId - b.blipId);
   }
 
+  /** Update peer IP after a TCP session from a different route (NAT/VPN/Tailscale). */
+  noteObservedPeerIp(blipId, ip) {
+    const id = Number(blipId);
+    if (!Number.isFinite(id)) return;
+    const peer = this.peers.get(id);
+    if (!peer) return;
+    const nip = normalizePeerIp(ip);
+    if (!nip || peer.ip === nip) return;
+    peer.ip = nip;
+    this.emitPeers();
+  }
+
   getOccupiedIds() {
     return Array.from(this.occupiedIds);
   }
diff --git a/main/entitlement-codec.js b/main/entitlement-codec.js
new file mode 100644
index 0000000..bd0fabe
--- /dev/null
+++ b/main/entitlement-codec.js
@@ -0,0 +1,85 @@
+/** BLIP entitlement key format — no Electron dependency (safe for Node keygen). */
+
+export const ENTITLEMENT_CANON = 'blip-meshplus-v1';
+const CROCKFORD = '0123456789ABCDEFGHJKMNPQRSTUVWXYZ';
+const LICENSE_BODY_BYTES = 72;
+
+function base32DecodeChar(c) {
+  const i = CROCKFORD.indexOf(c);
+  return i >= 0 ? i : -1;
+}
+
+/** @param {string} encoded */
+function base32Decode(encoded) {
+  let bits = 0;
+  let value = 0;
+  const out = [];
+  for (const ch of encoded) {
+    const v = base32DecodeChar(ch);
+    if (v < 0) return null;
+    value = (value << 5) | v;
+    bits += 5;
+    while (bits >= 8) {
+      bits -= 8;
+      out.push((value >> bits) & 0xff);
+    }
+  }
+  return Buffer.from(out);
+}
+
+/** @param {Buffer} buf */
+function base32Encode(buf) {
+  let bits = 0;
+  let value = 0;
+  let out = '';
+  for (const byte of buf) {
+    value = (value << 8) | byte;
+    bits += 8;
+    while (bits >= 5) {
+      bits -= 5;
+      out += CROCKFORD[(value >> bits) & 31];
+    }
+  }
+  if (bits > 0) out += CROCKFORD[(value << (5 - bits)) & 31];
+  return out;
+}
+
+/** @param {string} body */
+function formatBlipKey(body) {
+  const groups = body.match(/.{1,4}/g) || [];
+  return `BLIP-${groups.join('-')}`;
+}
+
+/** @param {string} raw */
+export function normalizeEntitlementInput(raw) {
+  if (!raw || typeof raw !== 'string') return null;
+  let s = raw.trim().toUpperCase().replace(/\s+/g, '');
+  if (s.startsWith('BLIP')) s = s.replace(/^BLIP-?/, '');
+  s = s.replace(/-/g, '');
+  if (!s || !/^[0-9A-HJKMNP-Z]+$/.test(s)) return null;
+  return s;
+}
+
+/** @param {string} raw */
+export function parseEntitlementBlob(raw) {
+  const encoded = normalizeEntitlementInput(raw);
+  if (!encoded) return null;
+  const buf = base32Decode(encoded);
+  if (!buf || buf.length !== LICENSE_BODY_BYTES) return null;
+  const licenseId = buf.subarray(0, 8).toString('hex').toUpperCase();
+  const sig = buf.subarray(8, 72);
+  return {
+    licenseId,
+    sigB64: sig.toString('base64'),
+  };
+}
+
+/** @param {string} licenseId @param {string} sigB64 */
+export function formatEntitlementDisplay(licenseId, sigB64) {
+  const idBuf = Buffer.from(licenseId, 'hex');
+  if (idBuf.length !== 8) throw new Error('licenseId must be 16 hex chars');
+  const sigBuf = Buffer.from(sigB64, 'base64');
+  if (sigBuf.length !== 64) throw new Error('signature must be 64 bytes');
+  const body = base32Encode(Buffer.concat([idBuf, sigBuf]));
+  return formatBlipKey(body);
+}
diff --git a/main/factory-reset.js b/main/factory-reset.js
new file mode 100644
index 0000000..e1d8e76
--- /dev/null
+++ b/main/factory-reset.js
@@ -0,0 +1,31 @@
+import { app } from 'electron';
+import { existsSync, unlinkSync, rmSync } from 'fs';
+import { join } from 'path';
+import { resetConfigToDefaults } from './config.js';
+import { clearCustomAvatar } from './avatar-store.js';
+import { resetGiphyApiKeyCache } from './giphy-key.js';
+
+function clearProfileGifStorage() {
+  const userData = app.getPath('userData');
+  const meta = join(userData, 'profile-gif-meta.json');
+  const gifsDir = join(userData, 'profile-gifs');
+  if (existsSync(meta)) unlinkSync(meta);
+  if (existsSync(gifsDir)) {
+    rmSync(gifsDir, { recursive: true, force: true });
+  }
+}
+
+/** Remove optional userData artifacts (not packaged resources). */
+export function clearUserDataArtifacts() {
+  clearCustomAvatar();
+  clearProfileGifStorage();
+  const giphyKey = join(app.getPath('userData'), 'giphy-api-key.txt');
+  if (existsSync(giphyKey)) unlinkSync(giphyKey);
+  resetGiphyApiKeyCache();
+}
+
+/** Full factory reset: defaults config + cleared profile media. */
+export function performFactoryReset() {
+  clearUserDataArtifacts();
+  return resetConfigToDefaults();
+}
diff --git a/main/file-tcp-send.js b/main/file-tcp-send.js
new file mode 100644
index 0000000..f3fe40f
--- /dev/null
+++ b/main/file-tcp-send.js
@@ -0,0 +1,96 @@
+import { open, stat } from 'fs/promises';
+import { sendOnSocketQueued } from './tcp-write-queue.js';
+import { MAX_TCP_LINE_BYTES } from './tcp-framing.js';
+
+const CHUNK_RAW_BYTES = 1024 * 1024;
+const CHUNKS_PER_BATCH = 2;
+
+/**
+ * Stream a file from disk to a peer over TCP (main process — no renderer FileReader).
+ * @param {import('net').Socket} socket
+ * @param {number} fromBlipId
+ * @param {object} opts
+ */
+export async function sendFileFromPathOnSocket(socket, fromBlipId, opts) {
+  const {
+    filePath,
+    to,
+    transferId,
+    name,
+    mime,
+    size: sizeHint,
+    groupId,
+    msgId,
+    onProgress,
+    isCancelled,
+  } = opts;
+
+  if (!filePath || !socket || !transferId) throw new Error('invalid_args');
+
+  const st = await stat(filePath);
+  if (!st.isFile() || st.size <= 0) throw new Error('not_file');
+
+  const size = Number(sizeHint) > 0 ? Number(sizeHint) : st.size;
+  const chunkCount = Math.ceil(size / CHUNK_RAW_BYTES);
+  const base = { from: fromBlipId, to, transferId };
+  if (groupId) base.groupId = groupId;
+  if (msgId) base.msgId = msgId;
+
+  await sendOnSocketQueued(socket, {
+    type: 'file-offer',
+    ...base,
+    name: name || 'file',
+    mime: mime || 'application/octet-stream',
+    size,
+    chunkCount,
+  });
+
+  const fh = await open(filePath, 'r');
+  let bytesSent = 0;
+  const startedAt = Date.now();
+
+  try {
+    for (let i = 0; i < chunkCount; ) {
+      if (isCancelled?.()) throw new Error('cancelled');
+
+      const batch = [];
+      for (let b = 0; b < CHUNKS_PER_BATCH && i < chunkCount; b++, i++) {
+        const start = i * CHUNK_RAW_BYTES;
+        const len = Math.min(CHUNK_RAW_BYTES, size - start);
+        const buf = Buffer.allocUnsafe(len);
+        const { bytesRead } = await fh.read(buf, 0, len, start);
+        if (bytesRead <= 0) throw new Error('read');
+        batch.push({ index: i, data: buf.subarray(0, bytesRead).toString('base64') });
+        bytesSent = start + bytesRead;
+      }
+
+      const packet = { type: 'file-chunks-batch', ...base, chunks: batch };
+      let lineBytes = Buffer.byteLength(JSON.stringify(packet) + '\n', 'utf8');
+      if (lineBytes > MAX_TCP_LINE_BYTES && batch.length > 1) {
+        for (const one of batch) {
+          await sendOnSocketQueued(socket, {
+            type: 'file-chunks-batch',
+            ...base,
+            chunks: [one],
+          });
+        }
+      } else {
+        await sendOnSocketQueued(socket, packet);
+      }
+
+      const elapsed = Math.max(0.001, (Date.now() - startedAt) / 1000);
+      onProgress?.({
+        percent: Math.min(100, Math.round((bytesSent / size) * 100)),
+        bytesSent,
+        speedBps: bytesSent / elapsed,
+      });
+    }
+  } finally {
+    await fh.close();
+  }
+
+  if (isCancelled?.()) throw new Error('cancelled');
+
+  await sendOnSocketQueued(socket, { type: 'file-done', ...base });
+  return { ok: true, bytesSent: size };
+}
diff --git a/main/giphy-client.js b/main/giphy-client.js
new file mode 100644
index 0000000..1f22528
--- /dev/null
+++ b/main/giphy-client.js
@@ -0,0 +1,102 @@
+/**
+ * Giphy search/trending (optional API key via BLIP_GIPHY_API_KEY).
+ * @see https://developers.giphy.com/docs/api/
+ */
+
+import { getGiphyApiKey } from './giphy-key.js';
+import { MAX_PROFILE_GIF_BYTES } from './profile-gif-store.js';
+
+const GIPHY_BASE = 'https://api.giphy.com/v1/gifs';
+
+function apiKey() {
+  return getGiphyApiKey();
+}
+
+export function isGiphyConfigured() {
+  return apiKey().length > 0;
+}
+
+/**
+ * @param {object} gif
+ */
+function pickImage(images, ...keys) {
+  for (const key of keys) {
+    const o = images[key];
+    if (o?.url) return o;
+  }
+  return {};
+}
+
+function mapGif(gif) {
+  const images = gif?.images || {};
+  const preview = pickImage(
+    images,
+    'preview_gif',
+    'fixed_height',
+    'fixed_width',
+    'downsized',
+    'downsized_small'
+  );
+  const importSrc = pickImage(
+    images,
+    'downsized',
+    'fixed_width',
+    'fixed_height',
+    'preview_gif',
+    'original'
+  );
+  return {
+    id: String(gif?.id || ''),
+    title: String(gif?.title || ''),
+    previewUrl: preview.url || '',
+    gifUrl: importSrc.url || preview.url || '',
+    width: Number(preview.width || importSrc.width || 0),
+    height: Number(preview.height || importSrc.height || 0),
+  };
+}
+
+/**
+ * @param {string} query
+ * @param {{ offset?: number, limit?: number }} [opts]
+ */
+export async function searchGiphy(query, opts = {}) {
+  const key = apiKey();
+  if (!key) return { ok: false, error: 'no_api_key', items: [] };
+  const limit = opts.limit ?? 24;
+  const offset = opts.offset ?? 0;
+  const q = encodeURIComponent(String(query || '').trim());
+  const url = `${GIPHY_BASE}/search?api_key=${key}&q=${q}&limit=${limit}&offset=${offset}&rating=g&lang=en`;
+  const res = await fetch(url);
+  if (!res.ok) return { ok: false, error: 'giphy_http', items: [] };
+  const data = await res.json();
+  const items = (data?.data || []).map(mapGif).filter((g) => g.gifUrl);
+  return { ok: true, items, pagination: data?.pagination };
+}
+
+/**
+ * @param {{ offset?: number, limit?: number }} [opts]
+ */
+export async function trendingGiphy(opts = {}) {
+  const key = apiKey();
+  if (!key) return { ok: false, error: 'no_api_key', items: [] };
+  const limit = opts.limit ?? 24;
+  const offset = opts.offset ?? 0;
+  const url = `${GIPHY_BASE}/trending?api_key=${key}&limit=${limit}&offset=${offset}&rating=g`;
+  const res = await fetch(url);
+  if (!res.ok) return { ok: false, error: 'giphy_http', items: [] };
+  const data = await res.json();
+  const items = (data?.data || []).map(mapGif).filter((g) => g.gifUrl);
+  return { ok: true, items, pagination: data?.pagination };
+}
+
+/**
+ * @param {string} gifUrl
+ * @returns {Promise<Buffer>}
+ */
+export async function downloadGifUrl(gifUrl) {
+  const res = await fetch(gifUrl);
+  if (!res.ok) throw new Error('download_failed');
+  const buf = Buffer.from(await res.arrayBuffer());
+  if (buf.length > MAX_PROFILE_GIF_BYTES) throw new Error('gif_too_large');
+  return buf;
+}
diff --git a/main/giphy-key.js b/main/giphy-key.js
new file mode 100644
index 0000000..1228f43
--- /dev/null
+++ b/main/giphy-key.js
@@ -0,0 +1,57 @@
+import { existsSync, readFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { app } from 'electron';
+
+let cached = '';
+
+function readKeyFile(p) {
+  try {
+    if (!existsSync(p)) return '';
+    return readFileSync(p, 'utf8').trim();
+  } catch {
+    return '';
+  }
+}
+
+/**
+ * Giphy API key: env → userData → packaged resources → dev giphy-api-key.local.
+ */
+export function getGiphyApiKey() {
+  if (cached) return cached;
+  const fromEnv = (
+    process.env.BLIP_GIPHY_API_KEY ||
+    process.env.GIPHY_API_KEY ||
+    ''
+  ).trim();
+  if (fromEnv) {
+    cached = fromEnv;
+    return cached;
+  }
+
+  const paths = [join(app.getPath('userData'), 'giphy-api-key.txt')];
+
+  if (app.isPackaged) {
+    paths.push(join(process.resourcesPath, 'giphy-api-key.txt'));
+    try {
+      paths.push(join(dirname(app.getPath('exe')), 'giphy-api-key.txt'));
+    } catch {
+      /* ignore */
+    }
+  } else {
+    paths.push(join(process.cwd(), 'giphy-api-key.local'));
+    paths.push(join(app.getAppPath(), '..', 'giphy-api-key.local'));
+  }
+
+  for (const p of paths) {
+    const k = readKeyFile(p);
+    if (k) {
+      cached = k;
+      return cached;
+    }
+  }
+  return '';
+}
+
+export function resetGiphyApiKeyCache() {
+  cached = '';
+}
diff --git a/main/github-releases.js b/main/github-releases.js
index 77a867e..bf597aa 100644
--- a/main/github-releases.js
+++ b/main/github-releases.js
@@ -28,6 +28,87 @@ export function getGithubPublishConfig() {
   return { provider: 'github', owner: owner || 'krwg', repo: repo || 'BLIP' };
 }
 
+/** @param {string} tag */
+export function releaseTagCandidates(tag) {
+  const raw = String(tag || '').trim();
+  if (!raw) return [];
+  /** @type {string[]} */
+  const out = [];
+  const add = (t) => {
+    if (t && !out.includes(t)) out.push(t);
+  };
+  add(raw);
+  const bare = raw.replace(/^v/i, '');
+  add(bare);
+  if (bare) add(`v${bare}`);
+  return out;
+}
+
+/**
+ * GitHub asset URLs must use the release tag exactly (1.1.0 vs v1.1.0).
+ * @param {string} tag
+ * @returns {Promise<string | null>} tag string that has latest.yml
+ */
+export async function releaseHasUpdateManifest(tag) {
+  const repo = loadGithubRepo();
+  for (const t of releaseTagCandidates(tag)) {
+    const url = `https://github.com/${repo}/releases/download/${encodeURIComponent(t)}/latest.yml`;
+    try {
+      const res = await fetch(url, {
+        method: 'HEAD',
+        redirect: 'follow',
+        headers: { 'User-Agent': 'BLIP-Desktop' },
+      });
+      if (res.ok) return t;
+    } catch {
+      /* try next candidate */
+    }
+  }
+  return null;
+}
+
+/**
+ * Generic feed URL for electron-updater (latest.yml + Setup on the release).
+ * @param {{ receiveBetaUpdates?: boolean }} [config]
+ * @returns {Promise<{ provider: string, url?: string, owner?: string, repo?: string, channelTag?: string | null }>}
+ */
+export async function resolveUpdateFeedUrl(config = {}) {
+  const receiveBeta = !!config?.receiveBetaUpdates;
+  const repo = loadGithubRepo();
+  const result = await fetchGithubReleases(25);
+
+  if (result.ok && result.releases?.length) {
+    const stable = result.releases.filter((r) => !r.prerelease);
+    const betas = result.releases.filter((r) => r.prerelease);
+    const queues = receiveBeta ? [betas, stable] : [stable];
+
+    for (const list of queues) {
+      for (const release of list) {
+        const tag = await releaseHasUpdateManifest(release.tag);
+        if (tag) {
+          return {
+            provider: 'generic',
+            url: `https://github.com/${repo}/releases/download/${encodeURIComponent(tag)}/`,
+            channelTag: tag,
+          };
+        }
+      }
+    }
+  }
+
+  return { ...getGithubPublishConfig(), channelTag: null };
+}
+
+function githubApiHeaders() {
+  const token = (process.env.GH_TOKEN || process.env.GITHUB_TOKEN || '').trim();
+  const headers = {
+    Accept: 'application/vnd.github+json',
+    'User-Agent': 'BLIP-Desktop',
+  };
+  if (token) headers.Authorization = `Bearer ${token}`;
+  return headers;
+}
+
 /**
  * @param {number} [limit]
  * @returns {Promise<{ ok: boolean, releases?: object[], error?: string }>}
@@ -36,12 +117,7 @@ export async function fetchGithubReleases(limit = 8) {
   const repo = loadGithubRepo();
   const url = `https://api.github.com/repos/${repo}/releases?per_page=${Math.min(Math.max(limit, 1), 20)}`;
   try {
-    const res = await fetch(url, {
-      headers: {
-        Accept: 'application/vnd.github+json',
-        'User-Agent': 'BLIP-Desktop',
-      },
-    });
+    const res = await fetch(url, { headers: githubApiHeaders() });
     if (!res.ok) {
       return { ok: false, error: `HTTP ${res.status}` };
     }
diff --git a/main/index.js b/main/index.js
index b1d93f7..d9a7866 100644
--- a/main/index.js
+++ b/main/index.js
@@ -4,10 +4,53 @@ import { pathToFileURL } from 'url';
 import { fileURLToPath } from 'url';
 import { existsSync, readFileSync } from 'fs';
 import { Discovery } from './discovery.js';
+import {
+  ensureBeaconSeedsRoot,
+  getBeaconSeedsRoot,
+  writeSeedMeta,
+  readSeedMeta,
+  writeSeedPreview,
+  readSeedPreview,
+  writeSeedChunk,
+  readSeedChunk,
+  readSeedChunksBatch,
+  writeSeedChunksBatch,
+  buildSeedHaveBitmap,
+  chunkExists,
+  countLocalChunks,
+  listLocalSeedMetas,
+  promptSaveAssembledSeed,
+  deleteLocalSeed,
+  localSeedExists,
+} from './beacon-store.js';
+import {
+  ingestPublishFromPath,
+  tryReadImagePreviewB64,
+} from './beacon-ingest.js';
+import { serveSeedChunksOnSocket } from './beacon-tcp-serve.js';
+import { sendFileFromPathOnSocket } from './file-tcp-send.js';
 import { createTcpServer } from './tcp-server.js';
 import { connectToPeer, sendOnSocket, pingPeer } from './tcp-client.js';
 import { createTcpLineReader } from './tcp-framing.js';
 import { loadConfig, saveConfig, initConfigPath, getLocalIp, getLocalIpv4Set } from './config.js';
+import { toPublicConfig } from './config-public.js';
+import { confirmEntitlementBlob, resolveEntitlementState } from './mesh-plus-license.js';
+import {
+  initAppTrustState,
+  getAppTrustState,
+  refreshMeshPlusTrust,
+} from './trust-state.js';
+import {
+  premiumResetPatch,
+  sanitizePremiumPrefs,
+} from '../shared/mesh-plus-gates.js';
+import {
+  canUseAppIconVariant,
+  normalizeAppIconVariant,
+  APP_ICON_VARIANTS,
+} from './app-icons.js';
+import { resolveAppIconVariant, resolveVariantWindowIconPath } from './app-icons.js';
+import { applyAppIcons } from './apply-app-icons.js';
 import { ensureMeshIdentity } from './mesh-identity.js';
 import {
   handleMeshHandshakeMessage,
@@ -18,12 +61,13 @@ import {
   initInboundSession,
 } from './mesh-handshake.js';
 import { isPeerBlocked } from './trust-policy.js';
-import { createTray, destroyTray } from './tray.js';
+import { createTray, destroyTray, setTrayTransferProgress } from './tray.js';
 import {
   setupAutoUpdater,
   checkForUpdatesNow,
   quitAndInstallUpdater,
   configureAutoUpdater,
+  isPortableInstall,
 } from './updater.js';
 import { resolveBuildAsset } from './paths.js';
 import { resolvePorts } from './ports.js';
@@ -35,12 +79,36 @@ import {
   clearCustomAvatar,
   hasCustomAvatar,
 } from './avatar-store.js';
+import {
+  clearActiveProfileGif,
+  getActiveProfileGifId,
+  getProfileGifDataUrl,
+  getProfileGifShareDataUrl,
+  getProfileGifPublicState,
+  hasActiveProfileGif,
+  listProfileGifHistory,
+  saveProfileGifFromBuffer,
+  saveProfileGifFromDataUrl,
+  setActiveProfileGif,
+} from './profile-gif-store.js';
+import {
+  downloadGifUrl,
+  isGiphyConfigured,
+  searchGiphy,
+  trendingGiphy,
+} from './giphy-client.js';
 import { registerGlobalShortcuts, unregisterGlobalShortcuts } from './global-shortcuts.js';
 import {
   listDisplaySources,
   resolveDisplaySourceForCallback,
   setPendingDisplaySource,
 } from './display-capture.js';
+import { performFactoryReset } from './factory-reset.js';
+import {
+  extractBlipFileFromArgv,
+  extractBlipSeedIdFromArgv,
+  readBlipSeedFile,
+} from './blip-open.js';
 import os from 'os';
 
 if (process.env.BLIP_USER_DATA_DIR) {
@@ -85,8 +153,95 @@ let discovery = null;
 let tcpServer = null;
 let config = null;
 const peerSockets = new Map();
+/** @type {Map<string, Promise<import('net').Socket>>} */
+const peerSocketConnectInflight = new Map();
 /** Set in `before-quit` so the main window can distinguish Quit from close-to-tray hide. */
 let appIsQuitting = false;
+/** @type {Array<() => void>} */
+const pendingRendererDeliveries = [];
+/** macOS: .blip opened before app.ready */
+let pendingBlipFilePath = null;
+
+function queueRendererDelivery(fn) {
+  if (
+    mainWindow &&
+    !mainWindow.isDestroyed() &&
+    !mainWindow.webContents.isLoading()
+  ) {
+    fn();
+    return;
+  }
+  pendingRendererDeliveries.push(fn);
+}
+
+function flushPendingRendererDeliveries() {
+  while (pendingRendererDeliveries.length) {
+    const fn = pendingRendererDeliveries.shift();
+    try {
+      fn();
+    } catch (e) {
+      console.warn('[BLIP] pending delivery', e);
+    }
+  }
+}
+
+function deliverBeaconOpenSeed(seedId) {
+  if (!seedId) return;
+  queueRendererDelivery(() => {
+    sendToRenderer('beacon-open-seed', { seedId: String(seedId) });
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      mainWindow.show();
+      mainWindow.focus();
+    }
+  });
+}
+
+function deliverBeaconOpenBlipFile(filePath) {
+  try {
+    const { text, doc } = readBlipSeedFile(filePath);
+    queueRendererDelivery(() => {
+      sendToRenderer('beacon-open-blip-file', { filePath, text, doc });
+      if (mainWindow && !mainWindow.isDestroyed()) {
+        mainWindow.show();
+        mainWindow.focus();
+      }
+    });
+  } catch (e) {
+    console.warn('[BLIP] open .blip file', filePath, e?.message || e);
+  }
+}
+
+function handleOpenRequestFromArgv(argv) {
+  const blipFile = extractBlipFileFromArgv(argv);
+  if (blipFile) {
+    deliverBeaconOpenBlipFile(blipFile);
+    return;
+  }
+  const seedId = extractBlipSeedIdFromArgv(argv);
+  if (seedId) deliverBeaconOpenSeed(seedId);
+}
+
+const gotSingleInstanceLock = app.requestSingleInstanceLock();
+if (!gotSingleInstanceLock) {
+  app.quit();
+} else {
+  app.on('second-instance', (_event, argv) => {
+    handleOpenRequestFromArgv(argv);
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      if (!extractBlipFileFromArgv(argv) && !extractBlipSeedIdFromArgv(argv)) {
+        mainWindow.show();
+        mainWindow.focus();
+      }
+    }
+  });
+}
+
+app.on('open-file', (event, filePath) => {
+  if (!/\.blip$/i.test(filePath || '')) return;
+  event.preventDefault();
+  if (app.isReady()) deliverBeaconOpenBlipFile(filePath);
+  else pendingBlipFilePath = filePath;
+});
 
 function getRendererUrl() {
   if (useViteDev) return 'http://localhost:5173';
@@ -95,11 +250,15 @@ function getRendererUrl() {
 }
 
 function getWindowIcon() {
-  const iconPath = resolveBuildAsset('icon.png');
+  const iconPath = resolveVariantWindowIconPath(resolveAppIconVariant(config));
   if (existsSync(iconPath)) return nativeImage.createFromPath(iconPath);
   return undefined;
 }
 
+function refreshAppIcons() {
+  return applyAppIcons(config, { mainWindow, callWindow, groupCallWindow });
+}
+
 function createWindow() {
   const icon = getWindowIcon();
   mainWindow = new BrowserWindow({
@@ -163,6 +322,7 @@ function createWindow() {
 
   mainWindow.webContents.once('did-finish-load', () => {
     refreshGlobalShortcuts();
+    flushPendingRendererDeliveries();
   });
 }
 
@@ -421,17 +581,29 @@ function sendToRenderer(channel, data) {
   }
 }
 
+function broadcastTrustState() {
+  const trust = getAppTrustState();
+  sendToRenderer('trust-state', trust);
+  if (callWindow && !callWindow.isDestroyed()) {
+    callWindow.webContents.send('trust-state', trust);
+  }
+  if (groupCallWindow && !groupCallWindow.isDestroyed()) {
+    groupCallWindow.webContents.send('trust-state', trust);
+  }
+}
+
 function patchConfig(updates) {
   config = saveConfig(updates);
   discovery?.updateConfig(config);
+  const pub = toPublicConfig(config);
   if (mainWindow && !mainWindow.isDestroyed()) {
-    mainWindow.webContents.send('config-updated', config);
+    mainWindow.webContents.send('config-updated', pub);
   }
   if (callWindow && !callWindow.isDestroyed()) {
-    callWindow.webContents.send('config-updated', config);
+    callWindow.webContents.send('config-updated', pub);
   }
   if (groupCallWindow && !groupCallWindow.isDestroyed()) {
-    groupCallWindow.webContents.send('config-updated', config);
+    groupCallWindow.webContents.send('config-updated', pub);
   }
   if (updates?.launchAtLogin !== undefined) {
     applyLaunchAtLogin(config.launchAtLogin);
@@ -487,21 +659,11 @@ function findPeer(blipId) {
   return peers.find((p) => p.blipId === blipId && p.online) || null;
 }
 
-async function ensurePeerSocket(blipId) {
-  const peer = findPeer(blipId);
-  if (!peer) throw new Error('Peer not found');
-
-  const tcpPort = peer.tcpPort || resolvePorts(config).tcpPort;
-  const socketKey = `${peer.ip}:${blipId}:${tcpPort}`;
+function wirePeerSocket(socket, socketKey, peerIp) {
+  if (socket._blipPeerWired) return;
+  socket._blipPeerWired = true;
 
-  if (peerSockets.has(socketKey)) {
-    const s = peerSockets.get(socketKey);
-    if (!s.destroyed) return s;
-    peerSockets.delete(socketKey);
-  }
-
-  const socket = await connectToPeer(peer.ip, blipId, tcpPort);
-  initInboundSession(socket, peer.ip);
+  initInboundSession(socket, peerIp || socket.remoteAddress || '');
 
   const reader = createTcpLineReader(() => {
     try {
@@ -538,11 +700,40 @@ async function ensurePeerSocket(blipId) {
   socket.on('close', () => {
     clearSocketSession(socket);
     peerSockets.delete(socketKey);
+    socket._blipPeerWired = false;
   });
+}
+
+async function ensurePeerSocket(blipId) {
+  const peer = findPeer(blipId);
+  if (!peer) throw new Error('Peer not found');
+
+  const tcpPort = peer.tcpPort || resolvePorts(config).tcpPort;
+  const socketKey = `${peer.ip}:${blipId}:${tcpPort}`;
+
+  const cached = peerSockets.get(socketKey);
+  if (cached && !cached.destroyed) return cached;
+
+  const inflight = peerSocketConnectInflight.get(socketKey);
+  if (inflight) return inflight;
 
-  await performOutboundHandshake(socket, config, blipId, discovery);
-  peerSockets.set(socketKey, socket);
-  return socket;
+  const connectPromise = (async () => {
+    peerSockets.delete(socketKey);
+    const socket = await connectToPeer(peer.ip, blipId, tcpPort);
+    wirePeerSocket(socket, socketKey, peer.ip);
+    await performOutboundHandshake(socket, config, blipId, discovery);
+    peerSockets.set(socketKey, socket);
+    return socket;
+  })().finally(() => {
+    peerSocketConnectInflight.delete(socketKey);
+  });
+
+  peerSocketConnectInflight.set(socketKey, connectPromise);
+  return connectPromise;
+}
+
+function sendCallToPeer(peerBlipId, payload) {
+  return sendCallPayload(tcpServer, ensurePeerSocket, peerBlipId, payload, peerSockets);
 }
 
 function handleTcpPayload(msg, fromBlipId) {
@@ -582,12 +773,22 @@ function handleTcpPayload(msg, fromBlipId) {
     case 'voice-ch-signal':
       sendToRenderer('tcp-message', msg);
       break;
+    case 'seed-request':
+    case 'seed-chunk':
+    case 'seed-chunks-batch':
+    case 'seed-have':
+    case 'seed-have-request':
     case 'file-offer':
     case 'file-chunk':
+    case 'file-chunks-batch':
     case 'file-done':
     case 'file-abort':
     case 'clipboard-push':
     case 'avatar-share':
+    case 'group-avatar-share':
+    case 'group-avatar-request':
+    case 'profile-gif-share':
+    case 'profile-gif-request':
       sendToRenderer('tcp-message', msg);
       break;
     case 'call-offer': {
@@ -700,9 +901,22 @@ async function bootstrapNetworking() {
   discovery = new Discovery(config, (peers, occupiedIds) => {
     sendToRenderer('peers-updated', { peers, occupiedIds });
   });
+  discovery.onSeedPacket = (data) => sendToRenderer('seed-udp', data);
   await discovery.start();
 }
 
+function closeAuxiliaryWindows() {
+  if (callWindow && !callWindow.isDestroyed()) {
+    callWindow.destroy();
+    callWindow = null;
+  }
+  if (groupCallWindow && !groupCallWindow.isDestroyed()) {
+    groupCallWindow.destroy();
+    groupCallWindow = null;
+    groupCallWindowReady = false;
+  }
+}
+
 async function stopNetwork() {
   discovery?.stop();
   discovery = null;
@@ -727,10 +941,12 @@ function installTray() {
     config.language === 'ru'
       ? { show: 'Показать', quit: 'Выход' }
       : { show: 'Show', quit: 'Quit' };
+  const { trayPath } = refreshAppIcons();
   createTray({
     getMainWindow: () => mainWindow,
     tooltip: `${meta.displayName || 'BLIP'} — local network`,
     labels: trayLabels,
+    iconPath: trayPath,
     onQuit: async () => {
       await stopNetwork();
       app.quit();
@@ -739,10 +955,32 @@ function installTray() {
 }
 
 function setupIpc() {
-  ipcMain.handle('get-config', () => config);
+  ipcMain.handle('get-config', () => toPublicConfig(config));
   ipcMain.handle('save-config', (_, updates) => {
     const prevLang = config?.language;
-    config = saveConfig(updates);
+    const safe = { ...updates };
+    delete safe.meshPlusLicenseId;
+    delete safe.meshPlusLicenseSig;
+    delete safe.meshPlusActivatedAt;
+    delete safe.tier;
+    delete safe.meshPlusActive;
+    delete safe.meshPlusLicenseMasked;
+    if (safe.appIconVariant !== undefined) {
+      const id = normalizeAppIconVariant(safe.appIconVariant);
+      safe.appIconVariant = canUseAppIconVariant(
+        { ...config, ...safe },
+        id
+      )
+        ? id
+        : 'main';
+    }
+    const meshActive = resolveEntitlementState({ ...config, ...safe });
+    Object.assign(
+      safe,
+      sanitizePremiumPrefs(config, safe, meshActive)
+    );
+    config = saveConfig(safe);
+    if (safe.appIconVariant !== undefined) refreshAppIcons();
     if (updates?.receiveBetaUpdates !== undefined || updates?.autoDownloadUpdates !== undefined) {
       void configureAutoUpdater(config);
     }
@@ -751,14 +989,15 @@ function setupIpc() {
     if (typeof updates?.language === 'string' && updates.language !== prevLang) {
       installTray();
     }
+    const pub = toPublicConfig(config);
     if (mainWindow && !mainWindow.isDestroyed()) {
-      mainWindow.webContents.send('config-updated', config);
+      mainWindow.webContents.send('config-updated', pub);
     }
     if (callWindow && !callWindow.isDestroyed()) {
-      callWindow.webContents.send('config-updated', config);
+      callWindow.webContents.send('config-updated', pub);
     }
     if (groupCallWindow && !groupCallWindow.isDestroyed()) {
-      groupCallWindow.webContents.send('config-updated', config);
+      groupCallWindow.webContents.send('config-updated', pub);
     }
     if (updates?.launchAtLogin !== undefined) {
       applyLaunchAtLogin(config.launchAtLogin);
@@ -769,9 +1008,86 @@ function setupIpc() {
     ) {
       refreshGlobalShortcuts();
     }
-    return config;
+    return pub;
+  });
+
+  ipcMain.handle('activate-mesh-plus', (_, rawKey) => {
+    const result = confirmEntitlementBlob(rawKey);
+    if (!result.ok) return result;
+    config = saveConfig({
+      meshPlusLicenseId: result.licenseId,
+      meshPlusLicenseSig: result.sigB64,
+      meshPlusActivatedAt: Date.now(),
+    });
+    discovery?.updateConfig(config);
+    discovery?.announce();
+    refreshAppIcons();
+    refreshMeshPlusTrust(config);
+    broadcastTrustState();
+    const pub = toPublicConfig(config);
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      mainWindow.webContents.send('config-updated', pub);
+    }
+    return { ok: true, tier: pub.tier };
+  });
+
+  ipcMain.handle('deactivate-mesh-plus', () => {
+    const patch = {
+      meshPlusLicenseId: '',
+      meshPlusLicenseSig: '',
+      meshPlusActivatedAt: 0,
+    };
+    if (String(config.appIconVariant || '').startsWith('mesh-')) {
+      patch.appIconVariant = 'main';
+    }
+    const prefsPatch = premiumResetPatch(config);
+    if (prefsPatch) Object.assign(patch, prefsPatch);
+    if (prefsPatch?.hasProfileGif === false) clearActiveProfileGif();
+    config = saveConfig(patch);
+    discovery?.updateConfig(config);
+    discovery?.announce();
+    refreshAppIcons();
+    refreshMeshPlusTrust(config);
+    broadcastTrustState();
+    const pub = toPublicConfig(config);
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      mainWindow.webContents.send('config-updated', pub);
+    }
+    return { ok: true, tier: 'free' };
   });
 
+  ipcMain.handle('factory-reset', () => {
+    closeAuxiliaryWindows();
+    for (const s of peerSockets.values()) {
+      if (!s.destroyed) s.destroy();
+    }
+    peerSockets.clear();
+    config = performFactoryReset();
+    unregisterGlobalShortcuts();
+    refreshAppIcons();
+    discovery?.updateConfig(config);
+    discovery?.announce();
+    sendToRenderer('peers-updated', { peers: [], occupiedIds: [] });
+    const pub = toPublicConfig(config);
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      mainWindow.webContents.send('config-updated', pub);
+      mainWindow.webContents.send('factory-reset-done', pub);
+    }
+    return { ok: true, config: pub };
+  });
+
+  ipcMain.handle('get-mesh-plus-status', () => {
+    const pub = toPublicConfig(config);
+    return {
+      tier: pub.tier,
+      active: pub.meshPlusActive,
+      licenseMasked: pub.meshPlusLicenseMasked || '',
+      activatedAt: config.meshPlusActivatedAt || 0,
+    };
+  });
+
+  ipcMain.handle('get-trust-state', () => getAppTrustState());
+
   ipcMain.handle('get-github-releases', async (_, limit) => fetchGithubReleases(limit ?? 8));
   ipcMain.handle('get-peers', () => ({
     peers: discovery?.getPeers() || [],
@@ -794,6 +1110,217 @@ function setupIpc() {
     };
   });
 
+  ipcMain.handle('beacon-paths', async () => {
+    await ensureBeaconSeedsRoot();
+    return { seedsDir: getBeaconSeedsRoot() };
+  });
+
+  ipcMain.handle('beacon-udp-send', (_, payload) => {
+    if (!payload || typeof payload !== 'object') return false;
+    discovery?.broadcastPacket?.(payload);
+    return true;
+  });
+
+  ipcMain.handle('beacon-pick-publish-file', async () => {
+    const { canceled, filePaths } = await dialog.showOpenDialog({
+      properties: ['openFile'],
+      title: 'BEACON — publish file',
+    });
+    if (canceled || !filePaths?.[0]) {
+      return { ok: false, cancelled: true };
+    }
+    return { ok: true, filePath: filePaths[0] };
+  });
+
+  ipcMain.handle('beacon-publish-from-path', async (event, { filePath, maxBytes, chunkSize }) => {
+    if (typeof filePath !== 'string' || !filePath.trim()) {
+      return { ok: false, error: 'no_path' };
+    }
+    const wc = event.sender;
+    try {
+      const meta = await ingestPublishFromPath(filePath.trim(), {
+        maxBytes: Number(maxBytes) || undefined,
+        chunkSize: Number(chunkSize) || 1048576,
+        onProgress: (p) => {
+          try {
+            wc.send('beacon-ingest-progress', p);
+          } catch {
+            /* window gone */
+          }
+        },
+      });
+      const previewB64 = await tryReadImagePreviewB64(filePath.trim());
+      if (previewB64) {
+        meta.previewB64 = previewB64.length > 14000 ? previewB64.slice(0, 14000) : previewB64;
+        await writeSeedPreview(meta.seedId, meta.previewB64);
+      }
+      return { ok: true, meta };
+    } catch (e) {
+      const msg = e?.message || String(e);
+      return { ok: false, error: msg };
+    }
+  });
+
+  ipcMain.handle('beacon-write-meta', async (_, { seedId, meta }) => {
+    if (!seedId || !meta) return { ok: false };
+    await writeSeedMeta(seedId, meta);
+    return { ok: true };
+  });
+
+  ipcMain.handle('beacon-read-meta', async (_, { seedId }) => {
+    if (!seedId) return null;
+    return readSeedMeta(seedId);
+  });
+
+  ipcMain.handle('beacon-read-preview', async (_, { seedId }) => {
+    if (!seedId) return { ok: false };
+    const data = await readSeedPreview(seedId);
+    return data ? { ok: true, data } : { ok: false };
+  });
+
+  ipcMain.handle('beacon-write-preview', async (_, { seedId, data }) => {
+    if (!seedId || !data) return { ok: false };
+    await writeSeedPreview(seedId, data);
+    return { ok: true };
+  });
+
+  ipcMain.handle('set-tray-transfer-progress', (_, info) => {
+    setTrayTransferProgress(info);
+    return { ok: true };
+  });
+
+  ipcMain.handle('beacon-write-chunk', async (_, { seedId, chunkIndex, data }) => {
+    if (!seedId || chunkIndex == null || !data) return { ok: false };
+    await writeSeedChunk(seedId, Number(chunkIndex), data);
+    return { ok: true };
+  });
+
+  ipcMain.handle('beacon-write-chunks-batch', async (_, { seedId, chunks }) => {
+    if (!seedId || !Array.isArray(chunks) || !chunks.length) return { ok: false };
+    await writeSeedChunksBatch(seedId, chunks);
+    return { ok: true, count: chunks.length };
+  });
+
+  ipcMain.handle('beacon-read-chunk', async (_, { seedId, chunkIndex }) => {
+    if (!seedId || chunkIndex == null) return { ok: false };
+    try {
+      const data = await readSeedChunk(seedId, Number(chunkIndex));
+      return { ok: true, data };
+    } catch {
+      return { ok: false };
+    }
+  });
+
+  ipcMain.handle('beacon-read-chunks-batch', async (_, { seedId, chunkIndices }) => {
+    if (!seedId || !Array.isArray(chunkIndices)) return { ok: false, chunks: [] };
+    const chunks = await readSeedChunksBatch(seedId, chunkIndices.map(Number));
+    return { ok: true, chunks };
+  });
+
+  ipcMain.handle('beacon-serve-chunks-tcp', async (_, payload) => {
+    try {
+      const to = Number(payload?.to);
+      const seedId = String(payload?.seedId || '');
+      const chunkIndices = Array.isArray(payload?.chunkIndices) ? payload.chunkIndices : [];
+      if (!Number.isFinite(to) || !seedId || !chunkIndices.length) {
+        return { ok: false, error: 'invalid' };
+      }
+      const socket = await ensurePeerSocket(to);
+      return await serveSeedChunksOnSocket(socket, config.blipId, {
+        to,
+        seedId,
+        chunkIndices,
+      });
+    } catch (err) {
+      return { ok: false, error: err?.message || 'serve_failed' };
+    }
+  });
+
+  ipcMain.handle('send-file-from-path', async (event, payload) => {
+    const wc = event.sender;
+    try {
+      const to = Number(payload?.to);
+      const filePath = String(payload?.filePath || '').trim();
+      const transferId = String(payload?.transferId || '');
+      if (!Number.isFinite(to) || !filePath || !transferId) {
+        return { ok: false, error: 'invalid' };
+      }
+      const socket = await ensurePeerSocket(to);
+      await sendFileFromPathOnSocket(socket, config.blipId, {
+        filePath,
+        to,
+        transferId,
+        name: payload.name,
+        mime: payload.mime,
+        size: payload.size,
+        groupId: payload.groupId,
+        msgId: payload.msgId,
+        onProgress: (p) => {
+          try {
+            wc.send('file-send-progress', { transferId, to, ...p });
+          } catch {
+            /* gone */
+          }
+        },
+      });
+      return { ok: true };
+    } catch (err) {
+      const msg = err?.message || 'send_failed';
+      return { ok: false, error: msg };
+    }
+  });
+
+  ipcMain.handle('beacon-have-bitmap', async (_, { seedId, totalChunks }) => {
+    if (!seedId) return { ok: false, bitmap: '' };
+    const bitmap = await buildSeedHaveBitmap(seedId, Number(totalChunks) || 0);
+    return { ok: true, bitmap };
+  });
+
+  ipcMain.handle('beacon-chunk-exists', async (_, { seedId, chunkIndex }) => {
+    if (!seedId || chunkIndex == null) return false;
+    return chunkExists(seedId, Number(chunkIndex));
+  });
+
+  ipcMain.handle('beacon-count-chunks', async (_, { seedId, totalChunks }) => {
+    if (!seedId) return 0;
+    return countLocalChunks(seedId, Number(totalChunks) || 0);
+  });
+
+  ipcMain.handle('beacon-list-local', async () => listLocalSeedMetas());
+
+  ipcMain.handle('beacon-save-assembled', async (_, { seedId, defaultName }) => {
+    try {
+      return await promptSaveAssembledSeed(seedId, defaultName);
+    } catch (err) {
+      return { ok: false, error: err?.message || 'save_failed' };
+    }
+  });
+
+  ipcMain.handle('beacon-delete-seed', async (_, { seedId }) => {
+    if (!seedId) return { ok: false };
+    try {
+      if (await localSeedExists(seedId)) await deleteLocalSeed(seedId);
+      return { ok: true };
+    } catch (err) {
+      return { ok: false, error: err?.message || 'delete_failed' };
+    }
+  });
+
+  ipcMain.handle('beacon-seed-exists', async (_, { seedId }) => {
+    if (!seedId) return { exists: false };
+    return { exists: await localSeedExists(seedId) };
+  });
+
+  ipcMain.handle('beacon-read-blip-file', async (_, { filePath }) => {
+    if (!filePath || typeof filePath !== 'string') return { ok: false };
+    try {
+      const raw = readFileSync(filePath, 'utf8');
+      return { ok: true, text: raw };
+    } catch (err) {
+      return { ok: false, error: err?.message || 'read_failed' };
+    }
+  });
+
   ipcMain.handle('send-tcp-message', async (_, payload) => {
     try {
       const socket = await ensurePeerSocket(payload.to);
@@ -819,6 +1346,12 @@ function setupIpc() {
       if (type === 'typing' && packet.active === undefined) {
         packet.active = !!payload.active;
       }
+      if (type === 'profile-gif-share' && packet.dataUrl) {
+        const line = JSON.stringify(packet) + '\n';
+        if (Buffer.byteLength(line, 'utf8') > 3_900_000) {
+          return { ok: false, error: 'profile_gif_too_large' };
+        }
+      }
       await sendOnSocket(socket, packet);
       return { ok: true };
     } catch (err) {
@@ -830,13 +1363,23 @@ function setupIpc() {
     try {
       const sdp = serializeSdp(payload.sdp);
       if (!sdp) return { ok: false, error: 'Invalid local SDP' };
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      const packet = {
         type: 'call-offer',
         from: config.blipId,
         to: payload.to,
         sdp,
         video: payload.video ?? false,
-      });
+      };
+      try {
+        await sendCallToPeer(payload.to, packet);
+      } catch (err) {
+        if (/peer not found/i.test(err?.message || '')) {
+          await new Promise((r) => setTimeout(r, 450));
+          await sendCallToPeer(payload.to, packet);
+        } else {
+          throw err;
+        }
+      }
       return { ok: true };
     } catch (err) {
       return { ok: false, error: err.message };
@@ -847,7 +1390,7 @@ function setupIpc() {
     try {
       const sdp = serializeSdp(payload.sdp);
       if (!sdp) return { ok: false, error: 'Invalid local SDP' };
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-answer',
         from: config.blipId,
         to: payload.to,
@@ -861,7 +1404,7 @@ function setupIpc() {
 
   ipcMain.handle('call-reject', async (_, payload) => {
     try {
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-reject',
         from: config.blipId,
         to: payload.to,
@@ -874,7 +1417,7 @@ function setupIpc() {
 
   ipcMain.handle('call-candidate', async (_, payload) => {
     try {
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-candidate',
         from: config.blipId,
         to: payload.to,
@@ -889,7 +1432,7 @@ function setupIpc() {
   ipcMain.handle('call-hangup', async (_, payload) => {
     try {
       if (Number(payload.to) === activeCallPeerId) activeCallPeerId = null;
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-hangup',
         from: config.blipId,
         to: payload.to,
@@ -903,7 +1446,7 @@ function setupIpc() {
 
   ipcMain.handle('call-state', async (_, payload) => {
     try {
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-state',
         from: config.blipId,
         to: payload.to,
@@ -921,7 +1464,7 @@ function setupIpc() {
     try {
       const sdp = serializeSdp(payload.sdp);
       if (!sdp) return { ok: false, error: 'Invalid local SDP' };
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-renegotiate',
         from: config.blipId,
         to: payload.to,
@@ -937,7 +1480,7 @@ function setupIpc() {
     try {
       const sdp = serializeSdp(payload.sdp);
       if (!sdp) return { ok: false, error: 'Invalid local SDP' };
-      await sendCallPayload(tcpServer, ensurePeerSocket, payload.to, {
+      await sendCallToPeer(payload.to, {
         type: 'call-renegotiate-answer',
         from: config.blipId,
         to: payload.to,
@@ -969,12 +1512,23 @@ function setupIpc() {
   ipcMain.handle('get-app-metadata', () => ({
     ...loadAppMetadata(),
     isPackaged: app.isPackaged,
+    isPortable: isPortableInstall(),
   }));
 
   ipcMain.handle('get-app-icon-url', () => {
-    const iconPath = resolveBuildAsset('icon.png');
-    if (!existsSync(iconPath)) return '';
-    return pathToFileURL(iconPath).href;
+    const { iconUrl } = refreshAppIcons();
+    return iconUrl || '';
+  });
+
+  ipcMain.handle('get-app-icon-variants', () => {
+    return APP_ICON_VARIANTS.map((v) => {
+      const p = resolveVariantWindowIconPath(v.id);
+      return {
+        id: v.id,
+        tier: v.tier,
+        previewUrl: existsSync(p) ? pathToFileURL(p).href : '',
+      };
+    });
   });
 
   ipcMain.handle('is-voice-call-active', () => {
@@ -1001,6 +1555,118 @@ function setupIpc() {
     return { ok: true };
   });
 
+  ipcMain.handle('get-profile-gif-active-url', () => getProfileGifDataUrl());
+  ipcMain.handle('get-profile-gif-share-url', () => getProfileGifShareDataUrl());
+  ipcMain.handle('get-profile-gif-history', () => listProfileGifHistory());
+  ipcMain.handle('is-giphy-configured', () => isGiphyConfigured());
+  ipcMain.handle('search-giphy', (_, query, offset) => searchGiphy(query, { offset }));
+  ipcMain.handle('trending-giphy', (_, offset) => trendingGiphy({ offset }));
+
+  ipcMain.handle('save-profile-gif', async (_, dataUrl) => {
+    if (!resolveEntitlementState(config) || !config?.meshPlusLicenseId) {
+      return { ok: false, error: 'mesh_plus_required' };
+    }
+    try {
+      const id = saveProfileGifFromDataUrl(dataUrl);
+      const pub = getProfileGifPublicState();
+      config = saveConfig({
+        profileGifActiveId: pub.profileGifActiveId,
+        hasProfileGif: pub.hasProfileGif,
+      });
+      discovery?.announce();
+      return { ok: true, id, dataUrl: getProfileGifDataUrl(id) };
+    } catch (e) {
+      return { ok: false, error: e?.message || 'save_failed' };
+    }
+  });
+
+  ipcMain.handle('save-profile-gif-bytes', async (_, base64) => {
+    if (!resolveEntitlementState(config) || !config?.meshPlusLicenseId) {
+      return { ok: false, error: 'mesh_plus_required' };
+    }
+    try {
+      const buf = Buffer.from(String(base64 || ''), 'base64');
+      if (!buf.length) return { ok: false, error: 'invalid_gif' };
+      const id = saveProfileGifFromBuffer(buf);
+      const pub = getProfileGifPublicState();
+      config = saveConfig({
+        profileGifActiveId: pub.profileGifActiveId,
+        hasProfileGif: pub.hasProfileGif,
+      });
+      discovery?.announce();
+      return { ok: true, id, dataUrl: getProfileGifDataUrl(id) };
+    } catch (e) {
+      return { ok: false, error: e?.message || 'save_failed' };
+    }
+  });
+
+  ipcMain.handle('save-profile-gif-path', async (_, filePath) => {
+    if (!resolveEntitlementState(config) || !config?.meshPlusLicenseId) {
+      return { ok: false, error: 'mesh_plus_required' };
+    }
+    try {
+      const p = String(filePath || '').trim();
+      if (!p) return { ok: false, error: 'invalid_gif' };
+      const buf = readFileSync(p);
+      const id = saveProfileGifFromBuffer(buf);
+      const pub = getProfileGifPublicState();
+      config = saveConfig({
+        profileGifActiveId: pub.profileGifActiveId,
+        hasProfileGif: pub.hasProfileGif,
+      });
+      discovery?.announce();
+      return { ok: true, id, dataUrl: getProfileGifDataUrl(id) };
+    } catch (e) {
+      return { ok: false, error: e?.message || 'save_failed' };
+    }
+  });
+
+  ipcMain.handle('import-giphy-gif', async (_, gifUrl) => {
+    try {
+      const buf = await downloadGifUrl(gifUrl);
+      const id = saveProfileGifFromBuffer(buf);
+      const pub = getProfileGifPublicState();
+      config = saveConfig({
+        profileGifActiveId: pub.profileGifActiveId,
+        hasProfileGif: pub.hasProfileGif,
+      });
+      discovery?.announce();
+      return { ok: true, id, dataUrl: getProfileGifDataUrl(id) };
+    } catch (e) {
+      return { ok: false, error: e?.message || 'import_failed' };
+    }
+  });
+
+  ipcMain.handle('set-profile-gif-active', (_, id) => {
+    try {
+      if (!id) {
+        clearActiveProfileGif();
+      } else {
+        setActiveProfileGif(id);
+      }
+      const pub = getProfileGifPublicState();
+      config = saveConfig({
+        profileGifActiveId: pub.profileGifActiveId,
+        hasProfileGif: pub.hasProfileGif,
+      });
+      discovery?.announce();
+      return { ok: true, dataUrl: getProfileGifDataUrl() };
+    } catch (e) {
+      return { ok: false, error: e?.message || 'set_failed' };
+    }
+  });
+
+  ipcMain.handle('clear-profile-gif', () => {
+    clearActiveProfileGif();
+    const pub = getProfileGifPublicState();
+    config = saveConfig({
+      profileGifActiveId: '',
+      hasProfileGif: false,
+    });
+    discovery?.announce();
+    return { ok: true };
+  });
+
   ipcMain.handle('check-for-updates', () => checkForUpdatesNow(() => config));
   ipcMain.handle('quit-and-install', () => {
     quitAndInstallUpdater();
@@ -1026,26 +1692,34 @@ function setupIpc() {
     return { ok: true };
   });
 
+  ipcMain.handle('show-item-in-folder', async (_, filePath) => {
+    if (typeof filePath !== 'string' || !filePath.trim()) return { ok: false };
+    try {
+      shell.showItemInFolder(filePath);
+      return { ok: true };
+    } catch {
+      return { ok: false };
+    }
+  });
+
   ipcMain.handle('get-group-for-call', async (_, groupId) => readGroupFromMainWindow(groupId));
 
   ipcMain.handle('open-call-outgoing', async (_, payload) => {
     try {
       const peerId = Number(payload?.peerId);
-      if (Number.isFinite(peerId)) {
-        try {
-          await ensurePeerSocket(peerId);
-        } catch (err) {
-          console.warn('[BLIP] open-call-outgoing peer socket:', err?.message || err);
-        }
-      }
-      activeCallPeerId = Number(payload.peerId) || null;
+      if (!Number.isFinite(peerId)) return { ok: false, error: 'invalid_peer' };
+      const peer = findPeer(peerId);
+      if (!peer) return { ok: false, error: 'Peer not found' };
+      await ensurePeerSocket(peerId);
+      activeCallPeerId = peerId;
       await sendToCallWindow(
         'call-outgoing',
-        { peerId: payload.peerId, video: payload.video ?? false },
+        { peerId, video: payload.video ?? false },
         { focus: true }
       );
       return { ok: true };
     } catch (err) {
+      activeCallPeerId = null;
       return { ok: false, error: err?.message || String(err) };
     }
   });
@@ -1200,6 +1874,21 @@ app.whenReady().then(async () => {
 
   initConfigPath();
   config = loadConfig();
+  initAppTrustState(config);
+  const gifPub = getProfileGifPublicState();
+  if (
+    config.hasProfileGif !== gifPub.hasProfileGif ||
+    config.profileGifActiveId !== gifPub.profileGifActiveId
+  ) {
+    config = saveConfig({
+      profileGifActiveId: gifPub.profileGifActiveId,
+      hasProfileGif: gifPub.hasProfileGif,
+    });
+  }
+  const meshClamp = premiumResetPatch(config);
+  if (meshClamp && !resolveEntitlementState(config)) {
+    config = saveConfig(meshClamp);
+  }
   const hadMeshKeys = !!(config.meshPrivateKey && config.meshPublicKey);
   config = ensureMeshIdentity(config);
   if (!hadMeshKeys && config.meshPrivateKey) {
@@ -1222,11 +1911,27 @@ app.whenReady().then(async () => {
 
   setupIpc();
   createWindow();
+  broadcastTrustState();
+  refreshAppIcons();
   installTray();
   void ensureCallWindow().catch((e) => console.warn('[BLIP] prewarm call window', e));
   void ensureGroupCallWindow().catch((e) => console.warn('[BLIP] prewarm group call window', e));
   setupAutoUpdater(() => mainWindow, () => config);
 
+  if (!app.isPackaged || process.platform === 'win32') {
+    try {
+      app.setAsDefaultProtocolClient('blip');
+    } catch (e) {
+      console.warn('[BLIP] protocol client', e?.message || e);
+    }
+  }
+
+  handleOpenRequestFromArgv(process.argv);
+  if (pendingBlipFilePath) {
+    deliverBeaconOpenBlipFile(pendingBlipFilePath);
+    pendingBlipFilePath = null;
+  }
+
   app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) createWindow();
   });
@@ -1237,7 +1942,7 @@ async function hangupActiveCallIfAny() {
   if (!peer || !config?.blipId) return;
   activeCallPeerId = null;
   try {
-    await sendCallPayload(tcpServer, ensurePeerSocket, peer, {
+    await sendCallToPeer(peer, {
       type: 'call-hangup',
       from: config.blipId,
       to: peer,
diff --git a/main/mesh-handshake.js b/main/mesh-handshake.js
index 78aa0cd..d4bddd4 100644
--- a/main/mesh-handshake.js
+++ b/main/mesh-handshake.js
@@ -69,9 +69,10 @@ export function handleMeshHandshakeMessage(msg, socket, ctx) {
       return true;
     }
     if (!peerIpMatchesDiscovery(discovery, v.from, session.remoteIp)) {
-      console.warn(`[Handshake] IP mismatch for #${v.from} from ${session.remoteIp}`);
-      socket.destroy();
-      return true;
+      console.warn(
+        `[Handshake] IP mismatch for #${v.from} from ${session.remoteIp} — using observed route`,
+      );
+      discovery?.noteObservedPeerIp?.(v.from, session.remoteIp);
     }
     if (!pubkeyMatchesKnown(config, v.from, v.meshPubkey)) {
       console.warn(`[Handshake] pubkey mismatch for #${v.from}`);
@@ -101,9 +102,10 @@ export function handleMeshHandshakeMessage(msg, socket, ctx) {
       return true;
     }
     if (!peerIpMatchesDiscovery(discovery, v.from, session.remoteIp)) {
-      pending?.reject(new Error('IP mismatch'));
-      socket.destroy();
-      return true;
+      console.warn(
+        `[Handshake] IP mismatch for #${v.from} from ${session.remoteIp} — using observed route`,
+      );
+      discovery?.noteObservedPeerIp?.(v.from, session.remoteIp);
     }
     session.peerId = v.from;
     session.meshPubkey = v.meshPubkey;
diff --git a/main/mesh-plus-license.js b/main/mesh-plus-license.js
new file mode 100644
index 0000000..e8e272b
--- /dev/null
+++ b/main/mesh-plus-license.js
@@ -0,0 +1,50 @@
+import { verifyCanonical } from './mesh-identity.js';
+import { TRUST_ANCHOR_B64 } from './mesh-plus-public-key.js';
+import {
+  ENTITLEMENT_CANON,
+  normalizeEntitlementInput,
+  parseEntitlementBlob,
+  formatEntitlementDisplay,
+} from './entitlement-codec.js';
+
+export {
+  ENTITLEMENT_CANON,
+  normalizeEntitlementInput,
+  parseEntitlementBlob,
+  formatEntitlementDisplay,
+};
+
+/** @param {{ licenseId: string, sigB64: string }} parsed */
+export function verifyEntitlementDigest(parsed) {
+  if (!parsed?.licenseId || !parsed.sigB64) return false;
+  const pub = TRUST_ANCHOR_B64;
+  if (!pub) return false;
+  const canonical = `${ENTITLEMENT_CANON}|${parsed.licenseId}`;
+  return verifyCanonical(pub, canonical, parsed.sigB64);
+}
+
+/** @param {object} config */
+export function resolveEntitlementState(config) {
+  if (!config?.meshPlusLicenseId || !config?.meshPlusLicenseSig) return false;
+  return verifyEntitlementDigest({
+    licenseId: config.meshPlusLicenseId,
+    sigB64: config.meshPlusLicenseSig,
+  });
+}
+
+/** @returns {'free' | 'mesh_plus'} */
+export function resolveProductTier(config) {
+  return resolveEntitlementState(config) ? 'mesh_plus' : 'free';
+}
+
+/** @param {string} rawKey */
+export function confirmEntitlementBlob(rawKey) {
+  const parsed = parseEntitlementBlob(rawKey);
+  if (!parsed) {
+    return { ok: false, error: 'invalid_format' };
+  }
+  if (!verifyEntitlementDigest(parsed)) {
+    return { ok: false, error: 'invalid_signature' };
+  }
+  return { ok: true, licenseId: parsed.licenseId, sigB64: parsed.sigB64 };
+}
diff --git a/main/mesh-plus-public-key-loader.js b/main/mesh-plus-public-key-loader.js
new file mode 100644
index 0000000..754b3c4
--- /dev/null
+++ b/main/mesh-plus-public-key-loader.js
@@ -0,0 +1,78 @@
+import { existsSync, readFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+
+let cached;
+
+function readKeyFile(p) {
+  try {
+    if (!existsSync(p)) return '';
+    return readFileSync(p, 'utf8').trim();
+  } catch {
+    return '';
+  }
+}
+
+function electronApp() {
+  try {
+    return require('electron')?.app ?? null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * @returns {string | null}
+ */
+export function loadTrustAnchorB64() {
+  if (cached !== undefined) return cached || null;
+
+  const fromEnv = (process.env.BLIP_MESH_PUBLIC_KEY || '').trim();
+  if (fromEnv) {
+    cached = fromEnv;
+    return cached;
+  }
+
+  const paths = [];
+  const app = electronApp();
+
+  if (app?.getPath) {
+    paths.push(join(app.getPath('userData'), 'mesh-plus-public-key.txt'));
+    if (app.isPackaged) {
+      paths.push(join(process.resourcesPath, 'mesh-plus-public-key.txt'));
+      try {
+        paths.push(join(dirname(app.getPath('exe')), 'mesh-plus-public-key.txt'));
+      } catch {
+        /* ignore */
+      }
+    } else {
+      paths.push(join(process.cwd(), 'mesh-plus-public-key.local'));
+      try {
+        paths.push(join(app.getAppPath(), '..', 'mesh-plus-public-key.local'));
+      } catch {
+        /* ignore */
+      }
+      paths.push(join(process.cwd(), 'build', 'mesh-plus-public-key.txt'));
+    }
+  } else {
+    paths.push(join(process.cwd(), 'mesh-plus-public-key.local'));
+    paths.push(join(process.cwd(), 'build', 'mesh-plus-public-key.txt'));
+  }
+
+  for (const p of paths) {
+    const k = readKeyFile(p);
+    if (k) {
+      cached = k;
+      return cached;
+    }
+  }
+
+  cached = '';
+  return null;
+}
+
+export function resetTrustAnchorCache() {
+  cached = undefined;
+}
diff --git a/main/mesh-plus-public-key.js b/main/mesh-plus-public-key.js
new file mode 100644
index 0000000..fd5ab75
--- /dev/null
+++ b/main/mesh-plus-public-key.js
@@ -0,0 +1,3 @@
+import { loadTrustAnchorB64 } from './mesh-plus-public-key-loader.js';
+
+export const TRUST_ANCHOR_B64 = loadTrustAnchorB64();
diff --git a/main/paths.js b/main/paths.js
index c2ff674..3ed87bc 100644
--- a/main/paths.js
+++ b/main/paths.js
@@ -5,12 +5,24 @@ import { existsSync } from 'fs';
 
 const rootDir = join(dirname(fileURLToPath(import.meta.url)), '..');
 
+/**
+ * Resolve assets under `build/` (dev) or `resources/icons/` (packaged extraResources).
+ * @param {string} filename — e.g. `icon.png`, `tray-16.png`, `icons/mesh-3.png`
+ */
 export function resolveBuildAsset(filename) {
-  const devPath = join(rootDir, 'build', filename);
-  if (existsSync(devPath)) return devPath;
+  const normalized = filename.replace(/\\/g, '/');
+
   if (app.isPackaged) {
-    const prodPath = join(process.resourcesPath, 'icons', filename);
+    // electron-builder extraResources:
+    //   build/icon.png, tray-16.png → resources/icons/
+    //   build/icons/*             → resources/icons/*  (flat, not resources/icons/icons/)
+    const prodPath = normalized.startsWith('icons/')
+      ? join(process.resourcesPath, normalized)
+      : join(process.resourcesPath, 'icons', normalized);
     if (existsSync(prodPath)) return prodPath;
+    return prodPath;
   }
+
+  const devPath = join(rootDir, 'build', normalized);
   return devPath;
 }
diff --git a/main/profile-gif-share.js b/main/profile-gif-share.js
new file mode 100644
index 0000000..fd489e4
--- /dev/null
+++ b/main/profile-gif-share.js
@@ -0,0 +1,36 @@
+import { nativeImage } from 'electron';
+import { MAX_PROFILE_GIF_TCP_BYTES } from './profile-gif-store.js';
+
+/** Max UTF-8 JSON line budget for profile-gif-share (under tcp-framing 4 MiB). */
+const MAX_SHARE_DATA_URL_CHARS = 3_200_000;
+
+/**
+ * Build a LAN-safe data URL for profile-gif-share (may downscale static preview if GIF is huge).
+ * @param {Buffer | null} buf
+ * @returns {string | null}
+ */
+export function buildProfileGifShareDataUrl(buf) {
+  if (!buf?.length) return null;
+
+  if (buf.length <= MAX_PROFILE_GIF_TCP_BYTES) {
+    const direct = `data:image/gif;base64,${buf.toString('base64')}`;
+    if (direct.length <= MAX_SHARE_DATA_URL_CHARS) return direct;
+  }
+
+  try {
+    const img = nativeImage.createFromBuffer(buf);
+    if (img.isEmpty()) return null;
+    const { width, height } = img.getSize();
+    const maxDim = 280;
+    const scale = Math.min(1, maxDim / Math.max(width, height, 1));
+    const w = Math.max(1, Math.round(width * scale));
+    const h = Math.max(1, Math.round(height * scale));
+    const resized = img.resize({ width: w, height: h, quality: 'good' });
+    const png = resized.toPNG();
+    if (!png?.length) return null;
+    const url = `data:image/png;base64,${png.toString('base64')}`;
+    return url.length <= MAX_SHARE_DATA_URL_CHARS ? url : null;
+  } catch {
+    return null;
+  }
+}
diff --git a/main/profile-gif-store.js b/main/profile-gif-store.js
new file mode 100644
index 0000000..5ba14c9
--- /dev/null
+++ b/main/profile-gif-store.js
@@ -0,0 +1,172 @@
+import { app } from 'electron';
+import {
+  existsSync,
+  readFileSync,
+  writeFileSync,
+  unlinkSync,
+  mkdirSync,
+  readdirSync,
+} from 'fs';
+import { join } from 'path';
+import { randomBytes } from 'crypto';
+import { buildProfileGifShareDataUrl } from './profile-gif-share.js';
+
+const MAX_HISTORY = 5;
+/** @type {number} max stored GIF size (bytes) */
+export const MAX_PROFILE_GIF_BYTES = 8 * 1024 * 1024;
+/** Max raw GIF bytes for one TCP JSON line (base64 + framing under 4 MiB). */
+export const MAX_PROFILE_GIF_TCP_BYTES = 2_800_000;
+const MAX_BYTES = MAX_PROFILE_GIF_BYTES;
+
+function gifsDir() {
+  return join(app.getPath('userData'), 'profile-gifs');
+}
+
+function metaPath() {
+  return join(app.getPath('userData'), 'profile-gif-meta.json');
+}
+
+function ensureDirs() {
+  const dir = gifsDir();
+  if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
+}
+
+function loadMeta() {
+  ensureDirs();
+  try {
+    const raw = readFileSync(metaPath(), 'utf8');
+    const o = JSON.parse(raw);
+    const history = Array.isArray(o?.history)
+      ? o.history.filter((id) => typeof id === 'string').slice(0, MAX_HISTORY)
+      : [];
+    const activeId = typeof o?.activeId === 'string' && history.includes(o.activeId) ? o.activeId : '';
+    return { activeId, history };
+  } catch {
+    return { activeId: '', history: [] };
+  }
+}
+
+function saveMeta(meta) {
+  ensureDirs();
+  const history = (meta.history || []).slice(0, MAX_HISTORY);
+  let activeId = meta.activeId || '';
+  if (activeId && !history.includes(activeId)) activeId = history[0] || '';
+  writeFileSync(metaPath(), JSON.stringify({ activeId, history }, null, 2), 'utf8');
+  return { activeId, history };
+}
+
+function filePathForId(id) {
+  return join(gifsDir(), `${id}.gif`);
+}
+
+function newId() {
+  return randomBytes(8).toString('hex');
+}
+
+/**
+ * @param {string} dataUrl
+ * @returns {string} id
+ */
+/**
+ * @param {Buffer} buf
+ * @returns {string}
+ */
+export function saveProfileGifFromBuffer(buf) {
+  if (!buf || buf.length > MAX_BYTES) throw new Error('gif_too_large');
+  ensureDirs();
+  const id = newId();
+  writeFileSync(filePathForId(id), buf);
+  const meta = loadMeta();
+  const history = [id, ...meta.history.filter((x) => x !== id)].slice(0, MAX_HISTORY);
+  for (const old of meta.history) {
+    if (!history.includes(old) && existsSync(filePathForId(old))) {
+      try {
+        unlinkSync(filePathForId(old));
+      } catch {
+        /* ignore */
+      }
+    }
+  }
+  saveMeta({ activeId: id, history });
+  return id;
+}
+
+export function saveProfileGifFromDataUrl(dataUrl) {
+  const m = String(dataUrl || '').match(/^data:(?:image\/gif|application\/octet-stream);base64,(.+)$/i);
+  if (!m) throw new Error('invalid_gif');
+  const buf = Buffer.from(m[1], 'base64');
+  return saveProfileGifFromBuffer(buf);
+}
+
+/** @param {string} id */
+export function setActiveProfileGif(id) {
+  const meta = loadMeta();
+  if (!id) {
+    return saveMeta({ ...meta, activeId: '' });
+  }
+  if (!meta.history.includes(id) || !existsSync(filePathForId(id))) {
+    throw new Error('gif_not_found');
+  }
+  return saveMeta({ ...meta, activeId: id });
+}
+
+export function clearActiveProfileGif() {
+  const meta = loadMeta();
+  return saveMeta({ ...meta, activeId: '' });
+}
+
+function readGifBuffer(id) {
+  const meta = loadMeta();
+  const useId = id || meta.activeId;
+  if (!useId) return null;
+  const p = filePathForId(useId);
+  if (!existsSync(p)) return null;
+  try {
+    return readFileSync(p);
+  } catch {
+    return null;
+  }
+}
+
+/** @param {string} [id] */
+export function getProfileGifDataUrl(id) {
+  const buf = readGifBuffer(id);
+  if (!buf) return null;
+  return `data:image/gif;base64,${buf.toString('base64')}`;
+}
+
+/** LAN share payload — downscales if needed so TCP line stays under limit. */
+export function getProfileGifShareDataUrl(id) {
+  const buf = readGifBuffer(id);
+  return buildProfileGifShareDataUrl(buf);
+}
+
+export function getActiveProfileGifId() {
+  return loadMeta().activeId;
+}
+
+export function hasActiveProfileGif() {
+  const { activeId } = loadMeta();
+  return !!(activeId && existsSync(filePathForId(activeId)));
+}
+
+/** @returns {{ id: string, dataUrl: string }[]} */
+export function listProfileGifHistory() {
+  const { history } = loadMeta();
+  const out = [];
+  for (const id of history) {
+    const dataUrl = getProfileGifDataUrl(id);
+    if (dataUrl) out.push({ id, dataUrl });
+  }
+  return out;
+}
+
+/** Sync config fields for announce / public config. */
+export function getProfileGifPublicState() {
+  const meta = loadMeta();
+  return {
+    profileGifActiveId: meta.activeId || '',
+    profileGifHistory: [...meta.history],
+    hasProfileGif: hasActiveProfileGif(),
+  };
+}
diff --git a/main/tcp-client.js b/main/tcp-client.js
index b51f70b..3089e25 100644
--- a/main/tcp-client.js
+++ b/main/tcp-client.js
@@ -1,46 +1,41 @@
 import net from 'net';
 import { DEFAULT_TCP_PORT } from './ports.js';
 
-const pendingConnections = new Map();
+/** @type {Map<string, Promise<import('net').Socket>>} */
+const connectInflight = new Map();
 
 export function connectToPeer(ip, blipId, tcpPort = DEFAULT_TCP_PORT) {
-  return new Promise((resolve, reject) => {
-    const key = `${ip}:${blipId}:${tcpPort}`;
-    if (pendingConnections.has(key)) {
-      resolve(pendingConnections.get(key));
-      return;
-    }
+  const key = `${ip}:${blipId}:${tcpPort}`;
+  const existing = connectInflight.get(key);
+  if (existing) return existing;
 
+  const promise = new Promise((resolve, reject) => {
     const socket = net.createConnection({ host: ip, port: tcpPort }, () => {
-      pendingConnections.set(key, socket);
+      socket.setNoDelay(true);
       resolve(socket);
     });
 
     socket.setTimeout(5000);
     socket.on('timeout', () => {
       socket.destroy();
-      pendingConnections.delete(key);
       reject(new Error('Connection timeout'));
     });
 
     socket.on('error', (err) => {
-      pendingConnections.delete(key);
       reject(err);
     });
+  }).finally(() => {
+    connectInflight.delete(key);
   });
+
+  connectInflight.set(key, promise);
+  return promise;
 }
 
+import { sendOnSocketQueued } from './tcp-write-queue.js';
+
 export function sendOnSocket(socket, payload) {
-  return new Promise((resolve, reject) => {
-    if (!socket || socket.destroyed) {
-      reject(new Error('Socket not available'));
-      return;
-    }
-    socket.write(JSON.stringify(payload) + '\n', (err) => {
-      if (err) reject(err);
-      else resolve();
-    });
-  });
+  return sendOnSocketQueued(socket, payload);
 }
 
 /** @returns {Promise<{ ok: boolean, ms: number | null }>} */
diff --git a/main/tcp-server.js b/main/tcp-server.js
index 135704d..59743ec 100644
--- a/main/tcp-server.js
+++ b/main/tcp-server.js
@@ -7,6 +7,7 @@ const connections = new Map();
 
 export function createTcpServer(handlers, tcpPort = DEFAULT_TCP_PORT) {
   const server = net.createServer((socket) => {
+    socket.setNoDelay(true);
     const remoteIp = socket.remoteAddress?.replace('::ffff:', '') || '';
     initInboundSession(socket, remoteIp);
 
diff --git a/main/tcp-write-queue.js b/main/tcp-write-queue.js
new file mode 100644
index 0000000..09194e7
--- /dev/null
+++ b/main/tcp-write-queue.js
@@ -0,0 +1,31 @@
+/** Per-socket serialized writes so parallel IPC handlers cannot interleave JSON lines. */
+
+/** @type {WeakMap<import('net').Socket, { tail: Promise<void> }>} */
+const queues = new WeakMap();
+
+/**
+ * @param {import('net').Socket} socket
+ * @param {object} payload
+ */
+export function sendOnSocketQueued(socket, payload) {
+  if (!socket || socket.destroyed) {
+    return Promise.reject(new Error('Socket not available'));
+  }
+  let q = queues.get(socket);
+  if (!q) {
+    q = { tail: Promise.resolve() };
+    queues.set(socket, q);
+  }
+  const line = JSON.stringify(payload) + '\n';
+  const job = q.tail.then(
+    () =>
+      new Promise((resolve, reject) => {
+        socket.write(line, (err) => {
+          if (err) reject(err);
+          else resolve();
+        });
+      })
+  );
+  q.tail = job.catch(() => {});
+  return job;
+}
diff --git a/main/tray.js b/main/tray.js
index fdd88b1..a312634 100644
--- a/main/tray.js
+++ b/main/tray.js
@@ -3,10 +3,11 @@ import { existsSync } from 'fs';
 import { resolveBuildAsset } from './paths.js';
 
 let tray = null;
+let trayIconPath = null;
+let baseTrayTooltip = 'BLIP';
 
-function createTrayIcon() {
-  const trayPath = resolveBuildAsset('tray-16.png');
-  if (existsSync(trayPath)) {
+function createTrayIconFromPath(trayPath) {
+  if (trayPath && existsSync(trayPath)) {
     return nativeImage.createFromPath(trayPath);
   }
 
@@ -25,6 +26,30 @@ function createTrayIcon() {
   return nativeImage.createFromBuffer(canvas, { width: size, height: size });
 }
 
+/** @deprecated use setTrayIconPath */
+function createTrayIcon() {
+  return createTrayIconFromPath(trayIconPath) || createTrayIconFallback();
+}
+
+export function setTrayBaseTooltip(tooltip) {
+  baseTrayTooltip = tooltip || 'BLIP';
+  if (tray && !tray.isDestroyed?.()) {
+    tray.setToolTip(baseTrayTooltip);
+  }
+}
+
+/** @param {{ percent?: number, label?: string } | null} info */
+export function setTrayTransferProgress(info) {
+  if (!tray || tray.isDestroyed?.()) return;
+  const pct = Math.round(Number(info?.percent) || 0);
+  if (info && pct > 0 && pct < 100) {
+    const label = String(info.label || 'Transfer').trim();
+    tray.setToolTip(`${baseTrayTooltip} — ${label} ${pct}%`);
+  } else {
+    tray.setToolTip(baseTrayTooltip);
+  }
+}
+
 export function destroyTray() {
   if (!tray) return;
   try {
@@ -44,13 +69,30 @@ export function destroyTray() {
  *   labels?: { show?: string; quit?: string };
  * }} opts
  */
+export function setTrayIconPath(path) {
+  trayIconPath = path || null;
+  if (tray && !tray.isDestroyed?.()) {
+    try {
+      tray.setImage(createTrayIconFromPath(trayIconPath) || createTrayIconFallback());
+    } catch {
+      /* ignore */
+    }
+  }
+}
+
+function createTrayIconFallback() {
+  return createTrayIconFromPath(resolveBuildAsset('tray-16.png'));
+}
+
 export function createTray(opts) {
   destroyTray();
-  const { getMainWindow, tooltip, onQuit, labels } = opts;
+  const { getMainWindow, tooltip, onQuit, labels, iconPath } = opts;
+  trayIconPath = iconPath || trayIconPath || resolveBuildAsset('tray-16.png');
   const L = { show: labels?.show || 'Show', quit: labels?.quit || 'Quit' };
   try {
-    tray = new Tray(createTrayIcon());
-    tray.setToolTip(tooltip || 'BLIP');
+    tray = new Tray(createTrayIconFromPath(trayIconPath) || createTrayIconFallback());
+    baseTrayTooltip = tooltip || 'BLIP';
+    tray.setToolTip(baseTrayTooltip);
 
     const showMain = () => {
       const w = getMainWindow();
diff --git a/main/trust-state.js b/main/trust-state.js
new file mode 100644
index 0000000..f3a9b55
--- /dev/null
+++ b/main/trust-state.js
@@ -0,0 +1,102 @@
+import {
+  BUILD_TRUST,
+  MESH_TRUST,
+  OFFICIAL_BUILD_ISSUER,
+} from '../shared/trust-levels.js';
+import { verifyBuildAtStartup } from './verify-build.js';
+import { resolveEntitlementState } from './mesh-plus-license.js';
+
+/** @type {{ buildTrust: string, meshPlusTrust: string, buildIssuer: string, buildVersion: string }} */
+let appTrustState = {
+  buildTrust: BUILD_TRUST.UNVERIFIED_BUILD,
+  meshPlusTrust: MESH_TRUST.UNVERIFIED_MESH_PLUS,
+  buildIssuer: '',
+  buildVersion: '',
+};
+
+/**
+ * @param {object} config
+ */
+export function initAppTrustState(config) {
+  const build = verifyBuildAtStartup();
+  const buildTrust = build.verified
+    ? BUILD_TRUST.VERIFIED_OFFICIAL
+    : BUILD_TRUST.UNVERIFIED_BUILD;
+
+  const licenseOk = resolveEntitlementState(config);
+  let meshPlusTrust = MESH_TRUST.UNVERIFIED_MESH_PLUS;
+  if (licenseOk) {
+    meshPlusTrust =
+      buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL
+        ? MESH_TRUST.OFFICIAL_MESH_PLUS
+        : MESH_TRUST.UNVERIFIED_MESH_PLUS;
+  }
+
+  appTrustState = {
+    buildTrust,
+    meshPlusTrust,
+    buildIssuer: build.issuer || '',
+    buildVersion: build.version || '',
+  };
+  return getAppTrustState();
+}
+
+export function getAppTrustState() {
+  return {
+    buildTrust: appTrustState.buildTrust,
+    meshPlusTrust: appTrustState.meshPlusTrust,
+  };
+}
+
+export function getBuildAnnounceTrust() {
+  const official = appTrustState.buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL;
+  return {
+    buildVerified: official,
+    buildIssuer: official ? OFFICIAL_BUILD_ISSUER : appTrustState.buildIssuer || 'unknown',
+    buildVersion: appTrustState.buildVersion || '',
+    meshPlusTrust: appTrustState.meshPlusTrust,
+  };
+}
+
+/**
+ * @param {object} data — UDP/mDNS announce
+ * @returns {string} BUILD_TRUST.*
+ */
+export function peerBuildTrustFromAnnounce(data) {
+  if (data?.buildVerified && String(data.buildIssuer) === OFFICIAL_BUILD_ISSUER) {
+    return BUILD_TRUST.VERIFIED_OFFICIAL;
+  }
+  return BUILD_TRUST.UNVERIFIED_BUILD;
+}
+
+/**
+ * @param {object} data
+ * @returns {string | null} MESH_TRUST.* or null if peer has no MESH+
+ */
+export function peerMeshPlusTrustFromAnnounce(data) {
+  if (!data?.meshPlus) return null;
+  if (
+    data.buildVerified &&
+    String(data.buildIssuer) === OFFICIAL_BUILD_ISSUER
+  ) {
+    return MESH_TRUST.OFFICIAL_MESH_PLUS;
+  }
+  return MESH_TRUST.UNVERIFIED_MESH_PLUS;
+}
+
+/**
+ * Recompute meshPlusTrust after license change (build trust unchanged).
+ * @param {object} config
+ */
+export function refreshMeshPlusTrust(config) {
+  const licenseOk = resolveEntitlementState(config);
+  if (!licenseOk) {
+    appTrustState.meshPlusTrust = MESH_TRUST.UNVERIFIED_MESH_PLUS;
+  } else {
+    appTrustState.meshPlusTrust =
+      appTrustState.buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL
+        ? MESH_TRUST.OFFICIAL_MESH_PLUS
+        : MESH_TRUST.UNVERIFIED_MESH_PLUS;
+  }
+  return getAppTrustState();
+}
diff --git a/main/updater.js b/main/updater.js
index 0c6d514..d5685a0 100644
--- a/main/updater.js
+++ b/main/updater.js
@@ -3,9 +3,9 @@ import { join } from 'path';
 import { existsSync, readFileSync, rmSync } from 'fs';
 import electronUpdater from 'electron-updater';
 import {
-  fetchGithubReleases,
-  getGithubPublishConfig,
-  loadGithubRepo,
+  releaseHasUpdateManifest,
+  releaseTagCandidates,
+  resolveUpdateFeedUrl,
 } from './github-releases.js';
 
 const updaterModule = electronUpdater.default ?? electronUpdater;
@@ -15,11 +15,20 @@ let getMainWindow = () => null;
 let getConfigRef = () => null;
 let listenersAttached = false;
 let retryingAfterStaleFeed = false;
+/** @type {string | null} */
+let activeFeedTag = null;
+
+export function isPortableInstall() {
+  return !!(
+    process.env.PORTABLE_EXECUTABLE_DIR ||
+    process.env.PORTABLE_EXECUTABLE_FILE
+  );
+}
 
 /** @param {object} [config] */
-export function configureAutoUpdater(config) {
-  if (!app.isPackaged) return Promise.resolve();
-  return applyUpdateFeed(config);
+export async function configureAutoUpdater(config) {
+  if (!app.isPackaged || isPortableInstall()) return;
+  await applyUpdateFeed(config);
 }
 
 function getUpdaterCacheDir() {
@@ -43,19 +52,6 @@ export function clearUpdaterCache() {
   }
 }
 
-async function releaseHasUpdateManifest(tag) {
-  const version = String(tag || '').replace(/^v/i, '');
-  if (!version) return false;
-  const repo = loadGithubRepo();
-  const url = `https://github.com/${repo}/releases/download/${version}/latest.yml`;
-  try {
-    const res = await fetch(url, { method: 'HEAD', redirect: 'follow' });
-    return res.ok;
-  } catch {
-    return false;
-  }
-}
-
 async function sanitizeUpdaterCacheOnStartup() {
   const pendingInfo = join(getUpdaterCacheDir(), 'pending', 'update-info.json');
   if (!existsSync(pendingInfo)) return;
@@ -67,49 +63,60 @@ async function sanitizeUpdaterCacheOnStartup() {
       fileName.match(/BLIP-(.+?)-Portable/i) ||
       fileName.match(/(\d+\.\d+\.\d+[^\s/]*)/);
     const version = match?.[1]?.replace(/^v/i, '');
-    if (version && !(await releaseHasUpdateManifest(version))) {
-      clearUpdaterCache();
+    if (version) {
+      let ok = false;
+      for (const tag of releaseTagCandidates(version)) {
+        if (await releaseHasUpdateManifest(tag)) {
+          ok = true;
+          break;
+        }
+      }
+      if (!ok) clearUpdaterCache();
     }
   } catch {
     clearUpdaterCache();
   }
 }
 
+function isUnsignedInstallerError(err) {
+  const msg = err?.message || String(err);
+  return /not signed by the application owner|not digitally signed|SignerCertificate/i.test(
+    msg
+  );
+}
+
 /**
- * electron-updater with allowPrerelease reads releases.atom, which still lists
- * deleted releases (orphan tags). Use GitHub REST + generic feed for betas instead.
  * @param {object} [config]
  */
 async function applyUpdateFeed(config) {
   autoUpdater.allowPrerelease = false;
   autoUpdater.autoDownload = config?.autoDownloadUpdates !== false;
+  autoUpdater.autoInstallOnAppQuit = config?.autoDownloadUpdates !== false;
+  autoUpdater.disableDifferentialDownload = true;
 
-  const receiveBeta = !!config?.receiveBetaUpdates;
-  if (receiveBeta) {
-    const result = await fetchGithubReleases(15);
-    if (result.ok) {
-      for (const release of result.releases) {
-        if (!release.prerelease || !release.tag) continue;
-        const tag = release.tag.replace(/^v/i, '');
-        if (await releaseHasUpdateManifest(tag)) {
-          const repo = loadGithubRepo();
-          autoUpdater.setFeedURL({
-            provider: 'generic',
-            url: `https://github.com/${repo}/releases/download/${tag}/`,
-          });
-          return;
-        }
-      }
-    }
-    console.warn('[BLIP] No valid prerelease with latest.yml; using stable feed');
+  // electron-updater ignores `false` — setter only applies truthy values (NsisUpdater.js).
+  // Unsigned GitHub installers must skip Authenticode verification explicitly.
+  if (process.platform === 'win32') {
+    autoUpdater.verifyUpdateCodeSignature = async () => null;
   }
 
-  autoUpdater.setFeedURL(getGithubPublishConfig());
+  const feed = await resolveUpdateFeedUrl(config);
+  activeFeedTag = feed.channelTag || null;
+
+  if (feed.provider === 'generic' && feed.url) {
+    autoUpdater.setFeedURL({ provider: 'generic', url: feed.url });
+    console.info('[BLIP] updater feed', feed.url);
+    return;
+  }
+
+  const { provider, owner, repo } = feed;
+  autoUpdater.setFeedURL({ provider, owner, repo });
+  console.info('[BLIP] updater feed github', `${owner}/${repo}`);
 }
 
 function isStaleFeedError(err) {
   const msg = err?.message || String(err);
-  return /latest\.yml|CHANNEL_FILE_NOT_FOUND|release artifacts/i.test(msg);
+  return /latest\.yml|CHANNEL_FILE_NOT_FOUND|release artifacts|404/i.test(msg);
 }
 
 function notify(payload) {
@@ -157,6 +164,11 @@ function attachListeners() {
       });
       return;
     }
+    if (isUnsignedInstallerError(err)) {
+      clearUpdaterCache();
+      notify({ state: 'error', code: 'unsigned_installer' });
+      return;
+    }
     notify({ state: 'error', message: err?.message || String(err) });
   });
   autoUpdater.on('download-progress', (p) =>
@@ -174,7 +186,7 @@ function attachListeners() {
 export function setupAutoUpdater(getWindow, getConfig) {
   getMainWindow = getWindow;
   getConfigRef = getConfig;
-  if (!app.isPackaged) return;
+  if (!app.isPackaged || isPortableInstall()) return;
 
   attachListeners();
   void (async () => {
@@ -189,18 +201,21 @@ export function setupAutoUpdater(getWindow, getConfig) {
 }
 
 export async function checkForUpdatesNow(getConfig) {
-  if (!app.isPackaged) return { ok: false, skipped: true };
+  if (!app.isPackaged) return { ok: false, skipped: true, reason: 'dev' };
+  if (isPortableInstall()) {
+    return { ok: false, skipped: true, reason: 'portable' };
+  }
   attachListeners();
   if (typeof getConfig === 'function') await configureAutoUpdater(getConfig());
   try {
     await autoUpdater.checkForUpdates();
-    return { ok: true };
+    return { ok: true, channelTag: activeFeedTag };
   } catch (e) {
     return { ok: false, error: e?.message || String(e) };
   }
 }
 
 export function quitAndInstallUpdater() {
-  if (!app.isPackaged) return;
+  if (!app.isPackaged || isPortableInstall()) return;
   autoUpdater.quitAndInstall(false, true);
 }
diff --git a/main/verify-build.js b/main/verify-build.js
new file mode 100644
index 0000000..ddf3fe5
--- /dev/null
+++ b/main/verify-build.js
@@ -0,0 +1,81 @@
+import { existsSync, readFileSync } from 'fs';
+import { createHash } from 'crypto';
+import { join, dirname } from 'path';
+import { createRequire } from 'module';
+import { verifyCanonical } from './mesh-identity.js';
+import { TRUST_ANCHOR_B64 } from './mesh-plus-public-key.js';
+import { OFFICIAL_BUILD_ISSUER } from '../shared/trust-levels.js';
+
+const require = createRequire(import.meta.url);
+
+function electronApp() {
+  try {
+    return require('electron')?.app ?? null;
+  } catch {
+    return null;
+  }
+}
+
+function buildInfoPaths() {
+  const paths = [];
+  const app = electronApp();
+  if (app?.isPackaged) {
+    paths.push(join(process.resourcesPath, 'build-info.json'));
+    try {
+      paths.push(join(dirname(app.getPath('exe')), 'build-info.json'));
+    } catch {
+      /* ignore */
+    }
+  }
+  paths.push(join(process.cwd(), 'build', 'build-info.json'));
+  return paths;
+}
+
+function loadBuildInfo() {
+  for (const p of buildInfoPaths()) {
+    try {
+      if (!existsSync(p)) continue;
+      const raw = readFileSync(p, 'utf8');
+      const o = JSON.parse(raw);
+      if (o && typeof o === 'object' && o.buildSignature) return o;
+    } catch {
+      /* try next */
+    }
+  }
+  return null;
+}
+
+/**
+ * @param {object} info
+ * @returns {boolean}
+ */
+export function verifyBuildInfo(info) {
+  if (!info?.buildSignature || !info?.issuer || !info?.version) return false;
+  const pub = TRUST_ANCHOR_B64;
+  if (!pub) return false;
+  const ts = String(info.buildTimestamp ?? info.timestamp ?? '');
+  const canonical = `BLIP|${info.version}|${info.issuer}|${ts}`;
+  return verifyCanonical(pub, canonical, info.buildSignature);
+}
+
+/** @returns {{ verified: boolean, issuer: string, version: string, meshPlusPublicKeyHash: string }} */
+export function verifyBuildAtStartup() {
+  const info = loadBuildInfo();
+  if (!info) {
+    return { verified: false, issuer: '', version: '', meshPlusPublicKeyHash: '' };
+  }
+  const verified =
+    verifyBuildInfo(info) && String(info.issuer) === OFFICIAL_BUILD_ISSUER;
+  return {
+    verified,
+    issuer: String(info.issuer || ''),
+    version: String(info.version || ''),
+    meshPlusPublicKeyHash: String(info.meshPlusPublicKeyHash || ''),
+  };
+}
+
+/** @param {string} pubB64 */
+export function hashTrustAnchor(pubB64) {
+  if (!pubB64) return '';
+  return createHash('sha256').update(pubB64, 'utf8').digest('hex').slice(0, 16);
+}
diff --git a/package-lock.json b/package-lock.json
index 49dbea7..eb37a99 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,16 @@
 {
   "name": "blip",
-  "version": "0.7.7",
+  "version": "1.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "blip",
-      "version": "0.7.7",
+      "version": "1.1.1",
       "hasInstallScript": true,
       "dependencies": {
         "electron-updater": "^6.8.3",
-        "jspdf": "^2.5.2",
+        "jspdf": "^4.2.1",
         "multicast-dns": "^7.2.5"
       },
       "devDependencies": {
@@ -18,6 +18,7 @@
         "concurrently": "^9.1.2",
         "electron": "^35.1.2",
         "electron-builder": "^25.1.8",
+        "javascript-obfuscator": "^4.1.1",
         "sharp": "^0.34.1",
         "to-ico": "^1.1.5",
         "typeface-minecraft": "^1.0.0",
@@ -1540,6 +1541,35 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/@javascript-obfuscator/escodegen": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@javascript-obfuscator/escodegen/-/escodegen-2.3.0.tgz",
+      "integrity": "sha512-QVXwMIKqYMl3KwtTirYIA6gOCiJ0ZDtptXqAv/8KWLG9uQU2fZqTVy7a/A5RvcoZhbDoFfveTxuGxJ5ibzQtkw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@javascript-obfuscator/estraverse": "^5.3.0",
+        "esprima": "^4.0.1",
+        "esutils": "^2.0.2",
+        "optionator": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/@javascript-obfuscator/estraverse": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@javascript-obfuscator/estraverse/-/estraverse-5.4.0.tgz",
+      "integrity": "sha512-CZFX7UZVN9VopGbjTx4UXaXsi9ewoM1buL0kY7j1ftYdSs7p2spv9opxFjHlQ/QGTgh4UqufYqJJ0WKLml7b6w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/@leichtgewicht/ip-codec": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
@@ -2127,6 +2157,13 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/minimatch": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+      "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ms": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
@@ -2144,6 +2181,12 @@
         "undici-types": "~6.21.0"
       }
     },
+    "node_modules/@types/pako": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.4.tgz",
+      "integrity": "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==",
+      "license": "MIT"
+    },
     "node_modules/@types/plist": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/plist/-/plist-3.0.5.tgz",
@@ -2173,6 +2216,20 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/validator": {
+      "version": "13.15.10",
+      "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.15.10.tgz",
+      "integrity": "sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/verror": {
       "version": "1.10.11",
       "resolved": "https://registry.npmjs.org/@types/verror/-/verror-1.10.11.tgz",
@@ -2216,6 +2273,19 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/acorn": {
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/agent-base": {
       "version": "7.1.4",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
@@ -2519,6 +2589,26 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "license": "Python-2.0"
     },
+    "node_modules/array-differ": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz",
+      "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -2539,6 +2629,19 @@
         "safer-buffer": "~2.1.0"
       }
     },
+    "node_modules/assert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.0.0.tgz",
+      "integrity": "sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es6-object-assign": "^1.1.0",
+        "is-nan": "^1.2.1",
+        "object-is": "^1.0.1",
+        "util": "^0.12.0"
+      }
+    },
     "node_modules/assert-plus": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
@@ -2594,16 +2697,20 @@
         "node": ">= 4.0.0"
       }
     },
-    "node_modules/atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "license": "(MIT OR Apache-2.0)",
-      "bin": {
-        "atob": "bin/atob.js"
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
       },
       "engines": {
-        "node": ">= 4.5.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/aws-sign2": {
@@ -2782,18 +2889,6 @@
         "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/btoa": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
-      "license": "(MIT OR Apache-2.0)",
-      "bin": {
-        "btoa": "bin/btoa.js"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/buffer": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
@@ -3068,6 +3163,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -3082,6 +3196,23 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/canvg": {
       "version": "3.0.11",
       "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.11.tgz",
@@ -3149,6 +3280,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/chance": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/chance/-/chance-1.1.9.tgz",
+      "integrity": "sha512-TfxnA/DcZXRTA4OekA2zL9GH8qscbbl6X0ZqU4tXhGveVY/mXWvEQLt5GwZcYXTEyEFflVtj+pG8nc8EwSm1RQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/chownr": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
@@ -3182,6 +3340,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/class-validator": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/class-validator/-/class-validator-0.14.1.tgz",
+      "integrity": "sha512-2VEG9JICxIqTpoK1eMzZqaV+u/EiwEJkMGzTrZf6sU/fwsnOITVgYJ8yojSy6CaXtO9V0Cc6ZQZ8h8m4UBuLwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/validator": "^13.11.8",
+        "libphonenumber-js": "^1.10.53",
+        "validator": "^13.9.0"
+      }
+    },
     "node_modules/clean-stack": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -3543,6 +3713,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/css-line-break": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
@@ -3612,6 +3792,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/defaults": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
@@ -3641,7 +3828,6 @@
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -3660,7 +3846,6 @@
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "define-data-property": "^1.0.1",
         "has-property-descriptors": "^1.0.0",
@@ -3852,11 +4037,14 @@
       "dev": true
     },
     "node_modules/dompurify": {
-      "version": "2.5.9",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.9.tgz",
-      "integrity": "sha512-i6mvVmWN4xo9LrhCOZrDgSs9noW6nOahbrmzjRbPF36YPyj5Ue5lgok0MHDWkG7xzpWFO2OYttXdzM7rJxHvNA==",
+      "version": "3.4.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.7.tgz",
+      "integrity": "sha512-2jBxDJY4RR06tQNy4w5FlFH7kfxsQZlufd0sbv+chfHCxeJwrFw2baUDsSwvBISD4K4RDbd0PTfy3uNXsR6siA==",
       "license": "(MPL-2.0 OR Apache-2.0)",
-      "optional": true
+      "optional": true,
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
     },
     "node_modules/dotenv": {
       "version": "16.6.1",
@@ -4306,6 +4494,13 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/es6-object-assign": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es6-object-assign/-/es6-object-assign-1.1.0.tgz",
+      "integrity": "sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/es6-promise": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
@@ -4379,6 +4574,77 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/eslint-scope": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.1.tgz",
+      "integrity": "sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
+      "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/exif-parser": {
       "version": "0.1.12",
       "resolved": "https://registry.npmjs.org/exif-parser/-/exif-parser-0.1.12.tgz",
@@ -4445,6 +4711,24 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-png": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/fast-png/-/fast-png-6.4.0.tgz",
+      "integrity": "sha512-kAqZq1TlgBjZcLr5mcN6NP5Rv4V2f22z00c3g8vRrwkcqjerx7BEhPbOnWCPqaHUl2XWQBJQvOT/FQhdMT7X/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/pako": "^2.0.3",
+        "iobuffer": "^5.3.2",
+        "pako": "^2.1.0"
+      }
+    },
     "node_modules/fd-slicer": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
@@ -4550,6 +4834,22 @@
         }
       }
     },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
@@ -4696,6 +4996,16 @@
         "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
       }
     },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -4972,7 +5282,6 @@
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "es-define-property": "^1.0.0"
       },
@@ -5242,6 +5551,19 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/inversify": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/inversify/-/inversify-6.0.1.tgz",
+      "integrity": "sha512-B3ex30927698TJENHR++8FfEaJGqoWOgI6ZY5Ht/nLUsFCwHn6akbwtnUAPCgUepAnTpe2qHxhDNjoKLyz6rgQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/iobuffer": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.4.0.tgz",
+      "integrity": "sha512-DRebOWuqDvxunfkNJAlc3IzWIPD5xVxwUNbHr7xKB8E6aLJxIPfNX3CoMJghcFjpv6RWQsrcJbghtEwSPoJqMA==",
+      "license": "MIT"
+    },
     "node_modules/ip-address": {
       "version": "10.2.0",
       "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
@@ -5262,6 +5584,43 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-ci": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
@@ -5292,6 +5651,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-interactive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
@@ -5309,6 +5688,58 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
@@ -5398,6 +5829,82 @@
         "node": ">=10"
       }
     },
+    "node_modules/javascript-obfuscator": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/javascript-obfuscator/-/javascript-obfuscator-4.1.1.tgz",
+      "integrity": "sha512-gt+KZpIIrrxXHEQGD8xZrL8mTRwRY0U76/xz/YX0gZdPrSqQhT/c7dYLASlLlecT3r+FxE7je/+C0oLnTDCx4A==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@javascript-obfuscator/escodegen": "2.3.0",
+        "@javascript-obfuscator/estraverse": "5.4.0",
+        "acorn": "8.8.2",
+        "assert": "2.0.0",
+        "chalk": "4.1.2",
+        "chance": "1.1.9",
+        "class-validator": "0.14.1",
+        "commander": "10.0.0",
+        "eslint-scope": "7.1.1",
+        "eslint-visitor-keys": "3.3.0",
+        "fast-deep-equal": "3.1.3",
+        "inversify": "6.0.1",
+        "js-string-escape": "1.0.1",
+        "md5": "2.3.0",
+        "mkdirp": "2.1.3",
+        "multimatch": "5.0.0",
+        "opencollective-postinstall": "2.0.3",
+        "process": "0.11.10",
+        "reflect-metadata": "0.1.13",
+        "source-map-support": "0.5.21",
+        "string-template": "1.0.0",
+        "stringz": "2.1.0",
+        "tslib": "2.5.0"
+      },
+      "bin": {
+        "javascript-obfuscator": "bin/javascript-obfuscator"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/javascript-obfuscator"
+      }
+    },
+    "node_modules/javascript-obfuscator/node_modules/commander": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.0.tgz",
+      "integrity": "sha512-zS5PnTI22FIRM6ylNW8G4Ap0IEOyk62fhLSD0+uHRT9McRCLGpkVNvao4bjimpK/GShynyQkFFxHhwMcETmduA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/javascript-obfuscator/node_modules/mkdirp": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.3.tgz",
+      "integrity": "sha512-sjAkg21peAG9HS+Dkx7hlG9Ztx7HLeKnvB3NQRcu/mltCVmvkF0pisbiTSfDVYTT86XEfZrTUosLdZLStquZUw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/javascript-obfuscator/node_modules/tslib": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/jimp": {
       "version": "0.2.28",
       "resolved": "https://registry.npmjs.org/jimp/-/jimp-0.2.28.tgz",
@@ -5497,6 +6004,16 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/js-string-escape": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/js-string-escape/-/js-string-escape-1.0.1.tgz",
+      "integrity": "sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/js-yaml": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
@@ -5568,20 +6085,19 @@
       }
     },
     "node_modules/jspdf": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.2.tgz",
-      "integrity": "sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.1.tgz",
+      "integrity": "sha512-YyAXyvnmjTbR4bHQRLzex3CuINCDlQnBqoSYyjJwTP2x9jDLuKDzy7aKUl0hgx3uhcl7xzg32agn5vlie6HIlQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "atob": "^2.1.2",
-        "btoa": "^1.2.1",
+        "@babel/runtime": "^7.28.6",
+        "fast-png": "^6.2.0",
         "fflate": "^0.8.1"
       },
       "optionalDependencies": {
-        "canvg": "^3.0.6",
+        "canvg": "^3.0.11",
         "core-js": "^3.6.0",
-        "dompurify": "^2.5.4",
+        "dompurify": "^3.3.1",
         "html2canvas": "^1.0.0-rc.5"
       }
     },
@@ -5692,6 +6208,27 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/libphonenumber-js": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.13.3.tgz",
+      "integrity": "sha512-xMkdAMqcyG7iN2WZZmGIfWbYxW4orRkny+0/AXIbwL0xll2zkDX0Vzo/BXFa6+7mh2UvJl9MbcTtHk0YXkFtBA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/load-bmfont": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/load-bmfont/-/load-bmfont-1.4.2.tgz",
@@ -5926,6 +6463,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
     "node_modules/mime": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
@@ -6147,6 +6696,67 @@
         "multicast-dns": "cli.js"
       }
     },
+    "node_modules/multimatch": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-5.0.0.tgz",
+      "integrity": "sha512-ypMKuglUrZUD99Tk2bUQ+xNQj43lPEfAeX2o9cTteAmShXy2VHDJpuwu1o0xqoKCt9jLVAvwyFKdLTPXKAfJyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/minimatch": "^3.0.3",
+        "array-differ": "^3.0.0",
+        "array-union": "^2.1.0",
+        "arrify": "^2.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/multimatch/node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/multimatch/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/multimatch/node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/multimatch/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.12",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
@@ -6349,13 +6959,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">= 0.4"
       }
@@ -6386,6 +7012,34 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "opencollective-postinstall": "index.js"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/ora": {
       "version": "5.4.1",
       "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
@@ -6459,6 +7113,12 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parse-bmfont-ascii": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/parse-bmfont-ascii/-/parse-bmfont-ascii-1.0.6.tgz",
@@ -6682,6 +7342,16 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.14",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.14.tgz",
@@ -6711,6 +7381,15 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -6919,6 +7598,13 @@
         "node": ">=10"
       }
     },
+    "node_modules/reflect-metadata": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.1.13.tgz",
+      "integrity": "sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/regenerator-runtime": {
       "version": "0.13.11",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
@@ -7200,6 +7886,24 @@
       ],
       "license": "MIT"
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -7268,6 +7972,24 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/sharp": {
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
@@ -7596,6 +8318,13 @@
         "safe-buffer": "~5.2.0"
       }
     },
+    "node_modules/string-template": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string-template/-/string-template-1.0.0.tgz",
+      "integrity": "sha512-SLqR3GBUXuoPP5MmYtD7ompvXiG87QjT6lzOszyXjTM86Uu7At7vNnt2xgyTLq5o9T4IxTYFyGxcULqpsmsfdg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -7627,6 +8356,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/stringz": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/stringz/-/stringz-2.1.0.tgz",
+      "integrity": "sha512-KlywLT+MZ+v0IRepfMxRtnSvDCMc3nR1qqCs3m/qIbSOWkNZYT8XHQA31rS3TnKp0c5xjZu3M4GY/2aRKSi/6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "char-regex": "^1.0.2"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -7933,6 +8672,19 @@
       "dev": true,
       "license": "Unlicense"
     },
+    "node_modules/type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/type-fest": {
       "version": "0.13.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
@@ -8041,6 +8793,20 @@
       "dev": true,
       "license": "(WTFPL OR MIT)"
     },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -8069,6 +8835,16 @@
         "uuid": "bin/uuid"
       }
     },
+    "node_modules/validator": {
+      "version": "13.15.35",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.35.tgz",
+      "integrity": "sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/verror": {
       "version": "1.10.1",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.1.tgz",
@@ -8206,6 +8982,28 @@
         "node": ">= 8"
       }
     },
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/wide-align": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
@@ -8216,6 +9014,16 @@
         "string-width": "^1.0.2 || 2 || 3 || 4"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
diff --git a/package.json b/package.json
index cc05ef9..7387620 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,9 @@
 {
   "name": "blip",
-  "version": "0.7.7",
-  "description": "P2P messenger for local networks — no cloud, no servers",
+  "version": "1.1.1",
+  "description": "P2P LAN messenger — text, voice, and video. No cloud, no servers, no accounts.",
   "author": "krwg",
+  "homepage": "https://krwg.github.io/BLIP/",
   "repository": {
     "type": "git",
     "url": "https://github.com/krwg/BLIP.git"
@@ -15,7 +16,7 @@
   "scripts": {
     "dev": "vite",
     "copy-fonts": "node scripts/copy-fonts.mjs",
-    "prebuild": "npm run copy-fonts && node scripts/sync-app-metadata.mjs",
+    "prebuild": "npm run copy-fonts && node scripts/sync-app-metadata.mjs && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs",
     "build": "vite build",
     "postinstall": "npm run copy-fonts",
     "prestart": "npm run build",
@@ -23,16 +24,21 @@
     "electron:dev": "concurrently \"vite\" \"wait-on http://localhost:5173 && node scripts/electron-dev.mjs\"",
     "electron:dev:peer2": "concurrently \"vite\" \"wait-on http://localhost:5173 && node scripts/electron-dev-peer2.mjs\"",
     "build:icons": "node scripts/build-icons.mjs",
-    "electron:build": "npm run build && npm run build:icons && electron-builder --win nsis",
-    "electron:build:portable": "npm run build && npm run build:icons && electron-builder --win portable",
-    "electron:build:all": "npm run build && npm run build:icons && electron-builder --win",
-    "electron:build:dir": "npm run build && npm run build:icons && electron-builder --win --dir"
+    "electron:build": "npm run build && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs && npm run build:icons && node scripts/run-electron-builder.mjs --win nsis",
+    "electron:build:portable": "npm run build && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs && npm run build:icons && node scripts/run-electron-builder.mjs --win portable",
+    "electron:build:all": "npm run build && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs && npm run build:icons && node scripts/run-electron-builder.mjs --win",
+    "electron:publish:win": "npm run build && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs && npm run build:icons && node scripts/run-electron-builder.mjs --win --publish always",
+    "release:assets": "node scripts/publish-release-notes.mjs",
+    "electron:build:dir": "npm run build && node scripts/sync-giphy-key.mjs && node scripts/sync-mesh-public-key.mjs && node scripts/sync-build-info.mjs && npm run build:icons && node scripts/run-electron-builder.mjs --win --dir",
+    "mesh-plus:keygen": "node scripts/mesh-plus-keygen.mjs",
+    "setup:build-secrets": "node scripts/setup-build-secrets.mjs"
   },
   "devDependencies": {
     "@fontsource/press-start-2p": "^5.2.7",
     "concurrently": "^9.1.2",
     "electron": "^35.1.2",
     "electron-builder": "^25.1.8",
+    "javascript-obfuscator": "^4.1.1",
     "sharp": "^0.34.1",
     "to-ico": "^1.1.5",
     "typeface-minecraft": "^1.0.0",
@@ -41,7 +47,7 @@
   },
   "dependencies": {
     "electron-updater": "^6.8.3",
-    "jspdf": "^2.5.2",
+    "jspdf": "^4.2.1",
     "multicast-dns": "^7.2.5"
   }
 }
diff --git a/preload.cjs b/preload.cjs
index 33320ac..cabfa08 100644
--- a/preload.cjs
+++ b/preload.cjs
@@ -1,19 +1,58 @@
-const { contextBridge, ipcRenderer } = require('electron');
+const { contextBridge, ipcRenderer, webUtils } = require('electron');
 
 let groupCallActive = false;
 let groupCallGroupId = null;
 
+const trustStateLive = {
+  buildTrust: 'unverified_build',
+  meshPlusTrust: 'unverified_mesh_plus',
+};
+
+ipcRenderer.invoke('get-trust-state').then((t) => {
+  if (t && typeof t === 'object') Object.assign(trustStateLive, t);
+});
+
+ipcRenderer.on('trust-state', (_, t) => {
+  if (t && typeof t === 'object') Object.assign(trustStateLive, t);
+});
+
+contextBridge.exposeInMainWorld('trustState', trustStateLive);
+
 contextBridge.exposeInMainWorld('blip', {
   platform: process.platform,
+  getTrustState: () => ipcRenderer.invoke('get-trust-state'),
+  onTrustState: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('trust-state', handler);
+    return () => ipcRenderer.removeListener('trust-state', handler);
+  },
   getConfig: () => ipcRenderer.invoke('get-config'),
   saveConfig: (config) => ipcRenderer.invoke('save-config', config),
+  activateMeshPlus: (key) => ipcRenderer.invoke('activate-mesh-plus', key),
+  deactivateMeshPlus: () => ipcRenderer.invoke('deactivate-mesh-plus'),
+  factoryReset: () => ipcRenderer.invoke('factory-reset'),
+  getMeshPlusStatus: () => ipcRenderer.invoke('get-mesh-plus-status'),
   getAppMetadata: () => ipcRenderer.invoke('get-app-metadata'),
   getAppIconUrl: () => ipcRenderer.invoke('get-app-icon-url'),
+  getAppIconVariants: () => ipcRenderer.invoke('get-app-icon-variants'),
   isVoiceCallActive: () => ipcRenderer.invoke('is-voice-call-active'),
   getAvatarDataUrl: () => ipcRenderer.invoke('get-avatar-data-url'),
   saveAvatar: (dataUrl) => ipcRenderer.invoke('save-avatar', dataUrl),
   clearAvatar: () => ipcRenderer.invoke('clear-avatar'),
+  getProfileGifActiveUrl: () => ipcRenderer.invoke('get-profile-gif-active-url'),
+  getProfileGifShareUrl: () => ipcRenderer.invoke('get-profile-gif-share-url'),
+  getProfileGifHistory: () => ipcRenderer.invoke('get-profile-gif-history'),
+  saveProfileGif: (dataUrl) => ipcRenderer.invoke('save-profile-gif', dataUrl),
+  saveProfileGifBytes: (base64) => ipcRenderer.invoke('save-profile-gif-bytes', base64),
+  saveProfileGifPath: (filePath) => ipcRenderer.invoke('save-profile-gif-path', filePath),
+  setProfileGifActive: (id) => ipcRenderer.invoke('set-profile-gif-active', id),
+  clearProfileGif: () => ipcRenderer.invoke('clear-profile-gif'),
+  isGiphyConfigured: () => ipcRenderer.invoke('is-giphy-configured'),
+  searchGiphy: (q, offset) => ipcRenderer.invoke('search-giphy', q, offset),
+  trendingGiphy: (offset) => ipcRenderer.invoke('trending-giphy', offset),
+  importGiphyGif: (url) => ipcRenderer.invoke('import-giphy-gif', url),
   openExternal: (url) => ipcRenderer.invoke('open-external', url),
+  showItemInFolder: (filePath) => ipcRenderer.invoke('show-item-in-folder', filePath),
   listDisplaySources: () => ipcRenderer.invoke('list-display-sources'),
   prepareDisplayCapture: (sourceId) => ipcRenderer.invoke('prepare-display-capture', sourceId),
   getPeers: () => ipcRenderer.invoke('get-peers'),
@@ -50,6 +89,65 @@ contextBridge.exposeInMainWorld('blip', {
     ipcRenderer.on('tcp-message', handler);
     return () => ipcRenderer.removeListener('tcp-message', handler);
   },
+  onSeedUdp: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('seed-udp', handler);
+    return () => ipcRenderer.removeListener('seed-udp', handler);
+  },
+  beaconSendUdp: (payload) => ipcRenderer.invoke('beacon-udp-send', payload),
+  getBeaconPaths: () => ipcRenderer.invoke('beacon-paths'),
+  beaconPickPublishFile: () => ipcRenderer.invoke('beacon-pick-publish-file'),
+  getPathForFile: (file) => {
+    try {
+      if (file && typeof webUtils?.getPathForFile === 'function') {
+        return webUtils.getPathForFile(file) || '';
+      }
+    } catch {
+      /* ignore */
+    }
+    if (file && typeof file.path === 'string') return file.path;
+    return '';
+  },
+  beaconPublishFromPath: (payload) => ipcRenderer.invoke('beacon-publish-from-path', payload),
+  beaconServeChunksTcp: (payload) => ipcRenderer.invoke('beacon-serve-chunks-tcp', payload),
+  sendFileFromPath: (payload) => ipcRenderer.invoke('send-file-from-path', payload),
+  onFileSendProgress: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('file-send-progress', handler);
+    return () => ipcRenderer.removeListener('file-send-progress', handler);
+  },
+  onBeaconIngestProgress: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('beacon-ingest-progress', handler);
+    return () => ipcRenderer.removeListener('beacon-ingest-progress', handler);
+  },
+  beaconWriteMeta: (payload) => ipcRenderer.invoke('beacon-write-meta', payload),
+  beaconReadMeta: (payload) => ipcRenderer.invoke('beacon-read-meta', payload),
+  beaconReadPreview: (payload) => ipcRenderer.invoke('beacon-read-preview', payload),
+  beaconWritePreview: (payload) => ipcRenderer.invoke('beacon-write-preview', payload),
+  setTrayTransferProgress: (info) => ipcRenderer.invoke('set-tray-transfer-progress', info),
+  beaconWriteChunk: (payload) => ipcRenderer.invoke('beacon-write-chunk', payload),
+  beaconWriteChunksBatch: (payload) => ipcRenderer.invoke('beacon-write-chunks-batch', payload),
+  beaconReadChunk: (payload) => ipcRenderer.invoke('beacon-read-chunk', payload),
+  beaconReadChunksBatch: (payload) => ipcRenderer.invoke('beacon-read-chunks-batch', payload),
+  beaconHaveBitmap: (payload) => ipcRenderer.invoke('beacon-have-bitmap', payload),
+  beaconChunkExists: (payload) => ipcRenderer.invoke('beacon-chunk-exists', payload),
+  beaconCountChunks: (payload) => ipcRenderer.invoke('beacon-count-chunks', payload),
+  beaconListLocal: () => ipcRenderer.invoke('beacon-list-local'),
+  beaconSaveAssembled: (payload) => ipcRenderer.invoke('beacon-save-assembled', payload),
+  beaconDeleteSeed: (payload) => ipcRenderer.invoke('beacon-delete-seed', payload),
+  beaconSeedExists: (payload) => ipcRenderer.invoke('beacon-seed-exists', payload),
+  beaconReadBlipFile: (payload) => ipcRenderer.invoke('beacon-read-blip-file', payload),
+  onBeaconOpenSeed: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('beacon-open-seed', handler);
+    return () => ipcRenderer.removeListener('beacon-open-seed', handler);
+  },
+  onBeaconOpenBlipFile: (cb) => {
+    const handler = (_, data) => cb(data);
+    ipcRenderer.on('beacon-open-blip-file', handler);
+    return () => ipcRenderer.removeListener('beacon-open-blip-file', handler);
+  },
   onNotificationOpenChat: (cb) => {
     const handler = (_, peerId) => cb(peerId);
     ipcRenderer.on('notification-open-chat', handler);
diff --git a/renderer/achievement-toast.js b/renderer/achievement-toast.js
new file mode 100644
index 0000000..34de601
--- /dev/null
+++ b/renderer/achievement-toast.js
@@ -0,0 +1,66 @@
+import { t } from './i18n.js';
+import { appendAchievementIcon } from './achievements.js';
+
+const FADE_MS = 300;
+
+let stackEl = null;
+
+function ensureStack() {
+  if (stackEl?.isConnected) return stackEl;
+  stackEl = document.createElement('div');
+  stackEl.className = 'toast-stack';
+  document.body.appendChild(stackEl);
+  return stackEl;
+}
+
+/**
+ * @param {import('./achievements.js').AchievementDef} def
+ * @param {{ durationMs?: number }} [opts]
+ */
+export function showAchievementUnlockToast(def, opts = {}) {
+  const durationMs = opts.durationMs ?? 5500;
+  const stack = ensureStack();
+
+  const el = document.createElement('div');
+  el.className = 'app-toast glass app-toast--achievement app-toast--accent';
+  el.setAttribute('role', 'status');
+
+  const inner = document.createElement('div');
+  inner.className = 'achievement-toast__inner';
+
+  const iconCol = document.createElement('div');
+  iconCol.className = 'achievement-toast__icon';
+  appendAchievementIcon(iconCol, def);
+
+  const textCol = document.createElement('div');
+  textCol.className = 'achievement-toast__text';
+
+  const kicker = document.createElement('div');
+  kicker.className = 'achievement-toast__kicker';
+  kicker.dataset.i18n = 'achievements.unlocked_title';
+  kicker.textContent = t('achievements.unlocked_title');
+
+  const title = document.createElement('strong');
+  title.className = 'achievement-toast__title';
+  title.textContent = t(def.titleKey);
+
+  const desc = document.createElement('p');
+  desc.className = 'achievement-toast__desc';
+  desc.textContent = t(def.descKey);
+
+  textCol.appendChild(kicker);
+  textCol.appendChild(title);
+  textCol.appendChild(desc);
+  inner.appendChild(iconCol);
+  inner.appendChild(textCol);
+  el.appendChild(inner);
+
+  function dismiss() {
+    el.classList.add('toast-out');
+    setTimeout(() => el.remove(), FADE_MS);
+  }
+
+  stack.appendChild(el);
+  if (durationMs > 0) setTimeout(dismiss, durationMs);
+  return { dismiss, el };
+}
diff --git a/renderer/achievements-icons.js b/renderer/achievements-icons.js
new file mode 100644
index 0000000..1c2890e
--- /dev/null
+++ b/renderer/achievements-icons.js
@@ -0,0 +1,25 @@
+/** Achievement SVG assets (bundled by Vite). */
+import first_peer from '../ach-icons/first_peer.svg?url';
+import mesh_5 from '../ach-icons/mesh_5.svg?url';
+import messages_50 from '../ach-icons/messages_50.svg?url';
+import messages_100 from '../ach-icons/messages_100.svg?url';
+import first_call from '../ach-icons/first_call.svg?url';
+import first_file from '../ach-icons/first_file.svg?url';
+import online_1h from '../ach-icons/online_1h.svg?url';
+import mesh_plus_active from '../ach-icons/mesh_plus_active.svg?url';
+import beta_tester from '../ach-icons/beta_tester.svg?url';
+import unofficial_build from '../ach-icons/unofficial_build.svg?url';
+
+/** @type {Record<string, string>} */
+export const ACHIEVEMENT_ICON_BY_ID = {
+  first_peer,
+  mesh_5,
+  messages_50,
+  messages_100,
+  first_call,
+  first_file,
+  online_1h,
+  mesh_plus_active,
+  beta_tester,
+  unofficial_build,
+};
diff --git a/renderer/achievements-settings-panel.js b/renderer/achievements-settings-panel.js
new file mode 100644
index 0000000..8cd754b
--- /dev/null
+++ b/renderer/achievements-settings-panel.js
@@ -0,0 +1,76 @@
+import { t } from './i18n.js';
+import { buildPanelTitleRow, createPixelToggle } from './settings-ui.js';
+import { renderAchievementsGrid } from './achievements.js';
+import { clearAllAchievementUnlocks } from './achievements-store.js';
+import { showAppToast } from './toasts.js';
+import { openConfirmDialog } from './confirm-dialog.js';
+
+/**
+ * @param {object} state
+ * @param {object} api
+ */
+export function buildSettingsAchievementsPanel(state, api) {
+  const frag = document.createElement('div');
+  frag.className = 'settings-panel settings-panel--achievements';
+
+  frag.appendChild(buildPanelTitleRow('settings.section_achievements', 'achievements.hint'));
+
+  const togglesRow = document.createElement('div');
+  togglesRow.className = 'ach-settings-toggles';
+
+  const enabledToggle = createPixelToggle({
+    checked: !!state.config.achievementsEnabled,
+    labelKey: 'achievements.enabled',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ achievementsEnabled: checked });
+      refreshGrid();
+    },
+  });
+
+  const notifyToggle = createPixelToggle({
+    checked: state.config.achievementsNotify !== false,
+    labelKey: 'achievements.notify',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ achievementsNotify: checked });
+    },
+  });
+
+  togglesRow.appendChild(enabledToggle.el);
+  togglesRow.appendChild(notifyToggle.el);
+  frag.appendChild(togglesRow);
+
+  const gridHost = document.createElement('div');
+  gridHost.className = 'ach-sections';
+
+  const resetBtn = document.createElement('button');
+  resetBtn.type = 'button';
+  resetBtn.className = 'btn btn-lang';
+  resetBtn.dataset.i18n = 'achievements.reset';
+  resetBtn.textContent = t('achievements.reset');
+
+  function refreshGrid() {
+    const on = !!state.config.achievementsEnabled;
+    gridHost.classList.toggle('ach-sections--disabled', !on);
+    notifyToggle.el.classList.toggle('hidden', !on);
+    renderAchievementsGrid(gridHost, state.config);
+  }
+
+  resetBtn.addEventListener('click', async () => {
+    const ok = await openConfirmDialog({
+      title: t('achievements.reset'),
+      body: t('achievements.reset_confirm'),
+      danger: true,
+      confirmLabel: t('achievements.reset'),
+    });
+    if (!ok) return;
+    clearAllAchievementUnlocks();
+    refreshGrid();
+    showAppToast({ title: t('achievements.reset_ok'), durationMs: 3000 });
+  });
+
+  frag.appendChild(gridHost);
+  frag.appendChild(resetBtn);
+  refreshGrid();
+
+  return frag;
+}
diff --git a/renderer/achievements-store.js b/renderer/achievements-store.js
new file mode 100644
index 0000000..94d7556
--- /dev/null
+++ b/renderer/achievements-store.js
@@ -0,0 +1,44 @@
+const STORAGE_KEY = 'blip_ach_unlocked_v1';
+
+function loadSet() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    const arr = raw ? JSON.parse(raw) : [];
+    return new Set(Array.isArray(arr) ? arr.filter((id) => typeof id === 'string') : []);
+  } catch {
+    return new Set();
+  }
+}
+
+function saveSet(set) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify([...set]));
+  } catch {
+    /* quota */
+  }
+}
+
+/** @param {string} id */
+export function isAchievementUnlocked(id) {
+  return loadSet().has(id);
+}
+
+/**
+ * @param {string} id
+ * @returns {boolean} true if newly unlocked
+ */
+export function unlockAchievement(id) {
+  const set = loadSet();
+  if (set.has(id)) return false;
+  set.add(id);
+  saveSet(set);
+  return true;
+}
+
+export function clearAllAchievementUnlocks() {
+  try {
+    localStorage.removeItem(STORAGE_KEY);
+  } catch {
+    /* ignore */
+  }
+}
diff --git a/renderer/achievements-tracker.js b/renderer/achievements-tracker.js
new file mode 100644
index 0000000..f31dfcc
--- /dev/null
+++ b/renderer/achievements-tracker.js
@@ -0,0 +1,30 @@
+import { ACHIEVEMENT_DEFS } from './achievements.js';
+import { getSessionStats } from './session-stats.js';
+import { isAchievementUnlocked, unlockAchievement } from './achievements-store.js';
+import { showAchievementUnlockToast } from './achievement-toast.js';
+
+/**
+ * @param {object} [config]
+ * @returns {import('./achievements.js').AchievementDef[]}
+ */
+export function syncAchievements(config) {
+  if (!config?.achievementsEnabled) return [];
+  const stats = getSessionStats();
+  const newly = [];
+  for (const def of ACHIEVEMENT_DEFS) {
+    const met = def.checkTrust
+      ? def.checkTrust()
+      : def.checkConfig
+        ? def.checkConfig(config)
+        : def.check?.(stats);
+    if (!met) continue;
+    if (isAchievementUnlocked(def.id)) continue;
+    if (unlockAchievement(def.id)) newly.push(def);
+  }
+  if (newly.length && config.achievementsNotify !== false) {
+    for (const def of newly) {
+      showAchievementUnlockToast(def);
+    }
+  }
+  return newly;
+}
diff --git a/renderer/achievements.js b/renderer/achievements.js
new file mode 100644
index 0000000..9a129db
--- /dev/null
+++ b/renderer/achievements.js
@@ -0,0 +1,294 @@
+import { t } from './i18n.js';
+import { getSessionStats, sessionOnlineHours } from './session-stats.js';
+import { isAchievementUnlocked } from './achievements-store.js';
+import { premiumTierEnabled } from './mesh-plus.js';
+import { getLocalTrustState } from './trust-ui.js';
+import { BUILD_TRUST } from '../shared/trust-levels.js';
+import { ACHIEVEMENT_ICON_BY_ID } from './achievements-icons.js';
+import { showAppToast } from './toasts.js';
+
+/**
+ * @typedef {{ id: string, codeKey: string, titleKey: string, descKey: string, glyph: string, iconAsset: string, check?: (s: object) => boolean, checkConfig?: (cfg: object) => boolean, checkTrust?: () => boolean }} AchievementDef
+ */
+
+/** Fallback glyph when iconAsset is empty. */
+export const ACHIEVEMENT_GLYPHS = {
+  first_peer: '◎',
+  mesh_5: '⬡',
+  messages_50: '▤',
+  messages_100: '▦',
+  first_call: '♪',
+  first_file: '⬆',
+  online_1h: '⏱',
+  mesh_plus_active: '◈',
+  beta_tester: 'β',
+  unofficial_build: '⎇',
+};
+
+function appendAchievementGlyphFallback(wrap, def) {
+  const glyph = document.createElement('span');
+  glyph.className = 'ach-icon-slot__glyph';
+  glyph.textContent = def.glyph || ACHIEVEMENT_GLYPHS[def.id] || '◆';
+  glyph.title = t('achievements.icon_placeholder');
+  glyph.setAttribute('aria-hidden', 'true');
+  wrap.appendChild(glyph);
+}
+
+/**
+ * @param {HTMLElement} parent
+ * @param {AchievementDef} def
+ */
+export function appendAchievementIcon(parent, def) {
+  const wrap = document.createElement('div');
+  wrap.className = 'ach-icon-slot';
+  const src = def.iconAsset || ACHIEVEMENT_ICON_BY_ID[def.id] || '';
+  if (src) {
+    const img = document.createElement('img');
+    img.className = 'ach-icon-slot__img';
+    img.src = src;
+    img.alt = t(def.titleKey);
+    img.decoding = 'async';
+    img.draggable = false;
+    img.addEventListener('error', () => {
+      img.remove();
+      appendAchievementGlyphFallback(wrap, def);
+    });
+    wrap.appendChild(img);
+  } else {
+    appendAchievementGlyphFallback(wrap, def);
+  }
+  parent.appendChild(wrap);
+  return wrap;
+}
+
+/** @param {string} id */
+export function achievementIconUrl(id) {
+  return ACHIEVEMENT_ICON_BY_ID[id] || '';
+}
+
+/** Achievement definitions — icons in `/ach-icons/*.svg`. */
+/** @type {AchievementDef[]} */
+export const ACHIEVEMENT_DEFS = [
+  {
+    id: 'first_peer',
+    glyph: '◎',
+    codeKey: 'achievements.code_first_peer',
+    titleKey: 'achievements.first_peer',
+    descKey: 'achievements.first_peer_desc',
+    iconAsset: achievementIconUrl('first_peer'),
+    check: (s) => (s.peersMaxOnline || 0) >= 1,
+  },
+  {
+    id: 'mesh_5',
+    glyph: '⬡',
+    codeKey: 'achievements.code_mesh_5',
+    titleKey: 'achievements.mesh_5',
+    descKey: 'achievements.mesh_5_desc',
+    iconAsset: achievementIconUrl('mesh_5'),
+    check: (s) => (s.peersMaxOnline || 0) >= 5,
+  },
+  {
+    id: 'messages_50',
+    glyph: '▤',
+    codeKey: 'achievements.code_messages_50',
+    titleKey: 'achievements.messages_50',
+    descKey: 'achievements.messages_50_desc',
+    iconAsset: achievementIconUrl('messages_50'),
+    check: (s) => (s.messagesSent || 0) >= 50,
+  },
+  {
+    id: 'messages_100',
+    glyph: '▦',
+    codeKey: 'achievements.code_messages_100',
+    titleKey: 'achievements.messages_100',
+    descKey: 'achievements.messages_100_desc',
+    iconAsset: achievementIconUrl('messages_100'),
+    check: (s) => (s.messagesSent || 0) >= 100,
+  },
+  {
+    id: 'first_call',
+    glyph: '♪',
+    codeKey: 'achievements.code_first_call',
+    titleKey: 'achievements.first_call',
+    descKey: 'achievements.first_call_desc',
+    iconAsset: achievementIconUrl('first_call'),
+    check: (s) => (s.callsStarted || 0) >= 1,
+  },
+  {
+    id: 'first_file',
+    glyph: '⬆',
+    codeKey: 'achievements.code_first_file',
+    titleKey: 'achievements.first_file',
+    descKey: 'achievements.first_file_desc',
+    iconAsset: achievementIconUrl('first_file'),
+    check: (s) => (s.filesSent || 0) >= 1,
+  },
+  {
+    id: 'online_1h',
+    glyph: '⏱',
+    codeKey: 'achievements.code_online_1h',
+    titleKey: 'achievements.online_1h',
+    descKey: 'achievements.online_1h_desc',
+    iconAsset: achievementIconUrl('online_1h'),
+    check: () => sessionOnlineHours() >= 1,
+  },
+  {
+    id: 'mesh_plus_active',
+    glyph: '◈',
+    codeKey: 'achievements.code_mesh_plus',
+    titleKey: 'achievements.mesh_plus_active',
+    descKey: 'achievements.mesh_plus_active_desc',
+    iconAsset: achievementIconUrl('mesh_plus_active'),
+    checkConfig: (cfg) => premiumTierEnabled(cfg),
+  },
+  {
+    id: 'beta_tester',
+    glyph: 'β',
+    codeKey: 'achievements.code_beta_tester',
+    titleKey: 'achievements.beta_tester',
+    descKey: 'achievements.beta_tester_desc',
+    iconAsset: achievementIconUrl('beta_tester'),
+    checkConfig: (cfg) => !!cfg?.receiveBetaUpdates,
+  },
+  {
+    id: 'unofficial_build',
+    glyph: '⎇',
+    codeKey: 'achievements.code_unofficial_build',
+    titleKey: 'achievements.unofficial_build',
+    descKey: 'achievements.unofficial_build_desc',
+    iconAsset: achievementIconUrl('unofficial_build'),
+    checkTrust: () => {
+      const trust = getLocalTrustState();
+      return trust?.buildTrust === BUILD_TRUST.UNVERIFIED_BUILD;
+    },
+  },
+];
+
+function isProgressMet(def, stats, config) {
+  if (def.checkTrust) return !!def.checkTrust();
+  if (def.checkConfig) return !!def.checkConfig(config);
+  return !!def.check?.(stats);
+}
+
+/**
+ * @param {object} [config]
+ * @returns {{ def: AchievementDef, unlocked: boolean, progressMet: boolean }[]}
+ */
+export function getAchievementStates(config) {
+  const stats = getSessionStats();
+  return ACHIEVEMENT_DEFS.map((def) => {
+    const progressMet = isProgressMet(def, stats, config);
+    return {
+      def,
+      progressMet,
+      unlocked: isAchievementUnlocked(def.id),
+    };
+  });
+}
+
+/**
+ * @param {{ def: AchievementDef, unlocked: boolean, progressMet: boolean }} item
+ */
+function createAchievementCard({ def, unlocked, progressMet }) {
+  const card = document.createElement('div');
+  card.className = `ach-card${unlocked ? ' ach-card--unlocked' : ''}${
+    progressMet && !unlocked ? ' ach-card--ready' : ''
+  }`;
+  card.dataset.achId = def.id;
+
+  const iconWrap = document.createElement('div');
+  iconWrap.className = 'ach-card__icon';
+  if (unlocked) {
+    appendAchievementIcon(iconWrap, def);
+  } else {
+    const hiddenBtn = document.createElement('button');
+    hiddenBtn.type = 'button';
+    hiddenBtn.className = 'ach-icon-slot ach-icon-slot--hidden';
+    hiddenBtn.setAttribute('aria-label', t('achievements.icon_unlock_to_see'));
+    const hiddenMark = document.createElement('span');
+    hiddenMark.className = 'ach-icon-slot__hidden-mark';
+    hiddenMark.textContent = '?';
+    hiddenMark.setAttribute('aria-hidden', 'true');
+    hiddenBtn.appendChild(hiddenMark);
+    hiddenBtn.addEventListener('click', () => {
+      showAppToast({
+        title: t('achievements.icon_unlock_to_see'),
+        durationMs: 5000,
+      });
+    });
+    iconWrap.appendChild(hiddenBtn);
+  }
+
+  const body = document.createElement('div');
+  body.className = 'ach-card__body';
+  const title = document.createElement('div');
+  title.className = 'ach-card__title';
+  title.textContent = t(def.titleKey);
+  const desc = document.createElement('div');
+  desc.className = 'ach-card__desc';
+  desc.textContent = t(def.descKey);
+  body.appendChild(title);
+  body.appendChild(desc);
+
+  const mark = document.createElement('div');
+  mark.className = 'ach-card__mark';
+  mark.textContent = unlocked ? 'OK' : progressMet ? '…' : '—';
+
+  card.appendChild(iconWrap);
+  card.appendChild(body);
+  card.appendChild(mark);
+  return card;
+}
+
+/**
+ * @param {string} titleKey
+ * @param {{ def: AchievementDef, unlocked: boolean, progressMet: boolean }[]} items
+ * @param {string} sectionClass
+ */
+function buildAchievementsSection(titleKey, items, sectionClass) {
+  const section = document.createElement('section');
+  section.className = `ach-section ${sectionClass}`;
+
+  const head = document.createElement('h3');
+  head.className = 'ach-section__title section-subtitle';
+  head.dataset.i18n = titleKey;
+  head.textContent = t(titleKey);
+
+  const grid = document.createElement('div');
+  grid.className = 'ach-grid';
+
+  if (!items.length) {
+    const empty = document.createElement('p');
+    empty.className = 'hint ach-section__empty';
+    empty.dataset.i18n =
+      sectionClass === 'ach-section--unlocked'
+        ? 'achievements.section_unlocked_empty'
+        : 'achievements.section_locked_empty';
+    empty.textContent = t(empty.dataset.i18n);
+    grid.appendChild(empty);
+  } else {
+    for (const item of items) grid.appendChild(createAchievementCard(item));
+  }
+
+  section.appendChild(head);
+  section.appendChild(grid);
+  return section;
+}
+
+/**
+ * @param {HTMLElement} root
+ * @param {object} [config]
+ */
+export function renderAchievementsGrid(root, config) {
+  root.innerHTML = '';
+  const states = getAchievementStates(config);
+  const unlocked = states.filter((s) => s.unlocked);
+  const locked = states.filter((s) => !s.unlocked);
+
+  root.appendChild(
+    buildAchievementsSection('achievements.section_unlocked', unlocked, 'ach-section--unlocked')
+  );
+  root.appendChild(
+    buildAchievementsSection('achievements.section_locked', locked, 'ach-section--locked')
+  );
+}
diff --git a/renderer/app-icon-picker.js b/renderer/app-icon-picker.js
new file mode 100644
index 0000000..14a2e09
--- /dev/null
+++ b/renderer/app-icon-picker.js
@@ -0,0 +1,143 @@
+import { t } from './i18n.js';
+import { premiumTierEnabled } from './mesh-plus.js';
+import { showAppToast } from './toasts.js';
+import { buildSectionSubtitleRow } from './settings-ui.js';
+
+const FREE_ICON_IDS = ['main', 'dop-1', 'dop-2', 'dop-3', 'dop-4'];
+const MESH_ICON_IDS = ['mesh-1', 'mesh-2', 'mesh-3', 'mesh-4', 'mesh-5', 'mesh-6'];
+
+const ICON_PREVIEW_PX = 96;
+const ICON_LIGHTBOX_PX = 256;
+
+/**
+ * @param {string} src
+ * @param {string} [label]
+ */
+function openAppIconPreview(src, label = '') {
+  if (!src) return;
+  const backdrop = document.createElement('div');
+  backdrop.className = 'blip-modal-backdrop app-icon-preview-backdrop';
+
+  const box = document.createElement('div');
+  box.className = 'app-icon-preview-box glass';
+  box.setAttribute('role', 'dialog');
+  box.setAttribute('aria-modal', 'true');
+  if (label) box.setAttribute('aria-label', label);
+
+  const img = document.createElement('img');
+  img.className = 'app-icon-preview-img';
+  img.src = src;
+  img.alt = label;
+  img.width = ICON_LIGHTBOX_PX;
+  img.height = ICON_LIGHTBOX_PX;
+
+  function close() {
+    backdrop.remove();
+    document.removeEventListener('keydown', onKey);
+  }
+  function onKey(e) {
+    if (e.key === 'Escape') close();
+  }
+
+  backdrop.addEventListener('click', (e) => {
+    if (e.target === backdrop) close();
+  });
+  document.addEventListener('keydown', onKey);
+
+  box.appendChild(img);
+  backdrop.appendChild(box);
+  document.body.appendChild(backdrop);
+}
+
+/**
+ * @param {object} state
+ * @param {(patch: object) => Promise<object>} saveConfig
+ */
+export function appendAppIconPickerSections(block, state, saveConfig) {
+  block.appendChild(
+    buildSectionSubtitleRow('settings.app_icon_free_title', 'settings.app_icon_preview_hint')
+  );
+
+  const freeGrid = document.createElement('div');
+  freeGrid.className = 'settings-app-icon-grid';
+  block.appendChild(freeGrid);
+
+  block.appendChild(
+    buildSectionSubtitleRow('settings.app_icon_mesh_title', 'settings.app_icon_mesh_hint')
+  );
+
+  const meshGrid = document.createElement('div');
+  meshGrid.className = 'settings-app-icon-grid settings-app-icon-grid--mesh';
+  block.appendChild(meshGrid);
+
+  let variants = [];
+
+  function renderTile(grid, id, tier) {
+    const meta = variants.find((v) => v.id === id);
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    const selected = (state.config?.appIconVariant || 'main') === id;
+    btn.className = `settings-app-icon-tile${selected ? ' selected' : ''}${
+      tier === 'mesh_plus' && !premiumTierEnabled(state.config)
+        ? ' settings-app-icon-tile--locked'
+        : ''
+    }`;
+    btn.dataset.iconId = id;
+    btn.setAttribute('aria-label', id);
+
+    const img = document.createElement('img');
+    img.className = 'settings-app-icon-tile__img';
+    img.alt = '';
+    img.width = ICON_PREVIEW_PX;
+    img.height = ICON_PREVIEW_PX;
+    if (meta?.previewUrl) img.src = meta.previewUrl;
+
+    btn.appendChild(img);
+
+    btn.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+      if (meta?.previewUrl) openAppIconPreview(meta.previewUrl, id);
+    });
+
+    btn.addEventListener('click', async () => {
+      if (tier === 'mesh_plus' && !premiumTierEnabled(state.config)) {
+        showAppToast({
+          title: t('settings.app_icon_mesh_locked'),
+          durationMs: 4200,
+        });
+        return;
+      }
+      if ((state.config?.appIconVariant || 'main') === id) return;
+      state.config = await saveConfig({ appIconVariant: id });
+      try {
+        await window.blip.getAppIconUrl?.();
+      } catch {
+        /* ignore */
+      }
+      freeGrid.querySelectorAll('.settings-app-icon-tile').forEach((el) => {
+        el.classList.toggle('selected', el.dataset.iconId === state.config.appIconVariant);
+      });
+      meshGrid.querySelectorAll('.settings-app-icon-tile').forEach((el) => {
+        el.classList.toggle('selected', el.dataset.iconId === state.config.appIconVariant);
+      });
+      showAppToast({
+        title: t('settings.app_icon_applied'),
+        durationMs: 2800,
+      });
+    });
+
+    grid.appendChild(btn);
+  }
+
+  void (async () => {
+    try {
+      variants = (await window.blip.getAppIconVariants?.()) || [];
+    } catch {
+      variants = [];
+    }
+    freeGrid.innerHTML = '';
+    meshGrid.innerHTML = '';
+    for (const id of FREE_ICON_IDS) renderTile(freeGrid, id, 'free');
+    for (const id of MESH_ICON_IDS) renderTile(meshGrid, id, 'mesh_plus');
+  })();
+}
diff --git a/renderer/appearance.js b/renderer/appearance.js
index a6f4995..c8afaca 100644
--- a/renderer/appearance.js
+++ b/renderer/appearance.js
@@ -3,6 +3,7 @@
  */
 
 import { t } from './i18n.js';
+import { uiShowsPremiumTier } from '../shared/mesh-plus-gates.js';
 
 export const THEME_MODES = ['light', 'dark', 'auto'];
 
@@ -29,7 +30,7 @@ export const ACCENT_IDS = [
 export const ANIMATED_BACKGROUNDS = ['none', 'beacon', 'depths', 'signal', 'ember', 'rift'];
 
 /** Art layers (wallpaper-art.css). */
-export const STATIC_ART_BACKGROUNDS = ['skyline', 'bloom', 'horizon', 'void', 'dusk'];
+export const STATIC_ART_BACKGROUNDS = ['none', 'skyline', 'bloom', 'horizon', 'void', 'dusk'];
 
 export const ALL_BACKGROUNDS = [...ANIMATED_BACKGROUNDS, ...STATIC_ART_BACKGROUNDS.filter((id) => id !== 'none')];
 
@@ -126,6 +127,32 @@ export function labelBg(id) {
   return label === key ? id : label;
 }
 
+/**
+ * @param {string} raw
+ * @returns {string} #rrggbb or ''
+ */
+export function normalizeCustomAccentHex(raw) {
+  const s = String(raw || '').trim();
+  if (/^#[0-9A-Fa-f]{6}$/.test(s)) return s.toLowerCase();
+  if (/^[0-9A-Fa-f]{6}$/.test(s)) return `#${s.toLowerCase()}`;
+  return '';
+}
+
+function applyCustomAccentVars(html, config) {
+  const hex = normalizeCustomAccentHex(config?.accentCustomHex);
+  if (uiShowsPremiumTier(config) && hex) {
+    html.style.setProperty('--blip-accent', hex);
+    html.style.setProperty('--blip-glass-border', hex);
+    html.style.setProperty('--blip-caret', hex);
+    html.dataset.accentCustom = '1';
+  } else {
+    html.style.removeProperty('--blip-accent');
+    html.style.removeProperty('--blip-glass-border');
+    html.style.removeProperty('--blip-caret');
+    delete html.dataset.accentCustom;
+  }
+}
+
 export function applyAppearance(config) {
   const html = document.documentElement;
   const mode = normalizeThemeMode(config?.themeMode, config?.themeId);
@@ -140,7 +167,26 @@ export function applyAppearance(config) {
   delete html.dataset.callWindow;
   html.dataset.reactiveBg =
     config?.reactiveBackground === true && bg !== 'none' ? '1' : '0';
+  applyCustomAccentVars(html, config);
   syncReducedMotion(config);
+  applyUiPreferences(config);
+}
+
+function clampScale(n, min, max, fallback = 1) {
+  const v = Number(n);
+  if (!Number.isFinite(v)) return fallback;
+  return Math.min(max, Math.max(min, v));
+}
+
+/** Density + font scales (#21, #22). */
+export function applyUiPreferences(config) {
+  const html = document.documentElement;
+  const density = config?.uiDensity === 'compact' ? 'compact' : 'comfortable';
+  html.dataset.uiDensity = density;
+  const uiScale = clampScale(config?.uiFontScale, 0.85, 1.25, 1);
+  const chatScale = clampScale(config?.chatFontScale, 0.85, 1.35, 1);
+  html.style.setProperty('--ui-font-scale', String(uiScale));
+  html.style.setProperty('--chat-font-scale', String(chatScale));
 }
 
 export function applyCallWindowAppearance(config) {
@@ -153,6 +199,7 @@ export function applyCallWindowAppearance(config) {
   html.dataset.animatedBg = 'none';
   html.dataset.callWindow = '1';
   html.dataset.reactiveBg = '0';
+  applyCustomAccentVars(html, config);
   syncReducedMotion(config);
 }
 
diff --git a/renderer/audio.js b/renderer/audio.js
index aad3cea..994834f 100644
--- a/renderer/audio.js
+++ b/renderer/audio.js
@@ -635,3 +635,13 @@ export const sounds = {
   preview,
   ensureAudioReady,
 };
+
+/** Local composer click (#30) — ignores global uiSoundsEnabled. */
+export async function playTypingClick() {
+  const ready = await ensureAudioReady();
+  if (!ready) return;
+  const prev = soundsVolume;
+  soundsVolume = Math.min(1, Math.max(0.05, prev * 0.35));
+  playFxKey('uiClick', true);
+  soundsVolume = prev;
+}
diff --git a/renderer/bandwidth-monitor.js b/renderer/bandwidth-monitor.js
new file mode 100644
index 0000000..0051086
--- /dev/null
+++ b/renderer/bandwidth-monitor.js
@@ -0,0 +1,66 @@
+/**
+ * Rolling LAN throughput samples (BEACON + file transfer).
+ */
+
+const HISTORY_LEN = 60;
+const TICK_MS = 1000;
+
+/** @type {{ downBps: number, upBps: number, t: number }[]} */
+const history = [];
+let currentDownBps = 0;
+let currentUpBps = 0;
+let tickTimer = null;
+
+/** @type {Set<() => void>} */
+const listeners = new Set();
+
+function emit() {
+  for (const fn of listeners) fn();
+}
+
+function pushSample() {
+  history.push({ downBps: currentDownBps, upBps: currentUpBps, t: Date.now() });
+  if (history.length > HISTORY_LEN) history.shift();
+  currentDownBps = 0;
+  currentUpBps = 0;
+  emit();
+}
+
+function ensureTick() {
+  if (tickTimer) return;
+  tickTimer = setInterval(pushSample, TICK_MS);
+}
+
+export function subscribeBandwidth(cb) {
+  listeners.add(cb);
+  ensureTick();
+  return () => listeners.delete(cb);
+}
+
+export function recordBandwidthSample({ downBps = 0, upBps = 0 } = {}) {
+  if (downBps > 0) currentDownBps = Math.max(currentDownBps, downBps);
+  if (upBps > 0) currentUpBps = Math.max(currentUpBps, upBps);
+  ensureTick();
+  emit();
+}
+
+export function getBandwidthRates() {
+  const last = history[history.length - 1];
+  return {
+    downBps: currentDownBps || last?.downBps || 0,
+    upBps: currentUpBps || last?.upBps || 0,
+  };
+}
+
+export function getBandwidthHistory() {
+  return [...history];
+}
+
+/** Peak combined bps in history (for graph scale). */
+export function getBandwidthHistoryPeak() {
+  let peak = 1;
+  for (const s of history) {
+    peak = Math.max(peak, s.downBps + s.upBps);
+  }
+  return Math.max(peak, currentDownBps + currentUpBps, 1);
+}
diff --git a/renderer/beacon-bandwidth-graph.js b/renderer/beacon-bandwidth-graph.js
new file mode 100644
index 0000000..7b014e4
--- /dev/null
+++ b/renderer/beacon-bandwidth-graph.js
@@ -0,0 +1,172 @@
+import { t } from './i18n.js';
+import { formatTransferSpeed } from './file-transfer-speed.js';
+import {
+  getBandwidthHistory,
+  getBandwidthHistoryPeak,
+  getBandwidthRates,
+  subscribeBandwidth,
+} from './bandwidth-monitor.js';
+
+/**
+ * Pixel-style dual sparkline (down + up).
+ * @param {HTMLElement} container
+ * @param {{ height?: number, compact?: boolean }} [opts]
+ */
+export function mountBandwidthSparkline(container, opts = {}) {
+  const height = opts.height ?? 56;
+  const canvas = document.createElement('canvas');
+  canvas.className = 'beacon-bw-canvas';
+  canvas.width = 280;
+  canvas.height = height;
+  canvas.setAttribute('role', 'img');
+  canvas.setAttribute('aria-label', t('settings.bandwidth_chart'));
+
+  const legend = document.createElement('div');
+  legend.className = 'beacon-bw-legend';
+  const downEl = document.createElement('span');
+  downEl.className = 'beacon-bw-legend__down';
+  const upEl = document.createElement('span');
+  upEl.className = 'beacon-bw-legend__up';
+  legend.appendChild(downEl);
+  legend.appendChild(upEl);
+
+  container.appendChild(canvas);
+  if (!opts.compact) container.appendChild(legend);
+
+  const ctx = canvas.getContext('2d');
+  const accent = getComputedStyle(document.documentElement)
+    .getPropertyValue('--blip-accent')
+    .trim();
+  const muted = getComputedStyle(document.documentElement)
+    .getPropertyValue('--blip-muted')
+    .trim();
+  const barSlots = 56;
+
+  function draw() {
+    const w = canvas.width;
+    const h = canvas.height;
+    const mid = Math.floor(h / 2);
+    ctx.clearRect(0, 0, w, h);
+
+    ctx.fillStyle = 'rgba(0,0,0,0.35)';
+    ctx.fillRect(0, 0, w, h);
+    ctx.strokeStyle = muted || '#666';
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.moveTo(0, mid);
+    ctx.lineTo(w, mid);
+    ctx.stroke();
+
+    const hist = getBandwidthHistory();
+    const peak = getBandwidthHistoryPeak();
+    const samples = hist.length ? hist : [{ downBps: 0, upBps: 0, t: 0 }];
+    const n = samples.length;
+    const barW = Math.max(2, Math.floor(w / barSlots));
+    const slots = Math.min(barSlots, w);
+
+    for (let i = 0; i < slots; i++) {
+      const idx = Math.max(0, n - slots + i);
+      const s = samples[idx] || { downBps: 0, upBps: 0 };
+      const downH = Math.round(((s.downBps / peak) * (mid - 4)) | 0);
+      const upH = Math.round(((s.upBps / peak) * (mid - 4)) | 0);
+      const x = i * barW;
+      ctx.fillStyle = accent || '#0f8';
+      ctx.fillRect(x, mid - downH, barW - 1, downH);
+      ctx.fillStyle = 'rgba(120,200,255,0.85)';
+      ctx.fillRect(x, mid + 1, barW - 1, upH);
+    }
+
+    const rates = getBandwidthRates();
+    downEl.textContent = `↓ ${formatTransferSpeed(rates.downBps)}`;
+    upEl.textContent = `↑ ${formatTransferSpeed(rates.upBps)}`;
+  }
+
+  draw();
+  const unsub = subscribeBandwidth(draw);
+  return { canvas, refresh: draw, destroy: () => unsub() };
+}
+
+/**
+ * Settings → Network bandwidth block (live bars + sparkline).
+ * @param {HTMLElement} parent
+ */
+export function appendBandwidthGraphSection(parent) {
+  const wrap = document.createElement('div');
+  wrap.className = 'settings-bandwidth-block';
+
+  const title = document.createElement('h3');
+  title.className = 'settings-subsection-title';
+  title.dataset.i18n = 'settings.bandwidth_title';
+  title.textContent = t('settings.bandwidth_title');
+  wrap.appendChild(title);
+
+  const hint = document.createElement('p');
+  hint.className = 'settings-hint';
+  hint.dataset.i18n = 'settings.bandwidth_hint';
+  hint.textContent = t('settings.bandwidth_hint');
+  wrap.appendChild(hint);
+
+  const card = document.createElement('div');
+  card.className = 'settings-list-panel bandwidth-graph-panel glass';
+  const sparkHost = document.createElement('div');
+  sparkHost.className = 'bandwidth-graph-panel__spark';
+  card.appendChild(sparkHost);
+
+  const bars = document.createElement('div');
+  bars.className = 'bandwidth-graph-panel__bars';
+  const downRow = document.createElement('div');
+  downRow.className = 'bandwidth-graph-panel__row';
+  const upRow = document.createElement('div');
+  upRow.className = 'bandwidth-graph-panel__row';
+  bars.appendChild(downRow);
+  bars.appendChild(upRow);
+  card.appendChild(bars);
+
+  wrap.appendChild(card);
+  parent.appendChild(wrap);
+
+  const spark = mountBandwidthSparkline(sparkHost, { height: 64 });
+
+  function refreshBars() {
+    const peak = getBandwidthHistoryPeak();
+    const rates = getBandwidthRates();
+    renderBarRow(downRow, t('settings.bandwidth_down'), rates.downBps, peak, 'down');
+    renderBarRow(upRow, t('settings.bandwidth_up'), rates.upBps, peak, 'up');
+  }
+
+  refreshBars();
+  const unsub = subscribeBandwidth(() => {
+    spark.refresh();
+    refreshBars();
+  });
+
+  return {
+    refresh: () => {
+      spark.refresh();
+      refreshBars();
+    },
+    destroy: () => {
+      unsub();
+      spark.destroy();
+    },
+  };
+}
+
+function renderBarRow(row, label, bps, peak, kind) {
+  row.innerHTML = '';
+  const lab = document.createElement('span');
+  lab.className = 'bandwidth-graph-panel__label';
+  lab.textContent = label;
+  const track = document.createElement('div');
+  track.className = 'bandwidth-graph-panel__track';
+  const fill = document.createElement('div');
+  fill.className = `bandwidth-graph-panel__fill bandwidth-graph-panel__fill--${kind}`;
+  fill.style.width = `${Math.round((bps / peak) * 100)}%`;
+  track.appendChild(fill);
+  const val = document.createElement('span');
+  val.className = 'bandwidth-graph-panel__val';
+  val.textContent = formatTransferSpeed(bps);
+  row.appendChild(lab);
+  row.appendChild(track);
+  row.appendChild(val);
+}
diff --git a/renderer/beacon-mesh.js b/renderer/beacon-mesh.js
new file mode 100644
index 0000000..7158c28
--- /dev/null
+++ b/renderer/beacon-mesh.js
@@ -0,0 +1,1298 @@
+/**
+ * BEACON / Mesh Library — catalog, seeding, parallel chunk download (1.1.0).
+ */
+
+import { getMaxFileBytes } from './file-transfer-limits.js';
+import { parseBlipSeedFile } from './beacon-seed-file.js';
+import { recordBandwidthSample } from './bandwidth-monitor.js';
+
+export const BEACON_CHUNK_SIZE = 1048576;
+const PULSE_INTERVAL_MS = 30_000;
+const CHUNK_REQUEST_BATCH = 16;
+const MAX_PARALLEL_PEERS = 8;
+const PIPELINED_BATCHES_PER_PEER = 3;
+/** Max chunks per TCP JSON line (stay under 4 MiB framing limit). */
+const SEED_TCP_BATCH = 2;
+const CHUNK_TIMEOUT_MS = 45_000;
+const HAVE_QUERY_MS = 12_000;
+
+/** peerId -> base64 bitmap for seedId */
+const peerHaveBitmaps = new Map();
+/** `${seedId}:${peerId}` -> pending have resolve */
+const pendingHave = new Map();
+
+/** @type {Map<string, { seedId: string, filename: string, size: number, chunkSize: number, totalChunks: number, seeders: Map<number, number>, leechers?: number, updatedAt: number }>} */
+const catalog = new Map();
+
+/** @type {Set<string>} */
+const localComplete = new Set();
+
+/** @type {Set<string>} */
+const localSeedIds = new Set();
+
+/** Seeds we have on disk but are not actively sharing (stop seeding). */
+const stoppedSeeding = new Set();
+
+/** @type {Map<string, { progress: number, phase: string }>} */
+const jobProgress = new Map();
+
+/** In-flight publish before catalog entry exists. */
+let pendingIngest = null;
+
+/** @type {Map<string, { resolve: (data: string) => void, reject: (err: Error) => void, timer: ReturnType<typeof setTimeout> }>} */
+const pendingChunks = new Map();
+
+let pulseTimer = null;
+let meshApi = null;
+let getConfig = () => ({});
+
+/** IPC surface (initBeaconMesh may omit newer methods — always fall back to preload). */
+function beaconIpc() {
+  if (meshApi?.beaconPublishFromPath) return meshApi;
+  if (typeof window !== 'undefined' && window.blip?.beaconPublishFromPath) {
+    return window.blip;
+  }
+  return meshApi;
+}
+let getPeers = () => [];
+let getPeerLatency = () => 9999;
+
+/** @type {Set<string>} UI+mesh pause until TCP seed control ships */
+const pausedSeeds = new Set();
+
+let activeServeRequests = 0;
+
+function getMaxParallelPeers() {
+  const cfg = getConfig();
+  const n = Number(cfg?.beaconParallelPeers);
+  if (Number.isFinite(n) && n >= 1) return Math.min(8, Math.round(n));
+  return MAX_PARALLEL_PEERS;
+}
+
+function getMaxConcurrentServes() {
+  const cfg = getConfig();
+  const cap = Number(cfg?.beaconUploadCapPercent);
+  const pct = Number.isFinite(cap) ? Math.max(10, Math.min(100, cap)) : 100;
+  return Math.max(2, Math.round(12 * (pct / 100)));
+}
+
+async function acquireServeSlot() {
+  const max = getMaxConcurrentServes();
+  while (activeServeRequests >= max) {
+    await new Promise((r) => setTimeout(r, 8));
+  }
+  activeServeRequests += 1;
+}
+
+function releaseServeSlot() {
+  activeServeRequests = Math.max(0, activeServeRequests - 1);
+}
+
+function syncTrayProgress() {
+  let best = null;
+  for (const [, job] of jobProgress) {
+    if (
+      job?.progress > 0 &&
+      job.progress < 100 &&
+      (job.phase === 'downloading' || job.phase === 'publishing' || job.phase === 'hashing')
+    ) {
+      if (!best || job.progress >= best.progress) best = job;
+    }
+  }
+  if (best) {
+    const label =
+      best.phase === 'publishing' || best.phase === 'hashing' ? 'BEACON ↑' : 'BEACON ↓';
+    void meshApi?.setTrayTransferProgress?.({ percent: best.progress, label });
+  } else {
+    void meshApi?.setTrayTransferProgress?.(null);
+  }
+}
+
+function emitCatalog() {
+  window.dispatchEvent(new CustomEvent('blip-beacon-catalog'));
+}
+
+function beginPendingIngest(seedId, { filename, size }) {
+  pendingIngest = {
+    seedId,
+    filename: String(filename || 'file'),
+    size: Number(size) || 0,
+  };
+  setJobProgress(seedId, 0, 'hashing');
+  emitCatalog();
+}
+
+function endPendingIngest() {
+  pendingIngest = null;
+  emitCatalog();
+}
+
+export function getPendingBeaconIngest() {
+  return pendingIngest;
+}
+
+function emitProgress(seedId) {
+  window.dispatchEvent(
+    new CustomEvent('blip-beacon-progress', { detail: { seedId, ...(jobProgress.get(seedId) || {}) } })
+  );
+}
+
+function setJobProgress(seedId, progress, phase) {
+  const prev = jobProgress.get(seedId) || {};
+  jobProgress.set(seedId, { ...prev, progress, phase });
+  syncTrayProgress();
+  emitProgress(seedId);
+}
+
+function clearJobProgress(seedId) {
+  jobProgress.delete(seedId);
+  syncTrayProgress();
+  emitProgress(seedId);
+}
+
+function upsertCatalogEntry(data) {
+  const seedId = String(data.seedId || '').trim();
+  if (!seedId) return;
+  const blipId = Number(data.blipId);
+  let entry = catalog.get(seedId);
+  if (!entry) {
+    entry = {
+      seedId,
+      filename: String(data.filename || 'file'),
+      size: Number(data.size) || 0,
+      chunkSize: Number(data.chunkSize) || BEACON_CHUNK_SIZE,
+      totalChunks: Number(data.totalChunks) || 0,
+      seeders: new Map(),
+      leechers: Number(data.leechers) || 0,
+      updatedAt: Date.now(),
+      previewB64: data.previewB64 || data.preview || '',
+    };
+    catalog.set(seedId, entry);
+  }
+  if (data.filename) entry.filename = String(data.filename);
+  if (data.size) entry.size = Number(data.size);
+  if (data.chunkSize) entry.chunkSize = Number(data.chunkSize);
+  if (data.totalChunks) entry.totalChunks = Number(data.totalChunks);
+  if (Number.isFinite(blipId) && blipId > 0) entry.seeders.set(blipId, Date.now());
+  if (data.leechers != null) entry.leechers = Number(data.leechers) || 0;
+  if (data.previewB64 || data.preview) entry.previewB64 = String(data.previewB64 || data.preview);
+  entry.updatedAt = Date.now();
+}
+
+function ingestSeedUdp(data) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) return;
+  switch (data.type) {
+    case 'seed-announce':
+      upsertCatalogEntry(data);
+      emitCatalog();
+      break;
+    case 'seed-pulse':
+      if (Array.isArray(data.seeds)) {
+        for (const s of data.seeds) upsertCatalogEntry({ ...s, blipId: s.blipId ?? data.blipId });
+      }
+      emitCatalog();
+      break;
+    case 'seed-gone': {
+      const seedId = String(data.seedId || '');
+      const blipId = Number(data.blipId);
+      if (!seedId) break;
+      const entry = catalog.get(seedId);
+      if (entry && Number.isFinite(blipId) && blipId > 0) {
+        entry.seeders.delete(blipId);
+        if (entry.seeders.size === 0 && !localComplete.has(seedId)) {
+          catalog.delete(seedId);
+        }
+      } else if (!localComplete.has(seedId)) {
+        catalog.delete(seedId);
+      }
+      emitCatalog();
+      break;
+    }
+    default:
+      break;
+  }
+}
+
+function stopBeaconPulse() {
+  if (pulseTimer) {
+    clearInterval(pulseTimer);
+    pulseTimer = null;
+  }
+}
+
+function startBeaconPulse() {
+  stopBeaconPulse();
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) return;
+  pulseTimer = setInterval(() => {
+    const seeds = [...localComplete]
+      .filter((seedId) => !stoppedSeeding.has(seedId) && !pausedSeeds.has(seedId))
+      .map((seedId) => {
+        const entry = catalog.get(seedId);
+        return {
+          seedId,
+          leechers: entry?.leechers || 0,
+          blipId: cfg.blipId,
+        };
+      })
+      .filter(Boolean);
+    if (!seeds.length || !meshApi?.beaconSendUdp) return;
+    void meshApi.beaconSendUdp({
+      type: 'seed-pulse',
+      blipId: cfg.blipId,
+      seeds,
+      timestamp: Date.now(),
+    });
+  }, PULSE_INTERVAL_MS);
+}
+
+async function reconcileLocalSeeds() {
+  for (const seedId of [...localComplete]) {
+    const meta = await meshApi?.beaconReadMeta?.({ seedId });
+    if (!meta?.seedId) {
+      localComplete.delete(seedId);
+      continue;
+    }
+    const have = await meshApi.beaconCountChunks?.({
+      seedId,
+      totalChunks: meta.totalChunks,
+    });
+    if (have < meta.totalChunks) localComplete.delete(seedId);
+  }
+}
+
+async function ensureLocalMeta(seedId, entry) {
+  let meta = await meshApi?.beaconReadMeta?.({ seedId });
+  if (meta?.seedId) return meta;
+  meta = {
+    seedId,
+    filename: entry.filename || 'file',
+    size: entry.size || 0,
+    chunkSize: entry.chunkSize || BEACON_CHUNK_SIZE,
+    totalChunks: entry.totalChunks || 0,
+    mime: 'application/octet-stream',
+    publishedAt: Date.now(),
+  };
+  const res = await meshApi?.beaconWriteMeta?.({ seedId, meta });
+  if (res?.ok === false) throw new Error('no_meta');
+  return meta;
+}
+
+async function ipcWriteChunk(seedId, chunkIndex, data) {
+  const res = await meshApi?.beaconWriteChunk?.({ seedId, chunkIndex, data });
+  if (res?.ok === false) throw new Error('chunk_write_failed');
+}
+
+async function ipcWriteMeta(seedId, meta) {
+  const res = await meshApi?.beaconWriteMeta?.({ seedId, meta });
+  if (res?.ok === false) throw new Error('no_meta');
+}
+
+async function loadLocalSeeds() {
+  const list = await meshApi?.beaconListLocal?.();
+  if (!Array.isArray(list)) return;
+  const cfg = getConfig();
+  for (const meta of list) {
+    if (!meta?.seedId) continue;
+    localSeedIds.add(meta.seedId);
+    upsertCatalogEntry({ ...meta, blipId: cfg.blipId, previewB64: meta.previewB64 });
+    const have = await meshApi.beaconCountChunks?.({
+      seedId: meta.seedId,
+      totalChunks: meta.totalChunks,
+    });
+    if (have >= meta.totalChunks) localComplete.add(meta.seedId);
+  }
+  await reconcileLocalSeeds();
+  emitCatalog();
+}
+
+export async function refreshBeaconLocalState() {
+  await reconcileLocalSeeds();
+  emitCatalog();
+}
+
+function readFileSliceAsBase64(file, start, end) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      if (typeof result !== 'string') {
+        reject(new Error('not_readable'));
+        return;
+      }
+      const comma = result.indexOf(',');
+      resolve(comma >= 0 ? result.slice(comma + 1) : result);
+    };
+    reader.onerror = () => {
+      const err = reader.error;
+      reject(err instanceof Error ? err : new Error('not_readable'));
+    };
+    try {
+      reader.readAsDataURL(file.slice(start, end));
+    } catch (e) {
+      reject(e instanceof Error ? e : new Error('not_readable'));
+    }
+  });
+}
+
+/** @param {File} file */
+function resolvePublishFilePath(file) {
+  if (!file) return '';
+  if (typeof file.path === 'string' && file.path.trim()) return file.path.trim();
+  const api = beaconIpc();
+  if (typeof api?.getPathForFile === 'function') {
+    const p = api.getPathForFile(file);
+    if (typeof p === 'string' && p.trim()) return p.trim();
+  }
+  return '';
+}
+
+async function computeSeedId(file) {
+  const buf = await file.arrayBuffer();
+  const hash = await crypto.subtle.digest('SHA-256', buf);
+  return [...new Uint8Array(hash)].map((b) => b.toString(16).padStart(2, '0')).join('').slice(0, 16);
+}
+
+/**
+ * Publish via main-process disk read (large ZIP, archives, etc.).
+ * @param {string} filePath
+ * @param {File} file — for display name fallback
+ */
+async function publishBeaconFileFromPath(filePath, file) {
+  const cfg = getConfig();
+  const maxBytes = getMaxFileBytes(cfg);
+  const displayName =
+    file?.name || String(filePath || '').replace(/^.*[/\\]/, '') || 'file';
+  const displaySize = Number(file?.size) || 0;
+  beginPendingIngest('path-ingest', { filename: displayName, size: displaySize });
+  let unsub = () => {};
+  const api = beaconIpc();
+  if (typeof api?.onBeaconIngestProgress === 'function') {
+    unsub = api.onBeaconIngestProgress((p) => {
+      if (p?.phase === 'hashing') setJobProgress('path-ingest', 5, 'hashing');
+      else if (p?.phase === 'publishing' && p.percent != null) {
+        setJobProgress('path-ingest', p.percent, 'publishing');
+      }
+    });
+  }
+  try {
+    const res = await api.beaconPublishFromPath({
+      filePath,
+      maxBytes,
+      chunkSize: BEACON_CHUNK_SIZE,
+    });
+    if (!res?.ok || !res.meta) {
+      const code = res?.error || 'publish_failed';
+      if (code === 'not_found' || code === 'read' || /could not be read/i.test(code)) {
+        throw new Error('not_readable');
+      }
+      if (code === 'too_large') throw new Error('too_large');
+      throw new Error(code);
+    }
+    const meta = res.meta;
+    clearJobProgress('path-ingest');
+    localSeedIds.add(meta.seedId);
+    localComplete.add(meta.seedId);
+    stoppedSeeding.delete(meta.seedId);
+    upsertCatalogEntry({ ...meta, blipId: cfg.blipId });
+    await announceSeed(meta);
+    setJobProgress(meta.seedId, 100, 'ready');
+    clearJobProgress(meta.seedId);
+    return meta;
+  } finally {
+    unsub();
+    clearJobProgress('path-ingest');
+    endPendingIngest();
+  }
+}
+
+function previewDataUrlFromB64(b64) {
+  if (!b64) return null;
+  return `data:image/jpeg;base64,${b64}`;
+}
+
+async function generatePreviewFromFile(file) {
+  if (!file?.type?.startsWith('image/')) return null;
+  return new Promise((resolve) => {
+    const img = new Image();
+    const url = URL.createObjectURL(file);
+    img.onload = () => {
+      try {
+        const size = 48;
+        const canvas = document.createElement('canvas');
+        canvas.width = size;
+        canvas.height = size;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+          resolve(null);
+          return;
+        }
+        const scale = Math.max(size / img.width, size / img.height);
+        const w = img.width * scale;
+        const h = img.height * scale;
+        ctx.fillStyle = '#0a0f14';
+        ctx.fillRect(0, 0, size, size);
+        ctx.drawImage(img, (size - w) / 2, (size - h) / 2, w, h);
+        const data = canvas.toDataURL('image/jpeg', 0.7);
+        const b64 = data.split(',')[1] || '';
+        resolve(b64.length > 14000 ? b64.slice(0, 14000) : b64);
+      } catch {
+        resolve(null);
+      } finally {
+        URL.revokeObjectURL(url);
+      }
+    };
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      resolve(null);
+    };
+    img.src = url;
+  });
+}
+
+export async function resolveBeaconPreviewUrl(seedId, previewB64) {
+  if (previewB64) return previewDataUrlFromB64(previewB64);
+  const res = await meshApi?.beaconReadPreview?.({ seedId });
+  if (res?.ok && res.data) return previewDataUrlFromB64(res.data);
+  return null;
+}
+
+function peerHaveKey(seedId, peerId) {
+  return `${seedId}:${peerId}`;
+}
+
+function decodeBitmap(bitmapB64, totalChunks) {
+  if (!bitmapB64 || totalChunks <= 0) return new Set();
+  try {
+    const bytes = Uint8Array.from(atob(bitmapB64), (c) => c.charCodeAt(0));
+    const have = new Set();
+    for (let i = 0; i < totalChunks; i++) {
+      if (bytes[i >> 3] & (1 << (i & 7))) have.add(i);
+    }
+    return have;
+  } catch {
+    return new Set();
+  }
+}
+
+function countBitmapOverlap(bitmapB64, missingSet, totalChunks) {
+  if (!bitmapB64 || !missingSet.size) return 0;
+  const have = decodeBitmap(bitmapB64, totalChunks);
+  let n = 0;
+  for (const idx of missingSet) {
+    if (have.has(idx)) n++;
+  }
+  return n;
+}
+
+function waitForPeerHave(seedId, peerId) {
+  const key = peerHaveKey(seedId, peerId);
+  return new Promise((resolve) => {
+    const timer = setTimeout(() => {
+      pendingHave.delete(key);
+      resolve(null);
+    }, HAVE_QUERY_MS);
+    pendingHave.set(key, (bitmap) => {
+      clearTimeout(timer);
+      pendingHave.delete(key);
+      resolve(bitmap);
+    });
+  });
+}
+
+async function refreshPeerHaves(seedId, peers, totalChunks) {
+  const cfg = getConfig();
+  if (!meshApi?.sendTcpMessage) return;
+  await Promise.allSettled(
+    peers.map(async (peer) => {
+      const wait = waitForPeerHave(seedId, peer.id);
+      await meshApi.sendTcpMessage({
+        type: 'seed-have-request',
+        to: peer.id,
+        from: cfg.blipId,
+        seedId,
+        totalChunks,
+      });
+      const bitmap = await wait;
+      if (bitmap) peerHaveBitmaps.set(peerHaveKey(seedId, peer.id), bitmap);
+    })
+  );
+}
+
+function pickDownloadPeers(seedId, missingSet) {
+  const entry = catalog.get(seedId);
+  const cfg = getConfig();
+  if (!entry) return [];
+  const total = entry.totalChunks || 0;
+  const onlineIds = new Set(
+    getPeers()
+      .filter((p) => p.online && p.blipId !== cfg.blipId)
+      .map((p) => p.blipId)
+  );
+  const candidates = [...entry.seeders.keys()]
+    .filter((id) => onlineIds.has(id))
+    .map((id) => {
+      const bitmap = peerHaveBitmaps.get(peerHaveKey(seedId, id));
+      const overlap = bitmap
+        ? countBitmapOverlap(bitmap, missingSet, total)
+        : missingSet.size;
+      return {
+        id,
+        lat: getPeerLatency(id) ?? 9999,
+        overlap,
+      };
+    })
+    .sort((a, b) => {
+      if (b.overlap !== a.overlap) return b.overlap - a.overlap;
+      return a.lat - b.lat;
+    })
+    .slice(0, getMaxParallelPeers());
+  return candidates;
+}
+
+function planChunkAssignments(peers, missingSet, batchSize) {
+  const queue = [...missingSet];
+  const assignments = [];
+  for (const peer of peers) {
+    for (let p = 0; p < PIPELINED_BATCHES_PER_PEER; p++) {
+      if (!queue.length) break;
+      const chunks = queue.splice(0, batchSize);
+      if (chunks.length) assignments.push({ peerId: peer.id, chunks });
+    }
+  }
+  return assignments;
+}
+
+function waitForChunk(seedId, chunkIndex) {
+  const key = `${seedId}:${chunkIndex}`;
+  return new Promise((resolve, reject) => {
+    const timer = setTimeout(() => {
+      pendingChunks.delete(key);
+      reject(new Error('chunk_timeout'));
+    }, CHUNK_TIMEOUT_MS);
+    pendingChunks.set(key, {
+      resolve: (data) => {
+        clearTimeout(timer);
+        pendingChunks.delete(key);
+        resolve(data);
+      },
+      reject: (err) => {
+        clearTimeout(timer);
+        pendingChunks.delete(key);
+        reject(err);
+      },
+      timer,
+    });
+  });
+}
+
+async function collectMissingChunks(seedId, total) {
+  if (meshApi?.beaconHaveBitmap) {
+    const res = await meshApi.beaconHaveBitmap({ seedId, totalChunks: total });
+    const have = decodeBitmap(res?.bitmap || '', total);
+    const missing = new Set();
+    for (let i = 0; i < total; i++) {
+      if (!have.has(i)) missing.add(i);
+    }
+    return missing;
+  }
+  const missing = new Set();
+  for (let i = 0; i < total; i++) {
+    const exists = await meshApi.beaconChunkExists?.({ seedId, chunkIndex: i });
+    if (!exists) missing.add(i);
+  }
+  return missing;
+}
+
+async function requestChunksFromPeer(peerId, seedId, indices) {
+  if (!indices.length || !meshApi?.sendTcpMessage) return [];
+
+  const waiters = indices.map((idx) =>
+    waitForChunk(seedId, idx).then((data) => ({ chunkIndex: idx, data }))
+  );
+
+  void meshApi.sendTcpMessage({
+    type: 'seed-request',
+    to: peerId,
+    from: getConfig().blipId,
+    seedId,
+    chunks: indices,
+  });
+
+  const settled = await Promise.allSettled(waiters);
+  const chunks = settled
+    .filter((r) => r.status === 'fulfilled')
+    .map((r) => r.value)
+    .filter((c) => c?.data);
+
+  if (!chunks.length) return [];
+
+  if (meshApi.beaconWriteChunksBatch) {
+    await meshApi.beaconWriteChunksBatch({ seedId, chunks });
+  } else {
+    await Promise.all(
+      chunks.map((c) => meshApi.beaconWriteChunk?.({ seedId, chunkIndex: c.chunkIndex, data: c.data }))
+    );
+  }
+  localSeedIds.add(seedId);
+  return chunks.map((c) => c.chunkIndex);
+}
+
+async function serveSeedRequest(msg, api, config) {
+  const from = Number(msg.from);
+  const seedId = String(msg.seedId || '');
+  const chunks = Array.isArray(msg.chunks) ? msg.chunks.map(Number).filter(Number.isFinite) : [];
+  if (!seedId || !Number.isFinite(from) || !chunks.length) return;
+  if (pausedSeeds.has(seedId)) return;
+  if (stoppedSeeding.has(seedId)) return;
+  if (!localComplete.has(seedId)) return;
+
+  await acquireServeSlot();
+  try {
+    const ipc = beaconIpc();
+    if (typeof ipc?.beaconServeChunksTcp === 'function') {
+      const res = await ipc.beaconServeChunksTcp({ to: from, seedId, chunkIndices: chunks });
+      const sent = Number(res?.sent) || 0;
+      if (sent > 0) {
+        recordBandwidthSample({ upBps: sent * BEACON_CHUNK_SIZE * 8 });
+      }
+      return;
+    }
+
+    let payloads = [];
+    if (meshApi?.beaconReadChunksBatch) {
+      const res = await meshApi.beaconReadChunksBatch({ seedId, chunkIndices: chunks });
+      payloads = (res?.chunks || []).filter((c) => c?.ok && c.data);
+    } else {
+      payloads = (
+        await Promise.all(
+          chunks.map(async (idx) => {
+            const exists = await meshApi?.beaconChunkExists?.({ seedId, chunkIndex: idx });
+            if (!exists) return null;
+            const res = await meshApi?.beaconReadChunk?.({ seedId, chunkIndex: idx });
+            if (!res?.ok || !res.data) return null;
+            return { chunkIndex: idx, data: res.data };
+          })
+        )
+      ).filter(Boolean);
+    }
+
+    const sends = [];
+    for (let i = 0; i < payloads.length; i += SEED_TCP_BATCH) {
+      const batch = payloads.slice(i, i + SEED_TCP_BATCH);
+      if (batch.length === 1) {
+        const { chunkIndex, data } = batch[0];
+        sends.push(
+          api.sendTcpMessage({
+            type: 'seed-chunk',
+            to: from,
+            from: config.blipId,
+            seedId,
+            chunkIndex,
+            data,
+          })
+        );
+      } else {
+        sends.push(
+          api.sendTcpMessage({
+            type: 'seed-chunks-batch',
+            to: from,
+            from: config.blipId,
+            seedId,
+            chunks: batch,
+          })
+        );
+      }
+    }
+    void Promise.allSettled(sends);
+    const bytesUp = payloads.reduce((n, p) => n + (p.data?.length || 0) * 0.75, 0);
+    if (bytesUp > 0) recordBandwidthSample({ upBps: bytesUp * 8 });
+  } finally {
+    releaseServeSlot();
+  }
+}
+
+async function respondSeedHaveRequest(msg, api, config) {
+  const from = Number(msg.from);
+  const seedId = String(msg.seedId || '');
+  const totalChunks = Number(msg.totalChunks) || 0;
+  if (!seedId || !Number.isFinite(from) || !localComplete.has(seedId)) return;
+  let bitmap = '';
+  if (meshApi?.beaconHaveBitmap) {
+    const res = await meshApi.beaconHaveBitmap({ seedId, totalChunks });
+    bitmap = res?.bitmap || '';
+  }
+  await api.sendTcpMessage({
+    type: 'seed-have',
+    to: from,
+    from: config.blipId,
+    seedId,
+    totalChunks,
+    bitmap,
+  });
+}
+
+function ingestPeerHave(msg) {
+  const seedId = String(msg.seedId || '');
+  const from = Number(msg.from);
+  const bitmap = String(msg.bitmap || '');
+  if (!seedId || !Number.isFinite(from)) return;
+  peerHaveBitmaps.set(peerHaveKey(seedId, from), bitmap);
+  const pending = pendingHave.get(peerHaveKey(seedId, from));
+  if (pending) pending(bitmap);
+}
+
+function resolveIncomingChunksBatch(msg) {
+  const seedId = String(msg.seedId || '');
+  const chunks = Array.isArray(msg.chunks) ? msg.chunks : [];
+  for (const c of chunks) {
+    if (c?.data != null && Number.isFinite(Number(c.chunkIndex))) {
+      resolveIncomingChunk({ seedId, chunkIndex: c.chunkIndex, data: c.data });
+    }
+  }
+}
+
+function resolveIncomingChunk(msg) {
+  const seedId = String(msg.seedId || '');
+  const idx = Number(msg.chunkIndex);
+  const data = String(msg.data || '');
+  if (!seedId || !Number.isFinite(idx) || !data) return;
+  const key = `${seedId}:${idx}`;
+  const pending = pendingChunks.get(key);
+  if (pending) pending.resolve(data);
+}
+
+/**
+ * @param {{ api: object, getConfig: () => object, getPeers?: () => object[], getPeerLatency?: (id: number) => number }} opts
+ */
+export function initBeaconMesh(opts) {
+  meshApi = opts.api;
+  getConfig = opts.getConfig;
+  getPeers = opts.getPeers || (() => []);
+  getPeerLatency = opts.getPeerLatency || (() => 9999);
+  opts.api?.onSeedUdp?.((data) => ingestSeedUdp(data));
+  window.addEventListener('beforeunload', stopBeaconPulse);
+  void loadLocalSeeds().then(() => startBeaconPulse());
+}
+
+export function refreshBeaconMesh() {
+  void loadLocalSeeds().then(() => startBeaconPulse());
+}
+
+export function isSeedPaused(seedId) {
+  return pausedSeeds.has(seedId);
+}
+
+export function setSeedPaused(seedId, paused) {
+  if (paused) pausedSeeds.add(seedId);
+  else pausedSeeds.delete(seedId);
+  emitCatalog();
+}
+
+export function setAllSeedsPaused(paused) {
+  pausedSeeds.clear();
+  if (paused) {
+    for (const seedId of localComplete) pausedSeeds.add(seedId);
+  }
+  emitCatalog();
+}
+
+export async function stopAllBeaconSeeds() {
+  for (const seedId of [...localComplete]) {
+    if (stoppedSeeding.has(seedId)) continue;
+    try {
+      await stopBeaconSeed(seedId);
+    } catch {
+      /* skip */
+    }
+  }
+  return true;
+}
+
+export function buildBeaconSeedLink(seedId) {
+  return `blip://seed/${String(seedId || '').trim()}`;
+}
+
+export function buildBeaconAttachment(meta) {
+  if (!meta?.seedId) return null;
+  return {
+    kind: 'file',
+    name: meta.filename || 'file',
+    size: meta.size || 0,
+    seedId: meta.seedId,
+    beacon: true,
+  };
+}
+
+export function hasLocalSeedData(seedId) {
+  return localSeedIds.has(String(seedId || ''));
+}
+
+/**
+ * Delete local seed data and remove from catalog. Stops mesh sharing first if needed.
+ */
+export async function deleteBeaconSeed(seedId) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  seedId = String(seedId || '').trim();
+  if (!seedId) throw new Error('invalid');
+
+  if (localComplete.has(seedId) && !stoppedSeeding.has(seedId)) {
+    try {
+      await stopBeaconSeed(seedId);
+    } catch {
+      /* still delete local */
+    }
+  }
+
+  pausedSeeds.delete(seedId);
+  stoppedSeeding.delete(seedId);
+  localComplete.delete(seedId);
+  localSeedIds.delete(seedId);
+  jobProgress.delete(seedId);
+  catalog.delete(seedId);
+  peerHaveBitmaps.forEach((_, key) => {
+    if (key.startsWith(`${seedId}:`)) peerHaveBitmaps.delete(key);
+  });
+
+  await meshApi?.beaconDeleteSeed?.({ seedId });
+  syncTrayProgress();
+  emitCatalog();
+  return true;
+}
+
+/** Register a .blip descriptor and return seedId (starts download via UI). */
+export function registerBlipSeedDescriptor(doc) {
+  if (!doc?.seedId) throw new Error('invalid');
+  upsertCatalogEntry({
+    seedId: doc.seedId,
+    filename: doc.filename,
+    size: doc.size,
+    chunkSize: doc.chunkSize || BEACON_CHUNK_SIZE,
+    totalChunks: doc.totalChunks,
+  });
+  emitCatalog();
+  return doc.seedId;
+}
+
+export async function openBlipSeedFileContent(text) {
+  const doc = parseBlipSeedFile(text);
+  if (!doc) throw new Error('invalid_blip');
+  registerBlipSeedDescriptor(doc);
+  return doc;
+}
+
+export async function getBeaconSeedExportMeta(seedId) {
+  const meta = await meshApi?.beaconReadMeta?.({ seedId });
+  if (meta?.seedId) return meta;
+  const entry = catalog.get(seedId);
+  if (!entry) return null;
+  return {
+    seedId,
+    filename: entry.filename,
+    size: entry.size,
+    chunkSize: entry.chunkSize,
+    totalChunks: entry.totalChunks,
+  };
+}
+
+/** Stop sharing chunks on the mesh; local files stay for Save / re-seed. */
+export async function stopBeaconSeed(seedId) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  seedId = String(seedId || '');
+  if (!seedId || !localComplete.has(seedId)) throw new Error('not_seeding');
+
+  pausedSeeds.delete(seedId);
+  stoppedSeeding.add(seedId);
+
+  const entry = catalog.get(seedId);
+  if (entry) {
+    entry.seeders.delete(cfg.blipId);
+    if (entry.seeders.size === 0) catalog.delete(seedId);
+  }
+
+  jobProgress.delete(seedId);
+
+  if (meshApi?.beaconSendUdp) {
+    await meshApi.beaconSendUdp({
+      type: 'seed-gone',
+      seedId,
+      blipId: cfg.blipId,
+      timestamp: Date.now(),
+    });
+  }
+
+  emitCatalog();
+  startBeaconPulse();
+  return true;
+}
+
+export function isSeedStopped(seedId) {
+  return stoppedSeeding.has(String(seedId || ''));
+}
+
+/** Re-announce a locally complete seed after stop. */
+export async function resumeBeaconSeeding(seedId) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  seedId = String(seedId || '');
+  if (!localComplete.has(seedId)) throw new Error('not_local');
+  const meta = await meshApi?.beaconReadMeta?.({ seedId });
+  if (!meta?.seedId) throw new Error('no_meta');
+  stoppedSeeding.delete(seedId);
+  pausedSeeds.delete(seedId);
+  await announceSeed(meta);
+  startBeaconPulse();
+  return true;
+}
+
+export function getBeaconJobProgress(seedId) {
+  return jobProgress.get(seedId) || null;
+}
+
+export function isSeedLocalComplete(seedId) {
+  return localComplete.has(seedId);
+}
+
+export function getBeaconCatalog() {
+  const cfg = getConfig();
+  const rows = [...catalog.values()].map((e) => {
+    const local = localComplete.has(e.seedId);
+    const job = jobProgress.get(e.seedId);
+    const paused = pausedSeeds.has(e.seedId);
+    const stopped = stoppedSeeding.has(e.seedId);
+    const activelySeeding = local && !stopped && !paused;
+    return {
+      seedId: e.seedId,
+      filename: e.filename,
+      size: e.size,
+      chunkSize: e.chunkSize,
+      totalChunks: e.totalChunks,
+      seederCount: e.seeders.size,
+      leechers: e.leechers || 0,
+      updatedAt: e.updatedAt,
+      local,
+      mine: activelySeeding && e.seeders.has(cfg.blipId),
+      canSave: local,
+      paused,
+      stopped,
+      progress: job?.progress ?? (local ? 100 : 0),
+      phase: job?.phase || (local ? 'ready' : ''),
+      previewB64: e.previewB64 || '',
+      previewUrl: previewDataUrlFromB64(e.previewB64),
+      hasLocalData: localSeedIds.has(e.seedId),
+      status: stopped
+        ? 'stopped'
+        : paused
+          ? 'paused'
+          : job?.phase || (activelySeeding ? 'seeding' : local ? 'local' : 'available'),
+    };
+  });
+
+  if (pendingIngest) {
+    const job = jobProgress.get(pendingIngest.seedId);
+    rows.unshift({
+      seedId: pendingIngest.seedId,
+      filename: pendingIngest.filename,
+      size: pendingIngest.size,
+      chunkSize: BEACON_CHUNK_SIZE,
+      totalChunks: 0,
+      seederCount: 0,
+      leechers: 0,
+      updatedAt: Date.now(),
+      local: false,
+      mine: true,
+      canSave: false,
+      paused: false,
+      stopped: false,
+      progress: job?.progress ?? 0,
+      phase: job?.phase || 'hashing',
+      previewB64: '',
+      previewUrl: null,
+      hasLocalData: false,
+      status: job?.phase || 'hashing',
+      pendingIngest: true,
+    });
+  }
+
+  return rows;
+}
+
+/**
+ * @returns {boolean} true if handled
+ */
+export function handleBeaconTcp(msg, { api, config }) {
+  if (!config?.devBeaconEnabled) return false;
+  switch (msg.type) {
+    case 'seed-request':
+      void serveSeedRequest(msg, api, config);
+      return true;
+    case 'seed-have-request':
+      void respondSeedHaveRequest(msg, api, config);
+      return true;
+    case 'seed-chunk':
+      resolveIncomingChunk(msg);
+      return true;
+    case 'seed-chunks-batch':
+      resolveIncomingChunksBatch(msg);
+      return true;
+    case 'seed-have':
+      ingestPeerHave(msg);
+      return true;
+    default:
+      return false;
+  }
+}
+
+export async function announceSeed(meta) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled || !meshApi?.beaconSendUdp) return false;
+  upsertCatalogEntry({ ...meta, blipId: cfg.blipId });
+  const packet = {
+    type: 'seed-announce',
+    ...meta,
+    blipId: cfg.blipId,
+    chunkSize: meta.chunkSize || BEACON_CHUNK_SIZE,
+    timestamp: Date.now(),
+  };
+  if (meta.previewB64 && meta.previewB64.length < 4000) {
+    packet.previewB64 = meta.previewB64;
+  }
+  await meshApi.beaconSendUdp(packet);
+  emitCatalog();
+  return true;
+}
+
+/**
+ * Publish a file into the mesh library.
+ * @param {File} file
+ */
+/** Renderer-only publish for tiny files without a disk path. */
+const RENDERER_PUBLISH_MAX = 4 * 1024 * 1024;
+
+/**
+ * Publish from absolute path (main-process read). Preferred for all sizes.
+ * @param {string} filePath
+ */
+export async function publishBeaconFilePath(filePath) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  const p = String(filePath || '').trim();
+  if (!p) throw new Error('no_path');
+  if (!beaconIpc()?.beaconPublishFromPath) throw new Error('no_path');
+  return publishBeaconFileFromPath(p, null);
+}
+
+export async function publishBeaconFile(file) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  const maxBytes = getMaxFileBytes(cfg);
+  if (!file || file.size <= 0) throw new Error('empty');
+  if (file.size > maxBytes) throw new Error('too_large');
+
+  const diskPath = resolvePublishFilePath(file);
+  if (diskPath && beaconIpc()?.beaconPublishFromPath) {
+    return publishBeaconFileFromPath(diskPath, file);
+  }
+  if (!diskPath && file.size > RENDERER_PUBLISH_MAX) {
+    throw new Error('no_path');
+  }
+
+  const chunkSize = BEACON_CHUNK_SIZE;
+  const totalChunks = Math.ceil(file.size / chunkSize);
+  const hashKey = `hash-${Date.now()}`;
+  setJobProgress(hashKey, 5, 'hashing');
+
+  let seedId;
+  try {
+    seedId = await computeSeedId(file);
+  } finally {
+    jobProgress.delete(hashKey);
+  }
+
+  setJobProgress(seedId, 8, 'publishing');
+
+  const meta = {
+    seedId,
+    filename: file.name || 'file',
+    size: file.size,
+    chunkSize,
+    totalChunks,
+    mime: file.type || 'application/octet-stream',
+    publishedAt: Date.now(),
+  };
+
+  let previewB64 = null;
+  if (file.size <= 8 * 1024 * 1024) {
+    previewB64 = await generatePreviewFromFile(file);
+  }
+  if (previewB64) {
+    meta.previewB64 = previewB64;
+    await meshApi?.beaconWritePreview?.({ seedId, data: previewB64 });
+  }
+
+  try {
+    await ipcWriteMeta(seedId, meta);
+    localSeedIds.add(seedId);
+
+    for (let i = 0; i < totalChunks; i++) {
+      const batch = [];
+      const end = Math.min(totalChunks, i + 8);
+      for (let j = i; j < end; j++) {
+        const start = j * chunkSize;
+        const sliceEnd = Math.min(file.size, start + chunkSize);
+        const data = await readFileSliceAsBase64(file, start, sliceEnd);
+        batch.push({ chunkIndex: j, data });
+      }
+      if (meshApi?.beaconWriteChunksBatch) {
+        await meshApi.beaconWriteChunksBatch({ seedId, chunks: batch });
+      } else {
+        for (const { chunkIndex, data } of batch) {
+          await ipcWriteChunk(seedId, chunkIndex, data);
+        }
+      }
+      i = end - 1;
+      setJobProgress(seedId, Math.round(8 + (end / totalChunks) * 82), 'publishing');
+    }
+
+    localComplete.add(seedId);
+    localSeedIds.add(seedId);
+    stoppedSeeding.delete(seedId);
+    upsertCatalogEntry({ ...meta, blipId: cfg.blipId });
+    await announceSeed(meta);
+    setJobProgress(seedId, 100, 'ready');
+    clearJobProgress(seedId);
+    return meta;
+  } catch (err) {
+    localComplete.delete(seedId);
+    clearJobProgress(seedId);
+    throw err;
+  }
+}
+
+/**
+ * Download a seed from mesh peers and save via system dialog.
+ * @param {string} seedId
+ */
+export async function downloadBeaconSeed(seedId) {
+  const cfg = getConfig();
+  if (!cfg?.devBeaconEnabled) throw new Error('disabled');
+  const entry = catalog.get(seedId);
+  if (!entry) throw new Error('not_found');
+
+  if (localComplete.has(seedId)) {
+    await ensureLocalMeta(seedId, entry);
+    const res = await meshApi.beaconSaveAssembled?.({
+      seedId,
+      defaultName: entry.filename,
+    });
+    if (res?.cancelled) return { cancelled: true };
+    if (!res?.ok) {
+      if (res?.error === 'no_meta') localComplete.delete(seedId);
+      throw new Error(res?.error || 'save_failed');
+    }
+    return res;
+  }
+
+  const total = entry.totalChunks;
+  const missing = await collectMissingChunks(seedId, total);
+
+  if (missing.size === 0) {
+    await ensureLocalMeta(seedId, entry);
+    localComplete.add(seedId);
+    localSeedIds.add(seedId);
+    stoppedSeeding.delete(seedId);
+    upsertCatalogEntry({ ...entry, blipId: cfg.blipId });
+    await announceSeed({
+      seedId,
+      filename: entry.filename,
+      size: entry.size,
+      chunkSize: entry.chunkSize,
+      totalChunks: entry.totalChunks,
+    });
+    const res = await meshApi.beaconSaveAssembled?.({
+      seedId,
+      defaultName: entry.filename,
+    });
+    if (res?.cancelled) return { cancelled: true };
+    if (!res?.ok) {
+      if (res?.error === 'no_meta') localComplete.delete(seedId);
+      throw new Error(res?.error || 'save_failed');
+    }
+    return res;
+  }
+
+  setJobProgress(seedId, Math.round(((total - missing.size) / total) * 100), 'downloading');
+
+  const allPeers = pickDownloadPeers(seedId, missing);
+  if (allPeers.length) await refreshPeerHaves(seedId, allPeers, total);
+
+  let stallRounds = 0;
+  let downloadedBytes = 0;
+  const dlStarted = Date.now();
+  while (missing.size > 0) {
+    const peers = pickDownloadPeers(seedId, missing);
+    if (!peers.length) throw new Error('no_seeders');
+
+    const before = missing.size;
+    const assignments = planChunkAssignments(peers, missing, CHUNK_REQUEST_BATCH);
+    const got = await Promise.all(
+      assignments.map(({ peerId, chunks }) => requestChunksFromPeer(peerId, seedId, chunks))
+    );
+    for (const indices of got) {
+      for (const idx of indices) missing.delete(idx);
+      downloadedBytes += indices.length * (entry.chunkSize || BEACON_CHUNK_SIZE);
+    }
+
+    const elapsed = Math.max(0.001, (Date.now() - dlStarted) / 1000);
+    const speedBps = downloadedBytes / elapsed;
+    setJobProgress(seedId, Math.round(((total - missing.size) / total) * 100), 'downloading');
+    jobProgress.set(seedId, {
+      progress: Math.round(((total - missing.size) / total) * 100),
+      phase: 'downloading',
+      speedBps,
+    });
+    emitProgress(seedId);
+    recordBandwidthSample({ downBps: speedBps });
+    syncTrayProgress();
+
+    if (missing.size === before) {
+      stallRounds += 1;
+      if (stallRounds >= 4) {
+        await refreshPeerHaves(seedId, peers, total);
+        stallRounds = 0;
+        if (missing.size === before) throw new Error('stalled');
+      }
+    } else {
+      stallRounds = 0;
+    }
+  }
+
+  const meta = await meshApi.beaconReadMeta?.({ seedId });
+  if (meta) await meshApi.beaconWriteMeta?.({ seedId, meta });
+
+  localComplete.add(seedId);
+  stoppedSeeding.delete(seedId);
+  upsertCatalogEntry({ ...entry, blipId: cfg.blipId });
+  await ensureLocalMeta(seedId, entry);
+  await announceSeed({
+    seedId,
+    filename: entry.filename,
+    size: entry.size,
+    chunkSize: entry.chunkSize,
+    totalChunks: entry.totalChunks,
+  });
+
+  setJobProgress(seedId, 100, 'saving');
+  const res = await meshApi.beaconSaveAssembled?.({
+    seedId,
+    defaultName: entry.filename,
+  });
+  clearJobProgress(seedId);
+  void meshApi?.setTrayTransferProgress?.(null);
+  if (res?.cancelled) return { cancelled: true };
+  if (!res?.ok) throw new Error(res?.error || 'save_failed');
+  return res;
+}
diff --git a/renderer/beacon-pixel-icon.js b/renderer/beacon-pixel-icon.js
new file mode 100644
index 0000000..1e897a8
--- /dev/null
+++ b/renderer/beacon-pixel-icon.js
@@ -0,0 +1,21 @@
+/**
+ * CSS pixel-art lighthouse for BEACON nav and hero.
+ */
+
+export function createBeaconPixelIcon(className = 'beacon-pixel-icon') {
+  const el = document.createElement('span');
+  el.className = className;
+  el.setAttribute('aria-hidden', 'true');
+  return el;
+}
+
+export function createBeaconHeroTower() {
+  const wrap = document.createElement('div');
+  wrap.className = 'beacon-hero-tower';
+  wrap.appendChild(createBeaconPixelIcon('beacon-pixel-icon beacon-pixel-icon--hero'));
+  const beam = document.createElement('span');
+  beam.className = 'beacon-hero-beam';
+  beam.setAttribute('aria-hidden', 'true');
+  wrap.appendChild(beam);
+  return wrap;
+}
diff --git a/renderer/beacon-row-menu.js b/renderer/beacon-row-menu.js
new file mode 100644
index 0000000..9459f1f
--- /dev/null
+++ b/renderer/beacon-row-menu.js
@@ -0,0 +1,87 @@
+import { t } from './i18n.js';
+
+let openMenu = null;
+
+function closeOpenMenu() {
+  if (!openMenu) return;
+  openMenu.el.remove();
+  openMenu.cleanup?.();
+  openMenu = null;
+}
+
+/**
+ * @param {HTMLElement} anchor
+ * @param {Array<{ id: string, label: string, onClick: () => void, danger?: boolean, disabled?: boolean }>} items
+ */
+export function openBeaconRowMenu(anchor, items) {
+  closeOpenMenu();
+
+  const menu = document.createElement('div');
+  menu.className = 'beacon-row-menu glass';
+  menu.setAttribute('role', 'menu');
+
+  for (const item of items) {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = `beacon-row-menu-item${item.danger ? ' beacon-row-menu-item--danger' : ''}`;
+    btn.textContent = item.label;
+    btn.disabled = !!item.disabled;
+    btn.setAttribute('role', 'menuitem');
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      if (item.disabled) return;
+      closeOpenMenu();
+      item.onClick?.();
+    });
+    menu.appendChild(btn);
+  }
+
+  document.body.appendChild(menu);
+
+  const rect = anchor.getBoundingClientRect();
+  const mw = menu.offsetWidth;
+  const mh = menu.offsetHeight;
+  let left = rect.right - mw;
+  let top = rect.bottom + 4;
+  if (left < 8) left = 8;
+  if (top + mh > window.innerHeight - 8) top = rect.top - mh - 4;
+  menu.style.left = `${Math.round(left)}px`;
+  menu.style.top = `${Math.round(top)}px`;
+
+  const onDoc = (e) => {
+    if (menu.contains(e.target) || anchor.contains(e.target)) return;
+    closeOpenMenu();
+  };
+  const onKey = (e) => {
+    if (e.key === 'Escape') closeOpenMenu();
+  };
+  const onScroll = () => closeOpenMenu();
+
+  setTimeout(() => {
+    document.addEventListener('pointerdown', onDoc, true);
+    document.addEventListener('keydown', onKey);
+    window.addEventListener('scroll', onScroll, true);
+  }, 0);
+
+  openMenu = {
+    el: menu,
+    cleanup: () => {
+      document.removeEventListener('pointerdown', onDoc, true);
+      document.removeEventListener('keydown', onKey);
+      window.removeEventListener('scroll', onScroll, true);
+    },
+  };
+}
+
+export function createBeaconRowMenuButton(onOpen) {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = 'beacon-row-menu-btn';
+  btn.setAttribute('aria-label', t('beacon.actions_menu'));
+  btn.setAttribute('aria-haspopup', 'menu');
+  btn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    onOpen(btn);
+  });
+  return btn;
+}
diff --git a/renderer/beacon-seed-file.js b/renderer/beacon-seed-file.js
new file mode 100644
index 0000000..bc4a796
--- /dev/null
+++ b/renderer/beacon-seed-file.js
@@ -0,0 +1,78 @@
+/**
+ * .blip seed descriptor files (torrent-style magnet for BEACON).
+ */
+
+const BLIP_SEED_V = 1;
+
+/**
+ * @param {object} meta
+ * @returns {string}
+ */
+export function serializeBlipSeedFile(meta) {
+  const seedId = String(meta?.seedId || '').trim();
+  const doc = {
+    v: BLIP_SEED_V,
+    type: 'blip-seed',
+    seedId,
+    filename: String(meta?.filename || 'file'),
+    size: Number(meta?.size) || 0,
+    chunkSize: Number(meta?.chunkSize) || 0,
+    totalChunks: Number(meta?.totalChunks) || 0,
+    link: `blip://seed/${seedId}`,
+  };
+  return `# BLIP Seed\n${JSON.stringify(doc, null, 2)}\n`;
+}
+
+/**
+ * @param {string} raw
+ * @returns {{ seedId: string, filename: string, size: number, chunkSize: number, totalChunks: number, link: string } | null}
+ */
+export function parseBlipSeedFile(raw) {
+  const text = String(raw || '').trim();
+  if (!text) return null;
+  const jsonStart = text.indexOf('{');
+  if (jsonStart < 0) return null;
+  let doc;
+  try {
+    doc = JSON.parse(text.slice(jsonStart));
+  } catch {
+    return null;
+  }
+  const seedId = String(doc?.seedId || '')
+    .replace(/[^a-f0-9]/gi, '')
+    .slice(0, 64);
+  if (!seedId || doc?.type !== 'blip-seed') return null;
+  return {
+    seedId,
+    filename: String(doc.filename || 'file'),
+    size: Number(doc.size) || 0,
+    chunkSize: Number(doc.chunkSize) || 0,
+    totalChunks: Number(doc.totalChunks) || 0,
+    link: String(doc.link || `blip://seed/${seedId}`),
+  };
+}
+
+/**
+ * @param {object} meta
+ * @param {string} [suggestedName]
+ */
+export function downloadBlipSeedFile(meta, suggestedName) {
+  const seedId = String(meta?.seedId || '').trim();
+  const base = String(suggestedName || meta?.filename || 'seed')
+    .replace(/\.[^.]+$/, '')
+    .replace(/[^\w.\-()+\s]/g, '_')
+    .slice(0, 80);
+  const name = `${base || seedId.slice(0, 8)}.blip`;
+  const blob = new Blob([serializeBlipSeedFile(meta)], {
+    type: 'application/vnd.blip.seed+json',
+  });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = name;
+  a.rel = 'noopener';
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+}
diff --git a/renderer/beacon-ui.js b/renderer/beacon-ui.js
new file mode 100644
index 0000000..7f13000
--- /dev/null
+++ b/renderer/beacon-ui.js
@@ -0,0 +1,1012 @@
+import { t } from './i18n.js';
+import {
+  getBeaconCatalog,
+  publishBeaconFile,
+  publishBeaconFilePath,
+  downloadBeaconSeed,
+  refreshBeaconLocalState,
+  setSeedPaused,
+  setAllSeedsPaused,
+  stopBeaconSeed,
+  stopAllBeaconSeeds,
+  resumeBeaconSeeding,
+  buildBeaconSeedLink,
+  getBeaconJobProgress,
+  resolveBeaconPreviewUrl,
+  deleteBeaconSeed,
+  hasLocalSeedData,
+  openBlipSeedFileContent,
+  getBeaconSeedExportMeta,
+} from './beacon-mesh.js';
+import { formatFileSize } from './file-transfer.js';
+import { formatTransferSpeed } from './file-transfer-speed.js';
+import { showAppToast } from './toasts.js';
+import { createPixelHintIcon } from './settings-ui.js';
+import { copyTextToClipboard } from './settings-ui.js';
+import { getBandwidthRates, subscribeBandwidth } from './bandwidth-monitor.js';
+import { openBeaconRowMenu, createBeaconRowMenuButton } from './beacon-row-menu.js';
+import { downloadBlipSeedFile } from './beacon-seed-file.js';
+
+/** @type {'mesh' | 'mine' | 'downloads'} */
+let activeTab = 'mesh';
+let tableBodyEl = null;
+let statsRootEl = null;
+let bwUnsub = null;
+let searchQuery = '';
+let publishBusy = false;
+/** @type {HTMLElement | null} */
+let publishOverlayEl = null;
+/** @type {() => object} */
+let getUiConfig = () => ({});
+
+function ensurePublishOverlay(wrap) {
+  if (publishOverlayEl?.isConnected) return publishOverlayEl;
+  const host = wrap.querySelector('.beacon-view') || wrap;
+  const overlay = document.createElement('div');
+  overlay.className = 'beacon-publish-overlay hidden';
+  overlay.setAttribute('role', 'status');
+  overlay.setAttribute('aria-live', 'polite');
+  overlay.innerHTML = `
+    <div class="beacon-publish-overlay-card glass">
+      <div class="beacon-publish-overlay-spinner" aria-hidden="true"></div>
+      <strong class="beacon-publish-overlay-title" data-i18n="beacon.publishing"></strong>
+      <span class="beacon-publish-overlay-name"></span>
+      <div class="beacon-progress-track beacon-progress-track--pixel beacon-publish-overlay-track">
+        <div class="beacon-progress-fill beacon-publish-overlay-fill"></div>
+      </div>
+      <span class="beacon-publish-overlay-pct beacon-sub">0%</span>
+      <span class="beacon-publish-overlay-phase beacon-sub" data-i18n="beacon.status_hashing"></span>
+    </div>
+  `;
+  host.appendChild(overlay);
+  publishOverlayEl = overlay;
+  return overlay;
+}
+
+function showPublishOverlay(wrap, filename) {
+  const overlay = ensurePublishOverlay(wrap);
+  overlay.classList.remove('hidden');
+  const title = overlay.querySelector('.beacon-publish-overlay-title');
+  if (title) title.textContent = t('beacon.publishing');
+  const nameEl = overlay.querySelector('.beacon-publish-overlay-name');
+  if (nameEl) nameEl.textContent = filename || '';
+  const fill = overlay.querySelector('.beacon-publish-overlay-fill');
+  if (fill) fill.style.width = '0%';
+  const pct = overlay.querySelector('.beacon-publish-overlay-pct');
+  if (pct) pct.textContent = '0%';
+  const phase = overlay.querySelector('.beacon-publish-overlay-phase');
+  if (phase) {
+    phase.dataset.i18n = 'beacon.status_hashing';
+    phase.textContent = t('beacon.status_hashing');
+  }
+  activeTab = 'downloads';
+  setActiveTab('downloads', wrap);
+  renderTableRows();
+}
+
+function updatePublishOverlay(progress, phase) {
+  if (!publishOverlayEl || publishOverlayEl.classList.contains('hidden')) return;
+  const pctVal = Math.max(0, Math.min(100, Math.round(Number(progress) || 0)));
+  const fill = publishOverlayEl.querySelector('.beacon-publish-overlay-fill');
+  if (fill) fill.style.width = `${pctVal}%`;
+  const pct = publishOverlayEl.querySelector('.beacon-publish-overlay-pct');
+  if (pct) pct.textContent = `${pctVal}%`;
+  const phaseEl = publishOverlayEl.querySelector('.beacon-publish-overlay-phase');
+  if (phaseEl) {
+    const key =
+      phase === 'publishing'
+        ? 'beacon.status_publishing'
+        : phase === 'hashing'
+          ? 'beacon.status_hashing'
+          : 'beacon.publishing';
+    phaseEl.dataset.i18n = key;
+    phaseEl.textContent = t(key);
+  }
+}
+
+function hidePublishOverlay() {
+  publishOverlayEl?.classList.add('hidden');
+}
+
+async function copySeedLink(seedId) {
+  const link = buildBeaconSeedLink(seedId);
+  const ok = await copyTextToClipboard(link);
+  showAppToast({
+    title: ok ? t('beacon.link_copied') : t('beacon.copy_failed'),
+    body: link,
+    variant: ok ? 'accent' : 'danger',
+    durationMs: ok ? 3200 : 5000,
+  });
+}
+
+async function confirmDeleteSeed(item) {
+  const name = item.filename || item.seedId.slice(0, 8);
+  const ok = window.confirm(t('beacon.delete_confirm').replace('{name}', name));
+  if (!ok) return;
+  try {
+    await deleteBeaconSeed(item.seedId);
+    showAppToast({ title: t('beacon.deleted'), durationMs: 3500 });
+    renderTableRows();
+  } catch (err) {
+    showAppToast({
+      title: t('beacon.failed'),
+      body: err?.message || '',
+      variant: 'danger',
+      durationMs: 5000,
+    });
+  }
+}
+
+function buildSeedMenuItems(item) {
+  const busy =
+    item.phase === 'hashing' || item.phase === 'publishing' || item.phase === 'downloading';
+
+  if (busy) {
+    if (item.hasLocalData || hasLocalSeedData(item.seedId)) {
+      return [
+        {
+          id: 'delete',
+          label: t('beacon.delete'),
+          danger: true,
+          onClick: () => void confirmDeleteSeed(item),
+        },
+      ];
+    }
+    return [];
+  }
+
+  const items = [];
+
+  if (!busy && !item.canSave && item.seederCount > 0) {
+    items.push({
+      id: 'download',
+      label: t('beacon.download'),
+      onClick: () => {
+        void downloadBeaconSeed(item.seedId)
+          .then((res) => {
+            if (res?.cancelled) return;
+            showAppToast({ title: t('beacon.saved'), durationMs: 4000 });
+          })
+          .catch((err) => {
+            showAppToast({
+              title: t('beacon.failed'),
+              body: err?.message || '',
+              variant: 'danger',
+              durationMs: 5000,
+            });
+          })
+          .finally(renderTableRows);
+      },
+    });
+  }
+
+  if (!busy && item.canSave) {
+    items.push({
+      id: 'save',
+      label: t('beacon.save'),
+      onClick: () => {
+        void downloadBeaconSeed(item.seedId)
+          .then((res) => {
+            if (res?.cancelled) return;
+            showAppToast({ title: t('beacon.saved'), durationMs: 4000 });
+          })
+          .catch((err) => {
+            showAppToast({
+              title: t('beacon.failed'),
+              body: err?.message || '',
+              variant: 'danger',
+              durationMs: 5000,
+            });
+          });
+      },
+    });
+  }
+
+  if (!busy && item.canSave) {
+    if (item.stopped) {
+      items.push({
+        id: 'resume_seed',
+        label: t('beacon.resume_seed'),
+        onClick: () => {
+          void resumeBeaconSeeding(item.seedId)
+            .then(renderTableRows)
+            .catch((err) => {
+              showAppToast({
+                title: t('beacon.failed'),
+                body: err?.message || '',
+                variant: 'danger',
+                durationMs: 5000,
+              });
+            });
+        },
+      });
+    } else {
+      items.push({
+        id: 'pause',
+        label: item.paused ? t('beacon.resume') : t('beacon.pause'),
+        onClick: () => {
+          setSeedPaused(item.seedId, !item.paused);
+          renderTableRows();
+        },
+      });
+      items.push({
+        id: 'stop',
+        label: t('beacon.stop'),
+        onClick: () => {
+          void stopBeaconSeed(item.seedId)
+            .then(renderTableRows)
+            .catch((err) => {
+              showAppToast({
+                title: t('beacon.failed'),
+                body: err?.message || '',
+                variant: 'danger',
+                durationMs: 5000,
+              });
+            });
+        },
+      });
+    }
+  }
+
+  if (!busy) {
+    items.push({
+      id: 'copy',
+      label: t('beacon.copy_link'),
+      onClick: () => void copySeedLink(item.seedId),
+    });
+    items.push({
+      id: 'blip',
+      label: t('beacon.save_blip_file'),
+      onClick: () => {
+        void getBeaconSeedExportMeta(item.seedId).then((meta) => {
+          if (!meta?.seedId) {
+            showAppToast({ title: t('beacon.failed'), variant: 'danger', durationMs: 4000 });
+            return;
+          }
+          downloadBlipSeedFile(meta, meta.filename);
+          showAppToast({ title: t('beacon.blip_saved'), durationMs: 3500 });
+        });
+      },
+    });
+  }
+
+  if (!busy && item.canSave) {
+    items.push({
+      id: 'share',
+      label: t('beacon.share_chat'),
+      onClick: () => shareSeedInChat(item),
+    });
+  }
+
+  if (item.hasLocalData || hasLocalSeedData(item.seedId)) {
+    items.push({
+      id: 'delete',
+      label: t('beacon.delete'),
+      danger: true,
+      onClick: () => void confirmDeleteSeed(item),
+    });
+  }
+
+  return items;
+}
+
+function openRowActions(anchor, item) {
+  const menuItems = buildSeedMenuItems(item);
+  if (!menuItems.length) return;
+  openBeaconRowMenu(anchor, menuItems);
+}
+
+function shareSeedInChat(item) {
+  window.dispatchEvent(
+    new CustomEvent('blip-beacon-share-chat', {
+      detail: {
+        seedId: item.seedId,
+        filename: item.filename,
+        size: item.size,
+      },
+    })
+  );
+}
+
+function showSoonToast(key = 'beacon.soon_feature') {
+  showAppToast({ title: t(key), durationMs: 4200 });
+}
+
+function computeStats() {
+  const items = getBeaconCatalog();
+  const mine = items.filter((i) => i.mine || i.canSave).length;
+  const mesh = items.length;
+  const seeders = items.reduce((n, i) => n + i.seederCount, 0);
+  const active = items.filter((i) => i.canSave && !i.paused && !i.stopped).length;
+  return { mine, mesh, seeders, active };
+}
+
+function refreshStats() {
+  if (!statsRootEl) return;
+  const s = computeStats();
+  const rates = getBandwidthRates();
+  const downEl = statsRootEl.querySelector('[data-stat="down"] strong');
+  if (downEl) downEl.textContent = formatTransferSpeed(rates.downBps);
+  const upEl = statsRootEl.querySelector('[data-stat="up"] strong');
+  if (upEl) upEl.textContent = formatTransferSpeed(rates.upBps);
+  const meshEl = statsRootEl.querySelector('[data-stat="mesh"] strong');
+  if (meshEl) meshEl.textContent = String(s.mesh);
+  const mineEl = statsRootEl.querySelector('[data-stat="mine"] strong');
+  if (mineEl) mineEl.textContent = String(s.mine);
+  const seedEl = statsRootEl.querySelector('[data-stat="seeders"] strong');
+  if (seedEl) seedEl.textContent = String(s.seeders);
+  const actEl = statsRootEl.querySelector('[data-stat="active"] strong');
+  if (actEl) actEl.textContent = String(s.active);
+}
+
+function statusLabel(item) {
+  const job = getBeaconJobProgress(item.seedId);
+  if (item.phase === 'downloading' && job?.speedBps) {
+    return formatTransferSpeed(job.speedBps);
+  }
+  if (item.stopped) return t('beacon.status_stopped');
+  if (item.paused) return t('beacon.status_paused');
+  if (item.phase === 'hashing') return t('beacon.status_hashing');
+  if (item.phase === 'publishing') return t('beacon.status_publishing');
+  if (item.phase === 'downloading') return t('beacon.status_downloading');
+  if (item.canSave) return t('beacon.status_seeding');
+  return t('beacon.status_available');
+}
+
+function filterItems(tab) {
+  const q = searchQuery.trim().toLowerCase();
+  const match = (i) =>
+    !q ||
+    i.filename.toLowerCase().includes(q) ||
+    i.seedId.toLowerCase().includes(q);
+
+  const all = getBeaconCatalog().filter(match);
+  if (tab === 'mine') return all.filter((i) => i.mine || i.canSave);
+  if (tab === 'downloads') {
+    return all.filter(
+      (i) =>
+        i.phase === 'downloading' ||
+        i.phase === 'publishing' ||
+        i.phase === 'hashing' ||
+        (i.progress > 0 && i.progress < 100)
+    );
+  }
+  return all;
+}
+
+function mkBtn(labelKey, className, onClick, { disabled = false, soon = false } = {}) {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = className;
+  btn.dataset.i18n = labelKey;
+  btn.textContent = t(labelKey);
+  btn.disabled = disabled;
+  if (soon) {
+    btn.classList.add('beacon-soon-btn');
+    btn.addEventListener('click', () => showSoonToast());
+    return btn;
+  }
+  if (onClick) btn.addEventListener('click', onClick);
+  return btn;
+}
+
+
+function createPreviewThumb(item) {
+  const thumb = document.createElement('div');
+  thumb.className = 'beacon-preview-thumb';
+  const img = document.createElement('img');
+  img.className = 'beacon-preview-img hidden';
+  img.alt = '';
+  img.loading = 'lazy';
+  const glyph = document.createElement('span');
+  glyph.className = 'beacon-preview-glyph pixel-glyph--file';
+  glyph.setAttribute('aria-hidden', 'true');
+  thumb.appendChild(img);
+  thumb.appendChild(glyph);
+
+  const url = item.previewUrl;
+  if (url) {
+    img.src = url;
+    img.classList.remove('hidden');
+    glyph.classList.add('hidden');
+  } else {
+    void resolveBeaconPreviewUrl(item.seedId, item.previewB64).then((resolved) => {
+      if (!resolved || !thumb.isConnected) return;
+      img.src = resolved;
+      img.classList.remove('hidden');
+      glyph.classList.add('hidden');
+    });
+  }
+  return thumb;
+}
+
+function renderTableRows() {
+  if (!tableBodyEl) return;
+  tableBodyEl.innerHTML = '';
+  refreshStats();
+
+  const items = filterItems(activeTab);
+  if (!items.length) {
+    const empty = document.createElement('p');
+    empty.className = 'beacon-empty';
+    const key =
+      activeTab === 'mine'
+        ? 'beacon.empty_mine'
+        : activeTab === 'downloads'
+          ? 'beacon.empty_downloads'
+          : 'beacon.empty';
+    empty.dataset.i18n = key;
+    empty.textContent = t(key);
+    tableBodyEl.appendChild(empty);
+    return;
+  }
+
+  for (const item of items) {
+    const row = document.createElement('div');
+    row.className = `beacon-table-row glass${item.paused ? ' beacon-table-row--paused' : ''}${item.phase === 'downloading' || item.phase === 'publishing' || item.phase === 'hashing' ? ' beacon-table-row--active' : ''}${item.pendingIngest ? ' beacon-table-row--ingest' : ''}`;
+
+    const nameCell = document.createElement('div');
+    nameCell.className = 'beacon-col beacon-col-name';
+    nameCell.appendChild(createPreviewThumb(item));
+    const nameText = document.createElement('div');
+    nameText.className = 'beacon-col-name-text';
+    const nameStrong = document.createElement('strong');
+    nameStrong.textContent = item.filename;
+    const nameSub = document.createElement('span');
+    nameSub.className = 'beacon-sub';
+    nameSub.textContent = `${item.seedId.slice(0, 8)}…${item.mine ? ` · ${t('beacon.mine')}` : ''}`;
+    nameText.appendChild(nameStrong);
+    nameText.appendChild(nameSub);
+    nameCell.appendChild(nameText);
+
+    const sizeCell = document.createElement('div');
+    sizeCell.className = 'beacon-col beacon-col-size';
+    sizeCell.textContent = formatFileSize(item.size);
+
+    const progCell = document.createElement('div');
+    progCell.className = 'beacon-col beacon-col-progress';
+    const track = document.createElement('div');
+    track.className = 'beacon-progress-track beacon-progress-track--pixel';
+    const fill = document.createElement('div');
+    fill.className = 'beacon-progress-fill';
+    const pctVal =
+      item.progress > 0 && item.progress < 100 && item.phase
+        ? item.progress
+        : item.canSave
+          ? 100
+          : 0;
+    fill.style.width = `${pctVal}%`;
+    track.appendChild(fill);
+    progCell.appendChild(track);
+    const pct = document.createElement('span');
+    pct.className = 'beacon-sub';
+    pct.textContent = pctVal ? `${pctVal}%` : '—';
+    progCell.appendChild(pct);
+
+    const seedsCell = document.createElement('div');
+    seedsCell.className = 'beacon-col beacon-col-seeds';
+    seedsCell.innerHTML = `<span class="beacon-seed-pip">${item.seederCount}</span>`;
+
+    const statusCell = document.createElement('div');
+    statusCell.className = 'beacon-col beacon-col-status';
+    const badge = document.createElement('span');
+    badge.className = `beacon-status-badge beacon-status-badge--${item.paused ? 'paused' : item.canSave ? 'seed' : item.phase ? 'active' : 'avail'}`;
+    badge.textContent = statusLabel(item);
+    statusCell.appendChild(badge);
+
+    const menuCell = document.createElement('div');
+    menuCell.className = 'beacon-col beacon-col-menu';
+    const menuBtn = createBeaconRowMenuButton((anchor) => openRowActions(anchor, item));
+    menuCell.appendChild(menuBtn);
+
+    row.addEventListener('contextmenu', (e) => {
+      e.preventDefault();
+      openRowActions(menuBtn, item);
+    });
+
+    row.appendChild(nameCell);
+    row.appendChild(sizeCell);
+    row.appendChild(progCell);
+    row.appendChild(seedsCell);
+    row.appendChild(statusCell);
+    row.appendChild(menuCell);
+    tableBodyEl.appendChild(row);
+  }
+}
+
+function setActiveTab(tab, wrap) {
+  activeTab = tab;
+  wrap.querySelectorAll('.beacon-tab').forEach((btn) => {
+    btn.classList.toggle('beacon-tab--active', btn.dataset.tab === tab);
+  });
+  renderTableRows();
+}
+
+function handleBlipFile(file) {
+  if (!file) return false;
+  const name = String(file.name || '').toLowerCase();
+  if (!name.endsWith('.blip')) return false;
+  const reader = new FileReader();
+  reader.onload = () => {
+    void (async () => {
+      try {
+        const doc = await openBlipSeedFileContent(String(reader.result || ''));
+        window.dispatchEvent(
+          new CustomEvent('blip-open-beacon-seed', { detail: { seedId: doc.seedId } })
+        );
+        showAppToast({
+          title: t('beacon.blip_opened'),
+          body: doc.filename,
+          durationMs: 4500,
+        });
+      } catch {
+        showAppToast({ title: t('beacon.blip_invalid'), variant: 'danger', durationMs: 5000 });
+      }
+    })();
+  };
+  reader.readAsText(file);
+  return true;
+}
+
+async function runPublishPath(filePath, wrap) {
+  const btn = wrap.querySelector('.beacon-publish-btn');
+  if (!filePath || publishBusy) return;
+  const displayName = filePath.replace(/^.*[/\\]/, '');
+  publishBusy = true;
+  if (btn) btn.disabled = true;
+  showPublishOverlay(wrap, displayName);
+  void publishBeaconFilePath(filePath)
+    .then(() => {
+      const name = filePath.replace(/^.*[/\\]/, '');
+      showAppToast({ title: t('beacon.published'), body: name, durationMs: 4500 });
+      activeTab = 'mine';
+      setActiveTab('mine', wrap);
+    })
+    .catch((err) => {
+      const code = err?.message || '';
+      let body = code;
+      if (code === 'not_readable' || /could not be read/i.test(code)) {
+        body = t('beacon.err_not_readable');
+      } else if (code === 'no_path') {
+        body = t('beacon.err_no_path');
+      } else if (code === 'too_large') {
+        body = t('beacon.err_too_large');
+      }
+      showAppToast({
+        title: t('beacon.failed'),
+        body,
+        variant: 'danger',
+        durationMs: 7000,
+      });
+    })
+    .finally(() => {
+      publishBusy = false;
+      if (btn) btn.disabled = false;
+      hidePublishOverlay();
+      renderTableRows();
+    });
+}
+
+function runPublish(file, wrap) {
+  if (handleBlipFile(file)) return;
+  const btn = wrap.querySelector('.beacon-publish-btn');
+  if (!file || publishBusy) return;
+  const diskPath =
+    typeof window.blip?.getPathForFile === 'function'
+      ? window.blip.getPathForFile(file)
+      : file.path;
+  if (diskPath && window.blip?.beaconPublishFromPath) {
+    void runPublishPath(diskPath, wrap);
+    return;
+  }
+  publishBusy = true;
+  if (btn) btn.disabled = true;
+  showPublishOverlay(wrap, file.name);
+  void publishBeaconFile(file)
+    .then(() => {
+      showAppToast({ title: t('beacon.published'), body: file.name, durationMs: 4500 });
+      activeTab = 'mine';
+      setActiveTab('mine', wrap);
+    })
+    .catch((err) => {
+      const code = err?.message || '';
+      let body = code;
+      if (code === 'not_readable' || /could not be read/i.test(code)) {
+        body = t('beacon.err_not_readable');
+      } else if (code === 'no_path') {
+        body = t('beacon.err_no_path');
+      } else if (code === 'too_large') {
+        body = t('beacon.err_too_large');
+      }
+      showAppToast({
+        title: t('beacon.failed'),
+        body,
+        variant: 'danger',
+        durationMs: 7000,
+      });
+    })
+    .finally(() => {
+      publishBusy = false;
+      if (btn) btn.disabled = false;
+      hidePublishOverlay();
+      renderTableRows();
+    });
+}
+
+function wirePublishInput(wrap) {
+  const input = wrap.querySelector('.beacon-file-input');
+  const btn = wrap.querySelector('.beacon-publish-btn');
+  if (!btn) return;
+
+  btn.addEventListener('click', async () => {
+    if (publishBusy) return;
+    if (!window.blip?.beaconPickPublishFile) {
+      showAppToast({
+        title: t('beacon.failed'),
+        body: t('beacon.err_no_path'),
+        variant: 'danger',
+        durationMs: 6000,
+      });
+      return;
+    }
+    const pick = await window.blip.beaconPickPublishFile();
+    if (pick?.cancelled) return;
+    if (pick?.ok && pick.filePath) {
+      void runPublishPath(pick.filePath, wrap);
+      return;
+    }
+    showAppToast({
+      title: t('beacon.failed'),
+      body: t('beacon.err_no_path'),
+      variant: 'danger',
+      durationMs: 6000,
+    });
+  });
+
+  input?.addEventListener('change', () => {
+    const file = input.files?.[0];
+    input.value = '';
+    runPublish(file, wrap);
+  });
+}
+
+function wireBeaconDrop(wrap, dropEl) {
+  if (!dropEl) return;
+  dropEl.addEventListener('click', () => {
+    if (publishBusy) return;
+    wrap.querySelector('.beacon-file-input')?.click();
+  });
+  let depth = 0;
+  dropEl.addEventListener('dragenter', (e) => {
+    e.preventDefault();
+    depth += 1;
+    dropEl.classList.add('beacon-drop--active');
+  });
+  dropEl.addEventListener('dragleave', (e) => {
+    e.preventDefault();
+    depth = Math.max(0, depth - 1);
+    if (depth === 0) dropEl.classList.remove('beacon-drop--active');
+  });
+  dropEl.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    if (e.dataTransfer) e.dataTransfer.dropEffect = 'copy';
+  });
+  dropEl.addEventListener('drop', (e) => {
+    e.preventDefault();
+    depth = 0;
+    dropEl.classList.remove('beacon-drop--active');
+    const file = e.dataTransfer?.files?.[0];
+    runPublish(file, wrap);
+  });
+}
+
+function buildStatCard(statKey, labelKey, value, { accent = false } = {}) {
+  const card = document.createElement('div');
+  card.className = `beacon-stat-card glass${accent ? ' beacon-stat-card--accent' : ''}`;
+  card.dataset.stat = statKey;
+  const label = document.createElement('span');
+  label.className = 'beacon-stat-label';
+  label.dataset.i18n = labelKey;
+  label.textContent = t(labelKey);
+  const val = document.createElement('strong');
+  val.textContent = value;
+  card.appendChild(label);
+  card.appendChild(val);
+  return card;
+}
+
+function buildStatsBar() {
+  const bar = document.createElement('div');
+  bar.className = 'beacon-stats-grid';
+  statsRootEl = bar;
+  bar.appendChild(buildStatCard('down', 'beacon.stat_down_label', '0 B/s', { accent: true }));
+  bar.appendChild(buildStatCard('up', 'beacon.stat_up_label', '0 B/s', { accent: true }));
+  bar.appendChild(buildStatCard('mesh', 'beacon.stat_mesh_label', '0'));
+  bar.appendChild(buildStatCard('mine', 'beacon.stat_mine_label', '0'));
+  bar.appendChild(buildStatCard('seeders', 'beacon.stat_seeders_label', '0'));
+  bar.appendChild(buildStatCard('active', 'beacon.stat_active_label', '0'));
+  return bar;
+}
+
+function buildSliderRow(labelKey, value, { min, max, onChange }) {
+  const row = document.createElement('label');
+  row.className = 'beacon-slider-row';
+  const span = document.createElement('span');
+  span.dataset.i18n = labelKey;
+  span.textContent = t(labelKey);
+  const range = document.createElement('input');
+  range.type = 'range';
+  range.min = String(min);
+  range.max = String(max);
+  range.value = String(value);
+  range.className = 'beacon-range';
+  const val = document.createElement('span');
+  val.className = 'beacon-slider-val';
+  val.textContent = String(value);
+  range.addEventListener('input', () => {
+    val.textContent = range.value;
+  });
+  range.addEventListener('change', () => {
+    onChange?.(Number(range.value));
+  });
+  row.appendChild(span);
+  row.appendChild(range);
+  row.appendChild(val);
+  return row;
+}
+
+function buildControlSection(titleKey, controls) {
+  const sec = document.createElement('div');
+  sec.className = 'beacon-control-section glass';
+  const h = document.createElement('h3');
+  h.className = 'beacon-control-title';
+  h.dataset.i18n = titleKey;
+  h.textContent = t(titleKey);
+  sec.appendChild(h);
+  for (const el of controls) sec.appendChild(el);
+  return sec;
+}
+
+function buildAside(wrap) {
+  const aside = document.createElement('aside');
+  aside.className = 'beacon-aside';
+  const cfg = getUiConfig();
+
+  const transfer = buildControlSection('beacon.panel_transfer', [
+    buildSliderRow('beacon.slider_peers', cfg.beaconParallelPeers ?? 6, {
+      min: 1,
+      max: 8,
+      onChange: (v) => {
+        void window.blip?.saveConfig?.({ beaconParallelPeers: v });
+      },
+    }),
+    buildSliderRow('beacon.slider_up_cap', cfg.beaconUploadCapPercent ?? 100, {
+      min: 10,
+      max: 100,
+      onChange: (v) => {
+        void window.blip?.saveConfig?.({ beaconUploadCapPercent: v });
+      },
+    }),
+  ]);
+
+  const seeding = buildControlSection('beacon.panel_seeding', [
+    mkBtn(
+      'beacon.pause_all',
+      'btn btn-lang beacon-aside-btn',
+      () => {
+        const items = getBeaconCatalog().filter((i) => i.canSave);
+        const anyActive = items.some((i) => !i.paused);
+        setAllSeedsPaused(anyActive);
+        showAppToast({
+          title: anyActive ? t('beacon.paused_all') : t('beacon.resumed_all'),
+          durationMs: 3200,
+        });
+        renderTableRows();
+      },
+      { disabled: false }
+    ),
+    mkBtn('beacon.stop_all', 'btn btn-lang beacon-aside-btn', () => {
+      void stopAllBeaconSeeds()
+        .then(() => renderTableRows())
+        .catch(() => showSoonToast('beacon.soon_stop'));
+    }),
+  ]);
+
+  const search = document.createElement('input');
+  search.type = 'search';
+  search.className = 'input beacon-search';
+  search.placeholder = t('beacon.search_ph');
+  search.value = searchQuery;
+  search.addEventListener('input', () => {
+    searchQuery = search.value;
+    renderTableRows();
+  });
+
+  const filters = buildControlSection('beacon.panel_filters', [search]);
+
+  const refreshBtn = mkBtn(
+    'beacon.refresh',
+    'btn btn-accent beacon-aside-btn beacon-aside-btn--wide',
+    () => void refreshBeaconLocalState().then(renderTableRows)
+  );
+
+  aside.appendChild(transfer);
+  aside.appendChild(seeding);
+  aside.appendChild(filters);
+  aside.appendChild(refreshBtn);
+  return aside;
+}
+
+function buildTabs(wrap) {
+  const tabs = document.createElement('nav');
+  tabs.className = 'beacon-tabs';
+  const defs = [
+    { id: 'mesh', key: 'beacon.tab_mesh' },
+    { id: 'mine', key: 'beacon.tab_mine' },
+    { id: 'downloads', key: 'beacon.tab_downloads' },
+  ];
+  for (const def of defs) {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = `beacon-tab${def.id === activeTab ? ' beacon-tab--active' : ''}`;
+    btn.dataset.tab = def.id;
+    btn.dataset.i18n = def.key;
+    btn.textContent = t(def.key);
+    btn.addEventListener('click', () => setActiveTab(def.id, wrap));
+    tabs.appendChild(btn);
+  }
+  return tabs;
+}
+
+function buildToolbar(main, wrap) {
+  const bar = document.createElement('div');
+  bar.className = 'beacon-toolbar glass';
+
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.className = 'beacon-file-input hidden';
+  input.setAttribute('aria-hidden', 'true');
+
+  const primary = document.createElement('div');
+  primary.className = 'beacon-toolbar-primary';
+  primary.appendChild(input);
+  const publishBtn = document.createElement('button');
+  publishBtn.type = 'button';
+  publishBtn.className = 'btn btn-accent beacon-publish-btn';
+  publishBtn.dataset.i18n = 'beacon.publish';
+  publishBtn.textContent = t('beacon.publish');
+  primary.appendChild(publishBtn);
+  const openBlipBtn = document.createElement('button');
+  openBlipBtn.type = 'button';
+  openBlipBtn.className = 'btn btn-lang';
+  openBlipBtn.dataset.i18n = 'beacon.open_blip_file';
+  openBlipBtn.textContent = t('beacon.open_blip_file');
+  const blipInput = document.createElement('input');
+  blipInput.type = 'file';
+  blipInput.accept = '.blip,application/vnd.blip.seed+json';
+  blipInput.className = 'beacon-file-input hidden';
+  blipInput.setAttribute('aria-hidden', 'true');
+  openBlipBtn.addEventListener('click', () => blipInput.click());
+  blipInput.addEventListener('change', () => {
+    const file = blipInput.files?.[0];
+    blipInput.value = '';
+    handleBlipFile(file);
+  });
+  primary.appendChild(openBlipBtn);
+  primary.appendChild(blipInput);
+
+  const drop = document.createElement('div');
+  drop.className = 'beacon-drop-zone';
+  const dropIcon = document.createElement('span');
+  dropIcon.className = 'beacon-drop-icon pixel-glyph--upload';
+  dropIcon.setAttribute('aria-hidden', 'true');
+  const dropText = document.createElement('span');
+  dropText.dataset.i18n = 'beacon.drop_hint';
+  dropText.textContent = t('beacon.drop_hint');
+  drop.appendChild(dropIcon);
+  drop.appendChild(dropText);
+
+  bar.appendChild(primary);
+  bar.appendChild(drop);
+  const table = main.querySelector('.beacon-table-wrap');
+  if (table) main.insertBefore(bar, table);
+  wirePublishInput(wrap);
+  wireBeaconDrop(wrap, drop);
+}
+
+function buildTable() {
+  const wrap = document.createElement('div');
+  wrap.className = 'beacon-table-wrap glass';
+
+  const head = document.createElement('div');
+  head.className = 'beacon-table-head';
+  for (const key of [
+    'beacon.col_name',
+    'beacon.col_size',
+    'beacon.col_progress',
+    'beacon.col_seeders',
+    'beacon.col_status',
+    'beacon.col_menu',
+  ]) {
+    const cell = document.createElement('span');
+    cell.className = 'beacon-table-head-cell';
+    cell.dataset.i18n = key;
+    cell.textContent = t(key);
+    head.appendChild(cell);
+  }
+
+  tableBodyEl = document.createElement('div');
+  tableBodyEl.className = 'beacon-table-body';
+
+  wrap.appendChild(head);
+  wrap.appendChild(tableBodyEl);
+  return wrap;
+}
+
+function onCatalogUpdate() {
+  renderTableRows();
+}
+
+function onBeaconProgress(ev) {
+  const seedId = ev?.detail?.seedId;
+  if (seedId !== 'path-ingest') return;
+  updatePublishOverlay(ev.detail?.progress, ev.detail?.phase);
+  renderTableRows();
+}
+
+function teardownBeaconView() {
+  bwUnsub?.();
+  bwUnsub = null;
+}
+
+if (typeof window !== 'undefined') {
+  window.addEventListener('blip-beacon-catalog', onCatalogUpdate);
+  window.addEventListener('blip-beacon-progress', onCatalogUpdate);
+  window.addEventListener('blip-beacon-progress', onBeaconProgress);
+}
+
+export function renderBeaconView(config) {
+  teardownBeaconView();
+  getUiConfig = () => config || {};
+  activeTab = 'mesh';
+  searchQuery = '';
+
+  const wrap = document.createElement('div');
+  wrap.className = 'view beacon-view';
+
+  const titleRow = document.createElement('div');
+  titleRow.className = 'section-title-row';
+  const title = document.createElement('h2');
+  title.className = 'section-title';
+  title.dataset.i18n = 'beacon.title';
+  title.textContent = t('beacon.title');
+  titleRow.appendChild(title);
+  titleRow.appendChild(createPixelHintIcon('beacon.hint'));
+
+  wrap.appendChild(titleRow);
+  wrap.appendChild(buildStatsBar());
+
+  const body = document.createElement('div');
+  body.className = 'beacon-body';
+
+  const main = document.createElement('div');
+  main.className = 'beacon-main';
+  main.appendChild(buildTabs(wrap));
+  main.appendChild(buildTable());
+
+  body.appendChild(buildAside(wrap));
+  body.appendChild(main);
+
+  wrap.appendChild(body);
+  buildToolbar(main, wrap);
+
+  bwUnsub = subscribeBandwidth(refreshStats);
+
+  void refreshBeaconLocalState().then(renderTableRows);
+  renderTableRows();
+  return wrap;
+}
+
+export function mountBeaconPanel(config) {
+  return renderBeaconView(config);
+}
diff --git a/renderer/blip-color-input.js b/renderer/blip-color-input.js
new file mode 100644
index 0000000..6e66214
--- /dev/null
+++ b/renderer/blip-color-input.js
@@ -0,0 +1,417 @@
+/** @type {(() => void) | null} */
+let closeOpenPopover = null;
+
+/**
+ * BLIP-styled color picker (custom popover: SV field, hue, hex, RGB).
+ * @param {{ value?: string, onInput?: (hex: string) => void, title?: string, className?: string }} [opts]
+ */
+export function createBlipColorInput(opts = {}) {
+  const wrap = document.createElement('div');
+  wrap.className = ['blip-color-input', opts.className].filter(Boolean).join(' ');
+
+  const trigger = document.createElement('button');
+  trigger.type = 'button';
+  trigger.className = 'blip-color-input__preview';
+  trigger.setAttribute('aria-haspopup', 'dialog');
+  if (opts.title) {
+    trigger.title = opts.title;
+    trigger.setAttribute('aria-label', opts.title);
+  }
+
+  const input = document.createElement('input');
+  input.type = 'color';
+  input.className = 'blip-color-input__native';
+  input.tabIndex = -1;
+  input.setAttribute('aria-hidden', 'true');
+
+  let hsv = { h: 160, s: 1, v: 1 };
+  let disabled = false;
+  let popover = null;
+  let draftHex = normalizePickerHex(opts.value) || '#00ffc8';
+
+  function applyHex(hex, emit = true) {
+    const norm = normalizePickerHex(hex);
+    if (!norm) return;
+    draftHex = norm;
+    hsv = rgbToHsv(hexToRgb(norm));
+    input.value = norm;
+    syncPreview();
+    if (emit) {
+      input.dispatchEvent(new Event('input', { bubbles: true }));
+      opts.onInput?.(norm);
+    }
+  }
+
+  function syncPreview() {
+    const hex = normalizePickerHex(draftHex) || '#00ffc8';
+    trigger.style.background = hex;
+    trigger.style.boxShadow = `inset 0 0 0 1px color-mix(in srgb, ${hex} 55%, #000), 3px 3px 0 rgba(0, 0, 0, 0.45)`;
+    if (popover) syncPopoverFields(hex);
+  }
+
+  function closePopover() {
+    if (!popover) return;
+    popover.remove();
+    popover = null;
+    wrap.classList.remove('blip-color-input--open');
+    document.removeEventListener('pointerdown', onDocPointer, true);
+    document.removeEventListener('keydown', onDocKey, true);
+    if (closeOpenPopover === closePopover) closeOpenPopover = null;
+  }
+
+  function onDocPointer(e) {
+    if (!popover) return;
+    const t = /** @type {Node} */ (e.target);
+    if (popover.contains(t) || wrap.contains(t)) return;
+    closePopover();
+  }
+
+  function onDocKey(e) {
+    if (e.key === 'Escape') closePopover();
+  }
+
+  function syncPopoverFields(hex) {
+    if (!popover) return;
+    const rgb = hexToRgb(hex);
+    popover.querySelector('.blip-color-popover__hex').value = hex;
+    popover.querySelector('.blip-color-popover__r').value = String(rgb.r);
+    popover.querySelector('.blip-color-popover__g').value = String(rgb.g);
+    popover.querySelector('.blip-color-popover__b').value = String(rgb.b);
+    updateSvUi();
+    updateHueUi();
+  }
+
+  function updateSvUi() {
+    if (!popover) return;
+    const sv = popover.querySelector('.blip-color-popover__sv');
+    const cursor = popover.querySelector('.blip-color-popover__sv-cursor');
+    sv.style.backgroundColor = `hsl(${Math.round(hsv.h)} 100% 50%)`;
+    const rect = sv.getBoundingClientRect();
+    cursor.style.left = `${hsv.s * rect.width}px`;
+    cursor.style.top = `${(1 - hsv.v) * rect.height}px`;
+    const preview = popover.querySelector('.blip-color-popover__current');
+    preview.style.background = draftHex;
+  }
+
+  function updateHueUi() {
+    if (!popover) return;
+    const hueEl = popover.querySelector('.blip-color-popover__hue');
+    const cursor = popover.querySelector('.blip-color-popover__hue-cursor');
+    const rect = hueEl.getBoundingClientRect();
+    cursor.style.left = `${(hsv.h / 360) * rect.width}px`;
+  }
+
+  function openPopover() {
+    if (disabled) return;
+    closeOpenPopover?.();
+    closeOpenPopover = closePopover;
+
+    popover = document.createElement('div');
+    popover.className = 'blip-color-popover glass';
+    popover.setAttribute('role', 'dialog');
+    popover.setAttribute('aria-label', opts.title || 'Color');
+
+    const sv = document.createElement('div');
+    sv.className = 'blip-color-popover__sv';
+    const svCursor = document.createElement('span');
+    svCursor.className = 'blip-color-popover__sv-cursor';
+    sv.appendChild(svCursor);
+
+    const hue = document.createElement('div');
+    hue.className = 'blip-color-popover__hue';
+    const hueCursor = document.createElement('span');
+    hueCursor.className = 'blip-color-popover__hue-cursor';
+    hue.appendChild(hueCursor);
+
+    const fields = document.createElement('div');
+    fields.className = 'blip-color-popover__fields';
+
+    const current = document.createElement('span');
+    current.className = 'blip-color-popover__current';
+    current.setAttribute('aria-hidden', 'true');
+
+    const hexInput = document.createElement('input');
+    hexInput.type = 'text';
+    hexInput.className = 'input blip-color-popover__hex';
+    hexInput.maxLength = 7;
+    hexInput.spellcheck = false;
+
+    const rgbWrap = document.createElement('div');
+    rgbWrap.className = 'blip-color-popover__rgb';
+    for (const [key, cls] of [
+      ['R', 'r'],
+      ['G', 'g'],
+      ['B', 'b'],
+    ]) {
+      const lab = document.createElement('span');
+      lab.className = 'blip-color-popover__rgb-label';
+      lab.textContent = key;
+      const inp = document.createElement('input');
+      inp.type = 'number';
+      inp.min = '0';
+      inp.max = '255';
+      inp.className = `input blip-color-popover__${cls}`;
+      rgbWrap.appendChild(lab);
+      rgbWrap.appendChild(inp);
+    }
+
+    fields.appendChild(current);
+    fields.appendChild(hexInput);
+    fields.appendChild(rgbWrap);
+
+    const actions = document.createElement('div');
+    actions.className = 'blip-color-popover__actions';
+    const dropBtn = document.createElement('button');
+    dropBtn.type = 'button';
+    dropBtn.className = 'btn btn-lang blip-color-popover__eyedropper';
+    dropBtn.title = 'Eyedropper';
+    dropBtn.textContent = '◎';
+    dropBtn.hidden = typeof window.EyeDropper !== 'function';
+    const doneBtn = document.createElement('button');
+    doneBtn.type = 'button';
+    doneBtn.className = 'btn btn-accent blip-color-popover__done';
+    doneBtn.textContent = 'OK';
+
+    actions.appendChild(dropBtn);
+    actions.appendChild(doneBtn);
+
+    popover.appendChild(sv);
+    popover.appendChild(hue);
+    popover.appendChild(fields);
+    popover.appendChild(actions);
+    document.body.appendChild(popover);
+    wrap.classList.add('blip-color-input--open');
+
+    function setFromHsv(emit = true) {
+      const rgb = hsvToRgb(hsv);
+      applyHex(rgbToHex(rgb), emit);
+    }
+
+    function pickSv(clientX, clientY) {
+      const rect = sv.getBoundingClientRect();
+      const s = clamp01((clientX - rect.left) / rect.width);
+      const v = clamp01(1 - (clientY - rect.top) / rect.height);
+      hsv = { ...hsv, s, v };
+      setFromHsv();
+    }
+
+    function pickHue(clientX) {
+      const rect = hue.getBoundingClientRect();
+      const h = clamp01((clientX - rect.left) / rect.width) * 360;
+      hsv = { ...hsv, h };
+      setFromHsv();
+    }
+
+    let dragSv = false;
+    let dragHue = false;
+
+    sv.addEventListener('pointerdown', (e) => {
+      e.preventDefault();
+      dragSv = true;
+      sv.setPointerCapture(e.pointerId);
+      pickSv(e.clientX, e.clientY);
+    });
+    sv.addEventListener('pointermove', (e) => {
+      if (!dragSv) return;
+      pickSv(e.clientX, e.clientY);
+    });
+    sv.addEventListener('pointerup', () => {
+      dragSv = false;
+    });
+    sv.addEventListener('pointercancel', () => {
+      dragSv = false;
+    });
+
+    hue.addEventListener('pointerdown', (e) => {
+      e.preventDefault();
+      dragHue = true;
+      hue.setPointerCapture(e.pointerId);
+      pickHue(e.clientX);
+    });
+    hue.addEventListener('pointermove', (e) => {
+      if (!dragHue) return;
+      pickHue(e.clientX);
+    });
+    hue.addEventListener('pointerup', () => {
+      dragHue = false;
+    });
+    hue.addEventListener('pointercancel', () => {
+      dragHue = false;
+    });
+
+    hexInput.addEventListener('change', () => {
+      const norm = normalizePickerHex(hexInput.value.trim());
+      if (norm) applyHex(norm);
+      else hexInput.value = draftHex;
+    });
+
+    for (const cls of ['r', 'g', 'b']) {
+      const inp = popover.querySelector(`.blip-color-popover__${cls}`);
+      inp.addEventListener('change', () => {
+        const r = clampByte(popover.querySelector('.blip-color-popover__r').value);
+        const g = clampByte(popover.querySelector('.blip-color-popover__g').value);
+        const b = clampByte(popover.querySelector('.blip-color-popover__b').value);
+        applyHex(rgbToHex({ r, g, b }));
+      });
+    }
+
+    dropBtn.addEventListener('click', async () => {
+      try {
+        const ed = new window.EyeDropper();
+        const res = await ed.open();
+        if (res?.sRGBHex) applyHex(res.sRGBHex);
+      } catch {
+        /* cancelled */
+      }
+    });
+
+    doneBtn.addEventListener('click', () => closePopover());
+
+    syncPopoverFields(draftHex);
+    positionPopover(trigger, popover);
+
+    requestAnimationFrame(() => {
+      document.addEventListener('pointerdown', onDocPointer, true);
+      document.addEventListener('keydown', onDocKey, true);
+    });
+  }
+
+  trigger.addEventListener('click', (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (popover) closePopover();
+    else openPopover();
+  });
+
+  applyHex(draftHex, false);
+  wrap.appendChild(trigger);
+  wrap.appendChild(input);
+
+  return {
+    el: wrap,
+    input,
+    preview: trigger,
+    get value() {
+      return draftHex;
+    },
+    set value(v) {
+      applyHex(v, false);
+    },
+    syncPreview,
+    get disabled() {
+      return disabled;
+    },
+    set disabled(v) {
+      disabled = Boolean(v);
+      trigger.disabled = disabled;
+      if (disabled) closePopover();
+    },
+  };
+}
+
+/** @param {HTMLElement} anchor @param {HTMLElement} popover */
+function positionPopover(anchor, popover) {
+  const gap = 8;
+  const pad = 10;
+  const ar = anchor.getBoundingClientRect();
+  popover.style.visibility = 'hidden';
+  popover.style.top = '0';
+  popover.style.left = '0';
+  const pr = popover.getBoundingClientRect();
+  let top = ar.bottom + gap;
+  let left = ar.left;
+  if (left + pr.width > window.innerWidth - pad) {
+    left = Math.max(pad, window.innerWidth - pr.width - pad);
+  }
+  if (top + pr.height > window.innerHeight - pad) {
+    top = Math.max(pad, ar.top - pr.height - gap);
+  }
+  popover.style.top = `${top}px`;
+  popover.style.left = `${left}px`;
+  popover.style.visibility = '';
+}
+
+/** @param {string} [hex] */
+export function normalizePickerHex(hex) {
+  const s = String(hex || '').trim();
+  if (/^#[0-9a-fA-F]{6}$/.test(s)) return s.toLowerCase();
+  if (/^#[0-9a-fA-F]{3}$/.test(s)) {
+    const r = s[1];
+    const g = s[2];
+    const b = s[3];
+    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
+  }
+  return '';
+}
+
+/** @param {string} hex */
+function hexToRgb(hex) {
+  const n = normalizePickerHex(hex) || '#000000';
+  return {
+    r: parseInt(n.slice(1, 3), 16),
+    g: parseInt(n.slice(3, 5), 16),
+    b: parseInt(n.slice(5, 7), 16),
+  };
+}
+
+/** @param {{ r: number, g: number, b: number }} rgb */
+function rgbToHex(rgb) {
+  const r = clampByte(rgb.r).toString(16).padStart(2, '0');
+  const g = clampByte(rgb.g).toString(16).padStart(2, '0');
+  const b = clampByte(rgb.b).toString(16).padStart(2, '0');
+  return `#${r}${g}${b}`;
+}
+
+/** @param {{ r: number, g: number, b: number }} rgb */
+function rgbToHsv(rgb) {
+  const r = rgb.r / 255;
+  const g = rgb.g / 255;
+  const b = rgb.b / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const d = max - min;
+  let h = 0;
+  if (d > 0) {
+    if (max === r) h = ((g - b) / d) % 6;
+    else if (max === g) h = (b - r) / d + 2;
+    else h = (r - g) / d + 4;
+    h *= 60;
+    if (h < 0) h += 360;
+  }
+  const s = max === 0 ? 0 : d / max;
+  return { h, s, v: max };
+}
+
+/** @param {{ h: number, s: number, v: number }} hsv */
+function hsvToRgb(hsv) {
+  const h = ((hsv.h % 360) + 360) % 360;
+  const s = clamp01(hsv.s);
+  const v = clamp01(hsv.v);
+  const c = v * s;
+  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+  const m = v - c;
+  let rp = 0;
+  let gp = 0;
+  let bp = 0;
+  if (h < 60) [rp, gp, bp] = [c, x, 0];
+  else if (h < 120) [rp, gp, bp] = [x, c, 0];
+  else if (h < 180) [rp, gp, bp] = [0, c, x];
+  else if (h < 240) [rp, gp, bp] = [0, x, c];
+  else if (h < 300) [rp, gp, bp] = [x, 0, c];
+  else [rp, gp, bp] = [c, 0, x];
+  return {
+    r: Math.round((rp + m) * 255),
+    g: Math.round((gp + m) * 255),
+    b: Math.round((bp + m) * 255),
+  };
+}
+
+/** @param {number} n */
+function clamp01(n) {
+  return Math.min(1, Math.max(0, Number(n) || 0));
+}
+
+/** @param {number|string} n */
+function clampByte(n) {
+  return Math.min(255, Math.max(0, Math.round(Number(n) || 0)));
+}
diff --git a/renderer/call-media.js b/renderer/call-media.js
index 8fcf849..ce3c6d5 100644
--- a/renderer/call-media.js
+++ b/renderer/call-media.js
@@ -6,48 +6,52 @@ const PRESETS = {
   low: {
     camera: { width: { ideal: 640, min: 480 }, height: { ideal: 480, min: 360 }, frameRate: { ideal: 24, max: 24 } },
     screen: { width: { ideal: 1280, max: 1280 }, height: { ideal: 720, max: 720 }, frameRate: { ideal: 24, max: 24 } },
-    camBitrate: 900_000,
-    screenBitrate: 2_500_000,
+    camBitrate: 2_000_000,
+    screenBitrate: 6_000_000,
     screenMax: { w: 1280, h: 720 },
     screenFps: 24,
   },
   hd: {
-    camera: { width: { ideal: 1280, min: 640 }, height: { ideal: 720, min: 480 }, frameRate: { ideal: 24, max: 30 } },
-    screen: { width: { ideal: 1280, max: 1920 }, height: { ideal: 720, max: 1080 }, frameRate: { ideal: 30, max: 30 } },
-    camBitrate: 1_800_000,
-    screenBitrate: 5_000_000,
-    screenMax: { w: 1280, h: 720 },
+    camera: { width: { ideal: 1280, min: 960 }, height: { ideal: 720, min: 540 }, frameRate: { ideal: 30, max: 30 } },
+    screen: { width: { ideal: 1920, max: 1920 }, height: { ideal: 1080, max: 1080 }, frameRate: { ideal: 30, max: 30 } },
+    camBitrate: 5_000_000,
+    screenBitrate: 12_000_000,
+    screenMax: { w: 1920, h: 1080 },
     screenFps: 30,
   },
   fhd: {
     camera: { width: { ideal: 1920, min: 1280 }, height: { ideal: 1080, min: 720 }, frameRate: { ideal: 30, max: 30 } },
     screen: { width: { ideal: 1920, max: 1920 }, height: { ideal: 1080, max: 1080 }, frameRate: { ideal: 30, max: 30 } },
-    camBitrate: 3_000_000,
-    screenBitrate: 8_000_000,
+    camBitrate: 8_000_000,
+    screenBitrate: 18_000_000,
     screenMax: { w: 1920, h: 1080 },
     screenFps: 30,
   },
   max: {
     camera: { width: { ideal: 1920, min: 1280 }, height: { ideal: 1080, min: 720 }, frameRate: { ideal: 30, max: 60 } },
     screen: { width: { ideal: 1920, max: 1920 }, height: { ideal: 1080, max: 1080 }, frameRate: { ideal: 30, max: 60 } },
-    camBitrate: 4_500_000,
-    screenBitrate: 12_000_000,
+    camBitrate: 12_000_000,
+    screenBitrate: 28_000_000,
     screenMax: { w: 1920, h: 1080 },
     screenFps: 60,
   },
   qhd: {
     camera: { width: { ideal: 1920, min: 1280 }, height: { ideal: 1080, min: 720 }, frameRate: { ideal: 30, max: 60 } },
     screen: { width: { ideal: 2560, max: 2560 }, height: { ideal: 1440, max: 1440 }, frameRate: { ideal: 30, max: 60 } },
-    camBitrate: 4_500_000,
-    screenBitrate: 16_000_000,
+    camBitrate: 14_000_000,
+    screenBitrate: 35_000_000,
     screenMax: { w: 2560, h: 1440 },
     screenFps: 60,
   },
   uhd: {
-    camera: { width: { ideal: 1920, min: 1280 }, height: { ideal: 1080, min: 720 }, frameRate: { ideal: 30, max: 60 } },
+    camera: {
+      width: { ideal: 3840, min: 1920 },
+      height: { ideal: 2160, min: 1080 },
+      frameRate: { ideal: 30, max: 60 },
+    },
     screen: { width: { ideal: 3840, max: 3840 }, height: { ideal: 2160, max: 2160 }, frameRate: { ideal: 30, max: 60 } },
-    camBitrate: 5_000_000,
-    screenBitrate: 25_000_000,
+    camBitrate: 16_000_000,
+    screenBitrate: 45_000_000,
     screenMax: { w: 3840, h: 2160 },
     screenFps: 60,
   },
@@ -173,15 +177,13 @@ export async function tuneVideoSender(sender, { screenShare = false, config } =
     enc.maxFramerate = screenShare
       ? screenFps
       : p.camera.frameRate?.max || 30;
-    if (screenShare) {
-      enc.scaleResolutionDownBy = 1;
-      try {
-        enc.degradationPreference = 'maintain-resolution';
-        enc.priority = 'high';
-        enc.networkPriority = 'high';
-      } catch {
-        /* optional RTP fields */
-      }
+    enc.scaleResolutionDownBy = 1;
+    try {
+      enc.degradationPreference = 'maintain-resolution';
+      enc.priority = 'high';
+      enc.networkPriority = 'high';
+    } catch {
+      /* optional RTP fields */
     }
     await sender.setParameters(params);
   } catch (err) {
diff --git a/renderer/call-window-main.js b/renderer/call-window-main.js
index 150cb47..a75b9e7 100644
--- a/renderer/call-window-main.js
+++ b/renderer/call-window-main.js
@@ -5,10 +5,13 @@ import { setLang, applyI18n, onLangChange } from './i18n.js';
 import { createCallUI } from './call.js';
 import { applyCallWindowAppearance, listenReducedMotion } from './appearance.js';
 import { setSoundPrefs } from './audio.js';
+import { setLocalTrustState } from './trust-ui.js';
 
 let callAppearanceRm = null;
 let callUI = null;
 let liveConfig = null;
+/** @type {object | null} */
+let remotePeerTrust = null;
 
 const api = {
   getConfig: () => window.blip.getConfig(),
@@ -59,6 +62,10 @@ async function boot() {
   }
 
   const config = await window.blip.getConfig();
+  if (window.blip?.getTrustState) {
+    setLocalTrustState(await window.blip.getTrustState());
+  }
+  window.blip?.onTrustState?.((trust) => setLocalTrustState(trust));
   setSoundPrefs({
     enabled: config.uiSoundsEnabled !== false && config.doNotDisturb !== true,
     volume: typeof config.uiSoundsVolume === 'number' ? config.uiSoundsVolume : 1,
@@ -75,6 +82,7 @@ async function boot() {
     onClosed: () => {
       window.blip.closeCallWindow?.();
     },
+    getRemotePeer: () => remotePeerTrust,
   });
   root.appendChild(callUI.el);
 
@@ -91,13 +99,31 @@ async function boot() {
   onLangChange(() => applyI18n(document));
   window.blip.onConfigUpdated?.((cfg) => applyCallWindowChrome(cfg));
 
+  async function cacheRemotePeer(peerId) {
+    try {
+      const { peers } = await window.blip.getPeers();
+      remotePeerTrust =
+        peers.find((p) => Number(p.blipId) === Number(peerId)) || {
+          blipId: peerId,
+          buildTrust: 'unverified_build',
+        };
+      callUI?.refreshCallAvatar?.();
+    } catch {
+      remotePeerTrust = { blipId: peerId, buildTrust: 'unverified_build' };
+    }
+  }
+
   window.blip.onCallOutgoing?.((payload) => {
     const peerId = payload?.peerId;
     const video = !!payload?.video;
-    if (peerId) callUI.startOutgoing(peerId, video);
+    if (peerId) {
+      void cacheRemotePeer(peerId);
+      callUI.startOutgoing(peerId, video);
+    }
   });
 
   window.blip.onIncomingCall((data) => {
+    if (data?.from) void cacheRemotePeer(data.from);
     callUI.handleIncoming(data);
   });
   window.blip.onCallAnswer((data) => {
diff --git a/renderer/call-window.html b/renderer/call-window.html
index 79a9d91..ae507f0 100644
--- a/renderer/call-window.html
+++ b/renderer/call-window.html
@@ -7,6 +7,7 @@
   <title>BLIP — Call</title>
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./trust.css" />
   <style>
     #call-shell { display: flex; flex-direction: column; height: 100%; }
     #call-root {
diff --git a/renderer/call.js b/renderer/call.js
index 3974dc0..31daa40 100644
--- a/renderer/call.js
+++ b/renderer/call.js
@@ -1,6 +1,7 @@
 import { t, applyI18n } from './i18n.js';
 import { sounds } from './audio.js';
 import { createAvatarElement } from './avatar.js';
+import { createTrustedAvatarElement } from './trust-ui.js';
 import {
   getCameraVideoConstraints,
   applyScreenTrackConstraints,
@@ -136,7 +137,11 @@ export function createCallUI(config, api, options = {}) {
 
   function mountCallAvatar(id) {
     avatarSlot.innerHTML = '';
-    avatarSlot.appendChild(createAvatarElement(id, 6, { selfBlipId: config?.blipId ?? null }));
+    const remotePeer =
+      typeof options.getRemotePeer === 'function' ? options.getRemotePeer() : null;
+    avatarSlot.appendChild(
+      createTrustedAvatarElement(id, 6, { selfBlipId: config?.blipId ?? null })
+    );
   }
   const waveform = document.createElement('div');
   waveform.className = 'call-waveform';
@@ -1266,6 +1271,9 @@ export function createCallUI(config, api, options = {}) {
     isIncomingRinging,
     hide,
     end: hide,
+    refreshCallAvatar() {
+      if (peerId != null) mountCallAvatar(peerId);
+    },
     refreshI18n() {
       applyI18n(overlay);
       updateRemoteBadges();
diff --git a/renderer/chat-export.js b/renderer/chat-export.js
index 8f9ff0c..2fd4952 100644
--- a/renderer/chat-export.js
+++ b/renderer/chat-export.js
@@ -1,4 +1,6 @@
 import { getMessages } from './chat.js';
+import { normalizeCustomAccentHex } from './appearance.js';
+import { uiShowsPremiumTier } from '../shared/mesh-plus-gates.js';
 
 function downloadBlob(blob, filename) {
   const url = URL.createObjectURL(blob);
@@ -38,6 +40,12 @@ function sanitizeMessageForExport(m) {
   return row;
 }
 
+function resolveThemedAccent(config) {
+  const custom = normalizeCustomAccentHex(config?.accentCustomHex);
+  if (uiShowsPremiumTier(config) && custom) return custom;
+  return '#00ffc8';
+}
+
 export function buildChatExportPayload(peerId, displayName) {
   const msgs = getMessages(peerId);
   return {
@@ -55,7 +63,7 @@ export function exportPeerChatJson(peerId, displayName) {
   downloadBlob(new Blob([json], { type: 'application/json;charset=utf-8' }), `blip-${peerId}-chat.json`);
 }
 
-function formatLineForPdf(m, label) {
+function formatLineForExport(m, label) {
   const who = m.outgoing ? 'You' : label;
   const time = new Date(m.timestamp || Date.now()).toLocaleString();
   let body = m.text || '';
@@ -65,10 +73,27 @@ function formatLineForPdf(m, label) {
   return `[${time}] ${who}: ${body}`;
 }
 
-export async function exportPeerChatPdf(peerId, displayName) {
+function hexToRgb(hex) {
+  const h = String(hex || '').replace('#', '');
+  if (h.length !== 6) return { r: 0, g: 255, b: 200 };
+  return {
+    r: parseInt(h.slice(0, 2), 16),
+    g: parseInt(h.slice(2, 4), 16),
+    b: parseInt(h.slice(4, 6), 16),
+  };
+}
+
+/**
+ * @param {number} peerId
+ * @param {string} displayName
+ * @param {{ themed?: boolean, config?: object }} [opts]
+ */
+export async function exportPeerChatPdf(peerId, displayName, opts = {}) {
   const { jsPDF } = await import('jspdf');
   const msgs = getMessages(peerId);
   const label = displayName || `BLIP-${peerId}`;
+  const themed = !!opts.themed;
+  const accent = themed ? resolveThemedAccent(opts.config) : null;
   const doc = new jsPDF({ unit: 'pt', format: 'a4' });
   const margin = 48;
   const pageW = doc.internal.pageSize.getWidth();
@@ -76,23 +101,55 @@ export async function exportPeerChatPdf(peerId, displayName) {
   let y = margin;
   const lineH = 14;
 
+  if (themed && accent) {
+    const { r, g, b } = hexToRgb(accent);
+    doc.setFillColor(12, 14, 18);
+    doc.rect(0, 0, pageW, doc.internal.pageSize.getHeight(), 'F');
+    doc.setFillColor(r, g, b);
+    doc.rect(0, 0, pageW, 56, 'F');
+    doc.setTextColor(255, 255, 255);
+    doc.setFont('courier', 'bold');
+    doc.setFontSize(14);
+    doc.text('BLIP', margin, 34);
+    doc.setFont('courier', 'normal');
+    doc.setFontSize(10);
+    doc.text(`SIGNAL LOG · #${peerId}`, margin + 52, 34);
+    y = 72;
+    doc.setTextColor(200, 220, 210);
+  } else {
+    doc.setFont('courier', 'normal');
+    doc.setFontSize(10);
+    doc.setTextColor(0, 0, 0);
+    doc.text(`BLIP chat export — ${label} (#${peerId})`, margin, y);
+    y += lineH * 2;
+    doc.setFontSize(9);
+    doc.text(`Exported: ${new Date().toLocaleString()}`, margin, y);
+    y += lineH * 2;
+  }
+
   doc.setFont('courier', 'normal');
-  doc.setFontSize(10);
-  doc.text(`BLIP chat export — ${label} (#${peerId})`, margin, y);
-  y += lineH * 2;
   doc.setFontSize(9);
-  doc.text(`Exported: ${new Date().toLocaleString()}`, margin, y);
-  y += lineH * 2;
+  if (themed) {
+    doc.text(`Peer: ${label} · Exported: ${new Date().toLocaleString()}`, margin, y);
+    y += lineH * 2;
+    if (accent) {
+      const { r, g, b } = hexToRgb(accent);
+      doc.setTextColor(r, g, b);
+    }
+  }
 
-  const lines = msgs.length
-    ? msgs.map((m) => formatLineForPdf(m, label))
-    : ['(no messages)'];
+  const lines = msgs.length ? msgs.map((m) => formatLineForExport(m, label)) : ['(no messages)'];
 
   for (const line of lines) {
     const wrapped = doc.splitTextToSize(line, maxW);
     for (const wl of wrapped) {
       if (y > doc.internal.pageSize.getHeight() - margin) {
         doc.addPage();
+        if (themed) {
+          doc.setFillColor(12, 14, 18);
+          doc.rect(0, 0, pageW, doc.internal.pageSize.getHeight(), 'F');
+          doc.setTextColor(200, 220, 210);
+        }
         y = margin;
       }
       doc.text(wl, margin, y);
@@ -100,5 +157,56 @@ export async function exportPeerChatPdf(peerId, displayName) {
     }
   }
 
-  doc.save(`blip-${peerId}-chat.pdf`);
+  const suffix = themed ? '-themed' : '';
+  doc.save(`blip-${peerId}-chat${suffix}.pdf`);
+}
+
+/**
+ * @param {number} peerId
+ * @param {string} displayName
+ * @param {{ config?: object }} [opts]
+ */
+export function exportPeerChatHtml(peerId, displayName, opts = {}) {
+  const payload = buildChatExportPayload(peerId, displayName);
+  const accent = resolveThemedAccent(opts.config);
+  const label = displayName || `BLIP-${peerId}`;
+  const rows = payload.messages
+    .map((m) => {
+      const who = m.outgoing ? 'You' : label;
+      const time = new Date(m.timestamp || Date.now()).toLocaleString();
+      let body = m.text || '';
+      if (m.attachment?.kind === 'image') body = `[IMG] ${body}`;
+      else if (m.attachment?.kind === 'file') body = `[FILE] ${m.attachment.name || ''} ${body}`;
+      const esc = (s) =>
+        String(s)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;');
+      return `<div class="msg"><span class="meta">${esc(time)} · ${esc(who)}</span><p>${esc(body)}</p></div>`;
+    })
+    .join('\n');
+
+  const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<title>BLIP #${peerId} — ${label}</title>
+<style>
+  :root { --accent: ${accent}; --bg: #0c0e12; --text: #d8e8e0; }
+  body { font-family: "Courier New", monospace; background: var(--bg); color: var(--text); margin: 0; padding: 0; }
+  header { background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 40%, #0c0e12)); padding: 20px 28px; }
+  header h1 { margin: 0; font-size: 18px; letter-spacing: 0.2em; }
+  header p { margin: 6px 0 0; font-size: 12px; opacity: 0.9; }
+  main { padding: 24px 28px 48px; max-width: 720px; }
+  .msg { border-left: 3px solid color-mix(in srgb, var(--accent) 55%, transparent); padding: 8px 12px; margin-bottom: 12px; }
+  .meta { font-size: 11px; color: var(--accent); display: block; margin-bottom: 4px; }
+  p { margin: 0; font-size: 13px; line-height: 1.45; white-space: pre-wrap; }
+</style>
+</head>
+<body>
+<header><h1>BLIP</h1><p>Signal log · #${peerId} · ${label}</p></header>
+<main>${rows || '<p>(no messages)</p>'}</main>
+</body>
+</html>`;
+  downloadBlob(new Blob([html], { type: 'text/html;charset=utf-8' }), `blip-${peerId}-chat-themed.html`);
 }
diff --git a/renderer/chat-forward-picker.js b/renderer/chat-forward-picker.js
new file mode 100644
index 0000000..e5ddb91
--- /dev/null
+++ b/renderer/chat-forward-picker.js
@@ -0,0 +1,65 @@
+import { t } from './i18n.js';
+
+/**
+ * Pick a peer to forward a message to.
+ * @param {{ id: number, label: string }[]} targets
+ * @returns {Promise<number | null>}
+ */
+export function openForwardPeerPicker(targets) {
+  return new Promise((resolve) => {
+    if (!targets?.length) {
+      resolve(null);
+      return;
+    }
+
+    const backdrop = document.createElement('div');
+    backdrop.className = 'blip-modal-backdrop';
+
+    const modal = document.createElement('div');
+    modal.className = 'blip-modal glass chat-forward-modal';
+
+    const title = document.createElement('h3');
+    title.className = 'blip-modal-title';
+    title.dataset.i18n = 'chat.forward_title';
+    title.textContent = t('chat.forward_title');
+
+    const list = document.createElement('div');
+    list.className = 'chat-forward-list';
+
+    let done = false;
+    const finish = (id) => {
+      if (done) return;
+      done = true;
+      backdrop.remove();
+      resolve(id ?? null);
+    };
+
+    for (const peer of targets) {
+      const btn = document.createElement('button');
+      btn.type = 'button';
+      btn.className = 'btn btn-lang chat-forward-peer-btn';
+      btn.textContent = peer.label || `BLIP-${peer.id}`;
+      btn.addEventListener('click', () => finish(peer.id));
+      list.appendChild(btn);
+    }
+
+    const actions = document.createElement('div');
+    actions.className = 'blip-modal-actions';
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.className = 'btn btn-lang';
+    cancelBtn.textContent = t('dialog.cancel');
+    cancelBtn.addEventListener('click', () => finish(null));
+    actions.appendChild(cancelBtn);
+
+    backdrop.addEventListener('click', (e) => {
+      if (e.target === backdrop) finish(null);
+    });
+
+    modal.appendChild(title);
+    modal.appendChild(list);
+    modal.appendChild(actions);
+    backdrop.appendChild(modal);
+    document.body.appendChild(backdrop);
+  });
+}
diff --git a/renderer/chat-message-content.js b/renderer/chat-message-content.js
index 09be5cb..f1e2f88 100644
--- a/renderer/chat-message-content.js
+++ b/renderer/chat-message-content.js
@@ -17,6 +17,66 @@ function openExternalUrl(url) {
   if (window.blip?.openExternal) void window.blip.openExternal(url);
 }
 
+export function appendForwardBlock(block, forwardFrom) {
+  if (!forwardFrom) return;
+  const box = document.createElement('div');
+  box.className = 'chat-forward';
+  const label = document.createElement('span');
+  label.className = 'chat-forward-label';
+  label.dataset.i18n = 'chat.forwarded';
+  label.textContent = t('chat.forwarded');
+  const from = document.createElement('span');
+  from.className = 'chat-forward-from';
+  let who = forwardFrom.fromLabel || forwardFrom.sourceLabel || '';
+  if (forwardFrom.sourceGroupName) {
+    who = who ? `${forwardFrom.sourceGroupName} · ${who}` : forwardFrom.sourceGroupName;
+  }
+  from.textContent = who ? `${t('chat.forward_from')} ${who}` : t('chat.forward_from_unknown');
+  const body = document.createElement('span');
+  body.className = 'chat-forward-body';
+  body.textContent = forwardFrom.preview || forwardFrom.text || '';
+  box.appendChild(label);
+  box.appendChild(from);
+  box.appendChild(body);
+  block.appendChild(box);
+}
+
+export function appendForwardSeedNotice(block, forwardFrom, opts = {}) {
+  const seedId = forwardFrom?.seedId;
+  if (!seedId) return;
+  if (opts.isSeedAvailable?.(seedId)) return;
+  const row = document.createElement('div');
+  row.className = 'chat-forward-seed-unavail';
+  const text = document.createElement('span');
+  text.className = 'chat-forward-seed-text';
+  text.dataset.i18n = 'chat.forward_seed_unavail';
+  text.textContent = t('chat.forward_seed_unavail');
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = 'btn btn-lang chat-forward-seed-btn';
+  btn.dataset.i18n = 'chat.forward_seed_request';
+  btn.textContent = t('chat.forward_seed_request');
+  btn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    opts.onRequestSeed?.(seedId);
+  });
+  row.appendChild(text);
+  row.appendChild(btn);
+  if (opts.onShareSeedLink) {
+    const linkBtn = document.createElement('button');
+    linkBtn.type = 'button';
+    linkBtn.className = 'btn btn-accent chat-forward-seed-btn';
+    linkBtn.dataset.i18n = 'chat.forward_seed_link';
+    linkBtn.textContent = t('chat.forward_seed_link');
+    linkBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      opts.onShareSeedLink(seedId, forwardFrom);
+    });
+    row.appendChild(linkBtn);
+  }
+  block.appendChild(row);
+}
+
 export function appendQuoteBlock(block, replyTo, onQuoteClick) {
   if (!replyTo?.id) return;
   const q = document.createElement('div');
@@ -186,6 +246,8 @@ function appendTextWithEmbeds(block, text) {
  * @param {{ text?: string, attachment?: object, replyTo?: object }} m
  */
 export function appendChatMessageBody(block, m, opts = {}) {
+  if (m.forwardFrom) appendForwardBlock(block, m.forwardFrom);
+  if (m.forwardFrom) appendForwardSeedNotice(block, m.forwardFrom, opts);
   if (m.replyTo) appendQuoteBlock(block, m.replyTo, opts.onQuoteClick);
 
   const att = m.attachment;
@@ -220,3 +282,20 @@ export function buildReplyPreview(m, fromId) {
 export function formatReplyFromLabel(from, displayName) {
   return displayName || `BLIP-${from}`;
 }
+
+/** Lite forward snapshot (wire-safe; no blob re-upload). */
+export function buildForwardSnapshot(sourcePeerId, m, fromLabel, opts = {}) {
+  const snap = {
+    sourcePeerId: Number(sourcePeerId),
+    messageId: m.id || null,
+    fromLabel: fromLabel || '',
+    preview: buildReplyPreview(m, sourcePeerId),
+    text: String(m.text || '').slice(0, 500),
+  };
+  if (opts.groupId) snap.sourceGroupId = String(opts.groupId);
+  if (opts.groupName) snap.sourceGroupName = String(opts.groupName);
+  if (m.attachment?.seedId) snap.seedId = String(m.attachment.seedId);
+  if (m.attachment?.kind) snap.attachmentKind = m.attachment.kind;
+  if (m.attachment?.name) snap.attachmentName = m.attachment.name;
+  return snap;
+}
diff --git a/renderer/chat-pins.js b/renderer/chat-pins.js
index 9706e73..c8a1092 100644
--- a/renderer/chat-pins.js
+++ b/renderer/chat-pins.js
@@ -19,18 +19,35 @@ function saveAll(o) {
   }
 }
 
-function key(peerId) {
+function dmKey(peerId) {
   return String(peerId);
 }
 
+function groupKey(groupId) {
+  return `g:${groupId}`;
+}
+
 export function getPinnedMessageId(peerId) {
-  const id = loadAll()[key(peerId)];
+  const id = loadAll()[dmKey(peerId)];
   return id ? String(id) : null;
 }
 
 export function setPinnedMessageId(peerId, messageId) {
   const o = loadAll();
-  const k = key(peerId);
+  const k = dmKey(peerId);
+  if (!messageId) delete o[k];
+  else o[k] = String(messageId);
+  saveAll(o);
+}
+
+export function getGroupPinnedMessageId(groupId) {
+  const id = loadAll()[groupKey(groupId)];
+  return id ? String(id) : null;
+}
+
+export function setGroupPinnedMessageId(groupId, messageId) {
+  const o = loadAll();
+  const k = groupKey(groupId);
   if (!messageId) delete o[k];
   else o[k] = String(messageId);
   saveAll(o);
diff --git a/renderer/chat.js b/renderer/chat.js
index b5db671..18999b9 100644
--- a/renderer/chat.js
+++ b/renderer/chat.js
@@ -1,6 +1,7 @@
 import { t } from './i18n.js';
 import { sounds } from './audio.js';
 import { createAvatarElement } from './avatar.js';
+import { createTrustedAvatarElement } from './trust-ui.js';
 import { attachEmojiPicker } from './emoji-picker.js';
 import {
   encodeChatImageAttachment,
@@ -12,8 +13,11 @@ import {
 import {
   appendChatMessageBody,
   buildReplyPreview,
+  buildForwardSnapshot,
   formatReplyFromLabel,
 } from './chat-message-content.js';
+import { openForwardPeerPicker } from './chat-forward-picker.js';
+import { showAppToast } from './toasts.js';
 import { normalizeFileLimitGb } from './file-transfer-limits.js';
 
 function formatFileLimitLabelForChat(config) {
@@ -21,11 +25,16 @@ function formatFileLimitLabelForChat(config) {
 }
 import { createMessageId } from './message-id.js';
 import { getPinnedMessageId, setPinnedMessageId } from './chat-pins.js';
-import { exportPeerChatJson, exportPeerChatPdf } from './chat-export.js';
+import { exportPeerChatJson, exportPeerChatPdf, exportPeerChatHtml } from './chat-export.js';
+import { premiumTierEnabled, showPremiumLockedToast } from './mesh-plus.js';
+import { openAlertDialog, openConfirmDialog } from './confirm-dialog.js';
+import { attachTypingSound } from './typing-sound.js';
+import { recordMessageSent } from './session-stats.js';
+import { getBeaconCatalog, isSeedLocalComplete, buildBeaconSeedLink, buildBeaconAttachment } from './beacon-mesh.js';
 
 const STORAGE_KEY = 'blip_chat_v1';
 const MAX_PER_PEER = 500;
-const DEFAULT_REACTION = '➕';
+const DEFAULT_REACTION = '❤️';
 
 export function getDefaultReactionEmoji(config) {
   const e = config?.defaultReactionEmoji;
@@ -72,6 +81,10 @@ function formatChatTime(ts) {
   }
 }
 
+export function resetChatStore() {
+  messagesByPeer.clear();
+}
+
 export function getMessages(peerId) {
   if (!messagesByPeer.has(peerId)) messagesByPeer.set(peerId, []);
   return messagesByPeer.get(peerId);
@@ -149,7 +162,10 @@ export function createChatView(
   onSendFile,
   onPeerMenu,
   onPin,
-  onEdit
+  onEdit,
+  onPeerProfile,
+  getPeer,
+  getForwardTargets
 ) {
   registerMediaPlaceholder(t('chat.image_sent'));
   registerMediaPlaceholder(t('chat.file_sent'));
@@ -174,8 +190,16 @@ export function createChatView(
   avatarMount.className = 'chat-avatar-mount';
   function mountHeaderAvatar() {
     avatarMount.innerHTML = '';
+    let peer = null;
+    try {
+      peer = typeof getPeer === 'function' ? getPeer() : null;
+    } catch (err) {
+      console.warn('[BLIP chat] header peer', err);
+    }
     avatarMount.appendChild(
-      createAvatarElement(peerId, 2, { selfBlipId: getConfig()?.blipId ?? null })
+      peer
+        ? createTrustedAvatarElement(peerId, 2, { selfBlipId: getConfig()?.blipId ?? null })
+        : createAvatarElement(peerId, 2, { selfBlipId: getConfig()?.blipId ?? null })
     );
   }
   mountHeaderAvatar();
@@ -198,6 +222,19 @@ export function createChatView(
     meta.classList.add('chat-peer-meta--menu');
   }
 
+  if (onPeerProfile) {
+    const openProfile = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onPeerProfile(peerId);
+    };
+    avatarMount.style.cursor = 'pointer';
+    avatarMount.title = t('peers.profile_open');
+    avatarMount.addEventListener('click', openProfile);
+    name.style.cursor = 'pointer';
+    name.addEventListener('click', openProfile);
+  }
+
   const headActions = document.createElement("div");
   headActions.className = 'chat-header-actions';
 
@@ -253,7 +290,35 @@ export function createChatView(
   exportPdfItem.textContent = t('chat.export_pdf');
   exportPdfItem.addEventListener('click', () => {
     menu.classList.add('hidden');
-    void exportPeerChatPdf(peerId, name.textContent);
+    void exportPeerChatPdf(peerId, name.textContent, { themed: false });
+  });
+
+  const exportPdfThemedItem = document.createElement('button');
+  exportPdfThemedItem.type = 'button';
+  exportPdfThemedItem.className = 'chat-menu-item';
+  exportPdfThemedItem.dataset.i18n = 'chat.export_pdf_themed';
+  exportPdfThemedItem.textContent = t('chat.export_pdf_themed');
+  exportPdfThemedItem.addEventListener('click', () => {
+    menu.classList.add('hidden');
+    if (!premiumTierEnabled(getConfig())) {
+      showPremiumLockedToast();
+      return;
+    }
+    void exportPeerChatPdf(peerId, name.textContent, { themed: true, config: getConfig() });
+  });
+
+  const exportHtmlItem = document.createElement('button');
+  exportHtmlItem.type = 'button';
+  exportHtmlItem.className = 'chat-menu-item';
+  exportHtmlItem.dataset.i18n = 'chat.export_html_themed';
+  exportHtmlItem.textContent = t('chat.export_html_themed');
+  exportHtmlItem.addEventListener('click', () => {
+    menu.classList.add('hidden');
+    if (!premiumTierEnabled(getConfig())) {
+      showPremiumLockedToast();
+      return;
+    }
+    exportPeerChatHtml(peerId, name.textContent, { config: getConfig() });
   });
 
   const clearItem = document.createElement('button');
@@ -261,9 +326,15 @@ export function createChatView(
   clearItem.className = 'chat-menu-item chat-menu-item--danger';
   clearItem.dataset.i18n = 'chat.clear';
   clearItem.textContent = t('chat.clear');
-  clearItem.addEventListener('click', () => {
+  clearItem.addEventListener('click', async () => {
     menu.classList.add('hidden');
-    if (!confirm(t('chat.clear_confirm'))) return;
+    const ok = await openConfirmDialog({
+      title: t('chat.clear'),
+      body: t('chat.clear_confirm'),
+      danger: true,
+      confirmLabel: t('chat.clear'),
+    });
+    if (!ok) return;
     clearPeerMessages(peerId);
     renderMessages();
   });
@@ -271,6 +342,8 @@ export function createChatView(
   menu.appendChild(exportItem);
   menu.appendChild(exportJsonItem);
   menu.appendChild(exportPdfItem);
+  menu.appendChild(exportPdfThemedItem);
+  menu.appendChild(exportHtmlItem);
   menu.appendChild(clearItem);
   menuWrap.appendChild(menuBtn);
   menuWrap.appendChild(menu);
@@ -380,6 +453,7 @@ export function createChatView(
   input.placeholder = t('chat.input_placeholder');
   input.dataset.i18nPlaceholder = 'chat.input_placeholder';
   attachEmojiPicker(emojiBtn, input);
+  attachTypingSound(input, getConfig);
 
   const sendBtn = document.createElement('button');
   sendBtn.type = 'button';
@@ -489,9 +563,11 @@ export function createChatView(
       outgoing: true,
       attachment: payload.attachment,
       replyTo: pendingReply ? { ...pendingReply } : undefined,
+      forwardFrom: payload.forwardFrom,
     };
     clearReplyTarget();
     addMessage(peerId, msg);
+    recordMessageSent();
     renderMessages();
     sounds.messageSent();
     const result = await onSend?.(peerId, msg);
@@ -543,7 +619,7 @@ export function createChatView(
       await sendPayload({ text: '', attachment });
     } catch (err) {
       const key = err?.message === 'file_too_big' ? 'chat.attach_too_big' : 'chat.attach_failed';
-      alert(t(key));
+      void openAlertDialog({ title: t(key) });
     }
   }
 
@@ -559,11 +635,12 @@ export function createChatView(
     } catch (err) {
       const limitKey =
         err?.message === 'file_too_big' ? 'chat.file_too_big_dynamic' : 'chat.attach_failed';
-      alert(
-        err?.message === 'file_too_big'
-          ? t(limitKey).replace('{limit}', formatFileLimitLabelForChat(getConfig()))
-          : t('chat.attach_failed')
-      );
+      void openAlertDialog({
+        title:
+          err?.message === 'file_too_big'
+            ? t(limitKey).replace('{limit}', formatFileLimitLabelForChat(getConfig()))
+            : t('chat.attach_failed'),
+      });
       return;
     }
     const pendingId = createMessageId();
@@ -618,7 +695,7 @@ export function createChatView(
       if (idx >= 0) list.splice(idx, 1);
       persist();
       renderMessages();
-      alert(t('chat.attach_failed'));
+      void openAlertDialog({ title: t('chat.attach_failed') });
     }
   }
 
@@ -765,6 +842,46 @@ export function createChatView(
     });
   }
 
+  async function forwardMessage(m) {
+    if (!m?.id) return;
+    const raw =
+      typeof getForwardTargets === 'function' ? getForwardTargets() : [];
+    const targets = raw.filter((p) => Number(p.id) !== Number(peerId));
+    if (!targets.length) {
+      void openAlertDialog({ title: t('chat.forward_no_peers') });
+      return;
+    }
+    const targetId = await openForwardPeerPicker(targets);
+    if (targetId == null) return;
+    const fromLabel = m.outgoing
+      ? t('chat.reply_you')
+      : formatReplyFromLabel(peerId, name.textContent);
+    const forwardFrom = buildForwardSnapshot(peerId, m, fromLabel);
+    const outMsg = {
+      id: createMessageId(),
+      from: getConfig().blipId,
+      to: targetId,
+      text: '',
+      timestamp: Date.now(),
+      outgoing: true,
+      forwardFrom,
+    };
+    addMessage(targetId, outMsg);
+    recordMessageSent();
+    const result = await onSend?.(targetId, outMsg);
+    if (result?.ok === false) {
+      const list = getMessages(targetId);
+      const last = list.pop();
+      if (last?.id === outMsg.id) persist();
+    } else {
+      showAppToast({ title: t('chat.forward_sent'), durationMs: 3200 });
+    }
+    if (Number(targetId) === Number(peerId)) {
+      renderMessages();
+      scrollToBottom();
+    }
+  }
+
   async function startEditMessage(m) {
     if (!m?.id || !m.outgoing) return;
     const next = await openEditMessageDialog(m);
@@ -795,7 +912,9 @@ export function createChatView(
       menuEl.appendChild(btn);
     };
     if (m.id) {
+      add('chat.reply', () => setReplyTarget(m));
       add('chat.pin', () => setPinMessage(m));
+      add('chat.forward', () => void forwardMessage(m));
       if (m.outgoing && (m.text || '').trim()) {
         add('chat.edit', () => void startEditMessage(m));
       }
@@ -894,7 +1013,31 @@ export function createChatView(
       block.className = `chat-block ${m.outgoing ? 'outgoing' : 'incoming'}`;
       block.dataset.messageId = m.id || '';
 
-      appendChatMessageBody(block, m, { onQuoteClick: (id) => scrollToMessageId(id) });
+      appendChatMessageBody(block, m, {
+        onQuoteClick: (id) => scrollToMessageId(id),
+        isSeedAvailable: (seedId) => {
+          if (isSeedLocalComplete(seedId)) return true;
+          return getBeaconCatalog().some(
+            (e) => e.seedId === seedId && (e.seederCount > 0 || e.mine)
+          );
+        },
+        onRequestSeed: (seedId) => {
+          window.dispatchEvent(
+            new CustomEvent('blip-open-beacon-seed', { detail: { seedId } })
+          );
+        },
+        onShareSeedLink: (seedId, forwardFrom) => {
+          const att = buildBeaconAttachment({
+            seedId,
+            filename: forwardFrom?.attachmentName || 'file',
+            size: 0,
+          });
+          void sendPayload({
+            text: buildBeaconSeedLink(seedId),
+            attachment: att || undefined,
+          });
+        },
+      });
 
       if (m.editedAt) {
         const edited = document.createElement('span');
@@ -969,7 +1112,7 @@ export function createChatView(
   renderMessages();
 
   return {
-    apiVersion: 2,
+    apiVersion: 3,
     el: wrap,
     renderMessages,
     scrollToBottom,
@@ -992,6 +1135,7 @@ export function createChatView(
         attachment: msg.attachment,
         reactions: msg.reactions,
         replyTo: msg.replyTo,
+        forwardFrom: msg.forwardFrom,
         editedAt: msg.editedAt,
       };
       addMessage(peerId, incoming);
diff --git a/renderer/confirm-dialog.js b/renderer/confirm-dialog.js
index 3578fb9..bb8eb67 100644
--- a/renderer/confirm-dialog.js
+++ b/renderer/confirm-dialog.js
@@ -69,3 +69,60 @@ export function openConfirmDialog(opts) {
     okBtn.focus();
   });
 }
+
+/**
+ * @param {{ title: string, body?: string, okLabel?: string }} opts
+ * @returns {Promise<void>}
+ */
+export function openAlertDialog(opts) {
+  const { title, body = '', okLabel = t('dialog.confirm') } = opts;
+
+  return new Promise((resolve) => {
+    const backdrop = document.createElement('div');
+    backdrop.className = 'blip-modal-backdrop';
+
+    const modal = document.createElement('div');
+    modal.className = 'blip-modal glass';
+    modal.setAttribute('role', 'alertdialog');
+    modal.setAttribute('aria-modal', 'true');
+
+    const h = document.createElement('h3');
+    h.className = 'blip-modal-title';
+    h.textContent = title;
+
+    const actions = document.createElement('div');
+    actions.className = 'blip-modal-actions';
+
+    const okBtn = document.createElement('button');
+    okBtn.type = 'button';
+    okBtn.className = 'btn btn-accent';
+    okBtn.textContent = okLabel;
+
+    let done = false;
+    function finish() {
+      if (done) return;
+      done = true;
+      backdrop.remove();
+      resolve();
+    }
+
+    okBtn.addEventListener('click', finish);
+    backdrop.addEventListener('click', (e) => {
+      if (e.target === backdrop) finish();
+    });
+
+    modal.appendChild(h);
+    if (body) {
+      const p = document.createElement('p');
+      p.className = 'hint blip-modal-hint';
+      p.textContent = body;
+      modal.appendChild(p);
+    }
+    actions.appendChild(okBtn);
+    modal.appendChild(actions);
+    backdrop.appendChild(modal);
+    document.body.appendChild(backdrop);
+
+    okBtn.focus();
+  });
+}
diff --git a/renderer/factory-reset-local.js b/renderer/factory-reset-local.js
new file mode 100644
index 0000000..c520f3f
--- /dev/null
+++ b/renderer/factory-reset-local.js
@@ -0,0 +1,27 @@
+import { resetGroupsStore } from './groups.js';
+import { resetChatStore } from './chat.js';
+import { resetFavoritesStore } from './peer-favorites.js';
+import { resetGroupInvitesStore } from './group-invites.js';
+import { resetMeshProjectStores } from './group-projects-store.js';
+import { clearAllAchievementUnlocks } from './achievements-store.js';
+
+/** Clear renderer local persistence (keep UI language). */
+export function clearRendererLocalStorage() {
+  const keep = new Set(['blip_lang']);
+  const remove = [];
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i);
+    if (key && key.startsWith('blip_') && !keep.has(key)) remove.push(key);
+  }
+  for (const key of remove) localStorage.removeItem(key);
+}
+
+/** Clear in-memory stores that were loaded from localStorage at startup. */
+export function resetRendererMemoryStores() {
+  resetGroupsStore();
+  resetChatStore();
+  resetFavoritesStore();
+  resetGroupInvitesStore();
+  resetMeshProjectStores();
+  clearAllAchievementUnlocks();
+}
diff --git a/renderer/file-transfer-hub.js b/renderer/file-transfer-hub.js
index 7baedd9..c3e9971 100644
--- a/renderer/file-transfer-hub.js
+++ b/renderer/file-transfer-hub.js
@@ -2,15 +2,56 @@ import { t } from './i18n.js';
 import { formatFileSize } from './file-transfer.js';
 import { formatTransferSpeed } from './file-transfer-speed.js';
 
-/** @type {Map<string, { id: string, peerId: number, transferId: string, name: string, direction: string, progress: number, size: number, speedBps?: number, startedAt?: number, cancellable?: boolean, onCancel?: () => void }>} */
+const AUTO_CLEAR_MS = 5000;
+
+/** @type {Map<string, object>} */
 const active = new Map();
+/** @type {Map<string, ReturnType<typeof setTimeout>>} */
+const autoClearTimers = new Map();
 let rootEl = null;
 let listEl = null;
+let clearBtnEl = null;
 
 function transferKey(peerId, transferId) {
   return `${peerId}:${transferId}`;
 }
 
+function cancelAutoClear(id) {
+  const timer = autoClearTimers.get(id);
+  if (timer) {
+    clearTimeout(timer);
+    autoClearTimers.delete(id);
+  }
+}
+
+function scheduleAutoClear(id) {
+  if (autoClearTimers.has(id)) return;
+  const timer = setTimeout(() => {
+    autoClearTimers.delete(id);
+    active.delete(id);
+    render();
+  }, AUTO_CLEAR_MS);
+  autoClearTimers.set(id, timer);
+}
+
+function dismissTransfer(id) {
+  cancelAutoClear(id);
+  active.delete(id);
+  render();
+}
+
+function clearAllTransfers() {
+  for (const timer of autoClearTimers.values()) clearTimeout(timer);
+  autoClearTimers.clear();
+  active.clear();
+  render();
+}
+
+function openSavedFolder(filePath) {
+  if (!filePath || !window.blip?.showItemInFolder) return;
+  void window.blip.showItemInFolder(filePath);
+}
+
 function ensureDom() {
   if (rootEl?.isConnected) return;
   rootEl = document.createElement('div');
@@ -19,12 +60,25 @@ function ensureDom() {
 
   const head = document.createElement('div');
   head.className = 'transfer-hub-head';
+
   const title = document.createElement('span');
   title.className = 'transfer-hub-title';
   title.dataset.i18n = 'transfer.hub_title';
   title.textContent = t('transfer.hub_title');
   head.appendChild(title);
 
+  clearBtnEl = document.createElement('button');
+  clearBtnEl.type = 'button';
+  clearBtnEl.className = 'btn btn-lang transfer-hub-clear';
+  clearBtnEl.dataset.i18n = 'transfer.hub_clear';
+  clearBtnEl.setAttribute('aria-label', t('transfer.hub_clear'));
+  clearBtnEl.textContent = '×';
+  clearBtnEl.addEventListener('click', (e) => {
+    e.stopPropagation();
+    clearAllTransfers();
+  });
+  head.appendChild(clearBtnEl);
+
   listEl = document.createElement('div');
   listEl.className = 'transfer-hub-list';
   rootEl.appendChild(head);
@@ -32,6 +86,87 @@ function ensureDom() {
   document.body.appendChild(rootEl);
 }
 
+function renderJobRow(job) {
+  const row = document.createElement('div');
+  row.className = `transfer-hub-row${job.progress >= 100 ? ' transfer-hub-row--done' : ''}`;
+
+  const top = document.createElement('div');
+  top.className = 'transfer-hub-row-top';
+
+  const meta = document.createElement('div');
+  meta.className = 'transfer-hub-meta';
+  const name = document.createElement('span');
+  name.className = 'transfer-hub-name';
+  name.textContent = job.name || 'file';
+  const sub = document.createElement('span');
+  sub.className = 'transfer-hub-sub';
+  const dir =
+    job.direction === 'in'
+      ? t('transfer.hub_in').replace('{id}', String(job.peerId))
+      : t('transfer.hub_out').replace('{id}', String(job.peerId));
+  const speedPart =
+    job.speedBps && job.progress > 0 && job.progress < 100
+      ? ` · ${formatTransferSpeed(job.speedBps)}`
+      : '';
+  const donePart = job.progress >= 100 ? ` · ${t('transfer.hub_done')}` : ` · ${job.progress}%`;
+  sub.textContent = `${dir} · ${formatFileSize(job.size)}${speedPart}${donePart}`;
+  meta.appendChild(name);
+  meta.appendChild(sub);
+  top.appendChild(meta);
+
+  const dismissBtn = document.createElement('button');
+  dismissBtn.type = 'button';
+  dismissBtn.className = 'btn btn-lang transfer-hub-dismiss';
+  dismissBtn.setAttribute('aria-label', t('transfer.hub_dismiss'));
+  dismissBtn.textContent = '×';
+  dismissBtn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    dismissTransfer(job.id);
+  });
+  top.appendChild(dismissBtn);
+
+  row.appendChild(top);
+
+  if (job.progress < 100) {
+    const track = document.createElement('div');
+    track.className = 'transfer-hub-track';
+    const fill = document.createElement('div');
+    fill.className = 'transfer-hub-fill';
+    fill.style.width = `${Math.min(100, Math.max(0, job.progress))}%`;
+    track.appendChild(fill);
+    row.appendChild(track);
+  }
+
+  if (job.cancellable && job.progress < 100 && job.onCancel) {
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.className = 'btn btn-lang transfer-hub-cancel';
+    cancelBtn.dataset.i18n = 'transfer.hub_cancel';
+    cancelBtn.textContent = t('transfer.hub_cancel');
+    cancelBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      job.onCancel?.();
+    });
+    row.appendChild(cancelBtn);
+  }
+
+  if (job.progress >= 100 && job.savedPath) {
+    const openBtn = document.createElement('button');
+    openBtn.type = 'button';
+    openBtn.className = 'btn btn-accent transfer-hub-open';
+    openBtn.dataset.i18n = 'transfer.hub_open_folder';
+    openBtn.textContent = t('transfer.hub_open_folder');
+    openBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      openSavedFolder(job.savedPath);
+    });
+    row.appendChild(openBtn);
+  }
+
+  return row;
+}
+
 function render() {
   ensureDom();
   if (!listEl) return;
@@ -42,59 +177,32 @@ function render() {
   }
   rootEl.classList.remove('hidden');
 
-  for (const job of active.values()) {
-    const row = document.createElement('div');
-    row.className = 'transfer-hub-row';
-
-    const meta = document.createElement('div');
-    meta.className = 'transfer-hub-meta';
-    const name = document.createElement('span');
-    name.className = 'transfer-hub-name';
-    name.textContent = job.name || 'file';
-    const sub = document.createElement('span');
-    sub.className = 'transfer-hub-sub';
-    const dir =
-      job.direction === 'in'
-        ? t('transfer.hub_in').replace('{id}', String(job.peerId))
-        : t('transfer.hub_out').replace('{id}', String(job.peerId));
-    const speedPart =
-      job.speedBps && job.progress > 0 && job.progress < 100
-        ? ` · ${formatTransferSpeed(job.speedBps)}`
-        : '';
-    sub.textContent = `${dir} · ${formatFileSize(job.size)}${speedPart} · ${job.progress}%`;
-    meta.appendChild(name);
-    meta.appendChild(sub);
-
-    const track = document.createElement('div');
-    track.className = 'transfer-hub-track';
-    const fill = document.createElement('div');
-    fill.className = 'transfer-hub-fill';
-    fill.style.width = `${Math.min(100, Math.max(0, job.progress))}%`;
-    track.appendChild(fill);
+  const jobs = [...active.values()];
+  const inProgress = jobs.filter((j) => j.progress < 100);
+  const completed = jobs.filter((j) => j.progress >= 100);
 
-    row.appendChild(meta);
-    row.appendChild(track);
+  if (inProgress.length) {
+    const head = document.createElement('div');
+    head.className = 'transfer-hub-section-head';
+    head.dataset.i18n = 'transfer.hub_active';
+    head.textContent = t('transfer.hub_active');
+    listEl.appendChild(head);
+    for (const job of inProgress) listEl.appendChild(renderJobRow(job));
+  }
 
-    if (job.cancellable && job.progress < 100 && job.onCancel) {
-      const cancelBtn = document.createElement('button');
-      cancelBtn.type = 'button';
-      cancelBtn.className = 'btn btn-lang transfer-hub-cancel';
-      cancelBtn.dataset.i18n = 'transfer.hub_cancel';
-      cancelBtn.textContent = t('transfer.hub_cancel');
-      cancelBtn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        job.onCancel?.();
-      });
-      row.appendChild(cancelBtn);
-    }
-
-    listEl.appendChild(row);
+  if (completed.length) {
+    const head = document.createElement('div');
+    head.className = 'transfer-hub-section-head transfer-hub-section-head--done';
+    head.dataset.i18n = 'transfer.hub_completed';
+    head.textContent = t('transfer.hub_completed');
+    listEl.appendChild(head);
+    for (const job of completed) listEl.appendChild(renderJobRow(job));
   }
 }
 
 export function trackTransferStart(peerId, transferId, meta = {}) {
   const id = transferKey(peerId, transferId);
+  cancelAutoClear(id);
   active.set(id, {
     id,
     peerId: Number(peerId),
@@ -105,6 +213,7 @@ export function trackTransferStart(peerId, transferId, meta = {}) {
     size: meta.size || 0,
     startedAt: Date.now(),
     speedBps: 0,
+    savedPath: meta.savedPath || '',
     cancellable: meta.cancellable !== false && meta.direction === 'out',
     onCancel: meta.onCancel,
   });
@@ -122,16 +231,20 @@ export function trackTransferProgress(peerId, transferId, progress, meta = {}) {
   job.progress = Math.min(100, Math.max(0, Math.round(progress)));
   if (meta.name) job.name = meta.name;
   if (meta.size) job.size = meta.size;
+  if (meta.savedPath) job.savedPath = meta.savedPath;
   if (meta.speedBps) job.speedBps = meta.speedBps;
   else if (job.size && job.startedAt) {
     const elapsed = Math.max(0.001, (Date.now() - job.startedAt) / 1000);
     job.speedBps = ((job.size * job.progress) / 100) / elapsed;
   }
+  if (job.progress >= 100) scheduleAutoClear(id);
   render();
 }
 
 export function trackTransferEnd(peerId, transferId) {
-  active.delete(transferKey(peerId, transferId));
+  const id = transferKey(peerId, transferId);
+  cancelAutoClear(id);
+  active.delete(id);
   render();
 }
 
@@ -139,5 +252,8 @@ export function refreshTransferHubI18n() {
   ensureDom();
   const title = rootEl?.querySelector('.transfer-hub-title');
   if (title) title.textContent = t('transfer.hub_title');
+  if (clearBtnEl) {
+    clearBtnEl.setAttribute('aria-label', t('transfer.hub_clear'));
+  }
   render();
 }
diff --git a/renderer/file-transfer-speed.js b/renderer/file-transfer-speed.js
index 1682733..55b4db6 100644
--- a/renderer/file-transfer-speed.js
+++ b/renderer/file-transfer-speed.js
@@ -11,11 +11,11 @@ export function normalizeFileTransferSpeed(value) {
  * @param {boolean} [callActive]
  */
 export function getChunkDelayMs(config, callActive = false) {
-  if (callActive) return 36;
+  if (callActive) return 12;
   const speed = normalizeFileTransferSpeed(config?.fileTransferSpeed);
   if (speed === 'fast') return 0;
-  if (speed === 'slow') return 28;
-  return 10;
+  if (speed === 'slow') return 8;
+  return 0;
 }
 
 /** @param {number} bytesPerSec */
diff --git a/renderer/file-transfer.js b/renderer/file-transfer.js
index 5f19b25..efc7cca 100644
--- a/renderer/file-transfer.js
+++ b/renderer/file-transfer.js
@@ -6,8 +6,40 @@ import {
   inferAttachmentKind,
 } from './chat-attachments.js';
 import { getChunkDelayMs } from './file-transfer-speed.js';
+import { recordBandwidthSample } from './bandwidth-monitor.js';
 
-const CHUNK_RAW_BYTES = 48 * 1024;
+/** Raw bytes per chunk (~1 MiB on wire after base64, under 4 MiB TCP line cap). */
+const CHUNK_RAW_BYTES = 1024 * 1024;
+/** Multiple chunks per TCP line (fewer IPC round-trips). */
+const CHUNKS_PER_TCP_BATCH = 2;
+/** In-flight TCP batch sends without waiting for each to finish. */
+const SEND_PIPELINE_DEPTH = 12;
+
+function resolveFileDiskPath(file) {
+  if (!file) return '';
+  if (typeof window !== 'undefined' && window.blip?.getPathForFile) {
+    const p = window.blip.getPathForFile(file);
+    if (typeof p === 'string' && p.trim()) return p.trim();
+  }
+  if (typeof file.path === 'string' && file.path.trim()) return file.path.trim();
+  return '';
+}
+
+function buildChunkedAttachment(file, transferId, opts) {
+  return {
+    chunked: true,
+    transferId,
+    attachment: {
+      kind: 'file',
+      name: file.name || 'file',
+      mime: file.type || 'application/octet-stream',
+      size: file.size,
+      transferId,
+      groupId: opts.groupId,
+      msgId: opts.msgId,
+    },
+  };
+}
 
 function delay(ms) {
   return ms > 0 ? new Promise((r) => setTimeout(r, ms)) : Promise.resolve();
@@ -104,6 +136,40 @@ function assembleIncoming(entry) {
  * @param {{ transferId?: string, groupId?: string, msgId?: string }} [opts]
  * @returns {{ attachment, messageText } | { chunked: true, transferId }}
  */
+async function sendChatFileFromDisk(api, config, peerId, file, diskPath, onProgress, opts) {
+  const transferId = opts.transferId || createMessageId();
+  const key = transferKey(peerId, transferId);
+  clearTransferCancel(peerId, transferId);
+
+  let unsub = () => {};
+  if (typeof window !== 'undefined' && window.blip?.onFileSendProgress) {
+    unsub = window.blip.onFileSendProgress((p) => {
+      if (p?.transferId !== transferId) return;
+      if (p.speedBps) recordBandwidthSample({ upBps: p.speedBps });
+      onProgress?.(p.percent ?? 0, { speedBps: p.speedBps, bytesSent: p.bytesSent });
+    });
+  }
+
+  try {
+    const res = await window.blip.sendFileFromPath({
+      filePath: diskPath,
+      to: peerId,
+      transferId,
+      name: file.name || 'file',
+      mime: file.type || 'application/octet-stream',
+      size: file.size,
+      groupId: opts.groupId,
+      msgId: opts.msgId,
+    });
+    if (!res?.ok) throw new Error(res?.error || 'send_failed');
+    if (cancelRequested.has(key)) throw new Error('cancelled');
+    clearTransferCancel(peerId, transferId);
+    return buildChunkedAttachment(file, transferId, opts);
+  } finally {
+    unsub();
+  }
+}
+
 export async function sendChatFile(api, config, peerId, file, onProgress, opts = {}) {
   validateChatFile(file);
 
@@ -112,6 +178,11 @@ export async function sendChatFile(api, config, peerId, file, onProgress, opts =
     return { inline: true, attachment };
   }
 
+  const diskPath = resolveFileDiskPath(file);
+  if (diskPath && typeof window !== 'undefined' && window.blip?.sendFileFromPath) {
+    return sendChatFileFromDisk(api, config, peerId, file, diskPath, onProgress, opts);
+  }
+
   const transferId = opts.transferId || createMessageId();
   const chunkCount = Math.ceil(file.size / CHUNK_RAW_BYTES);
   const key = transferKey(peerId, transferId);
@@ -138,28 +209,44 @@ export async function sendChatFile(api, config, peerId, file, onProgress, opts =
   const chunkDelay = getChunkDelayMs(config, callActive);
   const startedAt = Date.now();
   let bytesSent = 0;
+  const inFlight = [];
 
-  for (let i = 0; i < chunkCount; i++) {
+  for (let i = 0; i < chunkCount; ) {
     if (cancelRequested.has(key)) {
       await abortFileTransfer(api, config, peerId, transferId);
       throw new Error('cancelled');
     }
-    const start = i * CHUNK_RAW_BYTES;
-    const end = Math.min(file.size, start + CHUNK_RAW_BYTES);
-    const data = await readFileSliceAsBase64(file, start, end);
-    await api.sendTcpMessage({
-      type: 'file-chunk',
+
+    const batch = [];
+    for (let b = 0; b < CHUNKS_PER_TCP_BATCH && i < chunkCount; b++, i++) {
+      const start = i * CHUNK_RAW_BYTES;
+      const end = Math.min(file.size, start + CHUNK_RAW_BYTES);
+      const data = await readFileSliceAsBase64(file, start, end);
+      batch.push({ index: i, data });
+      bytesSent = end;
+    }
+
+    const sendPromise = api.sendTcpMessage({
+      type: 'file-chunks-batch',
       ...base,
-      index: i,
-      data,
+      chunks: batch,
     });
-    bytesSent = end;
+    inFlight.push(sendPromise);
+    if (inFlight.length >= SEND_PIPELINE_DEPTH) {
+      await inFlight.shift();
+    }
+
     const elapsed = Math.max(0.001, (Date.now() - startedAt) / 1000);
     const speedBps = bytesSent / elapsed;
-    onProgress?.(Math.round(((i + 1) / chunkCount) * 100), { speedBps, bytesSent });
+    recordBandwidthSample({ upBps: speedBps });
+    onProgress?.(Math.round((bytesSent / file.size) * 100), { speedBps, bytesSent });
     await delay(chunkDelay);
   }
 
+  while (inFlight.length) {
+    await inFlight.shift();
+  }
+
   if (cancelRequested.has(key)) {
     await abortFileTransfer(api, config, peerId, transferId);
     throw new Error('cancelled');
@@ -172,19 +259,7 @@ export async function sendChatFile(api, config, peerId, file, onProgress, opts =
 
   clearTransferCancel(peerId, transferId);
 
-  return {
-    chunked: true,
-    transferId,
-    attachment: {
-      kind: 'file',
-      name: file.name || 'file',
-      mime: file.type || 'application/octet-stream',
-      size: file.size,
-      transferId,
-      groupId: opts.groupId,
-      msgId: opts.msgId,
-    },
-  };
+  return buildChunkedAttachment(file, transferId, opts);
 }
 
 /** Build a local data URL for UI after send/receive. */
@@ -197,7 +272,17 @@ export async function fileToDataUrl(file) {
   });
 }
 
-export function handleFileTransferTcp(msg, { config, onComplete, onProgress }) {
+function applyIncomingChunks(entry, chunks) {
+  if (!Array.isArray(chunks)) return;
+  for (const part of chunks) {
+    const idx = Number(part?.index);
+    if (!Number.isFinite(idx) || idx < 0) continue;
+    entry.chunks[idx] = String(part.data || '');
+    entry.received += 1;
+  }
+}
+
+export function handleFileTransferTcp(msg, { config, onComplete, onProgress, onAbort }) {
   const type = msg.type;
   const peerId = Number(msg.from === config.blipId ? msg.to : msg.from);
   if (!Number.isFinite(peerId)) return false;
@@ -222,16 +307,25 @@ export function handleFileTransferTcp(msg, { config, onComplete, onProgress }) {
     return true;
   }
 
+  if (type === 'file-chunks-batch') {
+    const key = transferKey(peerId, msg.transferId);
+    const entry = incoming.get(key);
+    if (!entry) return true;
+    applyIncomingChunks(entry, msg.chunks);
+    const pct = entry.meta.chunkCount
+      ? Math.min(100, Math.round((entry.received / entry.meta.chunkCount) * 100))
+      : 0;
+    onProgress?.(peerId, msg.transferId, pct);
+    return true;
+  }
+
   if (type === 'file-chunk') {
     const key = transferKey(peerId, msg.transferId);
     const entry = incoming.get(key);
     if (!entry) return true;
-    const idx = Number(msg.index);
-    if (!Number.isFinite(idx) || idx < 0) return true;
-    entry.chunks[idx] = String(msg.data || '');
-    entry.received += 1;
+    applyIncomingChunks(entry, [{ index: msg.index, data: msg.data }]);
     const pct = entry.meta.chunkCount
-      ? Math.round((entry.received / entry.meta.chunkCount) * 100)
+      ? Math.min(100, Math.round((entry.received / entry.meta.chunkCount) * 100))
       : 0;
     onProgress?.(peerId, msg.transferId, pct);
     return true;
@@ -239,6 +333,7 @@ export function handleFileTransferTcp(msg, { config, onComplete, onProgress }) {
 
   if (type === 'file-abort') {
     incoming.delete(transferKey(peerId, msg.transferId));
+    onAbort?.(peerId, msg.transferId);
     return true;
   }
 
diff --git a/renderer/gif-crop-dialog.js b/renderer/gif-crop-dialog.js
new file mode 100644
index 0000000..843627a
--- /dev/null
+++ b/renderer/gif-crop-dialog.js
@@ -0,0 +1,166 @@
+import { t } from './i18n.js';
+import { computeGifFramePx } from './gif-frame-size.js';
+
+const CROP_MAX_W = 400;
+const CROP_MAX_H = 225;
+
+/**
+ * Preview positioning for profile GIF cloud. Returns true if user confirmed.
+ * @param {File} file
+ * @returns {Promise<boolean>}
+ */
+export function openGifCropDialog(file) {
+  const isGif =
+    file.type === 'image/gif' || /\.gif$/i.test(file.name || '');
+  if (!isGif) return Promise.resolve(false);
+
+  return new Promise((resolve) => {
+    const objectUrl = URL.createObjectURL(file);
+    const img = new Image();
+    img.onerror = () => {
+      URL.revokeObjectURL(objectUrl);
+      resolve(false);
+    };
+    img.onload = () => {
+      const { w: VIEW_W, h: VIEW_H } = computeGifFramePx(
+        img.width,
+        img.height,
+        CROP_MAX_W,
+        CROP_MAX_H
+      );
+
+      let scale = Math.max(VIEW_W / img.width, VIEW_H / img.height);
+      let offsetX = (VIEW_W - img.width * scale) / 2;
+      let offsetY = (VIEW_H - img.height * scale) / 2;
+      let dragging = false;
+      let dragStart = { x: 0, y: 0, ox: 0, oy: 0 };
+
+      const backdrop = document.createElement('div');
+      backdrop.className = 'blip-modal-backdrop avatar-crop-backdrop';
+
+      const modal = document.createElement('div');
+      modal.className = 'blip-modal glass avatar-crop-modal gif-crop-modal';
+
+      const title = document.createElement('h3');
+      title.className = 'blip-modal-title';
+      title.dataset.i18n = 'settings.profile_gif_crop_title';
+      title.textContent = t('settings.profile_gif_crop_title');
+
+      const frame = document.createElement('div');
+      frame.className = 'avatar-crop-frame gif-crop-frame';
+      frame.style.width = `${VIEW_W}px`;
+      frame.style.height = `${VIEW_H}px`;
+
+      const canvas = document.createElement('canvas');
+      canvas.className = 'avatar-crop-canvas gif-crop-canvas';
+      canvas.width = VIEW_W;
+      canvas.height = VIEW_H;
+      canvas.style.width = `${VIEW_W}px`;
+      canvas.style.height = `${VIEW_H}px`;
+
+      const overlay = document.createElement('div');
+      overlay.className = 'avatar-crop-overlay gif-crop-overlay';
+      overlay.setAttribute('aria-hidden', 'true');
+
+      frame.appendChild(canvas);
+      frame.appendChild(overlay);
+
+      const zoomLabel = document.createElement('label');
+      zoomLabel.className = 'settings-field-label';
+      zoomLabel.dataset.i18n = 'settings.avatar_crop_zoom';
+      zoomLabel.textContent = t('settings.avatar_crop_zoom');
+      const zoomRow = document.createElement('div');
+      zoomRow.className = 'avatar-crop-zoom-row';
+      const zoom = document.createElement('input');
+      zoom.type = 'range';
+      zoom.min = '100';
+      zoom.max = '300';
+      zoom.value = '100';
+      zoomRow.appendChild(zoom);
+
+      const ctx = canvas.getContext('2d');
+      ctx.imageSmoothingEnabled = false;
+      const baseScale = scale;
+
+      function clampOffsets() {
+        const w = img.width * scale;
+        const h = img.height * scale;
+        offsetX = Math.min(0, Math.max(VIEW_W - w, offsetX));
+        offsetY = Math.min(0, Math.max(VIEW_H - h, offsetY));
+      }
+
+      function draw() {
+        ctx.clearRect(0, 0, VIEW_W, VIEW_H);
+        ctx.drawImage(img, offsetX, offsetY, img.width * scale, img.height * scale);
+      }
+
+      draw();
+
+      canvas.addEventListener('mousedown', (e) => {
+        dragging = true;
+        dragStart = { x: e.clientX, y: e.clientY, ox: offsetX, oy: offsetY };
+      });
+      window.addEventListener('mousemove', (e) => {
+        if (!dragging) return;
+        offsetX = dragStart.ox + (e.clientX - dragStart.x);
+        offsetY = dragStart.oy + (e.clientY - dragStart.y);
+        clampOffsets();
+        draw();
+      });
+      window.addEventListener('mouseup', () => {
+        dragging = false;
+      });
+
+      zoom.addEventListener('input', () => {
+        const centerX = offsetX + (img.width * scale) / 2;
+        const centerY = offsetY + (img.height * scale) / 2;
+        scale = baseScale * (Number(zoom.value) / 100);
+        offsetX = centerX - (img.width * scale) / 2;
+        offsetY = centerY - (img.height * scale) / 2;
+        clampOffsets();
+        draw();
+      });
+
+      const actions = document.createElement('div');
+      actions.className = 'blip-modal-actions';
+
+      const cancelBtn = document.createElement('button');
+      cancelBtn.type = 'button';
+      cancelBtn.className = 'btn btn-lang';
+      cancelBtn.textContent = t('dialog.cancel');
+
+      const okBtn = document.createElement('button');
+      okBtn.type = 'button';
+      okBtn.className = 'btn btn-accent';
+      okBtn.textContent = t('dialog.confirm');
+
+      let done = false;
+      function finish(confirmed) {
+        if (done) return;
+        done = true;
+        URL.revokeObjectURL(objectUrl);
+        backdrop.remove();
+        resolve(!!confirmed);
+      }
+
+      cancelBtn.addEventListener('click', () => finish(false));
+      backdrop.addEventListener('click', (e) => {
+        if (e.target === backdrop) finish(false);
+      });
+
+      okBtn.addEventListener('click', () => finish(true));
+
+      actions.appendChild(cancelBtn);
+      actions.appendChild(okBtn);
+      modal.appendChild(title);
+      modal.appendChild(frame);
+      modal.appendChild(zoomLabel);
+      modal.appendChild(zoomRow);
+      modal.appendChild(actions);
+      backdrop.appendChild(modal);
+      document.body.appendChild(backdrop);
+      okBtn.focus();
+    };
+    img.src = objectUrl;
+  });
+}
diff --git a/renderer/gif-frame-size.js b/renderer/gif-frame-size.js
new file mode 100644
index 0000000..12540e3
--- /dev/null
+++ b/renderer/gif-frame-size.js
@@ -0,0 +1,36 @@
+/** Horizontal frame: default 16:9, minimum width:height 4:3. */
+export const GIF_FRAME_MAX_AR = 16 / 9;
+export const GIF_FRAME_MIN_AR = 4 / 3;
+
+/**
+ * @param {number} imgWidth
+ * @param {number} imgHeight
+ * @returns {number} width / height
+ */
+export function clampGifAspectRatio(imgWidth, imgHeight) {
+  const w = Math.max(1, imgWidth);
+  const h = Math.max(1, imgHeight);
+  const ar = w / h;
+  return Math.min(GIF_FRAME_MAX_AR, Math.max(GIF_FRAME_MIN_AR, ar));
+}
+
+/**
+ * Fit a horizontal GIF frame inside max bounds.
+ * @param {number} imgWidth
+ * @param {number} imgHeight
+ * @param {number} maxW
+ * @param {number} maxH
+ * @returns {{ w: number, h: number, ar: number }}
+ */
+export function computeGifFramePx(imgWidth, imgHeight, maxW, maxH) {
+  const ar = clampGifAspectRatio(imgWidth, imgHeight);
+  let w = maxW;
+  let h = Math.round(w / ar);
+  if (h > maxH) {
+    h = maxH;
+    w = Math.round(h * ar);
+  }
+  w = Math.max(1, w);
+  h = Math.max(1, h);
+  return { w, h, ar };
+}
diff --git a/renderer/grid.js b/renderer/grid.js
index 3bd5416..d9815f4 100644
--- a/renderer/grid.js
+++ b/renderer/grid.js
@@ -1,6 +1,6 @@
 import { t } from './i18n.js';
 
-export function createIdGrid({ occupiedIds = [], selectedId = null, onSelect }) {
+export function createIdGrid({ occupiedIds = [], reservedIds = [], selectedId = null, onSelect }) {
   const container = document.createElement('div');
   container.className = 'id-grid-wrap';
 
@@ -9,16 +9,22 @@ export function createIdGrid({ occupiedIds = [], selectedId = null, onSelect })
   title.dataset.i18n = 'grid.title';
   title.textContent = t('grid.title');
 
+  const occupied = new Set(occupiedIds);
+  const reserved = new Set(reservedIds);
+
   const hint = document.createElement('p');
   hint.className = 'hint';
-  hint.dataset.i18n = 'grid.hint';
-  hint.textContent = t('grid.hint');
+  if (reserved.size > 0) {
+    hint.dataset.i18n = 'grid.hint_reserved';
+    hint.textContent = t('grid.hint_reserved');
+  } else {
+    hint.dataset.i18n = 'grid.hint';
+    hint.textContent = t('grid.hint');
+  }
 
   const grid = document.createElement('div');
   grid.className = 'id-grid';
   grid.setAttribute('role', 'grid');
-
-  const occupied = new Set(occupiedIds);
   let pending = selectedId;
 
   for (let n = 1; n <= 64; n++) {
@@ -43,6 +49,8 @@ export function createIdGrid({ occupiedIds = [], selectedId = null, onSelect })
       cell.appendChild(cross);
     } else if (n === selectedId) {
       cell.classList.add('selected');
+    } else if (reserved.has(n)) {
+      cell.classList.add('reserved');
     }
 
     cell.addEventListener('click', () => {
diff --git a/renderer/group-avatar.js b/renderer/group-avatar.js
index 808ee8f..387c761 100644
--- a/renderer/group-avatar.js
+++ b/renderer/group-avatar.js
@@ -1,6 +1,8 @@
 import { drawAvatar } from './avatar.js';
+import { getGroup } from './groups.js';
 
 const STORAGE_KEY = 'blip_group_avatar_v1';
+const MAX_SHARE_CHARS = 64000;
 
 function hashGroupId(groupId) {
   let h = 0;
@@ -31,6 +33,48 @@ export function getGroupAvatarDataUrl(groupId) {
   return map[String(groupId)] || null;
 }
 
+/**
+ * Resize to square JPEG for LAN (same budget as peer avatars).
+ * @param {string} dataUrl
+ * @returns {Promise<string | null>}
+ */
+export function compressGroupAvatarForShare(dataUrl) {
+  return new Promise((resolve) => {
+    if (!dataUrl) {
+      resolve(null);
+      return;
+    }
+    const img = new Image();
+    img.onerror = () => resolve(null);
+    img.onload = () => {
+      const max = 128;
+      let w = img.width;
+      let h = img.height;
+      const ratio = Math.min(max / w, max / h, 1);
+      w = Math.max(8, Math.round(w * ratio));
+      h = Math.max(8, Math.round(h * ratio));
+      const canvas = document.createElement('canvas');
+      canvas.width = w;
+      canvas.height = h;
+      const ctx = canvas.getContext('2d');
+      ctx.imageSmoothingEnabled = false;
+      ctx.drawImage(img, 0, 0, w, h);
+      let quality = 0.88;
+      let url = canvas.toDataURL('image/jpeg', quality);
+      while (url.length > 52000 && quality > 0.35) {
+        quality -= 0.12;
+        url = canvas.toDataURL('image/jpeg', quality);
+      }
+      if (url.length > MAX_SHARE_CHARS) {
+        resolve(null);
+        return;
+      }
+      resolve(url);
+    };
+    img.src = dataUrl;
+  });
+}
+
 export function setGroupAvatarDataUrl(groupId, dataUrl) {
   const map = readMap();
   if (!dataUrl) delete map[String(groupId)];
@@ -39,6 +83,60 @@ export function setGroupAvatarDataUrl(groupId, dataUrl) {
   window.dispatchEvent(new CustomEvent('blip-group-avatar-changed', { detail: { groupId } }));
 }
 
+/**
+ * Push group avatar to online members (LAN TCP).
+ * @param {string} groupId
+ * @param {{ sendTcpMessage: Function }} api
+ * @param {number} selfId
+ */
+export async function broadcastGroupAvatarToMembers(groupId, api, selfId) {
+  const group = getGroup(groupId);
+  if (!group || !api?.sendTcpMessage) return;
+  const raw = getGroupAvatarDataUrl(groupId);
+  if (!raw) return;
+  const dataUrl = await compressGroupAvatarForShare(raw);
+  if (!dataUrl) return;
+  const from = Number(selfId);
+  for (const m of group.members) {
+    const to = Number(m);
+    if (!Number.isFinite(to) || to === from) continue;
+    try {
+      await api.sendTcpMessage({
+        type: 'group-avatar-share',
+        groupId,
+        to,
+        from,
+        dataUrl,
+      });
+    } catch {
+      /* offline */
+    }
+  }
+}
+
+/**
+ * Ask members for their group avatar (they reply with group-avatar-share if set).
+ */
+export async function requestGroupAvatarsFromMembers(groupId, api, selfId) {
+  const group = getGroup(groupId);
+  if (!group || !api?.sendTcpMessage) return;
+  const from = Number(selfId);
+  for (const m of group.members) {
+    const to = Number(m);
+    if (!Number.isFinite(to) || to === from) continue;
+    try {
+      await api.sendTcpMessage({
+        type: 'group-avatar-request',
+        groupId,
+        to,
+        from,
+      });
+    } catch {
+      /* offline */
+    }
+  }
+}
+
 /**
  * @param {string} groupId
  * @param {number} [scale]
diff --git a/renderer/group-call-window-main.js b/renderer/group-call-window-main.js
index 718ceec..1fa445c 100644
--- a/renderer/group-call-window-main.js
+++ b/renderer/group-call-window-main.js
@@ -10,16 +10,30 @@ import {
 } from './group-call.js';
 import { applyCallWindowAppearance, listenReducedMotion } from './appearance.js';
 import { setSoundPrefs } from './audio.js';
+import { setLocalTrustState } from './trust-ui.js';
 
 let appearanceRm = null;
+/** @type {Map<number, object>} */
+let lanPeersById = new Map();
 
 const api = {
   getConfig: () => window.blip.getConfig(),
   saveConfig: (data) => window.blip.saveConfig(data),
   sendTcpMessage: (payload) => window.blip.sendTcpMessage(payload),
   fetchGroup: (groupId) => window.blip.getGroupForCall(groupId),
+  getPeers: () => window.blip.getPeers(),
+  getLanPeer: (id) => lanPeersById.get(Number(id)) || null,
 };
 
+async function syncLanPeers() {
+  try {
+    const { peers } = await window.blip.getPeers();
+    lanPeersById = new Map(peers.map((p) => [Number(p.blipId), p]));
+  } catch {
+    lanPeersById = new Map();
+  }
+}
+
 async function callApi() {
   const config = await api.getConfig();
   return { ...api, config };
@@ -68,6 +82,14 @@ async function boot() {
   applyChrome(config);
   appearanceRm?.();
   appearanceRm = listenReducedMotion(() => {});
+  await syncLanPeers();
+  window.blip.onPeersUpdated?.(() => {
+    void syncLanPeers();
+  });
+  window.blip.onTrustState?.((trust) => setLocalTrustState(trust));
+  void window.blip.getTrustState?.().then((trust) => {
+    if (trust) setLocalTrustState(trust);
+  });
   initGroupCallWindow(api, config);
 
   document.getElementById('group-call-win-min')?.addEventListener('click', () => {
diff --git a/renderer/group-call-window.html b/renderer/group-call-window.html
index ea37379..af40000 100644
--- a/renderer/group-call-window.html
+++ b/renderer/group-call-window.html
@@ -7,6 +7,8 @@
   <title>BLIP — Group call</title>
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./groups-ui.css" />
+  <link rel="stylesheet" href="./trust.css" />
   <style>
     html, body { height: 100%; margin: 0; overflow: hidden; }
     #group-call-shell { display: flex; flex-direction: column; height: 100%; }
@@ -25,15 +27,16 @@
     .group-call-window-titlebar {
       display: flex;
       align-items: center;
-      height: 36px;
-      padding: 0 8px;
-      background: var(--blip-bg);
+      height: 40px;
+      padding: 0 10px;
+      gap: 8px;
+      background: color-mix(in srgb, var(--blip-glass) 90%, var(--blip-bg));
       border-bottom: 2px solid var(--blip-accent);
       -webkit-app-region: drag;
-      font-size: 11px;
+      font-size: 0.68rem;
       text-transform: uppercase;
       color: var(--blip-accent);
-      letter-spacing: 2px;
+      letter-spacing: 0.14em;
     }
     .group-call-window-titlebar .title-spacer { flex: 1; }
     .group-call-window-titlebar .win-controls {
diff --git a/renderer/group-call.js b/renderer/group-call.js
index 4cb827d..a2a15fb 100644
--- a/renderer/group-call.js
+++ b/renderer/group-call.js
@@ -11,6 +11,8 @@ import {
 import { sounds } from './audio.js';
 import { showAppToast } from './toasts.js';
 import { createAvatarElement } from './avatar.js';
+import { createTrustedAvatarElement, getLocalTrustState } from './trust-ui.js';
+import { BUILD_TRUST } from '../shared/trust-levels.js';
 import { openScreenPickerDialog } from './screen-picker-dialog.js';
 import { captureDisplayStream } from './display-capture.js';
 import {
@@ -385,7 +387,7 @@ function createGroupCallShell(config) {
   timerEl.textContent = '00:00';
 
   const controls = document.createElement('div');
-  controls.className = 'call-controls';
+  controls.className = 'call-controls group-call-controls';
 
   const muteBtn = document.createElement('button');
   muteBtn.type = 'button';
@@ -551,7 +553,12 @@ function createGroupCallShell(config) {
         v.srcObject = remoteStream;
         slot.appendChild(v);
       } else {
-        slot.appendChild(createAvatarElement(n, 4, { selfBlipId: config.blipId }));
+        const localTrust = getLocalTrustState();
+        const peer =
+          n === myId
+            ? { blipId: n, buildTrust: localTrust?.buildTrust || BUILD_TRUST.UNVERIFIED_BUILD }
+            : apiRef?.getLanPeer?.(n) || { blipId: n, buildTrust: BUILD_TRUST.UNVERIFIED_BUILD };
+        slot.appendChild(createTrustedAvatarElement(n, 4, { selfBlipId: config.blipId }));
       }
       }
       tile.appendChild(slot);
diff --git a/renderer/group-chat.js b/renderer/group-chat.js
index d1a7866..3aad78f 100644
--- a/renderer/group-chat.js
+++ b/renderer/group-chat.js
@@ -9,12 +9,27 @@ import {
   registerMediaPlaceholder,
   INLINE_FILE_BYTES,
 } from './chat-attachments.js';
-import { appendChatMessageBody } from './chat-message-content.js';
+import {
+  appendChatMessageBody,
+  buildReplyPreview,
+  buildForwardSnapshot,
+} from './chat-message-content.js';
 import { getMaxFileBytes } from './file-transfer-limits.js';
 import { createMessageId } from './message-id.js';
-import { addGroupMessage, getGroupMessages, groupDisplayName, amHost } from './groups.js';
+import {
+  addGroupMessage,
+  findGroupMessage,
+  getGroupMessages,
+  groupDisplayName,
+  amHost,
+} from './groups.js';
 import { getOngoingGroupCall } from './group-call-roster.js';
 import { isInGroupCall, getActiveGroupCallId } from './group-call-client.js';
+import { openAlertDialog } from './confirm-dialog.js';
+import { attachTypingSound } from './typing-sound.js';
+import { getGroupPinnedMessageId, setGroupPinnedMessageId } from './chat-pins.js';
+import { openForwardPeerPicker } from './chat-forward-picker.js';
+import { showAppToast } from './toasts.js';
 
 function formatChatTime(ts) {
   try {
@@ -29,6 +44,11 @@ function formatGroupFileLimit(config) {
   return `${gb} GB`;
 }
 
+function memberLabel(from, config) {
+  const mine = Number(from) === Number(config.blipId);
+  return mine ? t('group.you') : `#${from}`;
+}
+
 export function createGroupChatView(
   group,
   config,
@@ -37,12 +57,17 @@ export function createGroupChatView(
   onGroupCall,
   onGroupMenu,
   onJoinOngoingCall,
-  onSendFile
+  onSendFile,
+  { onPin, getForwardTargets, onForwardToPeer } = {}
 ) {
+  registerMediaPlaceholder(t('chat.image_sent'));
+  registerMediaPlaceholder(t('chat.file_sent'));
+  registerMediaPlaceholder(t('chat.file_received'));
+
   const wrap = document.createElement('div');
   wrap.className = 'chat-view group-chat-view';
 
-  const header = document.createElement("div");
+  const header = document.createElement('div');
   header.className = 'chat-header glass';
 
   if (onBack) {
@@ -54,14 +79,16 @@ export function createGroupChatView(
     header.appendChild(backBtn);
   }
 
-  const meta = document.createElement("div");
+  const meta = document.createElement('div');
   meta.className = 'chat-peer-meta';
   const name = document.createElement('span');
   name.className = 'chat-peer-name';
   name.textContent = groupDisplayName(group);
   const sub = document.createElement('span');
   sub.className = 'chat-peer-id';
-  const hostLabel = amHost(group, config.blipId) ? t('group.you_host') : t('group.host_line').replace('{id}', String(group.hostId));
+  const hostLabel = amHost(group, config.blipId)
+    ? t('group.you_host')
+    : t('group.host_line').replace('{id}', String(group.hostId));
   sub.textContent = `${t('group.members')}: ${group.members.length} · ${hostLabel}`;
   meta.appendChild(name);
   meta.appendChild(sub);
@@ -92,6 +119,9 @@ export function createGroupChatView(
   ongoingBar.className = 'group-call-ongoing glass hidden';
   const ongoingPulse = document.createElement('span');
   ongoingPulse.className = 'group-call-ongoing-pulse';
+  ongoingPulse.setAttribute('aria-hidden', 'true');
+  const ongoingBody = document.createElement('div');
+  ongoingBody.className = 'group-call-ongoing-body';
   const ongoingText = document.createElement('span');
   ongoingText.className = 'group-call-ongoing-text';
   const ongoingJoin = document.createElement('button');
@@ -100,14 +130,55 @@ export function createGroupChatView(
   ongoingJoin.dataset.i18n = 'group.join_call';
   ongoingJoin.textContent = t('group.join_call');
   ongoingJoin.addEventListener('click', () => onJoinOngoingCall?.(group.id));
+  ongoingBody.appendChild(ongoingText);
   ongoingBar.appendChild(ongoingPulse);
-  ongoingBar.appendChild(ongoingText);
+  ongoingBar.appendChild(ongoingBody);
   ongoingBar.appendChild(ongoingJoin);
 
+  const pinBar = document.createElement('div');
+  pinBar.className = 'chat-pin-bar glass hidden';
+  const pinLabel = document.createElement('span');
+  pinLabel.className = 'chat-pin-label';
+  pinLabel.dataset.i18n = 'chat.pinned';
+  pinLabel.textContent = t('chat.pinned');
+  const pinPreview = document.createElement('button');
+  pinPreview.type = 'button';
+  pinPreview.className = 'chat-pin-preview btn btn-lang';
+  const pinUnpin = document.createElement('button');
+  pinUnpin.type = 'button';
+  pinUnpin.className = 'chat-pin-unpin btn btn-lang chat-reply-btn--pixel';
+  pinUnpin.title = t('chat.unpin');
+  pinUnpin.textContent = '×';
+  pinBar.appendChild(pinLabel);
+  pinBar.appendChild(pinPreview);
+  pinBar.appendChild(pinUnpin);
+
   const messagesEl = document.createElement('div');
   messagesEl.className = 'chat-messages glass';
 
-  const inputRow = document.createElement("div");
+  let stickToBottom = true;
+  messagesEl.addEventListener('scroll', () => {
+    const gap = messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight;
+    stickToBottom = gap < 80;
+  });
+
+  const replyBar = document.createElement('div');
+  replyBar.className = 'chat-reply-bar hidden';
+  const replyLabel = document.createElement('span');
+  replyLabel.className = 'chat-reply-label';
+  replyLabel.dataset.i18n = 'chat.replying';
+  replyLabel.textContent = t('chat.replying');
+  const replyPreview = document.createElement('span');
+  replyPreview.className = 'chat-reply-preview';
+  const replyCancel = document.createElement('button');
+  replyCancel.type = 'button';
+  replyCancel.className = 'chat-reply-cancel btn btn-lang';
+  replyCancel.textContent = '×';
+  replyBar.appendChild(replyLabel);
+  replyBar.appendChild(replyPreview);
+  replyBar.appendChild(replyCancel);
+
+  const inputRow = document.createElement('div');
   inputRow.className = 'chat-input-row';
 
   const fileInput = document.createElement('input');
@@ -134,17 +205,134 @@ export function createGroupChatView(
   input.maxLength = 2000;
   input.placeholder = t('chat.input_placeholder');
   attachEmojiPicker(emojiBtn, input);
+  attachTypingSound(input, () => config);
 
   const sendBtn = document.createElement('button');
   sendBtn.type = 'button';
   sendBtn.className = 'btn btn-accent';
   sendBtn.textContent = t('chat.send');
 
+  let pendingReply = null;
+
+  function clearReplyTarget() {
+    pendingReply = null;
+    replyBar.classList.add('hidden');
+  }
+
+  function setReplyTarget(m) {
+    if (!m?.id) return;
+    const mine = Number(m.from) === Number(config.blipId);
+    pendingReply = {
+      id: m.id,
+      from: m.from,
+      fromLabel: memberLabel(m.from, config),
+      preview: buildReplyPreview(m, m.from),
+      text: m.text || '',
+    };
+    replyPreview.textContent = pendingReply.preview;
+    replyBar.classList.remove('hidden');
+    input.focus();
+  }
+
+  replyCancel.addEventListener('click', clearReplyTarget);
+
+  function scrollToMessageId(messageId) {
+    if (!messageId) return;
+    const el = messagesEl.querySelector(`[data-message-id="${messageId}"]`);
+    if (!el) return;
+    el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    el.classList.add('chat-block--highlight');
+    setTimeout(() => el.classList.remove('chat-block--highlight'), 1600);
+  }
+
+  function renderPinBar() {
+    const pinId = getGroupPinnedMessageId(group.id);
+    const pinned = pinId ? findGroupMessage(group.id, pinId) : null;
+    if (!pinned) {
+      pinBar.classList.add('hidden');
+      return;
+    }
+    pinBar.classList.remove('hidden');
+    const who = memberLabel(pinned.from, config);
+    pinPreview.textContent = `${who}: ${buildReplyPreview(pinned, pinned.from).slice(0, 80)}`;
+    pinPreview.onclick = () => scrollToMessageId(pinId);
+  }
+
+  pinUnpin.addEventListener('click', () => {
+    setGroupPinnedMessageId(group.id, null);
+    void onPin?.(group.id, { messageId: null, pinned: false });
+    renderPinBar();
+  });
+
+  function setPinMessage(m) {
+    if (!m?.id) return;
+    setGroupPinnedMessageId(group.id, m.id);
+    void onPin?.(group.id, { messageId: m.id, pinned: true });
+    renderPinBar();
+  }
+
+  async function forwardMessage(m) {
+    if (!m?.id || typeof onForwardToPeer !== 'function') return;
+    const raw = typeof getForwardTargets === 'function' ? getForwardTargets() : [];
+    if (!raw.length) {
+      void openAlertDialog({ title: t('chat.forward_no_peers') });
+      return;
+    }
+    const targetId = await openForwardPeerPicker(raw);
+    if (targetId == null) return;
+    const mine = Number(m.from) === Number(config.blipId);
+    const fromLabel = memberLabel(m.from, config);
+    const forwardFrom = buildForwardSnapshot(m.from, m, fromLabel, {
+      groupId: group.id,
+      groupName: groupDisplayName(group),
+    });
+    await onForwardToPeer(targetId, { forwardFrom, sourceMessage: m });
+    showAppToast({ title: t('chat.forward_sent'), durationMs: 3200 });
+  }
+
+  function openMessageMenu(e, m) {
+    e.preventDefault();
+    const menuEl = document.createElement('div');
+    menuEl.className = 'chat-msg-menu';
+    const add = (key, fn) => {
+      const btn = document.createElement('button');
+      btn.type = 'button';
+      btn.className = 'chat-menu-item';
+      btn.dataset.i18n = key;
+      btn.textContent = t(key);
+      btn.addEventListener('click', () => {
+        menuEl.remove();
+        fn();
+      });
+      menuEl.appendChild(btn);
+    };
+    if (m.id) {
+      add('chat.reply', () => setReplyTarget(m));
+      add('chat.pin', () => setPinMessage(m));
+      if (onForwardToPeer) add('chat.forward', () => void forwardMessage(m));
+      if (m.replyTo?.id) add('chat.jump_reply', () => scrollToMessageId(m.replyTo.id));
+    }
+    if (!menuEl.childElementCount) return;
+    document.body.appendChild(menuEl);
+    menuEl.style.position = 'fixed';
+    menuEl.style.left = `${Math.min(e.clientX, window.innerWidth - 180)}px`;
+    menuEl.style.top = `${Math.min(e.clientY, window.innerHeight - 120)}px`;
+    menuEl.style.zIndex = '600';
+    requestAnimationFrame(() => {
+      document.addEventListener('click', () => menuEl.remove(), { once: true });
+    });
+  }
+
   async function publish(msg) {
-    addGroupMessage(group.id, msg);
+    const payload = {
+      ...msg,
+      replyTo: pendingReply ? { ...pendingReply } : undefined,
+    };
+    clearReplyTarget();
+    addGroupMessage(group.id, payload);
     renderMessages();
     sounds.messageSent();
-    await onSend?.(group.id, msg);
+    await onSend?.(group.id, payload);
   }
 
   async function send() {
@@ -171,11 +359,12 @@ export function createGroupChatView(
           err?.message === 'file_too_big'
             ? 'chat.file_too_big_dynamic'
             : 'chat.attach_failed';
-        alert(
-          err?.message === 'file_too_big'
-            ? t(key).replace('{limit}', formatGroupFileLimit(config))
-            : t('chat.attach_failed')
-        );
+        void openAlertDialog({
+          title:
+            err?.message === 'file_too_big'
+              ? t(key).replace('{limit}', formatGroupFileLimit(config))
+              : t('chat.attach_failed'),
+        });
       }
       return;
     }
@@ -203,11 +392,12 @@ export function createGroupChatView(
         err?.message === 'file_too_big'
           ? 'chat.file_too_big_dynamic'
           : 'chat.attach_failed';
-      alert(
-        err?.message === 'file_too_big'
-          ? t(key).replace('{limit}', formatGroupFileLimit(config))
-          : t('chat.attach_failed')
-      );
+      void openAlertDialog({
+        title:
+          err?.message === 'file_too_big'
+            ? t(key).replace('{limit}', formatGroupFileLimit(config))
+            : t('chat.attach_failed'),
+      });
     }
   }
 
@@ -305,38 +495,74 @@ export function createGroupChatView(
 
   wrap.appendChild(header);
   wrap.appendChild(ongoingBar);
+  wrap.appendChild(pinBar);
   wrap.appendChild(messagesEl);
   wrap.appendChild(dropOverlay);
+  wrap.appendChild(replyBar);
   wrap.appendChild(inputRow);
 
   function renderMessages() {
     const msgs = getGroupMessages(group.id);
+    const scrollPos = messagesEl.scrollTop;
     messagesEl.innerHTML = '';
     if (!msgs.length) {
       const p = document.createElement('p');
       p.className = 'chat-empty';
       p.textContent = t('chat.empty');
       messagesEl.appendChild(p);
+      renderPinBar();
       return;
     }
     msgs.forEach((m) => {
-      const block = document.createElement("div");
+      const block = document.createElement('div');
       const mine = Number(m.from) === Number(config.blipId);
       block.className = `chat-block ${mine ? 'outgoing' : 'incoming'}`;
+      block.dataset.messageId = m.id || '';
+
       const who = document.createElement('span');
       who.className = 'group-msg-from';
-      who.textContent = mine ? t('group.you') : `#${m.from}`;
+      who.textContent = memberLabel(m.from, config);
       block.appendChild(who);
-      appendChatMessageBody(block, m);
+
+      appendChatMessageBody(block, m, { onQuoteClick: (id) => scrollToMessageId(id) });
+
+      block.addEventListener('contextmenu', (e) => openMessageMenu(e, m));
+
+      const actions = document.createElement('div');
+      actions.className = 'chat-block-actions';
+      if (m.id) {
+        const replyBtn = document.createElement('button');
+        replyBtn.type = 'button';
+        replyBtn.className = 'btn btn-lang chat-reply-btn chat-reply-btn--pixel';
+        replyBtn.title = t('chat.reply');
+        replyBtn.innerHTML = '<span class="pixel-glyph pixel-glyph--reply"></span>';
+        replyBtn.addEventListener('click', (e) => {
+          e.stopPropagation();
+          setReplyTarget(m);
+        });
+        actions.appendChild(replyBtn);
+      }
+
+      const metaRow = document.createElement('div');
+      metaRow.className = 'chat-meta-row';
       if (m.timestamp) {
         const time = document.createElement('span');
         time.className = 'chat-time';
         time.textContent = formatChatTime(m.timestamp);
-        block.appendChild(time);
+        metaRow.appendChild(time);
       }
+      if (actions.childElementCount) block.appendChild(actions);
+      block.appendChild(metaRow);
+
       messagesEl.appendChild(block);
     });
-    messagesEl.scrollTop = messagesEl.scrollHeight;
+
+    if (stickToBottom) {
+      messagesEl.scrollTop = messagesEl.scrollHeight;
+    } else {
+      messagesEl.scrollTop = scrollPos;
+    }
+    renderPinBar();
   }
 
   renderMessages();
@@ -347,14 +573,26 @@ export function createGroupChatView(
     handleIncoming(msg) {
       const stored = addGroupMessage(group.id, { ...msg, outgoing: false });
       if (!stored) return;
+      stickToBottom = true;
       renderMessages();
       sounds.messageReceived();
     },
+    handlePin(msg) {
+      if (msg.pinned === false || !msg.messageId) {
+        setGroupPinnedMessageId(group.id, null);
+      } else {
+        setGroupPinnedMessageId(group.id, String(msg.messageId));
+      }
+      renderPinBar();
+      renderMessages();
+    },
     updateGroup(next) {
       group.hostId = next.hostId;
       group.members = next.members;
       sub.textContent = `${t('group.members')}: ${group.members.length} · ${
-        amHost(group, config.blipId) ? t('group.you_host') : t('group.host_line').replace('{id}', String(group.hostId))
+        amHost(group, config.blipId)
+          ? t('group.you_host')
+          : t('group.host_line').replace('{id}', String(group.hostId))
       }`;
       refreshOngoingBar();
     },
diff --git a/renderer/group-community-view.js b/renderer/group-community-view.js
index f852c8a..00d964b 100644
--- a/renderer/group-community-view.js
+++ b/renderer/group-community-view.js
@@ -20,12 +20,101 @@ import { channelIcon } from './group-projects-store.js';
 import {
   createGroupAvatarElement,
   setGroupAvatarDataUrl,
+  broadcastGroupAvatarToMembers,
+  requestGroupAvatarsFromMembers,
 } from './group-avatar.js';
 import { openAvatarCropDialog } from './avatar-crop-dialog.js';
 import { showAppToast } from './toasts.js';
 
+function iconBtn(className, glyph, ariaKey) {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = className;
+  btn.textContent = glyph;
+  if (ariaKey) {
+    btn.setAttribute('aria-label', t(ariaKey));
+    btn.title = t(ariaKey);
+  }
+  return btn;
+}
+
+function buildNavSection(labelKey, listEl, startOpen = true) {
+  const section = document.createElement('div');
+  section.className = 'group-nav-section';
+  if (startOpen) section.classList.add('group-nav-section--open');
+
+  const head = document.createElement('button');
+  head.type = 'button';
+  head.className = 'group-nav-section-head';
+  head.setAttribute('aria-expanded', startOpen ? 'true' : 'false');
+
+  const chevron = document.createElement('span');
+  chevron.className = 'group-nav-chevron';
+  chevron.setAttribute('aria-hidden', 'true');
+  chevron.textContent = '▾';
+
+  const label = document.createElement('span');
+  label.className = 'group-nav-section-label';
+  label.dataset.i18n = labelKey;
+  label.textContent = t(labelKey);
+
+  head.appendChild(chevron);
+  head.appendChild(label);
+
+  const body = document.createElement('div');
+  body.className = 'group-nav-section-body';
+  body.appendChild(listEl);
+
+  head.addEventListener('click', () => {
+    const open = section.classList.toggle('group-nav-section--open');
+    head.setAttribute('aria-expanded', open ? 'true' : 'false');
+  });
+
+  section.appendChild(head);
+  section.appendChild(body);
+  return section;
+}
+
+function buildChannelBtn(ch, label, opts = {}) {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = opts.className || 'group-channel-btn';
+  if (opts.channelType) btn.dataset.channelType = opts.channelType;
+
+  const icon = document.createElement('span');
+  icon.className = 'group-channel-icon';
+  icon.setAttribute('aria-hidden', 'true');
+  icon.textContent = channelIcon(ch);
+
+  const name = document.createElement('span');
+  name.className = 'group-channel-name';
+  name.textContent = label;
+  if (opts.nameI18n) name.dataset.i18n = opts.nameI18n;
+
+  btn.appendChild(icon);
+  btn.appendChild(name);
+
+  if (opts.badge != null) {
+    const badge = document.createElement('span');
+    badge.className = `group-channel-badge${opts.badgeLive ? ' group-channel-badge--live' : ''}`;
+    badge.textContent = String(opts.badge);
+    btn.appendChild(badge);
+  }
+
+  return btn;
+}
+
+function channelNameI18nKey(ch) {
+  if (!ch) return null;
+  if (ch.id === 'text-general' || ch.name === 'general') return 'voice.channel_general';
+  if (ch.type === 'voice' && (ch.id === 'voice-lounge' || ch.name === 'voice' || ch.name === 'lounge')) {
+    return 'voice.channel_name';
+  }
+  return null;
+}
+
 /**
- * Group layout: channel sidebar (left) + text chat + voice stage.
+ * Group layout: channel rail + main (voice stage + chat).
  */
 export function createGroupCommunityView(
   group,
@@ -34,36 +123,59 @@ export function createGroupCommunityView(
   onBack,
   onGroupMenu,
   onSendFile,
-  api
+  api,
+  chatOpts = {}
 ) {
   const root = document.createElement('div');
   root.className = 'group-community';
 
-  const sidebar = document.createElement('aside');
-  sidebar.className = 'group-sidebar glass';
+  const rail = document.createElement('aside');
+  rail.className = 'group-rail glass';
 
-  const sideHead = document.createElement('div');
-  sideHead.className = 'group-sidebar-head';
+  const railToolbar = document.createElement('div');
+  railToolbar.className = 'group-rail-toolbar';
 
   if (onBack) {
-    const backBtn = document.createElement('button');
-    backBtn.type = 'button';
-    backBtn.className = 'btn btn-accent group-sidebar-back';
-    backBtn.textContent = '←';
+    const backBtn = iconBtn('btn btn-lang group-rail-icon-btn', '←', 'group.sidebar_back');
     backBtn.addEventListener('click', onBack);
-    sideHead.appendChild(backBtn);
+    railToolbar.appendChild(backBtn);
+  } else {
+    const spacer = document.createElement('span');
+    spacer.className = 'group-rail-toolbar-spacer';
+    railToolbar.appendChild(spacer);
+  }
+
+  if (onGroupMenu) {
+    const menuBtn = iconBtn('btn btn-lang group-rail-icon-btn group-rail-menu-btn', '⋯', 'group.sidebar_menu');
+    menuBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      const rect = menuBtn.getBoundingClientRect();
+      onGroupMenu(
+        {
+          clientX: rect.right,
+          clientY: rect.bottom + 4,
+          preventDefault: () => {},
+          stopPropagation: () => {},
+        },
+        group
+      );
+    });
+    railToolbar.appendChild(menuBtn);
   }
 
+  const railHead = document.createElement('div');
+  railHead.className = 'group-rail-head';
+
   const avatarFile = document.createElement('input');
   avatarFile.type = 'file';
   avatarFile.accept = 'image/png,image/jpeg,image/webp';
-  avatarFile.className = 'group-sidebar-avatar-file';
   avatarFile.hidden = true;
 
   const avatarBtn = document.createElement('button');
   avatarBtn.type = 'button';
-  avatarBtn.className = 'group-sidebar-avatar-btn';
+  avatarBtn.className = 'group-rail-avatar-btn';
   avatarBtn.title = t('group.avatar_change');
+  avatarBtn.setAttribute('aria-label', t('group.avatar_change'));
   avatarBtn.appendChild(createGroupAvatarElement(group.id, 3));
   avatarBtn.addEventListener('click', () => avatarFile.click());
 
@@ -76,83 +188,82 @@ export function createGroupCommunityView(
     setGroupAvatarDataUrl(group.id, dataUrl);
     avatarBtn.innerHTML = '';
     avatarBtn.appendChild(createGroupAvatarElement(group.id, 3));
+    void broadcastGroupAvatarToMembers(group.id, api, config.blipId);
   });
 
-  const headText = document.createElement('div');
-  headText.className = 'group-sidebar-head-text';
-  const sideTitle = document.createElement('button');
-  sideTitle.type = 'button';
-  sideTitle.className = 'group-sidebar-title group-sidebar-title-btn';
+  const identity = document.createElement('div');
+  identity.className = 'group-rail-identity';
+
+  const sideTitle = document.createElement('h2');
+  sideTitle.className = 'group-rail-title';
   sideTitle.textContent = groupDisplayName(group);
-  sideTitle.title = t('group.rename_hint');
-  sideTitle.addEventListener('click', () => {
-    const val = prompt(t('group.rename_prompt'), group.name || groupDisplayName(group));
-    if (val === null) return;
-    const trimmed = val.trim();
-    group.name = trimmed || undefined;
-    saveGroup(group);
-    sideTitle.textContent = groupDisplayName(group);
-    showAppToast({ title: t('group.rename_done'), durationMs: 2800 });
-  });
-  const sideMeta = document.createElement('span');
-  sideMeta.className = 'group-sidebar-meta';
-  sideMeta.textContent = amHost(group, config.blipId)
+
+  const sideSub = document.createElement('p');
+  sideSub.className = 'group-rail-sub';
+
+  const membersLine = document.createElement('span');
+  membersLine.className = 'group-rail-members';
+  membersLine.textContent = t('group.sidebar_members').replace('{n}', String(group.members.length));
+
+  const hostLine = document.createElement('span');
+  hostLine.className = 'group-rail-host';
+  hostLine.textContent = amHost(group, config.blipId)
     ? t('group.you_host')
     : t('group.host_line').replace('{id}', String(group.hostId));
-  headText.appendChild(sideTitle);
-  headText.appendChild(sideMeta);
-
-  sideHead.appendChild(avatarFile);
-  sideHead.appendChild(avatarBtn);
-  sideHead.appendChild(headText);
-  sidebar.appendChild(sideHead);
-
-  const unstable = document.createElement('div');
-  unstable.className = 'group-unstable-banner';
-  const unstableHelp = document.createElement('button');
-  unstableHelp.type = 'button';
-  unstableHelp.className = 'group-unstable-help btn btn-lang';
-  unstableHelp.textContent = '?';
-  unstableHelp.title = t('group.unstable_title');
-  unstableHelp.addEventListener('click', () => {
+
+  sideSub.appendChild(membersLine);
+  sideSub.appendChild(document.createTextNode(' · '));
+  sideSub.appendChild(hostLine);
+
+  identity.appendChild(sideTitle);
+  identity.appendChild(sideSub);
+  railHead.appendChild(avatarBtn);
+  railHead.appendChild(identity);
+
+  const betaChip = document.createElement('button');
+  betaChip.type = 'button';
+  betaChip.className = 'group-rail-beta';
+  betaChip.dataset.i18n = 'group.unstable_short';
+  betaChip.textContent = t('group.unstable_short');
+  betaChip.title = t('group.unstable_title');
+  betaChip.addEventListener('click', () => {
     showAppToast({
       title: t('group.unstable_title'),
       body: t('group.unstable_body'),
       durationMs: 14000,
     });
   });
-  const unstableText = document.createElement('span');
-  unstableText.className = 'group-unstable-text';
-  unstableText.textContent = t('group.unstable_short');
-  unstable.appendChild(unstableHelp);
-  unstable.appendChild(unstableText);
-  sidebar.appendChild(unstable);
-
-  const textLabel = document.createElement('div');
-  textLabel.className = 'group-sidebar-section';
-  textLabel.dataset.i18n = 'voice.text_channels';
-  textLabel.textContent = t('voice.text_channels');
-  sidebar.appendChild(textLabel);
+
+  const railNav = document.createElement('div');
+  railNav.className = 'group-rail-nav';
 
   const textList = document.createElement('div');
   textList.className = 'group-channel-list';
-  sidebar.appendChild(textList);
-
-  const voiceLabel = document.createElement('div');
-  voiceLabel.className = 'group-sidebar-section';
-  voiceLabel.dataset.i18n = 'voice.voice_channels';
-  voiceLabel.textContent = t('voice.voice_channels');
-  sidebar.appendChild(voiceLabel);
+  textList.setAttribute('role', 'list');
 
   const voiceList = document.createElement('div');
   voiceList.className = 'group-channel-list';
-  sidebar.appendChild(voiceList);
+  voiceList.setAttribute('role', 'list');
 
-  const body = document.createElement('div');
-  body.className = 'group-community-body';
+  railNav.appendChild(buildNavSection('voice.section_chats', textList, true));
+  railNav.appendChild(buildNavSection('voice.section_voice', voiceList, true));
+
+  rail.appendChild(railToolbar);
+  rail.appendChild(railHead);
+  rail.appendChild(betaChip);
+  rail.appendChild(railNav);
+  rail.appendChild(avatarFile);
+
+  const main = document.createElement('div');
+  main.className = 'group-main';
+
+  const stack = document.createElement('div');
+  stack.className = 'group-main-stack';
+
+  const chatPane = document.createElement('div');
+  chatPane.className = 'group-main-chat glass';
 
   let activeTextId = getTextChannels(group)[0]?.id || 'text-general';
-  let joinedVoiceId = null;
   const voiceStages = new Map();
 
   const chat = createGroupChatView(
@@ -163,92 +274,134 @@ export function createGroupCommunityView(
     null,
     onGroupMenu,
     null,
-    onSendFile
+    onSendFile,
+    chatOpts
   );
   chat.el.classList.add('group-community-chat');
   chat.el.querySelector('.group-call-ongoing')?.remove();
   chat.el.querySelector('.chat-header .btn-accent')?.remove();
 
-  body.appendChild(chat.el);
-  root.appendChild(sidebar);
-  root.appendChild(body);
+  const header = chat.el.querySelector('.chat-header');
+  const meta = chat.el.querySelector('.chat-peer-meta');
+  chat.el.querySelector('.chat-peer-name')?.remove();
+  chat.el.querySelector('.chat-peer-id')?.remove();
+  if (header) header.classList.add('group-community-chat-header');
+
+  const channelPill = document.createElement('span');
+  channelPill.className = 'group-chat-channel-pill';
+  if (meta) {
+    meta.innerHTML = '';
+    meta.appendChild(channelPill);
+  }
+
+  chatPane.appendChild(chat.el);
+  stack.appendChild(chatPane);
+  main.appendChild(stack);
+  root.appendChild(rail);
+  root.appendChild(main);
+
+  function updateChannelPill() {
+    const ch = getTextChannels(group).find((c) => c.id === activeTextId);
+    const key = channelNameI18nKey(ch);
+    if (key) {
+      channelPill.dataset.i18n = key;
+      channelPill.textContent = t(key);
+    } else {
+      channelPill.removeAttribute('data-i18n');
+      channelPill.textContent = ch ? formatChannelLabel(ch) : '';
+    }
+    channelPill.classList.toggle('hidden', !ch);
+  }
 
   function ensureVoiceStage(channelId) {
     if (!voiceStages.has(channelId)) {
       const stage = createVoiceStage(config, group.id, channelId);
       voiceStages.set(channelId, stage);
-      body.insertBefore(stage.el, chat.el);
+      stack.insertBefore(stage.el, chatPane);
     }
     return voiceStages.get(channelId);
   }
 
-  function refreshSidebar() {
+  function refreshRail() {
     textList.innerHTML = '';
     voiceList.innerHTML = '';
+    sideTitle.textContent = groupDisplayName(group);
+    membersLine.textContent = t('group.sidebar_members').replace('{n}', String(group.members.length));
+    hostLine.textContent = amHost(group, config.blipId)
+      ? t('group.you_host')
+      : t('group.host_line').replace('{id}', String(group.hostId));
 
     getTextChannels(group).forEach((ch) => {
-      const btn = document.createElement('button');
-      btn.type = 'button';
-      btn.className = 'group-channel-btn';
+      const btn = buildChannelBtn(ch, formatChannelLabel(ch), {
+        channelType: 'text',
+        nameI18n: channelNameI18nKey(ch),
+      });
       if (ch.id === activeTextId) btn.classList.add('group-channel-btn--active');
-      btn.innerHTML = `<span class="group-channel-icon">${channelIcon(ch)}</span><span class="group-channel-name">${formatChannelLabel(ch)}</span>`;
       btn.addEventListener('click', () => {
         activeTextId = ch.id;
-        refreshSidebar();
+        refreshRail();
       });
       textList.appendChild(btn);
     });
 
     getVoiceChannels(group).forEach((ch) => {
-      const btn = document.createElement('button');
-      btn.type = 'button';
       const active = getActiveVoiceChannel();
       const inCh =
         active?.groupId === group.id && active?.channelId === ch.id && isInVoiceChannel();
-      btn.className = 'group-channel-btn group-channel-btn--voice';
-      if (inCh) btn.classList.add('group-channel-btn--live');
       const snap = getVoiceChannelRoster(group.id, ch.id);
       const count = snap.count || 0;
-      btn.innerHTML = `<span class="group-channel-icon">${channelIcon(ch)}</span><span class="group-channel-name">${formatChannelLabel(ch)}</span><span class="group-channel-badge">${count}</span>`;
+      const btn = buildChannelBtn(ch, formatChannelLabel(ch), {
+        className: 'group-channel-btn group-channel-btn--voice',
+        channelType: 'voice',
+        nameI18n: channelNameI18nKey(ch),
+        badge: count,
+        badgeLive: count > 0,
+      });
+      if (inCh) btn.classList.add('group-channel-btn--live', 'group-channel-btn--active');
       btn.addEventListener('click', () => {
         void toggleVoice(ch.id);
       });
       voiceList.appendChild(btn);
     });
+
+    updateChannelPill();
+    voiceStages.forEach((s) => s.refresh());
   }
 
   async function toggleVoice(channelId) {
     const active = getActiveVoiceChannel();
     if (active?.groupId === group.id && active?.channelId === channelId && isInVoiceChannel()) {
       await leaveVoiceChannel();
-      joinedVoiceId = null;
       voiceStages.forEach((s) => s.refresh());
-      refreshSidebar();
+      refreshRail();
       return;
     }
     await joinVoiceChannel(group.id, channelId, api, config);
-    joinedVoiceId = channelId;
     const stage = ensureVoiceStage(channelId);
     stage.refresh();
-    refreshSidebar();
+    refreshRail();
   }
 
-  const onVoiceState = () => refreshSidebar();
+  const onVoiceState = () => refreshRail();
   const onAvatarChange = (e) => {
     if (String(e.detail?.groupId) !== String(group.id)) return;
     avatarBtn.innerHTML = '';
     avatarBtn.appendChild(createGroupAvatarElement(group.id, 3));
   };
+  const onLangChange = () => refreshRail();
 
   window.addEventListener('blip-voice-channel-state', onVoiceState);
   window.addEventListener('blip-group-avatar-changed', onAvatarChange);
+  window.addEventListener('blip-lang-change', onLangChange);
 
-  refreshSidebar();
+  refreshRail();
+  void requestGroupAvatarsFromMembers(group.id, api, config.blipId);
 
   return {
     el: root,
     renderMessages: () => chat.renderMessages(),
     handleIncoming: (msg) => chat.handleIncoming(msg),
+    handlePin: (msg) => chat.handlePin?.(msg),
     updateGroup(next) {
       group.hostId = next.hostId;
       group.members = next.members;
@@ -256,12 +409,13 @@ export function createGroupCommunityView(
       if (next.channels) group.channels = next.channels;
       sideTitle.textContent = groupDisplayName(group);
       chat.updateGroup(next);
-      refreshSidebar();
+      refreshRail();
     },
-    refreshChannels: refreshSidebar,
+    refreshChannels: refreshRail,
     destroy() {
       window.removeEventListener('blip-voice-channel-state', onVoiceState);
       window.removeEventListener('blip-group-avatar-changed', onAvatarChange);
+      window.removeEventListener('blip-lang-change', onLangChange);
       chat.destroy?.();
       voiceStages.forEach((s) => s.destroy());
       voiceStages.clear();
diff --git a/renderer/group-create-dialog.js b/renderer/group-create-dialog.js
index 30d7c9e..842e8f9 100644
--- a/renderer/group-create-dialog.js
+++ b/renderer/group-create-dialog.js
@@ -1,5 +1,6 @@
 import { t } from './i18n.js';
 import { generateGroupId } from './groups.js';
+import { openAlertDialog } from './confirm-dialog.js';
 
 /**
  * @param {{ selfId: number, peers: Array<{ blipId: number, displayName?: string, online?: boolean }>, seedPeerId?: number }} opts
@@ -21,20 +22,33 @@ export function openGroupCreateDialog(opts) {
     title.dataset.i18n = 'group.create_title';
     title.textContent = t('group.create_title');
 
+    const nameField = document.createElement('div');
+    nameField.className = 'group-create-field';
+    const nameLabel = document.createElement('label');
+    nameLabel.className = 'group-create-label';
+    nameLabel.dataset.i18n = 'group.name_placeholder';
+    nameLabel.textContent = t('group.name_placeholder');
     const nameInput = document.createElement('input');
     nameInput.type = 'text';
     nameInput.className = 'input blip-modal-input';
     nameInput.maxLength = 48;
     nameInput.placeholder = t('group.name_placeholder');
     nameInput.value = t('group.name_default').replace('{id}', generateGroupId().slice(0, 4));
+    nameField.appendChild(nameLabel);
+    nameField.appendChild(nameInput);
 
     const hint = document.createElement('p');
-    hint.className = 'hint';
+    hint.className = 'hint group-create-hint';
     hint.dataset.i18n = 'group.create_hint';
     hint.textContent = t('group.create_hint');
 
+    const membersLabel = document.createElement('div');
+    membersLabel.className = 'group-create-members-label';
+    membersLabel.dataset.i18n = 'group.create_hint';
+    membersLabel.textContent = t('group.members');
+
     const list = document.createElement('div');
-    list.className = 'group-create-list';
+    list.className = 'group-create-list glass';
 
     const selected = new Set();
     if (seedPeerId != null) selected.add(Number(seedPeerId));
@@ -83,10 +97,10 @@ export function openGroupCreateDialog(opts) {
     }
 
     cancelBtn.addEventListener('click', () => finish(null));
-    okBtn.addEventListener('click', () => {
+    okBtn.addEventListener('click', async () => {
       const memberIds = [...selected];
       if (memberIds.length === 0) {
-        alert(t('group.pick_one'));
+        await openAlertDialog({ title: t('group.pick_one') });
         return;
       }
       finish({ name: nameInput.value.trim() || t('group.unnamed'), memberIds });
@@ -98,8 +112,9 @@ export function openGroupCreateDialog(opts) {
     actions.appendChild(cancelBtn);
     actions.appendChild(okBtn);
     modal.appendChild(title);
-    modal.appendChild(nameInput);
+    modal.appendChild(nameField);
     modal.appendChild(hint);
+    modal.appendChild(membersLabel);
     modal.appendChild(list);
     modal.appendChild(actions);
     backdrop.appendChild(modal);
diff --git a/renderer/group-invites.js b/renderer/group-invites.js
index 39f9b9e..0e09c24 100644
--- a/renderer/group-invites.js
+++ b/renderer/group-invites.js
@@ -36,6 +36,10 @@ function dispatchChanged() {
 
 load();
 
+export function resetGroupInvitesStore() {
+  pending.clear();
+}
+
 export function getPendingGroupInvites() {
   return [...pending.values()].sort((a, b) => (b.receivedAt || 0) - (a.receivedAt || 0));
 }
diff --git a/renderer/group-projects-store.js b/renderer/group-projects-store.js
index 166cdff..4c27644 100644
--- a/renderer/group-projects-store.js
+++ b/renderer/group-projects-store.js
@@ -13,7 +13,20 @@ const clips = new Map();
 
 const CANVAS_W = 32;
 const CANVAS_H = 16;
-const CLIP_MAX = 20;
+export const CLIP_MAX_FREE = 20;
+/** Practical cap for MESH+ clipboard board (effectively unlimited vs FREE). */
+export const CLIP_MAX_MESH_PLUS = 500;
+
+export function resetMeshProjectStores() {
+  pads.clear();
+  boards.clear();
+  canvases.clear();
+  clips.clear();
+}
+
+export function clipLimitForTier(meshPlusActive) {
+  return meshPlusActive ? CLIP_MAX_MESH_PLUS : CLIP_MAX_FREE;
+}
 
 function padKey(groupId) {
   return String(groupId);
@@ -57,20 +70,41 @@ export function setCanvasPixel(groupId, x, y, color) {
   emit(groupId, 'canvas');
 }
 
+/** After bulk canvas edits (e.g. fill). */
+export function notifyCanvasChanged(groupId) {
+  emit(groupId, 'canvas');
+}
+
 export function getClipState(groupId) {
   const k = padKey(groupId);
   if (!clips.has(k)) clips.set(k, { entries: [] });
   return clips.get(k);
 }
 
-export function pushClipEntry(groupId, entry) {
+export function pushClipEntry(groupId, entry, maxEntries = CLIP_MAX_FREE) {
+  const st = getClipState(groupId);
+  const cap = Math.max(1, maxEntries);
+  st.entries = [entry, ...st.entries].slice(0, cap);
+  emit(groupId, 'clipboard');
+}
+
+/**
+ * @param {string} groupId
+ * @param {string} entryId
+ * @returns {boolean}
+ */
+export function removeClipEntry(groupId, entryId) {
   const st = getClipState(groupId);
-  st.entries = [entry, ...st.entries].slice(0, CLIP_MAX);
+  const before = st.entries.length;
+  st.entries = st.entries.filter((e) => e.id !== entryId);
+  if (st.entries.length === before) return false;
   emit(groupId, 'clipboard');
+  return true;
 }
 
-export function mergeClipEntries(groupId, entries) {
+export function mergeClipEntries(groupId, entries, maxEntries = CLIP_MAX_FREE) {
   const st = getClipState(groupId);
+  const cap = Math.max(1, maxEntries);
   const seen = new Set(st.entries.map((e) => e.id));
   for (const e of entries || []) {
     if (!e?.id || seen.has(e.id)) continue;
@@ -78,7 +112,7 @@ export function mergeClipEntries(groupId, entries) {
     st.entries.push(e);
   }
   st.entries.sort((a, b) => b.ts - a.ts);
-  st.entries = st.entries.slice(0, CLIP_MAX);
+  st.entries = st.entries.slice(0, cap);
   emit(groupId, 'clipboard');
 }
 
diff --git a/renderer/groups-ui.css b/renderer/groups-ui.css
new file mode 100644
index 0000000..ee45b64
--- /dev/null
+++ b/renderer/groups-ui.css
@@ -0,0 +1,1041 @@
+/* BLIP — groups & voice conferences (UI only, theme-aware) */
+
+.chat-hub-name-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.chat-hub-row--group {
+  border-color: color-mix(in srgb, var(--blip-accent) 42%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-accent) 6%, var(--blip-glass));
+}
+
+.chat-hub-row--group:hover {
+  border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 12%, var(--blip-glass));
+}
+
+.chat-hub-group-tag {
+  font-size: 0.6rem;
+  padding: 3px 6px;
+  letter-spacing: 0.1em;
+  border: 1px solid color-mix(in srgb, var(--blip-accent) 55%, transparent);
+  color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, var(--blip-bg));
+  flex-shrink: 0;
+}
+
+.chat-hub-voice-live {
+  font-size: 0.58rem;
+  padding: 3px 7px;
+  margin-left: auto;
+  letter-spacing: 0.1em;
+  border: 1px solid var(--blip-accent);
+  color: var(--blip-on-accent);
+  background: var(--blip-accent);
+  flex-shrink: 0;
+  animation: group-ui-pulse 1.6s ease-in-out infinite;
+}
+
+@keyframes group-ui-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.72;
+  }
+}
+
+@keyframes group-call-glow {
+  0%,
+  100% {
+    border-color: color-mix(in srgb, var(--blip-accent) 35%, transparent);
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(--blip-accent) 0%, transparent);
+  }
+  50% {
+    border-color: var(--blip-accent);
+    box-shadow: 0 0 14px color-mix(in srgb, var(--blip-accent) 35%, transparent);
+  }
+}
+
+/* Create group modal */
+.group-create-modal {
+  width: min(92vw, 440px);
+  max-height: min(88vh, 560px);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.group-create-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.group-create-label {
+  font-size: 0.65rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+}
+
+.group-create-hint {
+  margin: 0;
+  line-height: 1.4;
+}
+
+.group-create-members-label {
+  font-size: 0.65rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+  margin-top: 4px;
+}
+
+.group-create-list {
+  flex: 1;
+  min-height: 0;
+  max-height: min(36vh, 240px);
+  overflow-y: auto;
+  padding: 6px 8px;
+  margin-bottom: 4px;
+}
+
+.group-create-row {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 6px;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-glass-border) 40%, transparent);
+  cursor: pointer;
+  transition: background 0.12s;
+}
+
+.group-create-row:hover {
+  background: color-mix(in srgb, var(--blip-accent) 8%, transparent);
+}
+
+.group-create-row:last-child {
+  border-bottom: none;
+}
+
+.group-create-row input[type='checkbox'] {
+  accent-color: var(--blip-accent);
+  width: 14px;
+  height: 14px;
+}
+
+.group-msg-from {
+  display: block;
+  font-size: 0.65rem;
+  color: var(--blip-muted);
+  margin-bottom: 4px;
+  letter-spacing: 0.04em;
+}
+
+/* Group chat — ongoing GRP call strip */
+.group-call-ongoing {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 0;
+  padding: 10px 14px;
+  border: 2px solid var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 8%, var(--blip-glass));
+  flex-shrink: 0;
+}
+
+.group-call-ongoing.hidden {
+  display: none;
+}
+
+.group-call-ongoing-pulse {
+  width: 10px;
+  height: 10px;
+  flex-shrink: 0;
+  background: var(--blip-accent);
+  animation: group-ui-pulse 1s ease-in-out infinite;
+}
+
+.group-call-ongoing-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.group-call-ongoing-text {
+  display: block;
+  font-size: 0.72rem;
+  color: var(--blip-text);
+  letter-spacing: 0.05em;
+  line-height: 1.35;
+}
+
+.group-call-ongoing-join {
+  flex-shrink: 0;
+  font-size: 0.65rem;
+  padding: 8px 14px;
+  letter-spacing: 0.08em;
+}
+
+.group-chat-channel-pill {
+  display: inline-flex;
+  padding: 6px 12px;
+  font-size: 0.72rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 50%, transparent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, var(--blip-bg));
+}
+
+.group-chat-channel-pill.hidden {
+  display: none;
+}
+
+.group-community-chat-header {
+  flex-shrink: 0;
+  min-height: 44px;
+  padding: 8px 12px !important;
+  border-bottom: 2px solid color-mix(in srgb, var(--blip-accent) 20%, var(--blip-glass-border));
+}
+
+.group-community-chat-header .chat-peer-meta {
+  width: 100%;
+}
+
+/* —— Group window: rail + main —— */
+.group-community {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  display: grid;
+  grid-template-columns: minmax(168px, 220px) minmax(0, 1fr);
+  gap: 10px;
+  align-items: stretch;
+}
+
+/* Left rail */
+.group-rail {
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: color-mix(in srgb, var(--blip-bg) 48%, var(--blip-glass));
+  border-color: color-mix(in srgb, var(--blip-glass-border) 70%, transparent);
+}
+
+.group-rail-toolbar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  padding: 8px 8px 4px;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-glass-border) 45%, transparent);
+}
+
+.group-rail-toolbar-spacer {
+  flex: 1;
+}
+
+.group-rail-icon-btn {
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
+  padding: 0 !important;
+  font-size: 1rem;
+  line-height: 1;
+  letter-spacing: 0 !important;
+  overflow: hidden;
+  white-space: nowrap;
+  text-indent: 0;
+}
+
+.group-rail-menu-btn {
+  font-size: 1.15rem;
+  letter-spacing: 0 !important;
+}
+
+.group-rail-head {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 10px 8px;
+}
+
+.group-rail-avatar-btn {
+  flex-shrink: 0;
+  width: 48px;
+  height: 48px;
+  padding: 0;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 38%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 55%, transparent);
+  cursor: pointer;
+  overflow: hidden;
+}
+
+.group-rail-avatar-btn:hover {
+  border-color: var(--blip-accent);
+}
+
+.group-rail-avatar-btn .group-avatar-wrap,
+.group-rail-avatar-btn .avatar-wrap {
+  width: 48px;
+  height: 48px;
+  display: block;
+}
+
+.group-rail-avatar-btn canvas,
+.group-rail-avatar-btn img {
+  width: 48px !important;
+  height: 48px !important;
+  display: block;
+}
+
+.group-rail-identity {
+  flex: 1;
+  min-width: 0;
+}
+
+.group-rail-title {
+  margin: 0;
+  font-size: 0.8rem;
+  font-weight: 700;
+  color: var(--blip-text);
+  line-height: 1.2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-rail-sub {
+  margin: 4px 0 0;
+  font-size: 0.6rem;
+  color: var(--blip-muted);
+  line-height: 1.35;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-rail-members {
+  color: var(--blip-text);
+}
+
+.group-rail-host {
+  color: var(--blip-muted);
+}
+
+.group-rail-beta {
+  flex-shrink: 0;
+  margin: 0 8px 8px;
+  padding: 6px 8px;
+  border: 1px solid color-mix(in srgb, var(--blip-danger) 42%, transparent);
+  background: color-mix(in srgb, var(--blip-danger) 7%, var(--blip-bg));
+  color: var(--blip-danger);
+  font-family: inherit;
+  font-size: 0.58rem;
+  line-height: 1.3;
+  text-align: left;
+  cursor: pointer;
+}
+
+.group-rail-beta:hover {
+  background: color-mix(in srgb, var(--blip-danger) 14%, var(--blip-bg));
+}
+
+.group-rail-nav {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0 6px 10px;
+}
+
+.group-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.group-nav-section {
+  display: flex;
+  flex-direction: column;
+}
+
+.group-nav-section-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 8px 6px;
+  border: none;
+  background: transparent;
+  color: var(--blip-muted);
+  font-family: inherit;
+  font-size: 0.65rem;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  cursor: pointer;
+  text-align: left;
+  transition: color 0.12s;
+}
+
+.group-nav-section-head:hover {
+  color: var(--blip-accent);
+}
+
+.group-nav-chevron {
+  display: inline-block;
+  width: 14px;
+  font-size: 0.7rem;
+  line-height: 1;
+  color: var(--blip-accent);
+  transition: transform 0.15s ease;
+  transform: rotate(-90deg);
+}
+
+.group-nav-section--open .group-nav-chevron {
+  transform: rotate(0deg);
+}
+
+.group-nav-section-label {
+  flex: 1;
+}
+
+.group-nav-section-body {
+  display: none;
+  flex-direction: column;
+  gap: 2px;
+  padding: 0 0 6px 4px;
+}
+
+.group-nav-section--open .group-nav-section-body {
+  display: flex;
+}
+
+.group-channel-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.group-channel-btn {
+  display: grid;
+  grid-template-columns: 22px 1fr auto;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 8px 8px 6px;
+  border: none;
+  border-left: 3px solid transparent;
+  background: transparent;
+  color: color-mix(in srgb, var(--blip-text) 88%, var(--blip-muted));
+  font-family: inherit;
+  font-size: 0.74rem;
+  cursor: pointer;
+  text-align: left;
+  transition:
+    background 0.12s,
+    color 0.12s,
+    border-color 0.12s;
+}
+
+.group-channel-btn:hover {
+  background: color-mix(in srgb, var(--blip-accent) 8%, transparent);
+  color: var(--blip-text);
+}
+
+.group-channel-btn--active {
+  border-left-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 14%, transparent);
+  color: var(--blip-accent);
+  font-weight: 700;
+}
+
+.group-channel-btn--voice.group-channel-btn--live {
+  border-left-color: var(--blip-accent);
+}
+
+.group-channel-btn--voice.group-channel-btn--active {
+  background: color-mix(in srgb, var(--blip-accent) 16%, transparent);
+}
+
+.group-channel-icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.72rem;
+  color: var(--blip-muted);
+  opacity: 0.95;
+}
+
+.group-channel-btn--active .group-channel-icon,
+.group-channel-btn--voice.group-channel-btn--live .group-channel-icon {
+  color: var(--blip-accent);
+}
+
+.group-channel-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-channel-badge {
+  flex-shrink: 0;
+  min-width: 18px;
+  padding: 1px 5px;
+  font-size: 0.58rem;
+  text-align: center;
+  border: 1px solid color-mix(in srgb, var(--blip-glass-border) 80%, transparent);
+  color: var(--blip-muted);
+  background: color-mix(in srgb, var(--blip-bg) 65%, transparent);
+}
+
+.group-channel-badge--live {
+  border-color: var(--blip-accent);
+  color: var(--blip-on-accent);
+  background: var(--blip-accent);
+}
+
+.group-main {
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.group-main-stack {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow: hidden;
+}
+
+.group-main-chat {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  overflow: hidden;
+}
+
+.group-community-chat {
+  flex: 1;
+  min-height: 0;
+  height: 100% !important;
+  gap: 0;
+}
+
+.group-community-chat .chat-messages {
+  flex: 1;
+  min-height: 100px;
+  margin: 0;
+  border-left: none;
+  border-right: none;
+}
+
+.group-community-chat .chat-input-row {
+  flex-shrink: 0;
+  margin: 0;
+  padding: 8px 10px;
+  border-top: 2px solid color-mix(in srgb, var(--blip-glass-border) 70%, transparent);
+}
+
+/* Voice stage (in-group conference) */
+.voice-stage {
+  flex-shrink: 0;
+  padding: 12px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  border-color: color-mix(in srgb, var(--blip-accent) 35%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-accent) 5%, var(--blip-glass));
+}
+
+.voice-stage--connected {
+  border-color: var(--blip-accent);
+}
+
+.voice-stage-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.voice-stage-indicator {
+  width: 8px;
+  height: 8px;
+  flex-shrink: 0;
+  background: var(--blip-muted);
+  border: 1px solid var(--blip-glass-border);
+}
+
+.voice-stage--connected .voice-stage-indicator {
+  background: var(--blip-accent);
+  border-color: var(--blip-accent);
+  animation: group-ui-pulse 1.4s ease-in-out infinite;
+}
+
+.voice-stage-head-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 6px 12px;
+}
+
+.voice-stage-title {
+  font-size: 0.68rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+}
+
+.voice-stage-status {
+  font-size: 0.62rem;
+  color: var(--blip-muted);
+  letter-spacing: 0.06em;
+}
+
+.voice-stage-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
+  gap: 10px;
+  max-height: min(40vh, 260px);
+  overflow-y: auto;
+  padding: 4px 2px;
+}
+
+.voice-stage-empty {
+  grid-column: 1 / -1;
+  text-align: center;
+  margin: 8px 0;
+}
+
+.voice-tile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 6px 6px;
+  position: relative;
+  border: 2px solid color-mix(in srgb, var(--blip-glass-border) 80%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 50%, var(--blip-glass));
+}
+
+.voice-tile--self {
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, transparent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, var(--blip-glass));
+}
+
+/* Square 1:1 avatars (override global min-height on .voice-tile-slot) */
+.voice-stage .voice-tile-frame,
+.voice-stage .voice-tile-slot {
+  width: 64px;
+  height: 64px;
+  min-width: 64px;
+  min-height: 0;
+  max-width: 64px;
+  max-height: 64px;
+  aspect-ratio: 1;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 28%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 70%, transparent);
+}
+
+.voice-tile--self .voice-tile-frame,
+.voice-tile--self .voice-tile-slot {
+  border-color: var(--blip-accent);
+}
+
+.voice-stage .voice-tile-frame .avatar-wrap,
+.voice-stage .voice-tile-slot .avatar-wrap {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.voice-stage .voice-tile-frame canvas,
+.voice-stage .voice-tile-frame img,
+.voice-stage .voice-tile-slot canvas,
+.voice-stage .voice-tile-slot img {
+  width: 100% !important;
+  height: 100% !important;
+  max-width: 64px;
+  max-height: 64px;
+  object-fit: cover;
+}
+
+.voice-stage .voice-tile-video {
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: cover;
+  cursor: zoom-in;
+}
+
+.voice-tile-label {
+  font-size: 0.62rem;
+  color: var(--blip-muted);
+  letter-spacing: 0.05em;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.voice-tile--self .voice-tile-label {
+  color: var(--blip-accent);
+}
+
+.voice-tile-badges {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  right: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 3px;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.voice-tile-badges .call-peer-badge {
+  font-size: 0.5rem;
+  padding: 2px 4px;
+}
+
+.voice-stage-controls {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  padding-top: 4px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 50%, transparent);
+}
+
+.voice-stage-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+
+.voice-ctrl-btn {
+  font-size: 0.65rem;
+  padding: 8px 12px;
+  letter-spacing: 0.06em;
+}
+
+.voice-ctrl-btn.active {
+  border-color: var(--blip-danger);
+  color: var(--blip-danger);
+  background: color-mix(in srgb, var(--blip-danger) 10%, transparent);
+}
+
+.voice-ctrl-leave {
+  flex-shrink: 0;
+  margin-left: auto;
+  padding: 8px 16px;
+}
+
+/* Group call overlay (window + legacy) */
+.group-call-overlay {
+  z-index: 200;
+  background: color-mix(in srgb, var(--blip-bg) 15%, rgba(0, 0, 0, 0.88));
+}
+
+.group-call-inner {
+  width: min(94vw, 760px);
+  max-height: min(92vh, 900px);
+  overflow-y: auto;
+  padding: clamp(16px, 3vw, 28px);
+  gap: clamp(12px, 2vw, 20px);
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-glass) 96%, var(--blip-bg));
+}
+
+.group-call-inner--live .group-call-stage {
+  animation: group-call-glow 2.2s ease-in-out infinite;
+}
+
+.group-call-title-line {
+  font-size: 0.72rem;
+  color: var(--blip-muted);
+  text-align: center;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  max-width: 100%;
+  word-break: break-word;
+}
+
+.group-call-stage {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+  padding: 16px 12px 12px;
+  width: 100%;
+  max-width: min(92vw, 680px);
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 35%, var(--blip-glass));
+}
+
+.group-call-avatar-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  gap: clamp(10px, 2vw, 18px);
+  justify-items: center;
+  width: 100%;
+}
+
+.group-call-member {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 140px;
+}
+
+.group-call-tile {
+  position: relative;
+  width: 100%;
+  padding: 8px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 30%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 55%, transparent);
+}
+
+.group-call-tile--live {
+  border-color: var(--blip-accent);
+  box-shadow: 0 0 16px color-mix(in srgb, var(--blip-accent) 28%, transparent);
+}
+
+.group-call-tile--linked .group-call-tile-ring {
+  position: absolute;
+  inset: -4px;
+  border: 2px solid var(--blip-accent);
+  pointer-events: none;
+  animation: group-call-glow 1.4s ease-in-out infinite;
+}
+
+.group-call-remote-video {
+  width: 100%;
+  aspect-ratio: 1;
+  max-height: 120px;
+  object-fit: cover;
+  background: #000;
+}
+
+.group-call-tile-badges {
+  position: absolute;
+  top: 6px;
+  left: 6px;
+  right: 6px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  z-index: 3;
+  pointer-events: none;
+  justify-content: center;
+}
+
+.group-call-tile-badges .call-peer-badge {
+  font-size: 0.52rem;
+  padding: 2px 5px;
+}
+
+.group-call-tile--expandable {
+  cursor: pointer;
+}
+
+.group-call-tile--expandable:hover {
+  outline: 2px solid var(--blip-accent);
+  outline-offset: 2px;
+}
+
+.group-call-avatar-slot {
+  width: clamp(72px, 12vw, 96px);
+  height: clamp(72px, 12vw, 96px);
+}
+
+.group-call-waveform {
+  width: 100%;
+  max-width: 320px;
+}
+
+.group-call-member-label {
+  font-size: 0.62rem;
+  color: var(--blip-text);
+  letter-spacing: 0.08em;
+  text-align: center;
+  line-height: 1.3;
+  word-break: break-word;
+}
+
+.group-call-member-live {
+  color: var(--blip-accent);
+  font-weight: 700;
+}
+
+.group-call-controls {
+  width: 100%;
+  max-width: 520px;
+  padding-top: 8px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 45%, transparent);
+}
+
+.group-call-controls .btn {
+  font-size: 0.68rem;
+  padding: 10px 14px;
+  letter-spacing: 0.06em;
+}
+
+.group-call-fs-overlay {
+  background: color-mix(in srgb, var(--blip-bg) 8%, rgba(0, 0, 0, 0.94));
+}
+
+.group-call-fs-close {
+  margin-bottom: 16px;
+}
+
+.group-call-panel {
+  right: clamp(12px, 2vw, 20px);
+  bottom: clamp(12px, 2vw, 20px);
+  width: min(92vw, 300px);
+  padding: 14px;
+  border-color: var(--blip-accent);
+}
+
+.group-call-head {
+  margin-bottom: 10px;
+}
+
+.group-call-title {
+  font-size: 0.72rem;
+  letter-spacing: 0.1em;
+  color: var(--blip-accent);
+}
+
+.group-call-roster {
+  font-size: 0.68rem;
+  max-height: 140px;
+  line-height: 1.45;
+}
+
+.group-call-peer {
+  padding: 3px 0;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-glass-border) 25%, transparent);
+}
+
+.group-call-peer:last-child {
+  border-bottom: none;
+}
+
+/* Responsive — narrow / short viewports */
+@media (max-width: 820px) {
+  .group-community {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr;
+  }
+
+  .group-rail {
+    max-height: min(44vh, 280px);
+  }
+
+  .group-rail-nav {
+    padding: 0 8px 8px;
+  }
+
+  .group-nav-section-body {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    gap: 6px;
+    padding-bottom: 4px;
+  }
+
+  .group-nav-section--open .group-nav-section-body {
+    display: flex;
+  }
+
+  .group-channel-btn {
+    flex: 0 0 auto;
+    min-width: 128px;
+    max-width: 200px;
+    border-left-width: 3px;
+  }
+
+  .voice-stage-grid {
+    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
+    max-height: 200px;
+  }
+
+  .voice-ctrl-leave {
+    width: 100%;
+    margin-left: 0;
+    margin-top: 4px;
+  }
+}
+
+@media (max-width: 520px) {
+  .group-call-inner {
+    width: 100%;
+    max-height: 100%;
+    border-left: none;
+    border-right: none;
+  }
+
+  .group-call-avatar-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .chat-hub-voice-live {
+    display: none;
+  }
+
+  .group-call-ongoing {
+    flex-wrap: wrap;
+  }
+
+  .group-call-ongoing-join {
+    width: 100%;
+  }
+}
+
+@media (max-height: 640px) {
+  .voice-stage-grid {
+    max-height: 140px;
+  }
+
+  .group-community-chat .chat-messages {
+    min-height: 72px;
+  }
+}
diff --git a/renderer/groups-wire.js b/renderer/groups-wire.js
index 8109214..ff0f192 100644
--- a/renderer/groups-wire.js
+++ b/renderer/groups-wire.js
@@ -22,6 +22,7 @@ import { showAppToast } from './toasts.js';
 import { sounds } from './audio.js';
 import { openConfirmDialog } from './confirm-dialog.js';
 import { createMessageId } from './message-id.js';
+import { setGroupPinnedMessageId } from './chat-pins.js';
 import {
   joinVoiceChannel,
   leaveVoiceChannel,
@@ -168,6 +169,10 @@ export async function dissolveGroup(api, config, groupId) {
 }
 
 export async function createGroupFromUi(api, config, memberIds, name, seedPeerId) {
+  if (!config?.devGroupsEnabled) {
+    showAppToast({ title: t('settings.dev_groups_off'), durationMs: 4000 });
+    return null;
+  }
   const myId = Number(config.blipId);
   const groupId = generateGroupId();
   const members = normalizeMemberIds([myId, ...memberIds.filter((id) => Number(id) !== myId)]);
@@ -254,6 +259,28 @@ export async function sendGroupChatMessage(api, config, groupId, msg) {
       id: msg.id,
       timestamp: msg.timestamp,
       attachment: msg.attachment,
+      replyTo: msg.replyTo,
+      forwardFrom: msg.forwardFrom,
+    });
+  }
+  return { ok: true };
+}
+
+export async function sendGroupPin(api, config, groupId, payload) {
+  const group = getGroup(groupId);
+  if (!group) return { ok: false };
+  const myId = Number(config.blipId);
+
+  for (const m of group.members) {
+    if (Number(m) === myId) continue;
+    await safeSendTcp(api, {
+      type: 'group-pin',
+      to: m,
+      groupId,
+      host: group.hostId,
+      messageId: payload.messageId,
+      pinned: payload.pinned !== false,
+      author: myId,
     });
   }
   return { ok: true };
@@ -332,6 +359,8 @@ export async function handleGroupTcpMessage(msg, ctx) {
       text: msg.text,
       timestamp: msg.timestamp || Date.now(),
       attachment: msg.attachment,
+      replyTo: msg.replyTo,
+      forwardFrom: msg.forwardFrom,
     };
 
     deliverGroupMessage(msg.groupId, incoming, ctx, { bumpUnread: true });
@@ -342,6 +371,18 @@ export async function handleGroupTcpMessage(msg, ctx) {
     return true;
   }
 
+  if (type === 'group-pin') {
+    const group = getGroup(msg.groupId);
+    if (!group || !isGroupMember(group, myId)) return true;
+    if (msg.pinned === false || !msg.messageId) {
+      setGroupPinnedMessageId(msg.groupId, null);
+    } else {
+      setGroupPinnedMessageId(msg.groupId, String(msg.messageId));
+    }
+    ctx.getGroupChatView?.(msg.groupId)?.handlePin?.(msg);
+    return true;
+  }
+
   if (type === 'group-leave') {
     const group = getGroup(msg.groupId);
     if (!group) return true;
diff --git a/renderer/groups.js b/renderer/groups.js
index e5c6cbf..bc9895f 100644
--- a/renderer/groups.js
+++ b/renderer/groups.js
@@ -95,6 +95,11 @@ export function clearDeclinedInvite(groupId) {
 }
 
 /** Drop groups you are not a member of (stale localStorage). */
+export function resetGroupsStore() {
+  groups.clear();
+  declinedInvites.clear();
+}
+
 export function purgeGroupsFor(blipId) {
   const id = Number(blipId);
   let changed = false;
@@ -136,6 +141,18 @@ export function formatChannelLabel(ch) {
   if (ch.type === 'voice' && (ch.id === 'voice-lounge' || ch.name === 'lounge' || ch.name === 'voice')) {
     return t('voice.channel_name');
   }
+  if (ch.type === 'text' && (ch.id === 'text-general' || ch.name === 'general')) {
+    return t('voice.channel_general');
+  }
+  const slug = String(ch.name || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '_');
+  if (slug) {
+    const key = `voice.channel_${slug}`;
+    const localized = t(key);
+    if (localized !== key) return localized;
+  }
   return ch.name || '';
 }
 
@@ -233,6 +250,11 @@ export function getGroupMessages(groupId) {
   return g.messages;
 }
 
+export function findGroupMessage(groupId, messageId) {
+  if (!messageId) return null;
+  return getGroupMessages(groupId).find((m) => m.id === messageId) || null;
+}
+
 /** @returns {boolean} true if message was stored */
 export function addGroupMessage(groupId, msg) {
   const g = getGroup(groupId);
diff --git a/renderer/i18n.js b/renderer/i18n.js
index f383496..9286a96 100644
--- a/renderer/i18n.js
+++ b/renderer/i18n.js
@@ -4,6 +4,7 @@ const locales = {
     'app.slogan': "You're on the grid. You're the signal.",
     'grid.title': 'SELECT YOUR BLIP ID',
     'grid.hint': 'Choose a free number. 8×8. 1–64.',
+    'grid.hint_reserved': 'Choose a free number. Bookmarked slots are highlighted (MESH+).',
     'grid.occupied': 'Occupied',
     'grid.free': 'Free',
     'grid.yours': 'Yours',
@@ -88,12 +89,23 @@ const locales = {
     'chat.reply_preview_video': 'Video',
     'chat.reply_preview_file': 'File: {name}',
     'chat.reply_preview_youtube': 'YouTube',
+    'chat.forward': 'Forward',
+    'chat.forward_title': 'Forward to',
+    'chat.forwarded': 'Forwarded',
+    'chat.forward_from': 'from',
+    'chat.forward_from_unknown': 'from unknown chat',
+    'chat.forward_sent': 'Message forwarded',
+    'chat.forward_no_peers': 'No online peers to forward to.',
+    'chat.forward_seed_unavail': 'File unavailable in mesh.',
+    'chat.forward_seed_request': 'Open in BEACON',
+    'chat.forward_seed_link': 'Send link in chat',
     'media.share': 'Share',
     'media.download': 'Download',
     'media.close': 'Close',
     'media.play': 'Play / pause',
     'media.rewind': 'Back 10s',
     'media.forward': 'Forward 10s',
+    'media.volume': 'Volume',
     'chat.delivered': 'Delivered',
     'chat.read': 'Read',
     'chat.react': 'React',
@@ -116,7 +128,7 @@ const locales = {
       'Click an online peer to open chat. Right-click for Mesh label (local nickname), ping, copy BLIP ID, favorite, or block. Offline peers are dimmed.',
     'peers.typing': 'typing…',
     'peers.pulse_ms': 'Pulse · {ms} ms',
-    'peers.pulse_pending': 'Pulse · measuring…',
+    'peers.pulse_pending': 'Pulse · measuring',
     'peers.pulse_offline': 'Pulse · offline',
     'peers.mesh_hint': 'Right-click a peer → Mesh label: local nickname (only on your device).',
     'peers.mesh_label': 'Mesh label…',
@@ -130,6 +142,23 @@ const locales = {
     'peers.ping_ok': 'Peer reachable',
     'peers.ping_ok_body': 'Round-trip {ms} ms',
     'peers.ping_fail': 'Ping failed',
+    'peers.profile': 'Profile',
+    'peers.profile_title': 'Profile',
+    'peers.profile_back': 'Back',
+    'peers.profile_status': 'Status',
+    'peers.profile_pulse': 'Mesh Pulse',
+    'peers.profile_banner_future': 'Profile banner — coming later',
+    'peers.profile_note_title': 'Note (only you can see this)',
+    'peers.profile_note_placeholder': 'Click to add a note',
+    'peers.profile_open': 'Open profile',
+    'peers.profile_message': 'Message',
+    'peers.profile_call': 'Call',
+    'peers.profile_block': 'Block',
+    'peers.profile_open_failed': 'Could not open this profile. Try again.',
+    'peers.profile_unblock': 'Unblock',
+    'peers.profile_mesh_label': 'Mesh label',
+    'peers.profile_display_name': 'LAN name',
+    'peers.profile_latency': 'Mesh Pulse · {ms} ms',
     'peers.copy_id': 'Copy BLIP ID',
     'peers.copy_id_done': 'ID copied',
     'peers.block': 'Block locally',
@@ -211,6 +240,13 @@ const locales = {
     'voice.host_changed': 'Voice host changed',
     'voice.rejoin_channel': 'Rejoin the voice channel',
     'voice.channel_name': 'Voice',
+    'voice.channel_general': 'General',
+    'voice.section_chats': 'Chats',
+    'voice.section_voice': 'Voice',
+    'group.sidebar_members': '{n} members',
+    'group.sidebar_menu': 'Group menu',
+    'group.sidebar_menu_aria': 'Open group menu',
+    'group.sidebar_back': 'Back to chats',
     'toast.update_checking': 'Checking for updates…',
     'toast.update_available': 'Update available',
     'toast.update_available_body': 'Version v{v} is on GitHub.',
@@ -238,11 +274,14 @@ const locales = {
     'settings.change_id': 'Change ID',
     'settings.language': 'Language',
     'settings.about_title': 'About',
+    'settings.about_icon_open_appearance': 'Open Appearance → App icons',
+    'settings.about_icon_change': 'Change app icon',
     'settings.github': 'GitHub',
     'settings.appearance': 'Look & background',
     'settings.appearance_theme': 'Theme',
     'settings.appearance_accent': 'Color accent',
     'settings.bg_animated': 'Animated background',
+    'settings.bg_animated_mesh_hint': 'Ember and Rift scenes require MESH+.',
     'settings.bg_art': 'Art background',
     'appearance.mode.light': 'Light',
     'appearance.mode.dark': 'Dark',
@@ -341,6 +380,142 @@ const locales = {
     'settings.avatar_error_decode': 'Could not read this image. Try another file.',
     'settings.avatar_error_output': 'Image is still too large after processing. Try a smaller picture.',
     'settings.section_profile': 'Profile',
+    'settings.section_achievements': 'Achievements',
+    'settings.profile_editor_hint': 'Edit your profile and preview how peers see you on the LAN.',
+    'settings.profile_editor_title': 'Edit',
+    'settings.profile_preview_title': 'As others see you',
+    'settings.profile_gif_pick': 'Status GIF',
+    'settings.profile_gif_picker_title': 'Profile status GIF',
+    'settings.profile_gif_tab_mine': 'Mine',
+    'settings.profile_gif_tab_online': 'Giphy',
+    'settings.profile_gif_upload': 'Upload GIF',
+    'settings.profile_gif_clear': 'Remove GIF',
+    'settings.profile_gif_empty': 'No GIFs yet — upload or pick from Giphy.',
+    'settings.profile_gif_search': 'Search GIFs…',
+    'settings.profile_gif_search_btn': 'Search',
+    'settings.profile_gif_online_empty': 'Nothing found. Try another query.',
+    'settings.profile_gif_giphy_unavailable':
+      'Online GIF catalog is temporarily unavailable. Try again later or upload your own.',
+    'settings.profile_gif_saved': 'Status GIF saved',
+    'settings.profile_gif_invalid': 'Choose a GIF file.',
+    'settings.profile_gif_too_large': 'GIF is too large (max 8 MB).',
+    'settings.profile_gif_save_failed': 'Could not save GIF. Try another file.',
+    'settings.profile_gif_crop_title': 'Status GIF',
+    'settings.section_mesh_plus': 'MESH+',
+    'mesh_plus.intro_hint':
+      'MESH+ is a free test tier from the author (licensing lab). Early access to new features; later they move to FREE. Extra customization and profile badge. Request a key: blipteam@icloud.com',
+    'mesh_plus.status_label': 'Status',
+    'mesh_plus.status_free': 'FREE',
+    'mesh_plus.status_mesh_plus': 'MESH+',
+    'mesh_plus.carousel_title': 'What you get',
+    'mesh_plus.carousel_prev': '‹',
+    'mesh_plus.carousel_next': '›',
+    'mesh_plus.carousel_counter': '{n} / {total}',
+    'mesh_plus.carousel_dot': 'Slide {n}',
+    'mesh_plus.activation_title': 'Activation',
+    'mesh_plus.key_label': 'License key',
+    'mesh_plus.key_placeholder': 'BLIP-XXXX-XXXX-…',
+    'mesh_plus.activate': 'Activate',
+    'mesh_plus.revoke_key': 'Remove key',
+    'mesh_plus.no_key_hint': 'No key? Email blipteam@icloud.com — keys are free.',
+    'mesh_plus.activation_hint': 'Paste your BLIP key below. No key? Email blipteam@icloud.com (free).',
+    'mesh_plus.inactive_hint': 'Paste your key and tap Activate.',
+    'mesh_plus.active_ok': 'MESH+ is active on this device.',
+    'mesh_plus.activate_ok': 'MESH+ activated.',
+    'mesh_plus.revoke_ok': 'License removed. Status reset to FREE.',
+    'mesh_plus.feature_locked': 'Requires MESH+.',
+    'trust.about_official_client': 'You are using the official BLIP client',
+    'trust.about_unofficial_client':
+      'You are using an unofficial client build (not signed by the maintainer)',
+    'trust.unofficial_build_tooltip':
+      'Unofficial build — not signed by BLIP maintainer',
+    'trust.unofficial_mesh_tooltip':
+      'Valid MESH+ key, but this client build is not signed by the maintainer — shown as unofficial trust',
+    'mesh_plus.trust_needs_official_build':
+      'Your key is valid. Purple MESH+ styling requires an official signed BLIP build (not npm start / self-built).',
+    'mesh_plus.sync_mismatch': 'MESH+ status was reset. Re-open Settings if needed.',
+    'mesh_plus.error_empty': 'Enter your license key.',
+    'mesh_plus.error_invalid_format': 'Invalid key format. Paste the full BLIP-… key.',
+    'mesh_plus.error_invalid_signature': 'Key is not valid or was revoked.',
+    'mesh_plus.error_invalid': 'Could not activate. Check the key and try again.',
+    'mesh_plus.badge_label': 'MESH PLUS',
+    'mesh_plus.badge_title': 'MESH PLUS subscriber',
+    'mesh_plus.slide_premium_bg': 'Premium scenes',
+    'mesh_plus.slide_premium_bg_desc': 'CRT, glitch, and particle backgrounds — MESH+ only.',
+    'mesh_plus.slide_sound': 'Exclusive sound packs',
+    'mesh_plus.slide_sound_desc': 'Extra chiptune FX and call melodies for your mesh.',
+    'mesh_plus.slide_relay': 'LAN relay & bridge',
+    'mesh_plus.slide_relay_desc': 'Planned: relay host and subnet bridge (carousel preview — not shipped yet).',
+    'mesh_plus.slide_projects': 'Signal Corps Pro',
+    'mesh_plus.slide_projects_desc': 'Kanban board, pixel canvas (brush & fill), pad snapshots with restore.',
+    'mesh_plus.slide_clipboard': 'Clipboard Board',
+    'mesh_plus.slide_clipboard_desc': 'Up to 500 LAN clips with search (enable buffer in Settings → Network).',
+    'mesh_plus.slide_gif': 'Status GIF',
+    'mesh_plus.slide_gif_desc': 'Animated profile cloud in peer cards — MESH+ only.',
+    'mesh_plus.slide_theme': 'Theme editor',
+    'mesh_plus.slide_theme_desc': 'Custom #RRGGBB accent on top of presets — MESH+ only.',
+    'mesh_plus.slide_icons': 'App icons mesh-1…6',
+    'mesh_plus.slide_icons_desc': 'Six premium tray/window icons in Settings → Appearance.',
+    'mesh_plus.slide_export': 'Themed chat export',
+    'mesh_plus.slide_export_desc': 'Export threads to PDF/HTML with your BLIP theme colors.',
+    'mesh_plus.identity_title': 'Mesh identity',
+    'mesh_plus.identity_hint': 'Customize how you appear on the LAN mesh.',
+    'mesh_plus.id_color_label': 'BLIP ID color',
+    'mesh_plus.id_color_hint': 'Tint shown to peers in the list (hex).',
+    'mesh_plus.id_color_apply': 'Apply',
+    'mesh_plus.id_color_clear': 'Clear',
+    'mesh_plus.status_icon_label': 'Status icon',
+    'mesh_plus.status_icon_hint': 'Small glyph next to your pulse line for peers.',
+    'mesh_plus.status_icon_none': 'None',
+    'mesh_plus.status_icon_game': 'Gaming',
+    'mesh_plus.status_icon_code': 'Coding',
+    'mesh_plus.status_icon_stream': 'Streaming',
+    'mesh_plus.status_icon_listen': 'Listening',
+    'mesh_plus.status_icon_work': 'Working',
+    'mesh_plus.status_icon_afk': 'AFK',
+    'mesh_plus.id_reserve_label': 'Reserved IDs',
+    'mesh_plus.id_reserve_hint': 'Bookmark up to 8 numbers on the change-ID grid.',
+    'mesh_plus.id_reserve_add': 'Bookmark current ID',
+    'mesh_plus.id_reserve_empty': 'No bookmarks yet.',
+    'mesh_plus.stats_title': 'Session stats',
+    'mesh_plus.stats_locked': 'Activate MESH+ to track session stats and achievements.',
+    'mesh_plus.stats_summary':
+      'Online {hours} · {messages} messages · {files} files · {calls} calls · peak {peers} peers',
+    'mesh_plus.ach_first_peer': 'First contact',
+    'mesh_plus.ach_first_peer_desc': 'At least one peer online in this session.',
+    'mesh_plus.ach_mesh_5': 'Full mesh',
+    'mesh_plus.ach_mesh_5_desc': 'Five peers online at once.',
+    'mesh_plus.ach_messages_50': 'Chatter',
+    'mesh_plus.ach_messages_50_desc': 'Send 50 messages this session.',
+    'mesh_plus.ach_messages_100': 'Signal operator',
+    'mesh_plus.ach_messages_100_desc': 'Send 100 messages this session.',
+    'mesh_plus.ach_first_call': 'On the line',
+    'mesh_plus.ach_first_call_desc': 'Start a voice call.',
+    'mesh_plus.ach_first_file': 'Payload',
+    'mesh_plus.ach_first_file_desc': 'Send a file over the mesh.',
+    'mesh_plus.ach_online_1h': 'Long haul',
+    'mesh_plus.ach_online_1h_desc': 'Stay in BLIP for one hour this session.',
+    'settings.app_icon_free_title': 'App icon',
+    'settings.app_icon_free_hint': 'Tray, window, and About. Start-menu shortcut uses the installer icon until reinstall.',
+    'settings.app_icon_mesh_title': 'MESH+ icons',
+    'settings.app_icon_mesh_hint': 'Six premium icons — MESH+ subscription required.',
+    'settings.app_icon_main': 'Default',
+    'settings.app_icon_dop': 'Alt {n}',
+    'settings.app_icon_mesh': 'Mesh {n}',
+    'settings.app_icon_mesh_locked': 'This icon requires MESH+.',
+    'settings.app_icon_applied': 'App icon updated.',
+    'settings.app_icon_preview_hint': 'Right-click an icon to enlarge',
+    'settings.dev_clear_mesh_plus': 'Remove subscription',
+    'settings.dev_clear_mesh_plus_ok': 'MESH+ license cleared.',
+    'settings.dev_clear_mesh_plus_none': 'No active MESH+ subscription.',
+    'settings.dev_clear_mesh_plus_fail': 'Could not clear subscription.',
+    'settings.dev_factory_reset': 'Reset to factory defaults',
+    'settings.dev_factory_reset_hint':
+      'Clears BLIP ID, chats, groups, achievements, avatars, GIFs, MESH+, and settings — then opens the ID grid.',
+    'settings.dev_factory_reset_confirm':
+      'Reset BLIP to factory defaults? All local data on this device will be erased. You will choose a new BLIP ID.',
+    'settings.dev_factory_reset_ok': 'Factory reset complete. Choose your BLIP ID.',
+    'settings.dev_factory_reset_fail': 'Factory reset failed.',
     'settings.section_language': 'Language',
     'settings.section_notifications': 'Notifications',
     'settings.section_privacy': 'Privacy',
@@ -350,6 +525,12 @@ const locales = {
     'settings.notifications_calls': 'Incoming call alert',
     'settings.notifications_dnd': 'Do not disturb',
     'settings.notifications_dnd_hint': 'Mutes UI sounds and blocks message and call notifications.',
+    'settings.toast_duration': 'Toast duration',
+    'settings.bandwidth_title': 'Mesh bandwidth',
+    'settings.bandwidth_hint': 'Live LAN throughput (BEACON + file transfer), last 60 seconds.',
+    'settings.bandwidth_chart': 'Bandwidth chart',
+    'settings.bandwidth_down': 'Download',
+    'settings.bandwidth_up': 'Upload',
     'settings.copy_id': 'Copy ID',
     'settings.changelog': 'Changelog',
     'settings.shortcuts_main_scope': 'Main window',
@@ -361,8 +542,14 @@ const locales = {
     'settings.shortcuts_chat_search': 'Focus chat search',
     'settings.section_sound': 'Sound',
     'settings.sound_enable': 'UI sounds',
+    'settings.typing_sound': 'Typing sound (local)',
+    'settings.ui_compact': 'Compact mode',
+    'settings.ui_font_scale': 'UI font size',
+    'settings.chat_font_scale': 'Chat font size',
+    'settings.idle_away_minutes': 'Auto Away after (minutes, 0 = off)',
     'settings.sound_volume': 'Volume',
     'settings.sound_pack': 'Sound pack',
+    'settings.sound_mesh_plus_hint': 'WIRE and STATIC FX packs, BEACON and CHIME melodies — MESH+ only.',
     'settings.sound_pack_signal': 'SIGNAL',
     'settings.sound_pack_pulse': 'PULSE',
     'settings.sound_pack_wire': 'WIRE',
@@ -390,6 +577,67 @@ const locales = {
     'settings.section_call': 'Call',
     'settings.section_transfer': 'Files',
     'settings.section_network': 'Network',
+    'settings.network_stats_title': 'Session stats',
+    'settings.network_stats_hint': 'Counters for this BLIP session (local).',
+    'settings.network_stats_summary':
+      'Online {hours} · {messages} messages · {files} files · {calls} calls · peak {peers} peers',
+    'settings.network_stats_chart': 'Activity bars',
+    'settings.network_stats_bar_messages': 'Messages',
+    'settings.network_stats_bar_files': 'Files',
+    'settings.network_stats_bar_calls': 'Calls',
+    'settings.network_stats_bar_peers': 'Peak peers',
+    'settings.network_stats_bar_minutes': 'Minutes online',
+    'achievements.hint': 'Optional session goals — Steam-style cards. Off by default.',
+    'achievements.enabled_label': 'Track achievements',
+    'achievements.enabled_hint': 'When off, progress is not saved and unlock toasts are hidden.',
+    'achievements.enabled': 'Enable achievements',
+    'achievements.notify_label': 'Unlock notifications',
+    'achievements.notify_hint': 'Show a toast when you earn an achievement.',
+    'achievements.notify': 'Notify on unlock',
+    'achievements.icon_placeholder': 'Icon slot — add your asset path in achievements.js',
+    'achievements.icon_unlock_to_see': 'Unlock this achievement first to see the icon.',
+    'achievements.reset': 'Reset unlocks',
+    'achievements.reset_confirm': 'Clear all unlocked achievements on this device?',
+    'achievements.reset_ok': 'Achievement progress reset.',
+    'achievements.section_unlocked': 'Unlocked',
+    'achievements.section_locked': 'Not yet unlocked',
+    'achievements.section_unlocked_empty': 'No unlocked achievements yet.',
+    'achievements.section_locked_empty': 'All achievements unlocked.',
+    'achievements.unlocked_title': 'Achievement unlocked',
+    'achievements.code_first_peer': '1+ peer online',
+    'achievements.code_mesh_5': '5 peers at once',
+    'achievements.code_messages_50': '50 messages sent',
+    'achievements.code_messages_100': '100 messages sent',
+    'achievements.code_first_call': 'First voice call',
+    'achievements.code_first_file': 'First file sent',
+    'achievements.code_online_1h': '1 hour in app',
+    'achievements.code_mesh_plus': 'MESH+ license active',
+    'achievements.code_beta_tester': 'Beta channel on',
+    'achievements.code_unofficial_build': 'Unofficial client build',
+    'achievements.first_peer': 'First on the mesh',
+    'achievements.first_peer_desc': 'At least one contact online this session.',
+    'achievements.mesh_5': 'Five at once',
+    'achievements.mesh_5_desc': 'Five contacts online at the same time.',
+    'achievements.messages_50': 'Talkative',
+    'achievements.messages_50_desc': 'Send 50 messages in one session.',
+    'achievements.messages_100': 'Signal regular',
+    'achievements.messages_100_desc': 'Send 100 messages in one session.',
+    'achievements.first_call': 'On the line',
+    'achievements.first_call_desc': 'Start your first voice call.',
+    'achievements.first_file': 'First payload',
+    'achievements.first_file_desc': 'Send a file over the mesh.',
+    'achievements.online_1h': 'Marathon session',
+    'achievements.online_1h_desc': 'Stay in BLIP for one hour this session.',
+    'achievements.mesh_plus_active': 'MESH+ activated',
+    'achievements.mesh_plus_active_desc': 'Activate a MESH+ subscription on this device.',
+    'achievements.beta_tester': 'Beta tester',
+    'achievements.beta_tester_desc':
+      'Enable “Receive beta releases” in Settings → Developer.',
+    'achievements.unofficial_build': 'Unofficial build',
+    'achievements.unofficial_build_desc':
+      'Run a client that is not signed by the BLIP maintainer (dev run or self-built).',
+    'chat.export_pdf_themed': 'Export PDF (BLIP theme)',
+    'chat.export_html_themed': 'Export HTML (BLIP theme)',
     'settings.group_account': 'Account',
     'settings.group_connect': 'Connect',
     'settings.group_media': 'Media',
@@ -423,6 +671,12 @@ const locales = {
     'transfer.hub_in': '↓ from #{id}',
     'transfer.hub_out': '↑ to #{id}',
     'transfer.hub_cancel': 'Cancel',
+    'transfer.hub_dismiss': 'Dismiss',
+    'transfer.hub_clear': 'Clear all transfers',
+    'transfer.hub_active': 'Active',
+    'transfer.hub_completed': 'Completed',
+    'transfer.hub_done': 'Done',
+    'transfer.hub_open_folder': 'Open folder',
     'chat.file_cancelled': 'Transfer cancelled',
     'clipboard.mode': 'LAN clipboard',
     'clipboard.mode_off': 'Off',
@@ -504,16 +758,113 @@ const locales = {
     'settings.dev_mesh_trace_hint': 'Log every TCP frame type in Network → log.',
     'settings.dev_mesh_trace_on': 'Mesh trace on',
     'settings.dev_mesh_trace_off': 'Mesh trace off',
+    'settings.dev_beacon': 'BEACON mesh protocol',
+    'settings.dev_beacon_hint': 'LAN file library: UDP announce, parallel seeds. UI is in main nav.',
+    'settings.dev_beacon_on': 'BEACON protocol on',
+    'settings.dev_beacon_off': 'BEACON protocol off',
+    'beacon.title': 'BEACON',
+    'beacon.hint': 'Publish files to the LAN mesh or download from peers. You become a seed after a full download.',
+    'beacon.empty': 'No seeds in mesh yet. Publish a file to start.',
+    'beacon.empty_mine': 'No local seeds yet.',
+    'beacon.seeders': 'seeders',
+    'beacon.publish': 'Publish file',
+    'beacon.download': 'Download',
+    'beacon.save': 'Save as…',
+    'beacon.publishing': 'Publishing',
+    'beacon.downloading': 'Downloading',
+    'beacon.published': 'Published to mesh',
+    'beacon.saved': 'File saved',
+    'beacon.failed': 'BEACON error',
+    'beacon.err_not_readable':
+      'Could not read the file from disk. Close programs using it, then use «Publish file» (not drag from inside a ZIP).',
+    'beacon.err_no_path':
+      'File is too large for browser-style upload. Use «Publish file» to pick it from disk.',
+    'beacon.err_too_large': 'File exceeds the transfer limit in Settings → Network.',
+    'beacon.mine': 'My seed',
+    'beacon.tab_mesh': 'In mesh',
+    'beacon.tab_mine': 'My seeds',
+    'beacon.tab_downloads': 'Downloads',
+    'beacon.stat_down': '↓ 0 B/s',
+    'beacon.stat_up': '↑ 0 B/s',
+    'beacon.stat_seeds': '0 seeds',
+    'beacon.stat_peers': '0 peers',
+    'beacon.pause_all': 'Pause all',
+    'beacon.clear_done': 'Clear completed',
+    'beacon.search_ph': 'Search…',
+    'beacon.drop_hint': 'Drop file to publish to mesh',
+    'beacon.empty_downloads': 'No active transfers.',
+    'beacon.hero_tag': 'LAN mesh library',
+    'beacon.hero_lead': 'Publish once — peers download in parallel. Rare chunks first.',
+    'beacon.col_name': 'Name',
+    'beacon.col_size': 'Size',
+    'beacon.col_progress': 'Progress',
+    'beacon.col_seeders': 'Seeds',
+    'beacon.col_status': 'Status',
+    'beacon.col_actions': 'Actions',
+    'beacon.status_hashing': 'Hashing…',
+    'beacon.status_publishing': 'Publishing',
+    'beacon.status_downloading': 'Downloading',
+    'beacon.status_seeding': 'Seeding',
+    'beacon.status_stopped': 'Stopped',
+    'beacon.resume_seed': 'Resume seeding',
+    'beacon.status_available': 'Available',
+    'beacon.soon_downloads': 'Download queue — coming in a later 1.1 build.',
+    'beacon.soon_feature': 'Coming in a later 1.1 build.',
+    'beacon.soon_stop': 'Stop seeding failed.',
+    'beacon.soon_drop': 'Drag & drop publish — coming soon.',
+    'beacon.stat_down_label': 'Download',
+    'beacon.stat_up_label': 'Upload',
+    'beacon.stat_mesh_label': 'In mesh',
+    'beacon.stat_mine_label': 'My seeds',
+    'beacon.stat_seeders_label': 'Seeders',
+    'beacon.stat_active_label': 'Active',
+    'beacon.panel_transfer': 'Transfer',
+    'beacon.panel_seeding': 'Seeding',
+    'beacon.panel_filters': 'Filters',
+    'beacon.slider_peers': 'Parallel peers',
+    'beacon.slider_up_cap': 'Upload cap %',
+    'beacon.pause': 'Pause',
+    'beacon.resume': 'Resume',
+    'beacon.stop': 'Stop',
+    'beacon.stop_all': 'Stop all seeding',
+    'beacon.paused_all': 'All seeds paused',
+    'beacon.resumed_all': 'Seeding resumed',
+    'beacon.refresh': 'Refresh mesh',
+    'beacon.add_folder': 'Add folder',
+    'beacon.copy_link': 'Copy link',
+    'beacon.link_copied': 'Seed link copied',
+    'beacon.share_chat': 'Share in chat',
+    'beacon.delete': 'Delete local copy',
+    'beacon.delete_confirm': 'Delete local data for “{name}”? Chunks on disk will be removed.',
+    'beacon.deleted': 'Local seed removed',
+    'beacon.copy_failed': 'Could not copy to clipboard',
+    'beacon.save_blip_file': 'Save .blip file',
+    'beacon.open_blip_file': 'Open .blip file',
+    'beacon.blip_saved': '.blip file saved',
+    'beacon.blip_opened': 'Opening in BEACON',
+    'beacon.blip_invalid': 'Invalid .blip file',
+    'beacon.actions_menu': 'Actions',
+    'beacon.col_menu': '',
+    'beacon.sort_name': 'Sort by name',
+    'beacon.status_paused': 'Paused',
     'settings.dev_export': 'Export diagnostics',
     'settings.dev_export_done': 'Diagnostics copied to clipboard',
     'settings.dev_export_fail': 'Could not copy diagnostics',
     'settings.pick_section_hint': 'Choose a section in the list on the left.',
+    'settings.nav_group_account': 'Account',
+    'settings.nav_group_app': 'App',
+    'settings.nav_group_connection': 'Connection',
+    'settings.nav_group_system': 'System',
+    'settings.dev_panel_hint': 'Beta flags and internal tools — not required for normal use.',
+    'settings.dev_projects_callout': 'Signal Corps (Projects)',
     'settings.system_na': 'These options are only available on Windows for now.',
     'settings.updates_check': 'Check',
     'settings.updates_install': 'Restart to update',
     'settings.updates_releases': 'Releases',
     'settings.release_pre': 'pre',
     'settings.updates_dev_only': 'Not available in this build.',
+    'settings.updates_portable_only':
+      'Portable build: download a new Setup from Releases and install over this folder.',
     'settings.updates_status_idle': '—',
     'settings.updates_status_checking': 'Checking…',
     'settings.updates_status_latest': 'Up to date',
@@ -523,6 +874,8 @@ const locales = {
     'settings.updates_status_error': 'Error: {m}',
     'settings.updates_status_stale_release':
       'Stale update cache cleared. Checking stable channel…',
+    'settings.updates_status_unsigned':
+      'Installer is not code-signed (expected). Use «Releases» to download and run the new Setup once; later versions can auto-update.',
     'settings.updates_recent': 'Recent releases',
     'settings.updates_releases_error': 'Could not load releases from GitHub.',
     'settings.updates_open_release': 'Open on GitHub',
@@ -534,14 +887,27 @@ const locales = {
     'status.mesh_line': 'BLIP #{id} · {ip} · {online} online',
     'nav.dial': 'DIAL',
     'nav.chat': 'CHAT',
+    'nav.beacon': 'BEACON',
+    'nav.beacon_beta': 'BETA',
     'nav.peers': 'PEERS',
     'nav.projects': 'PROJECTS',
     'nav.settings': 'SETTINGS',
     'projects.hub_title': 'PROJECTS',
     'projects.hub_hint':
-      'Signal Corps — BLIP’s must-have builder workspace on the mesh (not tied to groups). Shared Pad syncs to online peers on your LAN while you pair-program or debug. Coming: kanban board, pixel canvas, pull clipboard (20 clips). Enable in Settings → Developer → Projects (off by default).',
+      'Signal Corps — pad, kanban board, pixel canvas, and LAN clipboard on the mesh. Enable in Settings → Developer → Projects; enable clipboard in Settings → Network (off by default).',
     'projects.tool_soon': 'In development — coming in a future Signal Corps drop.',
+    'projects.mesh_plus_required': 'BOARD and CANVAS are MESH+ tools. Activate in Settings → MESH+.',
+    'projects.pad_history_title': 'Pad history',
+    'projects.pad_history_save': 'Save snapshot',
+    'projects.pad_history_restore': 'Restored',
+    'projects.pad_history_manual': 'Manual snapshot',
+    'projects.pad_history_hint':
+      'While empty — type in the pad or tap Save snapshot.',
     'projects.sidebar_title': 'tools',
+    'projects.mesh_online': '{n} peers online on the mesh',
+    'projects.mesh_online_empty': 'No peers online — tools sync when someone appears.',
+    'projects.tier_legend': 'Dimmed tools need MESH+.',
+    'projects.open_mesh_plus': 'Open MESH+ settings',
     'projects.tool_pad': 'PAD',
     'projects.tool_board': 'BOARD',
     'projects.tool_canvas': 'CANVAS',
@@ -552,18 +918,54 @@ const locales = {
     'projects.board_todo': 'TODO',
     'projects.board_progress': 'IN PROGRESS',
     'projects.board_done': 'DONE',
-    'projects.board_card_prompt': 'Task text',
+    'projects.board_card_prompt': 'New card',
+    'projects.board_card_placeholder': 'Task text…',
+    'projects.board_add_card': 'Add card',
+    'projects.board_card_delete': 'Delete card',
+    'projects.board_card_delete_confirm': 'Remove this card from the board?',
+    'projects.board_move_progress': 'Move to in progress',
+    'projects.board_move_done': 'Move to done',
+    'projects.board_move_todo': 'Move to todo',
     'projects.board_cards': '{n} cards',
+    'projects.pad_history_delete': 'Delete snapshot',
+    'projects.pad_history_delete_confirm': 'Remove this pad snapshot from history?',
+    'projects.clipboard_disabled': 'Enable Signal Corps clipboard in Settings → Network.',
+    'projects.clip_copy': 'Copy to system clipboard',
+    'projects.clip_delete': 'Delete entry',
+    'projects.canvas_tool_brush': 'Brush',
+    'projects.canvas_tool_bucket': 'Fill',
+    'projects.canvas_tool_eraser': 'Eraser',
+    'projects.canvas_custom_color': 'Custom color',
     'projects.canvas_active': '32×16 · #{id} drawing',
     'projects.canvas_size': '32×16 pixel grid',
-    'projects.clip_count': '{n} entries · pull model',
-    'projects.clip_pull': 'PULL',
-    'projects.clip_push': 'PUSH',
+    'projects.clip_count': '{n} entries',
+    'projects.clip_pull': 'Pull',
+    'projects.clip_push': 'Push',
+    'projects.clip_search': 'Search clipboard…',
+    'projects.clip_count_limit': '{n} / {max} entries',
+    'projects.clip_count_search': '{n} shown · {total} total',
+    'projects.clip_free_limit_hint': 'FREE: up to {max} entries. MESH+ — more + search.',
+    'appearance.custom_accent': 'Custom accent',
+    'appearance.custom_accent_mesh_hint': 'Pick any #RRGGBB color — MESH+ only. Presets above still work when cleared.',
+    'appearance.custom_accent_placeholder': '#00ffc8',
+    'appearance.custom_accent_apply': 'Apply color',
+    'appearance.custom_accent_clear': 'Use preset',
     'settings.dev_projects': 'Projects section',
     'settings.dev_projects_on': 'Projects enabled',
     'settings.dev_projects_off': 'Projects hidden',
     'settings.dev_projects_hint':
-      'Signal Corps — BLIP’s must-have dev workspace. Adds PROJECTS nav: ✦ Pad live; ▦ ◻ ⧉ soon. Mesh-synced on LAN. Off by default.',
+      'Signal Corps — shared pad, board, canvas on LAN. Off by default; enable to show PROJECTS in the nav.',
+    'settings.dev_groups': 'Groups (conferences)',
+    'settings.dev_groups_hint':
+      'Beta: group chats are unstable. Off by default — users cannot create groups. On restores the menu item.',
+    'settings.dev_groups_on': 'Groups beta enabled',
+    'settings.dev_groups_off': 'Groups hidden',
+    'settings.projects_clipboard': 'Signal Corps clipboard',
+    'settings.projects_clipboard_hint': 'Shared LAN clip history in PROJECTS → Clipboard. Off by default.',
+    'settings.projects_clipboard_enable_confirm':
+      'Allow BLIP to read the system clipboard when you push clips to the mesh buffer?',
+    'settings.projects_clipboard_on': 'Projects clipboard enabled',
+    'settings.projects_clipboard_off': 'Projects clipboard disabled',
     'group.menu_rename': 'Rename',
     'group.rename_prompt': 'Group name',
     'group.rename_hint': 'Click to rename',
@@ -577,6 +979,7 @@ const locales = {
     'group.avatar_title': 'Group avatar',
     'chat.title': 'CHAT',
     'chat.pick_peer': 'Open a peer from PEERS or dial an ID.',
+    'chat.open_failed': 'Could not open this chat. Try again.',
     'chat.no_active': 'No conversation selected.',
     'call.connected': 'ON CALL',
     'toast.new_message': 'NEW MESSAGE',
@@ -587,6 +990,7 @@ const locales = {
     'app.slogan': 'Ты в сети. Ты сигнал.',
     'grid.title': 'ВЫБЕРИ СВОЙ БЛИП АЙДИ',
     'grid.hint': 'Выбери свободный номер. 8×8. 1–64.',
+    'grid.hint_reserved': 'Выбери свободный номер. Закладки подсвечены (МЭШ ПЛЮС).',
     'grid.occupied': 'Занято',
     'grid.free': 'Свободно',
     'grid.yours': 'Твой',
@@ -595,7 +999,7 @@ const locales = {
     'dial.placeholder': '1–64',
     'dial.invalid_id': 'Этот номер недоступен. Допустимо 1–64.',
     'dial.stat_online': 'В сети',
-    'dial.stat_you': 'Твой ID',
+    'dial.stat_you': 'Твой АЙДИ',
     'dial.stat_mesh': 'Ячеек',
     'dial.call': 'ЗВОНОК',
     'dial.message': 'СООБЩЕНИЕ',
@@ -622,7 +1026,7 @@ const locales = {
     'call.remote_muted': 'МИК ВЫКЛ',
     'call.remote_deaf': 'ЗВУК ВЫКЛ',
     'call.end': 'СБРОС',
-    'call.window_title': 'BLIP — ЗВОНОК',
+    'call.window_title': 'БЛИП — ЗВОНОК',
     'call.signal_lost': 'СИГНАЛ ПОТЕРЯН',
     'call.signal_lost_hint': 'Абонент не найден. Проверь номер.',
     'chat.input_placeholder': 'Введи сообщение...',
@@ -662,7 +1066,7 @@ const locales = {
     'chat.file_too_big': 'Файл слишком большой (макс. 16 МБ).',
     'chat.file_too_big_dynamic': 'Файл слишком большой (макс. {limit}).',
     'chat.group_file_limit': 'В группе до 768 КБ (большие — в личный чат).',
-    'chat.group_file_chunked': 'Крупные файлы уходят каждому участнику по LAN (см. МЕШ ПЕРЕДАЧА).',
+    'chat.group_file_chunked': 'Крупные файлы уходят каждому участнику по ЛАН (см. МЕШ ПЕРЕДАЧА).',
     'chat.image_sent': '[IMG]',
     'chat.image_preview': '[IMG]',
     'chat.reply': 'Ответить',
@@ -672,12 +1076,23 @@ const locales = {
     'chat.reply_preview_video': 'Видео',
     'chat.reply_preview_file': 'Файл: {name}',
     'chat.reply_preview_youtube': 'ЮТУБ',
+    'chat.forward': 'Переслать',
+    'chat.forward_title': 'Переслать',
+    'chat.forwarded': 'Переслано',
+    'chat.forward_from': 'из',
+    'chat.forward_from_unknown': 'из неизвестного чата',
+    'chat.forward_sent': 'Сообщение переслано',
+    'chat.forward_no_peers': 'Нет онлайн-пиров для пересылки.',
+    'chat.forward_seed_unavail': 'Файл недоступен в меше.',
+    'chat.forward_seed_request': 'Открыть в МАЯК',
+    'chat.forward_seed_link': 'Отправить ссылку',
     'media.share': 'Поделиться',
     'media.download': 'Скачать',
     'media.close': 'Закрыть',
     'media.play': 'Пауза / играть',
     'media.rewind': '−10 сек',
     'media.forward': '+10 сек',
+    'media.volume': 'Громкость',
     'chat.delivered': 'Доставлено',
     'chat.read': 'Прочитано',
     'chat.react': 'Реакция',
@@ -686,7 +1101,7 @@ const locales = {
     'peers.offline': 'НЕ В СЕТИ',
     'peers.away': 'ОТОШЁЛ',
     'peers.busy': 'ЗАНЯТ',
-    'peers.handshake_ok': 'Меш Handshake подтверждён',
+    'peers.handshake_ok': 'Меш Хендшейк подтверждён',
     'peers.badge_hs': 'ХС',
     'peers.handshake_legacy': 'Старая версия — обновите до 0.5 Handshake',
     'peers.favorite': 'В избранное',
@@ -700,10 +1115,10 @@ const locales = {
       'Нажми на абонента в сети — откроется чат. ПКМ: метка Меш (локальное имя), пинг, копировать АЙДИ, избранное, блок. Офлайн приглушены.',
     'peers.typing': 'печатает…',
     'peers.pulse_ms': 'Пульс · {ms} мс',
-    'peers.pulse_pending': 'Пульс · замер…',
+    'peers.pulse_pending': 'Пульс · замер',
     'peers.pulse_offline': 'Пульс · не в сети',
     'peers.mesh_hint': 'ПКМ по абоненту → метка МЕШа: локальное имя (только у тебя).',
-    'peers.mesh_label': 'Метка МЕШа…',
+    'peers.mesh_label': 'Метка МЕШа',
     'peers.mesh_label_prompt': 'Метка МЕШа для БЛИП #{id} (пусто = убрать)',
     'peers.mesh_label_saved': 'Метка МЕШа сохранена',
     'peers.mesh_label_removed': 'Имя удалено',
@@ -714,8 +1129,25 @@ const locales = {
     'peers.ping_ok': 'Абонент доступен',
     'peers.ping_ok_body': 'Задержка {ms} мс',
     'peers.ping_fail': 'Пинг не прошёл',
-    'peers.copy_id': 'Копировать ID',
-    'peers.copy_id_done': 'ID скопирован',
+    'peers.profile': 'Профиль',
+    'peers.profile_title': 'Профиль',
+    'peers.profile_back': 'Назад',
+    'peers.profile_status': 'Статус',
+    'peers.profile_pulse': 'МЕШ ПУЛЬС',
+    'peers.profile_banner_future': 'Фон профиля — скоро',
+    'peers.profile_note_title': 'Заметка (видна только вам)',
+    'peers.profile_note_placeholder': 'Нажмите, чтобы добавить заметку',
+    'peers.profile_open': 'Открыть профиль',
+    'peers.profile_message': 'Сообщение',
+    'peers.profile_call': 'Звонок',
+    'peers.profile_block': 'Заблокировать',
+    'peers.profile_open_failed': 'Не удалось открыть профиль. Попробуйте ещё раз.',
+    'peers.profile_unblock': 'Разблокировать',
+    'peers.profile_mesh_label': 'Метка МЕШа',
+    'peers.profile_display_name': 'Имя в сети',
+    'peers.profile_latency': 'МЕШ ПУЛЬС · {ms} мс',
+    'peers.copy_id': 'Копировать АЙДИ',
+    'peers.copy_id_done': 'АЙДИ скопирован',
     'peers.block': 'Скрыть локально',
     'peers.unblock': 'Показать снова',
     'peers.block_done': 'Абонент скрыт на этом устройстве',
@@ -723,7 +1155,7 @@ const locales = {
     'peers.blocked_chat': 'Этот абонент заблокирован',
     'peers.all_blocked': 'Все абоненты скрыты локально.',
     'peers.trust_title': 'Доверять абоненту?',
-    'peers.trust_body': 'БЛИП #{id} в вашей LAN. Сообщения не уходят в интернет, но на сегменте возможна подмена АЙДИ. Доверять — открыть чат.',
+    'peers.trust_body': 'БЛИП #{id} в вашей ЛАН. Сообщения не уходят в интернет, но на сегменте возможна подмена АЙДИ. Доверять — открыть чат.',
     'peers.trust_confirm': 'Доверять и открыть',
     'group.create_menu': 'Создать группу',
     'group.create_title': 'СОЗДАТЬ ГРУППУ',
@@ -795,6 +1227,13 @@ const locales = {
     'voice.host_changed': 'Сменился хост голоса',
     'voice.rejoin_channel': 'Зайдите в голосовой канал снова',
     'voice.channel_name': 'Голос',
+    'voice.channel_general': 'Общий',
+    'voice.section_chats': 'Чаты',
+    'voice.section_voice': 'Голос',
+    'group.sidebar_members': '{n} участников',
+    'group.sidebar_menu': 'Меню группы',
+    'group.sidebar_menu_aria': 'Открыть меню группы',
+    'group.sidebar_back': 'Назад к чатам',
     'toast.update_checking': 'Проверка обновлений…',
     'toast.update_available': 'Доступно обновление',
     'toast.update_available_body': 'На GitHub есть v{v}.',
@@ -810,7 +1249,7 @@ const locales = {
     'settings.presence_busy': 'Занят',
     'settings.status_text': 'Статус',
     'settings.status_custom': 'Кастомный статус',
-    'settings.status_placeholder': 'В игре, AFK…',
+    'settings.status_placeholder': 'В игре, АФК…',
     'settings.status_presets': 'Быстрый статус',
     'settings.status_clear': 'Сброс',
     'settings.status_empty': 'Пусто',
@@ -819,19 +1258,22 @@ const locales = {
     'settings.status_code': 'Кодю',
     'settings.status_away_short': 'Отошёл',
     'settings.status_game': 'В игре',
-    'settings.status_afk': 'AFK',
+    'settings.status_afk': 'АФК',
     'settings.status_work': 'Работаю',
     'settings.name': 'Имя',
     'settings.name_placeholder': 'Введи имя...',
     'settings.id': 'Твой БЛИП АЙДИ',
-    'settings.change_id': 'Сменить ID',
+    'settings.change_id': 'Сменить АЙДИ',
     'settings.language': 'Язык',
     'settings.about_title': 'О приложении',
-    'settings.github': 'GitHub',
+    'settings.about_icon_open_appearance': 'Внешний вид → иконки приложения',
+    'settings.about_icon_change': 'Изменить иконку',
+    'settings.github': 'ГИТХАБ',
     'settings.appearance': 'Внешний вид и фон',
     'settings.appearance_theme': 'Тема',
     'settings.appearance_accent': 'Цветовой акцент',
     'settings.bg_animated': 'Анимированный фон',
+    'settings.bg_animated_mesh_hint': 'Сцены «Угли» и «Разлом» — только с МЭШ ПЛЮС.',
     'settings.bg_art': 'Арт-фон',
     'appearance.mode.light': 'Светлая',
     'appearance.mode.dark': 'Тёмная',
@@ -902,17 +1344,17 @@ const locales = {
     'settings.motion_hint': 'Анимацию фона можно отключить здесь или через системную настройку «уменьшить движение».',
     'settings.notifications_enable': 'Системное уведомление о новом сообщении',
     'settings.tray_title': 'Трей',
-    'settings.launch_at_login': 'Запускать BLIP при старте Windows',
+    'settings.launch_at_login': 'Запускать БЛИП при запуске системы',
     'settings.launch_at_login_hint': 'Приложение откроется автоматически после входа в систему.',
     'settings.close_to_tray': 'Оставаться в трее при закрытии окна',
     'settings.close_to_tray_hint':
-      'Меню в трее: «Показать» снова открывает BLIP; «Выход» останавливает сеть и полностью закрывает приложение.',
+      'Меню в трее: «Показать» снова открывает БЛИП; «Выход» останавливает сеть и полностью закрывает приложение.',
     'settings.avatar_title': 'Фото профиля',
     'settings.avatar_upload': 'Загрузить',
     'settings.avatar_remove': 'Сгенерированный аватар',
     'settings.avatar_regenerate': 'Новый аватар',
     'settings.avatar_hint':
-      'Загрузи квадратное фото или используй сгенерированный 8×8. Своя картинка рассылается онлайн-абонентам в LAN.',
+      'Загрузи квадратное фото или используй сгенерированный 8×8. Своя картинка рассылается онлайн-абонентам в ЛАН.',
     'settings.avatar_saved': 'Фото сохранено',
     'settings.avatar_failed': 'Не удалось сохранить фото',
     'settings.avatar_crop_title': 'Обрезка аватара',
@@ -924,6 +1366,142 @@ const locales = {
     'settings.avatar_error_decode': 'Не удалось прочитать изображение. Попробуй другой файл.',
     'settings.avatar_error_output': 'После обработки изображение всё ещё слишком большое.',
     'settings.section_profile': 'Профиль',
+    'settings.section_achievements': 'Достижения',
+    'settings.profile_editor_hint': 'Настрой профиль и смотри, как тебя видят в сети.',
+    'settings.profile_editor_title': 'Редактирование',
+    'settings.profile_preview_title': 'Как видят другие',
+    'settings.profile_gif_pick': 'Гифка статуса',
+    'settings.profile_gif_picker_title': 'Гифка в профиле',
+    'settings.profile_gif_tab_mine': 'Мои',
+    'settings.profile_gif_tab_online': 'ГИФИ',
+    'settings.profile_gif_upload': 'Загрузить ГИФ',
+    'settings.profile_gif_clear': 'Убрать гифку',
+    'settings.profile_gif_empty': 'Пока пусто — загрузи или выбери в ГИФИ.',
+    'settings.profile_gif_search': 'Поиск гифок…',
+    'settings.profile_gif_search_btn': 'Найти',
+    'settings.profile_gif_online_empty': 'Ничего не найдено.',
+    'settings.profile_gif_giphy_unavailable':
+      'Каталог гифок временно недоступен. Попробуй позже или загрузи свою.',
+    'settings.profile_gif_saved': 'Гифка статуса сохранена',
+    'settings.profile_gif_invalid': 'Выбери файл ГИФ.',
+    'settings.profile_gif_too_large': 'ГИФ слишком большой (макс. 8 МБ).',
+    'settings.profile_gif_save_failed': 'Не удалось сохранить ГИФ. Попробуй другой файл.',
+    'settings.profile_gif_crop_title': 'Гифка статуса',
+    'settings.section_mesh_plus': 'МЭШ ПЛЮС',
+    'mesh_plus.intro_hint':
+      'МЭШ ПЛЮС — бесплатная тестовая подписка от автора (опыт с лицензией). Ранний доступ к новым фичам; потом они станут бесплатными для всех. Кастомизация и бейдж в профиле. Ключ: blipteam@icloud.com',
+    'mesh_plus.status_label': 'Статус',
+    'mesh_plus.status_free': 'БЕСПЛАТНО',
+    'mesh_plus.status_mesh_plus': 'МЭШ ПЛЮС',
+    'mesh_plus.carousel_title': 'Что входит',
+    'mesh_plus.carousel_prev': '‹',
+    'mesh_plus.carousel_next': '›',
+    'mesh_plus.carousel_counter': '{n} / {total}',
+    'mesh_plus.carousel_dot': 'Слайд {n}',
+    'mesh_plus.activation_title': 'Активация',
+    'mesh_plus.key_label': 'Ключ активации',
+    'mesh_plus.key_placeholder': 'BLIP-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX',
+    'mesh_plus.activate': 'Активировать',
+    'mesh_plus.revoke_key': 'Удалить ключ',
+    'mesh_plus.no_key_hint': 'Нет ключа? Пиши на blipteam@icloud.com — ключи бесплатные.',
+    'mesh_plus.activation_hint': 'Вставь ключ BLIP ниже. Нет ключа? blipteam@icloud.com (бесплатно).',
+    'mesh_plus.inactive_hint': 'Вставь ключ и нажми «Активировать».',
+    'mesh_plus.active_ok': 'МЭШ ПЛЮС активен на этом устройстве.',
+    'mesh_plus.activate_ok': 'МЭШ ПЛЮС активирован.',
+    'mesh_plus.revoke_ok': 'Ключ удалён. Статус сброшен на «БЕСПЛАТНО».',
+    'mesh_plus.feature_locked': 'Нужен МЭШ ПЛЮС.',
+    'trust.about_official_client': 'Вы используете официальный клиент BLIP',
+    'trust.about_unofficial_client':
+      'Вы используете неофициальную сборку клиента (без подписи разработчика)',
+    'trust.unofficial_build_tooltip':
+      'Неофициальная сборка — не подписана разработчиком БЛИП',
+    'trust.unofficial_mesh_tooltip':
+      'Ключ МЭШ+ действует, но сборка клиента не подписана разработчиком — «неофициальный»',
+    'mesh_plus.trust_needs_official_build':
+      'Ключ рабочий. Фиолетовый стиль МЭШ ПЛЮС только в официальной подписанной сборке BLIP (не npm start / самосбор).',
+    'mesh_plus.sync_mismatch': 'Статус МЭШ ПЛЮС сброшен. Открой Настройки при необходимости.',
+    'mesh_plus.error_empty': 'Введи ключ.',
+    'mesh_plus.error_invalid_format': 'Неверный формат. Вставь полный ключ BLIP-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX',
+    'mesh_plus.error_invalid_signature': 'Ключ недействителен или отозван.',
+    'mesh_plus.error_invalid': 'Не удалось активировать. Проверь ключ.',
+    'mesh_plus.badge_label': 'МЭШ ПЛЮС',
+    'mesh_plus.badge_title': 'Подписчик МЭШ ПЛЮС',
+    'mesh_plus.slide_premium_bg': 'Премиум-сцены',
+    'mesh_plus.slide_premium_bg_desc': 'СРТ, глитч и живые частицы — только в МЭШ ПЛЮС.',
+    'mesh_plus.slide_sound': 'Эксклюзивные звуки',
+    'mesh_plus.slide_sound_desc': 'Отдельные ФХ и мелодии звонков для твоего меша.',
+    'mesh_plus.slide_relay': 'РЕЛЭЙ и мост',
+    'mesh_plus.slide_relay_desc': 'В планах: релэй и мост подсетей (пока только в карусели, не в сборке).',
+    'mesh_plus.slide_projects': 'Сигнал Корпс ПРО',
+    'mesh_plus.slide_projects_desc': 'Канбан, холст (кисть и заливка), снимки блокнота с восстановлением.',
+    'mesh_plus.slide_clipboard': 'КЛИПБОАРД (доска)',
+    'mesh_plus.slide_clipboard_desc': 'До 500 записей по ЛАН и поиск (включите буфер в Настройки → Сеть).',
+    'mesh_plus.slide_gif': 'Гифка статуса',
+    'mesh_plus.slide_gif_desc': 'Анимированное облако в карточке профиля — только МЭШ ПЛЮС.',
+    'mesh_plus.slide_theme': 'Редактор темы',
+    'mesh_plus.slide_theme_desc': 'Свой акцент #RRGGBB поверх пресетов — только МЭШ ПЛЮС.',
+    'mesh_plus.slide_icons': 'Иконки mesh-1…6',
+    'mesh_plus.slide_icons_desc': 'Шесть премиум-иконок в Настройки → Внешний вид.',
+    'mesh_plus.slide_export': 'Экспорт чата',
+    'mesh_plus.slide_export_desc': 'PDF/HTML переписки с цветами вашей темы БЛИП.',
+    'mesh_plus.identity_title': 'Идентичность в меше',
+    'mesh_plus.identity_hint': 'Как тебя видят в локальной сети.',
+    'mesh_plus.id_color_label': 'Цвет БЛИП АЙДИ',
+    'mesh_plus.id_color_hint': 'Оттенок в списке абонентов (hex).',
+    'mesh_plus.id_color_apply': 'Применить',
+    'mesh_plus.id_color_clear': 'Сбросить',
+    'mesh_plus.status_icon_label': 'Иконка статуса',
+    'mesh_plus.status_icon_hint': 'Символ рядом с пульсом для других.',
+    'mesh_plus.status_icon_none': 'Нет',
+    'mesh_plus.status_icon_game': 'Игра',
+    'mesh_plus.status_icon_code': 'Код',
+    'mesh_plus.status_icon_stream': 'Стрим',
+    'mesh_plus.status_icon_listen': 'Музыка',
+    'mesh_plus.status_icon_work': 'Работа',
+    'mesh_plus.status_icon_afk': 'Отошёл',
+    'mesh_plus.id_reserve_label': 'Закладки АЙДИ',
+    'mesh_plus.id_reserve_hint': 'До 8 номеров на сетке смены АЙДИ.',
+    'mesh_plus.id_reserve_add': 'Закладка текущего АЙДИ',
+    'mesh_plus.id_reserve_empty': 'Закладок пока нет.',
+    'mesh_plus.stats_title': 'Статистика сессии',
+    'mesh_plus.stats_locked': 'Активируй МЭШ ПЛЮС для статистики и достижений.',
+    'mesh_plus.stats_summary':
+      'Онлайн {hours} · {messages} сообщ. · {files} файлов · {calls} звонков · пик {peers} в сети',
+    'mesh_plus.ach_first_peer': 'Первый контакт',
+    'mesh_plus.ach_first_peer_desc': 'Хотя бы один абонент онлайн за сессию.',
+    'mesh_plus.ach_mesh_5': 'Полный меш',
+    'mesh_plus.ach_mesh_5_desc': 'Пять абонентов онлайн одновременно.',
+    'mesh_plus.ach_messages_50': 'Болтун',
+    'mesh_plus.ach_messages_50_desc': '50 сообщений за сессию.',
+    'mesh_plus.ach_messages_100': 'Оператор сигнала',
+    'mesh_plus.ach_messages_100_desc': '100 сообщений за сессию.',
+    'mesh_plus.ach_first_call': 'На связи',
+    'mesh_plus.ach_first_call_desc': 'Начать голосовой звонок.',
+    'mesh_plus.ach_first_file': 'Груз 200',
+    'mesh_plus.ach_first_file_desc': 'Отправить файл по сети.',
+    'mesh_plus.ach_online_1h': 'Длинная смена',
+    'mesh_plus.ach_online_1h_desc': 'Час в БЛИПе за эту сессию.',
+    'settings.app_icon_free_title': 'Иконка приложения',
+    'settings.app_icon_free_hint': 'Трей, окно и «О приложении». Ярлык в меню «Пуск» обновится после переустановки.',
+    'settings.app_icon_mesh_title': 'Иконки МЭШ ПЛЮС',
+    'settings.app_icon_mesh_hint': 'Шесть премиум-иконок — нужна подписка МЭШ ПЛЮС.',
+    'settings.app_icon_main': 'Основная',
+    'settings.app_icon_dop': 'Доп. {n}',
+    'settings.app_icon_mesh': 'Мэш {n}',
+    'settings.app_icon_mesh_locked': 'Эта иконка доступна с МЭШ ПЛЮС.',
+    'settings.app_icon_applied': 'Иконка приложения обновлена.',
+    'settings.app_icon_preview_hint': 'ПКМ по иконке — увеличить',
+    'settings.dev_clear_mesh_plus': 'Удалить подписку',
+    'settings.dev_clear_mesh_plus_ok': 'Подписка МЭШ ПЛЮС сброшена.',
+    'settings.dev_clear_mesh_plus_none': 'Сейчас подписки МЭШ ПЛЮС нет.',
+    'settings.dev_clear_mesh_plus_fail': 'Не удалось сбросить подписку.',
+    'settings.dev_factory_reset': 'Сбросить до заводских настроек',
+    'settings.dev_factory_reset_hint':
+      'Сброс АЙДИ, чатов, групп, достижений, аватаров, GIF, МЭШ ПЛЮС и настроек — затем экран выбора номера.',
+    'settings.dev_factory_reset_confirm':
+      'Сбросить BLIP до заводских настроек? Все локальные данные на этом устройстве будут удалены. Нужно будет выбрать новый BLIP ID.',
+    'settings.dev_factory_reset_ok': 'Сброс выполнен. Выбери свой BLIP ID.',
+    'settings.dev_factory_reset_fail': 'Не удалось выполнить сброс.',
     'settings.section_language': 'Язык',
     'settings.section_notifications': 'Уведомления',
     'settings.section_privacy': 'Конфиденциальность',
@@ -933,8 +1511,14 @@ const locales = {
     'settings.notifications_calls': 'Входящий звонок',
     'settings.notifications_dnd': 'Не беспокоить',
     'settings.notifications_dnd_hint': 'Отключает звуки интерфейса и уведомления о сообщениях и звонках.',
-    'settings.copy_id': 'Копировать ID',
-    'settings.changelog': 'Changelog',
+    'settings.toast_duration': 'Длительность тостов',
+    'settings.bandwidth_title': 'Пропускная способность',
+    'settings.bandwidth_hint': 'Скорость LAN (МАЯК + файлы), последние 60 секунд.',
+    'settings.bandwidth_chart': 'График скорости',
+    'settings.bandwidth_down': 'Загрузка',
+    'settings.bandwidth_up': 'Отдача',
+    'settings.copy_id': 'Копировать АЙДИ',
+    'settings.changelog': 'ЧТО НОВОГО',
     'settings.shortcuts_main_scope': 'Главное окно',
     'settings.shortcuts_nav_dial': 'Набор',
     'settings.shortcuts_nav_peers': 'Абоненты',
@@ -944,14 +1528,20 @@ const locales = {
     'settings.shortcuts_chat_search': 'Поиск в чате',
     'settings.section_sound': 'Звук',
     'settings.sound_enable': 'Звуки интерфейса',
+    'settings.typing_sound': 'Звук печати (локально)',
+    'settings.ui_compact': 'Компактный режим',
+    'settings.ui_font_scale': 'Размер шрифта UI',
+    'settings.chat_font_scale': 'Размер шрифта чата',
+    'settings.idle_away_minutes': 'Авто «Отошёл» через (мин, 0 = выкл)',
     'settings.sound_volume': 'Громкость',
     'settings.sound_pack': 'Набор звуков',
+    'settings.sound_mesh_plus_hint': 'ПРОВОД и СТАТИК, мелодии МАЯК и ПЕРЕЗВОН — только с МЭШ ПЛЮС.',
     'settings.sound_pack_signal': 'СИГНАЛ',
     'settings.sound_pack_pulse': 'ПУЛЬС',
     'settings.sound_pack_wire': 'ПРОВОД',
     'settings.sound_pack_static': 'СТАТИК',
     'settings.melody_pack': 'Мелодии звонка',
-    'settings.melody_pack_mesh': 'MESH',
+    'settings.melody_pack_mesh': 'МЕШ',
     'settings.melody_pack_grid': 'СЕТКА',
     'settings.melody_pack_beacon': 'МАЯК',
     'settings.melody_pack_chime': 'ПЕРЕЗВОН',
@@ -973,6 +1563,67 @@ const locales = {
     'settings.section_call': 'Звонок',
     'settings.section_transfer': 'Файлы',
     'settings.section_network': 'Сеть',
+    'settings.network_stats_title': 'Статистика сессии',
+    'settings.network_stats_hint': 'Счётчики текущей сессии БЛИП (локально).',
+    'settings.network_stats_summary':
+      'Онлайн {hours} · {messages} сообщ. · {files} файлов · {calls} звонков · пик {peers} в сети',
+    'settings.network_stats_chart': 'Столбцы активности',
+    'settings.network_stats_bar_messages': 'Сообщения',
+    'settings.network_stats_bar_files': 'Файлы',
+    'settings.network_stats_bar_calls': 'Звонки',
+    'settings.network_stats_bar_peers': 'Пик в сети',
+    'settings.network_stats_bar_minutes': 'Минут онлайн',
+    'achievements.hint': 'Опциональные цели сессии — карточки в стиле стима. По умолчанию выкл.',
+    'achievements.enabled_label': 'Учёт достижений',
+    'achievements.enabled_hint': 'Если выкл. — прогресс не сохраняется, тосты скрыты.',
+    'achievements.enabled': 'Включить достижения',
+    'achievements.notify_label': 'Уведомления',
+    'achievements.notify_hint': 'Тост при получении достижения.',
+    'achievements.notify': 'Уведомлять о разблокировке',
+    'achievements.icon_placeholder': 'Слот иконки — укажи путь в achievements.js',
+    'achievements.icon_unlock_to_see': 'Сначала получите достижение, чтобы увидеть иконку.',
+    'achievements.reset': 'Сбросить разблокировки',
+    'achievements.reset_confirm': 'Сбросить все достижения на этом устройстве?',
+    'achievements.reset_ok': 'Прогресс достижений сброшен.',
+    'achievements.section_unlocked': 'Выполненные',
+    'achievements.section_locked': 'Невыполненные',
+    'achievements.section_unlocked_empty': 'Пока нет выполненных достижений.',
+    'achievements.section_locked_empty': 'Все достижения выполнены.',
+    'achievements.unlocked_title': 'Достижение получено',
+    'achievements.code_first_peer': '1+ абонент онлайн',
+    'achievements.code_mesh_5': '5 абонентов сразу',
+    'achievements.code_messages_50': '50 сообщений',
+    'achievements.code_messages_100': '100 сообщений',
+    'achievements.code_first_call': 'Первый звонок',
+    'achievements.code_first_file': 'Первый файл',
+    'achievements.code_online_1h': 'Час в приложении',
+    'achievements.code_mesh_plus': 'Подписка МЭШ ПЛЮС',
+    'achievements.code_beta_tester': 'Канал бета-релизов',
+    'achievements.code_unofficial_build': 'Неофициальная сборка',
+    'achievements.first_peer': 'Первый в сети',
+    'achievements.first_peer_desc': 'Хотя бы один контакт онлайн за эту сессию.',
+    'achievements.mesh_5': 'Пятеро в сети',
+    'achievements.mesh_5_desc': 'Пять контактов онлайн одновременно.',
+    'achievements.messages_50': 'Болтун',
+    'achievements.messages_50_desc': 'Отправь 50 сообщений за одну сессию.',
+    'achievements.messages_100': 'Оператор эфира',
+    'achievements.messages_100_desc': 'Отправь 100 сообщений за одну сессию.',
+    'achievements.first_call': 'На связи',
+    'achievements.first_call_desc': 'Начни первый голосовой звонок.',
+    'achievements.first_file': 'Первая передача',
+    'achievements.first_file_desc': 'Отправь файл по сети БЛИП.',
+    'achievements.online_1h': 'Длинная смена',
+    'achievements.online_1h_desc': 'Проведи в БЛИПе один час за эту сессию.',
+    'achievements.mesh_plus_active': 'МЭШ ПЛЮС активирован',
+    'achievements.mesh_plus_active_desc': 'Активируй подписку МЭШ+ на этом устройстве.',
+    'achievements.beta_tester': 'Бета-тестер',
+    'achievements.beta_tester_desc':
+      'Включи «Получать бета-релизы» в Настройки → Разработчик.',
+    'achievements.unofficial_build': 'Самосбор',
+    'achievements.unofficial_build_desc':
+      'Запусти клиент без официальной подписи сборки (npm start или своя сборка).',
+    'chat.export_pdf_themed': 'Экспорт PDF (тема BLIP)',
+    'chat.export_html_themed': 'Экспорт HTML (тема BLIP)',
     'settings.group_account': 'Аккаунт',
     'settings.group_connect': 'Связь',
     'settings.group_media': 'Медиа',
@@ -980,19 +1631,19 @@ const locales = {
     'settings.jump_section': 'Раздел',
     'settings.file_limit': 'Макс. размер файла',
     'settings.file_limit_option': '{gb} ГБ',
-    'settings.transfer_hint': 'Передача файлов по LAN mesh. Крупные файлы — по частям (TCP).',
+    'settings.transfer_hint': 'Передача файлов по ЛАН МЕШ. Крупные файлы — по частям ТСР).',
     'settings.file_speed': 'Скорость передачи',
-    'settings.file_speed_hint': 'Медленный режим снижает нагрузку на mesh во время звонка.',
+    'settings.file_speed_hint': 'Медленный режим снижает нагрузку на меш во время звонка.',
     'settings.file_speed_fast': 'Быстро',
     'settings.file_speed_normal': 'Обычно',
     'settings.file_speed_slow': 'Медленно (для звонка)',
     'settings.stream_quality': 'Качество трансляции',
     'settings.stream_quality_low': 'Низкое · 480p',
     'settings.stream_quality_hd': 'HD · 720p',
-    'settings.stream_quality_fhd': 'Full HD · 1080p',
-    'settings.stream_quality_max': 'Макс · 1080p 60fps',
+    'settings.stream_quality_fhd': 'ФУЛЛ ХД · 1080p',
+    'settings.stream_quality_max': 'МАКС · 1080p 60ФПС',
     'settings.stream_quality_qhd': 'QHD · 1440p',
-    'settings.stream_quality_uhd': '4K · UHD',
+    'settings.stream_quality_uhd': '4K · УЛЬТРА ХД',
     'settings.fullscreen_quality': 'Разрешение полного экрана',
     'emoji.cat_smileys': 'Смайлы',
     'emoji.cat_people': 'Люди',
@@ -1006,16 +1657,22 @@ const locales = {
     'transfer.hub_in': '↓ от #{id}',
     'transfer.hub_out': '↑ к #{id}',
     'transfer.hub_cancel': 'Отмена',
+    'transfer.hub_dismiss': 'Закрыть',
+    'transfer.hub_clear': 'Закрыть все передачи',
+    'transfer.hub_active': 'Активные',
+    'transfer.hub_completed': 'Завершённые',
+    'transfer.hub_done': 'Готово',
+    'transfer.hub_open_folder': 'Открыть папку',
     'chat.file_cancelled': 'Передача отменена',
-    'clipboard.mode': 'Буфер LAN',
+    'clipboard.mode': 'Буфер ЛАН',
     'clipboard.mode_off': 'Выкл',
     'clipboard.mode_active': 'Только открытый чат',
     'clipboard.mode_trusted': 'Доверенные абоненты',
     'clipboard.hint':
-      'Синхронизация буфера по LAN: скопировал у себя — абонент в открытом личном чате мгновенно получает текст (до 32 КБ). Без облака. Выкл = отключено; Активно = только пока чат открыт. Только в сетях, которым доверяешь.',
+      'Синхронизация буфера по ЛАН: скопировал у себя — абонент в открытом личном чате мгновенно получает текст (до 32 КБ). Без облака. Выкл = отключено; Активно = только пока чат открыт. Только в сетях, которым доверяешь.',
     'clipboard.received': 'Буфер от #{id}',
     'settings.call_hint':
-      'Качество трансляции — разрешение захвата и битрейт по LAN (выше = чётче, больше нагрузка). Разрешение fullscreen — цель в режиме театра (клавиша F).',
+      'Качество трансляции — разрешение захвата и битрейт по ЛАН (выше = чётче, больше нагрузка). Разрешение полноэкранное — цель в режиме театра (клавиша F).',
     'settings.noise_suppression': 'Шумоподавление (микрофон)',
     'settings.call_mic': 'Микрофон',
     'settings.call_mic_default': 'По умолчанию',
@@ -1031,7 +1688,7 @@ const locales = {
     'settings.network_peers': 'Абоненты',
     'settings.network_peers_value': '{online} в сети · {total} известно',
     'settings.network_env_hint': 'Порты можно переопределить переменными BLIP_TCP_PORT и BLIP_UDP_PORT.',
-    'settings.network_log': 'Журнал активности Mesh',
+    'settings.network_log': 'Журнал активности мэш',
     'settings.network_log_empty': 'Событий пока нет.',
     'settings.network_log_clear': 'Очистить журнал',
     'settings.network_unavailable': 'Сведения о сети недоступны.',
@@ -1082,20 +1739,117 @@ const locales = {
     'settings.dev_beta_updates': 'Получать БЕТА-релизы',
     'settings.dev_beta_on': 'БЕТА-обновления включены',
     'settings.dev_beta_off': 'Только стабильные релизы',
-    'settings.dev_mesh_trace': 'Трассировка mesh-пакетов',
-    'settings.dev_mesh_trace_hint': 'Писать тип каждого TCP-кадра в Сеть → журнал.',
+    'settings.dev_mesh_trace': 'Трассировка мэш-пакетов',
+    'settings.dev_mesh_trace_hint': 'Писать тип каждого ТСР-кадра в Сеть → журнал.',
     'settings.dev_mesh_trace_on': 'Трассировка включена',
     'settings.dev_mesh_trace_off': 'Трассировка выключена',
+    'settings.dev_beacon': 'Протокол МАЯК',
+    'settings.dev_beacon_hint': 'Библиотека файлов в ЛАН: announce, параллельные сиды. Интерфейс — в главном меню.',
+    'settings.dev_beacon_on': 'Протокол МАЯК включён',
+    'settings.dev_beacon_off': 'Протокол МАЯК выключен',
+    'beacon.title': 'МАЯК',
+    'beacon.hint': 'Публикуй файлы в LAN или качай у пиров. После полной загрузки ты тоже становишься сидом.',
+    'beacon.empty': 'В сети пока нет сидов. Опубликуй файл, чтобы начать.',
+    'beacon.empty_mine': 'Локальных сидов пока нет.',
+    'beacon.seeders': 'сидов',
+    'beacon.publish': 'Опубликовать файл',
+    'beacon.download': 'Скачать',
+    'beacon.save': 'Сохранить как…',
+    'beacon.publishing': 'Публикация',
+    'beacon.downloading': 'Загрузка',
+    'beacon.published': 'Опубликовано в меш',
+    'beacon.saved': 'Файл сохранён',
+    'beacon.failed': 'Ошибка МАЯК',
+    'beacon.err_not_readable':
+      'Не удалось прочитать файл с диска. Закройте программы, которые его используют, и выберите файл через «Опубликовать» (не перетаскивайте из открытого ZIP).',
+    'beacon.err_no_path':
+      'Файл слишком большой для загрузки через браузерный API. Нажмите «Опубликовать файл» и укажите путь на диске.',
+    'beacon.err_too_large': 'Файл больше лимита в Настройки → Сеть.',
+    'beacon.mine': 'Мой сид',
+    'beacon.tab_mesh': 'В сети',
+    'beacon.tab_mine': 'Мои сиды',
+    'beacon.tab_downloads': 'Загрузки',
+    'beacon.stat_down': '↓ 0 Б/с',
+    'beacon.stat_up': '↑ 0 Б/с',
+    'beacon.stat_seeds': '0 сидов',
+    'beacon.stat_peers': '0 пиров',
+    'beacon.pause_all': 'Пауза всем',
+    'beacon.clear_done': 'Очистить готовые',
+    'beacon.search_ph': 'Поиск…',
+    'beacon.drop_hint': 'Перетащи файл в меш',
+    'beacon.empty_downloads': 'Нет активных передач.',
+    'beacon.hero_tag': 'Файловая библиотека LAN',
+    'beacon.hero_lead': 'Опубликуй — пиры качают параллельно. Редкие чанки первыми.',
+    'beacon.col_name': 'Имя',
+    'beacon.col_size': 'Размер',
+    'beacon.col_progress': 'Прогресс',
+    'beacon.col_seeders': 'Сиды',
+    'beacon.col_status': 'Статус',
+    'beacon.col_actions': 'Действия',
+    'beacon.status_hashing': 'Хеш…',
+    'beacon.status_publishing': 'Публикация',
+    'beacon.status_downloading': 'Загрузка',
+    'beacon.status_seeding': 'Раздаёт',
+    'beacon.status_stopped': 'Остановлено',
+    'beacon.resume_seed': 'Возобновить раздачу',
+    'beacon.status_available': 'Доступен',
+    'beacon.soon_downloads': 'Очередь загрузок — в одной из следующих сборок 1.1.',
+    'beacon.soon_feature': 'Появится в одной из следующих сборок 1.1.',
+    'beacon.soon_stop': 'Не удалось остановить раздачу.',
+    'beacon.soon_drop': 'Публикация перетаскиванием — скоро.',
+    'beacon.stat_down_label': 'Загрузка',
+    'beacon.stat_up_label': 'Отдача',
+    'beacon.stat_mesh_label': 'В сети',
+    'beacon.stat_mine_label': 'Мои сиды',
+    'beacon.stat_seeders_label': 'Сидов',
+    'beacon.stat_active_label': 'Активно',
+    'beacon.panel_transfer': 'Передача',
+    'beacon.panel_seeding': 'Раздача',
+    'beacon.panel_filters': 'Фильтры',
+    'beacon.slider_peers': 'Параллельные пиры',
+    'beacon.slider_up_cap': 'Лимит отдачи %',
+    'beacon.pause': 'Пауза',
+    'beacon.resume': 'Продолжить',
+    'beacon.stop': 'Стоп',
+    'beacon.stop_all': 'Остановить всё',
+    'beacon.paused_all': 'Все сиды на паузе',
+    'beacon.resumed_all': 'Раздача возобновлена',
+    'beacon.refresh': 'Обновить меш',
+    'beacon.add_folder': 'Добавить папку',
+    'beacon.copy_link': 'Копировать ссылку',
+    'beacon.link_copied': 'Ссылка скопирована',
+    'beacon.share_chat': 'В чат',
+    'beacon.delete': 'Удалить локально',
+    'beacon.delete_confirm': 'Удалить локальные данные «{name}»? Файлы на диске будут удалены.',
+    'beacon.deleted': 'Локальный сид удалён',
+    'beacon.copy_failed': 'Не удалось скопировать',
+    'beacon.save_blip_file': 'Сохранить .blip',
+    'beacon.open_blip_file': 'Открыть .blip',
+    'beacon.blip_saved': 'Файл .blip сохранён',
+    'beacon.blip_opened': 'Открытие в МАЯК',
+    'beacon.blip_invalid': 'Неверный файл .blip',
+    'beacon.actions_menu': 'Действия',
+    'beacon.col_menu': '',
+    'beacon.sort_name': 'По имени',
+    'beacon.status_paused': 'Пауза',
     'settings.dev_export': 'Экспорт диагностики',
     'settings.dev_export_done': 'Диагностика скопирована в буфер',
     'settings.dev_export_fail': 'Не удалось скопировать',
     'settings.pick_section_hint': 'Чтобы перейти, выберите раздел в списке слева.',
-    'settings.system_na': 'Эти настройки пока только для Windows.',
+    'settings.nav_group_account': 'Аккаунт',
+    'settings.nav_group_app': 'Приложение',
+    'settings.nav_group_connection': 'Сеть',
+    'settings.nav_group_system': 'Система',
+    'settings.dev_panel_hint': 'Бета-флаги и внутренние инструменты — для обычной работы не нужны.',
+    'settings.dev_projects_callout': 'Сигнал Корпс (Проекты)',
+    'settings.system_na': 'Эти настройки пока только для виндвос.',
     'settings.updates_check': 'Проверить',
     'settings.updates_install': 'Перезапуск с обновлением',
     'settings.updates_releases': 'Релизы',
     'settings.release_pre': 'pre',
     'settings.updates_dev_only': 'В этой сборке недоступно.',
+    'settings.updates_portable_only':
+      'Portable-сборка: скачайте новый Setup в Releases и установите поверх этой папки.',
     'settings.updates_status_idle': '—',
     'settings.updates_status_checking': 'Проверка…',
     'settings.updates_status_latest': 'Актуальная версия',
@@ -1105,10 +1859,12 @@ const locales = {
     'settings.updates_status_error': 'Ошибка: {m}',
     'settings.updates_status_stale_release':
       'Устаревший кэш обновлений очищен. Проверяем стабильный канал…',
+    'settings.updates_status_unsigned':
+      'Установщик без кодовой подписи (так и задумано). Нажми «Релизы», скачай и запусти Setup один раз — дальше автообновление сработает.',
     'settings.updates_recent': 'Последние релизы',
-    'settings.updates_releases_error': 'Не удалось загрузить релизы с GitHub.',
-    'settings.updates_open_release': 'Открыть на GitHub',
-    'error.id_taken': 'ID ЗАНЯТ',
+    'settings.updates_releases_error': 'Не удалось загрузить релизы с гитхаба.',
+    'settings.updates_open_release': 'Открыть на гитхаб',
+    'error.id_taken': 'АЙДИ ЗАНЯТ',
     'error.id_taken_hint': 'Этот номер уже используется. Выбери другой.',
     'error.connection_failed': 'ОШИБКА ПОДКЛЮЧЕНИЯ',
     'status.connected': 'ПОДКЛЮЧЕН',
@@ -1116,14 +1872,27 @@ const locales = {
     'status.mesh_line': 'БЛИП #{id} · {ip} · {online} в сети',
     'nav.dial': 'ГЛАВНАЯ',
     'nav.chat': 'ЧАТ',
+    'nav.beacon': 'МАЯК',
+    'nav.beacon_beta': 'БЕТА',
     'nav.peers': 'АБОНЕНТЫ',
     'nav.projects': 'ПРОЕКТЫ',
     'nav.settings': 'НАСТРОЙКИ',
     'projects.hub_title': 'ПРОЕКТЫ',
     'projects.hub_hint':
-      'Сигнал Корпс — главная фича BLIP для разработчиков в МЕШе (без групп). Общий блокнот синхронизируется с онлайн-абонентами по ЛАН. Скоро: канбан, пиксель-холст, буфер с историей (20 записей). Включите в Настройки → Разработчик → Проекты (по умолчанию выкл).',
+      'Сигнал Корпс — блокнот, канбан, холст и буфер по ЛАН в МЕШе. Включите в Настройки → Разработчик → Проекты; буфер — в Настройки → Сеть (по умолчанию выкл.).',
     'projects.tool_soon': 'В разработке — появится в следующих версиях Сигнал Корпс.',
+    'projects.mesh_plus_required': 'ДОСКА и ХОЛСТ — инструменты МЭШ ПЛЮС. Активация в Настройки → МЭШ ПЛЮС.',
+    'projects.pad_history_title': 'История блокнота',
+    'projects.pad_history_save': 'Сохранить снимок',
+    'projects.pad_history_restore': 'Восстановлено',
+    'projects.pad_history_manual': 'Ручной снимок',
+    'projects.pad_history_hint':
+      'Пока пусто — пиши в блокноте или нажми «Сохранить снимок».',
     'projects.sidebar_title': 'инструменты',
+    'projects.mesh_online': 'В сети: {n}',
+    'projects.mesh_online_empty': 'Никого онлайн — синхронизация начнётся, когда появится абонент.',
+    'projects.tier_legend': 'Серые инструменты — по подписке МЭШ ПЛЮС.',
+    'projects.open_mesh_plus': 'Открыть МЭШ ПЛЮС',
     'projects.tool_pad': 'БЛОКНОТ',
     'projects.tool_board': 'ДОСКА',
     'projects.tool_canvas': 'ХОЛСТ',
@@ -1131,21 +1900,57 @@ const locales = {
     'projects.pad_synced': 'синхронизировано · {ms}мс',
     'projects.pad_editing': 'пир #{id} пишет',
     'projects.pad_idle': 'готово',
-    'projects.board_todo': 'TODO',
+    'projects.board_todo': 'НАДО',
     'projects.board_progress': 'В РАБОТЕ',
     'projects.board_done': 'ГОТОВО',
-    'projects.board_card_prompt': 'Текст задачи',
+    'projects.board_card_prompt': 'Новая карточка',
+    'projects.board_card_placeholder': 'Текст задачи…',
+    'projects.board_add_card': 'Добавить',
+    'projects.board_card_delete': 'Удалить карточку',
+    'projects.board_card_delete_confirm': 'Удалить эту карточку с доски?',
+    'projects.board_move_progress': 'В работе',
+    'projects.board_move_done': 'Готово',
+    'projects.board_move_todo': 'В «Надо»',
     'projects.board_cards': '{n} карточек',
+    'projects.pad_history_delete': 'Удалить снимок',
+    'projects.pad_history_delete_confirm': 'Удалить этот снимок из истории блокнота?',
+    'projects.clipboard_disabled': 'Включите буфер в Настройки → Сеть.',
+    'projects.clip_copy': 'Копировать в буфер ОС',
+    'projects.clip_delete': 'Удалить запись',
+    'projects.canvas_tool_brush': 'Кисть',
+    'projects.canvas_tool_bucket': 'Заливка',
+    'projects.canvas_tool_eraser': 'Ластик',
+    'projects.canvas_custom_color': 'Свой цвет',
     'projects.canvas_active': '32×16 · #{id} рисует',
     'projects.canvas_size': 'сетка 32×16',
-    'projects.clip_count': '{n} записей · pull-модель',
-    'projects.clip_pull': 'PULL',
+    'projects.clip_count': '{n} записей',
+    'projects.clip_pull': 'Загрузить',
     'projects.clip_push': 'В БУФЕР',
+    'projects.clip_search': 'Поиск в буфере…',
+    'projects.clip_count_limit': '{n} / {max} записей',
+    'projects.clip_count_search': '{n} показано · всего {total}',
+    'projects.clip_free_limit_hint': 'БЕСПЛАТНО: до {max} записей. МЭШ ПЛЮС — больше и поиск.',
+    'appearance.custom_accent': 'Свой акцент',
+    'appearance.custom_accent_mesh_hint': 'Любой цвет #RRGGBB — только МЭШ ПЛЮС. После сброса — пресеты выше.',
+    'appearance.custom_accent_placeholder': '#00ffc8',
+    'appearance.custom_accent_apply': 'Применить',
+    'appearance.custom_accent_clear': 'Сбросить',
     'settings.dev_projects': 'Раздел «Проекты»',
     'settings.dev_projects_on': 'Проекты включены',
     'settings.dev_projects_off': 'Проекты скрыты',
     'settings.dev_projects_hint':
-      'Сигнал Корпс — главная фича BLIP для разработчиков. Пункт ПРОЕКТЫ: ✦ Блокнот работает; ▦ ◻ ⧉ скоро. Синхронизация по МЕШу на ЛАН. По умолчанию выкл.',
+      'Сигнал Корпс — общий блокнот, доска и холст по ЛАН. По умолчанию выкл.; включите, чтобы показать ПРОЕКТЫ в меню.',
+    'settings.dev_groups': 'Группы (конференции)',
+    'settings.dev_groups_hint':
+      'Бета: групповые чаты нестабильны. По умолчанию выкл. — создать группу нельзя. Вкл. возвращает пункт меню.',
+    'settings.dev_groups_on': 'Группы (бета) включены',
+    'settings.dev_groups_off': 'Группы скрыты',
+    'settings.projects_clipboard': 'Буфер Сигнал Корпс',
+    'settings.projects_clipboard_hint': 'Общая история буфера в ПРОЕКТЫ → Буфер. По умолчанию выкл.',
+    'settings.projects_clipboard_enable_confirm':
+      'Разрешить БЛИП читать системный буфер при отправке записей в общий буфер меша?',
+    'settings.projects_clipboard_on': 'Буфер проектов включён',
+    'settings.projects_clipboard_off': 'Буфер проектов выключен',
     'group.menu_rename': 'Переименовать',
     'group.rename_prompt': 'Название группы',
     'group.rename_hint': 'Нажмите, чтобы переименовать',
@@ -1153,12 +1958,13 @@ const locales = {
     'group.unstable_title': 'Группы (бета)',
     'group.unstable_short': 'Группы могут работать нестабильно',
     'group.unstable_body':
-      'Сейчас группы работают нестабильно, ведутся работы над ними. Сообщите о багах в репозитории проекта на GitHub.',
+      'Сейчас группы работают нестабильно, ведутся работы над ними. Сообщите о багах в репозитории проекта на гитхабе.',
     'group.unstable_ok': 'ПОНЯТНО',
     'group.avatar_change': 'Сменить аватар группы',
     'group.avatar_title': 'Аватар группы',
     'chat.title': 'ЧАТ',
-    'chat.pick_peer': 'Выбери абонента в АБОНЕНТЫ или набери ID.',
+    'chat.pick_peer': 'Выбери абонента в АБОНЕНТЫ или набери АЙДИ.',
+    'chat.open_failed': 'Не удалось открыть чат. Попробуйте ещё раз.',
     'chat.no_chats': 'Нет чатов',
     'chat.no_active': 'Чат не выбран.',
     'call.connected': 'НА СВЯЗИ',
@@ -1203,4 +2009,8 @@ export function applyI18n(root = document) {
     const key = el.dataset.i18nPlaceholder;
     if (key) el.placeholder = t(key);
   });
+  root.querySelectorAll('[data-i18n-title]').forEach((el) => {
+    const key = el.dataset.i18nTitle;
+    if (key) el.title = t(key);
+  });
 }
diff --git a/renderer/idle-away.js b/renderer/idle-away.js
new file mode 100644
index 0000000..f18d8ed
--- /dev/null
+++ b/renderer/idle-away.js
@@ -0,0 +1,61 @@
+/** Auto away after idle (#29) — manual busy/away wins over idle timer. */
+
+let lastActivity = Date.now();
+let pollTimer = null;
+let getConfigRef = () => ({});
+let saveConfigRef = async () => ({});
+
+function bumpActivity() {
+  lastActivity = Date.now();
+  const cfg = getConfigRef();
+  if (cfg?.idleAwayActive) {
+    void saveConfigRef({ idleAwayActive: false });
+  }
+}
+
+function bindActivity() {
+  const opts = { passive: true };
+  for (const ev of ['mousemove', 'mousedown', 'keydown', 'wheel', 'touchstart', 'focusin']) {
+    window.addEventListener(ev, bumpActivity, opts);
+  }
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible') bumpActivity();
+  });
+}
+
+async function pollIdle() {
+  const cfg = getConfigRef();
+  const mins = Number(cfg?.idleAwayMinutes);
+  if (!Number.isFinite(mins) || mins <= 0) {
+    if (cfg?.idleAwayActive) await saveConfigRef({ idleAwayActive: false });
+    return;
+  }
+  const manual = cfg?.presenceStatus || 'online';
+  if (manual !== 'online') {
+    if (cfg?.idleAwayActive) await saveConfigRef({ idleAwayActive: false });
+    return;
+  }
+  const idleMs = mins * 60_000;
+  if (Date.now() - lastActivity >= idleMs) {
+    if (!cfg?.idleAwayActive) await saveConfigRef({ idleAwayActive: true });
+  }
+}
+
+/**
+ * @param {{ getConfig: () => object, saveConfig: (patch: object) => Promise<object> }} opts
+ */
+export function initIdleAway(opts) {
+  getConfigRef = opts.getConfig;
+  saveConfigRef = opts.saveConfig;
+  lastActivity = Date.now();
+  bindActivity();
+  if (pollTimer) clearInterval(pollTimer);
+  pollTimer = setInterval(() => void pollIdle(), 30_000);
+}
+
+export function notePresenceManualChange(status) {
+  lastActivity = Date.now();
+  if (status !== 'online') {
+    void saveConfigRef({ idleAwayActive: false });
+  }
+}
diff --git a/renderer/index.html b/renderer/index.html
index 85fa9ec..3bc9508 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -3,11 +3,13 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https://img.youtube.com https://i.ytimg.com; media-src 'self' blob: data:; frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com; connect-src 'self' ws: https://img.youtube.com;" />
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https://img.youtube.com https://i.ytimg.com https://*.giphy.com; media-src 'self' blob: data: https://*.giphy.com; frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com; connect-src 'self' ws: https://img.youtube.com;" />
   <title>BLIP</title>
   <link rel="stylesheet" href="./themes.css" />
   <link rel="stylesheet" href="./wallpaper-art.css" />
   <link rel="stylesheet" href="./styles.css" />
+  <link rel="stylesheet" href="./groups-ui.css" />
+  <link rel="stylesheet" href="./trust.css" />
 </head>
 <body>
   <div id="app"></div>
diff --git a/renderer/linkify.js b/renderer/linkify.js
index 2a317d5..e25398a 100644
--- a/renderer/linkify.js
+++ b/renderer/linkify.js
@@ -1,10 +1,13 @@
 const URL_RE =
-  /(?:https?:\/\/|www\.)[\w\-._~:/?#[\]@!$&'()*+,;=%]+/gi;
+  /(?:https?:\/\/|www\.)[\w\-._~:/?#[\]@!$&'()*+,;=%]+|blip:\/\/seed\/[a-f0-9]{8,64}/gi;
 
 function normalizeHref(raw) {
   const trimmed = raw.replace(/[.,;:!?)]+$/, '');
+  if (/^blip:\/\/seed\//i.test(trimmed)) {
+    return { href: trimmed, label: trimmed, blipSeed: trimmed.replace(/^blip:\/\/seed\//i, '').slice(0, 64) };
+  }
   const href = /^https?:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`;
-  return { href, label: trimmed };
+  return { href, label: trimmed, blipSeed: null };
 }
 
 /**
@@ -25,7 +28,7 @@ export function appendLinkifiedText(parent, text, onOpen) {
     if (start > last) {
       parent.appendChild(document.createTextNode(src.slice(last, start)));
     }
-    const { href, label } = normalizeHref(match[0]);
+    const { href, label, blipSeed } = normalizeHref(match[0]);
     const a = document.createElement('a');
     a.className = 'chat-link';
     a.href = href;
@@ -33,6 +36,12 @@ export function appendLinkifiedText(parent, text, onOpen) {
     a.rel = 'noopener noreferrer';
     a.addEventListener('click', (e) => {
       e.preventDefault();
+      if (blipSeed) {
+        window.dispatchEvent(
+          new CustomEvent('blip-open-beacon-seed', { detail: { seedId: blipSeed } })
+        );
+        return;
+      }
       onOpen?.(href);
     });
     parent.appendChild(a);
diff --git a/renderer/main.js b/renderer/main.js
index 4738442..c76eb5c 100644
--- a/renderer/main.js
+++ b/renderer/main.js
@@ -7,6 +7,9 @@ import {
   toggleDoNotDisturb,
 } from './ui.js';
 import { initMediaViewer } from './media-viewer.js';
+import { syncPremiumTierWithHost } from './mesh-plus-verify.js';
+import { setLocalTrustState } from './trust-ui.js';
+import { syncAchievements } from './achievements-tracker.js';
 
 const api = {
   saveConfig: (data) => window.blip.saveConfig(data),
@@ -52,7 +55,17 @@ async function boot() {
   const lang = config.language || localStorage.getItem('blip_lang') || 'en';
   setLang(lang);
 
-  initUI(config, api);
+  const bootState = { config };
+  await syncPremiumTierWithHost(bootState);
+  if (window.blip?.getTrustState) {
+    setLocalTrustState(await window.blip.getTrustState());
+    if (bootState.config?.achievementsEnabled) syncAchievements(bootState.config);
+  }
+  window.blip?.onTrustState?.((trust) => {
+    setLocalTrustState(trust);
+    if (bootState.config?.achievementsEnabled) syncAchievements(bootState.config);
+  });
+  initUI(bootState.config, api);
   initMediaViewer();
 
   const { peers, occupiedIds } = await window.blip.getPeers();
diff --git a/renderer/media-viewer.js b/renderer/media-viewer.js
index 182011e..00d7d8c 100644
--- a/renderer/media-viewer.js
+++ b/renderer/media-viewer.js
@@ -8,6 +8,25 @@ let root = null;
 let videoEl = null;
 let ytFrame = null;
 let closeFn = null;
+let volRow = null;
+let volRange = null;
+
+async function readVideoVolume() {
+  try {
+    const cfg = await window.blip?.getConfig?.();
+    const v = Number(cfg?.videoVolume);
+    if (Number.isFinite(v)) return Math.min(1, Math.max(0, v));
+  } catch {
+    /* ignore */
+  }
+  return 1;
+}
+
+function applyVideoVolume(vol) {
+  if (!videoEl) return;
+  videoEl.volume = vol;
+  if (volRange) volRange.value = String(Math.round(vol * 100));
+}
 
 function ensureRoot() {
   if (root) return root;
@@ -92,11 +111,36 @@ function ensureRoot() {
   controls.appendChild(playBtn);
   controls.appendChild(forwardBtn);
 
+  volRow = document.createElement('div');
+  volRow.className = 'media-viewer-volume hidden';
+  const volLabel = document.createElement('span');
+  volLabel.className = 'media-viewer-volume-label';
+  volLabel.dataset.i18n = 'media.volume';
+  volLabel.textContent = t('media.volume');
+  volRange = document.createElement('input');
+  volRange.type = 'range';
+  volRange.min = '0';
+  volRange.max = '100';
+  volRange.className = 'media-viewer-volume-range';
+  volRange.setAttribute('aria-label', t('media.volume'));
+  volRange.addEventListener('input', () => {
+    applyVideoVolume(Number(volRange.value) / 100);
+  });
+  volRange.addEventListener('change', () => {
+    const vol = Number(volRange.value) / 100;
+    void window.blip?.saveConfig?.({ videoVolume: vol });
+  });
+  volRow.appendChild(volLabel);
+  volRow.appendChild(volRange);
+  controls.appendChild(volRow);
+
   root.appendChild(toolbar);
   root.appendChild(stage);
   root.appendChild(controls);
   root.appendChild(seekBar);
 
+  void readVideoVolume().then(applyVideoVolume);
+
   let state = { src: null, name: '', type: 'image', ytId: null };
 
   function hideAllMedia() {
@@ -104,6 +148,7 @@ function ensureRoot() {
     videoEl.classList.add('hidden');
     ytFrame.classList.add('hidden');
     controls.classList.add('hidden');
+    volRow?.classList.add('hidden');
     seekBar.classList.add('hidden');
   }
 
@@ -228,11 +273,15 @@ function ensureRoot() {
       videoEl.src = payload.src;
       videoEl.classList.remove('hidden');
       controls.classList.remove('hidden');
+      volRow?.classList.remove('hidden');
       seekBar.classList.remove('hidden');
       playBtn.disabled = false;
       rewindBtn.disabled = false;
       forwardBtn.disabled = false;
-      void videoEl.play().catch(() => {});
+      void readVideoVolume().then((vol) => {
+        applyVideoVolume(vol);
+        return videoEl.play();
+      }).catch(() => {});
       syncPlayBtn();
     }
     root.classList.remove('hidden');
diff --git a/renderer/mesh-plus-pixel-bg.js b/renderer/mesh-plus-pixel-bg.js
new file mode 100644
index 0000000..1ecc086
--- /dev/null
+++ b/renderer/mesh-plus-pixel-bg.js
@@ -0,0 +1,148 @@
+/** BLIP-style pixel grid for Settings → MESH+ */
+import { t } from './i18n.js';
+
+export const MESH_PIXEL_COLS = 28;
+export const MESH_PIXEL_ROWS = 6;
+
+/** @param {number} t 0..1 */
+function blipPixelRgb(t) {
+  const clamp = Math.max(0, Math.min(1, t));
+  const stops = [
+    [124, 58, 237],
+    [34, 211, 238],
+    [0, 255, 200],
+  ];
+  const seg = clamp * (stops.length - 1);
+  const i = Math.min(stops.length - 2, Math.floor(seg));
+  const f = seg - i;
+  const a = stops[i];
+  const b = stops[i + 1];
+  return {
+    r: Math.round(a[0] + (b[0] - a[0]) * f),
+    g: Math.round(a[1] + (b[1] - a[1]) * f),
+    b: Math.round(a[2] + (b[2] - a[2]) * f),
+  };
+}
+
+/**
+ * @param {HTMLElement} gridEl
+ * @param {boolean} active — MESH+ subscription active
+ */
+export function fillMeshPlusPixelGrid(gridEl, active) {
+  gridEl.replaceChildren();
+  for (let r = 0; r < MESH_PIXEL_ROWS; r++) {
+    for (let c = 0; c < MESH_PIXEL_COLS; c++) {
+      const cell = document.createElement('span');
+      cell.className = 'mesh-plus-pixel-grid__cell';
+      const idx = r * MESH_PIXEL_COLS + c;
+      const wave =
+        (c / Math.max(1, MESH_PIXEL_COLS - 1) + (r / Math.max(1, MESH_PIXEL_ROWS - 1)) * 0.35) /
+        1.35;
+      cell.style.setProperty('--cell-delay', String(idx % 19));
+
+      if (active) {
+        const { r: cr, g, b } = blipPixelRgb(wave);
+        cell.style.setProperty('--cell-r', String(cr));
+        cell.style.setProperty('--cell-g', String(g));
+        cell.style.setProperty('--cell-b', String(b));
+      } else {
+        const lit = 18 + ((r * 3 + c * 5 + idx) % 7) * 5;
+        cell.style.setProperty('--cell-lit', String(lit));
+      }
+      gridEl.appendChild(cell);
+    }
+  }
+}
+
+function fillStripCells(mini, cols, rows, active) {
+  mini.replaceChildren();
+  for (let r = 0; r < rows; r++) {
+    for (let c = 0; c < cols; c++) {
+      const cell = document.createElement('span');
+      cell.className = 'mesh-plus-pixel-grid__cell';
+      const idx = r * cols + c;
+      const wave = c / Math.max(1, cols - 1);
+      cell.style.setProperty('--cell-delay', String(idx % 11));
+      if (active) {
+        const { r: cr, g, b } = blipPixelRgb(wave);
+        cell.style.setProperty('--cell-r', String(cr));
+        cell.style.setProperty('--cell-g', String(g));
+        cell.style.setProperty('--cell-b', String(b));
+      } else {
+        cell.style.setProperty('--cell-lit', String(20 + ((r + c + idx) % 5) * 6));
+      }
+      mini.appendChild(cell);
+    }
+  }
+}
+
+/**
+ * Hero block: animated pixel field + inner slot (status card).
+ * @returns {{ hero: HTMLElement, inner: HTMLElement, setSubscriptionActive: (boolean) => void }}
+ */
+export function createMeshPlusPixelHero() {
+  const hero = document.createElement('div');
+  hero.className = 'mesh-plus-hero mesh-plus-hero--free';
+
+  const grid = document.createElement('div');
+  grid.className = 'mesh-plus-pixel-grid';
+  grid.setAttribute('aria-hidden', 'true');
+  fillMeshPlusPixelGrid(grid, false);
+
+  const label = document.createElement('span');
+  label.className = 'mesh-plus-pixel-banner__label hidden';
+  label.dataset.i18n = 'mesh_plus.badge_label';
+  label.textContent = t('mesh_plus.badge_label');
+
+  const inner = document.createElement('div');
+  inner.className = 'mesh-plus-hero__inner';
+
+  hero.appendChild(grid);
+  hero.appendChild(label);
+  hero.appendChild(inner);
+
+  return {
+    hero,
+    inner,
+    setSubscriptionActive(active) {
+      hero.classList.toggle('mesh-plus-hero--active', !!active);
+      hero.classList.toggle('mesh-plus-hero--free', !active);
+      label.classList.toggle('hidden', !active);
+      fillMeshPlusPixelGrid(grid, !!active);
+    },
+  };
+}
+
+/**
+ * Pixel strip above carousel — gray (FREE) or BLIP gradient + MESH PLUS label.
+ * @param {boolean} active
+ */
+export function createMeshPlusPixelStrip(active = false) {
+  const strip = document.createElement('div');
+  strip.className = `mesh-plus-pixel-strip${active ? ' mesh-plus-pixel-strip--active' : ' mesh-plus-pixel-strip--free'}`;
+
+  const mini = document.createElement('div');
+  mini.className = 'mesh-plus-pixel-grid mesh-plus-pixel-grid--strip';
+  const cols = 28;
+  const rows = 4;
+  fillStripCells(mini, cols, rows, active);
+
+  const label = document.createElement('span');
+  label.className = 'mesh-plus-pixel-banner__label hidden';
+  label.dataset.i18n = 'mesh_plus.badge_label';
+  label.textContent = t('mesh_plus.badge_label');
+
+  strip.appendChild(mini);
+  strip.appendChild(label);
+
+  return {
+    strip,
+    setSubscriptionActive(on) {
+      const active = !!on;
+      strip.classList.toggle('mesh-plus-pixel-strip--active', active);
+      strip.classList.toggle('mesh-plus-pixel-strip--free', !active);
+      label.classList.toggle('hidden', !active);
+      fillStripCells(mini, cols, rows, active);
+    },
+  };
+}
diff --git a/renderer/mesh-plus-settings.js b/renderer/mesh-plus-settings.js
new file mode 100644
index 0000000..54f00d4
--- /dev/null
+++ b/renderer/mesh-plus-settings.js
@@ -0,0 +1,317 @@
+import { t } from './i18n.js';
+import { premiumTierEnabled } from './mesh-plus.js';
+import { getLocalTrustState, resolvePeerMeshPlusTrust } from './trust-ui.js';
+import { BUILD_TRUST, MESH_TRUST, OFFICIAL_BUILD_ISSUER } from '../shared/trust-levels.js';
+import { showAppToast } from './toasts.js';
+import { buildPanelTitleRow, buildSectionSubtitleRow } from './settings-ui.js';
+import { createMeshPlusPixelHero, createMeshPlusPixelStrip } from './mesh-plus-pixel-bg.js';
+
+const CAROUSEL_SLIDES = [
+  { icon: '◈', titleKey: 'mesh_plus.slide_premium_bg', descKey: 'mesh_plus.slide_premium_bg_desc' },
+  { icon: '♪', titleKey: 'mesh_plus.slide_sound', descKey: 'mesh_plus.slide_sound_desc' },
+  { icon: '◇', titleKey: 'mesh_plus.slide_theme', descKey: 'mesh_plus.slide_theme_desc' },
+  { icon: '⬡', titleKey: 'mesh_plus.slide_icons', descKey: 'mesh_plus.slide_icons_desc' },
+  { icon: '▦', titleKey: 'mesh_plus.slide_projects', descKey: 'mesh_plus.slide_projects_desc' },
+  { icon: '⧉', titleKey: 'mesh_plus.slide_clipboard', descKey: 'mesh_plus.slide_clipboard_desc' },
+  { icon: '▶', titleKey: 'mesh_plus.slide_gif', descKey: 'mesh_plus.slide_gif_desc' },
+  { icon: '⎙', titleKey: 'mesh_plus.slide_export', descKey: 'mesh_plus.slide_export_desc' },
+  { icon: '◎', titleKey: 'mesh_plus.slide_relay', descKey: 'mesh_plus.slide_relay_desc' },
+];
+
+/**
+ * @param {object} state
+ * @param {() => void} onConfigChange
+ */
+export function buildSettingsMeshPlusPanel(state, onConfigChange) {
+  const frag = document.createElement('div');
+  frag.className = 'settings-panel settings-panel--mesh-plus';
+
+  frag.appendChild(buildPanelTitleRow('settings.section_mesh_plus', 'mesh_plus.intro_hint'));
+
+  const pixelHero = createMeshPlusPixelHero();
+  const statusCard = document.createElement('div');
+  statusCard.className = 'mesh-plus-status-card settings-list-panel';
+  const statusRow = document.createElement('div');
+  statusRow.className = 'mesh-plus-status-row';
+  const statusLabel = document.createElement('span');
+  statusLabel.className = 'settings-field-label';
+  statusLabel.dataset.i18n = 'mesh_plus.status_label';
+  statusLabel.textContent = t('mesh_plus.status_label');
+  const statusPill = document.createElement('span');
+  statusPill.className = 'mesh-plus-tier-pill';
+  statusRow.appendChild(statusLabel);
+  statusRow.appendChild(statusPill);
+  statusCard.appendChild(statusRow);
+  pixelHero.inner.appendChild(statusCard);
+  frag.appendChild(pixelHero.hero);
+
+  const carouselPixelStrip = createMeshPlusPixelStrip(false);
+  frag.appendChild(carouselPixelStrip.strip);
+
+  const carouselTitle = document.createElement('h3');
+  carouselTitle.className = 'section-subtitle';
+  carouselTitle.dataset.i18n = 'mesh_plus.carousel_title';
+  carouselTitle.textContent = t('mesh_plus.carousel_title');
+  frag.appendChild(carouselTitle);
+
+  const carousel = document.createElement('div');
+  carousel.className = 'mesh-plus-carousel settings-list-panel';
+  const carouselTop = document.createElement('div');
+  carouselTop.className = 'mesh-plus-carousel__top';
+  const slideCounter = document.createElement('span');
+  slideCounter.className = 'mesh-plus-carousel__counter';
+  carouselTop.appendChild(slideCounter);
+  carousel.appendChild(carouselTop);
+
+  const carouselStage = document.createElement('div');
+  carouselStage.className = 'mesh-plus-carousel__stage';
+
+  const carouselMedia = document.createElement('div');
+  carouselMedia.className = 'mesh-plus-carousel__media';
+  carouselMedia.setAttribute('aria-hidden', 'true');
+  carouselStage.appendChild(carouselMedia);
+
+  const carouselBody = document.createElement('div');
+  carouselBody.className = 'mesh-plus-carousel__body';
+  const prevBtn = document.createElement('button');
+  prevBtn.type = 'button';
+  prevBtn.className = 'btn btn-lang mesh-plus-carousel__nav';
+  prevBtn.dataset.i18n = 'mesh_plus.carousel_prev';
+  prevBtn.textContent = t('mesh_plus.carousel_prev');
+  prevBtn.setAttribute('aria-label', t('mesh_plus.carousel_prev'));
+  const carouselInner = document.createElement('div');
+  carouselInner.className = 'mesh-plus-carousel__track';
+  const nextBtn = document.createElement('button');
+  nextBtn.type = 'button';
+  nextBtn.className = 'btn btn-lang mesh-plus-carousel__nav';
+  nextBtn.dataset.i18n = 'mesh_plus.carousel_next';
+  nextBtn.textContent = t('mesh_plus.carousel_next');
+  nextBtn.setAttribute('aria-label', t('mesh_plus.carousel_next'));
+  carouselBody.appendChild(prevBtn);
+  carouselBody.appendChild(carouselInner);
+  carouselBody.appendChild(nextBtn);
+  carouselStage.appendChild(carouselBody);
+
+  const dots = document.createElement('div');
+  dots.className = 'mesh-plus-carousel__dots';
+  carouselStage.appendChild(dots);
+  carousel.appendChild(carouselStage);
+  frag.appendChild(carousel);
+
+  let slideIndex = 0;
+  let carouselTimer = null;
+
+  function renderSlide(i) {
+    slideIndex = ((i % CAROUSEL_SLIDES.length) + CAROUSEL_SLIDES.length) % CAROUSEL_SLIDES.length;
+    const slide = CAROUSEL_SLIDES[slideIndex];
+    carouselInner.innerHTML = '';
+    const icon = document.createElement('div');
+    icon.className = 'mesh-plus-carousel__icon';
+    icon.textContent = slide.icon;
+    const title = document.createElement('div');
+    title.className = 'mesh-plus-carousel__title';
+    title.dataset.i18n = slide.titleKey;
+    title.textContent = t(slide.titleKey);
+    const desc = document.createElement('p');
+    desc.className = 'mesh-plus-carousel__desc';
+    desc.dataset.i18n = slide.descKey;
+    desc.textContent = t(slide.descKey);
+    carouselInner.appendChild(icon);
+    carouselInner.appendChild(title);
+    carouselInner.appendChild(desc);
+    slideCounter.textContent = t('mesh_plus.carousel_counter')
+      .replace('{n}', String(slideIndex + 1))
+      .replace('{total}', String(CAROUSEL_SLIDES.length));
+    dots.querySelectorAll('button').forEach((btn, idx) => {
+      btn.classList.toggle('selected', idx === slideIndex);
+      btn.setAttribute('aria-label', t('mesh_plus.carousel_dot').replace('{n}', String(idx + 1)));
+    });
+  }
+
+  CAROUSEL_SLIDES.forEach((_, idx) => {
+    const dot = document.createElement('button');
+    dot.type = 'button';
+    dot.className = 'mesh-plus-carousel__dot';
+    dot.addEventListener('click', () => {
+      renderSlide(idx);
+      resetCarouselTimer();
+    });
+    dots.appendChild(dot);
+  });
+
+  prevBtn.addEventListener('click', () => {
+    renderSlide(slideIndex - 1);
+    resetCarouselTimer();
+  });
+  nextBtn.addEventListener('click', () => {
+    renderSlide(slideIndex + 1);
+    resetCarouselTimer();
+  });
+
+  function resetCarouselTimer() {
+    if (carouselTimer) clearInterval(carouselTimer);
+    carouselTimer = setInterval(() => renderSlide(slideIndex + 1), 7000);
+  }
+
+  const activationCard = document.createElement('div');
+  activationCard.className = 'mesh-plus-activation settings-list-panel';
+
+  activationCard.appendChild(
+    buildSectionSubtitleRow('mesh_plus.activation_title', 'mesh_plus.activation_hint')
+  );
+
+  const keyLabel = document.createElement('label');
+  keyLabel.className = 'settings-field-label';
+  keyLabel.dataset.i18n = 'mesh_plus.key_label';
+  keyLabel.textContent = t('mesh_plus.key_label');
+  keyLabel.htmlFor = 'mesh-plus-key-input';
+
+  const keyInput = document.createElement('input');
+  keyInput.type = 'text';
+  keyInput.id = 'mesh-plus-key-input';
+  keyInput.className = 'input mesh-plus-key-input';
+  keyInput.autocomplete = 'off';
+  keyInput.spellcheck = false;
+  keyInput.placeholder = t('mesh_plus.key_placeholder');
+
+  const btnRow = document.createElement('div');
+  btnRow.className = 'mesh-plus-activation__actions';
+
+  const activateBtn = document.createElement('button');
+  activateBtn.type = 'button';
+  activateBtn.className = 'btn btn-accent';
+  activateBtn.dataset.i18n = 'mesh_plus.activate';
+  activateBtn.textContent = t('mesh_plus.activate');
+
+  const revokeBtn = document.createElement('button');
+  revokeBtn.type = 'button';
+  revokeBtn.className = 'btn btn-danger hidden';
+  revokeBtn.dataset.i18n = 'mesh_plus.revoke_key';
+  revokeBtn.textContent = t('mesh_plus.revoke_key');
+
+  btnRow.appendChild(activateBtn);
+  btnRow.appendChild(revokeBtn);
+
+  const feedback = document.createElement('p');
+  feedback.className = 'mesh-plus-feedback hint';
+
+  activationCard.appendChild(keyLabel);
+  activationCard.appendChild(keyInput);
+  activationCard.appendChild(btnRow);
+  activationCard.appendChild(feedback);
+  frag.appendChild(activationCard);
+
+  function syncActivationUi() {
+    const active = premiumTierEnabled(state.config);
+    const trust = getLocalTrustState();
+    const selfPeer = {
+      meshPlus: active,
+      meshPlusTrust: trust?.meshPlusTrust,
+      buildTrust: trust?.buildTrust,
+      buildVerified: trust?.buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL,
+      buildIssuer: trust?.buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL ? OFFICIAL_BUILD_ISSUER : '',
+    };
+    const meshTrust = active
+      ? resolvePeerMeshPlusTrust(selfPeer)
+      : MESH_TRUST.UNVERIFIED_MESH_PLUS;
+    statusPill.textContent = active ? t('mesh_plus.status_mesh_plus') : t('mesh_plus.status_free');
+    statusPill.classList.toggle('mesh-plus-tier-pill--active', active);
+    statusCard.classList.toggle('mesh-plus-status-card--active', active);
+    pixelHero.setSubscriptionActive(active);
+    carouselPixelStrip.setSubscriptionActive(active);
+    const unofficialLabel = active && meshTrust === MESH_TRUST.UNVERIFIED_MESH_PLUS;
+    pixelHero.hero
+      .querySelector('.mesh-plus-pixel-banner__label')
+      ?.classList.toggle('mesh-plus-pixel-banner__label--unverified', unofficialLabel);
+    carouselPixelStrip.strip
+      .querySelector('.mesh-plus-pixel-banner__label')
+      ?.classList.toggle('mesh-plus-pixel-banner__label--unverified', unofficialLabel);
+    if (meshTrust === MESH_TRUST.UNVERIFIED_MESH_PLUS && active) {
+      statusCard.classList.add('mesh-plus-status-card--trust-unverified');
+    } else {
+      statusCard.classList.remove('mesh-plus-status-card--trust-unverified');
+    }
+    if (
+      active &&
+      meshTrust === MESH_TRUST.UNVERIFIED_MESH_PLUS &&
+      trust?.buildTrust === BUILD_TRUST.UNVERIFIED_BUILD
+    ) {
+      statusCard.dataset.i18nTitle = 'mesh_plus.trust_needs_official_build';
+      statusCard.title = t('mesh_plus.trust_needs_official_build');
+    }
+    keyInput.classList.toggle('hidden', active);
+    keyLabel.classList.toggle('hidden', active);
+    activateBtn.classList.toggle('hidden', active);
+    revokeBtn.classList.toggle('hidden', !active);
+    if (active) {
+      feedback.textContent = state.config.meshPlusLicenseMasked
+        ? `${t('mesh_plus.active_ok')} · ${state.config.meshPlusLicenseMasked}`
+        : t('mesh_plus.active_ok');
+      feedback.classList.remove('mesh-plus-feedback--error');
+    } else {
+      feedback.textContent = t('mesh_plus.inactive_hint');
+      feedback.classList.remove('mesh-plus-feedback--error');
+    }
+  }
+
+  async function revokeLicense() {
+    revokeBtn.disabled = true;
+    try {
+      await window.blip.deactivateMeshPlus();
+      state.config = await window.blip.getConfig();
+      keyInput.value = '';
+      syncActivationUi();
+      showAppToast({ title: t('mesh_plus.revoke_ok'), durationMs: 4000 });
+      onConfigChange?.();
+    } catch (e) {
+      showAppToast({
+        title: e?.message || t('mesh_plus.error_invalid'),
+        durationMs: 4500,
+        variant: 'danger',
+      });
+    } finally {
+      revokeBtn.disabled = false;
+    }
+  }
+
+  activateBtn.addEventListener('click', async () => {
+    const raw = keyInput.value.trim();
+    if (!raw) {
+      feedback.textContent = t('mesh_plus.error_empty');
+      feedback.classList.add('mesh-plus-feedback--error');
+      return;
+    }
+    activateBtn.disabled = true;
+    try {
+      const res = await window.blip.activateMeshPlus(raw);
+      if (!res?.ok) {
+        const errKey = `mesh_plus.error_${res?.error || 'invalid'}`;
+        feedback.textContent = t(errKey) !== errKey ? t(errKey) : t('mesh_plus.error_invalid');
+        feedback.classList.add('mesh-plus-feedback--error');
+        return;
+      }
+      state.config = await window.blip.getConfig();
+      keyInput.value = '';
+      syncActivationUi();
+      showAppToast({ title: t('mesh_plus.activate_ok'), durationMs: 4000 });
+      onConfigChange?.();
+    } catch (e) {
+      feedback.textContent = e?.message || t('mesh_plus.error_invalid');
+      feedback.classList.add('mesh-plus-feedback--error');
+    } finally {
+      activateBtn.disabled = false;
+    }
+  });
+
+  revokeBtn.addEventListener('click', () => void revokeLicense());
+
+  renderSlide(0);
+  resetCarouselTimer();
+  syncActivationUi();
+
+  frag._meshPlusCleanup = () => {
+    if (carouselTimer) clearInterval(carouselTimer);
+  };
+
+  return frag;
+}
diff --git a/renderer/mesh-plus-verify.js b/renderer/mesh-plus-verify.js
new file mode 100644
index 0000000..1c18519
--- /dev/null
+++ b/renderer/mesh-plus-verify.js
@@ -0,0 +1,32 @@
+import { t } from './i18n.js';
+import { showAppToast } from './toasts.js';
+import { readTierFlag, readActiveEntitlement } from '../shared/mesh-plus-gates.js';
+
+/**
+ * @param {object} state
+ * @returns {Promise<boolean>}
+ */
+export async function syncPremiumTierWithHost(state) {
+  if (!window.blip?.getMeshPlusStatus) return true;
+  const main = await window.blip.getMeshPlusStatus();
+  const mainActive = !!main?.active;
+  const localActive = readActiveEntitlement(state.config) || readTierFlag(state.config);
+
+  if (mainActive === localActive) return mainActive;
+
+  try {
+    const fresh = await window.blip.getConfig();
+    if (fresh && typeof fresh === 'object') {
+      state.config = fresh;
+    }
+  } catch {
+    /* ignore */
+  }
+
+  showAppToast({
+    title: t('mesh_plus.sync_mismatch'),
+    variant: 'danger',
+    durationMs: 5200,
+  });
+  return mainActive;
+}
diff --git a/renderer/mesh-plus.js b/renderer/mesh-plus.js
new file mode 100644
index 0000000..6873145
--- /dev/null
+++ b/renderer/mesh-plus.js
@@ -0,0 +1,90 @@
+import { t } from './i18n.js';
+import { showAppToast } from './toasts.js';
+import { applyPeerMeshPlusBadgeTrust } from './trust-ui.js';
+import {
+  MESH_PLUS_FEATURES,
+  PREMIUM_ANIMATED_BG_IDS,
+  PREMIUM_MELODY_PACK_IDS,
+  PREMIUM_SOUND_PACK_IDS,
+  uiShowsPremiumTier,
+  freeTierAllowsValue,
+} from '../shared/mesh-plus-gates.js';
+
+export {
+  MESH_PLUS_FEATURES,
+  PREMIUM_ANIMATED_BG_IDS,
+  PREMIUM_SOUND_PACK_IDS,
+  PREMIUM_MELODY_PACK_IDS,
+  uiShowsPremiumTier,
+  freeTierAllowsValue,
+};
+
+/** @param {object} [cfg] */
+export function premiumTierEnabled(cfg) {
+  return uiShowsPremiumTier(cfg);
+}
+
+/** @param {object} [peer] */
+export function peerShowsPremiumBadge(peer) {
+  return !!peer?.meshPlus;
+}
+
+export function showPremiumLockedToast() {
+  showAppToast({
+    title: t('mesh_plus.feature_locked'),
+    durationMs: 4200,
+  });
+}
+
+export function markPremiumGatedOptions(options, feature, cfg) {
+  if (uiShowsPremiumTier(cfg)) return options;
+  return options.map((opt) => ({
+    ...opt,
+    meshPlus: !freeTierAllowsValue(cfg, feature, opt.value),
+  }));
+}
+
+export function fillPremiumGatedDropdown(select, options, current, feature, cfg, onChange) {
+  select.innerHTML = '';
+  for (const opt of options) {
+    const o = document.createElement('option');
+    o.value = opt.value;
+    o.textContent = opt.label;
+    if (opt.meshPlus) o.disabled = true;
+    select.appendChild(o);
+  }
+  const allowed = options.filter((o) => !o.meshPlus);
+  const ok = options.some((o) => o.value === current && !o.meshPlus);
+  select.value = ok ? current : allowed[0]?.value || options[0]?.value || '';
+
+  select.addEventListener('change', () => {
+    const val = select.value;
+    const picked = options.find((o) => o.value === val);
+    if (picked?.meshPlus || !freeTierAllowsValue(cfg, feature, val)) {
+      showPremiumLockedToast();
+      const revert = ok ? current : allowed[0]?.value ?? options[0]?.value ?? '';
+      select.value = revert;
+      return;
+    }
+    void onChange(val);
+  });
+}
+
+export function createMeshPlusBadge(opts = {}) {
+  const el = document.createElement('span');
+  el.className = `mesh-plus-badge${opts.compact ? ' mesh-plus-badge--compact' : ''}`;
+  el.title = opts.title || t('mesh_plus.badge_title');
+  const text = document.createElement('span');
+  text.className = 'mesh-plus-badge__text';
+  text.textContent = t('mesh_plus.badge_label');
+  el.appendChild(text);
+  return el;
+}
+
+export function appendMeshPlusBadgeToNameRow(nameRow, peer) {
+  if (!peerShowsPremiumBadge(peer)) return;
+  if (nameRow.querySelector('.mesh-plus-badge')) return;
+  const badge = createMeshPlusBadge({ compact: true });
+  applyPeerMeshPlusBadgeTrust(badge, peer);
+  nameRow.appendChild(badge);
+}
diff --git a/renderer/pad-history-store.js b/renderer/pad-history-store.js
new file mode 100644
index 0000000..cc5b572
--- /dev/null
+++ b/renderer/pad-history-store.js
@@ -0,0 +1,84 @@
+const STORAGE_KEY = 'blip_pad_history_v1';
+const MAX_SNAPSHOTS = 32;
+
+function readAll() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    const o = raw ? JSON.parse(raw) : {};
+    return o && typeof o === 'object' ? o : {};
+  } catch {
+    return {};
+  }
+}
+
+function writeAll(data) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
+  } catch {
+    /* quota */
+  }
+}
+
+/**
+ * @param {string} scopeId
+ * @returns {Array<{ id: string, text: string, updatedAt: number, from: number, label?: string }>}
+ */
+export function getPadHistory(scopeId) {
+  const key = String(scopeId);
+  const all = readAll();
+  const list = Array.isArray(all[key]) ? all[key] : [];
+  return list.slice(0, MAX_SNAPSHOTS);
+}
+
+/**
+ * @param {string} scopeId
+ * @param {{ text: string, updatedAt?: number, from?: number, label?: string }} snap
+ */
+export function pushPadSnapshot(scopeId, snap) {
+  const key = String(scopeId);
+  const text = String(snap.text ?? '');
+  if (!text.trim()) return;
+  const entry = {
+    id: `${snap.updatedAt || Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+    text,
+    updatedAt: Number(snap.updatedAt) || Date.now(),
+    from: Number(snap.from) || 0,
+    label: snap.label ? String(snap.label) : '',
+  };
+  const all = readAll();
+  const prev = Array.isArray(all[key]) ? all[key] : [];
+  const next = [entry, ...prev.filter((e) => e.text !== text || e.updatedAt !== entry.updatedAt)].slice(
+    0,
+    MAX_SNAPSHOTS
+  );
+  all[key] = next;
+  writeAll(all);
+  return entry;
+}
+
+/**
+ * @param {string} scopeId
+ * @param {string} snapshotId
+ * @returns {{ text: string, updatedAt: number, from: number } | null}
+ */
+export function getPadSnapshotById(scopeId, snapshotId) {
+  const hit = getPadHistory(scopeId).find((e) => e.id === snapshotId);
+  if (!hit) return null;
+  return { text: hit.text, updatedAt: hit.updatedAt, from: hit.from };
+}
+
+/**
+ * @param {string} scopeId
+ * @param {string} snapshotId
+ * @returns {boolean}
+ */
+export function deletePadSnapshot(scopeId, snapshotId) {
+  const key = String(scopeId);
+  const all = readAll();
+  const prev = Array.isArray(all[key]) ? all[key] : [];
+  const next = prev.filter((e) => e.id !== snapshotId);
+  if (next.length === prev.length) return false;
+  all[key] = next;
+  writeAll(all);
+  return true;
+}
diff --git a/renderer/peer-favorites.js b/renderer/peer-favorites.js
index 84ae380..0db75c4 100644
--- a/renderer/peer-favorites.js
+++ b/renderer/peer-favorites.js
@@ -26,6 +26,10 @@ function persist() {
 
 load();
 
+export function resetFavoritesStore() {
+  favorites = new Set();
+}
+
 export function isFavorite(peerId) {
   return favorites.has(Number(peerId));
 }
diff --git a/renderer/peer-gif-cache.js b/renderer/peer-gif-cache.js
new file mode 100644
index 0000000..5244bc0
--- /dev/null
+++ b/renderer/peer-gif-cache.js
@@ -0,0 +1,110 @@
+/** @type {Set<number>} peers with a display URL ready */
+const peerGifReady = new Set();
+/** @type {Map<number, string>} data: or blob: URL for <img src> */
+const peerGifDisplayById = new Map();
+/** @type {Map<number, Promise<boolean>>} in-flight ingest per peer */
+const peerGifIngestPending = new Map();
+
+const MAX_INGEST_CHARS = 4_000_000;
+const DATA_URL_RE = /^data:image\/(gif|png|jpe?g|webp);base64,/i;
+
+function normalizeId(blipId) {
+  const id = Number(blipId);
+  return Number.isFinite(id) ? id : null;
+}
+
+function revokeDisplayUrl(id) {
+  const prev = peerGifDisplayById.get(id);
+  if (prev?.startsWith('blob:')) {
+    try {
+      URL.revokeObjectURL(prev);
+    } catch {
+      /* ignore */
+    }
+  }
+  peerGifDisplayById.delete(id);
+  peerGifReady.delete(id);
+}
+
+function isValidProfileGifDataUrl(raw) {
+  return typeof raw === 'string' && raw.length > 0 && raw.length <= MAX_INGEST_CHARS && DATA_URL_RE.test(raw);
+}
+
+/**
+ * Store LAN data URL for profile cloud (direct <img src> — reliable for multi‑MB GIFs).
+ * @param {number} blipId
+ * @param {string | null} dataUrl
+ * @returns {Promise<boolean>}
+ */
+export async function ingestPeerProfileGifDataUrl(blipId, dataUrl) {
+  const id = normalizeId(blipId);
+  if (id == null) return false;
+
+  if (!dataUrl) {
+    revokeDisplayUrl(id);
+    return false;
+  }
+
+  const raw = String(dataUrl);
+  if (!isValidProfileGifDataUrl(raw)) {
+    console.warn('[BLIP] peer profile GIF invalid payload', id, raw.length);
+    return false;
+  }
+
+  if (peerGifDisplayById.get(id) === raw && peerGifReady.has(id)) {
+    return true;
+  }
+
+  const pending = peerGifIngestPending.get(id);
+  if (pending) return pending;
+
+  const work = Promise.resolve().then(() => {
+    revokeDisplayUrl(id);
+    peerGifDisplayById.set(id, raw);
+    peerGifReady.add(id);
+    return true;
+  });
+
+  peerGifIngestPending.set(id, work);
+  try {
+    return await work;
+  } finally {
+    peerGifIngestPending.delete(id);
+  }
+}
+
+/** @param {number} blipId @param {string | null} dataUrl */
+export function setPeerProfileGifDataUrl(blipId, dataUrl) {
+  void ingestPeerProfileGifDataUrl(blipId, dataUrl);
+}
+
+/** @deprecated alias — use {@link getPeerProfileGifDisplayUrl} */
+export function getPeerProfileGifDataUrl(blipId) {
+  return getPeerProfileGifDisplayUrl(blipId);
+}
+
+export function isPeerProfileGifIngesting(blipId) {
+  const id = normalizeId(blipId);
+  return id != null && peerGifIngestPending.has(id);
+}
+
+/** @param {number} blipId */
+export function getPeerProfileGifDisplayUrl(blipId) {
+  const id = normalizeId(blipId);
+  if (id == null) return null;
+  return peerGifDisplayById.get(id) || null;
+}
+
+/** @param {number} blipId */
+export function revokePeerProfileGifDisplayUrl(blipId) {
+  const id = normalizeId(blipId);
+  if (id == null) return;
+  revokeDisplayUrl(id);
+  peerGifIngestPending.delete(id);
+}
+
+export function peerHasCachedProfileGif(blipId) {
+  const id = normalizeId(blipId);
+  if (id == null) return false;
+  return peerGifReady.has(id) || peerGifIngestPending.has(id);
+}
diff --git a/renderer/peer-private-notes.js b/renderer/peer-private-notes.js
new file mode 100644
index 0000000..e6102b7
--- /dev/null
+++ b/renderer/peer-private-notes.js
@@ -0,0 +1,43 @@
+/**
+ * Private peer notes — local only, never sent over the network (like Steam / Discord).
+ */
+const STORAGE_KEY = 'blip_peer_private_notes_v1';
+const MAX_NOTE_LEN = 500;
+
+function loadMap() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return {};
+    const o = JSON.parse(raw);
+    return o && typeof o === 'object' ? o : {};
+  } catch {
+    return {};
+  }
+}
+
+function saveMap(map) {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(map));
+}
+
+/** @param {number | string} peerId */
+export function getPeerPrivateNote(peerId) {
+  const id = String(peerId);
+  const v = loadMap()[id];
+  return typeof v === 'string' ? v : '';
+}
+
+/** @param {number | string} peerId @param {string} text */
+export function setPeerPrivateNote(peerId, text) {
+  const id = String(peerId);
+  const map = loadMap();
+  const trimmed = String(text ?? '').trim();
+  if (!trimmed) {
+    delete map[id];
+  } else {
+    map[id] = trimmed.slice(0, MAX_NOTE_LEN);
+  }
+  saveMap(map);
+  window.dispatchEvent(
+    new CustomEvent('blip-peer-private-notes-changed', { detail: { peerId: Number(peerId) } })
+  );
+}
diff --git a/renderer/peer-profile.js b/renderer/peer-profile.js
new file mode 100644
index 0000000..195312a
--- /dev/null
+++ b/renderer/peer-profile.js
@@ -0,0 +1,25 @@
+import { buildProfileCard } from './profile-card.js';
+import { getPeerProfileGifDisplayUrl } from './peer-gif-cache.js';
+
+/**
+ * @param {object} peer
+ * @param {object} hooks
+ */
+export function buildPeerProfilePage(peer, hooks = {}) {
+  return buildProfileCard(peer, {
+    ...hooks,
+    showPrivateNote: true,
+    showActions: true,
+    showBanner: true,
+    getProfileGifUrl: async (p) => {
+      if (hooks.getProfileGifUrl) return hooks.getProfileGifUrl(p);
+      if (
+        hooks.selfBlipId != null &&
+        Number(p.blipId) === Number(hooks.selfBlipId)
+      ) {
+        return (await window.blip?.getProfileGifActiveUrl?.()) || null;
+      }
+      return getPeerProfileGifDisplayUrl(p.blipId);
+    },
+  });
+}
diff --git a/renderer/profile-card.js b/renderer/profile-card.js
new file mode 100644
index 0000000..7f52f0d
--- /dev/null
+++ b/renderer/profile-card.js
@@ -0,0 +1,348 @@
+import { t } from './i18n.js';
+import { createAvatarElement } from './avatar.js';
+import { formatPeerDisplayName } from './peer-labels.js';
+import { getPeerPrivateNote, setPeerPrivateNote } from './peer-private-notes.js';
+import {
+  getPeerProfileGifDisplayUrl,
+} from './peer-gif-cache.js';
+import { appendMeshPlusBadgeToNameRow } from './mesh-plus.js';
+import { computeGifFramePx } from './gif-frame-size.js';
+
+const CLOUD_MAX_W = 88;
+const CLOUD_MAX_H = 50;
+
+function applyGifCloudSize(cloudEl, imgEl) {
+  const nw = imgEl.naturalWidth || 160;
+  const nh = imgEl.naturalHeight || 90;
+  const { w, h } = computeGifFramePx(nw, nh, CLOUD_MAX_W, CLOUD_MAX_H);
+  cloudEl.style.width = `${w}px`;
+  cloudEl.style.height = `${h}px`;
+}
+
+/**
+ * @param {object} peer
+ * @param {object} hooks
+ * @returns {{ el: HTMLElement, refresh: () => void, destroy: () => void }}
+ */
+export function buildProfileCard(peerInput, hooks = {}) {
+  let peer = peerInput;
+  const {
+    selfBlipId = null,
+    isBlocked = () => false,
+    presenceClass = defaultPresenceClass,
+    statusTooltip = defaultStatusTooltip,
+    getProfileGifUrl,
+    showPrivateNote = false,
+    showActions = false,
+    showBanner = true,
+    onMessage,
+    onCall,
+    onBlock,
+    onPing,
+    isSelfPreview = false,
+  } = hooks;
+
+  if (isSelfPreview && hooks.meshPlusOnSelf) {
+    peer = { ...peer, meshPlus: true };
+  }
+
+  const card = document.createElement('div');
+  card.className = 'peer-profile-card glass';
+
+  if (showBanner) {
+    const banner = document.createElement('div');
+    banner.className = 'peer-profile-banner';
+    if (peer.meshPlus) banner.classList.add('peer-profile-banner--mesh-plus');
+    if (peer.online) banner.classList.add('peer-profile-banner--online');
+    banner.title = t('peers.profile_banner_future');
+    banner.dataset.i18nTitle = 'peers.profile_banner_future';
+    card.appendChild(banner);
+  }
+
+  const body = document.createElement('div');
+  body.className = 'peer-profile-body';
+
+  const layout = document.createElement('div');
+  layout.className = 'peer-profile-layout';
+
+  const aside = document.createElement('aside');
+  aside.className = 'peer-profile-aside';
+
+  const cloudWrap = document.createElement('div');
+  cloudWrap.className = 'profile-gif-cloud-wrap hidden';
+  const cloud = document.createElement('div');
+  cloud.className = 'profile-gif-cloud';
+  const cloudImg = document.createElement('img');
+  cloudImg.className = 'profile-gif-cloud__img hidden';
+  cloudImg.alt = '';
+  cloud.appendChild(cloudImg);
+  cloudWrap.appendChild(cloud);
+
+  const avatarWrap = document.createElement('div');
+  avatarWrap.className = 'peer-profile-avatar-large';
+  avatarWrap.appendChild(
+    createAvatarElement(peer.blipId, 8, { selfBlipId })
+  );
+
+  const asideStack = document.createElement('div');
+  asideStack.className = 'peer-profile-aside-stack';
+  asideStack.appendChild(cloudWrap);
+  asideStack.appendChild(avatarWrap);
+  aside.appendChild(asideStack);
+
+  const main = document.createElement('div');
+  main.className = 'peer-profile-main';
+
+  const head = document.createElement('header');
+  head.className = 'peer-profile-head';
+
+  const nameRow = document.createElement('div');
+  nameRow.className = 'peer-profile-name-row';
+  const nameLine = document.createElement('div');
+  nameLine.className = 'peer-profile-name-line';
+  const nameEl = document.createElement('h1');
+  nameEl.className = 'peer-profile-name';
+  nameEl.textContent = formatPeerDisplayName(peer);
+  const nameStatusDot = document.createElement('span');
+  nameStatusDot.className = 'status-dot peer-profile-name-dot';
+  nameStatusDot.title = statusTooltip(peer);
+  nameLine.appendChild(nameEl);
+  nameLine.appendChild(nameStatusDot);
+  nameRow.appendChild(nameLine);
+  appendMeshPlusBadgeToNameRow(nameRow, peer);
+  if (peer.meshLegacy) {
+    const leg = document.createElement('span');
+    leg.className = 'peer-handshake-badge peer-handshake-badge--legacy';
+    leg.title = t('peers.handshake_legacy');
+    leg.textContent = '!';
+    nameRow.appendChild(leg);
+  }
+
+  const idEl = document.createElement('div');
+  idEl.className = 'peer-profile-id';
+  idEl.textContent = `BLIP #${peer.blipId}`;
+
+  const customStatusEl = document.createElement('div');
+  customStatusEl.className = 'peer-profile-custom-status hidden';
+
+  head.appendChild(nameRow);
+  head.appendChild(idEl);
+  head.appendChild(customStatusEl);
+  main.appendChild(head);
+
+  let noteInput = null;
+  let noteSaveTimer = null;
+  if (showPrivateNote && !isSelfPreview) {
+    const noteSection = document.createElement('section');
+    noteSection.className = 'peer-profile-note';
+    const noteTitle = document.createElement('div');
+    noteTitle.className = 'peer-profile-note-title';
+    noteTitle.dataset.i18n = 'peers.profile_note_title';
+    noteTitle.textContent = t('peers.profile_note_title');
+    noteInput = document.createElement('textarea');
+    noteInput.className = 'peer-profile-note-input input';
+    noteInput.rows = 3;
+    noteInput.maxLength = 500;
+    noteInput.placeholder = t('peers.profile_note_placeholder');
+    noteInput.value = getPeerPrivateNote(peer.blipId);
+    noteInput.addEventListener('input', () => {
+      if (noteSaveTimer) clearTimeout(noteSaveTimer);
+      noteSaveTimer = setTimeout(() => {
+        setPeerPrivateNote(peer.blipId, noteInput.value);
+      }, 280);
+    });
+    noteInput.addEventListener('blur', () => {
+      if (noteSaveTimer) clearTimeout(noteSaveTimer);
+      setPeerPrivateNote(peer.blipId, noteInput.value);
+    });
+    noteSection.appendChild(noteTitle);
+    noteSection.appendChild(noteInput);
+    main.appendChild(noteSection);
+  }
+
+  let msgBtn;
+  let callBtn;
+  let blockBtn;
+  if (showActions) {
+    const actions = document.createElement('div');
+    actions.className = 'peer-profile-actions';
+    msgBtn = document.createElement('button');
+    msgBtn.type = 'button';
+    msgBtn.className = 'btn btn-accent peer-profile-action-btn';
+    msgBtn.textContent = t('peers.profile_message');
+    msgBtn.addEventListener('click', () => onMessage?.());
+    callBtn = document.createElement('button');
+    callBtn.type = 'button';
+    callBtn.className = 'btn btn-lang peer-profile-action-btn';
+    callBtn.textContent = t('peers.profile_call');
+    callBtn.addEventListener('click', () => onCall?.());
+    blockBtn = document.createElement('button');
+    blockBtn.type = 'button';
+    blockBtn.className = 'btn btn-danger peer-profile-action-btn';
+    blockBtn.addEventListener('click', () => {
+      onBlock?.();
+      syncBlockBtn();
+    });
+    actions.appendChild(msgBtn);
+    actions.appendChild(callBtn);
+    actions.appendChild(blockBtn);
+    main.appendChild(actions);
+  }
+
+  layout.appendChild(aside);
+  layout.appendChild(main);
+  body.appendChild(layout);
+  card.appendChild(body);
+
+  function syncBlockBtn() {
+    if (!blockBtn) return;
+    const blocked = isBlocked(peer.blipId);
+    blockBtn.textContent = t(blocked ? 'peers.profile_unblock' : 'peers.profile_block');
+  }
+
+  async function resolveGifUrl() {
+    if (getProfileGifUrl) {
+      const u = await getProfileGifUrl(peer);
+      return u || null;
+    }
+    if (selfBlipId != null && Number(peer.blipId) === Number(selfBlipId)) {
+      return (await window.blip?.getProfileGifActiveUrl?.()) || null;
+    }
+    return getPeerProfileGifDisplayUrl(peer.blipId);
+  }
+
+  function setPeer(nextPeer) {
+    if (!nextPeer || nextPeer.blipId == null) return;
+    peer = nextPeer;
+    if (peer.online && !pulseTimer) {
+      pulseTimer = window.setInterval(refresh, 2000);
+    } else if (!peer.online && pulseTimer) {
+      clearInterval(pulseTimer);
+      pulseTimer = null;
+    }
+  }
+
+  let gifResolveGen = 0;
+
+  function refresh() {
+    const pClass = presenceClass(peer);
+    const tip = statusTooltip(peer);
+    nameStatusDot.className = `status-dot peer-profile-name-dot ${pClass}`;
+    nameStatusDot.title = tip;
+    nameEl.textContent = formatPeerDisplayName(peer);
+    const custom = (peer.presenceText || '').trim();
+    if (custom && peer.online) {
+      customStatusEl.textContent = custom;
+      customStatusEl.classList.remove('hidden');
+    } else {
+      customStatusEl.textContent = '';
+      customStatusEl.classList.add('hidden');
+    }
+    if (callBtn) callBtn.disabled = !peer.online;
+    syncBlockBtn();
+
+    const wantsGif = !!peer.hasProfileGif;
+
+    const applyGifUrl = (url) => {
+      cloudWrap.classList.remove('profile-gif-cloud-wrap--loading');
+      if (url) {
+        cloudWrap.classList.remove('hidden');
+        const sameSrc = cloudImg.getAttribute('src') === url;
+        cloudImg.onload = () => applyGifCloudSize(cloud, cloudImg);
+        cloudImg.decoding = 'async';
+        cloudImg.onerror = () => {
+          cloudImg.onerror = null;
+          cloudImg.classList.add('hidden');
+          cloud.classList.remove('profile-gif-cloud--active');
+          cloudWrap.classList.add('profile-gif-cloud-wrap--loading');
+        };
+        if (!sameSrc) cloudImg.src = url;
+        cloudImg.classList.remove('hidden');
+        cloud.classList.add('profile-gif-cloud--active');
+        if (cloudImg.complete && cloudImg.naturalWidth) {
+          applyGifCloudSize(cloud, cloudImg);
+        }
+      } else if (wantsGif) {
+        cloudWrap.classList.remove('hidden');
+        cloudWrap.classList.add('profile-gif-cloud-wrap--loading');
+        cloudImg.removeAttribute('src');
+        cloudImg.classList.add('hidden');
+        cloud.classList.remove('profile-gif-cloud--active');
+      } else {
+        cloudWrap.classList.add('hidden');
+        cloudImg.removeAttribute('src');
+        cloudImg.onload = null;
+        cloudImg.classList.add('hidden');
+        cloud.classList.remove('profile-gif-cloud--active');
+        cloud.style.width = '';
+        cloud.style.height = '';
+      }
+    };
+
+    const hideGif = () => {
+      cloudWrap.classList.remove('profile-gif-cloud-wrap--loading');
+      cloudWrap.classList.add('hidden');
+      cloudImg.removeAttribute('src');
+      cloudImg.onload = null;
+      cloudImg.classList.add('hidden');
+      cloud.classList.remove('profile-gif-cloud--active');
+    };
+
+    const gen = ++gifResolveGen;
+    void resolveGifUrl()
+      .then((url) => {
+        if (gen !== gifResolveGen) return;
+        requestAnimationFrame(() => {
+          if (gen !== gifResolveGen) return;
+          applyGifUrl(url);
+        });
+      })
+      .catch(() => {
+        if (gen !== gifResolveGen) return;
+        requestAnimationFrame(() => {
+          if (gen !== gifResolveGen) return;
+          hideGif();
+        });
+      });
+  }
+
+  refresh();
+  let pulseTimer = null;
+  if (peer.online) {
+    pulseTimer = window.setInterval(refresh, 2000);
+  }
+
+  return {
+    el: card,
+    refresh,
+    setPeer,
+    destroy() {
+      if (noteSaveTimer) clearTimeout(noteSaveTimer);
+      if (noteInput) setPeerPrivateNote(peer.blipId, noteInput.value);
+      if (pulseTimer) {
+        clearInterval(pulseTimer);
+        pulseTimer = null;
+      }
+    },
+  };
+}
+
+function defaultPresenceClass(peer) {
+  if (!peer?.online) return 'offline';
+  if (peer.presence === 'away') return 'away';
+  if (peer.presence === 'busy') return 'busy';
+  return 'online';
+}
+
+function defaultStatusTooltip(peer) {
+  const base =
+    defaultPresenceClass(peer) === 'away'
+      ? t('peers.away')
+      : defaultPresenceClass(peer) === 'busy'
+        ? t('peers.busy')
+        : peer?.online
+          ? t('peers.online')
+          : t('peers.offline');
+  const custom = (peer?.presenceText || '').trim();
+  return custom && peer?.online ? `${base} · ${custom}` : base;
+}
diff --git a/renderer/profile-gif-picker.js b/renderer/profile-gif-picker.js
new file mode 100644
index 0000000..980eced
--- /dev/null
+++ b/renderer/profile-gif-picker.js
@@ -0,0 +1,313 @@
+import { t } from './i18n.js';
+import { openGifCropDialog } from './gif-crop-dialog.js';
+import { showAppToast } from './toasts.js';
+
+function bytesToBase64(bytes) {
+  const chunk = 0x8000;
+  let binary = '';
+  for (let i = 0; i < bytes.length; i += chunk) {
+    binary += String.fromCharCode.apply(null, bytes.subarray(i, i + chunk));
+  }
+  return btoa(binary);
+}
+
+function toastProfileGifError(error) {
+  const key =
+    error === 'mesh_plus_required'
+      ? 'mesh_plus.feature_locked'
+      : error === 'gif_too_large'
+      ? 'settings.profile_gif_too_large'
+      : error === 'invalid_gif'
+        ? 'settings.profile_gif_invalid'
+        : 'settings.profile_gif_save_failed';
+  showAppToast({ title: t(key), variant: 'danger', durationMs: 4500 });
+}
+
+function appendGifPickerTile(parent, sources, alt, onClick) {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = 'profile-gif-picker-tile';
+  const img = document.createElement('img');
+  img.alt = alt || '';
+  img.loading = 'lazy';
+  img.decoding = 'async';
+  const urls = [...new Set(sources.filter(Boolean))];
+  let urlIdx = 0;
+  img.src = urls[0] || '';
+  img.onerror = () => {
+    urlIdx += 1;
+    if (urls[urlIdx]) img.src = urls[urlIdx];
+    else btn.classList.add('profile-gif-picker-tile--broken');
+  };
+  btn.appendChild(img);
+  if (alt) btn.title = alt;
+  btn.addEventListener('click', onClick);
+  parent.appendChild(btn);
+  return btn;
+}
+
+async function saveLocalGifFile(file) {
+  const isGif =
+    file.type === 'image/gif' || /\.gif$/i.test(file.name || '');
+  if (!isGif) {
+    showAppToast({ title: t('settings.profile_gif_invalid'), variant: 'danger', durationMs: 4000 });
+    return false;
+  }
+  const confirmed = await openGifCropDialog(file);
+  if (!confirmed) return false;
+  let r;
+  if (file.path && window.blip.saveProfileGifPath) {
+    r = await window.blip.saveProfileGifPath(file.path);
+  } else {
+    const bytes = new Uint8Array(await file.arrayBuffer());
+    r = await window.blip.saveProfileGifBytes?.(bytesToBase64(bytes));
+  }
+  if (!r?.ok) {
+    toastProfileGifError(r?.error);
+    return false;
+  }
+  showAppToast({ title: t('settings.profile_gif_saved'), durationMs: 3000 });
+  return true;
+}
+
+/**
+ * @param {{ onSelected?: () => void }} [opts]
+ * @returns {Promise<boolean>} true if selection changed
+ */
+export function openProfileGifPicker(opts = {}) {
+  return new Promise((resolve) => {
+    let changed = false;
+    let activeTab = 'mine';
+
+    const backdrop = document.createElement('div');
+    backdrop.className = 'blip-modal-backdrop profile-gif-picker-backdrop';
+
+    const modal = document.createElement('div');
+    modal.className = 'blip-modal glass profile-gif-picker-modal';
+    modal.setAttribute('role', 'dialog');
+    modal.setAttribute('aria-modal', 'true');
+
+    const title = document.createElement('h3');
+    title.className = 'blip-modal-title';
+    title.dataset.i18n = 'settings.profile_gif_picker_title';
+    title.textContent = t('settings.profile_gif_picker_title');
+
+    const tabs = document.createElement('div');
+    tabs.className = 'profile-gif-picker-tabs';
+    const tabMine = document.createElement('button');
+    tabMine.type = 'button';
+    tabMine.className = 'btn btn-lang profile-gif-picker-tab selected';
+    tabMine.dataset.tab = 'mine';
+    tabMine.dataset.i18n = 'settings.profile_gif_tab_mine';
+    tabMine.textContent = t('settings.profile_gif_tab_mine');
+    const tabOnline = document.createElement('button');
+    tabOnline.type = 'button';
+    tabOnline.className = 'btn btn-lang profile-gif-picker-tab';
+    tabOnline.dataset.tab = 'online';
+    tabOnline.dataset.i18n = 'settings.profile_gif_tab_online';
+    tabOnline.textContent = t('settings.profile_gif_tab_online');
+    tabs.appendChild(tabMine);
+    tabs.appendChild(tabOnline);
+
+    const body = document.createElement('div');
+    body.className = 'profile-gif-picker-body';
+
+    const minePanel = document.createElement('div');
+    minePanel.className = 'profile-gif-picker-panel';
+    const mineGrid = document.createElement('div');
+    mineGrid.className = 'profile-gif-picker-grid';
+    minePanel.appendChild(mineGrid);
+
+    const uploadRow = document.createElement('div');
+    uploadRow.className = 'profile-gif-picker-upload-row';
+    const fileInput = document.createElement('input');
+    fileInput.type = 'file';
+    fileInput.accept = 'image/gif';
+    fileInput.className = 'settings-avatar-file-input';
+    const uploadBtn = document.createElement('label');
+    uploadBtn.className = 'btn btn-accent';
+    uploadBtn.dataset.i18n = 'settings.profile_gif_upload';
+    uploadBtn.textContent = t('settings.profile_gif_upload');
+    uploadBtn.htmlFor = '';
+    const inputId = `profile-gif-file-${Date.now()}`;
+    fileInput.id = inputId;
+    uploadBtn.htmlFor = inputId;
+    const clearBtn = document.createElement('button');
+    clearBtn.type = 'button';
+    clearBtn.className = 'btn btn-lang';
+    clearBtn.dataset.i18n = 'settings.profile_gif_clear';
+    clearBtn.textContent = t('settings.profile_gif_clear');
+    uploadRow.appendChild(fileInput);
+    uploadRow.appendChild(uploadBtn);
+    uploadRow.appendChild(clearBtn);
+    minePanel.appendChild(uploadRow);
+
+    const onlinePanel = document.createElement('div');
+    onlinePanel.className = 'profile-gif-picker-panel hidden';
+    const searchRow = document.createElement('div');
+    searchRow.className = 'profile-gif-picker-search';
+    const searchInput = document.createElement('input');
+    searchInput.type = 'search';
+    searchInput.className = 'input';
+    searchInput.placeholder = t('settings.profile_gif_search');
+    searchInput.dataset.i18nPlaceholder = 'settings.profile_gif_search';
+    const searchBtn = document.createElement('button');
+    searchBtn.type = 'button';
+    searchBtn.className = 'btn btn-accent';
+    searchBtn.dataset.i18n = 'settings.profile_gif_search_btn';
+    searchBtn.textContent = t('settings.profile_gif_search_btn');
+    searchRow.appendChild(searchInput);
+    searchRow.appendChild(searchBtn);
+    const onlineHint = document.createElement('p');
+    onlineHint.className = 'hint profile-gif-picker-online-hint';
+    const onlineGrid = document.createElement('div');
+    onlineGrid.className = 'profile-gif-picker-grid';
+    onlinePanel.appendChild(searchRow);
+    onlinePanel.appendChild(onlineHint);
+    onlinePanel.appendChild(onlineGrid);
+
+    body.appendChild(minePanel);
+    body.appendChild(onlinePanel);
+
+    const actions = document.createElement('div');
+    actions.className = 'blip-modal-actions';
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'btn btn-lang';
+    closeBtn.textContent = t('dialog.cancel');
+
+    let done = false;
+    function finish(ok) {
+      if (done) return;
+      done = true;
+      backdrop.remove();
+      resolve(ok);
+    }
+
+    async function selectLocalId(id) {
+      const r = await window.blip.setProfileGifActive?.(id);
+      if (r?.ok) {
+        changed = true;
+        opts.onSelected?.();
+        await renderMine();
+      }
+    }
+
+    async function renderMine() {
+      mineGrid.innerHTML = '';
+      const history = (await window.blip.getProfileGifHistory?.()) || [];
+      const activeUrl = await window.blip.getProfileGifActiveUrl?.();
+      if (history.length === 0) {
+        const empty = document.createElement('p');
+        empty.className = 'hint';
+        empty.dataset.i18n = 'settings.profile_gif_empty';
+        empty.textContent = t('settings.profile_gif_empty');
+        mineGrid.appendChild(empty);
+        return;
+      }
+      for (const item of history) {
+        const btn = appendGifPickerTile(
+          mineGrid,
+          [item.dataUrl],
+          '',
+          () => void selectLocalId(item.id)
+        );
+        if (activeUrl === item.dataUrl) btn.classList.add('selected');
+      }
+    }
+
+    async function loadOnline(query, offset = 0) {
+      onlineGrid.innerHTML = '';
+      const giphyOk = await window.blip.isGiphyConfigured?.();
+      if (!giphyOk) {
+        onlineHint.dataset.i18n = 'settings.profile_gif_giphy_unavailable';
+        onlineHint.textContent = t('settings.profile_gif_giphy_unavailable');
+        return;
+      }
+      onlineHint.textContent = '';
+      const res = query
+        ? await window.blip.searchGiphy?.(query, offset)
+        : await window.blip.trendingGiphy?.(offset);
+      if (!res?.ok || !res.items?.length) {
+        onlineHint.dataset.i18n = 'settings.profile_gif_online_empty';
+        onlineHint.textContent = t('settings.profile_gif_online_empty');
+        return;
+      }
+      for (const g of res.items) {
+        const btn = appendGifPickerTile(
+          onlineGrid,
+          [g.previewUrl, g.gifUrl],
+          g.title,
+          async () => {
+            btn.disabled = true;
+            const imp = await window.blip.importGiphyGif?.(g.gifUrl);
+            btn.disabled = false;
+            if (imp?.ok) {
+              changed = true;
+              opts.onSelected?.();
+              showAppToast({ title: t('settings.profile_gif_saved'), durationMs: 3000 });
+              activeTab = 'mine';
+              tabMine.classList.add('selected');
+              tabOnline.classList.remove('selected');
+              minePanel.classList.remove('hidden');
+              onlinePanel.classList.add('hidden');
+              await renderMine();
+            } else {
+              toastProfileGifError(imp?.error);
+            }
+          }
+        );
+      }
+    }
+
+    function setTab(tab) {
+      activeTab = tab;
+      tabMine.classList.toggle('selected', tab === 'mine');
+      tabOnline.classList.toggle('selected', tab === 'online');
+      minePanel.classList.toggle('hidden', tab !== 'mine');
+      onlinePanel.classList.toggle('hidden', tab !== 'online');
+      if (tab === 'online') void loadOnline(searchInput.value.trim());
+    }
+
+    tabMine.addEventListener('click', () => setTab('mine'));
+    tabOnline.addEventListener('click', () => setTab('online'));
+
+    fileInput.addEventListener('change', async () => {
+      const file = fileInput.files?.[0];
+      fileInput.value = '';
+      if (!file) return;
+      if (await saveLocalGifFile(file)) {
+        changed = true;
+        opts.onSelected?.();
+        await renderMine();
+      }
+    });
+
+    clearBtn.addEventListener('click', async () => {
+      await window.blip.clearProfileGif?.();
+      changed = true;
+      opts.onSelected?.();
+      await renderMine();
+    });
+
+    searchBtn.addEventListener('click', () => void loadOnline(searchInput.value.trim()));
+    searchInput.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') void loadOnline(searchInput.value.trim());
+    });
+
+    closeBtn.addEventListener('click', () => finish(changed));
+    backdrop.addEventListener('click', (e) => {
+      if (e.target === backdrop) finish(changed);
+    });
+
+    actions.appendChild(closeBtn);
+    modal.appendChild(title);
+    modal.appendChild(tabs);
+    modal.appendChild(body);
+    modal.appendChild(actions);
+    backdrop.appendChild(modal);
+    document.body.appendChild(backdrop);
+
+    void renderMine();
+  });
+}
diff --git a/renderer/project-tools-ui.js b/renderer/project-tools-ui.js
index 803c134..666861a 100644
--- a/renderer/project-tools-ui.js
+++ b/renderer/project-tools-ui.js
@@ -1,10 +1,58 @@
 import { t } from './i18n.js';
-import { getPadState, setPadState, getBoardState, setBoardState, getCanvasState, getClipState, pushClipEntry, subscribeGroupProject } from './group-projects-store.js';
+import { createPixelHintIcon } from './settings-ui.js';
+import { createBlipColorInput } from './blip-color-input.js';
+import {
+  getPadState,
+  setPadState,
+  getBoardState,
+  setBoardState,
+  getCanvasState,
+  setCanvasPixel,
+  notifyCanvasChanged,
+  getClipState,
+  pushClipEntry,
+  removeClipEntry,
+  subscribeGroupProject,
+} from './group-projects-store.js';
+import { openTextPromptDialog } from './prompt-dialog.js';
+import { openConfirmDialog } from './confirm-dialog.js';
 import { broadcastProject, requestClipboardPull } from './group-projects-wire.js';
-import { broadcastMeshPad } from './projects-mesh-wire.js';
+import {
+  broadcastMeshPad,
+  broadcastMeshBoard,
+  broadcastMeshCanvas,
+  broadcastMeshClipboard,
+  requestMeshClipboardPull,
+} from './projects-mesh-wire.js';
+import { clipLimitForTier } from './group-projects-store.js';
+import {
+  getPadHistory,
+  pushPadSnapshot,
+  getPadSnapshotById,
+  deletePadSnapshot,
+} from './pad-history-store.js';
 import { createMessageId } from './message-id.js';
 
-const CANVAS_COLORS = ['', '#00ffc8', '#888888', '#ff3366', '#e0e0e0', '#4488ff'];
+const CANVAS_QUICK_COLORS = [
+  '#000000',
+  '#1a1a1a',
+  '#444444',
+  '#888888',
+  '#cccccc',
+  '#ffffff',
+  '#ff3366',
+  '#ff8800',
+  '#ffee00',
+  '#88ff00',
+  '#00ffc8',
+  '#4488ff',
+  '#8844ff',
+  '#ff44cc',
+  '#8b4513',
+  '#2d5016',
+];
+
+const CANVAS_TOOLS = ['brush', 'bucket', 'eraser'];
 
 function mkStatusBar() {
   const bar = document.createElement('div');
@@ -54,23 +102,35 @@ export function createPadToolView(group, config, api, meshOpts = null) {
     syncStatus(true, st.from, 0);
   }
 
-  function pushLocal() {
+  function pushLocal(opts = {}) {
     if (applying) return;
     const text = ta.value;
-    const payload = { text, updatedAt: Date.now() };
+    const updatedAt = Date.now();
+    const payload = { text, updatedAt };
     setPadState(scopeId, { ...payload, from: config.blipId });
     if (meshOpts?.getBroadcastTargets) {
       void broadcastMeshPad(api, config, meshOpts.getBroadcastTargets(), payload);
     } else {
       void broadcastProject(api, config, group, 'pad', payload);
     }
+    if (meshOpts?.meshPlusActive && !opts.skipHistory) {
+      pushPadSnapshot(scopeId, {
+        text,
+        updatedAt,
+        from: config.blipId,
+        label: opts.historyLabel || '',
+      });
+      renderHistory?.();
+    }
     syncStatus(true, config.blipId, 0);
   }
 
+  let renderHistory = null;
+
   ta.addEventListener('input', () => {
     clearTimeout(debounce);
     syncStatus(false, config.blipId, 0);
-    debounce = setTimeout(pushLocal, 300);
+    debounce = setTimeout(() => pushLocal(), 300);
   });
 
   const unsub = subscribeGroupProject(scopeId, (tool) => {
@@ -78,8 +138,98 @@ export function createPadToolView(group, config, api, meshOpts = null) {
   });
 
   applyRemote();
-  wrap.appendChild(ta);
-  wrap.appendChild(status.bar);
+
+  if (meshOpts?.meshPlusActive) {
+    const histWrap = document.createElement('div');
+    histWrap.className = 'proj-pad-history';
+    const histHead = document.createElement('div');
+    histHead.className = 'proj-pad-history-head';
+    const histTitle = document.createElement('span');
+    histTitle.className = 'proj-pad-history-title';
+    histTitle.dataset.i18n = 'projects.pad_history_title';
+    histTitle.textContent = t('projects.pad_history_title');
+    histHead.appendChild(histTitle);
+    histHead.appendChild(createPixelHintIcon('projects.pad_history_hint'));
+    const histList = document.createElement('div');
+    histList.className = 'proj-pad-history-list';
+    const histActions = document.createElement('div');
+    histActions.className = 'proj-pad-history-actions';
+    const saveBtn = document.createElement('button');
+    saveBtn.type = 'button';
+    saveBtn.className = 'btn btn-lang';
+    saveBtn.dataset.i18n = 'projects.pad_history_save';
+    saveBtn.textContent = t('projects.pad_history_save');
+    saveBtn.addEventListener('click', () => {
+      pushPadSnapshot(scopeId, {
+        text: ta.value,
+        updatedAt: Date.now(),
+        from: config.blipId,
+        label: t('projects.pad_history_manual'),
+      });
+      renderHistory();
+    });
+
+    renderHistory = () => {
+      histList.innerHTML = '';
+      const items = getPadHistory(scopeId);
+      if (!items.length) {
+        const empty = document.createElement('p');
+        empty.className = 'hint';
+        empty.dataset.i18n = 'projects.pad_history_empty';
+        empty.textContent = t('projects.pad_history_empty');
+        histList.appendChild(empty);
+        return;
+      }
+      for (const item of items) {
+        const row = document.createElement('button');
+        row.type = 'button';
+        row.className = 'proj-pad-history-item';
+        const meta = document.createElement('span');
+        meta.className = 'proj-pad-history-meta';
+        const when = new Date(item.updatedAt).toLocaleString();
+        meta.textContent = item.label
+          ? `${item.label} · #${item.from}`
+          : `#${item.from} · ${when}`;
+        const preview = document.createElement('span');
+        preview.className = 'proj-pad-history-preview';
+        preview.textContent = item.text.slice(0, 120) + (item.text.length > 120 ? '…' : '');
+        row.appendChild(meta);
+        row.appendChild(preview);
+        row.addEventListener('click', () => {
+          const snap = getPadSnapshotById(scopeId, item.id);
+          if (!snap) return;
+          applying = true;
+          ta.value = snap.text;
+          applying = false;
+          pushLocal({ historyLabel: t('projects.pad_history_restore') });
+        });
+        row.addEventListener('contextmenu', (e) => {
+          e.preventDefault();
+          void (async () => {
+            const ok = await openConfirmDialog({
+              title: t('projects.pad_history_delete'),
+              body: t('projects.pad_history_delete_confirm'),
+            });
+            if (!ok) return;
+            if (deletePadSnapshot(scopeId, item.id)) renderHistory();
+          })();
+        });
+        histList.appendChild(row);
+      }
+    };
+
+    histActions.appendChild(saveBtn);
+    histWrap.appendChild(histHead);
+    histWrap.appendChild(histList);
+    histWrap.appendChild(histActions);
+    wrap.appendChild(ta);
+    wrap.appendChild(status.bar);
+    wrap.appendChild(histWrap);
+    renderHistory();
+  } else {
+    wrap.appendChild(ta);
+    wrap.appendChild(status.bar);
+  }
 
   return {
     el: wrap,
@@ -90,7 +240,8 @@ export function createPadToolView(group, config, api, meshOpts = null) {
   };
 }
 
-export function createBoardToolView(group, config, api) {
+export function createBoardToolView(group, config, api, meshOpts = null) {
+  const scopeId = meshOpts?.scopeId ?? group.id;
   const wrap = document.createElement('div');
   wrap.className = 'proj-tool proj-tool--board';
 
@@ -98,8 +249,114 @@ export function createBoardToolView(group, config, api) {
   const colEls = new Map();
   const status = mkStatusBar();
 
+  function broadcastBoard(cards) {
+    if (meshOpts?.getBroadcastTargets) {
+      void broadcastMeshBoard(api, config, meshOpts.getBroadcastTargets(), { cards });
+    } else {
+      void broadcastProject(api, config, group, 'board', { cards });
+    }
+  }
+
+  async function addCard(col) {
+    const st = getBoardState(scopeId);
+    const text = await openTextPromptDialog({
+      title: t('projects.board_card_prompt'),
+      placeholder: t('projects.board_card_placeholder'),
+    });
+    if (!text) return;
+    const next = {
+      ...st,
+      cards: [
+        ...st.cards,
+        {
+          id: createMessageId(),
+          text,
+          status: col,
+          assignee: config.blipId,
+        },
+      ],
+    };
+    setBoardState(scopeId, next);
+    broadcastBoard(next.cards);
+    render();
+  }
+
+  function setCardStatus(cardId, newStatus) {
+    const st = getBoardState(scopeId);
+    const next = {
+      ...st,
+      cards: st.cards.map((c) => (c.id === cardId ? { ...c, status: newStatus } : c)),
+    };
+    setBoardState(scopeId, next);
+    broadcastBoard(next.cards);
+    render();
+  }
+
+  async function deleteCard(cardId) {
+    const ok = await openConfirmDialog({
+      title: t('projects.board_card_delete'),
+      body: t('projects.board_card_delete_confirm'),
+    });
+    if (!ok) return;
+    const st = getBoardState(scopeId);
+    const next = { ...st, cards: st.cards.filter((c) => c.id !== cardId) };
+    setBoardState(scopeId, next);
+    broadcastBoard(next.cards);
+    render();
+  }
+
+  function showBoardCardMenu(e, card) {
+    e.preventDefault();
+    const menu = document.createElement('div');
+    menu.className = 'context-menu glass';
+    menu.style.left = `${e.clientX}px`;
+    menu.style.top = `${e.clientY}px`;
+
+    function bindItem(btn, handler) {
+      btn.addEventListener('mousedown', (ev) => ev.stopPropagation());
+      btn.addEventListener('click', (ev) => {
+        ev.stopPropagation();
+        menu.remove();
+        handler();
+      });
+    }
+
+    const delBtn = document.createElement('button');
+    delBtn.type = 'button';
+    delBtn.textContent = t('projects.board_card_delete');
+    bindItem(delBtn, () => void deleteCard(card.id));
+    menu.appendChild(delBtn);
+
+    if (card.status !== 'progress') {
+      const progBtn = document.createElement('button');
+      progBtn.type = 'button';
+      progBtn.textContent = t('projects.board_move_progress');
+      bindItem(progBtn, () => setCardStatus(card.id, 'progress'));
+      menu.appendChild(progBtn);
+    }
+
+    if (card.status !== 'done') {
+      const doneBtn = document.createElement('button');
+      doneBtn.type = 'button';
+      doneBtn.textContent = t('projects.board_move_done');
+      bindItem(doneBtn, () => setCardStatus(card.id, 'done'));
+      menu.appendChild(doneBtn);
+    }
+
+    if (card.status !== 'todo') {
+      const todoBtn = document.createElement('button');
+      todoBtn.type = 'button';
+      todoBtn.textContent = t('projects.board_move_todo');
+      bindItem(todoBtn, () => setCardStatus(card.id, 'todo'));
+      menu.appendChild(todoBtn);
+    }
+    document.body.appendChild(menu);
+    const close = () => menu.remove();
+    setTimeout(() => document.addEventListener('click', close, { once: true }), 0);
+  }
+
   function render() {
-    const st = getBoardState(group.id);
+    const st = getBoardState(scopeId);
     for (const col of cols) {
       const list = colEls.get(col);
       if (!list) continue;
@@ -115,32 +372,9 @@ export function createBoardToolView(group, config, api) {
           meta.textContent = ` #${card.assignee}`;
           el.appendChild(meta);
         }
+        el.addEventListener('contextmenu', (ev) => showBoardCardMenu(ev, card));
         list.appendChild(el);
       });
-      const add = document.createElement('button');
-      add.type = 'button';
-      add.className = 'btn btn-lang proj-board-add';
-      add.textContent = '+';
-      add.addEventListener('click', () => {
-        const text = prompt(t('projects.board_card_prompt'));
-        if (!text?.trim()) return;
-        const next = {
-          ...st,
-          cards: [
-            ...st.cards,
-            {
-              id: createMessageId(),
-              text: text.trim(),
-              status: col,
-              assignee: config.blipId,
-            },
-          ],
-        };
-        setBoardState(group.id, next);
-        void broadcastProject(api, config, group, 'board', { cards: next.cards });
-        render();
-      });
-      list.appendChild(add);
     }
     status.text.textContent = t('projects.board_cards').replace('{n}', String(st.cards.length));
   }
@@ -152,7 +386,17 @@ export function createBoardToolView(group, config, api) {
     colWrap.className = 'proj-board-col';
     const head = document.createElement('div');
     head.className = 'proj-board-col-head';
-    head.textContent = t(`projects.board_${col}`);
+    const headLabel = document.createElement('span');
+    headLabel.className = 'proj-board-col-title';
+    headLabel.textContent = t(`projects.board_${col}`);
+    const add = document.createElement('button');
+    add.type = 'button';
+    add.className = 'btn btn-lang proj-board-add';
+    add.setAttribute('aria-label', t('projects.board_add_card'));
+    add.textContent = '+';
+    add.addEventListener('click', () => void addCard(col));
+    head.appendChild(headLabel);
+    head.appendChild(add);
     const list = document.createElement('div');
     list.className = 'proj-board-col-list';
     colWrap.appendChild(head);
@@ -161,7 +405,7 @@ export function createBoardToolView(group, config, api) {
     colEls.set(col, list);
   }
 
-  const unsub = subscribeGroupProject(group.id, (tool) => {
+  const unsub = subscribeGroupProject(scopeId, (tool) => {
     if (tool === 'board') render();
   });
 
@@ -178,12 +422,101 @@ export function createBoardToolView(group, config, api) {
   };
 }
 
-export function createCanvasToolView(group, config, api) {
+export function createCanvasToolView(group, config, api, meshOpts = null) {
+  const scopeId = meshOpts?.scopeId ?? group.id;
   const wrap = document.createElement('div');
   wrap.className = 'proj-tool proj-tool--canvas';
 
-  let color = CANVAS_COLORS[1];
+  let color = CANVAS_QUICK_COLORS[10];
+  let tool = 'brush';
   let activePainter = null;
+  let painting = false;
+
+  function broadcastCanvasPixel(x, y, c) {
+    if (meshOpts?.getBroadcastTargets) {
+      void broadcastMeshCanvas(api, config, meshOpts.getBroadcastTargets(), { x, y, color: c });
+    } else {
+      void broadcastProject(api, config, group, 'canvas', { x, y, color: c });
+    }
+  }
+
+  function paintColorAt(x, y) {
+    const c = tool === 'eraser' ? '' : color;
+    setCanvasPixel(scopeId, x, y, c);
+    broadcastCanvasPixel(x, y, c);
+    activePainter = config.blipId;
+  }
+
+  function floodFill(x, y, fillColor) {
+    const st = getCanvasState(scopeId);
+    const target = st.cells[y * st.w + x] || '';
+    const fill = fillColor || '';
+    if (target === fill) return;
+    const stack = [[x, y]];
+    const seen = new Set();
+    const updates = [];
+    while (stack.length) {
+      const [cx, cy] = stack.pop();
+      const key = `${cx},${cy}`;
+      if (seen.has(key)) continue;
+      if (cx < 0 || cy < 0 || cx >= st.w || cy >= st.h) continue;
+      const idx = cy * st.w + cx;
+      if ((st.cells[idx] || '') !== target) continue;
+      seen.add(key);
+      st.cells[idx] = fill;
+      updates.push([cx, cy]);
+      stack.push([cx + 1, cy], [cx - 1, cy], [cx, cy + 1], [cx, cy - 1]);
+    }
+    if (!updates.length) return;
+    notifyCanvasChanged(scopeId);
+    for (const [px, py] of updates) broadcastCanvasPixel(px, py, fill);
+    activePainter = config.blipId;
+    paint();
+  }
+
+  function applyToolAt(x, y) {
+    if (tool === 'bucket') {
+      floodFill(x, y, color);
+      return;
+    }
+    paintColorAt(x, y);
+    paint();
+  }
+
+  const workspace = document.createElement('div');
+  workspace.className = 'proj-canvas-workspace';
+
+  const dock = document.createElement('div');
+  dock.className = 'proj-canvas-dock';
+
+  const toolsRow = document.createElement('div');
+  toolsRow.className = 'proj-canvas-tools';
+  const toolBtns = new Map();
+  for (const id of CANVAS_TOOLS) {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'btn btn-lang proj-canvas-tool-btn';
+    btn.dataset.tool = id;
+    btn.dataset.i18n = `projects.canvas_tool_${id}`;
+    btn.textContent = t(`projects.canvas_tool_${id}`);
+    btn.addEventListener('click', () => {
+      tool = id;
+      toolBtns.forEach((b, k) => b.classList.toggle('proj-canvas-tool-btn--active', k === id));
+    });
+    if (id === tool) btn.classList.add('proj-canvas-tool-btn--active');
+    toolBtns.set(id, btn);
+    toolsRow.appendChild(btn);
+  }
+
+  const customColorUi = createBlipColorInput({
+    value: color,
+    title: t('projects.canvas_custom_color'),
+    className: 'proj-canvas-color-picker',
+  });
+  customColorUi.input.addEventListener('input', () => {
+    color = customColorUi.value;
+    syncSwatches();
+  });
 
   const head = document.createElement('div');
   head.className = 'proj-canvas-head';
@@ -191,49 +524,72 @@ export function createCanvasToolView(group, config, api) {
   hint.className = 'proj-canvas-hint';
   head.appendChild(hint);
 
+  const stage = document.createElement('div');
+  stage.className = 'proj-canvas-stage';
+
   const grid = document.createElement('div');
   grid.className = 'proj-canvas-grid';
   const cells = [];
 
-  const st0 = getCanvasState(group.id);
+  const st0 = getCanvasState(scopeId);
+  grid.style.setProperty('--canvas-cols', String(st0.w));
+  grid.style.setProperty('--canvas-rows', String(st0.h));
   for (let y = 0; y < st0.h; y++) {
     for (let x = 0; x < st0.w; x++) {
       const cell = document.createElement('button');
       cell.type = 'button';
       cell.className = 'proj-canvas-cell';
-      const idx = y * st0.w + x;
-      cell.addEventListener('click', () => {
-        const c = color || '#00ffc8';
-        setCanvasPixel(group.id, x, y, c);
-        void broadcastProject(api, config, group, 'canvas', { x, y, color: c });
-        activePainter = config.blipId;
-        paint();
+      const onPaint = () => applyToolAt(x, y);
+      cell.addEventListener('mousedown', (e) => {
+        e.preventDefault();
+        painting = true;
+        onPaint();
+      });
+      cell.addEventListener('mouseenter', () => {
+        if (painting && tool !== 'bucket') onPaint();
       });
       cells.push(cell);
       grid.appendChild(cell);
     }
   }
+  const onWindowUp = () => {
+    painting = false;
+  };
+  window.addEventListener('mouseup', onWindowUp);
 
   const palette = document.createElement('div');
   palette.className = 'proj-canvas-palette';
-  CANVAS_COLORS.filter(Boolean).forEach((c) => {
+  const swatchEls = [];
+
+  function syncSwatches() {
+    swatchEls.forEach((sw) => {
+      sw.classList.toggle('proj-canvas-swatch--active', sw.dataset.color === color);
+    });
+    customColorUi.value = color.startsWith('#') && color.length >= 7 ? color : '#00ffc8';
+  }
+
+  CANVAS_QUICK_COLORS.forEach((c) => {
     const sw = document.createElement('button');
     sw.type = 'button';
     sw.className = 'proj-canvas-swatch';
+    sw.dataset.color = c;
     sw.style.background = c;
-    if (c === color) sw.classList.add('proj-canvas-swatch--active');
     sw.addEventListener('click', () => {
       color = c;
-      palette.querySelectorAll('.proj-canvas-swatch').forEach((el) => el.classList.remove('proj-canvas-swatch--active'));
-      sw.classList.add('proj-canvas-swatch--active');
+      syncSwatches();
     });
+    swatchEls.push(sw);
     palette.appendChild(sw);
   });
+  palette.appendChild(customColorUi.el);
+
+  dock.appendChild(toolsRow);
+  dock.appendChild(palette);
 
   const status = mkStatusBar();
 
   function paint() {
-    const st = getCanvasState(group.id);
+    const st = getCanvasState(scopeId);
     st.cells.forEach((c, i) => {
       cells[i].style.background = c || '#1a1a1a';
     });
@@ -242,38 +598,59 @@ export function createCanvasToolView(group, config, api) {
       activePainter ? String(activePainter) : '—'
     );
     status.text.textContent = t('projects.canvas_size');
+    syncSwatches();
   }
 
-  const unsub = subscribeGroupProject(group.id, (tool) => {
+  const unsub = subscribeGroupProject(scopeId, (tool) => {
     if (tool === 'canvas') paint();
   });
 
   paint();
+  stage.appendChild(grid);
+  workspace.appendChild(stage);
+  workspace.appendChild(dock);
   wrap.appendChild(head);
-  wrap.appendChild(grid);
-  wrap.appendChild(palette);
+  wrap.appendChild(workspace);
   wrap.appendChild(status.bar);
 
   return {
     el: wrap,
     destroy() {
       unsub();
+      painting = false;
+      window.removeEventListener('mouseup', onWindowUp);
     },
   };
 }
 
-export function createClipboardToolView(group, config, api) {
+export function createClipboardToolView(group, config, api, meshOpts = null) {
+  const scopeId = meshOpts?.scopeId ?? group.id;
+  const clipMax = meshOpts?.clipMax ?? clipLimitForTier(!!meshOpts?.meshPlusActive);
+  const meshPlus = !!meshOpts?.meshPlusActive;
   const wrap = document.createElement('div');
   wrap.className = 'proj-tool proj-tool--clipboard';
 
   const list = document.createElement('div');
   list.className = 'proj-clip-list';
   const status = mkStatusBar();
+  let searchQuery = '';
+
+  function broadcastClip(payload) {
+    if (meshOpts?.getBroadcastTargets) {
+      void broadcastMeshClipboard(api, config, meshOpts.getBroadcastTargets(), payload);
+    } else {
+      void broadcastProject(api, config, group, 'clipboard', payload);
+    }
+  }
 
   function render() {
-    const st = getClipState(group.id);
+    const st = getClipState(scopeId);
     list.innerHTML = '';
-    st.entries.forEach((e) => {
+    const q = searchQuery.trim().toLowerCase();
+    const entries = q
+      ? st.entries.filter((e) => String(e.text || '').toLowerCase().includes(q))
+      : st.entries;
+    entries.forEach((e) => {
       const row = document.createElement('div');
       row.className = 'proj-clip-row';
       if (Number(e.from) === Number(config.blipId)) row.classList.add('proj-clip-row--mine');
@@ -288,6 +665,7 @@ export function createClipboardToolView(group, config, api) {
       copyBtn.type = 'button';
       copyBtn.className = 'btn btn-lang proj-clip-copy';
       copyBtn.textContent = '⧉';
+      copyBtn.title = t('projects.clip_copy');
       copyBtn.addEventListener('click', async () => {
         try {
           await navigator.clipboard.writeText(e.text);
@@ -295,16 +673,41 @@ export function createClipboardToolView(group, config, api) {
           /* ignore */
         }
       });
+      const delBtn = document.createElement('button');
+      delBtn.type = 'button';
+      delBtn.className = 'btn btn-danger proj-clip-del';
+      delBtn.textContent = '×';
+      delBtn.title = t('projects.clip_delete');
+      delBtn.addEventListener('click', () => {
+        if (removeClipEntry(scopeId, e.id)) render();
+      });
+      row.addEventListener('contextmenu', (ev) => {
+        ev.preventDefault();
+        delBtn.click();
+      });
       row.appendChild(txt);
       row.appendChild(meta);
       row.appendChild(copyBtn);
+      row.appendChild(delBtn);
       list.appendChild(row);
     });
-    status.text.textContent = t('projects.clip_count').replace('{n}', String(st.entries.length));
+    if (meshPlus) {
+      status.text.textContent = t('projects.clip_count_search')
+        .replace('{n}', String(entries.length))
+        .replace('{total}', String(st.entries.length));
+    } else {
+      status.text.textContent = t('projects.clip_count_limit')
+        .replace('{n}', String(st.entries.length))
+        .replace('{max}', String(clipMax));
+    }
   }
 
   async function pull() {
-    await requestClipboardPull(api, config, group);
+    if (meshOpts?.getBroadcastTargets) {
+      await requestMeshClipboardPull(api, config, meshOpts.getBroadcastTargets());
+    } else {
+      await requestClipboardPull(api, config, group);
+    }
   }
 
   const pullBtn = document.createElement('button');
@@ -329,8 +732,8 @@ export function createClipboardToolView(group, config, api) {
         from: config.blipId,
         ts: Date.now(),
       };
-      pushClipEntry(group.id, entry);
-      void broadcastProject(api, config, group, 'clipboard', { entry });
+      pushClipEntry(scopeId, entry, clipMax);
+      broadcastClip({ entry });
       render();
     } catch {
       /* permission */
@@ -342,13 +745,36 @@ export function createClipboardToolView(group, config, api) {
   actions.appendChild(pullBtn);
   actions.appendChild(pushBtn);
 
-  const unsub = subscribeGroupProject(group.id, (tool) => {
+  const topRow = document.createElement('div');
+  topRow.className = 'proj-clip-top';
+  topRow.appendChild(actions);
+
+  if (meshPlus) {
+    const search = document.createElement('input');
+    search.type = 'search';
+    search.className = 'input proj-clip-search';
+    search.placeholder = t('projects.clip_search');
+    search.dataset.i18nPlaceholder = 'projects.clip_search';
+    search.addEventListener('input', () => {
+      searchQuery = search.value;
+      render();
+    });
+    topRow.appendChild(search);
+  } else {
+    const limitHint = document.createElement('p');
+    limitHint.className = 'hint proj-clip-limit-hint';
+    limitHint.dataset.i18n = 'projects.clip_free_limit_hint';
+    limitHint.textContent = t('projects.clip_free_limit_hint').replace('{max}', String(clipMax));
+    topRow.appendChild(limitHint);
+  }
+
+  const unsub = subscribeGroupProject(scopeId, (tool) => {
     if (tool === 'clipboard') render();
   });
 
   void pull();
   render();
-  wrap.appendChild(actions);
+  wrap.appendChild(topRow);
   wrap.appendChild(list);
   wrap.appendChild(status.bar);
 
diff --git a/renderer/projects-mesh-wire.js b/renderer/projects-mesh-wire.js
index 200cf86..1fc29f0 100644
--- a/renderer/projects-mesh-wire.js
+++ b/renderer/projects-mesh-wire.js
@@ -1,4 +1,14 @@
-import { setPadState } from './group-projects-store.js';
+import {
+  getPadState,
+  setPadState,
+  setBoardState,
+  setCanvasPixel,
+  getClipState,
+  pushClipEntry,
+  mergeClipEntries,
+  clipLimitForTier,
+} from './group-projects-store.js';
+import { uiShowsPremiumTier } from '../shared/mesh-plus-gates.js';
 
 export const MESH_PROJECT_SCOPE = '__mesh__';
 
@@ -10,6 +20,19 @@ async function safeSend(api, payload) {
   }
 }
 
+async function broadcastMesh(api, config, peerIds, type, payload) {
+  const myId = Number(config.blipId);
+  for (const to of peerIds || []) {
+    if (Number(to) === myId) continue;
+    await safeSend(api, {
+      type,
+      to,
+      from: myId,
+      payload,
+    });
+  }
+}
+
 /**
  * @param {object} api
  * @param {object} config
@@ -17,29 +40,130 @@ async function safeSend(api, payload) {
  * @param {object} payload
  */
 export async function broadcastMeshPad(api, config, peerIds, payload) {
+  return broadcastMesh(api, config, peerIds, 'mesh-proj-pad', payload);
+}
+
+/**
+ * @param {object} api
+ * @param {object} config
+ * @param {number[]} peerIds
+ * @param {object} payload
+ */
+export async function broadcastMeshBoard(api, config, peerIds, payload) {
+  return broadcastMesh(api, config, peerIds, 'mesh-proj-board', payload);
+}
+
+/**
+ * @param {object} api
+ * @param {object} config
+ * @param {number[]} peerIds
+ * @param {object} payload
+ */
+export async function broadcastMeshCanvas(api, config, peerIds, payload) {
+  return broadcastMesh(api, config, peerIds, 'mesh-proj-canvas', payload);
+}
+
+/**
+ * @param {object} api
+ * @param {object} config
+ * @param {number[]} peerIds
+ * @param {object} payload
+ */
+export async function broadcastMeshClipboard(api, config, peerIds, payload) {
+  return broadcastMesh(api, config, peerIds, 'mesh-proj-clipboard', payload);
+}
+
+/**
+ * @param {object} api
+ * @param {object} config
+ * @param {number[]} peerIds
+ */
+export async function requestMeshClipboardPull(api, config, peerIds) {
   const myId = Number(config.blipId);
   for (const to of peerIds || []) {
     if (Number(to) === myId) continue;
     await safeSend(api, {
-      type: 'mesh-proj-pad',
+      type: 'mesh-proj-clipboard-pull',
       to,
       from: myId,
-      payload,
+      payload: {},
     });
   }
 }
 
-export function handleMeshProjectTcp(msg, config) {
+/**
+ * @param {object} api
+ * @param {object} config
+ * @param {number} requesterId
+ */
+export async function respondMeshClipboardPull(api, config, requesterId) {
+  const cap = clipLimitForTier(uiShowsPremiumTier(config));
+  const st = getClipState(MESH_PROJECT_SCOPE);
+  await broadcastMeshClipboard(api, config, [requesterId], {
+    entries: st.entries.slice(0, cap),
+  });
+}
+
+export function handleMeshProjectTcp(msg, config, api) {
   const type = msg.type;
-  if (type !== 'mesh-proj-pad') return false;
   const from = Number(msg.from);
   const myId = Number(config.blipId);
-  if (!Number.isFinite(from) || from === myId) return true;
+  const clipCap = clipLimitForTier(uiShowsPremiumTier(config));
+
+  if (type === 'mesh-proj-clipboard-pull') {
+    if (!Number.isFinite(from) || from === myId) return true;
+    if (api) void respondMeshClipboardPull(api, config, from);
+    return true;
+  }
+
+  if (!Number.isFinite(from) || from === myId) {
+    return (
+      type === 'mesh-proj-pad' ||
+      type === 'mesh-proj-board' ||
+      type === 'mesh-proj-canvas' ||
+      type === 'mesh-proj-clipboard'
+    );
+  }
+
   const payload = msg.payload || {};
-  setPadState(MESH_PROJECT_SCOPE, {
-    text: String(payload.text || ''),
-    updatedAt: Number(payload.updatedAt) || Date.now(),
-    from,
-  });
-  return true;
+
+  if (type === 'mesh-proj-pad') {
+    const incomingAt = Number(payload.updatedAt) || 0;
+    const current = getPadState(MESH_PROJECT_SCOPE);
+    if (incomingAt >= (current.updatedAt || 0)) {
+      setPadState(MESH_PROJECT_SCOPE, {
+        text: String(payload.text || ''),
+        updatedAt: incomingAt,
+        from,
+      });
+    }
+    return true;
+  }
+
+  if (type === 'mesh-proj-board') {
+    const cards = Array.isArray(payload.cards) ? payload.cards : [];
+    setBoardState(MESH_PROJECT_SCOPE, { cards });
+    return true;
+  }
+
+  if (type === 'mesh-proj-canvas') {
+    const x = Number(payload.x);
+    const y = Number(payload.y);
+    const color = String(payload.color || '');
+    if (Number.isFinite(x) && Number.isFinite(y)) {
+      setCanvasPixel(MESH_PROJECT_SCOPE, x, y, color);
+    }
+    return true;
+  }
+
+  if (type === 'mesh-proj-clipboard') {
+    if (Array.isArray(payload.entries)) {
+      mergeClipEntries(MESH_PROJECT_SCOPE, payload.entries, clipCap);
+    } else if (payload.entry) {
+      pushClipEntry(MESH_PROJECT_SCOPE, payload.entry, clipCap);
+    }
+    return true;
+  }
+
+  return false;
 }
diff --git a/renderer/projects-view.js b/renderer/projects-view.js
index 594c0de..478fd66 100644
--- a/renderer/projects-view.js
+++ b/renderer/projects-view.js
@@ -1,27 +1,54 @@
 import { t } from './i18n.js';
 import { createPixelHintIcon } from './settings-ui.js';
-import { createPadToolView } from './project-tools-ui.js';
+import {
+  createPadToolView,
+  createBoardToolView,
+  createCanvasToolView,
+  createClipboardToolView,
+} from './project-tools-ui.js';
+import { clipLimitForTier } from './group-projects-store.js';
 import { MESH_PROJECT_SCOPE } from './projects-mesh-wire.js';
+import { premiumTierEnabled, showPremiumLockedToast } from './mesh-plus.js';
+import {
+  readTierFlag,
+  gateAllowsCapability,
+  MESH_PLUS_FEATURES,
+} from '../shared/mesh-plus-gates.js';
 
 const TOOLS = [
-  { id: 'pad', icon: '✦', labelKey: 'projects.tool_pad', ready: true },
-  { id: 'board', icon: '▦', labelKey: 'projects.tool_board', ready: false },
-  { id: 'canvas', icon: '◻', labelKey: 'projects.tool_canvas', ready: false },
-  { id: 'clipboard', icon: '⧉', labelKey: 'projects.tool_clip', ready: false },
+  { id: 'pad', icon: '✦', labelKey: 'projects.tool_pad', tier: 'free' },
+  {
+    id: 'board',
+    icon: '▦',
+    labelKey: 'projects.tool_board',
+    tier: 'mesh_plus',
+    meshFeature: MESH_PLUS_FEATURES.projects_board,
+  },
+  {
+    id: 'canvas',
+    icon: '◻',
+    labelKey: 'projects.tool_canvas',
+    tier: 'mesh_plus',
+    meshFeature: MESH_PLUS_FEATURES.projects_canvas,
+  },
+  { id: 'clipboard', icon: '⧉', labelKey: 'projects.tool_clip', tier: 'free' },
 ];
 
 /**
  * Standalone Projects workspace (not tied to groups).
- * @param {object} config
+ * @param {object | (() => object)} configOrGetter
  * @param {object} api
  * @param {() => number[]} getOnlinePeerIds
+ * @param {{ onOpenMeshPlus?: () => void }} [hooks]
  */
-export function createProjectsView(config, api, getOnlinePeerIds) {
+export function createProjectsView(configOrGetter, api, getOnlinePeerIds, hooks = {}) {
+  const getConfig =
+    typeof configOrGetter === 'function' ? configOrGetter : () => configOrGetter;
   const root = document.createElement('div');
   root.className = 'projects-workspace';
 
   const titleRow = document.createElement('div');
-  titleRow.className = 'section-title-row';
+  titleRow.className = 'section-title-row projects-workspace-head';
   const title = document.createElement('h2');
   title.className = 'section-title';
   title.dataset.i18n = 'projects.hub_title';
@@ -48,17 +75,56 @@ export function createProjectsView(config, api, getOnlinePeerIds) {
 
   let activeTool = 'pad';
   let padView = null;
+  let boardView = null;
+  let canvasView = null;
+  let clipboardView = null;
+
+  function meshGroup() {
+    return { id: MESH_PROJECT_SCOPE, members: getOnlinePeerIds() };
+  }
+
+  function meshOpts() {
+    const mp = premiumTierEnabled(getConfig());
+    return {
+      scopeId: MESH_PROJECT_SCOPE,
+      getBroadcastTargets: getOnlinePeerIds,
+      meshPlusActive: mp,
+      clipMax: clipLimitForTier(mp),
+    };
+  }
 
   function destroyPad() {
     padView?.destroy?.();
     padView = null;
   }
 
-  function showStub(toolId) {
+  function destroyBoard() {
+    boardView?.destroy?.();
+    boardView = null;
+  }
+
+  function destroyCanvas() {
+    canvasView?.destroy?.();
+    canvasView = null;
+  }
+
+  function destroyClipboard() {
+    clipboardView?.destroy?.();
+    clipboardView = null;
+  }
+
+  function clearMain() {
     destroyPad();
+    destroyBoard();
+    destroyCanvas();
+    destroyClipboard();
     main.innerHTML = '';
+  }
+
+  function showStub(toolId, opts = {}) {
+    clearMain();
     const stubEl = document.createElement('div');
-    stubEl.className = 'projects-stub glass';
+    stubEl.className = `projects-stub glass${opts.locked ? ' projects-stub--locked' : ''}`;
     const icon = document.createElement('span');
     icon.className = 'projects-stub-icon';
     const def = TOOLS.find((x) => x.id === toolId);
@@ -68,54 +134,133 @@ export function createProjectsView(config, api, getOnlinePeerIds) {
     stubTitle.textContent = def ? t(def.labelKey) : toolId;
     const hint = document.createElement('p');
     hint.className = 'hint projects-stub-hint';
-    hint.dataset.i18n = 'projects.tool_soon';
-    hint.textContent = t('projects.tool_soon');
+    if (opts.locked) {
+      hint.dataset.i18n = 'projects.mesh_plus_required';
+      hint.textContent = t('projects.mesh_plus_required');
+    } else {
+      hint.dataset.i18n = 'projects.tool_soon';
+      hint.textContent = t('projects.tool_soon');
+    }
     stubEl.appendChild(icon);
     stubEl.appendChild(stubTitle);
     stubEl.appendChild(hint);
+    if (opts.locked) {
+      const cta = document.createElement('button');
+      cta.type = 'button';
+      cta.className = 'btn btn-accent projects-stub-cta';
+      cta.dataset.i18n = 'projects.open_mesh_plus';
+      cta.textContent = t('projects.open_mesh_plus');
+      cta.addEventListener('click', () => hooks.onOpenMeshPlus?.());
+      stubEl.appendChild(cta);
+    }
     main.appendChild(stubEl);
   }
 
   function showPad() {
-    main.innerHTML = '';
-    destroyPad();
-    padView = createPadToolView(
-      { id: MESH_PROJECT_SCOPE, members: getOnlinePeerIds() },
-      config,
-      api,
-      {
-        scopeId: MESH_PROJECT_SCOPE,
-        getBroadcastTargets: getOnlinePeerIds,
-      }
-    );
+    clearMain();
+    padView = createPadToolView(meshGroup(), getConfig(), api, meshOpts());
     padView.el.classList.add('glass');
     main.appendChild(padView.el);
   }
 
+  function showBoard() {
+    clearMain();
+    boardView = createBoardToolView(meshGroup(), getConfig(), api, meshOpts());
+    boardView.el.classList.add('glass');
+    main.appendChild(boardView.el);
+  }
+
+  function showCanvas() {
+    clearMain();
+    canvasView = createCanvasToolView(meshGroup(), getConfig(), api, meshOpts());
+    canvasView.el.classList.add('glass');
+    main.appendChild(canvasView.el);
+  }
+
+  function showClipboardDisabled() {
+    clearMain();
+    const stub = document.createElement('div');
+    stub.className = 'projects-stub glass';
+    const hint = document.createElement('p');
+    hint.className = 'hint';
+    hint.dataset.i18n = 'projects.clipboard_disabled';
+    hint.textContent = t('projects.clipboard_disabled');
+    stub.appendChild(hint);
+    main.appendChild(stub);
+  }
+
+  function showClipboard() {
+    if (!getConfig().projectsClipboardEnabled) {
+      showClipboardDisabled();
+      return;
+    }
+    clearMain();
+    clipboardView = createClipboardToolView(meshGroup(), getConfig(), api, meshOpts());
+    clipboardView.el.classList.add('glass');
+    main.appendChild(clipboardView.el);
+  }
+
+  function canUseTool(tool) {
+    if (tool.tier === 'free') return true;
+    if (tool.tier === 'mesh_plus') {
+      const cfg = getConfig();
+      return (
+        readTierFlag(cfg) &&
+        premiumTierEnabled(cfg) &&
+        gateAllowsCapability(cfg, tool.meshFeature || MESH_PLUS_FEATURES.projects_board)
+      );
+    }
+    return false;
+  }
+
   function selectTool(id) {
     activeTool = id;
     toolList.querySelectorAll('.projects-tool-btn').forEach((btn) => {
       btn.classList.toggle('projects-tool-btn--active', btn.dataset.tool === id);
     });
     const def = TOOLS.find((x) => x.id === id);
-    if (def?.ready) showPad();
+    if (!def) return;
+
+    if (!canUseTool(def)) {
+      if (def.tier === 'mesh_plus') {
+        showPremiumLockedToast();
+        showStub(id, { locked: true });
+      } else {
+        showStub(id);
+      }
+      return;
+    }
+
+    if (id === 'pad') showPad();
+    else if (id === 'board') showBoard();
+    else if (id === 'canvas') showCanvas();
+    else if (id === 'clipboard') showClipboard();
     else showStub(id);
   }
 
+  function syncToolLockClasses() {
+    toolList.querySelectorAll('.projects-tool-btn').forEach((btn) => {
+      const def = TOOLS.find((x) => x.id === btn.dataset.tool);
+      if (!def) return;
+      const locked = def.tier === 'mesh_plus' && !premiumTierEnabled(getConfig());
+      btn.classList.toggle('projects-tool-btn--mesh-locked', locked);
+    });
+  }
+
   TOOLS.forEach((tool) => {
     const btn = document.createElement('button');
     btn.type = 'button';
     btn.className = 'projects-tool-btn';
     btn.dataset.tool = tool.id;
     btn.dataset.i18n = tool.labelKey;
-    const label = document.createElement('span');
-    label.textContent = t(tool.labelKey);
     const iconSpan = document.createElement('span');
     iconSpan.className = 'projects-tool-icon';
     iconSpan.textContent = tool.icon;
+    const label = document.createElement('span');
+    label.className = 'projects-tool-label';
+    label.textContent = t(tool.labelKey);
     btn.appendChild(iconSpan);
     btn.appendChild(label);
-    if (!tool.ready) btn.classList.add('projects-tool-btn--soon');
     btn.addEventListener('click', () => selectTool(tool.id));
     toolList.appendChild(btn);
   });
@@ -128,15 +273,23 @@ export function createProjectsView(config, api, getOnlinePeerIds) {
   root.appendChild(titleRow);
   root.appendChild(body);
 
+  syncToolLockClasses();
   selectTool('pad');
 
   return {
     el: root,
     destroy() {
-      destroyPad();
+      clearMain();
     },
     refreshPeers() {
-      /* pad reads getOnlinePeerIds on each broadcast */
+      boardView?.refresh?.();
+    },
+    refreshMeshPlus() {
+      syncToolLockClasses();
+      if (activeTool !== 'pad') {
+        const def = TOOLS.find((x) => x.id === activeTool);
+        if (def && !canUseTool(def)) selectTool(activeTool);
+      }
     },
   };
 }
diff --git a/renderer/prompt-dialog.js b/renderer/prompt-dialog.js
new file mode 100644
index 0000000..a7f2f80
--- /dev/null
+++ b/renderer/prompt-dialog.js
@@ -0,0 +1,92 @@
+import { t } from './i18n.js';
+
+/**
+ * @param {{ title: string, body?: string, placeholder?: string, defaultValue?: string, confirmLabel?: string }} opts
+ * @returns {Promise<string | null>} trimmed text or null if cancelled
+ */
+export function openTextPromptDialog(opts) {
+  const {
+    title,
+    body = '',
+    placeholder = '',
+    defaultValue = '',
+    confirmLabel = t('dialog.confirm'),
+  } = opts;
+
+  return new Promise((resolve) => {
+    const backdrop = document.createElement('div');
+    backdrop.className = 'blip-modal-backdrop';
+
+    const modal = document.createElement('div');
+    modal.className = 'blip-modal glass';
+    modal.setAttribute('role', 'dialog');
+    modal.setAttribute('aria-modal', 'true');
+
+    const h = document.createElement('h3');
+    h.className = 'blip-modal-title';
+    h.textContent = title;
+
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.className = 'input blip-modal-input';
+    input.maxLength = 200;
+    input.value = defaultValue;
+    input.placeholder = placeholder;
+
+    const actions = document.createElement('div');
+    actions.className = 'blip-modal-actions';
+
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.className = 'btn btn-lang';
+    cancelBtn.textContent = t('dialog.cancel');
+
+    const okBtn = document.createElement('button');
+    okBtn.type = 'button';
+    okBtn.className = 'btn btn-accent';
+    okBtn.textContent = confirmLabel;
+
+    let done = false;
+    function finish(value) {
+      if (done) return;
+      done = true;
+      backdrop.remove();
+      resolve(value);
+    }
+
+    cancelBtn.addEventListener('click', () => finish(null));
+    okBtn.addEventListener('click', () => finish(input.value.trim() || null));
+    backdrop.addEventListener('click', (e) => {
+      if (e.target === backdrop) finish(null);
+    });
+    input.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        finish(input.value.trim() || null);
+      }
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        finish(null);
+      }
+    });
+
+    actions.appendChild(cancelBtn);
+    actions.appendChild(okBtn);
+    modal.appendChild(h);
+    if (body) {
+      const p = document.createElement('p');
+      p.className = 'hint blip-modal-hint';
+      p.textContent = body;
+      modal.appendChild(p);
+    }
+    modal.appendChild(input);
+    modal.appendChild(actions);
+    backdrop.appendChild(modal);
+    document.body.appendChild(backdrop);
+
+    requestAnimationFrame(() => {
+      input.focus();
+      input.select();
+    });
+  });
+}
diff --git a/renderer/session-stats-panel.js b/renderer/session-stats-panel.js
new file mode 100644
index 0000000..c729474
--- /dev/null
+++ b/renderer/session-stats-panel.js
@@ -0,0 +1,97 @@
+import { t } from './i18n.js';
+import { buildSectionSubtitleRow } from './settings-ui.js';
+import {
+  getSessionStats,
+  getSessionStatsChartBars,
+  sessionOnlineHours,
+} from './session-stats.js';
+
+/**
+ * @param {HTMLElement} parent
+ */
+export function appendSessionStatsSection(parent) {
+  const statsWrap = document.createElement('div');
+  statsWrap.className = 'settings-network-stats-block';
+  statsWrap.appendChild(
+    buildSectionSubtitleRow('settings.network_stats_title', 'settings.network_stats_hint')
+  );
+
+  const card = document.createElement('div');
+  card.className = 'session-stats-panel settings-list-panel session-stats-panel--styled';
+
+  const pills = document.createElement('div');
+  pills.className = 'session-stats-pills';
+
+  const chartWrap = document.createElement('div');
+  chartWrap.className = 'session-stats-chart';
+  chartWrap.setAttribute('role', 'img');
+  chartWrap.setAttribute('aria-label', t('settings.network_stats_chart'));
+
+  function formatHours() {
+    const hours = sessionOnlineHours();
+    return hours >= 1
+      ? `${hours.toFixed(1)} h`
+      : `${Math.max(1, Math.round(hours * 60))} min`;
+  }
+
+  function refresh() {
+    const s = getSessionStats();
+    pills.innerHTML = '';
+    const items = [
+      { label: t('settings.network_stats_bar_minutes'), value: formatHours() },
+      { label: t('settings.network_stats_bar_messages'), value: String(s.messagesSent || 0) },
+      { label: t('settings.network_stats_bar_files'), value: String(s.filesSent || 0) },
+      { label: t('settings.network_stats_bar_calls'), value: String(s.callsStarted || 0) },
+      {
+        label: t('settings.network_stats_bar_peers'),
+        value: String(s.peersMaxOnline || 0),
+      },
+    ];
+    for (const item of items) {
+      const pill = document.createElement('div');
+      pill.className = 'session-stats-pill';
+      const val = document.createElement('span');
+      val.className = 'session-stats-pill__val';
+      val.textContent = item.value;
+      const lab = document.createElement('span');
+      lab.className = 'session-stats-pill__label';
+      lab.textContent = item.label;
+      pill.appendChild(val);
+      pill.appendChild(lab);
+      pills.appendChild(pill);
+    }
+
+    chartWrap.innerHTML = '';
+    const bars = getSessionStatsChartBars();
+    const maxVal = Math.max(1, ...bars.map((b) => b.value));
+    for (const bar of bars) {
+      const row = document.createElement('div');
+      row.className = 'session-stats-chart__row';
+      const label = document.createElement('span');
+      label.className = 'session-stats-chart__label';
+      label.textContent = t(bar.labelKey);
+      const track = document.createElement('div');
+      track.className = 'session-stats-chart__track';
+      const fill = document.createElement('div');
+      fill.className = 'session-stats-chart__fill';
+      fill.style.width = `${Math.round((bar.value / maxVal) * 100)}%`;
+      fill.title = String(bar.value);
+      track.appendChild(fill);
+      const val = document.createElement('span');
+      val.className = 'session-stats-chart__val';
+      val.textContent = String(bar.value);
+      row.appendChild(label);
+      row.appendChild(track);
+      row.appendChild(val);
+      chartWrap.appendChild(row);
+    }
+  }
+
+  card.appendChild(pills);
+  card.appendChild(chartWrap);
+  statsWrap.appendChild(card);
+  parent.appendChild(statsWrap);
+  refresh();
+
+  return { refresh };
+}
diff --git a/renderer/session-stats.js b/renderer/session-stats.js
new file mode 100644
index 0000000..8615d58
--- /dev/null
+++ b/renderer/session-stats.js
@@ -0,0 +1,104 @@
+import { syncAchievements } from './achievements-tracker.js';
+
+const STORAGE_KEY = 'blip_session_stats_v1';
+
+/** @type {(() => object | null) | null} */
+let achievementConfigProvider = null;
+
+/** @param {() => object | null} fn */
+export function setAchievementConfigProvider(fn) {
+  achievementConfigProvider = fn;
+}
+
+function tickAchievements() {
+  const cfg = achievementConfigProvider?.();
+  if (cfg) syncAchievements(cfg);
+}
+
+function load() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    const o = raw ? JSON.parse(raw) : {};
+    return o && typeof o === 'object' ? o : {};
+  } catch {
+    return {};
+  }
+}
+
+function save(data) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
+  } catch {
+    /* quota */
+  }
+}
+
+function ensure() {
+  const data = load();
+  if (!data.sessionStartedAt) {
+    data.sessionStartedAt = Date.now();
+    data.messagesSent = 0;
+    data.filesSent = 0;
+    data.callsStarted = 0;
+    data.peersMaxOnline = 0;
+    save(data);
+  }
+  return data;
+}
+
+export function getSessionStats() {
+  return ensure();
+}
+
+export function recordMessageSent() {
+  const d = ensure();
+  d.messagesSent = (d.messagesSent || 0) + 1;
+  save(d);
+  tickAchievements();
+}
+
+export function recordFileSent() {
+  const d = ensure();
+  d.filesSent = (d.filesSent || 0) + 1;
+  save(d);
+  tickAchievements();
+}
+
+export function recordCallStarted() {
+  const d = ensure();
+  d.callsStarted = (d.callsStarted || 0) + 1;
+  save(d);
+  tickAchievements();
+}
+
+/**
+ * @param {number} onlineCount
+ */
+export function recordPeersOnline(onlineCount) {
+  const d = ensure();
+  const n = Number(onlineCount) || 0;
+  if (n > (d.peersMaxOnline || 0)) {
+    d.peersMaxOnline = n;
+    save(d);
+    tickAchievements();
+  }
+}
+
+export function sessionOnlineHours() {
+  const d = ensure();
+  const ms = Date.now() - (d.sessionStartedAt || Date.now());
+  return Math.max(0, ms / (1000 * 60 * 60));
+}
+
+/** @returns {{ labelKey: string, value: number }[]} */
+export function getSessionStatsChartBars() {
+  const s = getSessionStats();
+  const minutes = Math.max(1, Math.round(sessionOnlineHours() * 60));
+  return [
+    { labelKey: 'settings.network_stats_bar_messages', value: s.messagesSent || 0 },
+    { labelKey: 'settings.network_stats_bar_files', value: s.filesSent || 0 },
+    { labelKey: 'settings.network_stats_bar_calls', value: s.callsStarted || 0 },
+    { labelKey: 'settings.network_stats_bar_peers', value: s.peersMaxOnline || 0 },
+    { labelKey: 'settings.network_stats_bar_minutes', value: minutes },
+  ];
+}
diff --git a/renderer/settings-nav.js b/renderer/settings-nav.js
new file mode 100644
index 0000000..e116f8d
--- /dev/null
+++ b/renderer/settings-nav.js
@@ -0,0 +1,102 @@
+import { t } from './i18n.js';
+
+/** @typedef {{ id: string, labelKey?: string }} SettingsNavItem */
+/** @typedef {{ id: string, labelKey: string, items: SettingsNavItem[] }} SettingsNavGroup */
+
+/** @type {SettingsNavGroup[]} */
+export const SETTINGS_NAV_GROUPS = [
+  {
+    id: 'account',
+    labelKey: 'settings.nav_group_account',
+    items: [
+      { id: 'profile' },
+      { id: 'achievements' },
+      { id: 'mesh_plus' },
+    ],
+  },
+  {
+    id: 'app',
+    labelKey: 'settings.nav_group_app',
+    items: [
+      { id: 'language' },
+      { id: 'appearance' },
+      { id: 'sound' },
+      { id: 'notifications' },
+    ],
+  },
+  {
+    id: 'connection',
+    labelKey: 'settings.nav_group_connection',
+    items: [
+      { id: 'network' },
+      { id: 'transfer' },
+      { id: 'call' },
+      { id: 'privacy' },
+    ],
+  },
+  {
+    id: 'system',
+    labelKey: 'settings.nav_group_system',
+    items: [
+      { id: 'shortcuts' },
+      { id: 'system' },
+      { id: 'updates' },
+      { id: 'about' },
+      { id: 'developer' },
+    ],
+  },
+];
+
+const ALL_SECTION_IDS = SETTINGS_NAV_GROUPS.flatMap((g) => g.items.map((i) => i.id));
+
+/**
+ * @param {string | null | undefined} section
+ * @param {() => string[]} getAllowedIds
+ * @returns {string | null} null = empty “choose a section” hub
+ */
+export function resolveSettingsSection(section, getAllowedIds) {
+  if (section == null || section === '') return null;
+  const allowed = new Set(getAllowedIds());
+  return allowed.has(section) ? section : null;
+}
+
+/**
+ * @param {object} state
+ * @param {(id: string) => void} onSelect
+ * @param {() => string[]} getAllowedIds
+ */
+export function renderSettingsNavAside(state, onSelect, getAllowedIds) {
+  const allowed = new Set(getAllowedIds());
+  const aside = document.createElement('aside');
+  aside.className = 'settings-shell__nav glass';
+
+  for (const group of SETTINGS_NAV_GROUPS) {
+    const visible = group.items.filter((item) => allowed.has(item.id));
+    if (!visible.length) continue;
+
+    const groupEl = document.createElement('div');
+    groupEl.className = 'settings-nav-group';
+
+    const groupLabel = document.createElement('div');
+    groupLabel.className = 'settings-nav-group-label';
+    groupLabel.dataset.i18n = group.labelKey;
+    groupLabel.textContent = t(group.labelKey);
+    groupEl.appendChild(groupLabel);
+
+    for (const item of visible) {
+      const b = document.createElement('button');
+      b.type = 'button';
+      b.className = `btn settings-nav-btn${state.settingsSection === item.id ? ' selected' : ''}`;
+      b.dataset.i18n = `settings.section_${item.id}`;
+      b.textContent = t(`settings.section_${item.id}`);
+      b.addEventListener('click', () => onSelect(item.id));
+      groupEl.appendChild(b);
+    }
+
+    aside.appendChild(groupEl);
+  }
+
+  return aside;
+}
+
+export { ALL_SECTION_IDS };
diff --git a/renderer/settings-profile-panel.js b/renderer/settings-profile-panel.js
new file mode 100644
index 0000000..e461bb7
--- /dev/null
+++ b/renderer/settings-profile-panel.js
@@ -0,0 +1,369 @@
+import { t } from './i18n.js';
+import { buildProfileCard } from './profile-card.js';
+import { createAvatarElement, setSelfAvatarCache, regenerateAvatar } from './avatar.js';
+import { openAvatarCropDialog } from './avatar-crop-dialog.js';
+import { openProfileGifPicker } from './profile-gif-picker.js';
+import { premiumTierEnabled, showPremiumLockedToast } from './mesh-plus.js';
+import {
+  getLocalTrustState,
+  resolvePeerMeshPlusTrust,
+  isOfficialBuildTrust,
+} from './trust-ui.js';
+import { OFFICIAL_BUILD_ISSUER } from '../shared/trust-levels.js';
+import {
+  readEntitlementMarker,
+  gateAllowsCapability,
+  MESH_PLUS_FEATURES,
+} from '../shared/mesh-plus-gates.js';
+import { showAppToast } from './toasts.js';
+import { notePresenceManualChange } from './idle-away.js';
+import {
+  buildSettingsField,
+  buildThemedSelect,
+  fillSettingsDropdown,
+  buildPanelTitleRow,
+} from './settings-ui.js';
+
+/**
+ * @param {object} state
+ * @param {object} api
+ * @param {{ broadcastCustomAvatar?: () => void, broadcastProfileGif?: () => void }} deps
+ */
+export function buildSettingsProfilePanel(state, api, deps = {}) {
+  const frag = document.createElement('div');
+  frag.className = 'settings-panel settings-panel--profile';
+
+  frag.appendChild(buildPanelTitleRow('settings.section_profile'));
+
+  const layout = document.createElement('div');
+  layout.className = 'settings-profile-layout';
+
+  const editor = document.createElement('div');
+  editor.className = 'settings-profile-editor glass';
+
+  const editorTitle = document.createElement('h3');
+  editorTitle.className = 'section-subtitle';
+  editorTitle.dataset.i18n = 'settings.profile_editor_title';
+  editorTitle.textContent = t('settings.profile_editor_title');
+  editor.appendChild(editorTitle);
+
+  const editorCard = document.createElement('div');
+  editorCard.className = 'settings-profile-editor-card';
+
+  const avatarRow = document.createElement('div');
+  avatarRow.className = 'settings-profile-avatar-row';
+  const avatarPreview = document.createElement('div');
+  avatarPreview.className = 'settings-profile-avatar-preview';
+  const avatarActions = document.createElement('div');
+  avatarActions.className = 'settings-profile-avatar-actions';
+
+  const fileInput = document.createElement('input');
+  fileInput.type = 'file';
+  fileInput.accept = 'image/png,image/jpeg,image/webp';
+  fileInput.className = 'settings-avatar-file-input';
+  const uploadLabel = document.createElement('label');
+  uploadLabel.className = 'btn btn-accent';
+  uploadLabel.dataset.i18n = 'settings.avatar_upload';
+  uploadLabel.textContent = t('settings.avatar_upload');
+  const fid = `settings-prof-av-${Date.now()}`;
+  fileInput.id = fid;
+  uploadLabel.htmlFor = fid;
+
+  const removeBtn = document.createElement('button');
+  removeBtn.type = 'button';
+  removeBtn.className = 'btn btn-lang';
+  removeBtn.textContent = t('settings.avatar_remove');
+  const regenBtn = document.createElement('button');
+  regenBtn.type = 'button';
+  regenBtn.className = 'btn btn-lang';
+  regenBtn.textContent = t('settings.avatar_regenerate');
+
+  const gifBtn = document.createElement('button');
+  gifBtn.type = 'button';
+  gifBtn.className = 'btn btn-lang';
+  gifBtn.dataset.i18n = 'settings.profile_gif_pick';
+  gifBtn.textContent = t('settings.profile_gif_pick');
+  if (!premiumTierEnabled(state.config)) {
+    gifBtn.title = t('mesh_plus.feature_locked');
+  }
+
+  avatarActions.appendChild(fileInput);
+  avatarActions.appendChild(uploadLabel);
+  avatarActions.appendChild(removeBtn);
+  avatarActions.appendChild(regenBtn);
+  avatarActions.appendChild(gifBtn);
+  avatarRow.appendChild(avatarPreview);
+  avatarRow.appendChild(avatarActions);
+  editorCard.appendChild(avatarRow);
+
+  const namePresenceRow = document.createElement('div');
+  namePresenceRow.className = 'settings-profile-name-presence-row';
+
+  const nameInput = document.createElement('input');
+  nameInput.type = 'text';
+  nameInput.className = 'input';
+  nameInput.value = state.config.displayName || '';
+  nameInput.placeholder = t('settings.name_placeholder');
+
+  const presenceSelect = buildThemedSelect();
+  fillSettingsDropdown(
+    presenceSelect,
+    [
+      { value: 'online', label: t('settings.presence_online') },
+      { value: 'away', label: t('settings.presence_away') },
+      { value: 'busy', label: t('settings.presence_busy') },
+    ],
+    state.config.presenceStatus || 'online',
+    async (id) => {
+      state.config.presenceStatus = id;
+      notePresenceManualChange(id);
+      await api.saveConfig({ presenceStatus: id, idleAwayActive: false });
+      refreshPreview();
+    }
+  );
+
+  namePresenceRow.appendChild(buildSettingsField('settings.name', nameInput));
+  namePresenceRow.appendChild(buildSettingsField('settings.presence', presenceSelect));
+  editorCard.appendChild(namePresenceRow);
+
+  const idleRow = document.createElement('div');
+  idleRow.className = 'settings-profile-field--full';
+  const idleInput = document.createElement('input');
+  idleInput.type = 'number';
+  idleInput.min = '0';
+  idleInput.max = '120';
+  idleInput.step = '1';
+  idleInput.className = 'input';
+  idleInput.value = String(Number(state.config.idleAwayMinutes ?? 5));
+  idleInput.addEventListener('change', async () => {
+    const n = Math.max(0, Math.min(120, Number(idleInput.value) || 0));
+    idleInput.value = String(n);
+    state.config = await api.saveConfig({ idleAwayMinutes: n });
+  });
+  idleRow.appendChild(buildSettingsField('settings.idle_away_minutes', idleInput));
+  editorCard.appendChild(idleRow);
+
+  const statusInput = document.createElement('input');
+  statusInput.type = 'text';
+  statusInput.className = 'input settings-status-input';
+  statusInput.maxLength = 48;
+  statusInput.placeholder = t('settings.status_placeholder');
+  statusInput.value = state.config.presenceText || '';
+  const statusField = buildSettingsField('settings.status_custom', statusInput);
+  statusField.classList.add('settings-profile-field--full');
+  editorCard.appendChild(statusField);
+
+  const presetsWrap = document.createElement('div');
+  presetsWrap.className = 'status-preset-buttons';
+  const presetDefs = [
+    'settings.status_empty',
+    'settings.status_game',
+    'settings.status_afk',
+    'settings.status_work',
+    'settings.status_stream',
+    'settings.status_listen',
+    'settings.status_code',
+    'settings.status_away_short',
+  ];
+  for (const key of presetDefs) {
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'btn btn-lang status-preset-btn';
+    btn.textContent = t(key);
+    btn.addEventListener('click', async () => {
+      const text = key === 'settings.status_empty' ? '' : t(key);
+      statusInput.value = text;
+      state.config = await api.saveConfig({ presenceText: text });
+      refreshPreview();
+    });
+    presetsWrap.appendChild(btn);
+  }
+  editorCard.appendChild(presetsWrap);
+
+  const idRow = document.createElement('div');
+  idRow.className = 'settings-id-row';
+  const idLabel = document.createElement('span');
+  idLabel.textContent = `${t('settings.id')}: ${state.config.blipId ?? '—'}`;
+  const copyIdBtn = document.createElement('button');
+  copyIdBtn.type = 'button';
+  copyIdBtn.className = 'btn btn-lang';
+  copyIdBtn.textContent = t('settings.copy_id');
+  copyIdBtn.addEventListener('click', () => {
+    void navigator.clipboard.writeText(String(state.config.blipId ?? ''));
+  });
+  const changeIdBtn = document.createElement('button');
+  changeIdBtn.type = 'button';
+  changeIdBtn.className = 'btn btn-accent';
+  changeIdBtn.textContent = t('settings.change_id');
+  idRow.appendChild(idLabel);
+  idRow.appendChild(copyIdBtn);
+  idRow.appendChild(changeIdBtn);
+  editorCard.appendChild(idRow);
+
+  editor.appendChild(editorCard);
+
+  const previewCol = document.createElement('div');
+  previewCol.className = 'settings-profile-preview-col';
+  const previewTitle = document.createElement('h3');
+  previewTitle.className = 'section-subtitle';
+  previewTitle.dataset.i18n = 'settings.profile_preview_title';
+  previewTitle.textContent = t('settings.profile_preview_title');
+  const previewMount = document.createElement('div');
+  previewMount.className = 'settings-profile-preview-mount';
+  previewCol.appendChild(previewTitle);
+  previewCol.appendChild(previewMount);
+
+  layout.appendChild(previewCol);
+  layout.appendChild(editor);
+  frag.appendChild(layout);
+
+  let previewBuilt = null;
+
+  function selfPeer() {
+    const trust = getLocalTrustState();
+    const meshPlus = premiumTierEnabled(state.config);
+    const base = {
+      blipId: state.config.blipId,
+      displayName: state.config.displayName || 'Anonymous',
+      online: true,
+      presence: state.config.presenceStatus || 'online',
+      presenceText: state.config.presenceText || '',
+      meshPlus,
+      buildTrust: trust?.buildTrust,
+      buildVerified: isOfficialBuildTrust(trust?.buildTrust),
+      buildIssuer: isOfficialBuildTrust(trust?.buildTrust) ? OFFICIAL_BUILD_ISSUER : '',
+    };
+    if (meshPlus) {
+      base.meshPlusTrust =
+        trust?.meshPlusTrust ?? resolvePeerMeshPlusTrust(base);
+    }
+    return base;
+  }
+
+  function refreshAvatarPreview() {
+    avatarPreview.innerHTML = '';
+    avatarPreview.appendChild(
+      createAvatarElement(state.config.blipId, 4, { selfBlipId: state.config.blipId })
+    );
+  }
+
+  function refreshPreview() {
+    previewBuilt?.destroy?.();
+    previewMount.innerHTML = '';
+    previewBuilt = buildProfileCard(selfPeer(), {
+      selfBlipId: state.config.blipId,
+      isSelfPreview: true,
+      meshPlusOnSelf: premiumTierEnabled(state.config),
+      showBanner: true,
+      showPrivateNote: false,
+      showActions: false,
+      presenceClass: (p) => {
+        if (p.presence === 'away') return 'away';
+        if (p.presence === 'busy') return 'busy';
+        return 'online';
+      },
+      statusTooltip: (p) => {
+        const base =
+          p.presence === 'away'
+            ? t('peers.away')
+            : p.presence === 'busy'
+              ? t('peers.busy')
+              : t('peers.online');
+        const custom = (p.presenceText || '').trim();
+        return custom ? `${base} · ${custom}` : base;
+      },
+    });
+    previewMount.appendChild(previewBuilt.el);
+  }
+
+  nameInput.addEventListener('change', async () => {
+    const name = nameInput.value.trim() || 'Anonymous';
+    state.config.displayName = name;
+    await api.saveConfig({ displayName: name });
+    refreshPreview();
+  });
+
+  statusInput.addEventListener('change', async () => {
+    const presenceText = statusInput.value.trim().slice(0, 48);
+    statusInput.value = presenceText;
+    state.config = await api.saveConfig({ presenceText });
+    refreshPreview();
+  });
+
+  fileInput.addEventListener('change', async () => {
+    const file = fileInput.files?.[0];
+    fileInput.value = '';
+    if (!file) return;
+    try {
+      const dataUrl = await openAvatarCropDialog(file);
+      if (!dataUrl) return;
+      const r = await window.blip.saveAvatar?.(dataUrl);
+      if (!r?.ok) throw new Error(r?.error || 'save_failed');
+      setSelfAvatarCache(dataUrl);
+      state.config.customAvatar = true;
+      refreshAvatarPreview();
+      refreshPreview();
+      window.dispatchEvent(new CustomEvent('blip-avatar-changed'));
+      deps.broadcastCustomAvatar?.();
+      showAppToast({ title: t('settings.avatar_saved'), durationMs: 3000 });
+    } catch (e) {
+      showAppToast({
+        title: t('settings.avatar_failed'),
+        body: e?.message || '',
+        variant: 'danger',
+        durationMs: 4500,
+      });
+    }
+  });
+
+  removeBtn.addEventListener('click', async () => {
+    await window.blip.clearAvatar?.();
+    setSelfAvatarCache(null);
+    state.config.customAvatar = false;
+    refreshAvatarPreview();
+    refreshPreview();
+    window.dispatchEvent(new CustomEvent('blip-avatar-changed'));
+    deps.broadcastCustomAvatar?.();
+  });
+
+  regenBtn.addEventListener('click', async () => {
+    if (state.config.customAvatar) await window.blip.clearAvatar?.();
+    setSelfAvatarCache(null);
+    regenerateAvatar(state.config.blipId);
+    refreshAvatarPreview();
+    refreshPreview();
+    window.dispatchEvent(new CustomEvent('blip-avatar-changed'));
+  });
+
+  gifBtn.addEventListener('click', () => {
+    if (
+      !premiumTierEnabled(state.config) ||
+      !readEntitlementMarker(state.config) ||
+      !gateAllowsCapability(state.config, MESH_PLUS_FEATURES.profile_gif)
+    ) {
+      showPremiumLockedToast();
+      return;
+    }
+    void openProfileGifPicker({
+      onSelected: () => {
+        refreshPreview();
+        deps.broadcastProfileGif?.();
+      },
+    });
+  });
+
+  changeIdBtn.addEventListener('click', () => {
+    if (typeof deps.onChangeId === 'function') deps.onChangeId();
+  });
+
+  refreshAvatarPreview();
+  refreshPreview();
+
+  const onTrust = () => refreshPreview();
+  window.blip?.onTrustState?.(onTrust);
+  frag._profileCleanup = () => {
+    previewBuilt?.destroy?.();
+  };
+
+  return frag;
+}
diff --git a/renderer/settings-ui.js b/renderer/settings-ui.js
index 108514b..c9adaa2 100644
--- a/renderer/settings-ui.js
+++ b/renderer/settings-ui.js
@@ -1,4 +1,5 @@
 import { t } from './i18n.js';
+import { showAppToast } from './toasts.js';
 
 export function buildThemedSelect(className = 'blip-select settings-dropdown') {
   const sel = document.createElement('select');
@@ -6,6 +7,23 @@ export function buildThemedSelect(className = 'blip-select settings-dropdown') {
   return sel;
 }
 
+/** Scrollable glass panel for settings lists (blocked peers, shortcuts, network, releases). */
+export function createSettingsListPanel(extraClass = '') {
+  const panel = document.createElement('div');
+  panel.className = ['settings-list-panel', extraClass].filter(Boolean).join(' ');
+  return panel;
+}
+
+/**
+ * @param {HTMLElement} content
+ * @param {string} [extraClass]
+ */
+export function wrapInSettingsListPanel(content, extraClass = '') {
+  const panel = createSettingsListPanel(extraClass);
+  panel.appendChild(content);
+  return panel;
+}
+
 /**
  * @param {{ value: string, label: string }[]} options
  * @param {string} current
@@ -36,17 +54,47 @@ export function buildSettingsField(labelKey, controlEl) {
   return wrap;
 }
 
-/** Pixel ? tooltip (title on hover). */
+/** Pixel ? tooltip (title on hover + toast on click). */
 export function createPixelHintIcon(hintKey) {
   const btn = document.createElement('button');
   btn.type = 'button';
   btn.className = 'pixel-hint-btn';
-  btn.setAttribute('aria-label', t(hintKey));
-  btn.title = t(hintKey);
+  const hintText = t(hintKey);
+  btn.setAttribute('aria-label', hintText);
+  btn.title = hintText;
   btn.textContent = '?';
+  btn.addEventListener('click', () => {
+    showAppToast({ title: hintText, durationMs: 6500 });
+  });
   return btn;
 }
 
+/** Section subtitle (h3) + optional pixel ? hint. */
+export function buildSectionSubtitleRow(labelKey, hintKey) {
+  const row = document.createElement('div');
+  row.className = 'section-title-row';
+  const sub = document.createElement('h3');
+  sub.className = 'section-subtitle';
+  sub.dataset.i18n = labelKey;
+  sub.textContent = t(labelKey);
+  row.appendChild(sub);
+  if (hintKey) row.appendChild(createPixelHintIcon(hintKey));
+  return row;
+}
+
+/** Panel title (h2) + optional hint. */
+export function buildPanelTitleRow(labelKey, hintKey) {
+  const row = document.createElement('div');
+  row.className = 'settings-panel-title-row';
+  const h = document.createElement('h2');
+  h.className = 'settings-panel-title';
+  h.dataset.i18n = labelKey;
+  h.textContent = t(labelKey);
+  row.appendChild(h);
+  if (hintKey) row.appendChild(createPixelHintIcon(hintKey));
+  return row;
+}
+
 /** Label row: text + optional hint icon. */
 export function buildSettingsLabelRow(labelKey, hintKey) {
   const row = document.createElement('div');
diff --git a/renderer/styles.css b/renderer/styles.css
index c0d8ef3..8fe8d5c 100644
--- a/renderer/styles.css
+++ b/renderer/styles.css
@@ -44,7 +44,7 @@ body {
   background: var(--blip-bg);
   color: var(--blip-text);
   font-family: 'BlipPixel', 'Minecraft', monospace;
-  font-size: 15px;
+  font-size: calc(15px * var(--ui-font-scale, 1));
   line-height: 1.35;
   -webkit-font-smoothing: none;
   font-smooth: never;
@@ -52,6 +52,39 @@ body {
   user-select: none;
 }
 
+html[data-ui-density='compact'] .nav-btn {
+  padding: 6px 10px;
+  font-size: 10px;
+  min-height: 34px;
+}
+
+html[data-ui-density='compact'] .side-nav {
+  min-width: 132px;
+  padding: 10px 8px;
+}
+
+html[data-ui-density='compact'] .chat-block {
+  padding: 6px 8px;
+  margin-bottom: 4px;
+}
+
+html[data-ui-density='compact'] .chat-input-row {
+  padding: 6px 8px;
+  gap: 6px;
+}
+
+html[data-ui-density='compact'] .peer-row {
+  padding: 5px 8px;
+}
+
+html[data-ui-density='compact'] .settings-panel {
+  padding: 10px 12px;
+}
+
+html[data-ui-density='compact'] .beacon-table-row {
+  padding: 8px 10px;
+}
+
 input,
 textarea,
 select,
@@ -103,6 +136,14 @@ textarea {
 .projects-workspace-view {
   position: relative;
   z-index: 2;
+  pointer-events: auto;
+}
+
+.view,
+.chat-hub-view,
+.chat-hub-list,
+.peers-list {
+  pointer-events: auto;
 }
 
 .main-content button,
@@ -134,10 +175,18 @@ textarea {
 .chat-view a,
 .chat-view label,
 .chat-view input[type='range'],
+.chat-hub-view,
 .chat-hub-row,
+.chat-hub-row *,
+.peer-row,
+.peer-row *,
+.peer-profile-view,
+.peer-profile-view button,
+.chat-view .chat-block,
 .chat-pin-bar button,
 .chat-reply-bar button,
 .chat-menu-item,
+.context-menu,
 .context-menu button,
 .emoji-picker button {
   pointer-events: auto;
@@ -214,20 +263,28 @@ textarea {
 }
 
 .app-layout {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
   height: 100%;
+  min-height: 0;
 }
 
 .side-nav {
-  width: 120px;
+  width: max-content;
+  min-width: 148px;
+  max-width: min(220px, 34vw);
+  flex-shrink: 0;
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding: 12px 8px;
+  padding: 12px 10px;
   border-right: 2px solid var(--blip-accent);
   border-top: none;
   border-bottom: none;
   border-left: none;
+  box-sizing: border-box;
+  overflow-x: visible;
+  overflow-y: auto;
 }
 
 .main-content {
@@ -313,20 +370,33 @@ textarea {
 .nav-btn {
   position: relative;
   width: 100%;
-  padding: 10px 4px;
+  min-width: 7.25rem;
+  max-width: 100%;
+  padding: 10px 12px;
   border: 2px solid transparent;
   background: transparent;
   color: var(--blip-text);
   font-family: inherit;
-  font-size: 11px;
-  text-transform: uppercase;
+  font-size: 10px;
+  letter-spacing: 0.08em;
+  line-height: 1.35;
+  text-align: center;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  hyphens: auto;
   cursor: pointer;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 40px;
 }
 
 .nav-unread-badge {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: 2px;
+  right: 2px;
   min-width: 16px;
   height: 16px;
   padding: 0 4px;
@@ -336,6 +406,23 @@ textarea {
   background: var(--blip-danger);
   color: #fff;
   border: 1px solid var(--blip-bg);
+  pointer-events: none;
+}
+
+@media (max-width: 720px) {
+  .side-nav {
+    min-width: 124px;
+    max-width: 40vw;
+    padding: 10px 6px;
+  }
+
+  .nav-btn {
+    min-width: 6.5rem;
+    padding: 8px 8px;
+    font-size: 9px;
+    letter-spacing: 0.06em;
+    min-height: 36px;
+  }
 }
 
 .nav-btn:hover,
@@ -376,6 +463,7 @@ textarea {
 select.blip-select {
   width: 100%;
   max-width: 100%;
+  min-height: 40px;
   padding: 10px 36px 10px 12px;
   border: 2px solid var(--blip-accent);
   background-color: var(--blip-input-bg);
@@ -384,7 +472,7 @@ select.blip-select {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  line-height: 1.2;
+  line-height: 1.35;
   outline: none;
   cursor: pointer;
   border-radius: 0;
@@ -402,6 +490,16 @@ select.blip-select {
   background-repeat: no-repeat;
 }
 
+.settings-panel .blip-select,
+.settings-panel select.blip-select {
+  min-height: 44px;
+  padding: 12px 40px 12px 14px;
+  font-size: 13px;
+  line-height: 1.4;
+  text-transform: none;
+  letter-spacing: 0.02em;
+}
+
 .blip-select:focus,
 select.blip-select:focus {
   box-shadow: 0 0 0 1px var(--blip-accent);
@@ -433,29 +531,56 @@ select.blip-select:focus {
   display: flex;
   flex-direction: column;
   align-items: center;
-  max-width: 520px;
+  gap: 14px;
+  width: 100%;
+  max-width: 560px;
   margin: 0 auto;
+  padding: 20px 22px 18px;
+  background: color-mix(in srgb, var(--blip-glass) 92%, var(--blip-bg));
+  border: 2px solid var(--blip-glass-border);
+  box-shadow:
+    4px 4px 0 rgba(0, 0, 0, 0.5),
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 10%, transparent);
+}
+
+.id-grid-wrap .section-title {
+  margin: 0;
+  text-align: center;
+  color: var(--blip-accent);
+}
+
+.id-grid-wrap .hint {
+  margin: 0;
+  text-align: center;
+  max-width: 420px;
+  line-height: 1.45;
+}
+
+.id-grid-wrap .btn-accent {
+  min-width: 200px;
+  margin-top: 4px;
 }
 
 .id-grid {
   display: grid;
-  grid-template-columns: repeat(8, minmax(52px, 1fr));
-  gap: 6px;
+  grid-template-columns: repeat(8, minmax(56px, 1fr));
+  gap: 8px;
   width: 100%;
-  max-width: 496px;
-  margin-bottom: 16px;
+  max-width: 520px;
+  margin: 0;
+  padding: 4px;
 }
 
 .id-cell {
   position: relative;
   aspect-ratio: 1;
-  min-height: 48px;
+  min-height: 56px;
   min-width: 0;
-  border: 2px solid rgba(0, 255, 200, 0.35);
-  background: #141414;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 38%, var(--blip-muted));
+  background: color-mix(in srgb, var(--blip-bg) 78%, var(--blip-glass));
   color: var(--blip-text);
   font-family: inherit;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1;
   cursor: pointer;
   padding: 0;
@@ -463,6 +588,11 @@ select.blip-select:focus {
   align-items: center;
   justify-content: center;
   overflow: visible;
+  transition:
+    border-color 0.12s ease,
+    background 0.12s ease,
+    box-shadow 0.12s ease,
+    color 0.12s ease;
 }
 
 .id-cell-num {
@@ -480,25 +610,36 @@ select.blip-select:focus {
 
 .id-cell:hover:not(:disabled) {
   border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 14%, var(--blip-bg));
+  box-shadow: 0 0 10px color-mix(in srgb, var(--blip-accent) 35%, transparent);
 }
 
 .id-cell.pending {
   border-color: var(--blip-accent);
-  box-shadow: inset 0 0 0 2px var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 22%, var(--blip-bg));
+  box-shadow:
+    inset 0 0 0 2px color-mix(in srgb, var(--blip-accent) 55%, transparent),
+    0 0 12px color-mix(in srgb, var(--blip-accent) 40%, transparent);
 }
 
 .id-cell.selected {
   background: var(--blip-accent);
   color: var(--blip-on-accent);
   border-color: var(--blip-accent);
-  box-shadow: 0 0 12px var(--blip-accent);
+  box-shadow: 0 0 16px color-mix(in srgb, var(--blip-accent) 65%, transparent);
 }
 
 .id-cell.occupied {
-  background: var(--blip-muted);
-  border-color: var(--blip-muted);
-  color: var(--blip-muted);
+  background: color-mix(in srgb, var(--blip-muted) 55%, var(--blip-bg));
+  border-color: color-mix(in srgb, var(--blip-muted) 80%, transparent);
+  color: color-mix(in srgb, var(--blip-text) 45%, transparent);
   cursor: not-allowed;
+  box-shadow: none;
+}
+
+.id-cell.reserved:not(.occupied):not(.selected) {
+  border-color: color-mix(in srgb, #a78bfa 55%, var(--blip-accent));
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, #a78bfa 35%, transparent);
 }
 
 .id-cell-cross {
@@ -537,9 +678,9 @@ select.blip-select:focus {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 20px;
-  width: 100%;
-  max-width: 360px;
+  gap: 16px;
+  width: min(100%, 280px);
+  max-width: 280px;
   text-align: center;
 }
 
@@ -551,8 +692,8 @@ select.blip-select:focus {
 .dial-body {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  gap: 20px;
+  align-items: stretch;
+  gap: 14px;
   width: 100%;
 }
 
@@ -560,23 +701,23 @@ select.blip-select:focus {
   font-size: 36px;
   text-align: center;
   width: 100%;
-  min-width: 200px;
-  max-width: 240px;
+  min-width: 0;
+  max-width: none;
   letter-spacing: 0.12em;
   padding: 12px 20px;
   box-sizing: border-box;
 }
 
 .dial-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
   gap: 12px;
   width: 100%;
 }
 
 .dial-actions .btn {
-  min-width: 120px;
+  min-width: 0;
+  width: 100%;
 }
 
 /* Chat hub */
@@ -655,7 +796,7 @@ select.blip-select:focus {
   align-items: center;
   gap: 12px;
   padding: 10px 12px;
-  cursor: default;
+  cursor: pointer;
 }
 
 .peer-row.offline {
@@ -702,6 +843,18 @@ select.blip-select:focus {
   font-size: 11px;
 }
 
+.peer-id--mesh-color {
+  font-weight: bold;
+}
+
+.peer-status-icon {
+  display: inline-block;
+  margin-right: 4px;
+  font-size: 12px;
+  line-height: 1;
+  opacity: 0.92;
+}
+
 .status-dot {
   width: 10px;
   height: 10px;
@@ -1469,7 +1622,6 @@ select.blip-select:focus {
 
 .settings-call-select {
   max-width: 100%;
-  margin-top: 6px;
 }
 
 .settings-avatar-file-input {
@@ -1490,22 +1642,41 @@ select.blip-select:focus {
 .settings-releases-feed {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 8px;
   flex: 1;
   min-height: 140px;
-  max-height: none;
-  overflow-y: auto;
   margin-top: 8px;
 }
 
 .settings-panel--updates {
   display: flex;
   flex-direction: column;
-  min-height: min(72vh, 640px);
+  flex: 1;
+  min-height: 0;
+}
+
+.settings-shell__main > .settings-panel--updates {
+  flex: 1;
+  min-height: 0;
+}
+
+.settings-panel--updates .settings-releases-feed {
+  flex: 1;
+  min-height: 120px;
+  max-height: none;
+  width: 100%;
+  max-width: none;
+  overflow-y: auto;
 }
 
 .settings-release-card {
   padding: 10px 12px;
+  margin: 0;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-glass-border) 30%, transparent);
+}
+
+.settings-releases-feed .settings-release-card:last-child {
+  border-bottom: none;
 }
 
 .settings-release-head {
@@ -1548,11 +1719,12 @@ select.blip-select:focus {
 }
 
 .settings-network-list {
-  margin: 12px 0 0;
+  margin: 0;
   display: grid;
-  grid-template-columns: minmax(120px, 40%) 1fr;
-  gap: 8px 16px;
+  grid-template-columns: minmax(128px, 38%) 1fr;
+  gap: 10px 18px;
   font-size: 12px;
+  line-height: 1.4;
 }
 
 .settings-network-list dt {
@@ -1595,6 +1767,7 @@ select.blip-select:focus {
   display: flex;
   flex-direction: column;
   gap: 8px;
+  font-size: calc(1em * var(--chat-font-scale, 1));
 }
 
 .chat-messages.flash {
@@ -1708,6 +1881,11 @@ select.blip-select:focus {
   height: 24px;
 }
 
+.chat-hub-avatar,
+.peer-row-avatar {
+  cursor: pointer;
+}
+
 .settings-avatar-preview .avatar-wrap,
 .settings-avatar-preview .avatar-img,
 .settings-avatar-preview .avatar-canvas {
@@ -1851,10 +2029,11 @@ select.blip-select:focus {
 }
 
 .mic-test-panel {
-  margin: 12px 0 20px;
-  padding: 12px;
-  border-radius: 8px;
-  background: rgba(0, 0, 0, 0.18);
+  margin: 4px 0 16px;
+  padding: 14px;
+  background: color-mix(in srgb, var(--blip-glass) 94%, var(--blip-bg));
+  border: 2px solid var(--blip-glass-border);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 10%, transparent);
 }
 
 .mic-test-meter {
@@ -1895,7 +2074,7 @@ select.blip-select:focus {
   margin-top: 8px;
 }
 
-.voice-tile-slot {
+.voice-tile-slot:not(.voice-tile-frame) {
   position: relative;
   min-height: 72px;
   display: flex;
@@ -2127,7 +2306,7 @@ select.blip-select:focus {
 /* Context menu */
 .context-menu {
   position: fixed;
-  z-index: 200;
+  z-index: 9500;
   display: flex;
   flex-direction: column;
   padding: 4px;
@@ -2157,15 +2336,31 @@ select.blip-select:focus {
   flex: 1;
   min-height: 0;
   gap: 12px;
-  max-width: min(100%, 920px);
+  max-width: none;
   width: 100%;
   align-self: stretch;
 }
 
-.settings-view label {
+.settings-view > .settings-shell {
+  flex: 1;
+  min-height: 0;
+}
+
+.settings-view > label,
+.settings-panel > label:not(.pixel-toggle-row) {
+  display: block;
   text-transform: uppercase;
   font-size: 11px;
+  line-height: 1.35;
   color: var(--blip-accent);
+  margin-bottom: 4px;
+}
+
+.settings-field label,
+.pixel-toggle-row {
+  text-transform: none;
+  font-size: inherit;
+  color: inherit;
 }
 
 .settings-sub-label {
@@ -2252,11 +2447,15 @@ select.blip-select:focus {
 .settings-shell {
   display: flex;
   flex-direction: row;
-  gap: 20px;
+  gap: 0;
   align-items: stretch;
   flex: 1;
   min-height: 0;
   width: 100%;
+  padding: 0;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 32%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-bg) 38%, var(--blip-glass));
+  box-sizing: border-box;
 }
 
 .settings-shell__main {
@@ -2266,6 +2465,7 @@ select.blip-select:focus {
   display: flex;
   flex-direction: column;
   gap: 12px;
+  padding: 14px 18px;
 }
 
 .settings-shell__main > .settings-panel {
@@ -2276,32 +2476,89 @@ select.blip-select:focus {
   overflow-y: auto;
 }
 
+.settings-shell__main > .settings-panel--empty {
+  justify-content: center;
+  align-items: flex-start;
+  padding: 24px 12px;
+}
+
 .settings-shell__nav {
-  flex: 0 0 172px;
+  flex: 0 0 248px;
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  padding: 12px;
-  border-radius: 8px;
+  gap: 10px;
+  padding: 14px 12px;
+  align-self: stretch;
+  min-height: 0;
+  overflow-y: auto;
+  border-right: 1px solid color-mix(in srgb, var(--blip-accent) 22%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-bg) 55%, transparent);
+  box-sizing: border-box;
+}
+
+.settings-shell__nav.glass {
+  border-top: none;
+  border-bottom: none;
+  border-left: none;
+}
+
+.settings-nav-group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.settings-nav-group-label {
+  font-size: 9px;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: color-mix(in srgb, var(--blip-muted) 88%, var(--blip-accent));
+  padding: 4px 2px 2px;
+  margin-top: 2px;
+}
+
+.settings-nav-group:first-child .settings-nav-group-label {
+  margin-top: 0;
+}
+
+.settings-dev-callout {
+  margin-bottom: 14px;
+  padding: 12px 14px;
+  border-color: color-mix(in srgb, var(--blip-accent) 35%, var(--blip-glass-border));
+}
+
+.settings-dev-callout__title {
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--blip-accent);
+  margin-bottom: 6px;
+}
+
+.settings-dev-callout__hint {
+  margin: 0 0 10px;
 }
 
 .settings-field {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 8px;
+  margin-bottom: 2px;
 }
 
 .settings-field-label {
-  font-size: 10px;
+  display: block;
+  font-size: 11px;
+  line-height: 1.35;
   text-transform: uppercase;
-  letter-spacing: 0.08em;
+  letter-spacing: 0.06em;
   color: var(--blip-accent);
   font-family: var(--blip-font, 'Minecraft', monospace);
 }
 
 .settings-dropdown {
   width: 100%;
-  max-width: 400px;
+  max-width: 100%;
 }
 
 .settings-panel .blip-select:active {
@@ -2313,7 +2570,11 @@ select.blip-select:focus {
   width: 100%;
   text-align: left;
   text-transform: uppercase;
-  font-size: 11px;
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+  padding: 8px 10px;
+  line-height: 1.25;
 }
 
 .settings-nav-btn.selected {
@@ -2328,22 +2589,33 @@ select.blip-select:focus {
 }
 
 .settings-panel-title {
-  margin: 0 0 4px 0;
-  font-size: 18px;
+  margin: 0 0 8px 0;
+  font-size: 19px;
+  line-height: 1.35;
   color: var(--blip-accent);
   text-transform: uppercase;
-  letter-spacing: 1px;
+  letter-spacing: 0.06em;
+  flex-shrink: 0;
 }
 
 .settings-panel-title-row {
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin-bottom: 12px;
+  gap: 10px;
+  margin-bottom: 16px;
+  flex-shrink: 0;
 }
 
 .settings-panel-title-row .settings-panel-title {
   margin: 0;
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-panel-title-row .section-subtitle {
+  margin: 0;
+  flex: 1;
+  min-width: 0;
 }
 
 .settings-panel--empty .hint {
@@ -2352,13 +2624,154 @@ select.blip-select:focus {
   line-height: 1.5;
 }
 
-.settings-blocked-list {
+.settings-list-panel {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-}
-
-.settings-blocked-row {
+  gap: 0;
+  padding: 2px;
+  background: color-mix(in srgb, var(--blip-glass) 94%, var(--blip-bg));
+  border: 2px solid var(--blip-glass-border);
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 12%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.45);
+  overflow: hidden;
+}
+
+.settings-list-panel--compact {
+  max-width: 420px;
+}
+
+.settings-list-panel--auto {
+  max-height: none;
+  overflow: visible;
+  padding: 12px 14px;
+}
+
+.settings-blocked-list.settings-list-panel {
+  max-height: min(40vh, 360px);
+  overflow-y: auto;
+}
+
+.settings-releases-feed.settings-list-panel {
+  max-height: min(52vh, 520px);
+  overflow-y: auto;
+}
+
+.settings-panel--updates .settings-releases-feed.settings-list-panel {
+  flex: 1;
+  min-height: 0;
+  max-height: none;
+  overflow-y: auto;
+}
+
+.settings-panel--shortcuts {
+  flex: 0 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.settings-panel--shortcuts .settings-shortcuts-panel {
+  flex-shrink: 0;
+  max-height: none;
+  overflow: visible;
+}
+
+.settings-appearance-wrap .settings-list-panel {
+  background: color-mix(in srgb, var(--blip-glass) 62%, transparent);
+}
+
+.settings-list-panel--empty {
+  min-height: 72px;
+  padding: 14px 16px;
+  justify-content: center;
+  align-items: stretch;
+}
+
+.settings-list-panel--empty .hint {
+  margin: 0;
+  text-align: center;
+  line-height: 1.45;
+}
+
+.settings-list-panel__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-glass-border) 35%, transparent);
+}
+
+.settings-list-panel__row:last-child {
+  border-bottom: none;
+}
+
+.settings-blocked-list {
+  width: 100%;
+  max-width: 520px;
+}
+
+.settings-list-panel--stretch-x,
+.settings-shortcuts-panel,
+.settings-panel--privacy .settings-blocked-list {
+  width: 100%;
+  max-width: none;
+}
+
+.settings-appearance-wrap {
+  width: 100%;
+  max-width: none;
+}
+
+.settings-appearance-wrap > .section-title-row {
+  margin-top: 20px;
+}
+
+.settings-appearance-wrap > .section-title-row:first-child {
+  margin-top: 0;
+}
+
+.settings-appearance-accent-group {
+  display: flex;
+  flex-direction: column;
+  background: color-mix(in srgb, var(--blip-glass) 55%, var(--blip-bg));
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 22%, var(--blip-glass-border));
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 8%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.4);
+  gap: 4px;
+  padding: 14px 16px 16px;
+  margin: 6px 0 8px;
+  width: 100%;
+  max-width: none;
+  box-sizing: border-box;
+}
+
+.settings-appearance-accent-group .section-title-row {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.settings-appearance-control {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.settings-appearance-control:last-child {
+  margin-bottom: 0;
+}
+
+.settings-appearance-control .blip-select,
+.settings-appearance-control select.blip-select {
+  width: 100%;
+  max-width: none;
+}
+
+.settings-appearance-accent-group .settings-theme-editor {
+  margin-top: 4px;
+}
+
+.settings-blocked-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2562,9 +2975,29 @@ select.blip-select:focus {
 }
 
 .transfer-hub-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
   margin-bottom: 8px;
 }
 
+.transfer-hub-row-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.transfer-hub-dismiss,
+.transfer-hub-clear {
+  flex-shrink: 0;
+  min-width: 28px;
+  padding: 2px 8px;
+  font-size: 14px;
+  line-height: 1;
+}
+
 .transfer-hub-title {
   font-size: 11px;
   letter-spacing: 0.12em;
@@ -2619,6 +3052,56 @@ select.blip-select:focus {
   letter-spacing: 0.08em;
 }
 
+.transfer-hub-section-head {
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+  margin: 6px 0 4px;
+}
+
+.transfer-hub-section-head--done {
+  color: var(--blip-accent);
+}
+
+.transfer-hub-row--done .transfer-hub-fill {
+  background: color-mix(in srgb, var(--blip-accent) 70%, #2a2a2a);
+}
+
+.transfer-hub-open {
+  align-self: flex-start;
+  margin-top: 4px;
+  padding: 4px 10px;
+  font-size: 10px;
+}
+
+.beacon-drop-compact.beacon-drop--active {
+  border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 12%, transparent);
+}
+
+.chat-forward-seed-unavail {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: 6px;
+  padding: 6px 8px;
+  font-size: 0.72rem;
+  background: rgba(255, 80, 80, 0.12);
+  border: 1px solid rgba(255, 80, 80, 0.35);
+}
+
+.chat-forward-seed-text {
+  flex: 1 1 120px;
+  opacity: 0.9;
+}
+
+.chat-forward-seed-btn {
+  padding: 4px 8px;
+  font-size: 10px;
+}
+
 .chat-file-pending {
   font-size: 10px;
   color: var(--blip-muted);
@@ -2642,42 +3125,71 @@ select.blip-select:focus {
   color: var(--blip-text);
 }
 
+.settings-network-body .hint {
+  margin: 0;
+}
+
 .settings-shortcuts-sub {
-  margin: 0 0 8px 0;
+  margin: 12px 0 8px 0;
   font-size: 11px;
+  line-height: 1.35;
   text-transform: uppercase;
   color: color-mix(in srgb, var(--blip-accent) 80%, transparent);
-  letter-spacing: 0.5px;
+  letter-spacing: 0.04em;
 }
 
 .settings-shortcuts-list {
   margin: 0;
   display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 8px 24px;
-  max-width: 360px;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 10px 20px;
+  padding: 10px 12px;
+  align-items: center;
 }
 
 .settings-shortcuts-list dt {
   margin: 0;
   font-size: 13px;
+  line-height: 1.35;
   color: var(--blip-text);
+  min-width: 0;
 }
 
 .settings-shortcuts-list dd {
   margin: 0;
   font-size: 13px;
+  line-height: 1.35;
   font-family: inherit;
   color: var(--blip-accent);
   text-align: right;
+  white-space: nowrap;
+}
+
+.settings-list-panel--compact {
+  max-height: none;
+  overflow: visible;
 }
 
 .section-subtitle {
-  margin-top: 8px;
-  font-size: 12px;
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.35;
   color: var(--blip-accent);
   text-transform: uppercase;
-  letter-spacing: 1px;
+  letter-spacing: 0.08em;
+  flex-shrink: 0;
+}
+
+.section-title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 18px 0 12px;
+  flex-shrink: 0;
+}
+
+.section-title-row:first-child {
+  margin-top: 0;
 }
 
 .settings-about-line {
@@ -2732,1026 +3244,3819 @@ select.blip-select:focus {
 .app-toast {
   position: relative;
   max-width: 320px;
-  padding: 12px 14px;
+  padding: 12px 36px 12px 14px;
   border: 2px solid var(--blip-accent);
   background: var(--blip-toast-bg);
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
   font-size: 12px;
+  touch-action: pan-y;
+  user-select: none;
 }
 
-.app-toast--danger {
-  border-color: var(--blip-danger);
-}
-
-.app-toast--danger strong {
-  color: var(--blip-danger);
+.toast-close {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  min-width: 24px;
+  padding: 2px 6px;
+  font-size: 14px;
+  line-height: 1;
+  z-index: 1;
 }
 
-.toast-actions {
+.beacon-panel {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 8500;
+  width: min(420px, calc(100vw - 32px));
+  max-height: min(70vh, 520px);
+  padding: 16px;
+  border: 2px solid var(--blip-accent);
   display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 8px;
+  flex-direction: column;
+  gap: 10px;
 }
 
-.toast-actions .btn {
-  flex: 1;
-  min-width: 120px;
+.beacon-panel.hidden {
+  display: none;
 }
 
-/* Mesh label modal */
-.blip-modal-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 500;
+.beacon-head {
   display: flex;
   align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.55);
-  padding: 16px;
-}
-
-.blip-modal {
-  width: 100%;
-  max-width: 400px;
-  padding: 16px 18px;
-  border: 2px solid var(--blip-accent);
+  justify-content: space-between;
+  gap: 8px;
 }
 
-.blip-modal-title {
-  margin: 0 0 8px;
-  font-size: 14px;
+.beacon-title {
+  font-size: 12px;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
   color: var(--blip-accent);
 }
 
-.blip-modal-hint {
-  margin: 0 0 12px;
+.beacon-hint {
+  font-size: 11px;
+  color: var(--blip-muted);
+  margin: 0;
 }
 
-.blip-modal-input {
-  max-width: none;
-  margin-bottom: 14px;
+.beacon-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow-y: auto;
 }
 
-.blip-modal-actions {
+.beacon-row {
+  padding: 10px;
   display: flex;
-  justify-content: flex-end;
+  flex-direction: column;
   gap: 8px;
 }
 
-.app-toast strong {
-  display: block;
-  color: var(--blip-accent);
-  margin-bottom: 6px;
-  text-transform: uppercase;
-}
-
-.toast-preview {
-  color: var(--blip-text);
-  margin: 0 0 10px;
-  word-break: break-word;
-  max-height: 72px;
-  overflow: hidden;
-}
-
-.app-toast .toast-open {
-  width: 100%;
-  margin-top: 4px;
-}
-
-.app-toast.toast-out {
-  opacity: 0;
-  transition: opacity 0.3s steps(1);
-}
-
-/* Error toast */
-.error-toast {
-  position: fixed;
-  bottom: 24px;
-  left: 50%;
-  transform: translateX(-50%);
-  padding: 16px 24px;
-  z-index: 300;
-  border-color: var(--blip-danger);
-  text-align: center;
-}
-
-.error-toast strong {
-  display: block;
-  color: var(--blip-danger);
-  text-transform: uppercase;
-  margin-bottom: 4px;
+.beacon-row-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
 }
 
-/* Chat hub — group invite cards */
-.chat-hub-invites-section {
+.beacon-row-info {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-bottom: 12px;
-  padding-bottom: 12px;
-  border-bottom: 2px solid var(--blip-glass-border);
+  gap: 4px;
+  min-width: 0;
 }
 
-.chat-hub-invites-title {
-  font-size: 10px;
-  letter-spacing: 0.14em;
-  color: var(--blip-accent);
-  margin: 0 0 4px 4px;
+.beacon-row-actions {
+  flex-shrink: 0;
 }
 
-.chat-hub-invite {
+.beacon-toolbar {
   display: flex;
-  flex-direction: column;
   gap: 10px;
-  padding: 12px;
-  border: 2px solid var(--blip-glass-border);
-}
-
-.chat-hub-invite-body {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
+  margin-bottom: 4px;
 }
 
-.chat-hub-invite-name {
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
+.beacon-file-input.hidden {
+  display: none;
 }
 
-.chat-hub-invite-meta {
-  font-size: 10px;
-  color: var(--blip-muted);
+.beacon-progress-track {
+  height: 6px;
+  border: 1px solid var(--blip-accent);
+  background: rgba(0, 0, 0, 0.4);
 }
 
-.chat-hub-invite-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
+.beacon-progress-fill {
+  height: 100%;
+  background: var(--blip-accent);
+  transition: width 0.12s steps(6);
 }
 
-.chat-hub-invite-actions .btn {
-  flex: 1;
-  min-width: 88px;
+.beacon-progress-label {
   font-size: 10px;
-  padding: 8px 10px;
-}
-
-/* Group community — channel sidebar + voice stage */
-.group-community {
-  display: flex;
-  gap: 8px;
-  height: calc(100vh - 120px);
-  min-height: 320px;
+  color: var(--blip-muted);
+  letter-spacing: 0.06em;
 }
 
-.group-sidebar {
-  flex: 0 0 140px;
+.beacon-publish-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 40;
   display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 10px 8px;
-  overflow-y: auto;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--blip-bg, #0a0a12) 72%, transparent);
+  backdrop-filter: blur(4px);
 }
 
-.group-sidebar-head {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  align-items: flex-start;
-  padding-bottom: 8px;
-  border-bottom: 2px solid var(--blip-glass-border);
-  margin-bottom: 4px;
+.beacon-publish-overlay.hidden {
+  display: none;
 }
 
-.group-sidebar-head-text {
-  flex: 1;
-  min-width: 0;
+.beacon-publish-overlay-card {
+  min-width: min(420px, 92vw);
+  padding: 20px 22px;
   display: flex;
   flex-direction: column;
-  gap: 2px;
-}
-
-.group-sidebar-avatar-btn {
-  border: none;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
+  gap: 10px;
+  align-items: stretch;
+  border: 2px solid var(--blip-accent);
+  animation: beacon-publish-pulse 1.2s steps(4) infinite;
 }
 
-.group-sidebar-avatar-btn .group-avatar-wrap,
-.group-sidebar-avatar-btn .avatar-wrap {
+.beacon-publish-overlay-spinner {
   width: 28px;
   height: 28px;
+  margin: 0 auto 4px;
+  border: 3px solid color-mix(in srgb, var(--blip-accent) 35%, transparent);
+  border-top-color: var(--blip-accent);
+  border-radius: 50%;
+  animation: beacon-spin 0.9s linear infinite;
 }
 
-.group-sidebar-avatar-btn canvas,
-.group-sidebar-avatar-btn img {
-  width: 28px !important;
-  height: 28px !important;
+.beacon-publish-overlay-title {
+  text-align: center;
+  letter-spacing: 0.08em;
+  font-size: 12px;
 }
 
-.group-unstable-banner {
-  display: flex;
-  gap: 4px;
-  align-items: center;
-  padding: 4px 6px;
-  margin: 2px 0;
-  font-size: 9px;
-  color: #ff3366;
-  border: 1px solid color-mix(in srgb, #ff3366 40%, transparent);
+.beacon-publish-overlay-name {
+  text-align: center;
+  font-size: 11px;
+  color: var(--blip-muted);
+  word-break: break-all;
 }
 
-.group-unstable-help {
-  min-width: 20px;
-  padding: 0 4px;
+.beacon-publish-overlay-track {
+  margin-top: 4px;
 }
 
-.group-unstable-text {
-  line-height: 1.2;
+.beacon-publish-overlay-pct,
+.beacon-publish-overlay-phase {
+  text-align: center;
 }
 
-.group-sidebar-section--projects {
-  color: var(--blip-accent);
+.beacon-table-row--ingest {
+  outline: 1px dashed var(--blip-accent);
 }
 
-.group-sidebar-back {
-  align-self: flex-start;
-  min-width: 36px;
-  padding: 4px 8px;
-  margin-bottom: 4px;
+@keyframes beacon-spin {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
-.group-sidebar-title {
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--blip-accent);
-  word-break: break-word;
+@keyframes beacon-publish-pulse {
+  50% {
+    border-color: color-mix(in srgb, var(--blip-accent) 55%, #fff);
+  }
 }
 
-.group-sidebar-title-btn {
-  border: none;
-  background: transparent;
-  padding: 0;
-  text-align: left;
-  cursor: pointer;
-  font: inherit;
-  width: 100%;
+.beacon-sub {
+  font-size: 10px;
+  color: var(--blip-muted);
 }
 
-.group-sidebar-title-btn:hover {
-  text-decoration: underline;
+.beacon-empty {
+  font-size: 11px;
+  color: var(--blip-muted);
+  margin: 0;
 }
 
-.projects-workspace-view {
-  flex: 1;
-  min-height: 0;
+.beacon-view {
+  position: relative;
+  padding: 16px 20px 24px;
   display: flex;
   flex-direction: column;
+  gap: 14px;
+  max-height: 100%;
+  overflow: auto;
+  background:
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--blip-accent) 6%, transparent) 0%,
+      transparent 28%
+    ),
+    transparent;
 }
 
-.projects-workspace {
-  flex: 1;
-  min-height: 0;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.beacon-title-row {
+  align-items: center;
+  gap: 10px;
 }
 
-.projects-workspace-body {
-  flex: 1;
-  min-height: 0;
+.beacon-title-beta {
+  font-size: 9px;
+  letter-spacing: 0.14em;
+  padding: 2px 6px;
+  border: 2px solid var(--blip-accent);
+  color: var(--blip-accent);
+}
+
+.beacon-hero {
+  display: grid;
+  grid-template-columns: 1fr minmax(140px, 220px);
+  gap: 14px;
+  padding: 14px 16px;
+  border: 2px solid var(--blip-accent);
+  align-items: center;
+}
+
+.beacon-hero-left {
   display: flex;
-  gap: 8px;
-  overflow: hidden;
+  gap: 14px;
+  align-items: center;
+  min-width: 0;
 }
 
-.projects-sidebar {
-  flex: 0 0 140px;
+.beacon-hero-copy {
   display: flex;
   flex-direction: column;
   gap: 6px;
-  padding: 10px 8px;
-  overflow-y: auto;
+  min-width: 0;
 }
 
-.projects-sidebar-label {
+.beacon-hero-tag {
   font-size: 9px;
-  letter-spacing: 0.12em;
+  letter-spacing: 0.14em;
   text-transform: uppercase;
   color: var(--blip-accent);
 }
 
-.projects-tool-list {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
+.beacon-hero-lead {
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.45;
+  color: var(--blip-muted);
+  max-width: 42ch;
 }
 
-.projects-tool-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  width: 100%;
-  padding: 8px;
-  border: 2px solid transparent;
-  background: transparent;
-  color: var(--blip-text);
-  font-family: inherit;
-  font-size: 11px;
-  cursor: pointer;
-  text-align: left;
+.beacon-hero-tower {
+  position: relative;
+  flex: 0 0 auto;
 }
 
-.projects-tool-btn:hover {
-  border-color: var(--blip-glass-border);
+.beacon-hero-beam {
+  position: absolute;
+  left: 50%;
+  top: 2px;
+  width: 28px;
+  height: 28px;
+  margin-left: -14px;
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--blip-accent) 45%, transparent) 0%,
+    transparent 100%
+  );
+  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  animation: beacon-beam-pulse 2.4s steps(4) infinite;
+  pointer-events: none;
 }
 
-.projects-tool-btn--active {
-  border-color: var(--blip-accent);
-  background: color-mix(in srgb, var(--blip-accent) 10%, transparent);
+@keyframes beacon-beam-pulse {
+  0%,
+  100% {
+    opacity: 0.35;
+  }
+  50% {
+    opacity: 0.9;
+  }
 }
 
-.projects-tool-btn--soon {
-  opacity: 0.75;
+.beacon-pixel-icon {
+  display: block;
+  width: 16px;
+  height: 20px;
+  image-rendering: pixelated;
+  background: var(--blip-accent);
+  clip-path: polygon(
+    50% 0%,
+    62% 28%,
+    88% 32%,
+    68% 52%,
+    74% 100%,
+    50% 82%,
+    26% 100%,
+    32% 52%,
+    12% 32%,
+    38% 28%
+  );
+  box-shadow:
+    0 0 0 2px var(--blip-bg),
+    0 0 12px color-mix(in srgb, var(--blip-accent) 35%, transparent);
+}
+
+.beacon-pixel-icon--hero {
+  width: 28px;
+  height: 36px;
 }
 
-.projects-tool-icon {
-  color: var(--blip-accent);
+.beacon-hero-spark,
+.beacon-bw-legend {
+  min-width: 0;
 }
 
-.projects-main {
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
+.beacon-bw-canvas {
+  width: 100%;
+  max-width: 220px;
+  height: auto;
+  image-rendering: pixelated;
+  border: 2px solid var(--blip-border);
+}
+
+.beacon-bw-legend {
   display: flex;
-  flex-direction: column;
-  overflow: hidden;
+  gap: 10px;
+  font-size: 9px;
+  letter-spacing: 0.06em;
+  margin-top: 6px;
+  color: var(--blip-muted);
 }
 
-.projects-main > .proj-tool,
-.projects-main > .projects-stub {
-  flex: 1;
-  min-height: 0;
-  width: 100%;
+.beacon-bw-legend__down {
+  color: var(--blip-accent);
 }
 
-.proj-tool--pad {
-  min-height: 0;
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
+.beacon-stat-card--accent {
+  border-color: var(--blip-accent);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 14%, transparent);
 }
 
-.projects-stub {
+.beacon-stat-card--accent strong {
+  color: var(--blip-accent);
+}
+
+.beacon-drop-zone {
   flex: 1;
+  min-width: 180px;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 8px;
-  padding: 24px;
-  text-align: center;
+  gap: 10px;
+  padding: 12px 14px;
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  color: var(--blip-muted);
+  border: 2px dashed var(--blip-muted);
+  cursor: pointer;
+  transition:
+    border-color 0.12s steps(2),
+    color 0.12s steps(2);
 }
 
-.projects-stub-icon {
-  font-size: 28px;
+.beacon-drop-zone.beacon-drop--active {
+  border-color: var(--blip-accent);
   color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 8%, transparent);
 }
 
-.projects-stub-title {
-  margin: 0;
-  font-size: 14px;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.group-sidebar-meta {
-  font-size: 9px;
-  color: var(--blip-muted);
-  letter-spacing: 0.04em;
+.beacon-table-row--active {
+  border-color: var(--blip-accent);
+  box-shadow: inset 3px 0 0 var(--blip-accent);
 }
 
-.group-sidebar-section {
-  font-size: 9px;
-  letter-spacing: 0.12em;
-  color: var(--blip-muted);
-  margin-top: 6px;
-  padding: 0 4px;
+.beacon-col-name {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  padding-right: 6px;
 }
 
-.group-channel-list {
+.beacon-col-name-text {
   display: flex;
   flex-direction: column;
   gap: 2px;
+  min-width: 0;
 }
 
-.group-channel-btn {
+.beacon-preview-thumb {
+  flex: 0 0 40px;
+  width: 40px;
+  height: 40px;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.45);
   display: flex;
   align-items: center;
-  gap: 6px;
-  width: 100%;
-  padding: 8px 8px;
-  border: 2px solid transparent;
-  background: transparent;
-  color: var(--blip-text);
-  font-family: inherit;
-  font-size: 11px;
-  cursor: pointer;
-  text-align: left;
-  transition: border-color 0.12s, background 0.12s;
+  justify-content: center;
+  overflow: hidden;
 }
 
-.group-channel-btn:hover {
-  border-color: var(--blip-glass-border);
-  background: rgba(0, 255, 200, 0.06);
+.beacon-preview-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  image-rendering: pixelated;
 }
 
-.group-channel-btn--active {
-  border-color: var(--blip-accent);
-  background: rgba(0, 255, 200, 0.1);
+.beacon-preview-glyph {
+  width: 18px;
+  height: 14px;
+  opacity: 0.7;
 }
 
-.group-channel-btn--voice.group-channel-btn--live {
-  border-color: var(--blip-accent);
-  box-shadow: inset 0 0 0 1px var(--blip-accent-dim);
+.beacon-progress-track--pixel {
+  height: 8px;
+  border-width: 2px;
 }
 
-.group-channel-icon {
-  flex-shrink: 0;
-  opacity: 0.85;
+.beacon-seed-pip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 26px;
+  padding: 4px 7px;
   font-size: 10px;
+  line-height: 1.2;
+  border: 2px solid var(--blip-border);
 }
 
-.group-channel-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.beacon-status-badge--active {
+  border-color: var(--blip-accent);
+  color: var(--blip-accent);
+  animation: beacon-badge-blink 1.2s steps(2) infinite;
 }
 
-.group-channel-badge {
-  flex-shrink: 0;
-  min-width: 18px;
-  padding: 2px 4px;
-  font-size: 9px;
-  text-align: center;
-  background: var(--blip-bg);
-  border: 1px solid var(--blip-glass-border);
-  color: var(--blip-accent);
+@keyframes beacon-badge-blink {
+  50% {
+    opacity: 0.65;
+  }
 }
 
-.group-community-body {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.pixel-glyph--file {
+  display: block;
+  width: 14px;
+  height: 16px;
+  border: 2px solid currentColor;
+  box-shadow: inset 0 -6px 0 currentColor;
 }
 
-.group-community-chat {
-  flex: 1;
-  min-height: 0;
-  height: auto !important;
+.pixel-glyph--upload {
+  display: block;
+  width: 0;
+  height: 0;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 10px solid currentColor;
+  box-shadow: 0 12px 0 -4px currentColor;
 }
 
-.group-community-chat .chat-messages {
-  flex: 1;
-  min-height: 120px;
+.settings-range-row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  gap: 6px 12px;
+  align-items: center;
+  padding: 10px 0;
+  font-size: 11px;
 }
 
-.voice-stage {
-  flex-shrink: 0;
-  padding: 10px 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
+.settings-range-row > span:first-child {
+  grid-column: 1 / -1;
+  color: var(--blip-muted);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  font-size: 10px;
 }
 
-.voice-stage-head {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 8px;
+.settings-range {
+  grid-column: 1;
+  width: 100%;
+  accent-color: var(--blip-accent);
 }
 
-.voice-stage-title {
-  font-size: 10px;
-  letter-spacing: 0.14em;
+.settings-range-val {
+  font-size: 11px;
   color: var(--blip-accent);
+  min-width: 2.5rem;
+  text-align: right;
 }
 
-.voice-stage-status {
-  font-size: 9px;
-  color: var(--blip-muted);
+.settings-bandwidth-block {
+  margin-top: 16px;
 }
 
-.voice-stage-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
-  gap: 8px;
+.bandwidth-graph-panel {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
 }
 
-.voice-tile {
+.bandwidth-graph-panel__spark {
+  width: 100%;
+}
+
+.bandwidth-graph-panel__bars {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 6px;
-  position: relative;
+  gap: 8px;
 }
 
-.voice-tile-slot {
-  width: 48px;
-  height: 48px;
-  display: flex;
+.bandwidth-graph-panel__row {
+  display: grid;
+  grid-template-columns: 72px 1fr auto;
+  gap: 8px;
   align-items: center;
-  justify-content: center;
+  font-size: 10px;
 }
 
-.voice-tile-label {
-  font-size: 9px;
-  color: var(--blip-muted);
+.bandwidth-graph-panel__track {
+  height: 8px;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.4);
 }
 
-.voice-tile-badges {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  display: flex;
-  gap: 2px;
+.bandwidth-graph-panel__fill {
+  height: 100%;
+  background: var(--blip-accent);
+  transition: width 0.2s steps(4);
 }
 
-.voice-stage-controls {
+.bandwidth-graph-panel__fill--up {
+  background: rgba(120, 200, 255, 0.9);
+}
+
+.bandwidth-graph-panel__val {
+  color: var(--blip-muted);
+  font-size: 9px;
+  min-width: 4.5rem;
+  text-align: right;
+}
+
+@media (max-width: 900px) {
+  .beacon-hero {
+    grid-template-columns: 1fr;
+  }
+  .beacon-hero-spark {
+    order: 3;
+  }
+}
+
+.beacon-stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: 10px;
+}
+
+.beacon-stat-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 14px;
+  border: 2px solid var(--blip-accent);
+}
+
+.beacon-stat-card--muted {
+  opacity: 0.5;
+  border-color: var(--blip-muted);
+}
+
+.beacon-stat-card strong {
+  font-size: 18px;
+  color: var(--blip-accent);
+  letter-spacing: 0.04em;
+}
+
+.beacon-stat-card--muted strong {
+  color: var(--blip-muted);
+}
+
+.beacon-stat-label {
+  font-size: 9px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+}
+
+.beacon-body {
+  display: grid;
+  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+}
+
+@media (max-width: 900px) {
+  .beacon-body {
+    grid-template-columns: 1fr;
+  }
+}
+
+.beacon-aside {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.beacon-control-section {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border: 2px solid var(--blip-border);
+}
+
+.beacon-control-title {
+  margin: 0;
+  font-size: 10px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+}
+
+.beacon-slider-row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  gap: 4px 10px;
+  align-items: center;
+  font-size: 10px;
+  color: var(--blip-text);
+}
+
+.beacon-slider-row span:first-child {
+  grid-column: 1 / -1;
+  color: var(--blip-muted);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.beacon-slider-row--soon {
+  opacity: 0.55;
+}
+
+.beacon-range {
+  grid-column: 1;
+  width: 100%;
+  height: 8px;
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+  background: rgba(0, 0, 0, 0.55);
+  border: 2px solid var(--blip-border);
+  border-radius: 0;
+  accent-color: var(--blip-accent);
+}
+
+.beacon-range:disabled {
+  accent-color: var(--blip-muted);
+  cursor: not-allowed;
+}
+
+.beacon-slider-val {
+  font-size: 11px;
+  min-width: 1.5rem;
+  text-align: right;
+  color: var(--blip-muted);
+}
+
+.beacon-aside-btn {
+  width: 100%;
+  font-size: 10px;
+  letter-spacing: 0.08em;
+}
+
+.beacon-aside-btn--wide {
+  margin-top: 4px;
+}
+
+.beacon-main {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+
+.beacon-tabs {
+  display: flex;
+  gap: 0;
+  border-bottom: 2px solid var(--blip-border);
+}
+
+.beacon-tab {
+  flex: 1;
+  padding: 10px 12px;
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -2px;
+  color: var(--blip-muted);
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.beacon-tab--active {
+  color: var(--blip-accent);
+  border-bottom-color: var(--blip-accent);
+}
+
+.beacon-tab--soon {
+  opacity: 0.55;
+}
+
+.beacon-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  gap: 10px;
+  padding: 10px;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.25);
+}
+
+.beacon-toolbar-primary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  flex: 1;
+}
+
+.beacon-drop-compact {
+  flex: 1;
+  min-width: 160px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 12px;
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  color: var(--blip-muted);
+  border: 2px dashed var(--blip-muted);
+  cursor: pointer;
+}
+
+.beacon-soon-block,
+.beacon-soon-btn,
+.beacon-soon-input {
+  opacity: 0.5;
+}
+
+.beacon-soon-input {
+  width: 100%;
+  cursor: not-allowed;
+}
+
+.beacon-file-input.hidden {
+  display: none;
+}
+
+.beacon-table-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-height: 160px;
+}
+
+.beacon-table-head {
+  display: grid;
+  grid-template-columns: 1.6fr 0.65fr 1fr 0.5fr 0.85fr 36px;
+  gap: 8px;
+  padding: 4px 14px 6px;
+  font-size: 9px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+}
+
+.beacon-table-head-cell {
+  padding: 2px 4px;
+  line-height: 1.35;
+}
+
+.beacon-table-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.beacon-table-row {
+  display: grid;
+  grid-template-columns: 1.6fr 0.65fr 1fr 0.5fr 0.85fr 36px;
+  gap: 10px;
+  align-items: center;
+  padding: 14px 16px;
+  font-size: 12px;
+  line-height: 1.4;
+  border: 2px solid var(--blip-border);
+  transition: border-color 0.12s steps(2);
+}
+
+.beacon-col {
+  min-width: 0;
+  padding: 2px 4px;
+}
+
+.beacon-table-row:hover {
+  border-color: var(--blip-accent);
+}
+
+.beacon-table-row--paused {
+  opacity: 0.72;
+  border-color: var(--blip-muted);
+}
+
+.beacon-col-name strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.beacon-col-progress {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.beacon-progress-track {
+  height: 6px;
+  border: 1px solid var(--blip-accent);
+  background: rgba(0, 0, 0, 0.45);
+}
+
+.beacon-progress-fill {
+  height: 100%;
+  background: var(--blip-accent);
+  transition: width 0.12s steps(6);
+}
+
+.beacon-status-badge {
+  display: inline-block;
+  padding: 4px 8px;
+  font-size: 9px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  border: 1px solid var(--blip-muted);
+  line-height: 1.3;
+}
+
+.beacon-status-badge--seed {
+  border-color: var(--blip-accent);
+  color: var(--blip-accent);
+}
+
+.beacon-status-badge--avail {
+  color: var(--blip-muted);
+}
+
+.beacon-status-badge--paused {
+  border-color: var(--blip-muted);
+  color: var(--blip-muted);
+}
+
+.beacon-col-menu {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.beacon-row-menu-btn {
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.35);
+  cursor: pointer;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.beacon-row-menu-btn:hover,
+.beacon-row-menu-btn:focus-visible {
+  border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, transparent);
+}
+
+.beacon-row-menu-btn::after {
+  content: '';
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  width: 4px;
+  height: 4px;
+  background: var(--blip-accent);
+  box-shadow:
+    6px 0 0 var(--blip-accent),
+    0 6px 0 var(--blip-accent),
+    6px 6px 0 var(--blip-accent);
+}
+
+.beacon-row-menu {
+  position: fixed;
+  z-index: 12000;
+  min-width: 200px;
+  max-width: min(280px, calc(100vw - 16px));
+  padding: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  border: 2px solid var(--blip-accent);
+}
+
+.beacon-row-menu-item {
+  width: 100%;
+  text-align: left;
+  padding: 8px 10px;
+  font-size: 10px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  border: none;
+  background: transparent;
+  color: var(--blip-text);
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.beacon-row-menu-item:hover:not(:disabled) {
+  background: var(--blip-accent);
+  color: var(--blip-on-accent);
+}
+
+.beacon-row-menu-item--danger {
+  color: var(--blip-danger);
+}
+
+.beacon-row-menu-item--danger:hover:not(:disabled) {
+  background: var(--blip-danger);
+  color: #fff;
+}
+
+.beacon-row-menu-item:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.beacon-action-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  justify-content: flex-end;
+}
+
+.beacon-row-btn {
+  font-size: 9px;
+  padding: 4px 7px;
+  letter-spacing: 0.06em;
+}
+
+.beacon-sub {
+  font-size: 10px;
+  color: var(--blip-muted);
+}
+
+.beacon-empty,
+.beacon-soon-panel {
+  padding: 20px;
+  font-size: 11px;
+  color: var(--blip-muted);
+  text-align: center;
+}
+
+.beacon-search {
+  width: 100%;
+}
+
+.beacon-view-title {
+  margin: 0;
+}
+
+.nav-beta-badge {
+  font-size: 9px;
+  letter-spacing: 0.1em;
+  color: var(--blip-muted);
+  border: 1px solid var(--blip-muted);
+  padding: 1px 4px;
+  vertical-align: middle;
+}
+
+.nav-btn .nav-beta-badge {
+  margin-left: 2px;
+}
+
+.app-toast--danger {
+  border-color: var(--blip-danger);
+}
+
+.app-toast--danger strong {
+  color: var(--blip-danger);
+}
+
+.app-toast--achievement {
+  max-width: min(360px, calc(100vw - 24px));
+  padding: 10px 12px;
+}
+
+.achievement-toast__inner {
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+}
+
+.achievement-toast__icon {
+  flex: 0 0 56px;
+}
+
+.achievement-toast__icon .ach-icon-slot {
+  width: 56px;
+  height: 56px;
+}
+
+.achievement-toast__text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.achievement-toast__kicker {
+  font-size: 9px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: color-mix(in srgb, var(--blip-accent) 80%, var(--blip-muted));
+}
+
+.achievement-toast__title {
+  display: block;
+  font-size: 13px;
+  line-height: 1.35;
+  color: var(--blip-accent);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.achievement-toast__desc {
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--blip-muted);
+}
+
+.ach-icon-slot {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--blip-bg) 78%, var(--blip-glass));
+  border: 2px solid var(--blip-glass-border);
+  box-sizing: border-box;
+}
+
+.ach-card--unlocked .ach-icon-slot {
+  border-color: color-mix(in srgb, var(--blip-accent) 50%, var(--blip-glass-border));
+}
+
+.ach-icon-slot__img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  object-position: center;
+  padding: 4px;
+  box-sizing: border-box;
+  image-rendering: -webkit-optimize-contrast;
+  image-rendering: crisp-edges;
+}
+
+.ach-icon-slot__glyph {
+  font-size: 18px;
+  line-height: 1;
+  letter-spacing: -0.06em;
+  color: var(--blip-accent);
+  font-family: var(--blip-font, 'Minecraft', monospace);
+  text-shadow: 0 0 8px color-mix(in srgb, var(--blip-accent) 35%, transparent);
+}
+
+.ach-card__icon .ach-icon-slot__glyph {
+  font-size: 20px;
+}
+
+.ach-card:not(.ach-card--unlocked) .ach-icon-slot__glyph {
+  color: color-mix(in srgb, var(--blip-accent) 72%, var(--blip-muted));
+  opacity: 0.92;
+  text-shadow: 0 0 6px color-mix(in srgb, var(--blip-accent) 22%, transparent);
+}
+
+.ach-card:not(.ach-card--unlocked) .ach-icon-slot {
+  background: color-mix(in srgb, var(--blip-bg) 88%, var(--blip-glass));
+  border-color: color-mix(in srgb, var(--blip-muted) 40%, var(--blip-glass-border));
+}
+
+.ach-icon-slot--hidden {
+  width: 56px;
+  height: 56px;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  background: color-mix(in srgb, var(--blip-bg) 92%, var(--blip-glass));
+  border: 2px dashed color-mix(in srgb, var(--blip-muted) 45%, var(--blip-glass-border));
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35);
+}
+
+.ach-icon-slot--hidden:hover,
+.ach-icon-slot--hidden:focus-visible {
+  border-color: color-mix(in srgb, var(--blip-accent) 45%, var(--blip-glass-border));
+  outline: none;
+}
+
+.ach-icon-slot__hidden-mark {
+  font-size: 22px;
+  line-height: 1;
+  color: color-mix(in srgb, var(--blip-muted) 75%, var(--blip-text));
+  font-family: var(--blip-font, 'Minecraft', monospace);
+  letter-spacing: 0;
+  text-shadow: none;
+}
+
+.ach-card--unlocked .ach-icon-slot__img {
+  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--blip-accent) 45%, transparent));
+}
+
+.toast-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.toast-actions .btn {
+  flex: 1;
+  min-width: 120px;
+}
+
+/* Mesh label modal */
+/* Peer profile page */
+.peer-profile-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  gap: 14px;
+  padding-bottom: 8px;
+  width: 100%;
+  max-width: none;
+}
+
+.peer-profile-view .peer-profile-card {
+  width: 100%;
+  max-width: none;
+}
+
+.peer-profile-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-shrink: 0;
+}
+
+.peer-profile-back {
+  flex-shrink: 0;
+}
+
+.peer-profile-toolbar-title {
+  margin: 0;
+  flex: 1;
+  min-width: 0;
+}
+
+.peer-profile-card {
+  flex: 1;
+  min-height: 0;
+  padding: 0;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 35%, transparent);
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.peer-profile-banner {
+  flex-shrink: 0;
+  height: 120px;
+  min-height: 96px;
+  background: linear-gradient(
+    120deg,
+    color-mix(in srgb, var(--blip-accent) 28%, var(--blip-bg, #0a0a0a)) 0%,
+    color-mix(in srgb, var(--blip-bg, #0a0a0a) 92%, var(--blip-accent)) 100%
+  );
+  border-bottom: 2px solid color-mix(in srgb, var(--blip-accent) 22%, transparent);
+  position: relative;
+  overflow: hidden;
+}
+
+.peer-profile-banner--online::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(
+    ellipse 80% 60% at 20% 40%,
+    color-mix(in srgb, var(--blip-accent) 35%, transparent),
+    transparent 70%
+  );
+  opacity: 0.55;
+  pointer-events: none;
+}
+
+.peer-profile-banner--mesh-plus {
+  box-shadow: inset 0 -1px 0 color-mix(in srgb, #a78bfa 35%, transparent);
+}
+
+.peer-profile-body {
+  flex: 1;
+  padding: 0 clamp(20px, 3vw, 40px) 36px;
+  margin-top: -44px;
+  position: relative;
+  z-index: 1;
+  min-width: 0;
+}
+
+.peer-profile-layout {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: clamp(24px, 4vw, 48px);
+  max-width: none;
+  width: 100%;
+  margin: 0;
+}
+
+.peer-profile-aside {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 176px;
+  padding-top: 0;
+}
+
+.peer-profile-aside-stack {
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.profile-gif-cloud-wrap {
+  position: absolute;
+  left: auto;
+  right: -12px;
+  top: 0;
+  transform: translateY(-100%);
+  z-index: 6;
+  width: auto;
+  max-width: none;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  justify-content: flex-end;
+  pointer-events: none;
+  margin: 0;
+}
+
+.profile-gif-cloud-wrap.hidden {
+  display: none !important;
+}
+
+.profile-gif-cloud-wrap--loading .profile-gif-cloud {
+  min-width: 84px;
+  min-height: 48px;
+  border-style: dashed;
+  opacity: 0.85;
+}
+
+.profile-gif-cloud-wrap--loading .profile-gif-cloud::after {
+  opacity: 0.6;
+}
+
+.profile-gif-cloud {
+  position: relative;
+  width: 84px;
+  height: 48px;
+  max-width: none;
+  margin: 0;
+  padding: 3px 4px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border: 2px dashed color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  border-radius: 4px 10px 10px 10px;
+  background: color-mix(in srgb, var(--blip-glass) 55%, var(--blip-bg, #0a0a0a));
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
+}
+
+.profile-gif-cloud::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  right: auto;
+  bottom: -7px;
+  width: 10px;
+  height: 10px;
+  margin-left: -5px;
+  background: inherit;
+  border-right: 2px dashed color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  border-bottom: 2px dashed color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  transform: rotate(45deg);
+  border-radius: 0 0 2px 0;
+  pointer-events: none;
+}
+
+.profile-gif-cloud--active {
+  border-style: solid;
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, transparent);
+  background: transparent;
+  padding: 2px;
+}
+
+.profile-gif-cloud--active::after {
+  border-style: solid;
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, transparent);
+  background: color-mix(in srgb, var(--blip-bg, #0a0a0a) 70%, transparent);
+}
+
+.profile-gif-cloud__img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  image-rendering: pixelated;
+  border-radius: 2px 8px 8px 8px;
+}
+
+.profile-gif-cloud__img.hidden {
+  display: none;
+}
+
+.peer-profile-name-line {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  flex: 1;
+}
+
+.peer-profile-name-dot {
+  width: 11px;
+  height: 11px;
+  flex-shrink: 0;
+  margin: 0;
+  align-self: center;
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--blip-bg, #0a0a0a) 80%, transparent);
+}
+
+.peer-profile-avatar-large {
+  position: relative;
+  z-index: 2;
+  padding: 10px;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--blip-bg, #0a0a0a) 88%, transparent);
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 50%, transparent);
+  box-shadow: 0 6px 0 color-mix(in srgb, var(--blip-accent) 12%, transparent);
+}
+
+.peer-profile-avatar-large .avatar-wrap,
+.peer-profile-avatar-large .avatar-canvas,
+.peer-profile-avatar-large .avatar-img {
+  width: 128px !important;
+  height: 128px !important;
+  image-rendering: pixelated;
+}
+
+/* Dashed rounded status chip (pixel ~4px radius) */
+.peer-profile-status-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  max-width: 176px;
+  padding: 10px 12px;
+  border: 2px dashed color-mix(in srgb, var(--blip-accent) 45%, transparent);
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--blip-glass, rgba(12, 12, 12, 0.55)) 90%, transparent);
+  box-sizing: border-box;
+}
+
+.peer-profile-status-chip--online {
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, transparent);
+}
+
+.peer-profile-status-chip--away {
+  border-color: color-mix(in srgb, #e6b800 50%, transparent);
+}
+
+.peer-profile-status-chip--busy {
+  border-color: color-mix(in srgb, var(--blip-danger, #e85d5d) 50%, transparent);
+}
+
+.peer-profile-status-chip--offline {
+  border-color: color-mix(in srgb, var(--blip-text) 25%, transparent);
+  opacity: 0.88;
+}
+
+.peer-profile-status-chip-dot {
+  width: 10px;
+  height: 10px;
+  flex-shrink: 0;
+}
+
+.peer-profile-status-chip-text {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  line-height: 1.35;
+  text-align: center;
+  color: var(--blip-text);
+  word-break: break-word;
+}
+
+.peer-profile-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+  padding-top: 52px;
+}
+
+.peer-profile-head {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid color-mix(in srgb, var(--blip-accent) 22%, transparent);
+}
+
+.peer-profile-name-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+
+.peer-profile-name {
+  margin: 0;
+  font-size: clamp(18px, 2.2vw, 24px);
+  line-height: 1.2;
+  font-weight: normal;
+  text-transform: uppercase;
+  color: var(--blip-text);
+  letter-spacing: 0.03em;
+  min-width: 0;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.peer-profile-custom-status {
+  font-size: 12px;
+  color: color-mix(in srgb, var(--blip-text) 78%, transparent);
+  margin-top: 2px;
+  word-break: break-word;
+}
+
+.peer-profile-custom-status.hidden {
+  display: none;
+}
+
+.peer-profile-id {
+  font-size: 13px;
+  color: var(--blip-accent);
+  letter-spacing: 0.1em;
+  opacity: 0.92;
+}
+
+.peer-profile-fields {
+  display: grid;
+  grid-template-columns: minmax(108px, 148px) 1fr;
+  gap: 16px 24px;
+  margin: 0;
+}
+
+.peer-profile-field-label {
+  margin: 0;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: color-mix(in srgb, var(--blip-text) 55%, transparent);
+  align-self: start;
+  padding-top: 2px;
+}
+
+.peer-profile-field-value {
+  margin: 0;
+  font-size: 13px;
+  color: var(--blip-text);
+  word-break: break-word;
+}
+
+.peer-profile-pulse-value {
+  color: color-mix(in srgb, var(--blip-text) 70%, transparent);
+}
+
+.peer-profile-pulse-value--live {
+  color: var(--blip-accent);
+}
+
+/* Private note (Steam / Discord style) */
+.peer-profile-note {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px;
+  border: 2px dashed color-mix(in srgb, var(--blip-text) 22%, transparent);
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--blip-bg, #0a0a0a) 65%, transparent);
+}
+
+.peer-profile-note-title {
+  font-size: 11px;
+  font-weight: bold;
+  text-transform: none;
+  letter-spacing: 0.02em;
+  color: color-mix(in srgb, var(--blip-text) 88%, transparent);
+}
+
+.peer-profile-note-input {
+  width: 100%;
+  max-width: none;
+  min-height: 72px;
+  margin: 0;
+  padding: 10px 12px;
+  resize: vertical;
+  border: none;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--blip-bg, #0a0a0a) 50%, transparent);
+  color: var(--blip-text);
+  font: inherit;
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.peer-profile-note-input::placeholder {
+  color: color-mix(in srgb, var(--blip-text) 42%, transparent);
+}
+
+.peer-profile-note-input:focus {
+  outline: 2px solid color-mix(in srgb, var(--blip-accent) 55%, transparent);
+  outline-offset: 0;
+}
+
+.peer-profile-actions {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+  margin-top: auto;
+  padding-top: 12px;
+  width: 100%;
+}
+
+.peer-profile-action-btn {
+  width: 100%;
+  min-height: 44px;
+  padding: 12px 16px;
+  font-size: 11px;
+}
+
+@media (max-width: 720px) {
+  .peer-profile-body {
+    padding: 0 18px 24px;
+    margin-top: -36px;
+  }
+
+  .peer-profile-banner {
+    height: 96px;
+  }
+
+  .peer-profile-layout {
+    flex-direction: column;
+    align-items: center;
+    gap: 28px;
+  }
+
+  .peer-profile-aside {
+    width: 100%;
+  }
+
+  .peer-profile-main {
+    width: 100%;
+    padding-top: 8px;
+  }
+
+  .peer-profile-fields {
+    grid-template-columns: 1fr;
+    gap: 6px 0;
+  }
+
+  .peer-profile-field-label {
+    padding-top: 10px;
+  }
+
+  .peer-profile-actions {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Settings profile editor + preview */
+.settings-panel--profile {
+  width: 100%;
+  max-width: none;
+}
+
+.settings-profile-name-presence-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  width: 100%;
+}
+
+.settings-profile-name-presence-row .settings-field {
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+.settings-profile-name-presence-row .settings-dropdown,
+.settings-profile-name-presence-row .input {
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.settings-profile-name-presence-row .blip-select,
+.settings-profile-name-presence-row select.blip-select {
+  box-shadow: none;
+}
+
+.settings-profile-name-presence-row .blip-select:focus,
+.settings-profile-name-presence-row select.blip-select:focus,
+.settings-profile-name-presence-row .blip-select:active,
+.settings-profile-name-presence-row select.blip-select:active {
+  box-shadow: none;
+}
+
+.settings-panel--profile .input,
+.settings-panel--profile .blip-select,
+.settings-panel--profile select.blip-select,
+.settings-panel--profile .settings-status-input {
+  width: 100%;
+  max-width: 100%;
+  min-height: 44px;
+  padding: 12px 14px;
+  font-size: 13px;
+  line-height: 1.35;
+  box-sizing: border-box;
+}
+
+.settings-panel--profile .blip-select,
+.settings-panel--profile select.blip-select {
+  padding-right: 40px;
+}
+
+.settings-profile-field--full {
+  width: 100%;
+}
+
+.settings-profile-field--full .input {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.settings-profile-layout {
+  display: flex;
+  flex-direction: column;
+  gap: clamp(16px, 2.5vw, 28px);
+  align-items: stretch;
+  width: 100%;
+  max-width: none;
+}
+
+.settings-profile-editor {
+  padding: 20px 22px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 28%, transparent);
+}
+
+.settings-profile-editor-card {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.settings-profile-avatar-row {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+
+.settings-profile-avatar-preview {
+  flex-shrink: 0;
+}
+
+.settings-profile-avatar-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  min-width: 160px;
+}
+
+.settings-profile-avatar-actions .btn,
+.settings-profile-avatar-actions label.btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.settings-profile-preview-col {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  width: 100%;
+}
+
+.settings-profile-preview-mount {
+  width: 100%;
+  min-width: 0;
+}
+
+.settings-profile-preview-mount .peer-profile-card {
+  width: 100%;
+  max-width: none;
+}
+
+.settings-profile-preview-mount .peer-profile-body {
+  padding: 16px clamp(16px, 2vw, 32px) 24px;
+  margin-top: 0;
+  overflow: visible;
+}
+
+.settings-profile-preview-mount .peer-profile-banner {
+  min-height: 48px;
+  height: 48px;
+}
+
+.settings-profile-preview-mount .peer-profile-layout {
+  max-width: none;
+}
+
+.settings-profile-preview-mount .peer-profile-aside-stack {
+  position: relative;
+  overflow: visible;
+}
+
+.settings-profile-preview-mount .profile-gif-cloud-wrap {
+  left: auto;
+  right: -8px;
+  top: 0;
+  transform: translateY(-100%);
+  z-index: 6;
+}
+
+.settings-profile-preview-mount .profile-gif-cloud {
+  width: 80px;
+  height: 45px;
+  padding: 2px;
+  margin: 0;
+}
+
+.settings-profile-preview-mount .profile-gif-cloud--active {
+  padding: 2px;
+  background: transparent;
+}
+
+.profile-gif-picker-modal {
+  max-width: min(92vw, 760px);
+  width: 100%;
+  min-height: min(72vh, 560px);
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.profile-gif-picker-body {
+  flex: 1;
+  min-height: 320px;
+  max-height: min(62vh, 480px);
+  overflow: auto;
+}
+
+.profile-gif-picker-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.profile-gif-picker-tab.selected {
+  border-color: var(--blip-accent);
+  color: var(--blip-accent);
+}
+
+.profile-gif-picker-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
+  gap: 10px;
+  margin-bottom: 12px;
+}
+
+.profile-gif-picker-tile {
+  padding: 4px;
+  border: 2px solid transparent;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--blip-bg, #0a0a0a) 50%, transparent);
+  cursor: pointer;
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+}
+
+.profile-gif-picker-tile.selected {
+  border-color: var(--blip-accent);
+}
+
+.profile-gif-picker-tile--broken {
+  min-height: 76px;
+  background: color-mix(in srgb, var(--blip-muted) 30%, transparent);
+}
+
+.profile-gif-picker-tile img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  image-rendering: auto;
+}
+
+/* Narrow app window: tiles down to 4:3 horizontal */
+@media (max-width: 960px) {
+  .profile-gif-picker-grid {
+    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
+  }
+
+  .profile-gif-picker-tile {
+    aspect-ratio: 4 / 3;
+  }
+
+  .profile-gif-picker-tile--broken {
+    min-height: 84px;
+  }
+}
+
+.profile-gif-picker-upload-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+
+.profile-gif-picker-search {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.profile-gif-picker-search .input {
+  flex: 1;
+  max-width: none;
+}
+
+.blip-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 500;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.55);
+  padding: 16px;
+}
+
+.blip-modal {
+  width: 100%;
+  max-width: 400px;
+  padding: 16px 18px;
+  border: 2px solid var(--blip-accent);
+}
+
+.blip-modal-title {
+  margin: 0 0 8px;
+  font-size: 14px;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+}
+
+.blip-modal-hint {
+  margin: 0 0 12px;
+}
+
+.blip-modal-input {
+  max-width: none;
+  margin-bottom: 14px;
+}
+
+.blip-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.app-toast strong {
+  display: block;
+  color: var(--blip-accent);
+  margin-bottom: 6px;
+  text-transform: uppercase;
+}
+
+.toast-preview {
+  color: var(--blip-text);
+  margin: 0 0 10px;
+  word-break: break-word;
+  max-height: 72px;
+  overflow: hidden;
+}
+
+.app-toast .toast-open {
+  width: 100%;
+  margin-top: 4px;
+}
+
+.app-toast.toast-out {
+  opacity: 0;
+  transition: opacity 0.3s steps(1);
+}
+
+/* Error toast */
+.error-toast {
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 16px 24px;
+  z-index: 300;
+  border-color: var(--blip-danger);
+  text-align: center;
+}
+
+.error-toast strong {
+  display: block;
+  color: var(--blip-danger);
+  text-transform: uppercase;
+  margin-bottom: 4px;
+}
+
+/* Chat hub — group invite cards */
+.chat-hub-invites-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid var(--blip-glass-border);
+}
+
+.chat-hub-invites-title {
+  font-size: 10px;
+  letter-spacing: 0.14em;
+  color: var(--blip-accent);
+  margin: 0 0 4px 4px;
+}
+
+.chat-hub-invite {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 12px;
+  border: 2px solid var(--blip-glass-border);
+}
+
+.chat-hub-invite-body {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.chat-hub-invite-name {
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+}
+
+.chat-hub-invite-meta {
+  font-size: 10px;
+  color: var(--blip-muted);
+}
+
+.chat-hub-invite-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.chat-hub-invite-actions .btn {
+  flex: 1;
+  min-width: 88px;
+  font-size: 10px;
+  padding: 8px 10px;
+}
+
+/* Group community — channel sidebar + voice stage */
+.group-community {
+  display: flex;
+  gap: 8px;
+  height: calc(100vh - 120px);
+  min-height: 320px;
+}
+
+.group-sidebar {
+  flex: 0 0 140px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 8px;
+  overflow-y: auto;
+}
+
+.group-sidebar-head {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: flex-start;
+  padding-bottom: 8px;
+  border-bottom: 2px solid var(--blip-glass-border);
+  margin-bottom: 4px;
+}
+
+.group-sidebar-head-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.group-sidebar-avatar-btn {
+  border: none;
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+}
+
+.group-sidebar-avatar-btn .group-avatar-wrap,
+.group-sidebar-avatar-btn .avatar-wrap {
+  width: 28px;
+  height: 28px;
+}
+
+.group-sidebar-avatar-btn canvas,
+.group-sidebar-avatar-btn img {
+  width: 28px !important;
+  height: 28px !important;
+}
+
+.group-unstable-banner {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  padding: 4px 6px;
+  margin: 2px 0;
+  font-size: 9px;
+  color: #ff3366;
+  border: 1px solid color-mix(in srgb, #ff3366 40%, transparent);
+}
+
+.group-unstable-help {
+  min-width: 20px;
+  padding: 0 4px;
+}
+
+.group-unstable-text {
+  line-height: 1.2;
+}
+
+.group-sidebar-section--projects {
+  color: var(--blip-accent);
+}
+
+.group-sidebar-back {
+  align-self: flex-start;
+  min-width: 36px;
+  padding: 4px 8px;
+  margin-bottom: 4px;
+}
+
+.group-sidebar-title {
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+  word-break: break-word;
+}
+
+.group-sidebar-title-btn {
+  border: none;
+  background: transparent;
+  padding: 0;
+  text-align: left;
+  cursor: pointer;
+  font: inherit;
+  width: 100%;
+}
+
+.group-sidebar-title-btn:hover {
+  text-decoration: underline;
+}
+
+.projects-workspace-view {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.projects-workspace {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.projects-workspace-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  gap: 8px;
+  overflow: hidden;
+}
+
+.projects-workspace-head {
+  flex-shrink: 0;
+}
+
+.projects-mesh-strip {
+  flex-shrink: 0;
+  padding: 8px 12px;
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+  border: 1px solid color-mix(in srgb, var(--blip-accent) 28%, transparent);
+  background: color-mix(in srgb, var(--blip-accent) 8%, var(--blip-bg));
+}
+
+.projects-mesh-strip--empty {
+  color: var(--blip-muted);
+  border-color: color-mix(in srgb, var(--blip-muted) 40%, transparent);
+  background: color-mix(in srgb, var(--blip-muted) 12%, var(--blip-bg));
+}
+
+.projects-sidebar {
+  flex: 0 0 156px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 8px;
+  overflow-y: auto;
+}
+
+.projects-sidebar-label {
+  font-size: 9px;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--blip-accent);
+}
+
+.projects-tool-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.projects-tool-btn {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 8px;
+  border: 2px solid transparent;
+  background: transparent;
+  color: var(--blip-text);
+  font-family: inherit;
+  font-size: 11px;
+  cursor: pointer;
+  text-align: left;
+}
+
+.projects-tool-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.projects-tool-mesh-badge {
+  font-size: 10px;
+  color: #a78bfa;
+  flex-shrink: 0;
+}
+
+.projects-tool-mesh-badge.hidden {
+  display: none;
+}
+
+.projects-tier-legend {
+  margin: 8px 0 0;
+  font-size: 9px;
+  line-height: 1.35;
+}
+
+.projects-tool-btn:hover {
+  border-color: var(--blip-glass-border);
+}
+
+.projects-tool-btn--active {
+  border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 10%, transparent);
+}
+
+.projects-tool-btn--soon {
+  opacity: 0.75;
+}
+
+.projects-tool-btn--mesh-locked {
+  opacity: 0.82;
+}
+
+.projects-tool-btn--mesh-locked .projects-tool-icon {
+  color: #a78bfa;
+}
+
+.projects-stub--locked {
+  align-items: center;
+  text-align: center;
+}
+
+.projects-stub--locked .mesh-plus-badge {
+  margin-bottom: 10px;
+}
+
+.projects-tool-icon {
+  color: var(--blip-accent);
+}
+
+.projects-main {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.projects-main > .proj-tool,
+.projects-main > .projects-stub {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+}
+
+.proj-tool--pad {
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.projects-stub {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 24px;
+  text-align: center;
+}
+
+.projects-stub-icon {
+  font-size: 28px;
+  color: var(--blip-accent);
+}
+
+.projects-stub-title {
+  margin: 0;
+  font-size: 14px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.group-sidebar-meta {
+  font-size: 9px;
+  color: var(--blip-muted);
+  letter-spacing: 0.04em;
+}
+
+.group-sidebar-section {
+  font-size: 9px;
+  letter-spacing: 0.12em;
+  color: var(--blip-muted);
+  margin-top: 6px;
+  padding: 0 4px;
+}
+
+.group-channel-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.group-channel-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 8px 8px;
+  border: 2px solid transparent;
+  background: transparent;
+  color: var(--blip-text);
+  font-family: inherit;
+  font-size: 11px;
+  cursor: pointer;
+  text-align: left;
+  transition: border-color 0.12s, background 0.12s;
+}
+
+.group-channel-btn:hover {
+  border-color: var(--blip-glass-border);
+  background: rgba(0, 255, 200, 0.06);
+}
+
+.group-channel-btn--active {
+  border-color: var(--blip-accent);
+  background: rgba(0, 255, 200, 0.1);
+}
+
+.group-channel-btn--voice.group-channel-btn--live {
+  border-color: var(--blip-accent);
+  box-shadow: inset 0 0 0 1px var(--blip-accent-dim);
+}
+
+.group-channel-icon {
+  flex-shrink: 0;
+  opacity: 0.85;
+  font-size: 10px;
+}
+
+.group-channel-name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-channel-badge {
+  flex-shrink: 0;
+  min-width: 18px;
+  padding: 2px 4px;
+  font-size: 9px;
+  text-align: center;
+  background: var(--blip-bg);
+  border: 1px solid var(--blip-glass-border);
+  color: var(--blip-accent);
+}
+
+.group-community-body {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.group-community-chat {
+  flex: 1;
+  min-height: 0;
+  height: auto !important;
+}
+
+.group-community-chat .chat-messages {
+  flex: 1;
+  min-height: 120px;
+}
+
+.voice-stage {
+  flex-shrink: 0;
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.voice-stage-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.voice-stage-title {
+  font-size: 10px;
+  letter-spacing: 0.14em;
+  color: var(--blip-accent);
+}
+
+.voice-stage-status {
+  font-size: 9px;
+  color: var(--blip-muted);
+}
+
+.voice-stage-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
+  gap: 8px;
+}
+
+.voice-tile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 6px;
+  position: relative;
+}
+
+.voice-tile-slot {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.voice-tile-label {
+  font-size: 9px;
+  color: var(--blip-muted);
+}
+
+.voice-tile-badges {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  display: flex;
+  gap: 2px;
+}
+
+.voice-stage-controls {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.voice-ctrl-btn {
+  font-size: 10px;
+  padding: 6px 10px;
+}
+
+.voice-ctrl-leave {
+  margin-left: auto;
+}
+
+/* —— Chat media bubbles & viewer —— */
+.chat-media-bubble {
+  display: block;
+  position: relative;
+  width: 100%;
+  max-width: min(100%, 420px);
+  margin-bottom: 6px;
+  padding: 0;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.35);
+  cursor: zoom-in;
+  text-align: left;
+}
+
+.chat-media-bubble--video {
+  cursor: pointer;
+}
+
+.chat-media-thumb {
+  display: block;
+  width: 100%;
+  max-height: 280px;
+  object-fit: contain;
+  image-rendering: auto;
+}
+
+.chat-media-play {
+  position: absolute;
+  left: 50%;
+  top: 45%;
+  transform: translate(-50%, -50%);
+  font-size: 2rem;
+  color: var(--blip-on-accent);
+  text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
+  pointer-events: none;
+}
+
+.chat-media-caption {
+  display: block;
+  padding: 4px 8px;
+  font-size: 0.68rem;
+  color: var(--blip-muted);
+  border-top: 2px solid var(--blip-border);
+}
+
+.chat-yt-embed {
+  display: block;
+  position: relative;
+  width: 100%;
+  max-width: 360px;
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid var(--blip-border);
+  background: #000;
+  cursor: pointer;
+}
+
+.chat-yt-thumb {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  object-fit: cover;
+}
+
+.chat-yt-play {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 2.5rem;
+  color: #fff;
+  text-shadow: 0 2px 8px #000;
+}
+
+.chat-yt-label {
+  position: absolute;
+  left: 8px;
+  bottom: 6px;
+  font-size: 0.65rem;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.55);
+  padding: 2px 6px;
+}
+
+.chat-quote {
+  border-left: 3px solid var(--blip-accent);
+  padding: 4px 8px;
+  margin-bottom: 6px;
+  background: rgba(0, 0, 0, 0.2);
+  font-size: 0.72rem;
+}
+
+.chat-quote-who {
+  display: block;
+  font-weight: 700;
+  color: var(--blip-accent);
+  margin-bottom: 2px;
+}
+
+.chat-quote-body {
+  opacity: 0.85;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.chat-forward {
+  border-left: 3px solid rgba(255, 200, 80, 0.85);
+  padding: 4px 8px;
+  margin-bottom: 6px;
+  background: rgba(0, 0, 0, 0.22);
+  font-size: 0.72rem;
+}
+
+.chat-forward-label {
+  display: block;
+  font-weight: 700;
+  color: rgba(255, 200, 80, 0.95);
+  margin-bottom: 2px;
+}
+
+.chat-forward-from {
+  display: block;
+  opacity: 0.8;
+  margin-bottom: 2px;
+}
+
+.chat-forward-body {
+  opacity: 0.85;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.chat-forward-modal {
+  max-width: 360px;
+}
+
+.chat-forward-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 280px;
+  overflow-y: auto;
+  margin: 12px 0;
+}
+
+.chat-forward-peer-btn {
+  width: 100%;
+  text-align: left;
+}
+
+.chat-reply-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  margin: 0 12px 6px;
+  border: 2px solid var(--blip-accent);
+  background: rgba(0, 0, 0, 0.35);
+  font-size: 0.75rem;
+}
+
+.chat-reply-bar.hidden {
+  display: none;
+}
+
+.chat-reply-preview {
+  flex: 1;
+  opacity: 0.9;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.chat-reply-cancel {
+  border: none;
+  background: transparent;
+  color: var(--blip-text);
+  font-size: 1.1rem;
+  cursor: pointer;
+}
+
+.chat-block-actions {
+  display: flex;
+  gap: 4px;
+  margin-top: 4px;
+}
+
+.chat-reply-btn {
+  font-size: 0.7rem;
+  padding: 2px 8px;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.25);
+  color: var(--blip-muted);
+  cursor: pointer;
+}
+
+.chat-reply-btn:hover {
+  border-color: var(--blip-accent);
+  color: var(--blip-accent);
+}
+
+body.media-viewer-open {
+  overflow: hidden;
+}
+
+.media-viewer {
+  position: fixed;
+  inset: 0;
+  z-index: 12000;
+  background: rgba(0, 0, 0, 0.92);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.media-viewer.hidden {
+  display: none;
+}
+
+.media-viewer-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px;
+  z-index: 2;
+}
+
+.media-viewer-btn {
+  font-size: 0.7rem;
+  min-width: 72px;
+}
+
+.media-viewer-stage {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px 0;
+  min-height: 0;
+}
+
+.media-viewer-img,
+.media-viewer-video,
+.media-viewer-yt {
+  max-width: 100%;
+  max-height: 100%;
+  border: 2px solid var(--blip-accent);
+}
+
+.media-viewer-yt {
+  width: min(960px, 100%);
+  aspect-ratio: 16 / 9;
+  height: auto;
+}
+
+.media-viewer-controls {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  flex-wrap: nowrap;
+}
+
+.media-viewer-controls.hidden {
+  display: none;
+}
+
+.media-viewer-volume {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: 4px;
+  padding-left: 14px;
+  border-left: 2px solid var(--blip-border);
+  min-width: 0;
+  flex: 0 1 220px;
+}
+
+.media-viewer-volume.hidden {
+  display: none;
+}
+
+.media-viewer-volume-label {
+  font-size: 9px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+  flex-shrink: 0;
+  font-family: var(--blip-font, monospace);
+}
+
+.media-viewer-volume-range {
+  flex: 1;
+  min-width: 72px;
+  height: 8px;
+  margin: 0;
+  padding: 0;
+  -webkit-appearance: none;
+  appearance: none;
+  background: rgba(0, 0, 0, 0.55);
+  border: 2px solid var(--blip-border);
+  border-radius: 0;
+  image-rendering: pixelated;
+  cursor: pointer;
+}
+
+.media-viewer-volume-range:focus {
+  outline: 1px solid var(--blip-accent);
+  outline-offset: 2px;
+}
+
+.media-viewer-volume-range::-webkit-slider-runnable-track {
+  height: 8px;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.media-viewer-volume-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 10px;
+  height: 14px;
+  margin-top: -5px;
+  background: var(--blip-accent);
+  border: 2px solid var(--blip-accent);
+  border-radius: 0;
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.65);
+  image-rendering: pixelated;
+}
+
+.media-viewer-volume-range::-moz-range-track {
+  height: 8px;
+  background: rgba(0, 0, 0, 0.55);
+  border: 2px solid var(--blip-border);
+  border-radius: 0;
+}
+
+.media-viewer-volume-range::-moz-range-thumb {
+  width: 10px;
+  height: 14px;
+  background: var(--blip-accent);
+  border: 2px solid var(--blip-accent);
+  border-radius: 0;
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.65);
+  image-rendering: pixelated;
+}
+
+.media-viewer-ctrl {
+  min-width: 48px;
+  font-family: var(--blip-font, monospace);
+  font-size: 0.85rem;
+  image-rendering: pixelated;
+}
+
+.media-viewer-ctrl--main {
+  min-width: 56px;
+  font-size: 1rem;
+}
+
+.media-viewer-seek {
+  height: 8px;
+  margin: 0 24px 16px;
+  border: 2px solid var(--blip-border);
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.media-viewer-seek.hidden {
+  display: none;
+}
+
+.media-viewer-seek-fill {
+  height: 100%;
+  width: 0%;
+  background: var(--blip-accent);
+  transition: width 0.1s linear;
+}
+
+/* Pixel toggles & hint buttons */
+.pixel-toggle-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  font-size: 13px;
+  margin: 8px 0;
+}
+
+.pixel-toggle-input {
+  position: absolute;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  pointer-events: none;
+}
+
+.pixel-toggle {
+  flex: 0 0 28px;
+  width: 28px;
+  height: 28px;
+  border: 2px solid var(--blip-glass-border);
+  background: color-mix(in srgb, var(--blip-bg) 80%, transparent);
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
+  position: relative;
+  transition: background 0.12s ease, border-color 0.12s ease;
+}
+
+.pixel-toggle::after {
+  content: '';
+  position: absolute;
+  inset: 5px;
+  background: transparent;
+  transition: background 0.12s ease;
+}
+
+.pixel-toggle-input:checked + .pixel-toggle {
+  background: color-mix(in srgb, var(--blip-accent) 35%, var(--blip-bg));
+  border-color: var(--blip-accent);
+}
+
+.pixel-toggle-input:checked + .pixel-toggle::after {
+  background: var(--blip-accent);
+}
+
+.pixel-toggle-input:focus-visible + .pixel-toggle {
+  outline: 2px solid var(--blip-accent);
+  outline-offset: 2px;
+}
+
+.pixel-toggle-label {
+  flex: 1;
+  line-height: 1.35;
+}
+
+.pixel-hint-btn {
+  flex: 0 0 22px;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 2px solid var(--blip-muted);
+  background: var(--blip-input-bg);
+  color: var(--blip-accent);
+  font-family: var(--blip-font, monospace);
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 1;
+  cursor: help;
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
+}
+
+.pixel-hint-btn:hover {
+  border-color: var(--blip-accent);
+  color: var(--blip-on-accent);
+  background: var(--blip-accent);
+}
+
+.settings-label-row,
+.settings-toggle-with-hint,
+.section-title-row {
   display: flex;
+  align-items: center;
   gap: 8px;
   flex-wrap: wrap;
 }
 
-.voice-ctrl-btn {
+.settings-label-row .settings-field-label,
+.settings-label-row .section-subtitle {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+}
+
+.settings-text-input {
+  width: 100%;
+  max-width: 360px;
+  padding: 10px 12px;
+  border: 2px solid var(--blip-accent);
+  background: var(--blip-input-bg);
+  color: var(--blip-text);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.35;
+  outline: none;
+}
+
+.settings-text-input:focus {
+  box-shadow: 0 0 0 1px var(--blip-accent);
+}
+
+.section-title-row:not(:first-child) {
+  margin-top: 14px;
+}
+
+.section-title-row .section-title {
+  margin: 0;
+}
+
+.status-preset-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 8px 0 16px;
+}
+
+.status-preset-btn {
   font-size: 10px;
   padding: 6px 10px;
 }
 
-.voice-ctrl-leave {
+.dial-stats {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  margin: 16px 0 20px;
+  padding: 12px 16px;
+  max-width: 420px;
+}
+
+.dial-stat {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.dial-stat strong {
+  font-size: 18px;
+  color: var(--blip-accent);
+}
+
+.dial-stat span {
+  font-size: 9px;
+  text-transform: uppercase;
+  color: var(--blip-muted);
+  letter-spacing: 0.06em;
+}
+
+.dial-error {
+  text-align: center;
+  color: var(--blip-danger);
+  margin: 4px 0 8px;
+}
+
+.settings-panel--about {
+  flex: 1;
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  min-height: min(70vh, 520px);
+  gap: 16px;
+  margin: 0 auto;
+}
+
+.settings-panel--about > .settings-about-hero,
+.settings-panel--about > .settings-about-actions {
+  width: 100%;
+  max-width: 420px;
   margin-left: auto;
+  margin-right: auto;
 }
 
-/* —— Chat media bubbles & viewer —— */
-.chat-media-bubble {
-  display: block;
-  position: relative;
+.settings-about-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 4px;
+}
+
+.settings-about-actions > .btn {
   width: 100%;
-  max-width: min(100%, 420px);
-  margin-bottom: 6px;
-  padding: 0;
-  border: 2px solid var(--blip-border);
-  background: rgba(0, 0, 0, 0.35);
-  cursor: zoom-in;
-  text-align: left;
+  justify-content: center;
+  text-align: center;
 }
 
-.chat-media-bubble--video {
+.settings-about-hero {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+  margin: 0 0 8px;
+  padding: 8px 0 4px;
+}
+
+.settings-about-icon-btn {
+  padding: 0;
+  border: none;
+  background: transparent;
   cursor: pointer;
+  line-height: 0;
 }
 
-.chat-media-thumb {
+.settings-about-icon-btn:hover .settings-about-icon {
+  filter: brightness(1.08);
+}
+
+.settings-about-icon-btn:focus-visible {
+  outline: 2px solid var(--blip-accent);
+  outline-offset: 4px;
+}
+
+.settings-about-icon {
   display: block;
+  width: 112px;
+  height: 112px;
+  image-rendering: pixelated;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+
+.settings-about-line {
+  font-size: 28px;
+  line-height: 1.15;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  margin: 0;
+  color: var(--blip-text);
+}
+
+.settings-about-version {
+  font-size: 14px;
+  color: var(--blip-accent);
+  margin: 0;
+  letter-spacing: 0.06em;
+}
+
+.settings-about-links {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
   width: 100%;
-  max-height: 280px;
-  object-fit: contain;
-  image-rendering: auto;
 }
 
-.chat-media-play {
-  position: absolute;
-  left: 50%;
-  top: 45%;
-  transform: translate(-50%, -50%);
-  font-size: 2rem;
-  color: var(--blip-on-accent);
-  text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
-  pointer-events: none;
+.settings-about-links .btn {
+  width: 100%;
+  justify-content: center;
+  text-align: center;
 }
 
-.chat-media-caption {
-  display: block;
-  padding: 4px 8px;
-  font-size: 0.68rem;
+/* MESH+ badge — platinum plaque + gradient pixel label */
+.mesh-plus-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-left: 6px;
+  padding: 2px 6px 3px;
+  vertical-align: middle;
+  background: linear-gradient(
+    180deg,
+    #ececf2 0%,
+    #b8b8c4 38%,
+    #9a9aa8 52%,
+    #d4d4dc 100%
+  );
+  border: 1px solid #6e6e7a;
+  box-shadow:
+    1px 1px 0 rgba(0, 0, 0, 0.55),
+    inset 0 1px 0 rgba(255, 255, 255, 0.35);
+  image-rendering: pixelated;
+}
+
+.mesh-plus-badge--compact {
+  padding: 1px 5px 2px;
+  margin-left: 4px;
+}
+
+.mesh-plus-badge__text {
+  font-family: var(--blip-font, 'Minecraft', monospace);
+  font-size: 8px;
+  font-weight: bold;
+  line-height: 1.1;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  background: linear-gradient(
+    105deg,
+    #f5f0ff 0%,
+    #ddd6fe 14%,
+    #c084fc 28%,
+    #7c3aed 42%,
+    #5b21b6 52%,
+    #a78bfa 66%,
+    #e9d5ff 80%,
+    #f5f0ff 100%
+  );
+  background-size: 220% 100%;
+  background-position: 0% 50%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  paint-order: stroke fill;
+  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.45));
+  animation: mesh-plus-badge-gradient 3.2s ease-in-out infinite;
+}
+
+@keyframes mesh-plus-badge-gradient {
+  0%,
+  100% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mesh-plus-badge__text {
+    animation: none;
+    background-size: 100% 100%;
+    background-position: 50% 50%;
+  }
+}
+
+.peer-name .mesh-plus-badge {
+  align-self: center;
+}
+
+/* Settings → MESH+ */
+.settings-panel--mesh-plus {
+  max-width: none;
+  width: 100%;
+}
+
+.settings-tray-wrap--flat {
+  gap: 10px;
+}
+
+.settings-tray-wrap--flat .settings-toggle-with-hint {
+  margin: 0;
+}
+
+.mesh-plus-status-card {
+  padding: 12px 14px;
+  margin-bottom: 12px;
+  max-height: none;
+  overflow: visible;
+}
+
+.mesh-plus-status-card--active {
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, #a78bfa 35%, transparent),
+    0 0 16px rgba(124, 58, 237, 0.2);
+}
+
+.mesh-plus-status-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin: 0;
+}
+
+.mesh-plus-tier-pill {
+  display: inline-block;
+  padding: 6px 14px;
+  font-size: 12px;
+  font-weight: bold;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  border: 2px solid var(--blip-muted);
   color: var(--blip-muted);
-  border-top: 2px solid var(--blip-border);
+  background: color-mix(in srgb, var(--blip-bg) 85%, transparent);
 }
 
-.chat-yt-embed {
-  display: block;
-  position: relative;
+.mesh-plus-tier-pill--active {
+  border-color: #9a9aa8;
+  color: #e9d5ff;
+  background: linear-gradient(180deg, #2a2438 0%, #1a1528 100%);
+  box-shadow: 0 0 12px rgba(124, 58, 237, 0.35);
+}
+
+.mesh-plus-carousel {
+  padding: 12px 14px 10px;
+  margin: 0 0 16px;
+  max-height: none;
+  overflow: visible;
   width: 100%;
-  max-width: 360px;
-  margin: 6px 0;
-  padding: 0;
-  border: 2px solid var(--blip-border);
-  background: #000;
-  cursor: pointer;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
-.chat-yt-thumb {
-  display: block;
+.mesh-plus-carousel__stage {
   width: 100%;
-  aspect-ratio: 16 / 9;
-  object-fit: cover;
+  aspect-ratio: 1;
+  max-height: min(58vh, 680px);
+  display: flex;
+  flex-direction: column;
+  min-height: 200px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 22%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-bg) 80%, transparent);
+  box-sizing: border-box;
 }
 
-.chat-yt-play {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 2.5rem;
-  color: #fff;
-  text-shadow: 0 2px 8px #000;
+.mesh-plus-carousel__media {
+  display: none;
+  flex: 0 0 auto;
+  min-height: 0;
+  margin: 8px 10px 0;
+  border: 2px dashed color-mix(in srgb, var(--blip-muted) 45%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 92%, transparent);
 }
 
-.chat-yt-label {
-  position: absolute;
-  left: 8px;
-  bottom: 6px;
-  font-size: 0.65rem;
-  color: #fff;
-  background: rgba(0, 0, 0, 0.55);
-  padding: 2px 6px;
+.mesh-plus-carousel__media--active {
+  display: block;
+  flex: 1 1 42%;
+  min-height: 80px;
 }
 
-.chat-quote {
-  border-left: 3px solid var(--blip-accent);
-  padding: 4px 8px;
+.mesh-plus-carousel__top {
+  display: flex;
+  justify-content: flex-end;
   margin-bottom: 6px;
-  background: rgba(0, 0, 0, 0.2);
-  font-size: 0.72rem;
 }
 
-.chat-quote-who {
-  display: block;
-  font-weight: 700;
-  color: var(--blip-accent);
-  margin-bottom: 2px;
+.mesh-plus-carousel__counter {
+  font-size: 10px;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: color-mix(in srgb, var(--blip-accent) 75%, transparent);
 }
 
-.chat-quote-body {
-  opacity: 0.85;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
+.mesh-plus-carousel__body {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  gap: 8px;
+  align-items: center;
+  flex: 1 1 auto;
+  min-height: 0;
+  padding: 0 6px 4px;
 }
 
-.chat-reply-bar {
+.mesh-plus-carousel__track {
   display: flex;
+  flex-direction: column;
   align-items: center;
+  justify-content: center;
+  text-align: center;
   gap: 8px;
-  padding: 8px 12px;
-  margin: 0 12px 6px;
-  border: 2px solid var(--blip-accent);
-  background: rgba(0, 0, 0, 0.35);
-  font-size: 0.75rem;
+  min-height: 0;
+  padding: 4px 8px;
 }
 
-.chat-reply-bar.hidden {
-  display: none;
+.mesh-plus-carousel__icon {
+  font-size: 28px;
+  line-height: 1;
+  color: var(--blip-accent);
+  text-shadow: 0 0 10px color-mix(in srgb, var(--blip-accent) 40%, transparent);
 }
 
-.chat-reply-preview {
-  flex: 1;
-  opacity: 0.9;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.mesh-plus-carousel__title {
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--blip-accent);
+  line-height: 1.35;
 }
 
-.chat-reply-cancel {
-  border: none;
-  background: transparent;
-  color: var(--blip-text);
-  font-size: 1.1rem;
-  cursor: pointer;
+.mesh-plus-carousel__desc {
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.45;
+  color: color-mix(in srgb, var(--blip-text) 78%, transparent);
+  max-width: 360px;
 }
 
-.chat-block-actions {
+.mesh-plus-carousel__nav {
+  min-width: 36px;
+  padding: 6px 8px;
+  font-size: 14px;
+}
+
+.mesh-plus-carousel__dots {
   display: flex;
-  gap: 4px;
-  margin-top: 4px;
+  justify-content: center;
+  gap: 6px;
+  flex-wrap: wrap;
+  margin-top: 10px;
 }
 
-.chat-reply-btn {
-  font-size: 0.7rem;
-  padding: 2px 8px;
-  border: 2px solid var(--blip-border);
-  background: rgba(0, 0, 0, 0.25);
-  color: var(--blip-muted);
+.mesh-plus-carousel__dot {
+  width: 10px;
+  height: 10px;
+  padding: 0;
+  border: 2px solid var(--blip-muted);
+  background: transparent;
   cursor: pointer;
 }
 
-.chat-reply-btn:hover {
-  border-color: var(--blip-accent);
-  color: var(--blip-accent);
+.mesh-plus-carousel__dot.selected {
+  border-color: #a78bfa;
+  background: #7c3aed;
 }
 
-body.media-viewer-open {
-  overflow: hidden;
+.mesh-plus-activation {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  max-width: 100%;
+  padding: 14px;
+  max-height: none;
+  overflow: visible;
 }
 
-.media-viewer {
-  position: fixed;
-  inset: 0;
-  z-index: 12000;
-  background: rgba(0, 0, 0, 0.92);
+.mesh-plus-activation__actions {
   display: flex;
-  flex-direction: column;
-  align-items: stretch;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
-.media-viewer.hidden {
-  display: none;
+.mesh-plus-key-input {
+  max-width: 100%;
+  font-size: 13px;
+  letter-spacing: 0.04em;
 }
 
-.media-viewer-toolbar {
+/* Appearance → app icons */
+.settings-app-icon-grid {
   display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 12px 16px;
-  z-index: 2;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 20px;
 }
 
-.media-viewer-btn {
-  font-size: 0.7rem;
-  min-width: 72px;
+.settings-app-icon-grid--mesh {
+  margin-bottom: 4px;
 }
 
-.media-viewer-stage {
-  flex: 1;
+.settings-app-icon-tile {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 8px 16px 0;
-  min-height: 0;
+  width: 112px;
+  height: 112px;
+  padding: 8px;
+  border: 2px solid var(--blip-muted);
+  background: color-mix(in srgb, var(--blip-bg) 88%, transparent);
+  cursor: pointer;
+  position: relative;
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
 }
 
-.media-viewer-img,
-.media-viewer-video,
-.media-viewer-yt {
-  max-width: 100%;
-  max-height: 100%;
-  border: 2px solid var(--blip-accent);
+.settings-app-icon-tile:hover {
+  border-color: var(--blip-accent);
 }
 
-.media-viewer-yt {
-  width: min(960px, 100%);
-  aspect-ratio: 16 / 9;
-  height: auto;
+.settings-app-icon-tile.selected {
+  border-color: var(--blip-accent);
+  background: color-mix(in srgb, var(--blip-accent) 12%, var(--blip-bg));
+  box-shadow: 0 0 0 1px var(--blip-accent);
 }
 
-.media-viewer-controls {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 12px;
-  padding: 12px;
+.settings-app-icon-tile--locked {
+  opacity: 0.72;
 }
 
-.media-viewer-controls.hidden {
-  display: none;
+.settings-app-icon-tile__img {
+  width: 96px;
+  height: 96px;
+  image-rendering: pixelated;
+  object-fit: contain;
+  pointer-events: none;
 }
 
-.media-viewer-ctrl {
-  min-width: 48px;
-  font-family: var(--blip-font, monospace);
-  font-size: 0.85rem;
+.app-icon-preview-backdrop {
+  z-index: 600;
+}
+
+.app-icon-preview-box {
+  padding: 20px 24px;
+  border: 2px solid var(--blip-accent);
+  max-width: min(92vw, 360px);
+}
+
+.app-icon-preview-img {
+  display: block;
+  width: 256px;
+  height: 256px;
+  max-width: min(72vw, 256px);
+  max-height: min(72vw, 256px);
   image-rendering: pixelated;
+  object-fit: contain;
 }
 
-.media-viewer-ctrl--main {
-  min-width: 56px;
-  font-size: 1rem;
+.settings-app-icon-tile__lock {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  font-size: 10px;
+  color: #a78bfa;
 }
 
-.media-viewer-seek {
-  height: 8px;
-  margin: 0 24px 16px;
-  border: 2px solid var(--blip-border);
-  background: rgba(0, 0, 0, 0.5);
+.mesh-plus-feedback--error {
+  color: var(--blip-danger) !important;
 }
 
-.media-viewer-seek.hidden {
-  display: none;
+.mesh-plus-hint {
+  margin: 0;
 }
 
-.media-viewer-seek-fill {
-  height: 100%;
-  width: 0%;
-  background: var(--blip-accent);
-  transition: width 0.1s linear;
+.settings-network-stats-block {
+  margin-top: 16px;
+  padding-top: 14px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 80%, transparent);
 }
 
-/* Pixel toggles & hint buttons */
-.pixel-toggle-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  cursor: pointer;
-  font-size: 13px;
-  margin: 8px 0;
+.session-stats-panel {
+  margin: 8px 0 0;
+  width: 100%;
+  max-width: none;
+  padding: 14px 16px 16px;
 }
 
-.pixel-toggle-input {
-  position: absolute;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  pointer-events: none;
+.session-stats-panel--styled {
+  background: linear-gradient(
+    165deg,
+    color-mix(in srgb, var(--blip-glass) 92%, var(--blip-bg)) 0%,
+    color-mix(in srgb, var(--blip-bg) 88%, var(--blip-accent) 6%) 100%
+  );
 }
 
-.pixel-toggle {
-  flex: 0 0 28px;
-  width: 28px;
-  height: 28px;
-  border: 2px solid var(--blip-glass-border);
-  background: color-mix(in srgb, var(--blip-bg) 80%, transparent);
-  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
-  position: relative;
-  transition: background 0.12s ease, border-color 0.12s ease;
+.session-stats-pills {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
+  gap: 8px;
+  margin-bottom: 16px;
 }
 
-.pixel-toggle::after {
-  content: '';
-  position: absolute;
-  inset: 5px;
-  background: transparent;
-  transition: background 0.12s ease;
+.session-stats-pill {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 10px 8px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 28%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-bg) 75%, var(--blip-glass));
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35);
+}
+
+.session-stats-pill__val {
+  font-size: 15px;
+  line-height: 1.2;
+  color: var(--blip-accent);
+  letter-spacing: 0.04em;
+}
+
+.session-stats-pill__label {
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--blip-muted);
+  line-height: 1.3;
 }
 
-.pixel-toggle-input:checked + .pixel-toggle {
-  background: color-mix(in srgb, var(--blip-accent) 35%, var(--blip-bg));
-  border-color: var(--blip-accent);
+.session-stats-chart {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding-top: 4px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 70%, transparent);
 }
 
-.pixel-toggle-input:checked + .pixel-toggle::after {
-  background: var(--blip-accent);
+.session-stats-chart__row {
+  display: grid;
+  grid-template-columns: minmax(72px, 96px) 1fr 40px;
+  gap: 10px;
+  align-items: center;
 }
 
-.pixel-toggle-input:focus-visible + .pixel-toggle {
-  outline: 2px solid var(--blip-accent);
-  outline-offset: 2px;
+.session-stats-chart__label {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--blip-muted);
 }
 
-.pixel-toggle-label {
-  flex: 1;
-  line-height: 1.35;
+.session-stats-chart__track {
+  height: 14px;
+  background: color-mix(in srgb, var(--blip-muted) 18%, var(--blip-bg));
+  border: 2px solid var(--blip-glass-border);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
 }
 
-.pixel-hint-btn {
-  flex: 0 0 22px;
-  width: 22px;
-  height: 22px;
-  padding: 0;
-  border: 2px solid var(--blip-muted);
-  background: var(--blip-input-bg);
-  color: var(--blip-accent);
-  font-family: var(--blip-font, monospace);
-  font-size: 12px;
+.session-stats-chart__fill {
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    color-mix(in srgb, var(--blip-accent) 45%, var(--blip-bg)),
+    var(--blip-accent) 72%,
+    color-mix(in srgb, var(--blip-accent) 85%, #fff) 100%
+  );
+  min-width: 2px;
+  box-shadow: 0 0 10px color-mix(in srgb, var(--blip-accent) 35%, transparent);
+  transition: width 0.25s ease;
+}
+
+.session-stats-chart__val {
+  font-size: 11px;
   font-weight: bold;
-  line-height: 1;
-  cursor: help;
-  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
+  text-align: right;
+  color: var(--blip-accent);
 }
 
-.pixel-hint-btn:hover {
-  border-color: var(--blip-accent);
-  color: var(--blip-on-accent);
-  background: var(--blip-accent);
+.ach-settings-toggles {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 10px 16px;
+  padding: 12px 14px;
+  margin-bottom: 12px;
+  flex-shrink: 0;
+  min-height: 0;
+  align-content: start;
+  background: linear-gradient(
+    145deg,
+    color-mix(in srgb, var(--blip-glass) 92%, var(--blip-bg)) 0%,
+    color-mix(in srgb, var(--blip-bg) 92%, var(--blip-accent) 4%) 100%
+  );
+  border: 2px solid var(--blip-glass-border);
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 12%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.45);
+  overflow: visible;
 }
 
-.settings-label-row,
-.settings-toggle-with-hint,
-.section-title-row {
-  display: flex;
+.ach-settings-toggles .pixel-toggle-row {
+  margin: 0;
+  min-height: 44px;
+  flex-shrink: 0;
   align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
 }
 
-.section-title-row {
-  margin-bottom: 8px;
+.ach-settings-toggles .pixel-toggle-label {
+  white-space: normal;
+  line-height: 1.35;
 }
 
-.section-title-row .section-title {
-  margin: 0;
+.settings-panel--achievements .ach-settings-toggles {
+  flex-shrink: 0;
 }
 
-.status-preset-buttons {
+.settings-panel--achievements .ach-sections {
   display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin: 8px 0 16px;
+  flex-direction: column;
+  gap: 18px;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  margin: 0 0 12px;
 }
 
-.status-preset-btn {
-  font-size: 10px;
-  padding: 6px 10px;
+.ach-sections--disabled {
+  opacity: 0.45;
+  pointer-events: none;
 }
 
-.dial-stats {
+.ach-section {
   display: flex;
-  gap: 12px;
-  justify-content: center;
-  margin: 16px 0 20px;
-  padding: 12px 16px;
-  max-width: 420px;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
 }
 
-.dial-stat {
-  flex: 1;
+.ach-section__title {
+  margin: 0;
+}
+
+.ach-section__empty {
+  margin: 0;
+  grid-column: 1 / -1;
   text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
+  padding: 12px 8px;
 }
 
-.dial-stat strong {
-  font-size: 18px;
-  color: var(--blip-accent);
+.ach-section .ach-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 10px;
+  padding: 10px 12px 12px;
+  border: 2px solid var(--blip-glass-border);
+  background: color-mix(in srgb, var(--blip-glass) 50%, var(--blip-bg));
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 8%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.38);
 }
 
-.dial-stat span {
-  font-size: 9px;
-  text-transform: uppercase;
-  color: var(--blip-muted);
-  letter-spacing: 0.06em;
+.ach-section--unlocked .ach-grid {
+  border-color: color-mix(in srgb, var(--blip-accent) 32%, var(--blip-glass-border));
 }
 
-.dial-error {
-  text-align: center;
-  color: var(--blip-danger);
-  margin: 4px 0 8px;
+.ach-section--locked .ach-grid {
+  border-color: color-mix(in srgb, var(--blip-muted) 35%, var(--blip-glass-border));
 }
 
-.settings-panel--about {
-  flex: 1;
-  width: 100%;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
+.ach-card {
+  display: grid;
+  grid-template-columns: 56px 1fr auto;
+  gap: 10px;
   align-items: center;
-  justify-content: center;
-  text-align: center;
-  min-height: min(70vh, 520px);
-  gap: 16px;
-  margin: 0 auto;
+  padding: 10px 12px;
+  font-family: var(--blip-font, 'Minecraft', monospace);
+  background: linear-gradient(
+    145deg,
+    color-mix(in srgb, var(--blip-glass) 88%, var(--blip-bg)) 0%,
+    color-mix(in srgb, var(--blip-bg) 94%, var(--blip-accent) 5%) 100%
+  );
+  border: 2px solid var(--blip-glass-border);
+  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);
 }
 
-.settings-panel--about > .settings-about-hero,
-.settings-panel--about > .btn,
-.settings-panel--about > .settings-about-links {
-  width: 100%;
-  max-width: 360px;
-  margin-left: auto;
-  margin-right: auto;
+.ach-card--unlocked {
+  border-color: color-mix(in srgb, var(--blip-accent) 65%, var(--blip-glass-border));
+  background: linear-gradient(
+    145deg,
+    color-mix(in srgb, var(--blip-accent) 14%, var(--blip-bg)) 0%,
+    color-mix(in srgb, var(--blip-glass) 80%, var(--blip-bg)) 55%,
+    color-mix(in srgb, var(--blip-bg) 90%, var(--blip-accent) 8%) 100%
+  );
 }
 
-.settings-about-hero {
+.ach-card--ready:not(.ach-card--unlocked) {
+  border-color: color-mix(in srgb, var(--blip-muted) 55%, var(--blip-glass-border));
+}
+
+.ach-card__icon {
+  width: 56px;
+  height: 56px;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  gap: 10px;
-  margin: 0;
+  justify-content: center;
+  padding: 0;
+  background: transparent;
+  border: none;
 }
 
-.settings-about-icon {
-  width: 72px;
-  height: 72px;
+.ach-card__icon .ach-icon-slot {
+  width: 56px;
+  height: 56px;
+}
+
+.ach-card__icon-img {
+  width: 44px;
+  height: 44px;
+  object-fit: contain;
   image-rendering: pixelated;
-  border: 2px solid var(--blip-glass-border);
-  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
 }
 
-.settings-about-line {
+.ach-card__icon-placeholder {
   font-size: 16px;
+  color: #58a6ff;
+  opacity: 0.65;
+}
+
+.ach-card__code {
+  font-size: 10px;
+  color: #58a6ff;
+  letter-spacing: 0.02em;
+  margin-bottom: 3px;
+}
+
+.ach-card__title {
+  font-size: 11px;
+  font-weight: bold;
   text-transform: uppercase;
-  margin: 0;
+  letter-spacing: 0.06em;
+  color: var(--blip-text);
 }
 
-.settings-about-version {
-  color: var(--blip-accent);
-  margin: 0;
+.ach-card__desc {
+  font-size: 10px;
+  color: var(--blip-muted);
+  line-height: 1.4;
+  margin-top: 2px;
 }
 
-.settings-about-links {
-  justify-content: center;
+.ach-card__mark {
+  font-size: 11px;
+  color: var(--blip-muted);
+  font-weight: bold;
+  letter-spacing: 0.08em;
+  padding: 4px 6px;
+  border: 2px solid var(--blip-glass-border);
+  background: color-mix(in srgb, var(--blip-bg) 80%, var(--blip-glass));
+}
+
+.ach-card--unlocked .ach-card__mark {
+  color: var(--blip-accent);
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, var(--blip-glass-border));
 }
 
 .avatar-crop-modal {
@@ -3768,6 +7073,12 @@ body.media-viewer-open {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.35);
 }
 
+.gif-crop-frame {
+  width: auto;
+  height: auto;
+  max-width: min(96vw, 400px);
+}
+
 .avatar-crop-canvas {
   display: block;
   width: 280px;
@@ -3775,6 +7086,11 @@ body.media-viewer-open {
   cursor: grab;
 }
 
+.gif-crop-frame .gif-crop-canvas {
+  display: block;
+  cursor: grab;
+}
+
 .avatar-crop-canvas:active {
   cursor: grabbing;
 }
@@ -3985,7 +7301,7 @@ body.media-viewer-open {
   box-sizing: border-box;
   padding: 10px 12px;
   border: 2px solid var(--blip-glass-border);
-  background: #0d0d0d;
+  background: var(--blip-input-bg);
   color: var(--blip-text);
   font-family: 'BlipPixel', 'Minecraft', monospace;
   font-size: 11px;
@@ -4005,6 +7321,72 @@ body.media-viewer-open {
   width: 100%;
   max-width: none;
 }
+
+.proj-pad-history {
+  flex-shrink: 0;
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-accent) 22%, transparent);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 200px;
+}
+
+.proj-pad-history-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.proj-pad-history-title {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--blip-muted);
+}
+
+.proj-pad-history-list {
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 140px;
+}
+
+.proj-pad-history-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px 10px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 18%, transparent);
+  background: color-mix(in srgb, var(--blip-bg) 70%, transparent);
+  cursor: pointer;
+  text-align: left;
+  font-family: inherit;
+  color: var(--blip-text);
+}
+
+.proj-pad-history-item:hover {
+  border-color: var(--blip-accent);
+}
+
+.proj-pad-history-meta {
+  font-size: 9px;
+  color: var(--blip-muted);
+  text-transform: uppercase;
+}
+
+.proj-pad-history-preview {
+  font-size: 10px;
+  line-height: 1.35;
+  word-break: break-word;
+}
+
+.proj-pad-history-actions {
+  display: flex;
+  gap: 8px;
+}
+
 .proj-status-bar {
   display: flex;
   align-items: center;
@@ -4030,10 +7412,28 @@ body.media-viewer-open {
   min-height: 0;
 }
 .proj-board-col-head {
-  font-size: 9px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 12px;
   text-transform: uppercase;
-  margin-bottom: 4px;
-  color: var(--blip-text-muted);
+  margin-bottom: 6px;
+  color: var(--blip-text);
+  min-height: 32px;
+}
+.proj-board-col-title {
+  flex: 1;
+  min-width: 0;
+  font-weight: bold;
+}
+.proj-board-add {
+  flex-shrink: 0;
+  min-width: 32px;
+  height: 32px;
+  padding: 0 10px;
+  font-size: 16px;
+  line-height: 1;
 }
 .proj-board-col-list {
   display: flex;
@@ -4047,6 +7447,7 @@ body.media-viewer-open {
   background: #141414;
   border: 1px solid var(--blip-glass-border);
   border-left-width: 2px;
+  cursor: context-menu;
 }
 .proj-board-card--todo {
   border-left-color: #888;
@@ -4061,20 +7462,89 @@ body.media-viewer-open {
   color: var(--blip-text-muted);
   font-size: 9px;
 }
-.proj-board-add {
-  align-self: flex-start;
+.proj-tool--canvas {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 6px;
+  gap: 6px;
+}
+.proj-canvas-head {
+  flex-shrink: 0;
+  font-size: 9px;
+  color: var(--blip-text-muted);
+  margin-bottom: 0;
+}
+.proj-canvas-workspace {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+}
+.proj-canvas-dock {
+  position: absolute;
+  right: 6px;
+  bottom: 6px;
+  z-index: 4;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 8px;
+  max-height: calc(100% - 12px);
+  padding: 8px;
+  border: 2px solid color-mix(in srgb, var(--blip-accent) 28%, var(--blip-glass-border));
+  background: color-mix(in srgb, var(--blip-bg) 82%, var(--blip-glass));
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 10%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.45);
+}
+.proj-canvas-tools {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.proj-canvas-tool-btn {
+  width: 100%;
+  min-width: 88px;
+  text-align: left;
+}
+.proj-canvas-tool-btn--active {
+  border-color: var(--blip-accent);
+  color: var(--blip-accent);
+}
+.proj-canvas-stage {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  padding: 4px 96px 4px 4px;
+  box-sizing: border-box;
 }
 .proj-canvas-grid {
   display: grid;
-  grid-template-columns: repeat(32, 10px);
+  grid-template-columns: repeat(var(--canvas-cols, 32), 1fr);
+  grid-template-rows: repeat(var(--canvas-rows, 16), 1fr);
   gap: 1px;
   background: #1a1a1a;
   padding: 4px;
-  width: fit-content;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  max-width: none;
+  aspect-ratio: auto;
+  box-sizing: border-box;
 }
 .proj-canvas-cell {
-  width: 10px;
-  height: 10px;
+  width: 100%;
+  height: 100%;
+  aspect-ratio: auto;
+  min-width: 0;
+  min-height: 0;
   padding: 0;
   border: none;
   background: #1a1a1a;
@@ -4082,37 +7552,74 @@ body.media-viewer-open {
 }
 .proj-canvas-palette {
   display: flex;
-  gap: 6px;
-  margin-top: 8px;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  gap: 5px;
+  align-items: center;
+  max-height: min(42vh, 280px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 4px 2px 2px;
+  border-top: 1px solid color-mix(in srgb, var(--blip-glass-border) 55%, transparent);
+}
+.proj-canvas-color-picker.blip-color-input {
+  width: 28px;
+  height: 28px;
+  margin-top: 2px;
 }
 .proj-canvas-swatch {
-  width: 18px;
-  height: 18px;
-  border: 2px solid transparent;
+  width: 22px;
+  height: 22px;
+  border: 2px solid var(--blip-glass-border);
   padding: 0;
   cursor: pointer;
+  flex-shrink: 0;
+  background: var(--blip-input-bg, #141414);
+  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
+  image-rendering: pixelated;
+}
+.proj-canvas-swatch:hover {
+  border-color: color-mix(in srgb, var(--blip-accent) 50%, var(--blip-glass-border));
 }
 .proj-canvas-swatch--active {
-  border-color: #fff;
+  border-color: var(--blip-accent);
+  box-shadow:
+    inset 0 0 0 1px var(--blip-accent),
+    0 0 6px color-mix(in srgb, var(--blip-accent) 45%, transparent),
+    2px 2px 0 rgba(0, 0, 0, 0.4);
 }
-.proj-canvas-head {
-  font-size: 9px;
-  color: var(--blip-text-muted);
-  margin-bottom: 6px;
+.proj-clip-top {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 10px;
 }
+
 .proj-clip-actions {
   display: flex;
+  flex-wrap: wrap;
   gap: 6px;
-  margin-bottom: 8px;
 }
+
+.proj-clip-search {
+  width: 100%;
+  max-width: none;
+}
+
+.proj-clip-limit-hint {
+  margin: 0;
+  font-size: 10px;
+}
+
 .proj-clip-list {
   flex: 1;
   overflow-y: auto;
-  max-width: 420px;
+  max-width: none;
+  width: 100%;
 }
 .proj-clip-row {
   display: grid;
-  grid-template-columns: 1fr auto auto;
+  grid-template-columns: 1fr auto auto auto;
   gap: 6px;
   align-items: center;
   padding: 6px;
@@ -4132,3 +7639,267 @@ body.media-viewer-open {
   font-size: 9px;
   color: var(--blip-text-muted);
 }
+
+.settings-theme-editor-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+
+/* BLIP color picker (appearance + projects canvas) */
+.blip-color-input {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  vertical-align: middle;
+}
+
+.blip-color-input__preview {
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  border: 2px solid var(--blip-glass-border);
+  background: var(--blip-input-bg, #141414);
+  box-shadow:
+    inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 18%, transparent),
+    3px 3px 0 rgba(0, 0, 0, 0.45);
+  image-rendering: pixelated;
+  cursor: pointer;
+  font: inherit;
+}
+
+.blip-color-input__preview:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.blip-color-input__native {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+.blip-color-input:hover .blip-color-input__preview:not(:disabled) {
+  border-color: color-mix(in srgb, var(--blip-accent) 55%, var(--blip-glass-border));
+}
+
+.blip-color-input--open .blip-color-input__preview,
+.blip-color-input__preview:focus-visible {
+  border-color: var(--blip-accent);
+  box-shadow:
+    inset 0 0 0 1px var(--blip-accent),
+    0 0 0 1px var(--blip-accent),
+    3px 3px 0 rgba(0, 0, 0, 0.45);
+  outline: none;
+}
+
+.blip-color-popover {
+  position: fixed;
+  z-index: 15000;
+  width: min(248px, calc(100vw - 20px));
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border: 2px solid var(--blip-accent);
+  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.55);
+}
+
+.blip-color-popover__sv {
+  position: relative;
+  width: 100%;
+  height: 140px;
+  border: 2px solid var(--blip-border);
+  cursor: crosshair;
+  touch-action: none;
+  background-image:
+    linear-gradient(to right, #fff, transparent),
+    linear-gradient(to top, #000, transparent);
+}
+
+.blip-color-popover__sv-cursor {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  margin: -7px 0 0 -7px;
+  border: 2px solid #fff;
+  box-shadow:
+    0 0 0 1px #000,
+    2px 2px 0 rgba(0, 0, 0, 0.5);
+  pointer-events: none;
+}
+
+.blip-color-popover__hue {
+  position: relative;
+  width: 100%;
+  height: 14px;
+  border: 2px solid var(--blip-border);
+  cursor: ew-resize;
+  touch-action: none;
+  background: linear-gradient(
+    90deg,
+    #f00 0%,
+    #ff0 17%,
+    #0f0 33%,
+    #0ff 50%,
+    #00f 67%,
+    #f0f 83%,
+    #f00 100%
+  );
+}
+
+.blip-color-popover__hue-cursor {
+  position: absolute;
+  top: -3px;
+  width: 6px;
+  height: 20px;
+  margin-left: -4px;
+  border: 2px solid #fff;
+  box-shadow:
+    0 0 0 1px #000,
+    2px 2px 0 rgba(0, 0, 0, 0.45);
+  pointer-events: none;
+}
+
+.blip-color-popover__fields {
+  display: grid;
+  grid-template-columns: 32px 1fr;
+  gap: 8px;
+  align-items: center;
+}
+
+.blip-color-popover__current {
+  width: 32px;
+  height: 32px;
+  border: 2px solid var(--blip-border);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blip-accent) 25%, transparent);
+}
+
+.blip-color-popover__hex {
+  width: 100%;
+  font-family: 'BlipPixel', 'Minecraft', monospace;
+  letter-spacing: 0.05em;
+}
+
+.blip-color-popover__rgb {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: auto 1fr auto 1fr auto 1fr;
+  gap: 6px;
+  align-items: center;
+}
+
+.blip-color-popover__rgb-label {
+  font-size: 9px;
+  letter-spacing: 0.1em;
+  color: var(--blip-muted);
+}
+
+.blip-color-popover__r,
+.blip-color-popover__g,
+.blip-color-popover__b {
+  width: 100%;
+  min-width: 0;
+  padding: 6px 4px;
+  font-size: 11px;
+  text-align: center;
+}
+
+.blip-color-popover__actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.blip-color-popover__eyedropper {
+  min-width: 36px;
+  padding: 6px 8px;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.blip-color-popover__done {
+  flex: 1;
+  max-width: 120px;
+}
+
+.settings-theme-editor-color.blip-color-input {
+  width: 36px;
+  height: 36px;
+}
+
+#app input[type='color']:not(.blip-color-input__native) {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: 2px solid var(--blip-glass-border);
+  background: var(--blip-input-bg, #141414);
+  color-scheme: dark;
+  cursor: pointer;
+  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.45);
+}
+
+#app input[type='color']:not(.blip-color-input__native)::-webkit-color-swatch-wrapper {
+  padding: 3px;
+  background: var(--blip-input-bg, #141414);
+}
+
+#app input[type='color']:not(.blip-color-input__native)::-webkit-color-swatch {
+  border: 1px solid color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  border-radius: 0;
+}
+
+#app input[type='color']:not(.blip-color-input__native)::-moz-color-swatch {
+  border: 1px solid color-mix(in srgb, var(--blip-accent) 40%, transparent);
+  border-radius: 0;
+}
+
+.settings-theme-editor-hex {
+  width: 7.5em;
+  font-family: 'BlipPixel', 'Minecraft', monospace;
+  letter-spacing: 0.04em;
+}
+
+.settings-theme-editor--locked {
+  opacity: 0.72;
+  pointer-events: none;
+}
+
+/* UI labels CAPS (inputs and chat body stay as typed) */
+#app :is(
+    h1,
+    h2,
+    h3,
+    .section-title,
+    .section-subtitle,
+    .nav-btn,
+    .btn,
+    .hint,
+    .settings-field-label,
+    .settings-panel-title,
+    .pixel-toggle-label,
+    .settings-shortcuts-list dt,
+    .projects-tool-label,
+    .projects-sidebar-label,
+    .mesh-plus-carousel__title,
+    .blip-modal-title
+  ):not(:is(input, textarea)) {
+  text-transform: uppercase;
+}
+
+#app :is(input, textarea, .chat-message-text, .proj-pad-editor, .proj-clip-search, .dial-input) {
+  text-transform: none;
+}
diff --git a/renderer/theme-editor.js b/renderer/theme-editor.js
new file mode 100644
index 0000000..1c68f15
--- /dev/null
+++ b/renderer/theme-editor.js
@@ -0,0 +1,108 @@
+import { t } from './i18n.js';
+import { premiumTierEnabled, showPremiumLockedToast } from './mesh-plus.js';
+import { applyAppearance, normalizeCustomAccentHex } from './appearance.js';
+import { buildSectionSubtitleRow } from './settings-ui.js';
+import { createBlipColorInput } from './blip-color-input.js';
+
+/**
+ * MESH+ custom accent (#RRGGBB).
+ * @param {() => object} getConfig
+ * @param {(patch: object) => Promise<object>} saveConfig
+ */
+export function appendThemeEditorSection(block, getConfig, saveConfig) {
+  const row = document.createElement('div');
+  row.className = 'settings-theme-editor';
+
+  const hexInput = document.createElement('input');
+  hexInput.type = 'text';
+  hexInput.className = 'input settings-theme-editor-hex';
+  hexInput.maxLength = 7;
+  hexInput.placeholder = '#00ffc8';
+  hexInput.dataset.i18nPlaceholder = 'appearance.custom_accent_placeholder';
+
+  const colorPickUi = createBlipColorInput({
+    value: '#00ffc8',
+    title: t('appearance.custom_accent_placeholder'),
+    className: 'settings-theme-editor-color',
+  });
+  const colorPick = colorPickUi.input;
+
+  const applyBtn = document.createElement('button');
+  applyBtn.type = 'button';
+  applyBtn.className = 'btn btn-accent';
+  applyBtn.dataset.i18n = 'appearance.custom_accent_apply';
+  applyBtn.textContent = t('appearance.custom_accent_apply');
+
+  const clearBtn = document.createElement('button');
+  clearBtn.type = 'button';
+  clearBtn.className = 'btn btn-lang';
+  clearBtn.dataset.i18n = 'appearance.custom_accent_clear';
+  clearBtn.textContent = t('appearance.custom_accent_clear');
+
+  const controls = document.createElement('div');
+  controls.className = 'settings-theme-editor-controls';
+  controls.appendChild(colorPickUi.el);
+  controls.appendChild(hexInput);
+  controls.appendChild(applyBtn);
+  controls.appendChild(clearBtn);
+
+  function syncInputsFromConfig() {
+    const cfg = getConfig();
+    const hex = normalizeCustomAccentHex(cfg?.accentCustomHex) || '#00ffc8';
+    hexInput.value = cfg?.accentCustomHex ? hex : '';
+    colorPickUi.value = hex;
+  }
+
+  function setDisabled(locked) {
+    hexInput.disabled = locked;
+    colorPickUi.disabled = locked;
+    applyBtn.disabled = locked;
+    clearBtn.disabled = locked;
+    row.classList.toggle('settings-theme-editor--locked', locked);
+  }
+
+  colorPick.addEventListener('input', () => {
+    hexInput.value = colorPickUi.value;
+  });
+
+  applyBtn.addEventListener('click', async () => {
+    if (!premiumTierEnabled(getConfig())) {
+      showPremiumLockedToast();
+      return;
+    }
+    const hex = normalizeCustomAccentHex(hexInput.value || colorPick.value);
+    if (!hex) return;
+    const cfg = await saveConfig({ accentCustomHex: hex });
+    applyAppearance(cfg);
+    syncInputsFromConfig();
+  });
+
+  clearBtn.addEventListener('click', async () => {
+    if (!premiumTierEnabled(getConfig())) {
+      showPremiumLockedToast();
+      return;
+    }
+    const cfg = await saveConfig({ accentCustomHex: '' });
+    applyAppearance(cfg);
+    syncInputsFromConfig();
+  });
+
+  row.appendChild(controls);
+  block.appendChild(
+    buildSectionSubtitleRow('appearance.custom_accent', 'appearance.custom_accent_mesh_hint')
+  );
+  const customWrap = document.createElement('div');
+  customWrap.className = 'settings-appearance-control';
+  customWrap.appendChild(row);
+  block.appendChild(customWrap);
+
+  syncInputsFromConfig();
+  setDisabled(!premiumTierEnabled(getConfig()));
+
+  return {
+    refresh() {
+      syncInputsFromConfig();
+      setDisabled(!premiumTierEnabled(getConfig()));
+    },
+  };
+}
diff --git a/renderer/toast-config.js b/renderer/toast-config.js
new file mode 100644
index 0000000..3fdfcde
--- /dev/null
+++ b/renderer/toast-config.js
@@ -0,0 +1,17 @@
+/** Global default toast duration from user config (ms). */
+
+let defaultToastMs = 9000;
+
+export function setDefaultToastDurationMs(ms) {
+  const n = Number(ms);
+  defaultToastMs = Number.isFinite(n) ? Math.max(2000, Math.min(60000, Math.round(n))) : 9000;
+}
+
+/** @param {number | undefined} overrideMs explicit per-toast duration */
+export function resolveToastDurationMs(overrideMs) {
+  if (overrideMs != null && Number.isFinite(Number(overrideMs))) {
+    const n = Number(overrideMs);
+    return n <= 0 ? 0 : Math.max(2000, Math.min(60000, Math.round(n)));
+  }
+  return defaultToastMs;
+}
diff --git a/renderer/toasts.js b/renderer/toasts.js
index f33724e..f11b8c8 100644
--- a/renderer/toasts.js
+++ b/renderer/toasts.js
@@ -2,8 +2,11 @@
  * Bottom-right in-app toast stack (messages, updates, hints).
  */
 
-const DEFAULT_MS = 9000;
+import { resolveToastDurationMs } from './toast-config.js';
+
+export const DEFAULT_TOAST_MS = 9000;
 const FADE_MS = 300;
+const SWIPE_DISMISS_PX = 72;
 
 let stackEl = null;
 
@@ -15,12 +18,67 @@ function ensureStack() {
   return stackEl;
 }
 
+function bindSwipeDismiss(el, dismiss) {
+  let startX = 0;
+  let dragging = false;
+
+  const resetTransform = () => {
+    el.style.transition = '';
+    el.style.transform = '';
+    el.style.opacity = '';
+  };
+
+  el.addEventListener(
+    'pointerdown',
+    (e) => {
+      if (e.button !== 0) return;
+      if (e.target.closest('button')) return;
+      dragging = true;
+      startX = e.clientX;
+      el.setPointerCapture(e.pointerId);
+      el.style.transition = 'none';
+    },
+    { passive: true }
+  );
+
+  el.addEventListener(
+    'pointermove',
+    (e) => {
+      if (!dragging) return;
+      const dx = Math.max(0, e.clientX - startX);
+      el.style.transform = `translateX(${dx}px)`;
+      el.style.opacity = String(Math.max(0.35, 1 - dx / 160));
+    },
+    { passive: true }
+  );
+
+  const endSwipe = (e) => {
+    if (!dragging) return;
+    dragging = false;
+    try {
+      el.releasePointerCapture(e.pointerId);
+    } catch {
+      /* ignore */
+    }
+    const dx = e.clientX - startX;
+    if (dx >= SWIPE_DISMISS_PX) {
+      dismiss();
+      return;
+    }
+    resetTransform();
+  };
+
+  el.addEventListener('pointerup', endSwipe);
+  el.addEventListener('pointercancel', endSwipe);
+}
+
 /**
  * @param {{
  *   title: string,
  *   body?: string,
  *   variant?: 'accent' | 'danger' | 'muted',
  *   durationMs?: number,
+ *   dismissible?: boolean,
  *   actions?: Array<{ label: string, onClick: () => void, primary?: boolean }>,
  * }} opts
  */
@@ -29,9 +87,11 @@ export function showAppToast(opts) {
     title,
     body = '',
     variant = 'accent',
-    durationMs = DEFAULT_MS,
+    durationMs: durationOverride,
+    dismissible = true,
     actions = [],
   } = opts;
+  const durationMs = resolveToastDurationMs(durationOverride);
   if (!title) return null;
 
   const stack = ensureStack();
@@ -66,15 +126,35 @@ export function showAppToast(opts) {
     el.appendChild(row);
   }
 
+  let hideTimer = null;
+
   function dismiss() {
+    if (hideTimer) {
+      clearTimeout(hideTimer);
+      hideTimer = null;
+    }
     el.classList.add('toast-out');
     setTimeout(() => el.remove(), FADE_MS);
   }
 
+  if (dismissible) {
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'toast-close btn';
+    closeBtn.setAttribute('aria-label', 'Dismiss');
+    closeBtn.textContent = '×';
+    closeBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      dismiss();
+    });
+    el.appendChild(closeBtn);
+    bindSwipeDismiss(el, dismiss);
+  }
+
   stack.appendChild(el);
 
   if (durationMs > 0) {
-    setTimeout(dismiss, durationMs);
+    hideTimer = setTimeout(dismiss, durationMs);
   }
 
   return { dismiss, el };
diff --git a/renderer/trust-ui.js b/renderer/trust-ui.js
new file mode 100644
index 0000000..b0e1a1f
--- /dev/null
+++ b/renderer/trust-ui.js
@@ -0,0 +1,130 @@
+import { t } from './i18n.js';
+import { createAvatarElement } from './avatar.js';
+import { BUILD_TRUST, MESH_TRUST, OFFICIAL_BUILD_ISSUER } from '../shared/trust-levels.js';
+
+/** @type {{ buildTrust: string, meshPlusTrust: string } | null} */
+let localTrustState = null;
+
+/**
+ * @param {{ buildTrust?: string, meshPlusTrust?: string }} state
+ */
+export function setLocalTrustState(state) {
+  if (!state) return;
+  localTrustState = {
+    buildTrust: state.buildTrust || BUILD_TRUST.UNVERIFIED_BUILD,
+    meshPlusTrust: state.meshPlusTrust || MESH_TRUST.UNVERIFIED_MESH_PLUS,
+  };
+  /* window.trustState is read-only (contextBridge). Updates come from preload IPC only. */
+}
+
+export function getLocalTrustState() {
+  if (localTrustState) return localTrustState;
+  const live = typeof window !== 'undefined' ? window.trustState : null;
+  if (!live) return null;
+  return {
+    buildTrust: live.buildTrust || BUILD_TRUST.UNVERIFIED_BUILD,
+    meshPlusTrust: live.meshPlusTrust || MESH_TRUST.UNVERIFIED_MESH_PLUS,
+  };
+}
+
+export function isOfficialBuildTrust(buildTrust) {
+  return buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL;
+}
+
+/**
+ * MESH+ badge / card styling: license + peer build trust (LAN announce or local).
+ * @param {object} [peer]
+ * @returns {string | null}
+ */
+export function resolvePeerMeshPlusTrust(peer) {
+  if (!peer?.meshPlus) return null;
+  if (peer.meshPlusTrust === MESH_TRUST.OFFICIAL_MESH_PLUS) {
+    return MESH_TRUST.OFFICIAL_MESH_PLUS;
+  }
+  if (peer.meshPlusTrust === MESH_TRUST.UNVERIFIED_MESH_PLUS) {
+    return MESH_TRUST.UNVERIFIED_MESH_PLUS;
+  }
+  if (peer.buildTrust === BUILD_TRUST.VERIFIED_OFFICIAL) {
+    return MESH_TRUST.OFFICIAL_MESH_PLUS;
+  }
+  if (
+    peer.buildVerified &&
+    String(peer.buildIssuer || '') === OFFICIAL_BUILD_ISSUER
+  ) {
+    return MESH_TRUST.OFFICIAL_MESH_PLUS;
+  }
+  return MESH_TRUST.UNVERIFIED_MESH_PLUS;
+}
+
+/**
+ * @param {HTMLElement} el
+ * @param {string} [meshPlusTrust]
+ * @param {boolean} [active]
+ */
+export function applyMeshPlusTrustClass(el, meshPlusTrust, active = true) {
+  if (!el) return;
+  el.classList.remove('meshplus-official', 'meshplus-unverified');
+  if (!active) return;
+  if (meshPlusTrust === MESH_TRUST.OFFICIAL_MESH_PLUS) {
+    el.classList.add('meshplus-official');
+    el.removeAttribute('title');
+    el.removeAttribute('data-i18n-title');
+  } else {
+    el.classList.add('meshplus-unverified');
+    el.dataset.i18nTitle = 'trust.unofficial_mesh_tooltip';
+    el.title = t('trust.unofficial_mesh_tooltip');
+  }
+}
+
+/**
+ * Square notice in Settings → About (build trust, not MESH+ key).
+ * @param {HTMLElement} parent
+ */
+export function appendAboutBuildTrustNotice(parent) {
+  const trust = getLocalTrustState();
+  const official = isOfficialBuildTrust(trust?.buildTrust);
+  const box = document.createElement('div');
+  box.className = `settings-about-trust-notice${
+    official
+      ? ' settings-about-trust-notice--official'
+      : ' settings-about-trust-notice--unofficial'
+  }`;
+  const key = official ? 'trust.about_official_client' : 'trust.about_unofficial_client';
+  box.dataset.i18n = key;
+  box.textContent = t(key);
+  parent.appendChild(box);
+  return box;
+}
+
+/**
+ * Avatars no longer use colored build-trust rings (see About notice).
+ * @param {number} blipId
+ * @param {number} scale
+ * @param {object} opts
+ */
+export function createTrustedAvatarElement(blipId, scale, opts) {
+  return createAvatarElement(blipId, scale, opts);
+}
+
+/**
+ * @param {HTMLElement} badge
+ * @param {object} [peer]
+ */
+export function applyPeerMeshPlusBadgeTrust(badge, peer) {
+  if (!badge) return;
+  badge.classList.remove(
+    'mesh-plus-badge--trust-official',
+    'mesh-plus-badge--trust-unverified'
+  );
+  if (!peer?.meshPlus) return;
+  const meshTrust = resolvePeerMeshPlusTrust(peer);
+  if (meshTrust === MESH_TRUST.OFFICIAL_MESH_PLUS) {
+    badge.classList.add('mesh-plus-badge--trust-official');
+    badge.removeAttribute('title');
+    badge.removeAttribute('data-i18n-title');
+    return;
+  }
+  badge.classList.add('mesh-plus-badge--trust-unverified');
+  badge.dataset.i18nTitle = 'trust.unofficial_mesh_tooltip';
+  badge.title = t('trust.unofficial_mesh_tooltip');
+}
diff --git a/renderer/trust.css b/renderer/trust.css
new file mode 100644
index 0000000..2bac43b
--- /dev/null
+++ b/renderer/trust.css
@@ -0,0 +1,288 @@
+/* MESH+ subscription trust (settings card, badges) */
+
+/* Legacy hooks — MESH+ settings uses pixel grid hero instead of flat gradient */
+.meshplus-official,
+.meshplus-unverified {
+  background: transparent;
+  box-shadow: none;
+}
+
+/* Official MESH PLUS — purple/cyan animated gradient on platinum plaque (see styles.css) */
+.mesh-plus-badge--trust-official .mesh-plus-badge__text {
+  animation: mesh-plus-badge-gradient 3.2s ease-in-out infinite;
+}
+
+/* Unofficial subscription — platinum plaque, bright red gradient text (readable) */
+.mesh-plus-badge--trust-unverified {
+  background: linear-gradient(
+    180deg,
+    #f5e8e8 0%,
+    #d4a8a8 38%,
+    #b08080 52%,
+    #e8d0d0 100%
+  );
+  border-color: #9a4a4a;
+}
+
+.mesh-plus-badge--trust-unverified .mesh-plus-badge__text {
+  background: linear-gradient(
+    105deg,
+    #ffffff 0%,
+    #ffe4e4 12%,
+    #fca5a5 26%,
+    #ef4444 42%,
+    #dc2626 52%,
+    #f87171 68%,
+    #fecaca 84%,
+    #ffffff 100%
+  );
+  background-size: 240% 100%;
+  background-position: 0% 50%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  /* filter + background-clip:text hides glyphs in Chromium — use text-shadow */
+  filter: none;
+  paint-order: stroke fill;
+  text-shadow:
+    0 1px 0 #450a0a,
+    0 0 2px rgba(0, 0, 0, 0.9),
+    1px 0 0 #450a0a,
+    -1px 0 0 #450a0a;
+  animation: mesh-plus-badge-gradient-red 3.2s ease-in-out infinite;
+}
+
+.mesh-plus-pixel-banner__label--unverified {
+  background: linear-gradient(
+    105deg,
+    #ffffff 0%,
+    #ffe4e4 12%,
+    #fca5a5 26%,
+    #ef4444 42%,
+    #dc2626 52%,
+    #f87171 68%,
+    #fecaca 84%,
+    #ffffff 100%
+  );
+  background-size: 240% 100%;
+  background-position: 0% 50%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  filter: none;
+  text-shadow:
+    0 1px 0 #450a0a,
+    0 0 2px rgba(0, 0, 0, 0.9);
+  animation: mesh-plus-badge-gradient-red 3.4s ease-in-out infinite;
+}
+
+@keyframes mesh-plus-badge-gradient-red {
+  0%,
+  100% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+
+/* Settings → MESH+ pixel field (BLIP purple → cyan → mint) */
+
+.mesh-plus-hero {
+  position: relative;
+  margin: 0 0 12px;
+  border: 2px solid var(--blip-glass-border);
+  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+  image-rendering: pixelated;
+}
+
+.mesh-plus-pixel-grid {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  grid-template-columns: repeat(28, 1fr);
+  grid-template-rows: repeat(6, 1fr);
+  gap: 3px;
+  padding: 10px;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+.mesh-plus-pixel-grid--strip {
+  position: relative;
+  inset: auto;
+  padding: 6px 8px;
+  gap: 2px;
+}
+
+.mesh-plus-pixel-grid__cell {
+  display: block;
+  min-width: 0;
+  min-height: 0;
+  border-radius: 0;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
+}
+
+.mesh-plus-hero--free .mesh-plus-pixel-grid__cell {
+  background: hsl(225 9% calc(var(--cell-lit, 24) * 1%));
+  animation: mesh-plus-pixel-twinkle 3.4s ease-in-out infinite;
+  animation-delay: calc(var(--cell-delay, 0) * 0.09s);
+}
+
+.mesh-plus-hero--active .mesh-plus-pixel-grid__cell {
+  background: rgb(var(--cell-r, 124), var(--cell-g, 58), var(--cell-b, 237));
+  animation: mesh-plus-pixel-twinkle 2.6s ease-in-out infinite;
+  animation-delay: calc(var(--cell-delay, 0) * 0.07s);
+}
+
+.mesh-plus-hero__inner {
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  background: color-mix(in srgb, var(--blip-bg) 78%, transparent);
+  backdrop-filter: blur(3px);
+}
+
+.mesh-plus-hero__inner .mesh-plus-status-card {
+  border: none;
+  box-shadow: none;
+  margin: 0;
+  background: transparent;
+}
+
+.mesh-plus-status-card--trust-unverified {
+  box-shadow: inset 0 0 0 1px rgba(255, 60, 60, 0.45);
+}
+
+.mesh-plus-pixel-strip {
+  position: relative;
+  margin: 0 0 10px;
+  min-height: 52px;
+  border: 2px solid var(--blip-glass-border);
+  overflow: hidden;
+  image-rendering: pixelated;
+  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.45);
+}
+
+.mesh-plus-pixel-banner__label {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 2;
+  transform: translate(-50%, -50%);
+  font-family: var(--blip-font, 'Minecraft', monospace);
+  font-size: 11px;
+  font-weight: bold;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  pointer-events: none;
+  white-space: nowrap;
+  background: linear-gradient(
+    105deg,
+    #f5f0ff 0%,
+    #ddd6fe 14%,
+    #c084fc 28%,
+    #7c3aed 42%,
+    #5b21b6 52%,
+    #22d3ee 62%,
+    #a78bfa 72%,
+    #6ee7b7 86%,
+    #f5f0ff 100%
+  );
+  background-size: 240% 100%;
+  background-position: 0% 50%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.75));
+  animation: mesh-plus-badge-gradient 3.4s ease-in-out infinite;
+}
+
+.mesh-plus-hero .mesh-plus-pixel-banner__label {
+  font-size: 13px;
+  letter-spacing: 0.16em;
+}
+
+.mesh-plus-pixel-grid--strip {
+  grid-template-columns: repeat(28, 1fr) !important;
+  grid-template-rows: repeat(4, 1fr) !important;
+  min-height: 52px;
+}
+
+.mesh-plus-pixel-strip--free .mesh-plus-pixel-grid__cell {
+  background: hsl(225 9% calc(var(--cell-lit, 24) * 1%));
+  animation: mesh-plus-pixel-twinkle 3.8s ease-in-out infinite;
+  animation-delay: calc(var(--cell-delay, 0) * 0.1s);
+}
+
+.mesh-plus-pixel-strip--active .mesh-plus-pixel-grid__cell {
+  background: rgb(var(--cell-r, 124), var(--cell-g, 58), var(--cell-b, 237));
+  animation: mesh-plus-pixel-twinkle 2.8s ease-in-out infinite;
+  animation-delay: calc(var(--cell-delay, 0) * 0.08s);
+}
+
+@keyframes mesh-plus-pixel-twinkle {
+  0%,
+  100% {
+    opacity: 0.42;
+    filter: brightness(0.78) saturate(0.85);
+    transform: scale(0.9);
+  }
+  45% {
+    opacity: 1;
+    filter: brightness(1.12) saturate(1.15);
+    transform: scale(1);
+  }
+  70% {
+    opacity: 0.65;
+    filter: brightness(0.95) saturate(1);
+    transform: scale(0.96);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mesh-plus-pixel-grid__cell,
+  .mesh-plus-pixel-banner__label,
+  .mesh-plus-badge--trust-unverified .mesh-plus-badge__text {
+    animation: none !important;
+    opacity: 0.85;
+    transform: none;
+  }
+  .mesh-plus-pixel-banner__label {
+    transform: translate(-50%, -50%);
+    background-size: 100% 100%;
+    background-position: 50% 50%;
+  }
+}
+
+/* Settings → About: build trust (client), square notice */
+
+.settings-about-trust-notice {
+  width: 100%;
+  max-width: 420px;
+  margin: 0 auto 16px;
+  padding: 14px 16px;
+  font-size: 13px;
+  line-height: 1.45;
+  letter-spacing: 0.04em;
+  text-align: center;
+  border: 2px solid var(--blip-glass-border);
+  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.45);
+  box-sizing: border-box;
+}
+
+.settings-about-trust-notice--official {
+  border-color: rgba(124, 58, 237, 0.55);
+  color: #c4b5fd;
+  background: rgba(124, 58, 237, 0.12);
+}
+
+.settings-about-trust-notice--unofficial {
+  border-color: rgba(255, 60, 60, 0.55);
+  color: #fca5a5;
+  background: rgba(255, 60, 60, 0.1);
+}
diff --git a/renderer/typing-sound.js b/renderer/typing-sound.js
new file mode 100644
index 0000000..c769118
--- /dev/null
+++ b/renderer/typing-sound.js
@@ -0,0 +1,17 @@
+import { playTypingClick } from './audio.js';
+
+/**
+ * Subtle local key click on chat composers (#30).
+ * @param {HTMLElement} input
+ * @param {() => object} getConfig
+ */
+export function attachTypingSound(input, getConfig) {
+  if (!input) return;
+  input.addEventListener('keydown', (e) => {
+    if (e.isComposing || e.ctrlKey || e.metaKey || e.altKey) return;
+    if (e.key === 'Enter' || e.key === 'Tab' || e.key.startsWith('Arrow')) return;
+    const cfg = getConfig?.();
+    if (!cfg?.typingSoundEnabled || cfg?.doNotDisturb) return;
+    playTypingClick();
+  });
+}
diff --git a/renderer/ui.js b/renderer/ui.js
index 307ef7b..8807842 100644
--- a/renderer/ui.js
+++ b/renderer/ui.js
@@ -1,6 +1,6 @@
 import { t, setLang, getLang, applyLangChange, onLangChange, applyI18n } from './i18n.js';
 import { createIdGrid } from './grid.js';
-import { createChatView, getMessages, getDefaultReactionEmoji } from './chat.js';
+import { createChatView, getMessages, addMessage } from './chat.js';
 import { isFavorite, toggleFavorite, comparePeersFavoriteFirst } from './peer-favorites.js';
 import {
   getGroup,
@@ -11,7 +11,12 @@ import {
   purgeGroupsFor,
   saveGroup,
 } from './groups.js';
-import { createGroupAvatarElement } from './group-avatar.js';
+import {
+  createGroupAvatarElement,
+  setGroupAvatarDataUrl,
+  broadcastGroupAvatarToMembers,
+  requestGroupAvatarsFromMembers,
+} from './group-avatar.js';
 import { createProjectsView } from './projects-view.js';
 import { handleMeshProjectTcp } from './projects-mesh-wire.js';
 import { openGroupCreateDialog } from './group-create-dialog.js';
@@ -21,6 +26,7 @@ import {
   handleGroupTcpMessage,
   migrateGroupsHostOnPeerOffline,
   sendGroupChatMessage,
+  sendGroupPin,
   leaveGroup,
   acceptGroupInvite,
   declineGroupInviteFlow,
@@ -44,6 +50,10 @@ import {
   setPeerAvatarDataUrl,
   getSelfAvatarCache,
 } from './avatar.js';
+import {
+  appendAboutBuildTrustNotice,
+  createTrustedAvatarElement,
+} from './trust-ui.js';
 import { openAvatarCropDialog } from './avatar-crop-dialog.js';
 import {
   sounds,
@@ -89,12 +99,30 @@ import {
   fillSettingsDropdown,
   buildSettingsField,
   buildSettingsFieldWithHint,
+  buildPanelTitleRow,
+  buildSectionSubtitleRow,
   buildSettingsLabelRow,
   createPixelToggle,
   createPixelHintIcon,
   copyTextToClipboard,
+  createSettingsListPanel,
+  wrapInSettingsListPanel,
 } from './settings-ui.js';
 import { buildMicTestPanel } from './mic-test-panel.js';
+import {
+  appendMeshPlusBadgeToNameRow,
+  fillPremiumGatedDropdown,
+  premiumTierEnabled,
+  markPremiumGatedOptions,
+  MESH_PLUS_FEATURES,
+} from './mesh-plus.js';
+import { buildSettingsMeshPlusPanel } from './mesh-plus-settings.js';
+import { appendAppIconPickerSections } from './app-icon-picker.js';
+import { appendThemeEditorSection } from './theme-editor.js';
+import { recordCallStarted, recordFileSent, recordPeersOnline, setAchievementConfigProvider } from './session-stats.js';
+import { buildSettingsAchievementsPanel } from './achievements-settings-panel.js';
+import { appendSessionStatsSection } from './session-stats-panel.js';
+import { syncAchievements } from './achievements-tracker.js';
 import {
   startClipboardSync,
   stopClipboardSync,
@@ -106,7 +134,25 @@ import {
 import { formatPeerDisplayName } from './peer-labels.js';
 import { openMeshLabelDialog } from './mesh-label-dialog.js';
 import { showAppToast } from './toasts.js';
+import { initBeaconMesh, refreshBeaconMesh, handleBeaconTcp } from './beacon-mesh.js';
+import { initIdleAway } from './idle-away.js';
+import { renderBeaconView } from './beacon-ui.js';
+import { setDefaultToastDurationMs } from './toast-config.js';
+import { appendBandwidthGraphSection } from './beacon-bandwidth-graph.js';
 import { openConfirmDialog } from './confirm-dialog.js';
+import {
+  clearRendererLocalStorage,
+  resetRendererMemoryStores,
+} from './factory-reset-local.js';
+import { buildPeerProfilePage } from './peer-profile.js';
+import { buildSettingsProfilePanel as buildSettingsProfilePanelView } from './settings-profile-panel.js';
+import { renderSettingsNavAside as renderSettingsNavGroups } from './settings-nav.js';
+import {
+  ingestPeerProfileGifDataUrl,
+  getPeerProfileGifDisplayUrl,
+  isPeerProfileGifIngesting,
+  peerHasCachedProfileGif,
+} from './peer-gif-cache.js';
 import {
   initPeerTrust,
   applyTrustFromConfig,
@@ -128,6 +174,7 @@ import {
   normalizeThemeMode,
   normalizeAccentId,
   normalizeBgId,
+  applyUiPreferences,
 } from './appearance.js';
 import { initReactiveWallpaper, applyReactiveWallpaperConfig } from './reactive-wallpaper.js';
 
@@ -149,6 +196,37 @@ async function broadcastCustomAvatar() {
   }
 }
 
+async function broadcastProfileGif() {
+  const dataUrl = await window.blip?.getProfileGifShareUrl?.();
+  if (!dataUrl || !state.config?.blipId) return;
+  const targets = state.peers.filter((p) => p.online && !isBlocked(p.blipId));
+  for (const p of targets) {
+    try {
+      await api.sendTcpMessage({
+        type: 'profile-gif-share',
+        to: p.blipId,
+        from: state.config.blipId,
+        dataUrl,
+      });
+    } catch {
+      /* offline */
+    }
+  }
+}
+
+async function requestPeerProfileGif(blipId) {
+  if (!state.config?.blipId || !blipId) return;
+  try {
+    await api.sendTcpMessage({
+      type: 'profile-gif-request',
+      to: blipId,
+      from: state.config.blipId,
+    });
+  } catch {
+    /* ignore */
+  }
+}
+
 function restartClipboardSync() {
   stopClipboardSync();
   startClipboardSync({
@@ -170,6 +248,10 @@ let state = {
   groupChatViews: new Map(),
   /** `null` = no subsection selected (placeholder in content column). */
   settingsSection: null,
+  /** Peer profile page (full main-content view). */
+  profilePeerId: null,
+  /** Where to return from profile (view + chat targets). */
+  profileReturn: null,
 };
 
 /** @type {Map<string, number>} */
@@ -189,6 +271,10 @@ const peerLatencyMs = new Map();
 
 const MESH_PULSE_INTERVAL_MS = 60_000;
 let meshPulseTimer = null;
+/** @type {(() => void) | null} */
+let profilePageCleanup = null;
+/** @type {{ peerId: number, refresh: () => void, setPeer?: (p: object) => void, destroy: () => void } | null} */
+let profilePageApi = null;
 
 /** @type {Map<number, number>} */
 const unreadByPeer = new Map();
@@ -204,10 +290,35 @@ function formatAppVersion(meta) {
 
 async function openCallOutgoing(peerId, video = false) {
   if (!window.blip?.openCallOutgoing) return;
+  const id = Number(peerId);
+  const peer = state.peers.find((p) => Number(p.blipId) === id);
+  if (!peer?.online) {
+    showAppToast({
+      title: t('call.signal_lost'),
+      body: t('call.signal_lost_hint'),
+      durationMs: 4500,
+    });
+    return;
+  }
+  recordCallStarted();
   try {
-    await window.blip.openCallOutgoing({ peerId, video });
+    const result = await window.blip.openCallOutgoing({ peerId: id, video });
+    if (!result?.ok) {
+      showAppToast({
+        title: t('call.signal_lost'),
+        body: result?.error || t('call.signal_lost_hint'),
+        variant: 'danger',
+        durationMs: 5000,
+      });
+    }
   } catch (e) {
     console.error('[BLIP] openCallOutgoing', e);
+    showAppToast({
+      title: t('call.signal_lost'),
+      body: e?.message || t('call.signal_lost_hint'),
+      variant: 'danger',
+      durationMs: 5000,
+    });
   }
 }
 
@@ -219,6 +330,7 @@ function showMessageToast(peerId, preview) {
   showAppToast({
     title: `${t('toast.new_message')} · ${label}`,
     body: preview || '',
+    durationMs: 9000,
     actions: [
       {
         label: t('toast.open_chat'),
@@ -336,7 +448,39 @@ function ensureGroupChatView(groupId) {
           },
         });
       },
-      api
+      api,
+      {
+        onPin: (gid, payload) => sendGroupPin(api, state.config, gid, payload),
+        getForwardTargets: () =>
+          state.peers
+            .filter((p) => p.online && !isBlocked(p.blipId))
+            .map((p) => ({
+              id: p.blipId,
+              label: formatPeerDisplayName(p, p.blipId),
+            })),
+        onForwardToPeer: async (targetId, { forwardFrom }) => {
+          ensureChatView(targetId);
+          const outMsg = {
+            id: createMessageId(),
+            from: state.config.blipId,
+            to: targetId,
+            text: '',
+            timestamp: Date.now(),
+            outgoing: true,
+            forwardFrom,
+          };
+          addMessage(targetId, outMsg);
+          await api.sendTcpMessage({
+            to: targetId,
+            type: 'message',
+            text: outMsg.text,
+            id: outMsg.id,
+            timestamp: outMsg.timestamp,
+            forwardFrom: outMsg.forwardFrom,
+          });
+          state.chatViews.get(targetId)?.renderMessages?.();
+        },
+      }
     );
     state.groupChatViews.set(groupId, view);
   }
@@ -351,6 +495,7 @@ function openGroupChat(groupId) {
   state.view = 'chat';
   unreadByGroup.delete(groupId);
   ensureGroupChatView(groupId);
+  void requestGroupAvatarsFromMembers(groupId, api, state.config.blipId);
   if (mainContent?.isConnected) renderView('chat');
   else render();
 }
@@ -358,16 +503,25 @@ function openGroupChat(groupId) {
 /** @type {ReturnType<typeof createProjectsView> | null} */
 let projectsViewInstance = null;
 
+/** @type {(() => void) | null} */
+let settingsPanelCleanup = null;
+
 function ensureProjectsView() {
   if (!projectsViewInstance || !projectsViewInstance.el?.parentElement) {
     projectsViewInstance?.destroy?.();
     projectsViewInstance = createProjectsView(
-      state.config,
+      () => state.config,
       api,
       () =>
         state.peers
           .filter((p) => p.online && !isBlocked(p.blipId))
-          .map((p) => p.blipId)
+          .map((p) => p.blipId),
+      {
+        onOpenMeshPlus: () => {
+          state.settingsSection = 'mesh_plus';
+          renderView('settings');
+        },
+      }
     );
   }
   return projectsViewInstance;
@@ -378,6 +532,40 @@ function normalizeBlipId(id) {
   return Number.isFinite(n) ? n : null;
 }
 
+function peerBlipIdEquals(a, b) {
+  const na = normalizeBlipId(a);
+  const nb = normalizeBlipId(b);
+  return na != null && nb != null && na === nb;
+}
+
+function findPeerByBlipId(id) {
+  const nid = normalizeBlipId(id);
+  if (nid == null) return undefined;
+  return state.peers.find((p) => normalizeBlipId(p.blipId) === nid);
+}
+
+/** Re-bind if DOM was rebuilt (grid → app layout) without updating the module ref. */
+function resolveMainContent() {
+  if (mainContent?.isConnected) return mainContent;
+  const found =
+    document.querySelector('.app-layout > .main-content') ||
+    document.querySelector('.app-body > .main-content');
+  if (found) mainContent = found;
+  return mainContent;
+}
+
+/** Always replace main panel (bypasses renderView short-circuit). */
+function mountMainPanel(el, { prevView = null } = {}) {
+  const panel = resolveMainContent();
+  if (!panel || !el) return false;
+  const leaving = prevView ?? state.view;
+  if (leaving === 'settings') runSettingsPanelCleanup();
+  panel.replaceChildren(el);
+  applyI18n(panel);
+  updateNavActive();
+  return true;
+}
+
 function refreshLiveChat(peerId) {
   const id = normalizeBlipId(peerId);
   if (id == null) return;
@@ -388,18 +576,21 @@ function refreshLiveChat(peerId) {
   chat.scrollToBottom?.();
 }
 
-const CHAT_VIEW_API_VERSION = 2;
+const CHAT_VIEW_API_VERSION = 3;
 
 function ensureChatView(peerId) {
   const id = normalizeBlipId(peerId);
   if (id == null) return null;
   const stale = state.chatViews.get(id);
   if (stale && stale.apiVersion !== CHAT_VIEW_API_VERSION) {
+    stale.destroy?.();
     state.chatViews.delete(id);
   }
   if (!state.chatViews.has(id)) {
-    const peer = state.peers.find((p) => p.blipId === id);
-    const chat = createChatView(
+    const peer = findPeerByBlipId(id);
+    let chat;
+    try {
+      chat = createChatView(
       id,
       () => state.config,
       (to, msg) =>
@@ -411,6 +602,7 @@ function ensureChatView(peerId) {
           timestamp: msg.timestamp,
           attachment: msg.attachment,
           replyTo: msg.replyTo,
+          forwardFrom: msg.forwardFrom,
         }),
       () => {
         state.activePeer = null;
@@ -461,6 +653,7 @@ function ensureChatView(peerId) {
             { transferId: xfer.transferId }
           );
           if (result.transferId) xfer.transferId = result.transferId;
+          if (result?.ok !== false) recordFileSent();
           if (result.chunked) {
             const dataUrl = await fileToDataUrl(file);
             result.attachment = { ...result.attachment, dataUrl };
@@ -488,8 +681,21 @@ function ensureChatView(peerId) {
           messageId: payload.messageId,
           text: payload.text,
           editedAt: payload.editedAt,
-        })
+        }),
+      (profilePeerId) => openPeerProfileFromUi(profilePeerId),
+      () => findPeerByBlipId(id),
+      () =>
+        state.peers
+          .filter((p) => p.online && !isBlocked(p.blipId) && p.blipId !== id)
+          .map((p) => ({
+            id: p.blipId,
+            label: formatPeerDisplayName(p, p.blipId),
+          }))
     );
+    } catch (err) {
+      console.error('[BLIP] createChatView', id, err);
+      return null;
+    }
     if (peer) chat.setPeerName(formatPeerDisplayName(peer, id));
     state.chatViews.set(id, chat);
   }
@@ -535,7 +741,7 @@ function updateNavUnreadBadge() {
 }
 
 function bumpUnread(peerId) {
-  if (state.view === 'chat' && state.activePeer === peerId) return;
+  if (state.view === 'chat' && peerBlipIdEquals(state.activePeer, peerId)) return;
   unreadByPeer.set(peerId, (unreadByPeer.get(peerId) || 0) + 1);
   updateNavUnreadBadge();
 }
@@ -557,7 +763,7 @@ function updateNavActive() {
 }
 
 function getNavKeys() {
-  const keys = ['dial', 'peers', 'chat'];
+  const keys = ['dial', 'peers', 'chat', 'beacon'];
   if (state.config?.devProjectsEnabled) keys.push('projects');
   keys.push('settings');
   return keys;
@@ -733,7 +939,16 @@ function renderPeersView() {
         isFavorite(peer.blipId) ? 'peer-row--favorite' : ''
       }`;
 
-      const avatar = createAvatarElement(peer.blipId, 2, { selfBlipId: state.config.blipId });
+      const avatar = createTrustedAvatarElement(peer.blipId, 2, {
+        selfBlipId: state.config.blipId,
+      });
+      avatar.classList.add('peer-row-avatar');
+      avatar.style.cursor = 'pointer';
+      avatar.title = t('peers.profile_open');
+      avatar.addEventListener('click', (e) => {
+        e.stopPropagation();
+        openPeerProfileFromUi(peer);
+      });
       const info = document.createElement('div');
       info.className = 'peer-info';
       const name = document.createElement('span');
@@ -746,6 +961,7 @@ function renderPeersView() {
         name.appendChild(star);
       }
       name.appendChild(document.createTextNode(formatPeerDisplayName(peer)));
+      appendMeshPlusBadgeToNameRow(name, peer);
       if (peer.meshLegacy) {
         const leg = document.createElement('span');
         leg.className = 'peer-handshake-badge peer-handshake-badge--legacy';
@@ -793,11 +1009,21 @@ function renderPeersView() {
         showPeerContextMenu(e, peer);
       });
 
-      row.addEventListener('click', () => {
-        if (peer.online) openChat(peer.blipId);
+      const openPeerChat = () => void openChat(peer.blipId);
+      row.addEventListener('click', openPeerChat);
+      row.addEventListener('auxclick', (e) => {
+        if (e.button === 1) openPeerChat();
       });
+      row.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          void openChat(peer.blipId);
+        }
+      });
+      row.setAttribute('tabindex', '0');
+      row.setAttribute('role', 'button');
 
-      row.style.cursor = peer.online ? 'pointer' : 'default';
+      row.style.cursor = 'pointer';
 
       list.appendChild(row);
     });
@@ -826,6 +1052,7 @@ async function promptMeshLabel(peer) {
   const chat = state.chatViews.get(peer.blipId);
   if (chat) chat.setPeerName(formatPeerDisplayName(peer));
   if (state.view === 'peers') renderView('peers');
+  if (state.view === 'profile') syncPeerProfilePage();
   if (state.view === 'chat' && !state.activePeer) renderView('chat');
 
   showAppToast({
@@ -835,10 +1062,262 @@ async function promptMeshLabel(peer) {
   });
 }
 
+function getPeerProfileHooks(peer) {
+  return {
+    selfBlipId: state.config?.blipId ?? null,
+    isBlocked: (id) => isBlocked(id),
+    presenceClass: peerPresenceClass,
+    statusTooltip: peerStatusTooltip,
+    onMessage: () => openChatFromProfile(peer.blipId),
+    onCall: () => {
+      if (peer.online) openCallOutgoing(peer.blipId, false);
+    },
+    onBlock: () => {
+      if (isBlocked(peer.blipId)) {
+        unblockPeer(peer.blipId);
+        showAppToast({ title: t('peers.unblock_done'), durationMs: 3000 });
+      } else {
+        blockPeer(peer.blipId);
+        showAppToast({ title: t('peers.block_done'), durationMs: 3000 });
+      }
+      if (state.view === 'profile' && peerBlipIdEquals(state.profilePeerId, peer.blipId)) {
+        syncPeerProfilePage();
+      }
+      if (state.view === 'peers') renderView('peers');
+      if (state.view === 'chat' && state.activePeer === peer.blipId) {
+        state.activePeer = null;
+        renderView('chat');
+      }
+    },
+    onPing: () => runPeerPing(peer),
+  };
+}
+
+function openSettingsToSection(sectionId, scrollSelector = null) {
+  clearProfileNavigationState();
+  state.activePeer = null;
+  state.activeGroup = null;
+  state.settingsSection = sectionId;
+  state.view = 'settings';
+  if (mainContent?.isConnected) {
+    renderView('settings');
+  } else {
+    render();
+  }
+  if (!scrollSelector || !mainContent) return;
+  requestAnimationFrame(() => {
+    mainContent
+      .querySelector(scrollSelector)
+      ?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+  });
+}
+
+function enrichPeerForProfile(peerOrId) {
+  const resolved = resolvePeerForProfile(peerOrId);
+  if (!resolved?.blipId) return resolved;
+  const id = normalizeBlipId(resolved.blipId);
+  if (id == null) return resolved;
+  const live = findPeerByBlipId(id);
+  const base = live
+    ? { ...live, ...resolved, blipId: id }
+    : { ...resolved, blipId: id };
+  if (peerHasCachedProfileGif(id) || base.hasProfileGif) {
+    base.hasProfileGif = true;
+  }
+  return base;
+}
+
+function peerWantsProfileGif(peer) {
+  const id = normalizeBlipId(peer?.blipId);
+  if (id == null) return false;
+  return !!peer?.hasProfileGif || peerHasCachedProfileGif(id);
+}
+
+function openPeerProfileFromUi(peerOrId) {
+  const peer = enrichPeerForProfile(peerOrId);
+  if (!peer?.blipId) return;
+  const id = normalizeBlipId(peer.blipId);
+  if (id == null) return;
+
+  const prevView = state.view;
+  if (!peerBlipIdEquals(state.profilePeerId, id) && prevView !== 'profile') {
+    state.profileReturn = {
+      view: prevView,
+      activePeer: state.activePeer,
+      activeGroup: state.activeGroup,
+    };
+  }
+  state.profilePeerId = id;
+  state.view = 'profile';
+
+  if (
+    peerWantsProfileGif(peer) &&
+    !getPeerProfileGifDisplayUrl(id) &&
+    !isPeerProfileGifIngesting(id)
+  ) {
+    void requestPeerProfileGif(id);
+  }
+
+  if (!resolveMainContent()?.isConnected) {
+    render();
+    return;
+  }
+
+  let wrap;
+  try {
+    wrap = renderPeerProfileViewInner();
+  } catch (err) {
+    console.error('[BLIP] openPeerProfile', err);
+    showAppToast({ title: t('peers.profile_open_failed'), durationMs: 5000 });
+    return;
+  }
+  if (!wrap) return;
+  if (mountMainPanel(wrap, { prevView })) {
+    void runMeshPulseRound();
+  } else {
+    render();
+  }
+}
+
+function leavePeerProfilePage() {
+  const ret = state.profileReturn ?? { view: 'peers', activePeer: null, activeGroup: null };
+  profilePageCleanup?.();
+  profilePageCleanup = null;
+  profilePageApi = null;
+  state.profilePeerId = null;
+  state.profileReturn = null;
+  state.activePeer = ret.activePeer ?? null;
+  state.activeGroup = ret.activeGroup ?? null;
+  renderView(ret.view);
+}
+
+function openChatFromProfile(peerId) {
+  void openChat(peerId);
+}
+
+function resolvePeerForProfile(peerOrId) {
+  if (peerOrId && typeof peerOrId === 'object' && peerOrId.blipId != null) {
+    const id = normalizeBlipId(peerOrId.blipId);
+    if (id == null) return peerOrId;
+    const live = findPeerByBlipId(id);
+    const merged = live ? { ...live, ...peerOrId, blipId: id } : { ...peerOrId, blipId: id };
+    if (peerHasCachedProfileGif(id) || merged.hasProfileGif) {
+      merged.hasProfileGif = true;
+    }
+    return merged;
+  }
+  const stub = peerForContextMenu(peerOrId);
+  const id = normalizeBlipId(stub?.blipId);
+  if (id != null && (peerHasCachedProfileGif(id) || stub.hasProfileGif)) {
+    stub.hasProfileGif = true;
+  }
+  return stub;
+}
+
+function syncPeerProfilePage() {
+  const peer = enrichPeerForProfile(state.profilePeerId);
+  if (!peer?.blipId) return;
+  const id = normalizeBlipId(peer.blipId);
+  if (
+    peerWantsProfileGif(peer) &&
+    !getPeerProfileGifDisplayUrl(id) &&
+    !isPeerProfileGifIngesting(id)
+  ) {
+    void requestPeerProfileGif(id);
+  }
+  if (
+    profilePageApi?.refresh &&
+    peerBlipIdEquals(profilePageApi.peerId, peer.blipId)
+  ) {
+    profilePageApi.setPeer?.(peer);
+    profilePageApi.refresh();
+  }
+}
+
+function renderPeerProfileView() {
+  return renderPeerProfileViewInner();
+}
+
+function renderPeerProfileViewInner() {
+  profilePageCleanup?.();
+  profilePageCleanup = null;
+  profilePageApi = null;
+
+  const peer = resolvePeerForProfile(state.profilePeerId);
+  if (!peer?.blipId) {
+    const errWrap = document.createElement('div');
+    errWrap.className = 'view peer-profile-view';
+    const p = document.createElement('p');
+    p.className = 'hint';
+    p.textContent = t('peers.profile_open_failed');
+    errWrap.appendChild(p);
+    return errWrap;
+  }
+  if (
+    peerWantsProfileGif(peer) &&
+    !getPeerProfileGifDisplayUrl(peer.blipId) &&
+    !isPeerProfileGifIngesting(peer.blipId)
+  ) {
+    void requestPeerProfileGif(peer.blipId);
+  }
+  let built;
+  try {
+    built = buildPeerProfilePage(peer, getPeerProfileHooks(peer));
+  } catch (err) {
+    console.error('[BLIP] profile render', err);
+    const errWrap = document.createElement('div');
+    errWrap.className = 'view peer-profile-view';
+    const p = document.createElement('p');
+    p.className = 'hint';
+    p.textContent = t('peers.profile_open_failed');
+    errWrap.appendChild(p);
+    return errWrap;
+  }
+  profilePageApi = {
+    peerId: Number(peer.blipId),
+    refresh: built.refresh,
+    setPeer: built.setPeer,
+    destroy: built.destroy,
+  };
+  profilePageCleanup = () => {
+    profilePageApi?.destroy?.();
+    profilePageApi = null;
+  };
+
+  const wrap = document.createElement('div');
+  wrap.className = 'view peer-profile-view';
+
+  const toolbar = document.createElement('div');
+  toolbar.className = 'peer-profile-toolbar';
+
+  const backBtn = document.createElement('button');
+  backBtn.type = 'button';
+  backBtn.className = 'btn btn-lang peer-profile-back';
+  backBtn.dataset.i18n = 'peers.profile_back';
+  backBtn.textContent = `← ${t('peers.profile_back')}`;
+  backBtn.addEventListener('click', () => leavePeerProfilePage());
+
+  const title = document.createElement('h2');
+  title.className = 'section-title peer-profile-toolbar-title';
+  title.dataset.i18n = 'peers.profile_title';
+  title.textContent = t('peers.profile_title');
+
+  toolbar.appendChild(backBtn);
+  toolbar.appendChild(title);
+  wrap.appendChild(toolbar);
+  wrap.appendChild(built.el);
+
+  return wrap;
+}
+
 function peerForContextMenu(peerOrId) {
-  if (peerOrId && typeof peerOrId === 'object' && peerOrId.blipId != null) return peerOrId;
-  const id = Number(peerOrId);
-  const found = state.peers.find((p) => p.blipId === id);
+  if (peerOrId && typeof peerOrId === 'object' && peerOrId.blipId != null) {
+    const live = findPeerByBlipId(peerOrId.blipId);
+    return live ? { ...live, ...peerOrId, blipId: normalizeBlipId(peerOrId.blipId) } : peerOrId;
+  }
+  const id = normalizeBlipId(peerOrId);
+  if (id == null) return { blipId: 0, displayName: '?', online: false, presence: 'offline', presenceText: '', hasProfileGif: false };
+  const found = findPeerByBlipId(id);
   if (found) return found;
   return {
     blipId: id,
@@ -846,6 +1325,7 @@ function peerForContextMenu(peerOrId) {
     online: false,
     presence: 'offline',
     presenceText: '',
+    hasProfileGif: false,
   };
 }
 
@@ -961,6 +1441,12 @@ function showPeerContextMenu(e, peerOrId, options = {}) {
     });
   }
 
+  const profileItem = document.createElement('button');
+  profileItem.type = 'button';
+  profileItem.dataset.i18n = 'peers.profile';
+  profileItem.textContent = t('peers.profile');
+  bindItem(profileItem, () => openPeerProfileFromUi(peer));
+
   const msgItem = document.createElement('button');
   msgItem.type = 'button';
   msgItem.textContent = t('dial.message');
@@ -1007,6 +1493,7 @@ function showPeerContextMenu(e, peerOrId, options = {}) {
       });
       if (!result) return;
       const g = await createGroupFromUi(api, state.config, result.memberIds, result.name);
+      if (!g) return;
       openGroupChat(g.id);
     })();
   });
@@ -1041,12 +1528,13 @@ function showPeerContextMenu(e, peerOrId, options = {}) {
   menu.addEventListener('mousedown', (ev) => ev.stopPropagation());
   menu.addEventListener('click', (ev) => ev.stopPropagation());
 
+  menu.appendChild(profileItem);
   if (!options.hideMessage) menu.appendChild(msgItem);
   menu.appendChild(callItem);
   menu.appendChild(labelItem);
   menu.appendChild(pingItem);
   menu.appendChild(copyIdItem);
-  menu.appendChild(groupItem);
+  if (state.config?.devGroupsEnabled) menu.appendChild(groupItem);
   menu.appendChild(favItem);
   menu.appendChild(blockItem);
   document.body.appendChild(menu);
@@ -1165,13 +1653,7 @@ function buildLaunchAtLoginSection() {
   }
 
   const block = document.createElement('div');
-  block.className = 'settings-tray-wrap';
-
-  const h = document.createElement('h3');
-  h.className = 'section-subtitle';
-  h.dataset.i18n = 'settings.launch_at_login';
-  h.textContent = t('settings.launch_at_login');
-  block.appendChild(h);
+  block.className = 'settings-tray-wrap settings-tray-wrap--flat';
 
   const row = document.createElement('div');
   row.className = 'settings-toggle-with-hint';
@@ -1195,13 +1677,7 @@ function buildCloseToTraySection() {
   }
 
   const block = document.createElement('div');
-  block.className = 'settings-tray-wrap';
-
-  const h = document.createElement('h3');
-  h.className = 'section-subtitle';
-  h.dataset.i18n = 'settings.tray_title';
-  h.textContent = t('settings.tray_title');
-  block.appendChild(h);
+  block.className = 'settings-tray-wrap settings-tray-wrap--flat';
 
   const row = document.createElement('div');
   row.className = 'settings-toggle-with-hint';
@@ -1219,6 +1695,13 @@ function buildCloseToTraySection() {
   return block;
 }
 
+function appendAppearanceControl(parent, controlEl) {
+  const wrap = document.createElement('div');
+  wrap.className = 'settings-appearance-control';
+  wrap.appendChild(controlEl);
+  parent.appendChild(wrap);
+}
+
 function buildAppearanceSection() {
   const block = document.createElement('div');
   block.className = 'settings-appearance-wrap';
@@ -1226,13 +1709,18 @@ function buildAppearanceSection() {
   const curAccent = normalizeAccentId(state.config.accentId, state.config.themeId);
   const curBg = normalizeBgId(state.config.animatedBgId);
 
+  block.appendChild(buildSectionSubtitleRow('settings.appearance_theme'));
   const modeOpts = THEME_MODES.map((id) => ({ value: id, label: labelThemeMode(id) }));
   const modeSelect = buildThemedSelect();
   fillSettingsDropdown(modeSelect, modeOpts, curMode, async (id) => {
     state.config = await api.saveConfig({ themeMode: id });
     applyAppearance(state.config);
   });
-  block.appendChild(buildSettingsField('settings.appearance_theme', modeSelect));
+  appendAppearanceControl(block, modeSelect);
+
+  const accentGroup = document.createElement('div');
+  accentGroup.className = 'settings-appearance-accent-group settings-list-panel';
+  accentGroup.appendChild(buildSectionSubtitleRow('settings.appearance_accent'));
 
   const accentOpts = ACCENT_IDS.map((id) => ({ value: id, label: labelAccent(id) }));
   const accentSelect = buildThemedSelect();
@@ -1240,30 +1728,47 @@ function buildAppearanceSection() {
     state.config = await api.saveConfig({ accentId: id });
     applyAppearance(state.config);
   });
-  block.appendChild(buildSettingsField('settings.appearance_accent', accentSelect));
+  appendAppearanceControl(accentGroup, accentSelect);
 
-  const animOpts = ANIMATED_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) }));
-  const animSelect = buildThemedSelect();
-  fillSettingsDropdown(animSelect, animOpts, ANIMATED_BACKGROUNDS.includes(curBg) ? curBg : 'none', async (id) => {
-    state.config = await api.saveConfig({ animatedBgId: normalizeBgId(id) });
-    applyAppearance(state.config);
-    applyReactiveWallpaperConfig(state.config);
+  appendThemeEditorSection(accentGroup, () => state.config, async (patch) => {
+    state.config = await api.saveConfig(patch);
+    return state.config;
   });
-  block.appendChild(buildSettingsField('settings.bg_animated', animSelect));
+  block.appendChild(accentGroup);
 
-  const artOpts = STATIC_ART_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) }));
-  const artSelect = buildThemedSelect();
-  fillSettingsDropdown(
-    artSelect,
-    artOpts,
-    STATIC_ART_BACKGROUNDS.includes(curBg) ? curBg : artOpts[0].value,
+  block.appendChild(
+    buildSectionSubtitleRow('settings.bg_animated', 'settings.bg_animated_mesh_hint')
+  );
+  const animOpts = markPremiumGatedOptions(
+    ANIMATED_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) })),
+    MESH_PLUS_FEATURES.animated_bg,
+    state.config
+  );
+  const animSelect = buildThemedSelect();
+  fillPremiumGatedDropdown(
+    animSelect,
+    animOpts,
+    ANIMATED_BACKGROUNDS.includes(curBg) ? curBg : 'none',
+    MESH_PLUS_FEATURES.animated_bg,
+    state.config,
     async (id) => {
       state.config = await api.saveConfig({ animatedBgId: normalizeBgId(id) });
       applyAppearance(state.config);
       applyReactiveWallpaperConfig(state.config);
     }
   );
-  block.appendChild(buildSettingsField('settings.bg_art', artSelect));
+  appendAppearanceControl(block, animSelect);
+
+  block.appendChild(buildSectionSubtitleRow('settings.bg_art'));
+  const artOpts = STATIC_ART_BACKGROUNDS.map((id) => ({ value: id, label: labelBg(id) }));
+  const artSelect = buildThemedSelect();
+  const artCurrent = STATIC_ART_BACKGROUNDS.includes(curBg) ? curBg : 'none';
+  fillSettingsDropdown(artSelect, artOpts, artCurrent, async (id) => {
+    state.config = await api.saveConfig({ animatedBgId: normalizeBgId(id) });
+    applyAppearance(state.config);
+    applyReactiveWallpaperConfig(state.config);
+  });
+  appendAppearanceControl(block, artSelect);
 
   const reactiveToggle = createPixelToggle({
     checked: !!state.config.reactiveBackground,
@@ -1294,19 +1799,69 @@ function buildAppearanceSection() {
   motionRow.appendChild(createPixelHintIcon('settings.motion_hint'));
   block.appendChild(motionRow);
 
-  const reactionInput = document.createElement('input');
-  reactionInput.type = 'text';
-  reactionInput.className = 'settings-text-input settings-reaction-input';
-  reactionInput.maxLength = 8;
-  reactionInput.value = getDefaultReactionEmoji(state.config);
-  reactionInput.placeholder = '➕';
-  reactionInput.addEventListener('change', async () => {
-    const emoji = reactionInput.value.trim() || '➕';
-    state.config = await api.saveConfig({ defaultReactionEmoji: emoji });
-    reactionInput.value = getDefaultReactionEmoji(state.config);
-    for (const chat of state.chatViews.values()) chat.renderMessages?.();
+  const compactToggle = createPixelToggle({
+    checked: state.config.uiDensity === 'compact',
+    labelKey: 'settings.ui_compact',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ uiDensity: checked ? 'compact' : 'comfortable' });
+      applyAppearance(state.config);
+    },
   });
-  block.appendChild(buildSettingsField('settings.default_reaction', reactionInput));
+  block.appendChild(compactToggle.el);
+
+  block.appendChild(buildSectionSubtitleRow('settings.ui_font_scale'));
+  const uiFontRow = document.createElement('div');
+  uiFontRow.className = 'settings-sound-volume-row';
+  const uiFontRange = document.createElement('input');
+  uiFontRange.type = 'range';
+  uiFontRange.min = '85';
+  uiFontRange.max = '125';
+  uiFontRange.step = '5';
+  uiFontRange.className = 'settings-sound-range';
+  const uiFontPct = Math.round((Number(state.config.uiFontScale) || 1) * 100);
+  uiFontRange.value = String(uiFontPct);
+  const uiFontVal = document.createElement('span');
+  uiFontVal.className = 'settings-sound-volume-val';
+  uiFontVal.textContent = `${uiFontPct}%`;
+  uiFontRange.addEventListener('input', () => {
+    uiFontVal.textContent = `${uiFontRange.value}%`;
+    applyUiPreferences({ ...state.config, uiFontScale: Number(uiFontRange.value) / 100 });
+  });
+  uiFontRange.addEventListener('change', async () => {
+    state.config = await api.saveConfig({ uiFontScale: Number(uiFontRange.value) / 100 });
+    applyAppearance(state.config);
+  });
+  uiFontRow.appendChild(uiFontRange);
+  uiFontRow.appendChild(uiFontVal);
+  appendAppearanceControl(block, uiFontRow);
+
+  block.appendChild(buildSectionSubtitleRow('settings.chat_font_scale'));
+  const chatFontRow = document.createElement('div');
+  chatFontRow.className = 'settings-sound-volume-row';
+  const chatFontRange = document.createElement('input');
+  chatFontRange.type = 'range';
+  chatFontRange.min = '85';
+  chatFontRange.max = '135';
+  chatFontRange.step = '5';
+  chatFontRange.className = 'settings-sound-range';
+  const chatFontPct = Math.round((Number(state.config.chatFontScale) || 1) * 100);
+  chatFontRange.value = String(chatFontPct);
+  const chatFontVal = document.createElement('span');
+  chatFontVal.className = 'settings-sound-volume-val';
+  chatFontVal.textContent = `${chatFontPct}%`;
+  chatFontRange.addEventListener('input', () => {
+    chatFontVal.textContent = `${chatFontRange.value}%`;
+    applyUiPreferences({ ...state.config, chatFontScale: Number(chatFontRange.value) / 100 });
+  });
+  chatFontRange.addEventListener('change', async () => {
+    state.config = await api.saveConfig({ chatFontScale: Number(chatFontRange.value) / 100 });
+    applyAppearance(state.config);
+  });
+  chatFontRow.appendChild(chatFontRange);
+  chatFontRow.appendChild(chatFontVal);
+  appendAppearanceControl(block, chatFontRow);
+
+  appendAppIconPickerSections(block, state, (patch) => api.saveConfig(patch));
 
   return block;
 }
@@ -1441,6 +1996,10 @@ async function runStartupUpdateCheck() {
   showUpdateStatusToast({ state: 'checking' });
 
   if (meta?.isPackaged && window.blip.checkForUpdates) {
+    if (meta?.isPortable) {
+      await checkUpdatesViaGithub(current);
+      return;
+    }
     const r = await window.blip.checkForUpdates();
     if (r?.skipped) {
       await checkUpdatesViaGithub(current);
@@ -1453,7 +2012,9 @@ async function runStartupUpdateCheck() {
 
 export function navigateToView(view) {
   if (!state.config?.blipId) return;
-  if (view === 'settings') state.settingsSection = null;
+  if (view === 'settings' && state.view !== 'settings') {
+    state.settingsSection = null;
+  }
   if (view === 'chat' && state.view === 'chat' && state.activePeer) {
     state.activePeer = null;
   }
@@ -1484,7 +2045,9 @@ function setupGlobalShortcuts() {
       const next = views[e.key];
       if (next) {
         e.preventDefault();
-        if (next === 'settings') state.settingsSection = null;
+        if (next === 'settings') {
+          state.settingsSection = null;
+        }
         if (next === 'chat' && state.view === 'chat' && state.activePeer) {
           state.activePeer = null;
         }
@@ -1512,6 +2075,11 @@ function setupGlobalShortcuts() {
     }
 
     if (e.key === 'Escape' && !e.ctrlKey && !e.altKey && !e.metaKey && !typing) {
+      if (state.view === 'profile' && state.profilePeerId != null) {
+        e.preventDefault();
+        leavePeerProfilePage();
+        return;
+      }
       if (state.view === 'chat' && (state.activePeer || state.activeGroup)) {
         e.preventDefault();
         state.activePeer = null;
@@ -1525,6 +2093,8 @@ function setupGlobalShortcuts() {
 function getSettingsSectionIds() {
   const ids = [
     'profile',
+    'achievements',
+    'mesh_plus',
     'language',
     'notifications',
     'privacy',
@@ -1546,140 +2116,18 @@ function getSettingsSectionIds() {
 }
 
 function buildSettingsProfilePanel() {
-  const frag = document.createElement('div');
-  frag.className = 'settings-panel';
-
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_profile';
-  h.textContent = t('settings.section_profile');
-  frag.appendChild(h);
-
-  const nameLabel = document.createElement('label');
-  nameLabel.dataset.i18n = 'settings.name';
-  nameLabel.textContent = t('settings.name');
-  const nameInput = document.createElement('input');
-  nameInput.type = 'text';
-  nameInput.className = 'input';
-  nameInput.value = state.config.displayName || '';
-  nameInput.placeholder = t('settings.name_placeholder');
-  nameInput.dataset.i18nPlaceholder = 'settings.name_placeholder';
-
-  const idRow = document.createElement('div');
-  idRow.className = 'settings-id-row';
-  const idLabel = document.createElement('span');
-  idLabel.dataset.i18n = 'settings.id';
-  idLabel.textContent = `${t('settings.id')}: ${state.config.blipId ?? '—'}`;
-  const changeIdBtn = document.createElement('button');
-  changeIdBtn.type = 'button';
-  changeIdBtn.className = 'btn btn-accent';
-  changeIdBtn.dataset.i18n = 'settings.change_id';
-  changeIdBtn.textContent = t('settings.change_id');
-  changeIdBtn.addEventListener('click', () => showGridView(true));
-
-  const copyIdBtn = document.createElement('button');
-  copyIdBtn.type = 'button';
-  copyIdBtn.className = 'btn btn-lang';
-  copyIdBtn.dataset.i18n = 'settings.copy_id';
-  copyIdBtn.textContent = t('settings.copy_id');
-  copyIdBtn.addEventListener('click', async () => {
-    const text = String(state.config.blipId ?? '');
-    try {
-      await navigator.clipboard.writeText(text);
-    } catch {
-      /* ignore */
-    }
-  });
-
-  idRow.appendChild(idLabel);
-  idRow.appendChild(copyIdBtn);
-  idRow.appendChild(changeIdBtn);
-
-  nameInput.addEventListener('change', async () => {
-    const name = nameInput.value.trim() || 'Anonymous';
-    state.config.displayName = name;
-    await api.saveConfig({ displayName: name });
+  return buildSettingsProfilePanelView(state, api, {
+    broadcastCustomAvatar,
+    broadcastProfileGif,
+    onChangeId: () => showGridView(true),
   });
-
-  const presenceSelect = buildThemedSelect();
-  fillSettingsDropdown(
-    presenceSelect,
-    [
-      { id: 'online', key: 'settings.presence_online' },
-      { id: 'away', key: 'settings.presence_away' },
-      { id: 'busy', key: 'settings.presence_busy' },
-    ].map(({ id, key }) => ({ value: id, label: t(key) })),
-    state.config.presenceStatus || 'online',
-    async (id) => {
-      state.config.presenceStatus = id;
-      await api.saveConfig({ presenceStatus: id });
-    }
-  );
-
-  const statusLabel = document.createElement('label');
-  statusLabel.className = 'settings-field-label';
-  statusLabel.dataset.i18n = 'settings.status_custom';
-  statusLabel.textContent = t('settings.status_custom');
-  const statusInput = document.createElement('input');
-  statusInput.type = 'text';
-  statusInput.className = 'input settings-status-input';
-  statusInput.maxLength = 48;
-  statusInput.placeholder = t('settings.status_placeholder');
-  statusInput.dataset.i18nPlaceholder = 'settings.status_placeholder';
-  statusInput.value = state.config.presenceText || '';
-
-  statusInput.addEventListener('change', async () => {
-    const presenceText = statusInput.value.trim().slice(0, 48);
-    statusInput.value = presenceText;
-    state.config = await api.saveConfig({ presenceText });
-  });
-
-  const presetsWrap = document.createElement('div');
-  presetsWrap.className = 'status-preset-buttons';
-  const presetDefs = [
-    'settings.status_empty',
-    'settings.status_game',
-    'settings.status_afk',
-    'settings.status_work',
-    'settings.status_stream',
-    'settings.status_listen',
-    'settings.status_code',
-    'settings.status_away_short',
-  ];
-  for (const key of presetDefs) {
-    const btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'btn btn-lang status-preset-btn';
-    btn.dataset.i18n = key;
-    btn.textContent = t(key);
-    btn.addEventListener('click', async () => {
-      const text = key === 'settings.status_empty' ? '' : t(key);
-      statusInput.value = text;
-      state.config = await api.saveConfig({ presenceText: text });
-    });
-    presetsWrap.appendChild(btn);
-  }
-
-  frag.appendChild(buildAvatarSettingsSection());
-  frag.appendChild(buildSettingsField('settings.presence', presenceSelect));
-  frag.appendChild(statusLabel);
-  frag.appendChild(statusInput);
-  frag.appendChild(presetsWrap);
-  frag.appendChild(nameLabel);
-  frag.appendChild(nameInput);
-  frag.appendChild(idRow);
-  return frag;
 }
 
 function buildSettingsLanguagePanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_language';
-  h.textContent = t('settings.section_language');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_language');
 
   const langSelect = buildThemedSelect();
   fillSettingsDropdown(
@@ -1707,11 +2155,7 @@ function buildSettingsNotificationsPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_notifications';
-  h.textContent = t('settings.section_notifications');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_notifications');
 
   frag.appendChild(
     createPixelToggle({
@@ -1747,31 +2191,50 @@ function buildSettingsNotificationsPanel() {
   dndRow.appendChild(createPixelHintIcon('settings.notifications_dnd_hint'));
   frag.appendChild(dndRow);
 
+  const toastSec = Math.max(2, Math.min(60, Number(state.config.toastDurationSec) || 9));
+  const toastRow = document.createElement('label');
+  toastRow.className = 'settings-range-row';
+  const toastLab = document.createElement('span');
+  toastLab.dataset.i18n = 'settings.toast_duration';
+  toastLab.textContent = t('settings.toast_duration');
+  const toastRange = document.createElement('input');
+  toastRange.type = 'range';
+  toastRange.min = '2';
+  toastRange.max = '60';
+  toastRange.step = '1';
+  toastRange.value = String(toastSec);
+  toastRange.className = 'settings-range';
+  const toastVal = document.createElement('span');
+  toastVal.className = 'settings-range-val';
+  toastVal.textContent = `${toastSec}s`;
+  toastRange.addEventListener('input', () => {
+    toastVal.textContent = `${toastRange.value}s`;
+  });
+  toastRange.addEventListener('change', async () => {
+    const sec = Number(toastRange.value) || 9;
+    state.config = await api.saveConfig({ toastDurationSec: sec });
+    setDefaultToastDurationMs(sec * 1000);
+  });
+  toastRow.appendChild(toastLab);
+  toastRow.appendChild(toastRange);
+  toastRow.appendChild(toastVal);
+  frag.appendChild(toastRow);
+
   return frag;
 }
 
 function buildSettingsPrivacyPanel() {
   const frag = document.createElement('div');
-  frag.className = 'settings-panel';
-
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_privacy';
-  h.textContent = t('settings.section_privacy');
-  frag.appendChild(h);
+  frag.className = 'settings-panel settings-panel--privacy';
 
-  const hint = document.createElement('p');
-  hint.className = 'hint';
-  hint.dataset.i18n = 'settings.privacy_hint';
-  hint.textContent = t('settings.privacy_hint');
-  frag.appendChild(hint);
+  appendSettingsPanelHeader(frag, 'settings.section_privacy', 'settings.privacy_hint');
 
-  const list = document.createElement('div');
-  list.className = 'settings-blocked-list';
+  const list = createSettingsListPanel('settings-blocked-list settings-list-panel--stretch-x');
 
   function renderList() {
     list.innerHTML = '';
     const blocked = getBlockedPeerIds();
+    list.classList.toggle('settings-list-panel--empty', blocked.length === 0);
     if (blocked.length === 0) {
       const empty = document.createElement('p');
       empty.className = 'hint';
@@ -1782,7 +2245,7 @@ function buildSettingsPrivacyPanel() {
     }
     for (const id of blocked) {
       const row = document.createElement('div');
-      row.className = 'settings-blocked-row glass';
+      row.className = 'settings-blocked-row settings-list-panel__row';
 
       const peer = state.peers.find((p) => p.blipId === id);
       const meta = document.createElement('div');
@@ -1830,11 +2293,7 @@ function buildSettingsSoundPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_sound';
-  h.textContent = t('settings.section_sound');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_sound');
 
   const enableToggle = createPixelToggle({
     checked: state.config.uiSoundsEnabled !== false,
@@ -1899,15 +2358,21 @@ function buildSettingsSoundPanel() {
   volRow.appendChild(volVal);
 
   const soundPackSelect = buildThemedSelect();
-  fillSettingsDropdown(
+  fillPremiumGatedDropdown(
     soundPackSelect,
-    [
-      { value: 'signal', label: t('settings.sound_pack_signal') },
-      { value: 'pulse', label: t('settings.sound_pack_pulse') },
-      { value: 'wire', label: t('settings.sound_pack_wire') },
-      { value: 'static', label: t('settings.sound_pack_static') },
-    ],
+    markPremiumGatedOptions(
+      [
+        { value: 'signal', label: t('settings.sound_pack_signal') },
+        { value: 'pulse', label: t('settings.sound_pack_pulse') },
+        { value: 'wire', label: t('settings.sound_pack_wire') },
+        { value: 'static', label: t('settings.sound_pack_static') },
+      ],
+      MESH_PLUS_FEATURES.sound_pack,
+      state.config
+    ),
     SOUND_PACK_IDS.includes(state.config.uiSoundPack) ? state.config.uiSoundPack : 'signal',
+    MESH_PLUS_FEATURES.sound_pack,
+    state.config,
     async (id) => {
       state.config = await api.saveConfig({ uiSoundPack: id });
       applySoundPrefsFromConfig(state.config);
@@ -1915,15 +2380,21 @@ function buildSettingsSoundPanel() {
   );
 
   const melodyPackSelect = buildThemedSelect();
-  fillSettingsDropdown(
+  fillPremiumGatedDropdown(
     melodyPackSelect,
-    [
-      { value: 'mesh', label: t('settings.melody_pack_mesh') },
-      { value: 'grid', label: t('settings.melody_pack_grid') },
-      { value: 'beacon', label: t('settings.melody_pack_beacon') },
-      { value: 'chime', label: t('settings.melody_pack_chime') },
-    ],
+    markPremiumGatedOptions(
+      [
+        { value: 'mesh', label: t('settings.melody_pack_mesh') },
+        { value: 'grid', label: t('settings.melody_pack_grid') },
+        { value: 'beacon', label: t('settings.melody_pack_beacon') },
+        { value: 'chime', label: t('settings.melody_pack_chime') },
+      ],
+      MESH_PLUS_FEATURES.melody_pack,
+      state.config
+    ),
     MELODY_PACK_IDS.includes(state.config.uiMelodyPack) ? state.config.uiMelodyPack : 'mesh',
+    MESH_PLUS_FEATURES.melody_pack,
+    state.config,
     async (id) => {
       state.config = await api.saveConfig({ uiMelodyPack: id });
       applySoundPrefsFromConfig(state.config);
@@ -1980,9 +2451,21 @@ function buildSettingsSoundPanel() {
   );
 
   frag.appendChild(enableToggle.el);
+
+  const typingToggle = createPixelToggle({
+    checked: !!state.config.typingSoundEnabled,
+    labelKey: 'settings.typing_sound',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ typingSoundEnabled: checked });
+    },
+  });
+  frag.appendChild(typingToggle.el);
+
   frag.appendChild(volLabel);
   frag.appendChild(volRow);
-  frag.appendChild(buildSettingsField('settings.sound_pack', soundPackSelect));
+  frag.appendChild(
+    buildSettingsFieldWithHint('settings.sound_pack', 'settings.sound_mesh_plus_hint', soundPackSelect)
+  );
   frag.appendChild(buildSettingsField('settings.melody_pack', melodyPackSelect));
   const previewTitle = document.createElement('h3');
   previewTitle.className = 'section-subtitle';
@@ -2028,11 +2511,7 @@ function buildSettingsTransferPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_transfer';
-  h.textContent = t('settings.section_transfer');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_transfer', 'settings.transfer_hint');
 
   const limitSelect = buildThemedSelect();
   const limitOpts = FILE_LIMIT_GB_OPTIONS.map((gb) => ({
@@ -2073,15 +2552,7 @@ function buildSettingsCallPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const titleRow = document.createElement('div');
-  titleRow.className = 'settings-panel-title-row';
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_call';
-  h.textContent = t('settings.section_call');
-  titleRow.appendChild(h);
-  titleRow.appendChild(createPixelHintIcon('settings.call_hint'));
-  frag.appendChild(titleRow);
+  appendSettingsPanelHeader(frag, 'settings.section_call', 'settings.call_hint');
 
   const micTest = buildMicTestPanel(state.config, async (patch) => {
     state.config = await api.saveConfig(patch);
@@ -2270,11 +2741,7 @@ function buildSettingsNetworkPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_network';
-  h.textContent = t('settings.section_network');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_network');
 
   const clipOpts = CLIPBOARD_SYNC_MODES.map((id) => ({
     value: id,
@@ -2294,6 +2761,39 @@ function buildSettingsNetworkPanel() {
     buildSettingsFieldWithHint('clipboard.mode', 'clipboard.hint', clipSelect)
   );
 
+  const projClipRow = document.createElement('div');
+  projClipRow.className = 'settings-toggle-with-hint';
+  const projClipToggle = createPixelToggle({
+    checked: !!state.config?.projectsClipboardEnabled,
+    labelKey: 'settings.projects_clipboard',
+    onChange: async (checked) => {
+      if (checked) {
+        const ok = await openConfirmDialog({
+          title: t('settings.projects_clipboard'),
+          body: t('settings.projects_clipboard_enable_confirm'),
+        });
+        if (!ok) {
+          projClipToggle.input.checked = false;
+          return;
+        }
+      }
+      state.config = await api.saveConfig({ projectsClipboardEnabled: checked });
+      showAppToast({
+        title: checked
+          ? t('settings.projects_clipboard_on')
+          : t('settings.projects_clipboard_off'),
+        durationMs: 4000,
+      });
+      if (state.view === 'projects') renderView('projects');
+    },
+  });
+  projClipRow.appendChild(projClipToggle.el);
+  projClipRow.appendChild(createPixelHintIcon('settings.projects_clipboard_hint'));
+  frag.appendChild(projClipRow);
+
+  const statsUi = appendSessionStatsSection(frag);
+  appendBandwidthGraphSection(frag);
+
   const actions = document.createElement('div');
   actions.className = 'settings-network-actions';
 
@@ -2314,7 +2814,7 @@ function buildSettingsNetworkPanel() {
   frag.appendChild(actions);
 
   const bodyHost = document.createElement('div');
-  bodyHost.className = 'settings-network-body';
+  bodyHost.className = 'settings-network-body settings-list-panel settings-list-panel--auto';
   frag.appendChild(bodyHost);
 
   let lastDiagnostics = null;
@@ -2462,18 +2962,22 @@ function buildSettingsNetworkPanel() {
   });
 
   void loadDiagnostics();
+
+  const statsRefreshTimer = setInterval(() => {
+    statsUi?.refresh?.();
+    if (state.config?.achievementsEnabled) syncAchievements(state.config);
+  }, 60_000);
+
+  frag._networkCleanup = () => clearInterval(statsRefreshTimer);
+
   return frag;
 }
 
 function buildSettingsShortcutsPanel() {
   const frag = document.createElement('div');
-  frag.className = 'settings-panel';
+  frag.className = 'settings-panel settings-panel--shortcuts';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_shortcuts';
-  h.textContent = t('settings.section_shortcuts');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_shortcuts');
 
   function addShortcutBlock(scopeKey, rows) {
     const sub = document.createElement('p');
@@ -2493,7 +2997,7 @@ function buildSettingsShortcutsPanel() {
       list.appendChild(dt);
       list.appendChild(dd);
     }
-    frag.appendChild(list);
+    frag.appendChild(wrapInSettingsListPanel(list, 'settings-shortcuts-panel'));
   }
 
   addShortcutBlock('settings.shortcuts_main_scope', [
@@ -2548,13 +3052,49 @@ function buildSettingsShortcutsPanel() {
 
 function buildSettingsDeveloperPanel() {
   const frag = document.createElement('div');
-  frag.className = 'settings-panel';
+  frag.className = 'settings-panel settings-panel--developer';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_developer';
-  h.textContent = t('settings.section_developer');
-  frag.appendChild(h);
+  frag.appendChild(buildPanelTitleRow('settings.section_developer', 'settings.dev_panel_hint'));
+
+  const projRow = document.createElement('div');
+  projRow.className = 'settings-toggle-with-hint';
+  const projToggle = createPixelToggle({
+    checked: !!state.config?.devProjectsEnabled,
+    labelKey: 'settings.dev_projects',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ devProjectsEnabled: checked });
+      if (!checked) {
+        projectsViewInstance?.destroy?.();
+        projectsViewInstance = null;
+      }
+      showAppToast({
+        title: checked ? t('settings.dev_projects_on') : t('settings.dev_projects_off'),
+        durationMs: 4200,
+      });
+      render();
+    },
+  });
+  projRow.appendChild(projToggle.el);
+  projRow.appendChild(createPixelHintIcon('settings.dev_projects_hint'));
+  frag.appendChild(projRow);
+
+  const groupsRow = document.createElement('div');
+  groupsRow.className = 'settings-toggle-with-hint';
+  const groupsToggle = createPixelToggle({
+    checked: !!state.config?.devGroupsEnabled,
+    labelKey: 'settings.dev_groups',
+    onChange: async (checked) => {
+      state.config = await api.saveConfig({ devGroupsEnabled: checked });
+      showAppToast({
+        title: checked ? t('settings.dev_groups_on') : t('settings.dev_groups_off'),
+        durationMs: 4500,
+      });
+      render();
+    },
+  });
+  groupsRow.appendChild(groupsToggle.el);
+  groupsRow.appendChild(createPixelHintIcon('settings.dev_groups_hint'));
+  frag.appendChild(groupsRow);
 
   const betaRow = document.createElement('div');
   betaRow.className = 'settings-toggle-with-hint';
@@ -2563,6 +3103,7 @@ function buildSettingsDeveloperPanel() {
     labelKey: 'settings.dev_beta_updates',
     onChange: async (checked) => {
       state.config = await api.saveConfig({ receiveBetaUpdates: checked });
+      if (state.config?.achievementsEnabled) syncAchievements(state.config);
       showAppToast({
         title: checked ? t('settings.dev_beta_on') : t('settings.dev_beta_off'),
         durationMs: 4000,
@@ -2590,27 +3131,23 @@ function buildSettingsDeveloperPanel() {
   traceRow.appendChild(createPixelHintIcon('settings.dev_mesh_trace_hint'));
   frag.appendChild(traceRow);
 
-  const projRow = document.createElement('div');
-  projRow.className = 'settings-toggle-with-hint';
-  const projToggle = createPixelToggle({
-    checked: !!state.config?.devProjectsEnabled,
-    labelKey: 'settings.dev_projects',
+  const beaconRow = document.createElement('div');
+  beaconRow.className = 'settings-toggle-with-hint';
+  const beaconToggle = createPixelToggle({
+    checked: !!state.config?.devBeaconEnabled,
+    labelKey: 'settings.dev_beacon',
     onChange: async (checked) => {
-      state.config = await api.saveConfig({ devProjectsEnabled: checked });
-      if (!checked) {
-        projectsViewInstance?.destroy?.();
-        projectsViewInstance = null;
-      }
+      state.config = await api.saveConfig({ devBeaconEnabled: checked });
+      refreshBeaconMesh();
       showAppToast({
-        title: checked ? t('settings.dev_projects_on') : t('settings.dev_projects_off'),
-        durationMs: 4200,
+        title: checked ? t('settings.dev_beacon_on') : t('settings.dev_beacon_off'),
+        durationMs: 4000,
       });
-      render();
     },
   });
-  projRow.appendChild(projToggle.el);
-  projRow.appendChild(createPixelHintIcon('settings.dev_projects_hint'));
-  frag.appendChild(projRow);
+  beaconRow.appendChild(beaconToggle.el);
+  beaconRow.appendChild(createPixelHintIcon('settings.dev_beacon_hint'));
+  frag.appendChild(beaconRow);
 
   const exportBtn = document.createElement('button');
   exportBtn.type = 'button';
@@ -2645,18 +3182,151 @@ function buildSettingsDeveloperPanel() {
   });
   frag.appendChild(exportBtn);
 
+  const clearMeshBtn = document.createElement('button');
+  clearMeshBtn.type = 'button';
+  clearMeshBtn.className = 'btn btn-danger';
+  clearMeshBtn.dataset.i18n = 'settings.dev_clear_mesh_plus';
+  clearMeshBtn.textContent = t('settings.dev_clear_mesh_plus');
+  clearMeshBtn.addEventListener('click', async () => {
+    if (!premiumTierEnabled(state.config)) {
+      showAppToast({
+        title: t('settings.dev_clear_mesh_plus_none'),
+        durationMs: 4000,
+      });
+      return;
+    }
+    try {
+      await window.blip.deactivateMeshPlus();
+      state.config = await window.blip.getConfig();
+      showAppToast({
+        title: t('settings.dev_clear_mesh_plus_ok'),
+        durationMs: 4500,
+      });
+      if (state.view === 'settings') renderView('settings');
+      if (state.view === 'peers') renderView('peers');
+    } catch (e) {
+      showAppToast({
+        title: e?.message || t('settings.dev_clear_mesh_plus_fail'),
+        durationMs: 4500,
+        variant: 'danger',
+      });
+    }
+  });
+  frag.appendChild(clearMeshBtn);
+
+  const factoryRow = document.createElement('div');
+  factoryRow.className = 'settings-toggle-with-hint settings-dev-factory-row';
+  const factoryBtn = document.createElement('button');
+  factoryBtn.type = 'button';
+  factoryBtn.className = 'btn btn-danger';
+  factoryBtn.dataset.i18n = 'settings.dev_factory_reset';
+  factoryBtn.textContent = t('settings.dev_factory_reset');
+  factoryBtn.addEventListener('click', async () => {
+    const ok = await openConfirmDialog({
+      title: t('settings.dev_factory_reset'),
+      body: t('settings.dev_factory_reset_confirm'),
+      confirmLabel: t('settings.dev_factory_reset'),
+      danger: true,
+    });
+    if (!ok) return;
+    try {
+      await applyFactoryReset();
+      showAppToast({
+        title: t('settings.dev_factory_reset_ok'),
+        durationMs: 5000,
+      });
+    } catch (e) {
+      showAppToast({
+        title: e?.message || t('settings.dev_factory_reset_fail'),
+        durationMs: 4500,
+        variant: 'danger',
+      });
+    }
+  });
+  factoryRow.appendChild(factoryBtn);
+  factoryRow.appendChild(createPixelHintIcon('settings.dev_factory_reset_hint'));
+  frag.appendChild(factoryRow);
+
   return frag;
 }
 
+async function applyFactoryReset() {
+  for (const chat of state.chatViews.values()) {
+    chat?.destroy?.();
+  }
+  state.chatViews.clear();
+  for (const gc of state.groupChatViews.values()) {
+    gc?.destroy?.();
+  }
+  state.groupChatViews.clear();
+  projectsViewInstance?.destroy?.();
+  projectsViewInstance = null;
+  clearProfileNavigationState();
+  stopClipboardSync();
+  clearRendererLocalStorage();
+  resetRendererMemoryStores();
+
+  const res = await window.blip.factoryReset?.();
+  if (!res?.ok) throw new Error(t('settings.dev_factory_reset_fail'));
+
+  state.config = res.config || (await window.blip.getConfig());
+  state.peers = [];
+  state.occupiedIds = [];
+  state.activePeer = null;
+  state.activeGroup = null;
+  state.settingsSection = null;
+  state.view = 'grid';
+  unreadByGroup.clear();
+  lastUpdateStatus = null;
+
+  initPeerTrust(state.config, api);
+  purgeGroupsFor(state.config.blipId);
+  applySoundPrefsFromConfig(state.config);
+  applyAppearance(state.config);
+  applyReactiveWallpaperConfig(state.config);
+  setAchievementConfigProvider(() => state.config);
+  void loadSelfAvatarFromMain();
+  restartClipboardSync();
+  render();
+}
+
+function showAboutIconContextMenu(e) {
+  const menu = document.createElement('div');
+  menu.className = 'context-menu glass';
+  menu.style.left = `${e.clientX}px`;
+  menu.style.top = `${e.clientY}px`;
+
+  const changeBtn = document.createElement('button');
+  changeBtn.type = 'button';
+  changeBtn.dataset.i18n = 'settings.about_icon_change';
+  changeBtn.textContent = t('settings.about_icon_change');
+  changeBtn.addEventListener('mousedown', (ev) => ev.stopPropagation());
+  changeBtn.addEventListener('click', (ev) => {
+    ev.stopPropagation();
+    menu.remove();
+    openSettingsToSection('appearance', '.settings-app-icon-grid');
+  });
+
+  menu.appendChild(changeBtn);
+  document.body.appendChild(menu);
+  const close = () => menu.remove();
+  setTimeout(() => document.addEventListener('click', close, { once: true }), 0);
+}
+
 function buildSettingsAboutPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel settings-panel--about';
 
   const hero = document.createElement('div');
   hero.className = 'settings-about-hero';
+  const iconBtn = document.createElement('button');
+  iconBtn.type = 'button';
+  iconBtn.className = 'settings-about-icon-btn';
+  iconBtn.title = t('settings.about_icon_open_appearance');
   const icon = document.createElement('img');
   icon.className = 'settings-about-icon';
   icon.alt = 'BLIP';
+  icon.draggable = false;
   void (async () => {
     try {
       const url = await window.blip.getAppIconUrl?.();
@@ -2665,7 +3335,15 @@ function buildSettingsAboutPanel() {
       /* ignore */
     }
   })();
-  hero.appendChild(icon);
+  iconBtn.appendChild(icon);
+  iconBtn.addEventListener('click', () => {
+    openSettingsToSection('appearance', '.settings-app-icon-grid');
+  });
+  iconBtn.addEventListener('contextmenu', (e) => {
+    e.preventDefault();
+    showAboutIconContextMenu(e);
+  });
+  hero.appendChild(iconBtn);
 
   const aboutLine = document.createElement('p');
   aboutLine.className = 'settings-about-line';
@@ -2676,6 +3354,12 @@ function buildSettingsAboutPanel() {
   hero.appendChild(aboutVersion);
   frag.appendChild(hero);
 
+  let aboutTrustNotice = appendAboutBuildTrustNotice(frag);
+  window.blip?.onTrustState?.(() => {
+    aboutTrustNotice?.remove();
+    aboutTrustNotice = appendAboutBuildTrustNotice(frag);
+  });
+
   const githubBtn = document.createElement('button');
   githubBtn.type = 'button';
   githubBtn.className = 'btn btn-lang';
@@ -2694,8 +3378,8 @@ function buildSettingsAboutPanel() {
     }
   }).catch(() => {});
 
-  const linkRow = document.createElement('div');
-  linkRow.className = 'settings-about-links';
+  const actionsCol = document.createElement('div');
+  actionsCol.className = 'settings-about-actions';
 
   const changelogBtn = document.createElement('button');
   changelogBtn.type = 'button';
@@ -2715,11 +3399,14 @@ function buildSettingsAboutPanel() {
     window.blip.openExternal?.('https://github.com/krwg/BLIP/releases');
   });
 
+  const linkRow = document.createElement('div');
+  linkRow.className = 'settings-about-links';
   linkRow.appendChild(changelogBtn);
   linkRow.appendChild(releasesAboutBtn);
 
-  frag.appendChild(githubBtn);
-  frag.appendChild(linkRow);
+  actionsCol.appendChild(githubBtn);
+  actionsCol.appendChild(linkRow);
+  frag.appendChild(actionsCol);
   return frag;
 }
 
@@ -2727,11 +3414,7 @@ function buildSettingsSystemPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_system';
-  h.textContent = t('settings.section_system');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_system');
 
   const tray = buildCloseToTraySection();
   if (tray) {
@@ -2754,11 +3437,7 @@ function buildSettingsSystemPanel() {
 function buildAppearancePanelWithTitle() {
   const wrap = document.createElement('div');
   wrap.className = 'settings-panel';
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_appearance';
-  h.textContent = t('settings.section_appearance');
-  wrap.appendChild(h);
+  appendSettingsPanelHeader(wrap, 'settings.section_appearance');
   wrap.appendChild(buildAppearanceSection());
   return wrap;
 }
@@ -2781,6 +3460,9 @@ function formatUpdateStatusText() {
       if (u.code === 'stale_release') {
         return t('settings.updates_status_stale_release');
       }
+      if (u.code === 'unsigned_installer') {
+        return t('settings.updates_status_unsigned');
+      }
       return t('settings.updates_status_error').replace('{m}', u.message || '');
     default:
       return t('settings.updates_status_idle');
@@ -2791,11 +3473,7 @@ function buildSettingsUpdatesPanel() {
   const frag = document.createElement('div');
   frag.className = 'settings-panel settings-panel--updates';
 
-  const h = document.createElement('h2');
-  h.className = 'settings-panel-title';
-  h.dataset.i18n = 'settings.section_updates';
-  h.textContent = t('settings.section_updates');
-  frag.appendChild(h);
+  appendSettingsPanelHeader(frag, 'settings.section_updates');
 
   const autoTitle = document.createElement('h3');
   autoTitle.className = 'section-subtitle';
@@ -2843,8 +3521,15 @@ function buildSettingsUpdatesPanel() {
     const r = await window.blip.checkForUpdates();
     if (r?.skipped) {
       lastUpdateStatus = null;
-      statusLine.dataset.i18n = 'settings.updates_dev_only';
-      statusLine.textContent = t('settings.updates_dev_only');
+      if (r.reason === 'portable') {
+        statusLine.dataset.i18n = 'settings.updates_portable_only';
+        statusLine.textContent = t('settings.updates_portable_only');
+        const meta = await window.blip.getAppMetadata?.().catch(() => null);
+        if (meta?.version) void checkUpdatesViaGithub(meta.version);
+      } else {
+        statusLine.dataset.i18n = 'settings.updates_dev_only';
+        statusLine.textContent = t('settings.updates_dev_only');
+      }
     } else {
       statusLine.textContent = formatUpdateStatusText();
     }
@@ -2881,7 +3566,7 @@ function buildSettingsUpdatesPanel() {
   frag.appendChild(releasesTitle);
 
   const releasesFeed = document.createElement('div');
-  releasesFeed.className = 'settings-releases-feed';
+  releasesFeed.className = 'settings-releases-feed settings-list-panel settings-list-panel--tall';
   releasesFeed.textContent = '…';
   frag.appendChild(releasesFeed);
 
@@ -2914,7 +3599,7 @@ function buildSettingsUpdatesPanel() {
     const feed = filterReleasesForChannel(result.releases, !!state.config?.receiveBetaUpdates);
     for (const r of feed) {
       const card = document.createElement('article');
-      card.className = 'settings-release-card glass';
+      card.className = 'settings-release-card';
 
       const head = document.createElement('div');
       head.className = 'settings-release-head';
@@ -2975,6 +3660,11 @@ function buildSettingsUpdatesPanel() {
       statusLine.textContent = t('settings.updates_dev_only');
       checkBtn.disabled = true;
       installBtn.disabled = true;
+    } else if (meta?.isPortable) {
+      statusLine.dataset.i18n = 'settings.updates_portable_only';
+      statusLine.textContent = t('settings.updates_portable_only');
+      checkBtn.disabled = false;
+      installBtn.disabled = true;
     } else {
       checkBtn.disabled = false;
       delete statusLine.dataset.i18n;
@@ -3005,61 +3695,108 @@ function buildSettingsPlaceholderPanel() {
   return wrap;
 }
 
+function runSettingsPanelCleanup() {
+  settingsPanelCleanup?.();
+  settingsPanelCleanup = null;
+}
+
+function attachSettingsPanelCleanup(frag) {
+  const cleanups = [];
+  if (typeof frag._profileCleanup === 'function') cleanups.push(frag._profileCleanup);
+  if (typeof frag._meshPlusCleanup === 'function') cleanups.push(frag._meshPlusCleanup);
+  if (typeof frag._networkCleanup === 'function') cleanups.push(frag._networkCleanup);
+  if (cleanups.length) {
+    frag._settingsCleanup = () => cleanups.forEach((fn) => fn());
+  }
+  return frag;
+}
+
+function appendSettingsPanelHeader(frag, labelKey, hintKey) {
+  frag.appendChild(hintKey ? buildPanelTitleRow(labelKey, hintKey) : buildPanelTitleRow(labelKey));
+}
+
 function renderSettingsMainPanel() {
+  runSettingsPanelCleanup();
   if (state.settingsSection == null) {
+    settingsPanelCleanup = null;
     return buildSettingsPlaceholderPanel();
   }
-  switch (state.settingsSection) {
+  const section = state.settingsSection;
+  let frag;
+  switch (section) {
     case 'profile':
-      return buildSettingsProfilePanel();
+      frag = buildSettingsProfilePanel();
+      break;
+    case 'achievements':
+      frag = buildSettingsAchievementsPanel(state, api);
+      break;
+    case 'mesh_plus':
+      frag = buildSettingsMeshPlusPanel(state, () => {
+        applyAppearance(state.config);
+        applySoundPrefsFromConfig(state.config);
+        ensureProjectsView().refreshMeshPlus?.();
+        syncAchievements(state.config);
+        if (state.view === 'peers') renderView('peers');
+        if (state.view === 'settings') renderView('settings');
+      });
+      break;
     case 'language':
-      return buildSettingsLanguagePanel();
+      frag = buildSettingsLanguagePanel();
+      break;
     case 'notifications':
-      return buildSettingsNotificationsPanel();
+      frag = buildSettingsNotificationsPanel();
+      break;
     case 'privacy':
-      return buildSettingsPrivacyPanel();
+      frag = buildSettingsPrivacyPanel();
+      break;
     case 'sound':
-      return buildSettingsSoundPanel();
+      frag = buildSettingsSoundPanel();
+      break;
     case 'shortcuts':
-      return buildSettingsShortcutsPanel();
+      frag = buildSettingsShortcutsPanel();
+      break;
     case 'call':
-      return buildSettingsCallPanel();
+      frag = buildSettingsCallPanel();
+      break;
     case 'transfer':
-      return buildSettingsTransferPanel();
+      frag = buildSettingsTransferPanel();
+      break;
     case 'appearance':
-      return buildAppearancePanelWithTitle();
+      frag = buildAppearancePanelWithTitle();
+      break;
     case 'network':
-      return buildSettingsNetworkPanel();
+      frag = buildSettingsNetworkPanel();
+      break;
     case 'system':
-      return buildSettingsSystemPanel();
+      frag = buildSettingsSystemPanel();
+      break;
     case 'updates':
-      return buildSettingsUpdatesPanel();
+      frag = buildSettingsUpdatesPanel();
+      break;
     case 'developer':
-      return buildSettingsDeveloperPanel();
+      frag = buildSettingsDeveloperPanel();
+      break;
     case 'about':
-      return buildSettingsAboutPanel();
+      frag = buildSettingsAboutPanel();
+      break;
     default:
       return buildSettingsPlaceholderPanel();
   }
+  attachSettingsPanelCleanup(frag);
+  settingsPanelCleanup = frag._settingsCleanup || null;
+  return frag;
 }
 
 function renderSettingsNavAside() {
-  const aside = document.createElement('aside');
-  aside.className = 'settings-shell__nav glass';
-
-  for (const id of getSettingsSectionIds()) {
-    const b = document.createElement('button');
-    b.type = 'button';
-    b.className = `btn settings-nav-btn${state.settingsSection === id ? ' selected' : ''}`;
-    b.dataset.i18n = `settings.section_${id}`;
-    b.textContent = t(`settings.section_${id}`);
-    b.addEventListener('click', () => {
+  return renderSettingsNavGroups(
+    state,
+    (id) => {
+      if (id === state.settingsSection) return;
       state.settingsSection = id;
       renderView('settings');
-    });
-    aside.appendChild(b);
-  }
-  return aside;
+    },
+    getSettingsSectionIds
+  );
 }
 
 function renderSettingsView() {
@@ -3220,26 +3957,65 @@ async function runPeerPing(peer) {
   }
 }
 
+function mountMainContentView(el, { cleanupProfile = false } = {}) {
+  if (!mainContent || !el) return;
+  const current = mainContent.firstElementChild;
+  if (current === el && el.isConnected) return;
+  if (state.view === 'settings') runSettingsPanelCleanup();
+  if (cleanupProfile) clearProfileNavigationState();
+  mainContent.replaceChildren(el);
+  applyI18n(mainContent);
+  updateNavActive();
+}
+
 async function openChat(peerId) {
-  const id = Number(peerId);
-  if (!Number.isFinite(id)) return;
+  const id = normalizeBlipId(peerId);
+  if (id == null) return;
 
   if (isBlocked(id)) {
     showAppToast({ title: t('peers.blocked_chat'), durationMs: 5000 });
     return;
   }
 
+  const prevView = state.view;
+  clearProfileNavigationState();
   state.activePeer = id;
   state.activeGroup = null;
   state.view = 'chat';
   clearUnread(id);
-  const chat = ensureChatView(id);
-  chat.markRead?.();
-  chat.scrollToBottom?.();
-  if (mainContent?.isConnected) {
-    renderView('chat');
-  } else {
+
+  let chat;
+  try {
+    chat = ensureChatView(id);
+  } catch (err) {
+    console.error('[BLIP] openChat ensureChatView', id, err);
+    showAppToast({ title: t('chat.open_failed'), durationMs: 5000 });
+    return;
+  }
+  if (!chat?.el) {
+    showAppToast({ title: t('chat.open_failed'), durationMs: 5000 });
+    return;
+  }
+
+  if (!resolveMainContent()?.isConnected) {
     render();
+    chat.markRead?.();
+    chat.renderMessages?.();
+    chat.scrollToBottom?.();
+    return;
+  }
+
+  try {
+    if (mountMainPanel(chat.el, { prevView })) {
+      chat.markRead?.();
+      chat.renderMessages?.();
+      chat.scrollToBottom?.();
+    } else {
+      render();
+    }
+  } catch (err) {
+    console.error('[BLIP] openChat mount', id, err);
+    showAppToast({ title: t('chat.open_failed'), durationMs: 5000 });
   }
 }
 
@@ -3327,15 +4103,24 @@ function renderChatHubView() {
     item.type = 'button';
     item.className = 'chat-hub-row glass chat-hub-row--group online';
     const avatar = createGroupAvatarElement(group.id, 2);
+    avatar.classList.add('chat-hub-avatar');
     const info = document.createElement('div');
     info.className = 'chat-hub-info';
+    const nameRow = document.createElement('div');
+    nameRow.className = 'chat-hub-name-row';
     const name = document.createElement('span');
     name.className = 'peer-name';
     name.textContent = groupDisplayName(group);
+    const grpTag = document.createElement('span');
+    grpTag.className = 'chat-hub-group-tag';
+    grpTag.dataset.i18n = 'group.badge_grp';
+    grpTag.textContent = t('group.badge_grp');
+    nameRow.appendChild(name);
+    nameRow.appendChild(grpTag);
     const sub = document.createElement('span');
     sub.className = 'peer-id';
     sub.textContent = t('group.hub_sub').replace('{n}', String(group.members.length));
-    info.appendChild(name);
+    info.appendChild(nameRow);
     info.appendChild(sub);
     const msgs = getGroupMessages(group.id);
     const last = msgs[msgs.length - 1];
@@ -3353,6 +4138,13 @@ function renderChatHubView() {
     const dot = document.createElement('span');
     dot.className = voiceCount > 0 ? 'status-dot online' : 'status-dot offline';
     dot.title = voiceCount > 0 ? t('group.call_ongoing_hub') : '';
+    if (voiceCount > 0) {
+      const liveTag = document.createElement('span');
+      liveTag.className = 'chat-hub-voice-live';
+      liveTag.dataset.i18n = 'group.badge_voice';
+      liveTag.textContent = t('group.badge_voice');
+      info.appendChild(liveTag);
+    }
     item.appendChild(avatar);
     item.appendChild(info);
     item.appendChild(dot);
@@ -3407,11 +4199,28 @@ function renderChatHubView() {
     list.appendChild(empty);
   } else if (rows.length > 0) {
     rows.forEach((row) => {
+      const peer = findPeerByBlipId(row.blipId);
+      const rowId = normalizeBlipId(row.blipId);
+      const peerForProfile = peer || {
+        blipId: rowId,
+        displayName: row.displayName,
+        online: row.online,
+        presence: 'offline',
+        presenceText: '',
+        hasProfileGif: rowId != null && peerHasCachedProfileGif(rowId),
+      };
+
       const item = document.createElement('button');
       item.type = 'button';
       item.className = `chat-hub-row glass ${row.online ? 'online' : 'offline'}`;
 
       const avatar = createAvatarElement(row.blipId, 2, { selfBlipId: state.config.blipId });
+      avatar.classList.add('chat-hub-avatar');
+      avatar.addEventListener('click', (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        openPeerProfileFromUi(peerForProfile);
+      });
       const info = document.createElement('div');
       info.className = 'chat-hub-info';
       const name = document.createElement('span');
@@ -3437,8 +4246,7 @@ function renderChatHubView() {
       }
 
       const dot = document.createElement('span');
-      const peer = state.peers.find((p) => p.blipId === row.blipId);
-      dot.className = `status-dot ${peerPresenceClass(peer || { online: row.online })}`;
+      dot.className = `status-dot ${peerPresenceClass(peerForProfile)}`;
 
       const unread = unreadByPeer.get(row.blipId) || 0;
       if (unread > 0) {
@@ -3451,7 +4259,11 @@ function renderChatHubView() {
       item.appendChild(avatar);
       item.appendChild(info);
       item.appendChild(dot);
-      item.addEventListener('click', () => openChat(row.blipId));
+      const openHubChat = () => void openChat(row.blipId);
+      item.addEventListener('click', openHubChat);
+      item.addEventListener('auxclick', (e) => {
+        if (e.button === 1) openHubChat();
+      });
       item.addEventListener('contextmenu', (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -3466,8 +4278,20 @@ function renderChatHubView() {
   return wrap;
 }
 
-function renderView(viewName) {
-  if (!mainContent) return;
+function disposeProfilePageIfMounted() {
+  if (!profilePageCleanup) return;
+  profilePageCleanup();
+  profilePageCleanup = null;
+  profilePageApi = null;
+}
+
+function renderView(viewName, options = {}) {
+  if (!resolveMainContent()) return;
+  const force = !!options.force;
+  if (viewName === 'profile' && state.profilePeerId == null) {
+    viewName = 'peers';
+  }
+  const prevView = state.view;
   state.view = viewName;
 
   let view;
@@ -3484,6 +4308,13 @@ function renderView(viewName) {
     case 'projects':
       view = renderProjectsView();
       break;
+    case 'beacon':
+      view = renderBeaconView(state.config);
+      break;
+    case 'profile': {
+      view = renderPeerProfileView();
+      break;
+    }
     case 'chat': {
       if (state.activeGroup) {
         const gchat = ensureGroupChatView(state.activeGroup);
@@ -3491,8 +4322,12 @@ function renderView(viewName) {
         view = gchat?.el ?? renderChatHubView();
       } else if (state.activePeer) {
         const chat = ensureChatView(state.activePeer);
+        if (!chat?.el) {
+          view = renderChatHubView();
+          break;
+        }
         chat.markRead?.();
-        chat.renderMessages();
+        chat.renderMessages?.();
         view = chat.el;
       } else {
         view = renderChatHubView();
@@ -3503,8 +4338,12 @@ function renderView(viewName) {
       view = renderDialView();
   }
 
+  if (prevView === 'settings' && viewName !== 'settings') {
+    runSettingsPanelCleanup();
+  }
+
   const current = mainContent.firstElementChild;
-  if (current === view) {
+  if (!force && current === view && view.isConnected) {
     if (viewName === 'chat') {
       if (state.activePeer != null) {
         state.chatViews.get(state.activePeer)?.renderMessages?.();
@@ -3514,23 +4353,34 @@ function renderView(viewName) {
     }
     applyI18n(mainContent);
     updateNavActive();
-    if (viewName === 'peers') {
+    if (viewName === 'peers' || viewName === 'profile') {
       void runMeshPulseRound();
     }
     return;
   }
 
-  mainContent.innerHTML = '';
-  mainContent.appendChild(view);
+  if (prevView === 'profile' && viewName !== 'profile') {
+    disposeProfilePageIfMounted();
+  }
+
+  mainContent.replaceChildren(view);
   applyI18n(mainContent);
 
   updateNavActive();
 
-  if (viewName === 'peers') {
+  if (viewName === 'peers' || viewName === 'profile') {
     void runMeshPulseRound();
   }
 }
 
+function clearProfileNavigationState() {
+  profilePageCleanup?.();
+  profilePageCleanup = null;
+  profilePageApi = null;
+  state.profilePeerId = null;
+  state.profileReturn = null;
+}
+
 function render() {
   if (!state.config.blipId) {
     stopMeshPulse();
@@ -3544,7 +4394,8 @@ function render() {
   layout.className = 'app-layout';
 
   const nav = createNav((view) => {
-    if (view === 'chat' && state.view === 'chat') {
+    clearProfileNavigationState();
+    if (view === 'chat' && (state.view === 'chat' || state.view === 'profile')) {
       state.activePeer = null;
       state.activeGroup = null;
     }
@@ -3584,10 +4435,13 @@ export function initUI(config, blipApi) {
   initPeerTrust(config, blipApi);
   purgeGroupsFor(config.blipId);
   setLang(config.language || localStorage.getItem('blip_lang') || 'en');
+  setDefaultToastDurationMs((Number(config.toastDurationSec) || 9) * 1000);
   applySoundPrefsFromConfig(config);
   applyAppearance(state.config);
   applyReactiveWallpaperConfig(state.config);
+  setAchievementConfigProvider(() => state.config);
   initReactiveWallpaper(() => state.config);
+  if (state.config?.achievementsEnabled) syncAchievements(state.config);
   void loadSelfAvatarFromMain();
   appearanceListenerDispose?.();
   appearanceListenerDispose = listenReducedMotion(
@@ -3603,6 +4457,122 @@ export function initUI(config, blipApi) {
   mainContent = null;
   window.__blipShowToast = showAppToast;
 
+  initBeaconMesh({
+    api: {
+      ...blipApi,
+      onSeedUdp: (cb) => window.blip?.onSeedUdp?.(cb),
+      beaconSendUdp: (payload) => window.blip?.beaconSendUdp?.(payload),
+      beaconWriteMeta: (payload) => window.blip?.beaconWriteMeta?.(payload),
+      beaconReadMeta: (payload) => window.blip?.beaconReadMeta?.(payload),
+      beaconReadPreview: (payload) => window.blip?.beaconReadPreview?.(payload),
+      beaconWritePreview: (payload) => window.blip?.beaconWritePreview?.(payload),
+      setTrayTransferProgress: (info) => window.blip?.setTrayTransferProgress?.(info),
+      beaconWriteChunk: (payload) => window.blip?.beaconWriteChunk?.(payload),
+      beaconWriteChunksBatch: (payload) => window.blip?.beaconWriteChunksBatch?.(payload),
+      beaconReadChunk: (payload) => window.blip?.beaconReadChunk?.(payload),
+      beaconReadChunksBatch: (payload) => window.blip?.beaconReadChunksBatch?.(payload),
+      beaconHaveBitmap: (payload) => window.blip?.beaconHaveBitmap?.(payload),
+      beaconChunkExists: (payload) => window.blip?.beaconChunkExists?.(payload),
+      beaconCountChunks: (payload) => window.blip?.beaconCountChunks?.(payload),
+      beaconListLocal: () => window.blip?.beaconListLocal?.(),
+      beaconSaveAssembled: (payload) => window.blip?.beaconSaveAssembled?.(payload),
+      beaconDeleteSeed: (payload) => window.blip?.beaconDeleteSeed?.(payload),
+      beaconPickPublishFile: () => window.blip?.beaconPickPublishFile?.(),
+      getPathForFile: (file) => window.blip?.getPathForFile?.(file) || '',
+      beaconPublishFromPath: (payload) => window.blip?.beaconPublishFromPath?.(payload),
+      onBeaconIngestProgress: (cb) => window.blip?.onBeaconIngestProgress?.(cb),
+      beaconServeChunksTcp: (payload) => window.blip?.beaconServeChunksTcp?.(payload),
+    },
+    getConfig: () => state.config,
+    getPeers: () => state.peers,
+    getPeerLatency: (id) => peerLatencyMs.get(id) ?? 9999,
+  });
+
+  initIdleAway({
+    getConfig: () => state.config,
+    saveConfig: (patch) => api.saveConfig(patch),
+  });
+
+  window.addEventListener('blip-open-beacon-seed', (ev) => {
+    const seedId = String(ev.detail?.seedId || '').trim();
+    if (!seedId) return;
+    state.view = 'beacon';
+    renderView('beacon');
+    void import('./beacon-mesh.js').then(({ downloadBeaconSeed }) =>
+      downloadBeaconSeed(seedId).catch(() => {})
+    );
+  });
+
+  window.blip?.onBeaconOpenSeed?.((data) => {
+    const seedId = String(data?.seedId || '').trim();
+    if (!seedId) return;
+    window.dispatchEvent(
+      new CustomEvent('blip-open-beacon-seed', { detail: { seedId } })
+    );
+  });
+
+  window.blip?.onBeaconOpenBlipFile?.((data) => {
+    const doc = data?.doc;
+    const seedId = String(doc?.seedId || '').trim();
+    if (!seedId) {
+      showAppToast({
+        title: t('beacon.blip_invalid'),
+        variant: 'danger',
+        durationMs: 5000,
+      });
+      return;
+    }
+    void import('./beacon-mesh.js').then(({ registerBlipSeedDescriptor }) => {
+      registerBlipSeedDescriptor(doc);
+      state.view = 'beacon';
+      renderView('beacon');
+      window.dispatchEvent(
+        new CustomEvent('blip-open-beacon-seed', { detail: { seedId } })
+      );
+    });
+  });
+
+  window.addEventListener('blip-beacon-share-chat', (ev) => {
+    const seedId = String(ev.detail?.seedId || '').trim();
+    if (!seedId) return;
+    const targets = state.peers
+      .filter((p) => p.online && !isBlocked(p.blipId))
+      .map((p) => ({ id: p.blipId, label: formatPeerDisplayName(p, p.blipId) }));
+    void import('./chat-forward-picker.js').then(async ({ openForwardPeerPicker }) => {
+      const peerId = await openForwardPeerPicker(targets);
+      if (peerId == null) return;
+      const { buildBeaconSeedLink, buildBeaconAttachment } = await import('./beacon-mesh.js');
+      const { addMessage } = await import('./chat.js');
+      const { createMessageId } = await import('./message-id.js');
+      const link = buildBeaconSeedLink(seedId);
+      const outMsg = {
+        id: createMessageId(),
+        from: state.config.blipId,
+        to: peerId,
+        text: link,
+        timestamp: Date.now(),
+        outgoing: true,
+        attachment: buildBeaconAttachment({
+          seedId,
+          filename: ev.detail?.filename,
+          size: ev.detail?.size,
+        }),
+      };
+      ensureChatView(peerId);
+      addMessage(peerId, outMsg);
+      state.chatViews.get(peerId)?.renderMessages?.();
+      await api.sendTcpMessage({
+        to: peerId,
+        type: 'message',
+        text: outMsg.text,
+        id: outMsg.id,
+        timestamp: outMsg.timestamp,
+        attachment: outMsg.attachment,
+      });
+      openChat(peerId);
+    });
+  });
+
   const titleBar = createTitleBar();
   rootEl.appendChild(titleBar);
 
@@ -3631,8 +4601,12 @@ export function initUI(config, blipApi) {
   if (typeof window.blip.onConfigUpdated === 'function') {
     window.blip.onConfigUpdated((cfg) => {
       state.config = cfg;
+      refreshBeaconMesh();
       applyTrustFromConfig(cfg);
       restartClipboardSync();
+      void import('./mesh-plus-verify.js').then(({ syncPremiumTierWithHost }) =>
+        syncPremiumTierWithHost(state)
+      );
     });
   }
 
@@ -3722,12 +4696,15 @@ export function updatePeers({ peers, occupiedIds }) {
   const nextOnline = new Set(peers.filter((p) => p.online).map((p) => p.blipId));
   state.peers = peers;
   state.occupiedIds = occupiedIds;
+  recordPeersOnline(peers.filter((p) => p.online).length);
 
   peers.forEach((p) => {
     if (p.online && !prevOnline.has(p.blipId)) {
       logPeerEvent(p.blipId, 'online');
       if (!state.config?.doNotDisturb) sounds.peerOnline();
       if (getSelfAvatarCache()) void broadcastCustomAvatar();
+      if (p.hasProfileGif) void requestPeerProfileGif(p.blipId);
+      void broadcastProfileGif();
     } else if (!p.online && prevOnline.has(p.blipId)) {
       logPeerEvent(p.blipId, 'offline');
       if (!state.config?.doNotDisturb) sounds.peerOffline();
@@ -3749,9 +4726,19 @@ export function updatePeers({ peers, occupiedIds }) {
   if (state.view === 'peers' && mainContent) {
     renderView('peers');
   }
+  if (state.view === 'profile' && mainContent && state.profilePeerId != null) {
+    if (profilePageApi?.refresh) {
+      syncPeerProfilePage();
+    } else {
+      renderView('profile', { force: true });
+    }
+  }
   if (state.view === 'chat' && !state.activePeer && mainContent) {
     renderView('chat');
   }
+  if (state.view === 'projects') {
+    projectsViewInstance?.refreshPeers?.();
+  }
 }
 
 function handleTypingTcp(msg) {
@@ -3777,6 +4764,51 @@ export function handleTcpMessage(msg) {
     const peerId = Number(msg.from === state.config.blipId ? msg.to : msg.from);
     if (Number.isFinite(peerId)) logPeerEvent(peerId, `tcp:${msg.type}`);
   }
+  if (handleBeaconTcp(msg, { api, config: state.config })) return;
+  if (msg.type === 'profile-gif-request') {
+    const from = Number(msg.from);
+    if (!Number.isFinite(from) || isBlocked(from)) return;
+    void (async () => {
+      const dataUrl = await window.blip?.getProfileGifShareUrl?.();
+      if (!dataUrl) return;
+      await api.sendTcpMessage({
+        type: 'profile-gif-share',
+        to: from,
+        from: state.config.blipId,
+        dataUrl,
+      });
+    })();
+    return;
+  }
+
+  if (msg.type === 'profile-gif-share') {
+    const from = Number(msg.from);
+    if (!Number.isFinite(from) || isBlocked(from)) return;
+    const raw = msg.dataUrl ? String(msg.dataUrl) : '';
+    if (raw.length > 4_500_000) {
+      console.warn('[BLIP] profile-gif-share too large, ignored');
+      return;
+    }
+    void (async () => {
+      const ok = await ingestPeerProfileGifDataUrl(from, raw || null);
+      const peer = findPeerByBlipId(from);
+      if (peer) peer.hasProfileGif = true;
+      if (!ok) {
+        console.warn('[BLIP] profile GIF not cached for peer', from);
+      }
+      if (state.view === 'profile' && peerBlipIdEquals(state.profilePeerId, from)) {
+        if (profilePageApi?.refresh) {
+          const peer = enrichPeerForProfile(from);
+          profilePageApi.setPeer?.(peer);
+          profilePageApi.refresh();
+        } else {
+          renderView('profile', { force: true });
+        }
+      }
+    })();
+    return;
+  }
+
   if (msg.type === 'avatar-share') {
     const from = Number(msg.from);
     if (!Number.isFinite(from) || isBlocked(from)) return;
@@ -3791,9 +4823,12 @@ export function handleTcpMessage(msg) {
         dataUrl: mine,
       });
     }
+    void broadcastProfileGif();
     window.dispatchEvent(new CustomEvent('blip-avatar-changed'));
     if (state.view === 'peers') {
       renderView('peers');
+    } else if (state.view === 'profile') {
+      renderView('profile', { force: true });
     } else if (state.view === 'chat') {
       if (state.activePeer != null) {
         state.chatViews.get(state.activePeer)?.refreshHeaderAvatar?.();
@@ -3806,7 +4841,7 @@ export function handleTcpMessage(msg) {
     return;
   }
 
-  if (handleMeshProjectTcp(msg, state.config)) return;
+  if (handleMeshProjectTcp(msg, state.config, api)) return;
 
   if (msg.type === 'clipboard-push') {
     if (isBlocked(Number(msg.from))) return;
@@ -3862,13 +4897,30 @@ export function handleTcpMessage(msg) {
         };
         routePeerMessage(incoming);
       },
-      onAbort: (peerId, transferId) => {
-        trackTransferEnd(peerId, transferId);
-      },
+      onAbort: (peerId, transferId) => trackTransferEnd(peerId, transferId),
     });
     return;
   }
 
+  if (msg.type === 'group-avatar-share') {
+    const groupId = msg.groupId;
+    if (!groupId) return;
+    if (msg.dataUrl) setGroupAvatarDataUrl(groupId, String(msg.dataUrl));
+    window.dispatchEvent(
+      new CustomEvent('blip-group-avatar-changed', { detail: { groupId } })
+    );
+    if (state.view === 'chat') renderView('chat');
+    return;
+  }
+
+  if (msg.type === 'group-avatar-request') {
+    const groupId = msg.groupId;
+    const from = Number(msg.from);
+    if (!groupId || !Number.isFinite(from)) return;
+    void broadcastGroupAvatarToMembers(groupId, api, state.config.blipId);
+    return;
+  }
+
   if (
     msg.type === 'voice-ch-roster' ||
     msg.type === 'voice-ch-signal' ||
diff --git a/renderer/voice-channel-ui.js b/renderer/voice-channel-ui.js
index 09398ad..646e2d6 100644
--- a/renderer/voice-channel-ui.js
+++ b/renderer/voice-channel-ui.js
@@ -16,7 +16,6 @@ import {
   getLocalScreenPreview,
 } from './voice-channel.js';
 import { getVoiceChannelRoster } from './voice-channel-roster.js';
-import { getGroup } from './groups.js';
 
 export function createVoiceStage(config, groupId, channelId) {
   const wrap = document.createElement('div');
@@ -24,21 +23,37 @@ export function createVoiceStage(config, groupId, channelId) {
 
   const head = document.createElement('div');
   head.className = 'voice-stage-head';
+
+  const indicator = document.createElement('span');
+  indicator.className = 'voice-stage-indicator';
+  indicator.setAttribute('aria-hidden', 'true');
+
+  const headText = document.createElement('div');
+  headText.className = 'voice-stage-head-text';
+
   const title = document.createElement('span');
   title.className = 'voice-stage-title';
   title.dataset.i18n = 'voice.stage_title';
   title.textContent = t('voice.stage_title');
+
   const status = document.createElement('span');
   status.className = 'voice-stage-status';
-  head.appendChild(title);
-  head.appendChild(status);
+
+  headText.appendChild(title);
+  headText.appendChild(status);
+  head.appendChild(indicator);
+  head.appendChild(headText);
 
   const grid = document.createElement('div');
   grid.className = 'voice-stage-grid';
+  grid.setAttribute('role', 'list');
 
   const controls = document.createElement('div');
   controls.className = 'voice-stage-controls';
 
+  const toolbar = document.createElement('div');
+  toolbar.className = 'voice-stage-toolbar';
+
   const muteBtn = document.createElement('button');
   muteBtn.type = 'button';
   muteBtn.className = 'btn btn-lang voice-ctrl-btn';
@@ -59,13 +74,14 @@ export function createVoiceStage(config, groupId, channelId) {
 
   const leaveBtn = document.createElement('button');
   leaveBtn.type = 'button';
-  leaveBtn.className = 'btn btn-accent voice-ctrl-btn voice-ctrl-leave';
+  leaveBtn.className = 'btn btn-danger voice-ctrl-btn voice-ctrl-leave';
   leaveBtn.dataset.i18n = 'voice.leave';
   leaveBtn.textContent = t('voice.leave');
 
-  controls.appendChild(muteBtn);
-  controls.appendChild(deafBtn);
-  controls.appendChild(shareBtn);
+  toolbar.appendChild(muteBtn);
+  toolbar.appendChild(deafBtn);
+  toolbar.appendChild(shareBtn);
+  controls.appendChild(toolbar);
   controls.appendChild(leaveBtn);
 
   wrap.appendChild(head);
@@ -93,6 +109,7 @@ export function createVoiceStage(config, groupId, channelId) {
     const inThis =
       active?.groupId === groupId && active?.channelId === channelId && isInVoiceChannel();
     wrap.classList.toggle('hidden', !inThis);
+    wrap.classList.toggle('voice-stage--connected', inThis);
 
     if (!inThis) return;
 
@@ -117,15 +134,20 @@ export function createVoiceStage(config, groupId, channelId) {
       empty.dataset.i18n = 'voice.stage_empty';
       empty.textContent = t('voice.stage_empty');
       grid.appendChild(empty);
+      return;
     }
+    const selfId = Number(config.blipId);
     ids.forEach((pid) => {
       const n = Number(pid);
+      const isSelf = n === selfId;
       const tile = document.createElement('div');
-      tile.className = 'voice-tile glass';
+      tile.className = `voice-tile glass${isSelf ? ' voice-tile--self' : ''}`;
+      tile.setAttribute('role', 'listitem');
+
       const slot = document.createElement('div');
-      slot.className = 'voice-tile-slot';
+      slot.className = 'voice-tile-slot voice-tile-frame';
       const preview =
-        n === Number(config.blipId) ? getLocalScreenPreview() : getPeerVideoStream(n);
+        n === selfId ? getLocalScreenPreview() : getPeerVideoStream(n);
       if (preview?.getVideoTracks?.()?.[0]) {
         const vid = document.createElement('video');
         vid.className = 'voice-tile-video';
@@ -134,7 +156,7 @@ export function createVoiceStage(config, groupId, channelId) {
         vid.playsInline = true;
         vid.srcObject = preview;
         vid.addEventListener('click', () => {
-          const overlay = document.createElement("div");
+          const overlay = document.createElement('div');
           overlay.className = 'voice-stream-fs';
           const full = document.createElement('video');
           full.autoplay = true;
@@ -158,6 +180,7 @@ export function createVoiceStage(config, groupId, channelId) {
         slot.appendChild(createAvatarElement(n, 4, { selfBlipId: config.blipId }));
       }
       tile.appendChild(slot);
+
       const media = getParticipantMediaState(n);
       const badges = document.createElement('div');
       badges.className = 'voice-tile-badges';
@@ -180,9 +203,10 @@ export function createVoiceStage(config, groupId, channelId) {
         badges.appendChild(b);
       }
       if (badges.childElementCount) tile.appendChild(badges);
+
       const lbl = document.createElement('span');
       lbl.className = 'voice-tile-label';
-      lbl.textContent = n === Number(config.blipId) ? t('group.you') : `#${n}`;
+      lbl.textContent = isSelf ? t('group.you') : `#${n}`;
       tile.appendChild(lbl);
       grid.appendChild(tile);
     });
diff --git a/renderer/voice-channel.js b/renderer/voice-channel.js
index 980c3bf..d6c20e3 100644
--- a/renderer/voice-channel.js
+++ b/renderer/voice-channel.js
@@ -20,10 +20,10 @@ import {
 import { openScreenPickerDialog } from './screen-picker-dialog.js';
 import { captureDisplayStream } from './display-capture.js';
 import { getVoiceMediaStream } from './audio-capture.js';
-import { dispatchReactiveAudio } from './reactive-wallpaper.js';
-
 const ICE = [];
 
+let clientConnectInFlight = false;
+
 /** @type {Map<number, RTCPeerConnection>} */
 const hostPeers = new Map();
 /** @type {Map<number, RTCIceCandidateInit[]>} */
@@ -52,25 +52,24 @@ let configRef = null;
 const peerMediaState = new Map();
 
 let audioCtx = null;
-let mixerGain = null;
-let mixDestination = null;
 /** @type {Map<number, MediaStreamTrack>} */
 const mixerTracks = new Map();
-/** @type {Map<number, MediaStreamAudioSourceNode>} */
-const mixerSources = new Map();
-/** @type {Map<number, GainNode>} */
-const mixerTaps = new Map();
-let mixedTrack = null;
 
-let playbackCtx = null;
-/** @type {Map<number, MediaStreamAudioSourceNode>} */
-const playbackSources = new Map();
+/** Silent track for mix-minus gaps (never send raw local mic as "mix"). */
+let silentAudioCtx = null;
+let silentOscillator = null;
+let silentTrack = null;
+
+/** @type {Map<number, HTMLAudioElement>} */
+const peerAudioEls = new Map();
 
 let heartbeatTimer = null;
 let stageRefresh = null;
 
 /** @type {Map<number, { type: string, sdp: string }>} */
 const pendingHostOffers = new Map();
+/** @type {Set<number>} */
+const hostOfferInFlight = new Set();
 
 /** @type {Map<number, MediaStream>} */
 const peerVideoStreams = new Map();
@@ -92,7 +91,15 @@ function isHost(group) {
 function normalizeSdp(sdp) {
   if (!sdp) return null;
   if (typeof sdp === 'string') return { type: 'offer', sdp };
-  if (typeof sdp.type === 'string' && typeof sdp.sdp === 'string') return sdp;
+  let type = sdp.type;
+  let body = sdp.sdp;
+  if (body && typeof body === 'object' && typeof body.sdp === 'string') {
+    type = body.type ?? type;
+    body = body.sdp;
+  }
+  if (typeof type === 'string' && typeof body === 'string' && body.length > 0) {
+    return { type, sdp: body };
+  }
   return null;
 }
 
@@ -100,6 +107,53 @@ function myMediaState() {
   return { muted, deafened, screenSharing: sharingScreen };
 }
 
+function isOwnAudioTrack(track) {
+  if (!track || !localStream) return false;
+  const local = localStream.getAudioTracks()[0];
+  return !!(local && track.id === local.id);
+}
+
+/** Drop loopback of our own sender track on a PeerConnection. */
+function isPcLoopbackTrack(track, pc) {
+  if (!track || !pc) return false;
+  if (isOwnAudioTrack(track)) return true;
+  const sent = pc.getSenders?.().find((s) => s.track?.kind === 'audio')?.track;
+  return !!(sent && track.id === sent.id);
+}
+
+function ensureSilentTrack() {
+  if (silentTrack?.readyState === 'live') return silentTrack;
+  if (silentAudioCtx?.state === 'closed') {
+    silentAudioCtx = null;
+    silentOscillator = null;
+    silentTrack = null;
+  }
+  silentAudioCtx = new AudioContext();
+  silentOscillator = silentAudioCtx.createOscillator();
+  const gain = silentAudioCtx.createGain();
+  gain.gain.value = 0;
+  const dest = silentAudioCtx.createMediaStreamDestination();
+  silentOscillator.connect(gain);
+  gain.connect(dest);
+  silentOscillator.start();
+  silentTrack = dest.stream.getAudioTracks()[0] || null;
+  return silentTrack;
+}
+
+function stopSilentTrack() {
+  try {
+    silentOscillator?.stop();
+  } catch {
+    /* ignore */
+  }
+  silentOscillator = null;
+  silentTrack = null;
+  if (silentAudioCtx) {
+    void silentAudioCtx.close().catch(() => {});
+    silentAudioCtx = null;
+  }
+}
+
 function buildStates(participants) {
   const states = {};
   const id = myId();
@@ -170,71 +224,30 @@ function micGainValue() {
 }
 
 async function resumeVoiceAudioContexts() {
-  ensureMixer();
-  if (audioCtx?.state === 'suspended') {
-    try {
-      await audioCtx.resume();
-    } catch {
-      /* ignore */
-    }
-  }
-  ensurePlaybackMixer();
-  if (playbackCtx?.state === 'suspended') {
-    try {
-      await playbackCtx.resume();
-    } catch {
-      /* ignore */
-    }
+  for (const el of peerAudioEls.values()) {
+    if (el.srcObject) void el.play().catch(() => {});
   }
-  const audio = document.getElementById('voice-ch-remote-audio');
-  if (audio?.srcObject) void audio.play().catch(() => {});
 }
 
 function ensureMixer() {
-  if (audioCtx && mixerGain) return;
+  if (audioCtx) return;
   audioCtx = new AudioContext();
-  mixerGain = audioCtx.createGain();
-  mixDestination = audioCtx.createMediaStreamDestination();
-  mixerGain.connect(mixDestination);
-  mixedTrack = mixDestination.stream.getAudioTracks()[0] || null;
 }
 
-function attachToMixer(peerId, track) {
+function registerTrackInMixer(peerId, track) {
+  if (!track || track.readyState === 'ended') return;
   ensureMixer();
-  const n = peerNum(peerId);
-  removeFromMixer(n);
-  mixerTracks.set(n, track);
-  const stream = new MediaStream([track]);
-  const src = audioCtx.createMediaStreamSource(stream);
-  const tap = audioCtx.createGain();
-  src.connect(tap);
-  tap.connect(mixerGain);
-  mixerSources.set(n, src);
-  mixerTaps.set(n, tap);
-  mixedTrack = mixDestination.stream.getAudioTracks()[0] || null;
+  mixerTracks.set(peerNum(peerId), track);
 }
 
 function removeFromMixer(peerId) {
-  const n = peerNum(peerId);
-  mixerTracks.delete(n);
-  const src = mixerSources.get(n);
-  const tap = mixerTaps.get(n);
-  if (tap) {
-    try {
-      tap.disconnect();
-    } catch {
-      /* ignore */
-    }
-    mixerTaps.delete(n);
-  }
-  if (src) {
-    try {
-      src.disconnect();
-    } catch {
-      /* ignore */
-    }
-    mixerSources.delete(n);
-  }
+  mixerTracks.delete(peerNum(peerId));
+}
+
+function registerHostMicInMixer() {
+  const track = localStream?.getAudioTracks()[0];
+  if (!track) return;
+  registerTrackInMixer(myId(), track);
 }
 
 /** Mix of all participants except excludePeerId (SFU mix-minus-self). */
@@ -245,35 +258,64 @@ function buildMixMinusTrack(excludePeerId) {
   const bus = audioCtx.createGain();
   bus.connect(dest);
   let any = false;
+  const self = myId();
+  const gainMul = micGainValue();
   for (const [pid, track] of mixerTracks) {
     if (peerNum(pid) === ex || track.readyState === 'ended') continue;
     const src = audioCtx.createMediaStreamSource(new MediaStream([track]));
-    src.connect(bus);
+    if (peerNum(pid) === self && gainMul !== 1) {
+      const g = audioCtx.createGain();
+      g.gain.value = gainMul;
+      src.connect(g);
+      g.connect(bus);
+    } else {
+      src.connect(bus);
+    }
     any = true;
   }
   return any ? dest.stream.getAudioTracks()[0] : null;
 }
 
-async function setPcAudioTrack(pc, track) {
-  if (!pc || !track) return;
+function mixerSourceCount(excludePeerId) {
+  let n = 0;
+  for (const [pid, track] of mixerTracks) {
+    if (peerNum(pid) === peerNum(excludePeerId) || track.readyState === 'ended') continue;
+    n++;
+  }
+  return n;
+}
+
+/** Outbound audio to a peer (host → client). Uses raw mic for 1:1 mix; WebAudio mix for 3+. */
+function getOutboundAudioTrack(forPeerId) {
+  const mic = localStream?.getAudioTracks()?.[0];
+  if (mixerSourceCount(forPeerId) <= 1) {
+    if (mic?.readyState === 'live') return mic;
+    return ensureSilentTrack();
+  }
+  return buildMixMinusTrack(forPeerId) || ensureSilentTrack();
+}
+
+async function setHostSendAudio(pc, track) {
+  if (!pc) return;
+  const out = track?.readyState === 'live' ? track : ensureSilentTrack();
+  if (!out) return;
   let sender = pc.getSenders().find((s) => s.track?.kind === 'audio');
   if (sender) {
-    await sender.replaceTrack(track);
+    await sender.replaceTrack(out);
     return;
   }
   try {
-    pc.addTrack(track, new MediaStream([track]));
+    pc.addTrack(out, new MediaStream([out]));
   } catch {
     const tr = pc.addTransceiver('audio', { direction: 'sendrecv' });
-    await tr.sender.replaceTrack(track);
+    await tr.sender.replaceTrack(out);
   }
 }
 
 async function pushMixedAudioToPeer(peerId) {
   const pc = hostPeers.get(peerNum(peerId));
-  if (!pc) return;
-  const track = buildMixMinusTrack(peerId);
-  await setPcAudioTrack(pc, track);
+  if (!pc || pc.signalingState === 'closed') return;
+  await setHostSendAudio(pc, getOutboundAudioTrack(peerId));
 }
 
 async function pushMixedAudioToAll() {
@@ -290,7 +332,7 @@ function disconnectHostPeer(peerId) {
     hostPeers.delete(n);
   }
   hostPendingIce.delete(n);
-  removeFromMixer(n);
+  stopRemotePeerAudio(n);
   peerMediaState.delete(n);
 }
 
@@ -308,66 +350,60 @@ function startHeartbeat(groupId, channelId) {
   }, 4000);
 }
 
-function ensureRemoteAudioElement() {
-  let audio = document.getElementById('voice-ch-remote-audio');
-  if (!audio) {
-    audio = document.createElement('audio');
-    audio.id = 'voice-ch-remote-audio';
-    audio.autoplay = true;
-    audio.playsInline = true;
-    document.body.appendChild(audio);
+function wireRemoteTrackPlayback(track, audioEl) {
+  const play = () => void audioEl.play().catch(() => {});
+  if (track && !track.muted) play();
+  if (track) {
+    track.onunmute = play;
+    track.onended = () => {
+      audioEl.srcObject = null;
+    };
   }
-  return audio;
 }
 
-let playbackDest = null;
-
-function ensurePlaybackMixer() {
-  if (!playbackCtx) {
-    playbackCtx = new AudioContext();
-    playbackDest = playbackCtx.createMediaStreamDestination();
+/** Same playback path as 1:1 call — direct <audio>, no WebAudio mixer (avoids host self-monitor). */
+function playRemoteStream(peerId, stream, pc) {
+  const n = peerNum(peerId);
+  const tracks = (stream?.getAudioTracks?.() || []).filter(
+    (t) => t.kind === 'audio' && !isPcLoopbackTrack(t, pc),
+  );
+  if (!tracks.length) return;
+  let el = peerAudioEls.get(n);
+  if (!el) {
+    el = document.createElement('audio');
+    el.autoplay = true;
+    el.playsInline = true;
+    el.dataset.voicePeer = String(n);
+    document.body.appendChild(el);
+    peerAudioEls.set(n, el);
   }
+  el.srcObject = new MediaStream(tracks);
+  el.muted = deafened;
+  wireRemoteTrackPlayback(tracks[0], el);
 }
 
-function removePlaybackPeer(peerId) {
-  const src = playbackSources.get(peerNum(peerId));
-  if (src) {
-    try {
-      src.disconnect();
-    } catch {
-      /* ignore */
-    }
-    playbackSources.delete(peerNum(peerId));
+function stopRemotePeerAudio(peerId) {
+  const el = peerAudioEls.get(peerNum(peerId));
+  if (el) {
+    el.srcObject = null;
+    el.remove();
+    peerAudioEls.delete(peerNum(peerId));
   }
 }
 
-function attachPlaybackTrack(peerId, track) {
-  ensurePlaybackMixer();
-  const n = peerNum(peerId);
-  removePlaybackPeer(n);
-  const src = playbackCtx.createMediaStreamSource(new MediaStream([track]));
-  src.connect(playbackDest);
-  playbackSources.set(n, src);
-  const audio = ensureRemoteAudioElement();
-  audio.srcObject = playbackDest.stream;
-  audio.muted = deafened;
-  void resumeVoiceAudioContexts().then(() => audio.play().catch(() => {}));
-}
-
-function clearPlayback() {
-  for (const pid of [...playbackSources.keys()]) removePlaybackPeer(pid);
-  if (playbackCtx) {
-    void playbackCtx.close().catch(() => {});
-    playbackCtx = null;
-    playbackDest = null;
+function clearAllRemotePeerAudio() {
+  for (const pid of [...peerAudioEls.keys()]) stopRemotePeerAudio(pid);
+  const legacy = document.getElementById('voice-ch-remote-audio');
+  if (legacy) {
+    legacy.srcObject = null;
+    legacy.remove();
   }
 }
 
-function playRemoteMixedStream(stream) {
-  const audio = ensureRemoteAudioElement();
-  audio.srcObject = stream;
-  audio.muted = deafened;
-  void resumeVoiceAudioContexts().then(() => audio.play().catch(() => {}));
+function clientPcNeedsRebuild() {
+  if (!clientPc) return true;
+  const st = clientPc.connectionState;
+  return st === 'failed' || st === 'closed' || st === 'disconnected';
 }
 
 async function getMic() {
@@ -401,13 +437,6 @@ async function flushClientIce(pc) {
 
 async function createHostPeer(remoteId, groupId) {
   const rid = peerNum(remoteId);
-  const existing = hostPeers.get(rid);
-  if (existing) {
-    const st = existing.connectionState;
-    if (st === 'connected' || st === 'connecting' || st === 'new') return existing;
-    disconnectHostPeer(rid);
-  }
-  const group = getGroup(groupId);
   const pc = new RTCPeerConnection({ iceServers: ICE });
   hostPeers.set(rid, pc);
   hostPendingIce.set(rid, []);
@@ -415,13 +444,13 @@ async function createHostPeer(remoteId, groupId) {
   pc.ontrack = (ev) => {
     const track = ev.track;
     if (track.kind === 'audio') {
-      void resumeVoiceAudioContexts();
-      attachToMixer(rid, track);
-      void pushMixedAudioToAll();
-      ensureHostPlayback();
+      if (isPcLoopbackTrack(track, pc)) return;
+      const stream = ev.streams[0] || new MediaStream([track]);
+      playRemoteStream(rid, stream, pc);
+      sounds.stopOutgoingRing();
+      sounds.callConnected();
       track.onended = () => {
-        removeFromMixer(rid);
-        void pushMixedAudioToAll();
+        stopRemotePeerAudio(rid);
         stageRefresh?.();
       };
       stageRefresh?.();
@@ -461,33 +490,8 @@ async function createHostPeer(remoteId, groupId) {
   return pc;
 }
 
-function ensureHostPlayback() {
-  const track = buildMixMinusTrack(myId());
-  if (track) playRemoteMixedStream(new MediaStream([track]));
-  else {
-    const audio = ensureRemoteAudioElement();
-    audio.srcObject = null;
-  }
-}
-
-function attachHostLocalMic() {
-  const track = localStream?.getAudioTracks()[0];
-  if (!track) return;
-  ensureMixer();
-  const n = myId();
-  removeFromMixer(n);
-  mixerTracks.set(n, track);
-  const src = audioCtx.createMediaStreamSource(new MediaStream([track]));
-  const tap = audioCtx.createGain();
-  tap.gain.value = micGainValue();
-  src.connect(tap);
-  tap.connect(mixerGain);
-  mixerSources.set(n, src);
-  mixerTaps.set(n, tap);
-  mixedTrack = mixDestination.stream.getAudioTracks()[0] || null;
-}
-
 async function sendRenegotiateOffer(pc, groupId, remoteId) {
+  if (!pc || pc.signalingState !== 'stable' || pc.connectionState === 'closed') return;
   const offer = await pc.createOffer();
   await pc.setLocalDescription(offer);
   await sendSignal(groupId, remoteId, {
@@ -513,13 +517,18 @@ async function syncScreenVideoOut() {
   if (!track) return;
   const group = getGroup(activeGroupId);
   if (!group) return;
+  const cfg = configRef || {};
   if (isHost(group)) {
     for (const [rid, pc] of hostPeers) {
       await setVideoOnPc(pc, track, screenStream);
+      const sender = pc.getSenders().find((s) => s.track?.kind === 'video');
+      if (sender) void tuneVideoSender(sender, { screenShare: true, config: cfg });
       if (pc.signalingState === 'stable') await sendRenegotiateOffer(pc, activeGroupId, rid);
     }
   } else if (clientPc) {
     await setVideoOnPc(clientPc, track, screenStream);
+    const sender = clientPc.getSenders().find((s) => s.track?.kind === 'video');
+    if (sender) void tuneVideoSender(sender, { screenShare: true, config: cfg });
     if (clientPc.signalingState === 'stable') {
       await sendRenegotiateOffer(clientPc, activeGroupId, peerNum(group.hostId));
     }
@@ -527,26 +536,47 @@ async function syncScreenVideoOut() {
 }
 
 async function handleHostOffer(remoteId, groupId, offer) {
+  const rid = peerNum(remoteId);
+  const remoteOffer = normalizeSdp(offer);
+  if (!remoteOffer || remoteOffer.type !== 'offer') return;
+
   if (!localStream) {
-    pendingHostOffers.set(peerNum(remoteId), offer);
+    pendingHostOffers.set(rid, remoteOffer);
     return;
   }
-  await resumeVoiceAudioContexts();
-  const pc = await createHostPeer(remoteId, groupId);
-  attachHostLocalMic();
-  await pc.setRemoteDescription(offer);
-  await flushHostIce(remoteId, pc);
-  const outTrack = buildMixMinusTrack(remoteId);
-  const fallback = localStream?.getAudioTracks()[0];
-  await setPcAudioTrack(pc, outTrack || fallback);
-  const answer = await pc.createAnswer();
-  await pc.setLocalDescription(answer);
-  await sendSignal(groupId, remoteId, {
-    signalKind: 'answer',
-    sdp: { type: pc.localDescription.type, sdp: pc.localDescription.sdp },
-  });
-  ensureHostPlayback();
-  await pushMixedAudioToPeer(remoteId);
+
+  if (hostOfferInFlight.has(rid)) {
+    pendingHostOffers.set(rid, remoteOffer);
+    return;
+  }
+  hostOfferInFlight.add(rid);
+
+  try {
+    disconnectHostPeer(rid);
+    const pc = await createHostPeer(rid, groupId);
+    localStream.getTracks().forEach((tr) => pc.addTrack(tr, localStream));
+    await pc.setRemoteDescription(remoteOffer);
+    await flushHostIce(rid, pc);
+    if (pc.signalingState !== 'have-remote-offer') {
+      throw new Error(`host offer: expected have-remote-offer, got ${pc.signalingState}`);
+    }
+    const answer = await pc.createAnswer();
+    await pc.setLocalDescription(answer);
+    await sendSignal(groupId, rid, {
+      signalKind: 'answer',
+      sdp: { type: pc.localDescription.type, sdp: pc.localDescription.sdp },
+    });
+  } catch (err) {
+    console.warn('[voice-ch] host offer:', err?.message || err);
+    disconnectHostPeer(rid);
+  } finally {
+    hostOfferInFlight.delete(rid);
+    const queued = pendingHostOffers.get(rid);
+    if (queued) {
+      pendingHostOffers.delete(rid);
+      void handleHostOffer(rid, groupId, queued);
+    }
+  }
 }
 
 function disconnectMeshPeer(peerId) {
@@ -557,7 +587,7 @@ function disconnectMeshPeer(peerId) {
     meshPeers.delete(n);
   }
   meshPendingIce.delete(n);
-  removePlaybackPeer(n);
+  stopRemotePeerAudio(n);
 }
 
 async function flushMeshIce(peerId, pc) {
@@ -577,7 +607,8 @@ function wireMeshPc(pc, remoteId, groupId) {
   const rid = peerNum(remoteId);
   pc.ontrack = (ev) => {
     if (ev.track.kind === 'audio') {
-      attachPlaybackTrack(rid, ev.track);
+      if (isPcLoopbackTrack(ev.track, pc)) return;
+      playRemoteStream(rid, ev.streams[0] || new MediaStream([ev.track]), pc);
       sounds.stopOutgoingRing();
       sounds.callConnected();
       stageRefresh?.();
@@ -616,22 +647,31 @@ async function createMeshOffer(remoteId, groupId) {
 
 async function handleMeshOffer(remoteId, groupId, offer) {
   const rid = peerNum(remoteId);
-  let pc = meshPeers.get(rid);
-  if (!pc) {
-    pc = new RTCPeerConnection({ iceServers: ICE });
+  const remoteOffer = normalizeSdp(offer);
+  if (!remoteOffer || remoteOffer.type !== 'offer' || !localStream) return;
+
+  try {
+    disconnectMeshPeer(rid);
+    const pc = new RTCPeerConnection({ iceServers: ICE });
     meshPeers.set(rid, pc);
     meshPendingIce.set(rid, []);
     wireMeshPc(pc, rid, groupId);
-    localStream?.getTracks().forEach((tr) => pc.addTrack(tr, localStream));
+    localStream.getTracks().forEach((tr) => pc.addTrack(tr, localStream));
+    await pc.setRemoteDescription(remoteOffer);
+    await flushMeshIce(rid, pc);
+    if (pc.signalingState !== 'have-remote-offer') {
+      throw new Error(`mesh offer: expected have-remote-offer, got ${pc.signalingState}`);
+    }
+    const answer = await pc.createAnswer();
+    await pc.setLocalDescription(answer);
+    await sendSignal(groupId, rid, {
+      signalKind: 'answer',
+      sdp: { type: pc.localDescription.type, sdp: pc.localDescription.sdp },
+    });
+  } catch (err) {
+    console.warn('[voice-ch] mesh offer:', err?.message || err);
+    disconnectMeshPeer(rid);
   }
-  await pc.setRemoteDescription(offer);
-  await flushMeshIce(rid, pc);
-  const answer = await pc.createAnswer();
-  await pc.setLocalDescription(answer);
-  await sendSignal(groupId, rid, {
-    signalKind: 'answer',
-    sdp: { type: pc.localDescription.type, sdp: pc.localDescription.sdp },
-  });
 }
 
 async function ensureMeshVoice(group, activeSet) {
@@ -650,60 +690,72 @@ async function ensureMeshVoice(group, activeSet) {
 async function ensureClientToHost(group, { force = false } = {}) {
   const hostId = peerNum(group.hostId);
   if (!Number.isFinite(hostId) || hostId === myId()) return;
-  if (clientPc && !force) {
+  if (!force && clientPc) {
     const st = clientPc.connectionState;
-    if (st === 'connected') return;
-    if (st === 'connecting' || st === 'new') return;
+    if (st === 'connected' || st === 'connecting' || st === 'new') return;
   }
-  if (clientPc) {
-    clientPc.close();
-    clientPc = null;
+  if (clientConnectInFlight) return;
+  clientConnectInFlight = true;
+
+  try {
+    if (clientPc) {
+      clientPc.close();
+      clientPc = null;
+      clientPendingIce = [];
+    }
+    stopRemotePeerAudio(hostId);
+
+    clientPc = new RTCPeerConnection({ iceServers: ICE });
     clientPendingIce = [];
-  }
 
-  clientPc = new RTCPeerConnection({ iceServers: ICE });
-  clientPendingIce = [];
+    localStream.getTracks().forEach((tr) => clientPc.addTrack(tr, localStream));
 
-  localStream?.getTracks().forEach((tr) => clientPc.addTrack(tr, localStream));
+    clientPc.ontrack = (ev) => {
+      if (ev.track.kind === 'audio') {
+        if (isPcLoopbackTrack(ev.track, clientPc)) return;
+        playRemoteStream(hostId, ev.streams[0] || new MediaStream([ev.track]), clientPc);
+        sounds.stopOutgoingRing();
+        sounds.callConnected();
+        stageRefresh?.();
+      }
+      if (ev.track.kind === 'video') {
+        peerVideoStreams.set(hostId, ev.streams[0] || new MediaStream([ev.track]));
+        stageRefresh?.();
+      }
+    };
 
-  clientPc.ontrack = (ev) => {
-    if (ev.track.kind === 'audio') {
-      playRemoteMixedStream(ev.streams[0] || new MediaStream([ev.track]));
-      sounds.stopOutgoingRing();
-      sounds.callConnected();
-      stageRefresh?.();
-    }
-    if (ev.track.kind === 'video') {
-      peerVideoStreams.set(hostId, ev.streams[0] || new MediaStream([ev.track]));
-      stageRefresh?.();
-    }
-  };
+    clientPc.oniceconnectionstatechange = () => {
+      const ice = clientPc?.iceConnectionState;
+      if (ice === 'connected' || ice === 'completed') {
+        void resumeVoiceAudioContexts();
+      }
+    };
 
-  clientPc.onconnectionstatechange = () => {
-    if (clientPc?.connectionState === 'connected') {
-      sounds.stopOutgoingRing();
-      sounds.callConnected();
-    }
-    if (clientPc?.connectionState === 'failed') {
-      clientPc?.close();
-      clientPc = null;
-    }
-  };
+    clientPc.onconnectionstatechange = () => {
+      if (clientPc?.connectionState === 'connected') {
+        sounds.stopOutgoingRing();
+        sounds.callConnected();
+        void resumeVoiceAudioContexts();
+      }
+    };
 
-  clientPc.onicecandidate = (ev) => {
-    if (!ev.candidate) return;
-    void sendSignal(activeGroupId, hostId, {
-      signalKind: 'candidate',
-      candidate: ev.candidate.toJSON(),
-    });
-  };
+    clientPc.onicecandidate = (ev) => {
+      if (!ev.candidate) return;
+      void sendSignal(activeGroupId, hostId, {
+        signalKind: 'candidate',
+        candidate: ev.candidate.toJSON(),
+      });
+    };
 
-  const offer = await clientPc.createOffer();
-  await clientPc.setLocalDescription(offer);
-  await sendSignal(activeGroupId, hostId, {
-    signalKind: 'offer',
-    sdp: { type: clientPc.localDescription.type, sdp: clientPc.localDescription.sdp },
-  });
+    const offer = await clientPc.createOffer();
+    await clientPc.setLocalDescription(offer);
+    await sendSignal(activeGroupId, hostId, {
+      signalKind: 'offer',
+      sdp: { type: clientPc.localDescription.type, sdp: clientPc.localDescription.sdp },
+    });
+  } finally {
+    clientConnectInFlight = false;
+  }
 }
 
 export function registerVoiceStageRefresh(fn) {
@@ -749,21 +801,13 @@ export async function joinVoiceChannel(groupId, channelId, api, config) {
   deafened = false;
 
   await resumeVoiceAudioContexts();
+  clearAllRemotePeerAudio();
 
   addChannelParticipant(groupId, channelId, myId());
   await broadcastRoster(groupId, channelId);
 
   if (isHost(group)) {
-    ensureMixer();
-    attachHostLocalMic();
-    ensureHostPlayback();
-    void pushMixedAudioToAll();
     sounds.callConnected();
-    const participants = channelParticipants(groupId, channelId);
-    for (const pid of participants) {
-      if (pid === myId()) continue;
-      void sendSignal(groupId, pid, { signalKind: 'reconnect' });
-    }
     for (const [rid, off] of pendingHostOffers) {
       await handleHostOffer(rid, groupId, off);
     }
@@ -774,7 +818,6 @@ export async function joinVoiceChannel(groupId, channelId, api, config) {
   }
 
   startHeartbeat(groupId, channelId);
-  dispatchReactiveAudio({ active: true, stream: localStream });
   stageRefresh?.();
 }
 
@@ -811,9 +854,8 @@ export async function leaveVoiceChannel() {
   meshPeers.clear();
   meshPendingIce.clear();
 
-  clearPlayback();
-  const audio = document.getElementById('voice-ch-remote-audio');
-  if (audio) audio.remove();
+  clearAllRemotePeerAudio();
+  stopSilentTrack();
 
   if (audioCtx) {
     try {
@@ -822,22 +864,17 @@ export async function leaveVoiceChannel() {
       /* ignore */
     }
     audioCtx = null;
-    mixerGain = null;
-    mixDestination = null;
-    mixerSources.clear();
     mixerTracks.clear();
-    mixerTaps.clear();
-    mixedTrack = null;
   }
 
   peerMediaState.clear();
   peerVideoStreams.clear();
   pendingHostOffers.clear();
+  hostOfferInFlight.clear();
   localScreenPreview = null;
   activeGroupId = null;
   activeChannelId = null;
   sounds.stopOutgoingRing();
-  dispatchReactiveAudio({ active: false });
   stageRefresh?.();
 }
 
@@ -860,8 +897,7 @@ export async function toggleVoiceMute() {
 
 export async function toggleVoiceDeafen() {
   deafened = !deafened;
-  const audio = document.getElementById('voice-ch-remote-audio');
-  if (audio) audio.muted = deafened;
+  for (const el of peerAudioEls.values()) el.muted = deafened;
   if (activeGroupId && activeChannelId) void broadcastRoster(activeGroupId, activeChannelId);
   stageRefresh?.();
 }
@@ -907,14 +943,9 @@ export async function handleVoiceChRoster(msg, api, config) {
     for (const rid of [...hostPeers.keys()]) {
       if (!activeSet.has(rid)) disconnectHostPeer(rid);
     }
-    attachHostLocalMic();
-    ensureHostPlayback();
-    await pushMixedAudioToAll();
   } else if (hostIn) {
     for (const pid of [...meshPeers.keys()]) disconnectMeshPeer(pid);
-    await ensureClientToHost(group, {
-      force: !clientPc || clientPc.connectionState !== 'connected',
-    });
+    await ensureClientToHost(group, { force: clientPcNeedsRebuild() });
   } else {
     if (clientPc) {
       clientPc.close();
@@ -947,11 +978,7 @@ export async function handleVoiceChSignal(msg, api, config) {
     activeGroupId === msg.groupId && activeChannelId === msg.channelId && localStream;
 
   if (msg.signalKind === 'reconnect' && !isHost(group) && inChannel && hostIn) {
-    if (clientPc) {
-      clientPc.close();
-      clientPc = null;
-      clientPendingIce = [];
-    }
+    if (!clientPcNeedsRebuild() && clientPc?.connectionState === 'connected') return;
     sounds.outgoingCall();
     await ensureClientToHost(group, { force: true });
     return;
@@ -968,14 +995,28 @@ export async function handleVoiceChSignal(msg, api, config) {
   }
 
   if (msg.signalKind === 'answer' && !isHost(group) && clientPc && offer) {
-    await clientPc.setRemoteDescription(offer);
-    await flushClientIce(clientPc);
-    await resumeVoiceAudioContexts();
+    const answer = normalizeSdp(msg.sdp);
+    if (!answer || answer.type !== 'answer') return;
+    if (clientPc.signalingState !== 'have-local-offer') return;
+    try {
+      await clientPc.setRemoteDescription(answer);
+      await flushClientIce(clientPc);
+      const stream = new MediaStream();
+      for (const r of clientPc.getReceivers?.() || []) {
+        if (r.track?.kind === 'audio' && !isPcLoopbackTrack(r.track, clientPc)) {
+          stream.addTrack(r.track);
+        }
+      }
+      if (stream.getAudioTracks().length) playRemoteStream(hostId, stream, clientPc);
+    } catch (err) {
+      console.warn('[voice-ch] client answer:', err?.message || err);
+    }
     return;
   }
 
   if (msg.signalKind === 'answer' && isHost(group) && hostPeers.get(remoteId) && offer) {
     const pc = hostPeers.get(remoteId);
+    if (pc.signalingState !== 'have-local-offer') return;
     await pc.setRemoteDescription(offer);
     await flushHostIce(remoteId, pc);
     return;
@@ -991,24 +1032,37 @@ export async function handleVoiceChSignal(msg, api, config) {
   }
 
   if (msg.signalKind === 'ren-offer' && offer) {
+    const remoteOffer = normalizeSdp(msg.sdp);
+    if (!remoteOffer || remoteOffer.type !== 'offer') return;
     let pc = isHost(group)
       ? hostPeers.get(remoteId)
       : meshPeers.get(remoteId) || (origin === hostId ? clientPc : null);
-    if (!pc) return;
-    await pc.setRemoteDescription(offer);
-    const answer = await pc.createAnswer();
-    await pc.setLocalDescription(answer);
-    await sendSignal(msg.groupId, remoteId, {
-      signalKind: 'ren-answer',
-      sdp: { type: answer.type, sdp: answer.sdp },
-    });
+    if (!pc || pc.signalingState !== 'stable') return;
+    try {
+      await pc.setRemoteDescription(remoteOffer);
+      if (pc.signalingState !== 'have-remote-offer') return;
+      const answer = await pc.createAnswer();
+      await pc.setLocalDescription(answer);
+      await sendSignal(msg.groupId, remoteId, {
+        signalKind: 'ren-answer',
+        sdp: { type: answer.type, sdp: answer.sdp },
+      });
+    } catch (err) {
+      console.warn('[voice-ch] ren-offer:', err?.message || err);
+    }
     return;
   }
 
   if (msg.signalKind === 'ren-answer' && offer) {
+    const answer = normalizeSdp(msg.sdp);
+    if (!answer || answer.type !== 'answer') return;
     const pc = hostPeers.get(remoteId) || meshPeers.get(remoteId) || clientPc;
-    if (!pc) return;
-    await pc.setRemoteDescription(offer);
+    if (!pc || pc.signalingState !== 'have-local-offer') return;
+    try {
+      await pc.setRemoteDescription(answer);
+    } catch (err) {
+      console.warn('[voice-ch] ren-answer:', err?.message || err);
+    }
     return;
   }
 
diff --git a/scripts/build-icons.mjs b/scripts/build-icons.mjs
index c6e1dab..14c0adc 100644
--- a/scripts/build-icons.mjs
+++ b/scripts/build-icons.mjs
@@ -5,24 +5,83 @@ import { join, dirname } from 'path';
 import { fileURLToPath } from 'url';
 
 const root = join(dirname(fileURLToPath(import.meta.url)), '..');
-const svgPath = join(root, 'icon.svg');
 const buildDir = join(root, 'build');
+const iconsDir = join(buildDir, 'icons');
 
-if (!existsSync(svgPath)) {
-  console.error('[build-icons] icon.svg not found at project root');
+/** @type {{ id: string, file: string }[]} */
+const VARIANTS = [
+  { id: 'main', file: 'icon-main.svg' },
+  { id: 'dop-1', file: 'icon-dop-1.svg' },
+  { id: 'dop-2', file: 'icon-dop-2.svg' },
+  { id: 'dop-3', file: 'icon-dop-3.svg' },
+  { id: 'dop-4', file: 'icon-dop-4.svg' },
+  { id: 'mesh-1', file: 'icon-mesh1.svg' },
+  { id: 'mesh-2', file: 'icon-mesh2.svg' },
+  { id: 'mesh-3', file: 'icon-mesh3.svg' },
+  { id: 'mesh-4', file: 'icon-mesh4.svg' },
+  { id: 'mesh-5', file: 'icon-mesh5.svg' },
+  { id: 'mesh-6', file: 'icon-mesh6.svg' },
+];
+
+const DEFAULT_ID = 'main';
+const defaultVariant = VARIANTS.find((v) => v.id === DEFAULT_ID);
+if (!defaultVariant) {
+  console.error('[build-icons] main variant missing');
+  process.exit(1);
+}
+
+const defaultSvgPath = join(root, defaultVariant.file);
+if (!existsSync(defaultSvgPath)) {
+  console.error('[build-icons] icon-main.svg not found at project root');
   process.exit(1);
 }
 
 mkdirSync(buildDir, { recursive: true });
-copyFileSync(svgPath, join(buildDir, 'icon.svg'));
+mkdirSync(iconsDir, { recursive: true });
 
-const svg = readFileSync(svgPath);
-const sizes = [256, 128, 64, 48, 32, 16];
+async function rasterizeVariant(variant) {
+  const svgPath = join(root, variant.file);
+  if (!existsSync(svgPath)) {
+    console.warn(`[build-icons] skip ${variant.id}: ${variant.file} missing`);
+    return null;
+  }
+  const svg = readFileSync(svgPath);
+  const png256 = join(iconsDir, `${variant.id}.png`);
+  const tray16 = join(iconsDir, `${variant.id}-tray.png`);
+  await sharp(svg, { density: 288 })
+    .resize(256, 256, { kernel: sharp.kernel.nearest })
+    .png()
+    .toFile(png256);
+  await sharp(svg, { density: 288 })
+    .resize(16, 16, { kernel: sharp.kernel.nearest })
+    .png()
+    .toFile(tray16);
+  return { svg, png256, tray16 };
+}
+
+console.log('[build-icons] Rasterizing variants…');
+const rasterized = new Map();
+for (const variant of VARIANTS) {
+  const out = await rasterizeVariant(variant);
+  if (out) {
+    rasterized.set(variant.id, out);
+    console.log('[build-icons]', variant.id, '→', out.png256, out.tray16);
+  }
+}
+
+const main = rasterized.get(DEFAULT_ID);
+if (!main) {
+  console.error('[build-icons] failed to build main icon');
+  process.exit(1);
+}
 
-console.log('[build-icons] Generating PNG sizes…');
+copyFileSync(defaultSvgPath, join(buildDir, 'icon.svg'));
+copyFileSync(defaultSvgPath, join(root, 'icon.svg'));
+
+const sizes = [256, 128, 64, 48, 32, 16];
 const pngBuffers = await Promise.all(
   sizes.map((size) =>
-    sharp(svg, { density: 288 })
+    sharp(main.svg, { density: 288 })
       .resize(size, size, { kernel: sharp.kernel.nearest })
       .png()
       .toBuffer()
@@ -33,16 +92,8 @@ const icoPath = join(buildDir, 'icon.ico');
 writeFileSync(icoPath, await toIco(pngBuffers));
 console.log('[build-icons] Wrote', icoPath);
 
-const png256 = join(buildDir, 'icon.png');
-await sharp(svg, { density: 288 })
-  .resize(256, 256, { kernel: sharp.kernel.nearest })
-  .png()
-  .toFile(png256);
-console.log('[build-icons] Wrote', png256);
-
-const tray16 = join(buildDir, 'tray-16.png');
-await sharp(svg, { density: 288 })
-  .resize(16, 16, { kernel: sharp.kernel.nearest })
-  .png()
-  .toFile(tray16);
-console.log('[build-icons] Wrote', tray16);
+copyFileSync(main.png256, join(buildDir, 'icon.png'));
+console.log('[build-icons] Wrote', join(buildDir, 'icon.png'));
+
+copyFileSync(main.tray16, join(buildDir, 'tray-16.png'));
+console.log('[build-icons] Wrote', join(buildDir, 'tray-16.png'));
diff --git a/scripts/mesh-plus-keygen.mjs b/scripts/mesh-plus-keygen.mjs
new file mode 100644
index 0000000..9d5dc25
--- /dev/null
+++ b/scripts/mesh-plus-keygen.mjs
@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+/**
+ * Generate a MESH+ license key (run locally only — never commit private keys).
+ *
+ *   node scripts/mesh-plus-keygen.mjs
+ *   node scripts/mesh-plus-keygen.mjs --private-key path/to/mesh-plus-private.b64
+ *
+ * Writes optional private key to scripts/.mesh-plus-private.b64 (gitignored).
+ */
+import {
+  createPrivateKey,
+  createPublicKey,
+  generateKeyPairSync,
+  randomBytes,
+  sign,
+} from 'crypto';
+import { readFileSync, writeFileSync, existsSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import {
+  formatEntitlementDisplay,
+  ENTITLEMENT_CANON,
+} from '../main/entitlement-codec.js';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const DEFAULT_PRIV_PATH = join(__dirname, '.mesh-plus-private.b64');
+
+function publicKeyB64FromPrivate(privateKey) {
+  const pub = createPublicKey(privateKey);
+  return pub.export({ type: 'spki', format: 'der' }).toString('base64');
+}
+
+/** @returns {{ privateKey: import('crypto').KeyObject, created: boolean }} */
+function loadOrCreatePrivateKey(path) {
+  if (existsSync(path)) {
+    const b64 = readFileSync(path, 'utf8').trim();
+    const privateKey = createPrivateKey({
+      key: Buffer.from(b64, 'base64'),
+      format: 'der',
+      type: 'pkcs8',
+    });
+    return { privateKey, created: false };
+  }
+  const { privateKey, publicKey } = generateKeyPairSync('ed25519');
+  const privB64 = privateKey.export({ type: 'pkcs8', format: 'der' }).toString('base64');
+  writeFileSync(path, `${privB64}\n`, 'utf8');
+  console.log(`[mesh-plus-keygen] Wrote new private key → ${path}`);
+  const pubB64 = publicKey.export({ type: 'spki', format: 'der' }).toString('base64');
+  return { privateKey, created: true, pubB64 };
+}
+
+const privArg = process.argv.indexOf('--private-key');
+const privPath = privArg >= 0 ? process.argv[privArg + 1] : DEFAULT_PRIV_PATH;
+const { privateKey: pk, created, pubB64: pubOnCreate } = loadOrCreatePrivateKey(privPath);
+const pubB64 = pubOnCreate || publicKeyB64FromPrivate(pk);
+
+console.log('--- Trust anchor (for .env.build → BLIP_MESH_PUBLIC_KEY) ---');
+console.log(pubB64);
+console.log('---');
+
+const licenseId8 = randomBytes(8);
+const licenseId = licenseId8.toString('hex').toUpperCase();
+const canonical = `${ENTITLEMENT_CANON}|${licenseId}`;
+const sig = sign(null, Buffer.from(canonical, 'utf8'), pk);
+const sigB64 = sig.toString('base64');
+const displayKey = formatEntitlementDisplay(licenseId, sigB64);
+
+console.log('--- MESH+ license (give to one user) ---');
+console.log(displayKey);
+console.log('---');
+console.log(`licenseId: ${licenseId}`);
diff --git a/scripts/obfuscate-after-pack.cjs b/scripts/obfuscate-after-pack.cjs
new file mode 100644
index 0000000..5836616
--- /dev/null
+++ b/scripts/obfuscate-after-pack.cjs
@@ -0,0 +1,47 @@
+/**
+ * electron-builder afterPack — obfuscate MESH+ license modules in the packaged app.
+ * @param {import('electron-builder').AfterPackContext} context
+ */
+const { readFileSync, writeFileSync, existsSync } = require('fs');
+const { join } = require('path');
+const JavaScriptObfuscator = require('javascript-obfuscator');
+
+const TARGETS = [
+  'main/entitlement-codec.js',
+  'main/mesh-plus-license.js',
+  'main/mesh-plus-public-key.js',
+  'main/mesh-plus-public-key-loader.js',
+  'shared/mesh-plus-gates.js',
+];
+
+const OBF_OPTS = {
+  compact: true,
+  controlFlowFlattening: true,
+  controlFlowFlatteningThreshold: 0.4,
+  deadCodeInjection: false,
+  stringArray: true,
+  stringArrayThreshold: 0.75,
+  rotateStringArray: true,
+  selfDefending: false,
+  target: 'node',
+};
+
+module.exports = async function afterPack(context) {
+  const appDir = join(context.appOutDir, 'resources', 'app');
+  if (!existsSync(appDir)) {
+    console.warn('[obfuscate-after-pack] skip — no resources/app at', appDir);
+    return;
+  }
+
+  for (const rel of TARGETS) {
+    const filePath = join(appDir, rel);
+    if (!existsSync(filePath)) {
+      console.warn('[obfuscate-after-pack] missing', rel);
+      continue;
+    }
+    const code = readFileSync(filePath, 'utf8');
+    const out = JavaScriptObfuscator.obfuscate(code, OBF_OPTS).getObfuscatedCode();
+    writeFileSync(filePath, out, 'utf8');
+    console.log('[obfuscate-after-pack] ok', rel);
+  }
+};
diff --git a/scripts/publish-release-notes.mjs b/scripts/publish-release-notes.mjs
new file mode 100644
index 0000000..64b90f1
--- /dev/null
+++ b/scripts/publish-release-notes.mjs
@@ -0,0 +1,25 @@
+/**
+ * Prints files to attach when publishing a release manually (no GH_TOKEN).
+ */
+import { existsSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+
+const outDir = join(process.cwd(), 'dist-electron');
+if (!existsSync(outDir)) {
+  console.error('[publish-release-notes] Run npm run electron:build:all first.');
+  process.exit(1);
+}
+
+const required = ['latest.yml'];
+const optional = (name) =>
+  name.endsWith('.exe') && (name.includes('Setup') || name.includes('Portable'));
+
+const files = readdirSync(outDir).filter(
+  (f) => required.includes(f) || optional(f)
+);
+
+console.log('\nAttach to GitHub Release (same tag as package.json version):\n');
+for (const f of files.sort()) {
+  console.log(`  dist-electron/${f}`);
+}
+console.log('\nRequired for in-app auto-update: latest.yml + BLIP-Setup-<version>.exe\n');
diff --git a/scripts/run-electron-builder.mjs b/scripts/run-electron-builder.mjs
new file mode 100644
index 0000000..7ef9fb7
--- /dev/null
+++ b/scripts/run-electron-builder.mjs
@@ -0,0 +1,30 @@
+/**
+ * Runs electron-builder; ignores CSC_LINK / WIN_CSC_LINK when the path is missing
+ * (e.g. leftover placeholder C:\path\to\krwg.pfx from docs).
+ */
+import { spawnSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+
+const args = process.argv.slice(2);
+if (!args.length) {
+  console.error('[run-electron-builder] usage: node scripts/run-electron-builder.mjs --win [--dir] …');
+  process.exit(1);
+}
+
+for (const key of ['CSC_LINK', 'WIN_CSC_LINK']) {
+  const val = (process.env[key] || '').trim();
+  if (!val) continue;
+  if (val.startsWith('base64:')) continue;
+  if (!existsSync(val)) {
+    console.warn(`[run-electron-builder] unset ${key} — not found: ${val}`);
+    delete process.env[key];
+    if (key === 'CSC_LINK') delete process.env.CSC_KEY_PASSWORD;
+  }
+}
+
+const r = spawnSync('npx', ['electron-builder', ...args], {
+  stdio: 'inherit',
+  shell: true,
+  env: process.env,
+});
+process.exit(r.status ?? 1);
diff --git a/scripts/setup-build-secrets.mjs b/scripts/setup-build-secrets.mjs
new file mode 100644
index 0000000..d1c0307
--- /dev/null
+++ b/scripts/setup-build-secrets.mjs
@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+/**
+ * Creates .env.build from build-secrets.local.example if missing.
+ * Run after mesh-plus:keygen and paste TRUST_ANCHOR from keygen output.
+ */
+import { existsSync, copyFileSync, readFileSync, writeFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..');
+const example = join(root, 'build-secrets.local.example');
+const target = join(root, '.env.build');
+
+if (existsSync(target)) {
+  console.log('[setup-build-secrets] .env.build already exists — edit BLIP_MESH_PUBLIC_KEY if needed.');
+  process.exit(0);
+}
+
+if (!existsSync(example)) {
+  writeFileSync(target, 'BLIP_MESH_PUBLIC_KEY=\n', 'utf8');
+} else {
+  copyFileSync(example, target);
+}
+
+console.log('[setup-build-secrets] created .env.build — set BLIP_MESH_PUBLIC_KEY, then: npm run electron:build:all');
diff --git a/scripts/sign-windows-installer.ps1 b/scripts/sign-windows-installer.ps1
new file mode 100644
index 0000000..faf5571
--- /dev/null
+++ b/scripts/sign-windows-installer.ps1
@@ -0,0 +1,44 @@
+# Authenticode-sign BLIP-Setup-*.exe so electron-updater on v1.0.0 accepts the update.
+# Requires Windows SDK signtool (or Visual Studio "Desktop development with C++").
+#
+# Env (do NOT reuse electron-builder CSC_LINK unless you sign during `electron:build`):
+#   BLIP_WIN_SIGN_PFX     — path to .pfx
+#   BLIP_WIN_SIGN_PASSWORD — pfx password
+#
+# Usage:
+#   .\scripts\sign-windows-installer.ps1 -InstallerPath "dist-electron\BLIP-Setup-1.0.1.exe"
+# Then re-upload the signed exe + regenerate latest.yml (npm run electron:build:win publishes both).
+
+param(
+  [Parameter(Mandatory = $true)]
+  [string] $InstallerPath
+)
+
+$ErrorActionPreference = 'Stop'
+
+if (-not (Test-Path $InstallerPath)) {
+  throw "Installer not found: $InstallerPath"
+}
+
+$pfx = $env:BLIP_WIN_SIGN_PFX
+$pass = $env:BLIP_WIN_SIGN_PASSWORD
+if (-not $pfx) {
+  throw 'Set BLIP_WIN_SIGN_PFX and BLIP_WIN_SIGN_PASSWORD (optional post-build sign for v1.0.0 auto-update).'
+}
+
+$signtool = @(
+  "${env:ProgramFiles(x86)}\Windows Kits\10\bin\*\x64\signtool.exe",
+  "${env:ProgramFiles}\Windows Kits\10\bin\*\x64\signtool.exe"
+) | ForEach-Object { Get-Item $_ -ErrorAction SilentlyContinue } | Sort-Object FullName -Descending | Select-Object -First 1
+
+if (-not $signtool) {
+  throw 'signtool.exe not found. Install Windows SDK or VS Build Tools.'
+}
+
+$timestamp = 'http://timestamp.digicert.com'
+Write-Host "[sign] Using $($signtool.FullName)"
+Write-Host "[sign] File: $InstallerPath"
+
+& $signtool.FullName sign /f $pfx /p $pass /tr $timestamp /td sha256 /fd sha256 $InstallerPath
+
+Write-Host '[sign] OK. Re-upload this exe to the GitHub release and replace latest.yml if needed.'
diff --git a/scripts/sync-build-info.mjs b/scripts/sync-build-info.mjs
new file mode 100644
index 0000000..cf12262
--- /dev/null
+++ b/scripts/sync-build-info.mjs
@@ -0,0 +1,78 @@
+/**
+ * Signs build/build-info.json for packaged official builds.
+ * Uses scripts/.mesh-plus-private.b64 (same maintainer key as MESH+ keygen).
+ */
+import { createHash, createPrivateKey, sign } from 'crypto';
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..');
+const privPath = join(root, 'scripts', '.mesh-plus-private.b64');
+const metaPath = join(root, 'app-metadata.json');
+const outPath = join(root, 'build', 'build-info.json');
+const pubPath = join(root, 'build', 'mesh-plus-public-key.txt');
+
+const ISSUER = 'krwg-official';
+
+function readPriv() {
+  const fromEnv = (process.env.BLIP_BUILD_SIGN_KEY_B64 || '').trim();
+  if (fromEnv) {
+    return createPrivateKey({
+      key: Buffer.from(fromEnv, 'base64'),
+      format: 'der',
+      type: 'pkcs8',
+    });
+  }
+  if (!existsSync(privPath)) return null;
+  const b64 = readFileSync(privPath, 'utf8').trim();
+  return createPrivateKey({
+    key: Buffer.from(b64, 'base64'),
+    format: 'der',
+    type: 'pkcs8',
+  });
+}
+
+function readVersion() {
+  try {
+    const meta = JSON.parse(readFileSync(metaPath, 'utf8'));
+    return String(meta.version || '0.0.0');
+  } catch {
+    return '0.0.0';
+  }
+}
+
+function readPubHash() {
+  const fromEnv = (process.env.BLIP_MESH_PUBLIC_KEY || '').trim();
+  let pub = fromEnv;
+  if (!pub && existsSync(pubPath)) {
+    pub = readFileSync(pubPath, 'utf8').trim();
+  }
+  if (!pub) return '';
+  return createHash('sha256').update(pub, 'utf8').digest('hex').slice(0, 16);
+}
+
+const pk = readPriv();
+mkdirSync(join(root, 'build'), { recursive: true });
+
+if (!pk) {
+  writeFileSync(outPath, '{}\n', 'utf8');
+  console.log('[sync-build-info] no signing key — wrote empty build/build-info.json');
+  process.exit(0);
+}
+
+const version = readVersion();
+const buildTimestamp = Date.now();
+const canonical = `BLIP|${version}|${ISSUER}|${buildTimestamp}`;
+const buildSignature = sign(null, Buffer.from(canonical, 'utf8'), pk).toString('base64');
+
+const payload = {
+  issuer: ISSUER,
+  version,
+  buildTimestamp,
+  buildSignature,
+  meshPlusPublicKeyHash: readPubHash(),
+};
+
+writeFileSync(outPath, `${JSON.stringify(payload, null, 2)}\n`, 'utf8');
+console.log('[sync-build-info] wrote build/build-info.json');
diff --git a/scripts/sync-giphy-key.mjs b/scripts/sync-giphy-key.mjs
new file mode 100644
index 0000000..6038fc5
--- /dev/null
+++ b/scripts/sync-giphy-key.mjs
@@ -0,0 +1,30 @@
+/**
+ * Copies Giphy API key into build/giphy-api-key.txt for electron-builder extraResources.
+ * Sources (first match): BLIP_GIPHY_API_KEY / GIPHY_API_KEY env, then ./giphy-api-key.local
+ */
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..');
+const outPath = join(root, 'build', 'giphy-api-key.txt');
+const localPath = join(root, 'giphy-api-key.local');
+
+function readKey() {
+  const fromEnv = (process.env.BLIP_GIPHY_API_KEY || process.env.GIPHY_API_KEY || '').trim();
+  if (fromEnv) return fromEnv;
+  if (existsSync(localPath)) {
+    return readFileSync(localPath, 'utf8').trim();
+  }
+  return '';
+}
+
+const key = readKey();
+mkdirSync(join(root, 'build'), { recursive: true });
+
+writeFileSync(outPath, key ? `${key}\n` : '', 'utf8');
+if (key) {
+  console.log('[sync-giphy-key] wrote build/giphy-api-key.txt (from env or giphy-api-key.local)');
+} else {
+  console.log('[sync-giphy-key] wrote empty build/giphy-api-key.txt (Giphy tab off until key is set)');
+}
diff --git a/scripts/sync-mesh-public-key.mjs b/scripts/sync-mesh-public-key.mjs
new file mode 100644
index 0000000..8896c23
--- /dev/null
+++ b/scripts/sync-mesh-public-key.mjs
@@ -0,0 +1,45 @@
+/**
+ * Copies MESH+ public key into build/mesh-plus-public-key.txt for electron-builder extraResources.
+ * Sources (first match): BLIP_MESH_PUBLIC_KEY env, .env.build, mesh-plus-public-key.local
+ */
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const root = join(dirname(fileURLToPath(import.meta.url)), '..');
+const outPath = join(root, 'build', 'mesh-plus-public-key.txt');
+const localPath = join(root, 'mesh-plus-public-key.local');
+const envBuildPath = join(root, '.env.build');
+
+function parseEnvBuild() {
+  if (!existsSync(envBuildPath)) return '';
+  const raw = readFileSync(envBuildPath, 'utf8');
+  for (const line of raw.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith('#')) continue;
+    const m = trimmed.match(/^BLIP_MESH_PUBLIC_KEY\s*=\s*(.+)$/);
+    if (m) return m[1].trim().replace(/^['"]|['"]$/g, '');
+  }
+  return '';
+}
+
+function readKey() {
+  const fromEnv = (process.env.BLIP_MESH_PUBLIC_KEY || '').trim();
+  if (fromEnv) return fromEnv;
+  const fromBuild = parseEnvBuild();
+  if (fromBuild) return fromBuild;
+  if (existsSync(localPath)) {
+    return readFileSync(localPath, 'utf8').trim();
+  }
+  return '';
+}
+
+const key = readKey();
+mkdirSync(join(root, 'build'), { recursive: true });
+
+writeFileSync(outPath, key ? `${key}\n` : '', 'utf8');
+if (key) {
+  console.log('[sync-mesh-public-key] wrote build/mesh-plus-public-key.txt');
+} else {
+  console.log('[sync-mesh-public-key] wrote empty build/mesh-plus-public-key.txt');
+}
diff --git a/shared/mesh-plus-gates.js b/shared/mesh-plus-gates.js
new file mode 100644
index 0000000..24855be
--- /dev/null
+++ b/shared/mesh-plus-gates.js
@@ -0,0 +1,157 @@
+/**
+ * MESH+ feature gates — shared by main (enforce) and renderer (UI).
+ * FREE baseline: signal/pulse FX, mesh/grid melodies, core animated + art backgrounds.
+ */
+
+export const MESH_PLUS_FEATURES = {
+  animated_bg: 'animated_bg',
+  sound_pack: 'sound_pack',
+  melody_pack: 'melody_pack',
+  projects_board: 'projects_board',
+  projects_canvas: 'projects_canvas',
+  projects_pad_history: 'projects_pad_history',
+  projects_clipboard_unlimited: 'projects_clipboard_unlimited',
+  theme_editor: 'theme_editor',
+  profile_gif: 'profile_gif',
+  chat_export_themed: 'chat_export_themed',
+};
+
+export const PREMIUM_ANIMATED_BG_IDS = ['ember', 'rift'];
+
+export const FREE_SOUND_PACK_IDS = ['signal', 'pulse'];
+export const PREMIUM_SOUND_PACK_IDS = ['wire', 'static'];
+
+export const FREE_MELODY_PACK_IDS = ['mesh', 'grid'];
+export const PREMIUM_MELODY_PACK_IDS = ['beacon', 'chime'];
+
+const DEFAULTS = {
+  animatedBgId: 'none',
+  uiSoundPack: 'signal',
+  uiMelodyPack: 'mesh',
+};
+
+/** @param {object} [cfg] */
+export function uiShowsPremiumTier(cfg) {
+  return cfg?.meshPlusActive === true || cfg?.tier === 'mesh_plus';
+}
+
+/** @param {object} [cfg] */
+export function readTierFlag(cfg) {
+  return cfg?.tier === 'mesh_plus';
+}
+
+/** @param {object} [cfg] */
+export function readEntitlementMarker(cfg) {
+  return !!(cfg?.meshPlusLicenseId || cfg?.meshPlusLicenseMasked);
+}
+
+/** @param {object} [cfg] */
+export function readActiveEntitlement(cfg) {
+  return cfg?.meshPlusActive === true;
+}
+
+/**
+ * @param {object} [cfg]
+ * @param {string} feature — MESH_PLUS_FEATURES.*
+ */
+export function gateAllowsCapability(cfg, feature) {
+  if (!readActiveEntitlement(cfg) || !readTierFlag(cfg)) return false;
+  if (!uiShowsPremiumTier(cfg)) return false;
+  return freeTierAllowsValue(cfg, feature, feature);
+}
+
+/**
+ * @param {object} [cfg]
+ * @param {string} feature
+ * @param {string} [value]
+ */
+export function freeTierAllowsValue(cfg, feature, value) {
+  if (uiShowsPremiumTier(cfg)) return true;
+  if (!value) return true;
+  switch (feature) {
+    case MESH_PLUS_FEATURES.animated_bg:
+      return !PREMIUM_ANIMATED_BG_IDS.includes(value);
+    case MESH_PLUS_FEATURES.sound_pack:
+      return !PREMIUM_SOUND_PACK_IDS.includes(value);
+    case MESH_PLUS_FEATURES.melody_pack:
+      return !PREMIUM_MELODY_PACK_IDS.includes(value);
+    default:
+      return true;
+  }
+}
+
+/** @param {object} config */
+export function premiumResetPatch(config) {
+  if (!config || typeof config !== 'object') return null;
+  const patch = {};
+
+  const bg = String(config.animatedBgId || 'none');
+  if (PREMIUM_ANIMATED_BG_IDS.includes(bg)) {
+    patch.animatedBgId = DEFAULTS.animatedBgId;
+  }
+
+  const fx = String(config.uiSoundPack || DEFAULTS.uiSoundPack);
+  if (PREMIUM_SOUND_PACK_IDS.includes(fx)) {
+    patch.uiSoundPack = DEFAULTS.uiSoundPack;
+  }
+
+  const mel = String(config.uiMelodyPack || DEFAULTS.uiMelodyPack);
+  if (PREMIUM_MELODY_PACK_IDS.includes(mel)) {
+    patch.uiMelodyPack = DEFAULTS.uiMelodyPack;
+  }
+
+  if (String(config.accentCustomHex || '').trim()) {
+    patch.accentCustomHex = '';
+  }
+
+  if (config.hasProfileGif || String(config.profileGifActiveId || '').trim()) {
+    patch.profileGifActiveId = '';
+    patch.hasProfileGif = false;
+  }
+
+  return Object.keys(patch).length ? patch : null;
+}
+
+export function sanitizePremiumPrefs(config, updates, meshPlusActive) {
+  if (!updates || typeof updates !== 'object') return updates;
+  if (meshPlusActive) return updates;
+
+  const out = { ...updates };
+
+  if (out.animatedBgId !== undefined) {
+    const id = String(out.animatedBgId);
+    if (!freeTierAllowsValue(config, MESH_PLUS_FEATURES.animated_bg, id)) {
+      out.animatedBgId = DEFAULTS.animatedBgId;
+    }
+  }
+
+  if (out.uiSoundPack !== undefined) {
+    const id = String(out.uiSoundPack);
+    if (!freeTierAllowsValue(config, MESH_PLUS_FEATURES.sound_pack, id)) {
+      out.uiSoundPack = DEFAULTS.uiSoundPack;
+    }
+  }
+
+  if (out.uiMelodyPack !== undefined) {
+    const id = String(out.uiMelodyPack);
+    if (!freeTierAllowsValue(config, MESH_PLUS_FEATURES.melody_pack, id)) {
+      out.uiMelodyPack = DEFAULTS.uiMelodyPack;
+    }
+  }
+
+  if (out.accentCustomHex !== undefined && !meshPlusActive) {
+    out.accentCustomHex = '';
+  }
+  if (!meshPlusActive && (out.profileGifActiveId !== undefined || out.hasProfileGif !== undefined)) {
+    out.profileGifActiveId = '';
+    out.hasProfileGif = false;
+  }
+
+  return out;
+}
+
+export function applyPremiumReset(config, meshPlusActive) {
+  if (meshPlusActive) return config;
+  const patch = premiumResetPatch(config);
+  return patch ? { ...config, ...patch } : config;
+}
diff --git a/shared/trust-levels.js b/shared/trust-levels.js
new file mode 100644
index 0000000..ef2cda1
--- /dev/null
+++ b/shared/trust-levels.js
@@ -0,0 +1,13 @@
+/** Local trust levels — main process is source of truth. */
+
+export const BUILD_TRUST = {
+  VERIFIED_OFFICIAL: 'verified_official',
+  UNVERIFIED_BUILD: 'unverified_build',
+};
+
+export const MESH_TRUST = {
+  OFFICIAL_MESH_PLUS: 'official_mesh_plus',
+  UNVERIFIED_MESH_PLUS: 'unverified_mesh_plus',
+};
+
+export const OFFICIAL_BUILD_ISSUER = 'krwg-official';