Skip to content

Add desktop app screenshots to README#309

Merged
ericflo merged 1 commit intomainfrom
ce/desktop-readme-screenshots
Apr 16, 2026
Merged

Add desktop app screenshots to README#309
ericflo merged 1 commit intomainfrom
ce/desktop-readme-screenshots

Conversation

@ericflo
Copy link
Copy Markdown
Owner

@ericflo ericflo commented Apr 16, 2026

Adds rendered screenshots of the desktop tray app UI to the README Desktop App section.

What

  • New docs/screenshots/desktop/ directory with PNGs of the dashboard, onboarding wizard (test-connection step), and settings pane
  • README Desktop App section now shows the UI inline — dashboard full-width, then onboarding and settings side-by-side
  • scripts/screenshot-desktop-ui.js so the screenshots can be regenerated whenever the desktop UI changes materially

How

  • Rendered the embedded crates/modelrelay-desktop/ui/index.html in headless Chromium via Puppeteer
  • Tauri APIs (window.__TAURI__.core.invoke, getCurrentWebviewWindow) are stubbed with mock data for static rendering (connected status, sample models like llama-3.3-70b, qwen2.5-coder-32b, mistral-small-24b, populated settings)
  • Viewport 1100x780 @ 2x DPR for retina-quality PNGs

Notes

  • Cannot screenshot the actual system tray icon or native window chrome from a Linux CI-style environment (no GTK/webkit2gtk), but the in-window UI is the most useful visual for users deciding whether to install
  • To regenerate: npm install puppeteer && node scripts/screenshot-desktop-ui.js

Renders the modelrelay-desktop UI (index.html) in headless Chromium with
Tauri APIs stubbed for static rendering, and embeds PNGs of the
dashboard, settings pane, and onboarding wizard in the README Desktop
App section.

Adds scripts/screenshot-desktop-ui.js so the screenshots can be
regenerated whenever the UI changes materially.
@ericflo ericflo merged commit a0b51bc into main Apr 16, 2026
12 checks passed
@ericflo ericflo deleted the ce/desktop-readme-screenshots branch April 16, 2026 17:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant