social-media/docs/TASKS/approval-workflow/008-content-detail-approval-stepper.md

Task: Extract content detail approval stepper

Feature

docs/FEATURES/approval-workflow.md

Goal

Move the approval area in ContentItemDetailView into a small feature-owned component that can show approval requests and multi-level workflow steps as a vertical stepper.

Scope

• Extract the approval panel from frontend/src/features/content/views/ContentItemDetailView.vue.
• Render approval requests or workflow steps as circles in a vertical column connected by a dashed line.
• Show approval state, expected approver, due date, and recorded decisions in a hover/focus popup.
• Remove manual approval request creation from the content detail UI and backend API.
• Record the single documented v1 approval decision directly as Approved; approval discussion belongs in the content comments thread.
• Align the backend submit-decision request so approval comments are not accepted on new decisions.
• Remove temporary test text from content views.

Validation Commands

dotnet build backend/Socialize.slnx
dotnet test backend/Socialize.slnx
cd frontend && npm run build