Skip to content

docs: add design mocks for backlog issues #134 #135 #142 #143 #145#183

Merged
grunch merged 1 commit into
mainfrom
docs/issue-design-mocks
Jul 16, 2026
Merged

docs: add design mocks for backlog issues #134 #135 #142 #143 #145#183
grunch merged 1 commit into
mainfrom
docs/issue-design-mocks

Conversation

@grunch

@grunch grunch commented Jul 16, 2026

Copy link
Copy Markdown
Member

Adds 12 phone-frame design mocks (393×852) under docs/design/, exported from the Claude Design canvas Mostro Issues Screens EN (project Mostro mobile).

One set per backlog issue that requires UI work:

Issue Mocks
#134 134-trade-actions-menu.png (current ⋮ pattern) · 134-trade-actions-visible.png (visible action row)
#135 135-node-manager.png · 135-add-custom-node.png
#142 142-restore-entry.png · 142-restore-words.png · 142-restore-progress.png
#143 143-disputes-list.png · 143-dispute-admin-chat.png
#145 145-bond-payout-banner.png · 145-trades-payout-pending.png · 145-bond-slashed.png

All mocks follow the design-system tokens documented in the design project (DESIGN.md): lime green = action, purple = conversation, red = destructive, JetBrains Mono for cryptographic data.

Each issue gets a comment embedding its mocks (pinned to this commit's raw URLs), so merging this PR keeps those images permanently resolvable.

12 phone-frame mocks (393x852) exported from the Claude Design canvas
'Mostro Issues Screens EN', following DESIGN.md tokens (lime green =
action, purple = conversation, red = destructive). Referenced from the
corresponding GitHub issues.
@coderabbitai

coderabbitai Bot commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Review was skipped due to path filters

⛔ Files ignored due to path filters (12)
  • docs/design/134-trade-actions-menu.png is excluded by !**/*.png
  • docs/design/134-trade-actions-visible.png is excluded by !**/*.png
  • docs/design/135-add-custom-node.png is excluded by !**/*.png
  • docs/design/135-node-manager.png is excluded by !**/*.png
  • docs/design/142-restore-entry.png is excluded by !**/*.png
  • docs/design/142-restore-progress.png is excluded by !**/*.png
  • docs/design/142-restore-words.png is excluded by !**/*.png
  • docs/design/143-dispute-admin-chat.png is excluded by !**/*.png
  • docs/design/143-disputes-list.png is excluded by !**/*.png
  • docs/design/145-bond-payout-banner.png is excluded by !**/*.png
  • docs/design/145-bond-slashed.png is excluded by !**/*.png
  • docs/design/145-trades-payout-pending.png is excluded by !**/*.png

CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including **/dist/** will override the default block on the dist directory, by removing the pattern from both the lists.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: cfb12746-2420-4843-bd89-46e55cc177a3

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs/issue-design-mocks

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

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