Skip to content

docs: real screenshots in README + SCREENSHOTS gallery#48

Merged
NathanNeurotic merged 1 commit into
mainfrom
feature/v0.16.0-readme-screenshots
May 29, 2026
Merged

docs: real screenshots in README + SCREENSHOTS gallery#48
NathanNeurotic merged 1 commit into
mainfrom
feature/v0.16.0-readme-screenshots

Conversation

@NathanNeurotic
Copy link
Copy Markdown
Owner

Summary

Wires the six v0.15.4 screenshots you captured into the README and turns the placeholder `docs/SCREENSHOTS.md` into a real captioned gallery.

  • `docs/screenshots/` — six PNGs from v0.15.4 on Windows 11: `profiles-tab` (hero), `tray-menu`, `tray-menu-tooltip`, `tray-profile-submenu`, `add-cloud-remote`, `settings-tab`.
  • README gains a Screenshots section (Profiles tab, tray menu, add-cloud-remote) linking to the full gallery.
  • `docs/SCREENSHOTS.md` rewritten from "here's what to capture later" placeholder to an actual captioned gallery.
  • Drive-by fix: README said the main window has "Four tabs" — it's been five since v0.12.0 (Activity). Updated the count and refreshed the per-tab blurbs to match the current UI (status dots, log filter, colour-coded activity timeline).

Docs-only. No CHANGELOG bump on purpose — the README renders from the repo on GitHub, and bumping the version would cut a binary release identical to v0.15.4.

Test plan

  • All five README-referenced images exist in `docs/screenshots/`
  • Image paths are repo-root-relative and correct
  • GitHub renders the README images after merge

🤖 Generated with Claude Code

Replaces the SVG-mockup placeholder guidance with six actual
screenshots captured from v0.15.4 on Windows 11:
- profiles-tab.png (hero: status dots, drive chip, themed gauge,
  4-button card)
- tray-menu.png + tray-menu-tooltip.png
- tray-profile-submenu.png (full per-profile detail + actions)
- add-cloud-remote.png (nine providers)
- settings-tab.png

Changes:
- docs/SCREENSHOTS.md rewritten as a captioned gallery pointing at
  docs/screenshots/.
- README gains a Screenshots section (profiles tab, tray menu, add
  cloud remote) with a link to the full gallery.
- Fixed stale "Four tabs" -> "Five tabs" (Activity tab added in
  v0.12.0) and refreshed the per-tab descriptions to match the
  current UI (status dots, filters, colour-coded activity).

Docs-only; no CHANGELOG bump so this doesn't cut a redundant binary
release.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the documentation to reflect the addition of a fifth tab ("Activity") in the main window and replaces placeholder mockup instructions in docs/SCREENSHOTS.md with actual screenshots and descriptions of the Pixelpipe UI. The review feedback suggests adding a missing reference to the tray menu tooltip screenshot, hyphenating "dark-themed" for grammatical consistency, and aligning the alt text of the cloud remote screenshot with the section header and README.md.

Comment thread docs/SCREENSHOTS.md
diagnostics-repair.png
bandwidth-menu.png
```
![Tray menu](screenshots/tray-menu.png)
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The PR description mentions that tray-menu-tooltip.png was captured as one of the six screenshots, but it is currently not referenced or displayed in the screenshots gallery. Consider adding it under the Tray menu section to showcase the live status tooltip.

Suggested change
![Tray menu](screenshots/tray-menu.png)
![Tray menu](screenshots/tray-menu.png)
Hovering over the tray icon displays a live status tooltip:
![Tray menu tooltip](screenshots/tray-menu-tooltip.png)

Comment thread docs/SCREENSHOTS.md
3. `P:\` visible in This PC.
4. Diagnostics / repair window.
5. Bandwidth limit submenu.
The dashboard. Each profile is a card with a status dot, drive-letter chip, mounted/unmounted pill, a dark themed storage gauge, live transfer-quota / session / speed numbers, and the four primary actions (Mount / Full cache / Unmount / Open). The status strip across the top shows global status, rclone, WinFsp, and transfer-quota chips — each with its own colour dot.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Hyphenate "dark themed" to "dark-themed" when used as a compound modifier before the noun "storage gauge" to maintain grammatical consistency.

Suggested change
The dashboard. Each profile is a card with a status dot, drive-letter chip, mounted/unmounted pill, a dark themed storage gauge, live transfer-quota / session / speed numbers, and the four primary actions (Mount / Full cache / Unmount / Open). The status strip across the top shows global status, rclone, WinFsp, and transfer-quota chips — each with its own colour dot.
The dashboard. Each profile is a card with a status dot, drive-letter chip, mounted/unmounted pill, a dark-themed storage gauge, live transfer-quota / session / speed numbers, and the four primary actions (Mount / Full cache / Unmount / Open). The status strip across the top shows global status, rclone, WinFsp, and transfer-quota chips — each with its own colour dot.

Comment thread docs/SCREENSHOTS.md

Nine first-class providers plus custom rclone remotes. OAuth providers (Drive, OneDrive, Dropbox, Box) complete sign-in through the rclone config terminal; the rest collect credentials in an in-app form and never put secrets on the command line.

![Add cloud remote menu](screenshots/add-cloud-remote.png)
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Update the image alt text to "Add cloud remote" to match the section header and maintain consistency with the alt text used in README.md.

Suggested change
![Add cloud remote menu](screenshots/add-cloud-remote.png)
![Add cloud remote](screenshots/add-cloud-remote.png)

@NathanNeurotic NathanNeurotic merged commit a59b6c1 into main May 29, 2026
1 check passed
@NathanNeurotic NathanNeurotic deleted the feature/v0.16.0-readme-screenshots branch May 29, 2026 09:11
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