Skip to content

feat: redesign feedback annotation toolbar#11

Draft
olyaiy wants to merge 4 commits into
mainfrom
feat/feedback-toolbar-redesign
Draft

feat: redesign feedback annotation toolbar#11
olyaiy wants to merge 4 commits into
mainfrom
feat/feedback-toolbar-redesign

Conversation

@olyaiy
Copy link
Copy Markdown
Collaborator

@olyaiy olyaiy commented May 21, 2026

Summary

  • Replaces the legacy feedback widget/card UI with an SDK-owned draggable toolbar for Obvious autobuild previews.
  • Adds numbered annotation pins with inline comment popovers, live element tweak controls, and style overrides that persist until submission or deletion.
  • Adds a post-submit toolbar takeover that points users to autobuild progress when thread/PR context is available.

Commits

  • 8a0e394 Refines the inline annotation flow and opt-in behavior.
  • 02bd449 Persists visual preview changes across annotation popover close/reopen.
  • 136eb89 Polishes the old trigger/card transition before the toolbar redesign.
  • 3b2f9ec Redesigns the feedback flow around the draggable toolbar, pins, tweak controls, and submit banner.

Test plan

  • bunx tsc --noEmit
  • bun test tests/unit
  • bun run build

Notes

  • Local Obvious preview processes on ports 3101, 3103, and 4001 were stopped before creating this PR.
  • No new learnings to capture.

olyaiy added 4 commits May 19, 2026 17:56
Keep visual edit previews applied across annotation popup close/reopen, fold visual change summaries into the target pill, and make removing that pill detach the target without losing the comment text.
Tie the card and trigger together visually so the trigger physically sits
at the card's anchor corner and acts as the close X.

- Anchor the card directly to the trigger rect (no gap), pick the open
  direction based on viewport space, and reserve corner room in the card
  for the trigger
- Animate card open/exit by scaling non-uniformly from the trigger rect
  to the full card with a matching border-radius morph and content fade
- Crossfade the trigger icon between pencil and close glyphs while the
  card is open, dropping the redundant in-card close button
- Flatten the trigger when the card is open (no border/background/shadow)
  and render hover/active/focus feedback on an inset ::before pill so the
  affordance stays inside the card's rounded corner instead of spilling
  out as a floating pill
- Add a fresh-pin enter animation and inline-popup enter/transition
  animations
- Respect prefers-reduced-motion across the morph, trigger, card, pins,
  and inline popup
- Drop the rect-height check from visual suggestion text classification
Move the feedback widget to a draggable toolbar with numbered pin annotations, inline live style tweaks, and a post-submit progress banner for autobuild previews.
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