Files
CheapRetouch/specs/07-toolbar-view.md
jared 1049057d7d Add Ralph Wiggum agent setup and project specifications
- Add project constitution with vision, principles, and autonomy settings
- Add 15 feature specifications covering full app scope
- Configure agent entry points (AGENTS.md, CLAUDE.md)
- Add build prompt and speckit command for spec creation
- Include comprehensive .gitignore for iOS development

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-23 23:19:41 -05:00

1.3 KiB

Toolbar View

Description

Tool selection toolbar with contextual inspector panel.

Acceptance Criteria

  • ToolbarView SwiftUI view with tool buttons:
    • Person tool (👤 icon or SF Symbol)
    • Object tool (circle/square icon)
    • Wire tool (line/bolt icon)
    • Brush tool (paintbrush icon)
    • Undo button (arrow.uturn.backward)
    • Redo button (arrow.uturn.forward)
  • Selected tool highlighted visually
  • Undo/redo buttons disabled when not available
  • Contextual inspector panel appears based on active tool:
    • Brush: size slider (1-100px)
    • All tools: feather amount slider (0-20px)
    • Wire tool: mask expansion slider (2-20px, default 6)
    • Optional "Refine edges" toggle
  • Inspector animates in/out smoothly
  • All tools labeled for VoiceOver
  • Brush size adjustable via stepper (accessibility)
  • Dynamic Type support for any text labels
  • UI tests for tool selection and inspector

Technical Notes

  • Use SF Symbols for icons where possible
  • Store selected tool in shared state (environment or binding)
  • Inspector can be sheet, popover, or inline panel based on device
  • Consider compact layout for smaller devices

Edge Cases

  • No image loaded: tools disabled
  • Processing in progress: tools disabled, show activity indicator
  • Undo stack empty: undo button disabled
  • Redo stack empty: redo button disabled