Skip to content

feat(feedback): add categories and UI element picker#108

Merged
jal-co merged 1 commit into
mainfrom
feat/feedback-categories
Jul 16, 2026
Merged

feat(feedback): add categories and UI element picker#108
jal-co merged 1 commit into
mainfrom
feat/feedback-categories

Conversation

@jal-co

@jal-co jal-co commented Jul 16, 2026

Copy link
Copy Markdown
Collaborator

What

  • add a required feedback category: Bug, Idea, UI issue, or Other
  • when UI issue is selected, offer an optional interactive element picker
  • include the category and picked-element context in the Discord feedback embed

Why

Triaging feedback needs a type, and UI reports need the exact element instead of a prose guess.

How

lib/element-picker.ts overlays a crosshair mode: hover highlights the element, click captures a compact descriptor (bounded CSS path, visible text snippet, viewport rect), and Escape cancels. The dialog goes non-modal and invisible while picking, then restores with a removable element chip. The server function validates the category against a fixed set and caps every element field before embedding.

Testing

  • pnpm --filter web typecheck
  • pnpm --filter web test (83 passed)
  • pnpm --filter web build
  • pnpm --filter web build-storybook
  • git diff --check
  • browser-verified: category select, picker hint, hidden dialog during picking, element capture chip with remove, and dialog restore

Screenshots

  • Picked element chip: /tmp/feedback-element-picked.png

Signed-off-by: Justin Levine <20596508+jal-co@users.noreply.github.com>
@jal-co
jal-co requested a review from a team as a code owner July 16, 2026 02:07
@jal-co
jal-co merged commit 1ff8d84 into main Jul 16, 2026
2 checks passed
@jal-co
jal-co deleted the feat/feedback-categories branch July 16, 2026 02:08
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