Skip to content

feat(bg-studio): annotation popovers, crop overlay, redesigned contro…#12

Open
amardelta4 wants to merge 1 commit into
delta4infotech:mainfrom
amardelta4:bg-studio-fix
Open

feat(bg-studio): annotation popovers, crop overlay, redesigned contro…#12
amardelta4 wants to merge 1 commit into
delta4infotech:mainfrom
amardelta4:bg-studio-fix

Conversation

@amardelta4
Copy link
Copy Markdown

…ls, themed scrollbars

Phase 1-3 additions to the BG Studio editor:

  • Annotation toolbar: hover popovers above Arrow / Brush / Counter buttons for color/size/style defaults; arrow line + head styles; brush modes (pencil/highlighter/blur); counter formats (number/roman/alpha) + start-at.
  • Crop tool: inline CleanShot-style overlay (8 handles, dim mask, rule-of-thirds, live W×H, ratio presets, Enter/Esc); SVG-mask renderer composes nested crops correctly. Lives in new CropOverlay.tsx.
  • Pixelate redaction now reads as mosaic (blur + contrast + grid overlay).
  • Export: copy-to-clipboard, JPEG/WebP with quality slider, social-media aspect-ratio presets, drag-drop + paste image import, crop/zoom reset during capture so overlay UI never bakes into the output.
  • Undo/redo: full state snapshot incl. uploadedImages (crop) and brushes; redo stack with Ctrl+Z / Ctrl+Y / Ctrl+Shift+Z; toolbar Redo button.
  • Viewport: Ctrl+scroll canvas zoom, click-drag pan, scrollbars adapt to zoom; default alignment switched to middle-center.
  • Controls: tab-based icon nav (Image/Background/Effects/Devices), compact canvas-size pill in header, "More options" toggle for advanced controls, sticky export bar at bottom.
  • Misc: adjustable canvas corner radius (ring follows curve), themed scrollbars across the app, fix package.json stray '+' typo.

…ls, themed scrollbars

Phase 1-3 additions to the BG Studio editor:

- Annotation toolbar: hover popovers above Arrow / Brush / Counter buttons
  for color/size/style defaults; arrow line + head styles; brush modes
  (pencil/highlighter/blur); counter formats (number/roman/alpha) + start-at.
- Crop tool: inline CleanShot-style overlay (8 handles, dim mask,
  rule-of-thirds, live W×H, ratio presets, Enter/Esc); SVG-mask renderer
  composes nested crops correctly. Lives in new CropOverlay.tsx.
- Pixelate redaction now reads as mosaic (blur + contrast + grid overlay).
- Export: copy-to-clipboard, JPEG/WebP with quality slider, social-media
  aspect-ratio presets, drag-drop + paste image import, crop/zoom reset
  during capture so overlay UI never bakes into the output.
- Undo/redo: full state snapshot incl. uploadedImages (crop) and brushes;
  redo stack with Ctrl+Z / Ctrl+Y / Ctrl+Shift+Z; toolbar Redo button.
- Viewport: Ctrl+scroll canvas zoom, click-drag pan, scrollbars adapt to
  zoom; default alignment switched to middle-center.
- Controls: tab-based icon nav (Image/Background/Effects/Devices),
  compact canvas-size pill in header, "More options" toggle for advanced
  controls, sticky export bar at bottom.
- Misc: adjustable canvas corner radius (ring follows curve), themed
  scrollbars across the app, fix package.json stray '+' typo.
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

@amardelta4 is attempting to deploy a commit to the Delta4 Infotech Team on Vercel.

A member of the Team first needs to authorize it.

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