Create Order Actions Menu

Right now, our order actions are scattered and confusing. We're going to create one intuitive action block that shows exactly what users can do, when they can do it.

Core Functionality:

• Create a unified "Order Actions: [ORDER STATE]" block in the top sidebar
• Actions dynamically show/hide based on order state (Draft vs Completed)
• Replace page navigation with elegant modal forms - no more jarring page jumps
• Disabled actions get grouped under "Unavailable for [ORDER STATE] orders" - crystal clear

Action Behaviors by State:

Draft Orders:

✅ Reassign order (modal)
✅ Add order item (modal)
✅ Apply coupon (modal)
✅ Place order (modal)
✅ Cancel order (modal)
❌ Resend receipt (disabled - grouped in unavailable section)

Completed Orders:

✅ Resend receipt (modal)
✅ Reassign order (modal)
❌ Add order item (disabled)
❌ Apply coupon (disabled)
❌ Place order (hidden)
❌ Cancel order (hidden)

Technical Notes:

• Primarily UI/UX changes with modal implementations
• Modify onClick events to trigger modals instead of page navigation
• Reference attached wireframes for state-specific layouts

Success Criteria: Users should instantly understand what they can do with any order, without thinking twice.