Skip to content

Add v2 UI screenshots to the README - #5

Merged
cursor[bot] merged 1 commit into
agent/barrobot-v2-rewritefrom
cursor/add-v2-ui-screenshots-5880
Jul 28, 2026
Merged

Add v2 UI screenshots to the README#5
cursor[bot] merged 1 commit into
agent/barrobot-v2-rewritefrom
cursor/add-v2-ui-screenshots-5880

Conversation

@cmc0619

@cmc0619 cmc0619 commented Jul 28, 2026

Copy link
Copy Markdown
Owner

Screenshots of the v2 UI, taken by running this branch. Targets agent/barrobot-v2-rewrite so they land inside PR #2 rather than on main.

Adds a The UI section to the README covering all five pages plus the pour status list, with filenames suffixed -v2.

Menu

Menu page showing a grid of drink cards with photos and Pour buttons

Pouring

Menu page with a status list describing each ingredient as it is dispensed

Motor Controls

Motor controls page with GPIO pin map, trusted position and slot rotation tester

Drink detail, both suggestion views, and the configuration form are in the README.

How they were taken

  • Ran this branch's app.py on port 5001 with a demo config.json: 12 slots (gin, vodka, light/dark rum, tequila, bourbon, triple sec, amaretto, kahlua, dry/sweet vermouth, blue curaçao), a pantry of common mixers, a few substitutions, and safe mode on. 73 drinks are makeable, matching the same demo setup on main.
  • Recipe cache came from a real CocktailDB download (426 drinks).
  • Every interaction is genuine: the pour shot is the redirect after clicking a real Pour button (v2 submits POST, so it could not be captured by visiting a URL), and the motor page shows an actual POST /api/position/1 followed by POST /api/rotate/7.
  • Captured with headless Chrome at a 1280px viewport and 2× device scale, cropped on element boundaries, then downscaled to 1920px wide and palette-compressed. About 1.1 MB for all seven.

config.json and recipes.json are gitignored on this branch, so the demo setup is not in the commit.

Differences visible against v1

The v2 stylesheet is doing real work here: flash messages are styled rather than falling out as plain bullets, tables and inputs have consistent spacing, and the motor page gained the trusted-position workflow that blocks live movement until an operator establishes the turret's slot.

No application code was changed.

Open in Web Open in Cursor 

Capture the five Flask pages plus the pour status list against a demo
12-bottle configuration in safe mode, and document each in a new 'The UI'
section.

Co-authored-by: cmc0619 <cmc0619@users.noreply.github.com>
@coderabbitai

coderabbitai Bot commented Jul 28, 2026

Copy link
Copy Markdown

Warning

Review limit reached

You’ve reached a temporary PR review limit under our Fair Usage Limits Policy.

Your recent review volume is higher than typical usage, so adaptive limits are currently applied.

Next review available in: 1 minute

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a234a824-1054-40e9-ab67-c514ddfb7302

📥 Commits

Reviewing files that changed from the base of the PR and between ad868ec and 6b92879.

⛔ Files ignored due to path filters (7)
  • docs/screenshots/configure-v2.png is excluded by !**/*.png
  • docs/screenshots/drink-detail-v2.png is excluded by !**/*.png
  • docs/screenshots/menu-v2.png is excluded by !**/*.png
  • docs/screenshots/motor-controls-v2.png is excluded by !**/*.png
  • docs/screenshots/pour-v2.png is excluded by !**/*.png
  • docs/screenshots/suggestions-v2.png is excluded by !**/*.png
  • docs/screenshots/suggestions2-v2.png is excluded by !**/*.png
📒 Files selected for processing (1)
  • README.md

Comment @coderabbitai help to get the list of available commands.

@greptile-apps

greptile-apps Bot commented Jul 28, 2026

Copy link
Copy Markdown

Greptile Summary

Adds a screenshot-based overview of the v2 user interface.

  • Documents the menu, drink detail, pouring, suggestion, configuration, and motor-control views.
  • Adds seven corresponding PNG screenshots under docs/screenshots.

Confidence Score: 4/5

The PR appears safe to merge after correcting the non-blocking inconsistency in the documented page count.

The screenshot additions and references are internally aligned, while the overview's claim of five pages conflicts with the seven views documented in the same section.

Files Needing Attention: README.md

Important Files Changed

Filename Overview
README.md Adds the v2 UI walkthrough, but its stated count of five pages conflicts with the seven documented views.
docs/screenshots/configure-v2.png Adds the configuration-page screenshot referenced by the README.
docs/screenshots/drink-detail-v2.png Adds the drink-detail screenshot referenced by the README.
docs/screenshots/menu-v2.png Adds the menu screenshot referenced by the README.
docs/screenshots/motor-controls-v2.png Adds the motor-controls screenshot referenced by the README.
docs/screenshots/pour-v2.png Adds the pouring-status screenshot referenced by the README.
docs/screenshots/suggestions-v2.png Adds the first suggestions-page screenshot referenced by the README.
docs/screenshots/suggestions2-v2.png Adds the second suggestions-page screenshot referenced by the README.

Fix All in Claude Code Fix All in Codex

Reviews (1): Last reviewed commit: "Add v2 UI screenshots to README" | Re-trigger Greptile

Comment thread README.md

## The UI

Flask serves five touch-sized pages at `http://<pi-address>:5000`. The shots

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Page count contradicts overview

The overview says Flask serves five pages, while the section immediately documents seven distinct pages, giving readers an inconsistent description of the UI.

Suggested change
Flask serves five touch-sized pages at `http://<pi-address>:5000`. The shots
Flask serves seven touch-sized pages at `http://<pi-address>:5000`. The shots

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

Fix in Claude Code Fix in Codex

@cursor
cursor Bot marked this pull request as ready for review July 28, 2026 05:07
@cursor
cursor Bot merged commit 2e7c33b into agent/barrobot-v2-rewrite Jul 28, 2026
4 checks passed
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.

2 participants